.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: white; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: white; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .form-control{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} #PlannerDialog{top: 44px; box-shadow: 0 3px 9px #666666;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} 

/* /website/static/src/less/website.wrapwrap.less defined in bundle 'web.assets_frontend' */
 #wrapwrap{position: relative; display: table; table-layout: fixed; width: 100%; height: 100%;} #wrapwrap > *{display: table-row;} #wrapwrap > main{height: 100%;} header a.navbar-brand.logo{padding: 0 15px;} header a.navbar-brand img{max-height: 35px; margin-top: 8px;} footer{background-color: #F8F8F8;} footer #footer{padding-top: 32px;} .o_hidden{display: none!important;} .o_text_overflow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .o_div_text_overflow * > div{overflow: hidden; text-overflow: ellipsis;} .jumbotron{margin-bottom: 0;} .oe_img_bg{background-size: cover; background-repeat: no-repeat;} .oe_img_bg.o_bg_img_opt_contain{background-size: contain; background-position: center center;} .oe_img_bg.o_bg_img_opt_custom{background-size: auto;} .oe_img_bg.o_bg_img_opt_repeat{background-repeat: repeat;} .oe_img_bg.o_bg_img_opt_repeat_x{background-repeat: repeat-x;} .oe_img_bg.o_bg_img_opt_repeat_y{background-repeat: repeat-y;} .oe_dark{background-color: rgba(200, 200, 200, 0.14);} .oe_black{background-color: rgba(0, 0, 0, 0.9); color: white;} .oe_green{background-color: #169C78; color: white;} .oe_green .text-muted{color: #ddd;} .oe_blue_light{background-color: #41b6ab; color: white;} .oe_blue_light .text-muted{color: #ddd;} .oe_blue{background-color: #34495e; color: white;} .oe_orange{background-color: #f05442; color: white;} .oe_orange .text-muted{color: #ddd;} .oe_purple{background-color: #b163a3; color: white;} .oe_purple .text-muted{color: #ddd;} .oe_red{background-color: #9C1b31; color: white;} .oe_red .text-muted{color: #ddd;} .oe_none{background-color: #FFFFFF;} .oe_yellow{background-color: #A2A51B;} .oe_green{background-color: #149F2C;} ul{list-style-type: disc;} li > ul{list-style-type: circle;} li > * > li > ul{list-style-type: square;} li > * > li > * > li > ul{list-style-type: disc;} li > * > li > * > li > * > li > ul{list-style-type: circle;} li > * > li > * > li > * > li > * > li > ul{list-style-type: square;} li > * > li > * > li > * > li > * > li > * > li > ul{list-style-type: disc;} ol{list-style-type: decimal;} li > ol{list-style-type: lower-alpha;} li > * > li > ol{list-style-type: lower-greek;} li > * > li > * > li > ol{list-style-type: decimal;} li > * > li > * > li > * > li > ol{list-style-type: lower-alpha;} li > * > li > * > li > * > li > * > li > ol{list-style-type: lower-greek;} li > * > li > * > li > * > li > * > li > * > li > ol{list-style-type: decimal;} li > p{margin: 0;} font[style*='background'], font[class*='bg-']{padding: 0 2px;} hr{padding: 4px 0;} .o_ul_toggle_self, .o_ul_toggle_next{display: none;} .o_ul_folded .o_close{display: none!important;} .o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next{display: inline-block; line-height: inherit; float: left; position: relative; margin-left: -1em; top: -0.15em; left: 0.2em; font-size: 1.4em; text-decoration: none;} .o_ul_folded .o_ul_toggle_self.o_open:before, .o_ul_folded .o_ul_toggle_next.o_open:before{content: "";} .o_ul_folded .o_ul_toggle_self:before, .o_ul_folded .o_ul_toggle_next:before{content: "";} .container{max-width: 100%;} .container .container{padding-left: 0; padding-right: 0; width: auto;} .navbar.navbar-static-top{margin-bottom: 0;} .navbar.navbar-static-top ul.nav > li.divider{margin-top: 15px; padding-top: 20px; border-right: 1px solid grey;} ul.nav-stacked > li > a{padding: 2px 15px;} [class^="col-md-"]{min-height: 24px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} ::-moz-selection{background: rgba(150, 150, 220, 0.3);} ::selection{background: rgba(150, 150, 220, 0.3);} .oe_demo{position: relative;} .oe_demo img{width: 100%;} .oe_demo div{position: absolute; top: auto; left: 0; bottom: 0; right: auto; background-color: rgba(0, 0, 0, 0.4); opacity: 0.85; width: 100%; padding: 7px; color: white; font-weight: bold;} .oe_demo div a{color: white;} .oe_search_box{padding-right: 23px;} .para_large{font-size: 120%;} .jumbotron .para_large p{font-size: 150%;} .readable{font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto;} .readable .container{padding-left: 0; padding-right: 0; width: auto;} 

/* /website/static/src/less/website.snippets.less defined in bundle 'web.assets_frontend' */
 .carousel, .parallax, .blockquote{overflow: hidden;} @media (max-width: 400px){section, .parallax, .row, .hr, .blockquote{height: auto !important;}} .s_text_block_image_fw .container{padding: 0 30px;} .s_text_block_image_fw .container > .row > div{padding: 30px;} .table_desc{margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd;} .table_heading{background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px;} table.table_desc tr td{text-align: left; padding: 5px; font-size: 13px;} table.table_desc tr td:first-child{width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none;} table.table_desc tr td:last-child{border-bottom: 1px solid #c9c9c9;} .s_comparisons .panel .list-group-item:not(.active){color: #666;} .s_references .img-thumbnail{border: none;} .o_image_floating{width: 40%; margin: 4px;} .o_image_floating div.o_container{position: relative;} .o_image_floating.o_margin_s{margin-bottom: 4px;} .o_image_floating.o_margin_s.pull-right{margin-left: 8px;} .o_image_floating.o_margin_s.pull-left{margin-right: 8px;} .o_image_floating.o_margin_m{margin-bottom: 8px;} .o_image_floating.o_margin_m.pull-right{margin-left: 12px;} .o_image_floating.o_margin_m.pull-left{margin-right: 12px;} .o_image_floating.o_margin_l{margin-bottom: 12px;} .o_image_floating.o_margin_l.pull-right{margin-left: 16px;} .o_image_floating.o_margin_l.pull-left{margin-right: 16px;} .o_image_floating.o_margin_xl{margin-bottom: 24px;} .o_image_floating.o_margin_xl.pull-right{margin-left: 32px;} .o_image_floating.o_margin_xl.pull-left{margin-right: 32px;} .carousel-inner{height: 100%;} .carousel-inner .item{height: 100%;} .carousel-inner .carousel-control{cursor: pointer;} .carousel-inner .carousel-control span{top: 50%; position: absolute; margin-top: -8px;} .carousel .carousel-control.left{left: -10px;} .carousel .carousel-control.left *{position: absolute; top: 50%; z-index: 5; right: 50%;} .carousel .carousel-control.right{right: -10px;} .carousel .carousel-control.right *{position: absolute; top: 50%; z-index: 5; left: 50%;} .quotecarousel{padding-bottom: 16px;} div.carousel .container > .carousel-caption{position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px;} div.carousel .container > .carousel-caption > div{position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;} div.carousel .container > .carousel-image{position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto;} div.carousel .container .item.text_image .container > .carousel-caption{left: 10%;} div.carousel .container .item.text_image .container > .carousel-caption > div{right: 50%; margin-right: -20%; max-width: 550px;} div.carousel .container .item.text_image .container > .carousel-image{right: 10%; left: 50%;} div.carousel .container .item.image_text .container > .carousel-caption{right: 10%;} div.carousel .container .item.image_text .container > .carousel-caption > div{left: 50%; margin-left: -20%; max-width: 550px;} div.carousel .container .item.image_text .container > .carousel-image{right: 50%; left: 10%;} div.carousel .container .item.text_only .container > .carousel-caption{left: 10%; right: 10%; top: 10%; bottom: auto;} div.carousel .container .item.text_only .container > .carousel-caption > div{text-align: center; background: transparent; bottom: auto; width: 100%;} div.carousel .container .item.text_only .container > .carousel-image{display: none !important;} .o_gallery.o_grid .img, .o_gallery.o_masonry .img{width: 100%;} .o_gallery.o_grid.o_spc-none div.row{margin: 0;} .o_gallery.o_grid.o_spc-none div.row *{padding: 0;} .o_gallery.o_grid.o_spc-small div.row{margin: 5px 0;} .o_gallery.o_grid.o_spc-small div.row *{padding: 0 5px;} .o_gallery.o_grid.o_spc-medium div.row{margin: 10px 0;} .o_gallery.o_grid.o_spc-medium div.row *{padding: 0 10px;} .o_gallery.o_grid.o_spc-big div.row{margin: 15px 0;} .o_gallery.o_grid.o_spc-big div.row *{padding: 0 15px;} .o_gallery.o_grid.size-auto .row{height: auto;} .o_gallery.o_grid.size-small .row{height: 100px;} .o_gallery.o_grid.size-medium .row{height: 250px;} .o_gallery.o_grid.size-big .row{height: 400px;} .o_gallery.o_grid.size-small img, .o_gallery.o_grid.size-medium img, .o_gallery.o_grid.size-big img{height: 100%;} .o_gallery.o_masonry.o_spc-none div.col{padding: 0;} .o_gallery.o_masonry.o_spc-none div.col > img{margin: 0 !important;} .o_gallery.o_masonry.o_spc-small div.col{padding: 0 5px;} .o_gallery.o_masonry.o_spc-small div.col > img{margin: 5px 0 !important;} .o_gallery.o_masonry.o_spc-medium div.col{padding: 0 10px;} .o_gallery.o_masonry.o_spc-medium div.col > img{margin: 10px 0 !important;} .o_gallery.o_masonry.o_spc-big div.col{padding: 0 15px;} .o_gallery.o_masonry.o_spc-big div.col > img{margin: 15px 0 !important;} .o_gallery.o_nomode.o_spc-none .img{padding: 0;} .o_gallery.o_nomode.o_spc-small .img{padding: 5px;} .o_gallery.o_nomode.o_spc-medium .img{padding: 10px;} .o_gallery.o_nomode.o_spc-big .img{padding: 15px;} .o_gallery.o_slideshow .carousel ul.carousel-indicators li{border: 1px solid #aaa;} .o_gallery.o_slideshow > .container{height: 100%;} .o_gallery .carousel-inner .item img{max-width: none;} .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel{height: 100%;} .o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item{padding-bottom: 64px;} .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img{max-height: 100%; max-width: 100%; margin: auto;} .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators{display: block; height: auto; padding: 0; border-width: 0; position: absolute; bottom: 0;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > *{list-style-image: none; display: inline-block; width: 40px; height: 40px; margin: 0 0px 5px 5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; border-radius: 0;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active){opacity: 0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:first-child, .modal-body.o_slideshow .carousel ul.carousel-indicators > *:first-child{margin-left: 0;} .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.right, .o_gallery.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.left{background-image: none; background-color: transparent;} div.carousel .carousel-indicators li{box-shadow: 0 0 0 1px grey;} div.carousel .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.5);} div.carousel span.carousel-img img, div.carousel div.carousel-content{max-height: 95%; padding: 10px;} div.carousel .carousel-control{cursor: pointer;} .parallax{position: relative;} .parallax .oe_structure > :first-child{margin-top: 32px;} .parallax .oe_structure > :last-child{margin-bottom: 32px;} .s_parallax{min-height: 200px;} .s_big_message{background-size: cover;} 

/* /website/static/src/less/website.zoomodoo.less defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF;} .zoomodoo-hover .zoomodoo-flyout{top: 0; left: 0; width: 100%; height: 100%;} .zoomodoo-next .zoomodoo-flyout{top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; margin: 20px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{float: left; display: inline; font-size: 14px; border-color: transparent;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /website_mail/static/src/css/website_mail.css defined in bundle 'web.assets_frontend' */
.js_follow[data-follow='on'] .js_follow_btn , .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /survey/static/src/css/survey_print.css defined in bundle 'web.assets_frontend' */
@media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'web.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie path{fill-opacity: .7;} .nvd3.nv-pie .hover path{fill-opacity: 1;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} 

/* /survey/static/src/css/survey_result.css defined in bundle 'web.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /openinside_website/static/src/css/custom_css.css defined in bundle 'web.assets_frontend' */
body{line-height: 1.5; font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-weight: normal; color: rgba(0,0,0,0.87);} @font-face{font-family: 'source_sans_probold'; src: url('/openinside_website/static/src/css/font/sourcesanspro-bold-webfont.eot'); src: url('/openinside_website/static/src/css/font/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/openinside_website/static/src/css/font/sourcesanspro-bold-webfont.woff') format('woff'), url('/openinside_website/static/src/css/font/sourcesanspro-bold-webfont.ttf') format('truetype'), url('/openinside_website/static/src/css/font/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg'); font-weight: normal; font-style: normal;} nav.std-menu .menu{height: auto; margin: 0; position: relative; padding: 0;} nav.std-menu .menu li{position: relative; display: inline-block; float: left; font-size: 14px; margin: 8px 0;} nav.std-menu .menu li:first-child{background: none;} nav.std-menu .menu li > a{text-decoration: none; padding: 2px 0; margin: 0 10px; display: block; white-space: nowrap; background: transparent;} footer{padding: 20px 0 0; border-top: 0 solid transparent; border-top-width: 1px; background: #222222;} .footer-v2 footer{background: #f7f7f7; border-top: 3px solid #eee; padding: 45px 0; padding-bottom: 30px;} footer a:hover{color: #8E0008;} footer, footer p{color: white; line-height: 21px;} .footer-v2 footer, .footer-v2 footer p{color: #666;} footer .widget ul li, footer .v-category-widget ul, footer .v-archive-widget ul, footer .v-nav-menu-widget ul, footer .v-recent-comments-widget ul, footer .v-meta-data-widget ul, footer .v-recent-entry-widget ul{border-color: #333333;} footer .widget hr{border-color: #333333;} footer h4{font-family: source_sans_probold,Arial,Helvetica,Tahoma,sans-serif; letter-spacing: 1.8px; font-weight: 400!important; margin-top: 0; margin-bottom: 20px; padding-bottom: 0; font-size: 13px; line-height: 23px; text-transform: uppercase; display: inline-block; width: auto; color: #f4f4f4!important;} footer a{color: #fff;} .footer-v2 footer a{color: #444;} footer a, footer a:hover{text-decoration: none !important;} footer .widget{padding-bottom: 10px;} footer ul.social-icons li a{border: 1px solid rgba(247, 247, 247, 0.17); border-radius: 0 100px 100px; margin-right: 8px;} .footer-v2 footer ul.social-icons li a{border: 1px solid rgba(61, 61, 61, 0.52);} .copyright{padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; font-size: 12px; border-top: 0 solid transparent; border-top-width: 1px; background-color: #232323; border-top-color: #232323;} .footer-v2 .copyright{background-color: #EBEBEB; border-top-color: #E0E0E0;} .copyright p{font-size: 12px; float: left; margin-bottom: 0; line-height: 24px; color: white; padding-bottom: 2px;} .footer-v2 .copyright p{color: #555;} .copyright a, .copyright a:hover{text-decoration: none;} .copyright nav .menu{float: right;} .copyright nav .menu li{font-size: 13px; margin: 0 !important;} .copyright nav .menu li:first-child{border-left: 0;} .copyright nav .menu li ul{display: none;} footer .widget ul.wp-tag-cloud li > a{border: 1px solid #3F3E3E; padding: 5px 8px;} footer .widget .wp-tag-cloud li a{background: #242424; border-color: #5E5E5E;} footer .widget ul.wp-tag-cloud li > a:hover{color: #fff;} footer .footer-contact-info p{margin-bottom: 6px;} footer .footer-contact-info .fa{margin-right: 10px; font-size: 14px; width: 12px;} footer .widget ul li > a{padding-bottom: 4px; padding-top: 10px;} footer .v-recent-entry-widget.widget ul li:first-child a{padding-top: 0px;} footer .v-recent-entry-widget .post-date{margin-bottom: 10px; display: block; margin-top: -2px; font-size: 12px;} .copyright a{color: white; border-bottom: solid 1px rgba(255,255,255,.07); padding-bottom: 2px; font-size: 12px;} .footer-v2 .copyright a{color: #555; border-bottom: solid 1px rgba(206, 206, 206, 0.6);} .copyright a:hover{color: transparent;} .navbar{-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0);} .navbar.active-2{background-color: #fff!important; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);} .menu-black-color > li > a > span{color: #444; font-weight: bold;} .menu-black-color > li > a > b{color: #444; font-weight: bold;} .navbar-default .navbar-nav > li > a{color: black; font-weight: bold; background-color: transparent;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: black; background-color: transparent;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: black; background-color: transparent;} header a.navbar-brand img{max-height: 75px; margin-top: -5px;} .tester{margin-top: 40px; position: relative;} blockquote{width: 290px; font: 2.65em CallunaRegular!important; letter-spacing: .075em; padding: 45px 0 30px 25px; margin: 0;} .tester:before{position: absolute; left: -100px; color: #666;} .tester:after{position: absolute; right: -100px; top: 150px; color: #666;} blockquote:first-line{font: 1.85em "Sketch Block"; color: #8E0008;} blockquote:first-letter{font-size: 1.5em; text-transform: lowercase; line-height: .52em; position: relative; z-index: 1;} blockquote strong:last-child{font: 2em "Museo 700"; text-transform: uppercase; letter-spacing: 0;} blockquote em{border-bottom: 2px dotted #858585;} blockquote + b{float: right; margin-top: 10px; font: 1.6em CallunaRegular; letter-spacing: .15em;} @-moz-document url-prefix(){blockquote:first-letter{margin-top: -29px;}} .progress-circle{position: relative; display: inline-block; margin: 1rem; width: 120px; height: 120px; border-radius: 50%; background-color: #ebebeb;} .progress-circle:after{content: ''; display: inline-block; width: 100%; height: 100%; border-radius: 50%;} .animate-gauge{-webkit-animation: colorload 2s; animation: colorload 2s;} .progress-circle span{font-size: 1.5rem; color: #8b8b8b; position: absolute; left: 50%; top: 50%; display: block; width: 60px; height: 60px; line-height: 60px; margin-left: -30px; margin-top: -30px; text-align: center; border-radius: 50%; background: #fff; z-index: 1;} .progress-circle span:after{content: "%"; font-weight: 600; color: #8b8b8b;} .progress-circle.progress-0:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-1:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(93.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-2:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(97.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-3:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(100.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-4:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(104.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-5:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-6:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(111.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-7:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(115.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-8:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(118.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-9:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(122.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-10:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-11:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-12:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-13:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-14:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-15:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-16:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-17:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-18:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-19:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-20:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(151.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-21:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(158.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-22:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(161.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-23:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(165.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-24:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(169.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-25:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-26:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(183.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-27:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(187.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-28:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(190.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-29:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(194.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-30:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-31:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(201.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-32:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(205.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-33:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(208.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-34:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(212.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-35:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-40:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-36:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(219.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-37:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(223.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-38:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(226.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-39:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(230.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-41:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(237.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-42:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(241.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-43:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(244.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-44:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(248.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-45:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-46:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(255.6deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-47:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(259.2deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-48:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(262.8deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-49:after{background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(266.4deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-50:after{background-image: linear-gradient(-90deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-51:after{background-image: linear-gradient(-86.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-52:after{background-image: linear-gradient(-82.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-53:after{background-image: linear-gradient(-79.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-54:after{background-image: linear-gradient(-75.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-55:after{background-image: linear-gradient(-72deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-56:after{background-image: linear-gradient(-68.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-57:after{background-image: linear-gradient(-64.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-58:after{background-image: linear-gradient(-61.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-59:after{background-image: linear-gradient(-57.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-60:after{background-image: linear-gradient(-54deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-61:after{background-image: linear-gradient(-50.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-62:after{background-image: linear-gradient(-46.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-63:after{background-image: linear-gradient(-43.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-64:after{background-image: linear-gradient(-39.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-65:after{background-image: linear-gradient(-36deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-66:after{background-image: linear-gradient(-32.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-67:after{background-image: linear-gradient(-28.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-68:after{background-image: linear-gradient(-25.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-69:after{background-image: linear-gradient(-21.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-70:after{background-image: linear-gradient(-18deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-71:after{background-image: linear-gradient(-14.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-72:after{background-image: linear-gradient(-10.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-73:after{background-image: linear-gradient(-7.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-74:after{background-image: linear-gradient(-3.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-75:after{background-image: linear-gradient(0deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-76:after{background-image: linear-gradient(3.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-77:after{background-image: linear-gradient(7.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-78:after{background-image: linear-gradient(10.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-79:after{background-image: linear-gradient(14.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-80:after{background-image: linear-gradient(18deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-81:after{background-image: linear-gradient(21.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-82:after{background-image: linear-gradient(25.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-83:after{background-image: linear-gradient(28.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-84:after{background-image: linear-gradient(32.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-85:after{background-image: linear-gradient(36deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-86:after{background-image: linear-gradient(39.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-87:after{background-image: linear-gradient(43.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-88:after{background-image: linear-gradient(46.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-89:after{background-image: linear-gradient(50.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-90:after{background-image: linear-gradient(54deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-91:after{background-image: linear-gradient(57.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-92:after{background-image: linear-gradient(61.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-93:after{background-image: linear-gradient(64.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-94:after{background-image: linear-gradient(68.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-95:after{background-image: linear-gradient(72deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-96:after{background-image: linear-gradient(75.6deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-97:after{background-image: linear-gradient(79.2deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-98:after{background-image: linear-gradient(82.8deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-99:after{background-image: linear-gradient(86.4deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} .progress-circle.progress-100:after{background-image: linear-gradient(90deg, #8E0008 50%, transparent 50%, transparent), linear-gradient(270deg, #8E0008 50%, #ebebeb 50%, #ebebeb);} @-webkit-keyframes colorload{0%{opacity: 0; transform: rotate(0deg);}100%{opacity: 1; transform: rotate(360deg);}} .port-image{width: 100%;} .each-item{position:relative; overflow:hidden;} .each-item:hover .cap2, .each-item:hover .cap1{left:0px;} .cap1{position:absolute; width:100%; height:70%; background:rgba(255, 255, 255, 0.5); top:0px; left:-100%; padding:10px; transition: all .5s;} .cap2{position:absolute; width:100%; height:30%; background:rgba(0, 178, 255, 0.5); bottom:0px; left:100%; padding:10px; transition: all .5s;} .fade-in-effect{-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;} @keyframes fadein{from{opacity: 0;}to{opacity: 1;}} @-moz-keyframes fadein{from{opacity: 0;}to{opacity: 1;}} @-webkit-keyframes fadein{from{opacity: 0;}to{opacity: 1;}} @-ms-keyframes fadein{from{opacity: 0;}to{opacity: 1;}} @-o-keyframes fadein{from{opacity: 0;}to{opacity: 1;}} .bs-slider{overflow: hidden; max-height: 700px; position: relative; background: #000000;} .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;} .bs-slider:active{cursor: -moz-grabbing; cursor: -webkit-grabbing;} .bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40);} .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{margin: auto; width: 100% !important; height: 100vh;} .fade{opacity: 1;} .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;} .fade .item:first-child{top: auto; position: relative;} .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;} .control-round .carousel-control{top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px;} .control-round:hover .carousel-control{opacity: 1;} .control-round .carousel-control.left{left: 1%;} .control-round .carousel-control.right{right: 1%;} .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{color: #fdfdfd; border: 0px transparent;} .control-round .carousel-control.left>span:nth-child(1){left: 45%;} .control-round .carousel-control.right>span:nth-child(1){right: 45%;} .indicators-line > .carousel-indicators{right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;} .indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;} .indicators-line > .carousel-indicators li:last-child{margin-right: 0;} .indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;} .indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;} .slide_style_left{text-align: left !important;} .slide_style_right{text-align: right !important;} .slide_style_center{text-align: center !important;} .slide-text{left: 0; top: 25%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 85px;} .slide-text > h1{padding: 0; color: #ffffff; font-size: 70px; font-style: normal; line-height: 84px; margin-bottom: 30px; letter-spacing: 1px; display: inline-block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;} .slide-text > p{padding: 0; color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 300; margin-bottom: 40px; letter-spacing: 1px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;} .slide-text > a.btn-default{color: #000; font-weight: 400; font-size: 13px; line-height: 15px; margin-right: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; display: inline-block; border: none; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;} .slide-text > a.btn-primary{color: #ffffff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-left: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #00bfff; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;} .slide-text > a:hover, .slide-text > a:active{color: #ffffff; background: #222222; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;} @media (max-width: 991px){.slide-text h1{font-size: 40px; line-height: 50px; margin-bottom: 20px;}.slide-text > p{font-size: 18px;}} @media (max-width: 768px){.slide-text{padding: 10px 50px;}.slide-text h1{font-size: 30px; line-height: 40px; margin-bottom: 10px;}.slide-text > p{font-size: 14px; line-height: 20px; margin-bottom: 20px;}.control-round .carousel-control{display: none;}} @media (max-width: 480px){.slide-text{padding: 10px 30px;}.slide-text h1{font-size: 15px; line-height: 35px; margin-bottom: 5px;}.slide-text > p{font-size: 10px; line-height: 16px; margin-bottom: 10px; width: 70%;}.slide-text > a.btn-default, .slide-text > a.btn-primary{font-size: 10px; line-height: 10px; margin-right: 10px; text-align: center; padding: 10px 15px;}.indicators-line > .carousel-indicators{display: none;}} .cont_principal{height: 100%; width: 100%;} .cont_text_img{position: relative; top:50%; width: 100%; height: 400px; background-color:#fff; box-shadow:0px 10px 25px -5px rgba(0,0,0,0.25);} .cont_text{position:relative; float: left; width: 50%; height:80%; margin:5%; text-align:justify;} .cont_text_img_act > .cont_text > *{opacity:1; left: 0px;} .cont_text > h1{font-family: 'Open Sans', sans-serif; font-weight: 100; margin-bottom:20px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; opacity:0; position: relative; left: -50px;} .cont_text > p{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:20px; font-weight: 300; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; opacity:0; position: relative; left: -50px;} .cont_icon_like{position:relative; float:right; width:70px; margin-top:10px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; opacity:0; position: relative; left: -50px;} .cont_icon_like > p > i{color:#999; cursor:pointer;} .cont_icon_like > p > span{font-family: 'Open Sans'; position: relative; top:-5px; left:5px; color:#666;} .btn_read_m{position:relative; float: left; padding:10px; border:none; background-color:#495FE9; color:#fff; margin:10px 0; box-shadow:1px 2px 10px 0px rgba(0,0,0,0.3); font-size:11px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 1.6s; transition-delay: 1.6s; opacity:0; position: relative; left: -50px;} .cont_img_frond{position:relative; float: left; width: 35%; background: #eee; height:100%; margin-right:5%; overflow:hidden; top:0;} .cont_img_frond_active{padding: 25px 0px; top:-25px; box-shadow:1px 1px 20px 0px rgba(0,0,0,0.3); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .cont_img_frond > img{top:-25px; position:relative; left:-420px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .cont_img_back{position:absolute; width: 100%; height: 100%; overflow:hidden;} .cont_img_back > img{top:-25px; position:relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.2; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .img_2{opacity:0; display:none;} .img_d_n{display:none;} .img_d_b{display:block; -webkit-animation-name: escala_imagen; -webkit-animation-duration: 10s; animation-name: escala_imagen; animation-duration: 10s;} .cont_img_frond:hover >.cont_icons_img_from{bottom:0px;} .cont_icons_img_from{position:absolute; bottom:-100px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: -moz-linear-gradient(bottom, rgba(242,79,90,0.5) 0%, rgba(255,255,255,0) 85%); background: -webkit-linear-gradient(bottom, rgba(242,79,90,0.5) 0%,rgba(255,255,255,0) 85%); background: linear-gradient(bottom, rgba(242,79,90,0.5) 0%,rgba(255,255,255,0) 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24f5a', endColorstr='#00ffffff',GradientType=0 ); height: 70px; width:100%;} .cont_icons_img_from > ul > li{position:relative; float:left; width:33.33%;} .cont_icons_img_from > ul{margin-top:20px;} .cont_icons_img_from > ul > li{list-style:none;} .cont_icons_img_from > ul > li > i{margin-left:20px; text-align:center; font-size:32px; color:#fff; cursor:pointer;} @-webkit-keyframes escala_imagen{from{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}to{-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}} @-o-keyframes identifier{from{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}to{-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}} @-moz-keyframes identifier{from{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}to{-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}} @keyframes identifier{from{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}to{-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}} .drop-shadow-section{position: relative; -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.4); box-shadow: 0px 2px 10px rgba(0,0,0,0.4);} .logo img{width: 180px;} header a.navbar-brand img{max-height: 200px; margin-top: -65px;} .default-section{height:100%; padding-bottom: 30px; padding-top: 30px; overflow: hidden; background: linear-gradient(#fff, #FDFDFD, #F7F7F7);} .panel-primary{border-color: transparent; box-shadow: 2px 5px 20px #eee;} .panel{border: 0px;} .panel-primary > .panel-heading{background-color: #8E0008; border-color: #8E0008;} .panel-heading{border-bottom: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; text-align: center; font-size: 18px;} .panel-body{padding: 25px; font-size: 16px; height: 200px;} .rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice{clip: rect(auto, auto, auto, auto);} .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill{position: absolute; border: 0.08em solid #307bbb; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} .pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .c100{position: relative; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; margin: 0 0.1em 0.1em 0; background-color: #fcfcfc;} .c100 *, .c100 *:before, .c100 *:after{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .c100.center{float: none; margin: 0 auto;} .c100.big{font-size: 240px;} .c100.small{font-size: 80px;} .c100 > span{position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;} .c100:after{position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; border-radius: 50%; background-color: #fff; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in;} .c100 .slice{position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em);} .c100.p1 .bar{-webkit-transform: rotate(3.6deg); -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -o-transform: rotate(3.6deg); transform: rotate(3.6deg);} .c100.p2 .bar{-webkit-transform: rotate(7.2deg); -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -o-transform: rotate(7.2deg); transform: rotate(7.2deg);} .c100.p3 .bar{-webkit-transform: rotate(10.8deg); -moz-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); -o-transform: rotate(10.8deg); transform: rotate(10.8deg);} .c100.p4 .bar{-webkit-transform: rotate(14.4deg); -moz-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); -o-transform: rotate(14.4deg); transform: rotate(14.4deg);} .c100.p5 .bar{-webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg);} .c100.p6 .bar{-webkit-transform: rotate(21.6deg); -moz-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); -o-transform: rotate(21.6deg); transform: rotate(21.6deg);} .c100.p7 .bar{-webkit-transform: rotate(25.2deg); -moz-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); -o-transform: rotate(25.2deg); transform: rotate(25.2deg);} .c100.p8 .bar{-webkit-transform: rotate(28.8deg); -moz-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); -o-transform: rotate(28.8deg); transform: rotate(28.8deg);} .c100.p9 .bar{-webkit-transform: rotate(32.4deg); -moz-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); -o-transform: rotate(32.4deg); transform: rotate(32.4deg);} .c100.p10 .bar{-webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg);} .c100.p11 .bar{-webkit-transform: rotate(39.6deg); -moz-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); -o-transform: rotate(39.6deg); transform: rotate(39.6deg);} .c100.p12 .bar{-webkit-transform: rotate(43.2deg); -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -o-transform: rotate(43.2deg); transform: rotate(43.2deg);} .c100.p13 .bar{-webkit-transform: rotate(46.800000000000004deg); -moz-transform: rotate(46.800000000000004deg); -ms-transform: rotate(46.800000000000004deg); -o-transform: rotate(46.800000000000004deg); transform: rotate(46.800000000000004deg);} .c100.p14 .bar{-webkit-transform: rotate(50.4deg); -moz-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); -o-transform: rotate(50.4deg); transform: rotate(50.4deg);} .c100.p15 .bar{-webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg);} .c100.p16 .bar{-webkit-transform: rotate(57.6deg); -moz-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); -o-transform: rotate(57.6deg); transform: rotate(57.6deg);} .c100.p17 .bar{-webkit-transform: rotate(61.2deg); -moz-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); -o-transform: rotate(61.2deg); transform: rotate(61.2deg);} .c100.p18 .bar{-webkit-transform: rotate(64.8deg); -moz-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); -o-transform: rotate(64.8deg); transform: rotate(64.8deg);} .c100.p19 .bar{-webkit-transform: rotate(68.4deg); -moz-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); -o-transform: rotate(68.4deg); transform: rotate(68.4deg);} .c100.p20 .bar{-webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg);} .c100.p21 .bar{-webkit-transform: rotate(75.60000000000001deg); -moz-transform: rotate(75.60000000000001deg); -ms-transform: rotate(75.60000000000001deg); -o-transform: rotate(75.60000000000001deg); transform: rotate(75.60000000000001deg);} .c100.p22 .bar{-webkit-transform: rotate(79.2deg); -moz-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); -o-transform: rotate(79.2deg); transform: rotate(79.2deg);} .c100.p23 .bar{-webkit-transform: rotate(82.8deg); -moz-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); -o-transform: rotate(82.8deg); transform: rotate(82.8deg);} .c100.p24 .bar{-webkit-transform: rotate(86.4deg); -moz-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); -o-transform: rotate(86.4deg); transform: rotate(86.4deg);} .c100.p25 .bar{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .c100.p26 .bar{-webkit-transform: rotate(93.60000000000001deg); -moz-transform: rotate(93.60000000000001deg); -ms-transform: rotate(93.60000000000001deg); -o-transform: rotate(93.60000000000001deg); transform: rotate(93.60000000000001deg);} .c100.p27 .bar{-webkit-transform: rotate(97.2deg); -moz-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); -o-transform: rotate(97.2deg); transform: rotate(97.2deg);} .c100.p28 .bar{-webkit-transform: rotate(100.8deg); -moz-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); -o-transform: rotate(100.8deg); transform: rotate(100.8deg);} .c100.p29 .bar{-webkit-transform: rotate(104.4deg); -moz-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); -o-transform: rotate(104.4deg); transform: rotate(104.4deg);} .c100.p30 .bar{-webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg);} .c100.p31 .bar{-webkit-transform: rotate(111.60000000000001deg); -moz-transform: rotate(111.60000000000001deg); -ms-transform: rotate(111.60000000000001deg); -o-transform: rotate(111.60000000000001deg); transform: rotate(111.60000000000001deg);} .c100.p32 .bar{-webkit-transform: rotate(115.2deg); -moz-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); -o-transform: rotate(115.2deg); transform: rotate(115.2deg);} .c100.p33 .bar{-webkit-transform: rotate(118.8deg); -moz-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); -o-transform: rotate(118.8deg); transform: rotate(118.8deg);} .c100.p34 .bar{-webkit-transform: rotate(122.4deg); -moz-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); -o-transform: rotate(122.4deg); transform: rotate(122.4deg);} .c100.p35 .bar{-webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); -ms-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg);} .c100.p36 .bar{-webkit-transform: rotate(129.6deg); -moz-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); -o-transform: rotate(129.6deg); transform: rotate(129.6deg);} .c100.p37 .bar{-webkit-transform: rotate(133.20000000000002deg); -moz-transform: rotate(133.20000000000002deg); -ms-transform: rotate(133.20000000000002deg); -o-transform: rotate(133.20000000000002deg); transform: rotate(133.20000000000002deg);} .c100.p38 .bar{-webkit-transform: rotate(136.8deg); -moz-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); -o-transform: rotate(136.8deg); transform: rotate(136.8deg);} .c100.p39 .bar{-webkit-transform: rotate(140.4deg); -moz-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); -o-transform: rotate(140.4deg); transform: rotate(140.4deg);} .c100.p40 .bar{-webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg);} .c100.p41 .bar{-webkit-transform: rotate(147.6deg); -moz-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); -o-transform: rotate(147.6deg); transform: rotate(147.6deg);} .c100.p42 .bar{-webkit-transform: rotate(151.20000000000002deg); -moz-transform: rotate(151.20000000000002deg); -ms-transform: rotate(151.20000000000002deg); -o-transform: rotate(151.20000000000002deg); transform: rotate(151.20000000000002deg);} .c100.p43 .bar{-webkit-transform: rotate(154.8deg); -moz-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); -o-transform: rotate(154.8deg); transform: rotate(154.8deg);} .c100.p44 .bar{-webkit-transform: rotate(158.4deg); -moz-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); -o-transform: rotate(158.4deg); transform: rotate(158.4deg);} .c100.p45 .bar{-webkit-transform: rotate(162deg); -moz-transform: rotate(162deg); -ms-transform: rotate(162deg); -o-transform: rotate(162deg); transform: rotate(162deg);} .c100.p46 .bar{-webkit-transform: rotate(165.6deg); -moz-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); -o-transform: rotate(165.6deg); transform: rotate(165.6deg);} .c100.p47 .bar{-webkit-transform: rotate(169.20000000000002deg); -moz-transform: rotate(169.20000000000002deg); -ms-transform: rotate(169.20000000000002deg); -o-transform: rotate(169.20000000000002deg); transform: rotate(169.20000000000002deg);} .c100.p48 .bar{-webkit-transform: rotate(172.8deg); -moz-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); -o-transform: rotate(172.8deg); transform: rotate(172.8deg);} .c100.p49 .bar{-webkit-transform: rotate(176.4deg); -moz-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); -o-transform: rotate(176.4deg); transform: rotate(176.4deg);} .c100.p50 .bar{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .c100.p51 .bar{-webkit-transform: rotate(183.6deg); -moz-transform: rotate(183.6deg); -ms-transform: rotate(183.6deg); -o-transform: rotate(183.6deg); transform: rotate(183.6deg);} .c100.p52 .bar{-webkit-transform: rotate(187.20000000000002deg); -moz-transform: rotate(187.20000000000002deg); -ms-transform: rotate(187.20000000000002deg); -o-transform: rotate(187.20000000000002deg); transform: rotate(187.20000000000002deg);} .c100.p53 .bar{-webkit-transform: rotate(190.8deg); -moz-transform: rotate(190.8deg); -ms-transform: rotate(190.8deg); -o-transform: rotate(190.8deg); transform: rotate(190.8deg);} .c100.p54 .bar{-webkit-transform: rotate(194.4deg); -moz-transform: rotate(194.4deg); -ms-transform: rotate(194.4deg); -o-transform: rotate(194.4deg); transform: rotate(194.4deg);} .c100.p55 .bar{-webkit-transform: rotate(198deg); -moz-transform: rotate(198deg); -ms-transform: rotate(198deg); -o-transform: rotate(198deg); transform: rotate(198deg);} .c100.p56 .bar{-webkit-transform: rotate(201.6deg); -moz-transform: rotate(201.6deg); -ms-transform: rotate(201.6deg); -o-transform: rotate(201.6deg); transform: rotate(201.6deg);} .c100.p57 .bar{-webkit-transform: rotate(205.20000000000002deg); -moz-transform: rotate(205.20000000000002deg); -ms-transform: rotate(205.20000000000002deg); -o-transform: rotate(205.20000000000002deg); transform: rotate(205.20000000000002deg);} .c100.p58 .bar{-webkit-transform: rotate(208.8deg); -moz-transform: rotate(208.8deg); -ms-transform: rotate(208.8deg); -o-transform: rotate(208.8deg); transform: rotate(208.8deg);} .c100.p59 .bar{-webkit-transform: rotate(212.4deg); -moz-transform: rotate(212.4deg); -ms-transform: rotate(212.4deg); -o-transform: rotate(212.4deg); transform: rotate(212.4deg);} .c100.p60 .bar{-webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg);} .c100.p61 .bar{-webkit-transform: rotate(219.6deg); -moz-transform: rotate(219.6deg); -ms-transform: rotate(219.6deg); -o-transform: rotate(219.6deg); transform: rotate(219.6deg);} .c100.p62 .bar{-webkit-transform: rotate(223.20000000000002deg); -moz-transform: rotate(223.20000000000002deg); -ms-transform: rotate(223.20000000000002deg); -o-transform: rotate(223.20000000000002deg); transform: rotate(223.20000000000002deg);} .c100.p63 .bar{-webkit-transform: rotate(226.8deg); -moz-transform: rotate(226.8deg); -ms-transform: rotate(226.8deg); -o-transform: rotate(226.8deg); transform: rotate(226.8deg);} .c100.p64 .bar{-webkit-transform: rotate(230.4deg); -moz-transform: rotate(230.4deg); -ms-transform: rotate(230.4deg); -o-transform: rotate(230.4deg); transform: rotate(230.4deg);} .c100.p65 .bar{-webkit-transform: rotate(234deg); -moz-transform: rotate(234deg); -ms-transform: rotate(234deg); -o-transform: rotate(234deg); transform: rotate(234deg);} .c100.p66 .bar{-webkit-transform: rotate(237.6deg); -moz-transform: rotate(237.6deg); -ms-transform: rotate(237.6deg); -o-transform: rotate(237.6deg); transform: rotate(237.6deg);} .c100.p67 .bar{-webkit-transform: rotate(241.20000000000002deg); -moz-transform: rotate(241.20000000000002deg); -ms-transform: rotate(241.20000000000002deg); -o-transform: rotate(241.20000000000002deg); transform: rotate(241.20000000000002deg);} .c100.p68 .bar{-webkit-transform: rotate(244.8deg); -moz-transform: rotate(244.8deg); -ms-transform: rotate(244.8deg); -o-transform: rotate(244.8deg); transform: rotate(244.8deg);} .c100.p69 .bar{-webkit-transform: rotate(248.4deg); -moz-transform: rotate(248.4deg); -ms-transform: rotate(248.4deg); -o-transform: rotate(248.4deg); transform: rotate(248.4deg);} .c100.p70 .bar{-webkit-transform: rotate(252deg); -moz-transform: rotate(252deg); -ms-transform: rotate(252deg); -o-transform: rotate(252deg); transform: rotate(252deg);} .c100.p71 .bar{-webkit-transform: rotate(255.6deg); -moz-transform: rotate(255.6deg); -ms-transform: rotate(255.6deg); -o-transform: rotate(255.6deg); transform: rotate(255.6deg);} .c100.p72 .bar{-webkit-transform: rotate(259.2deg); -moz-transform: rotate(259.2deg); -ms-transform: rotate(259.2deg); -o-transform: rotate(259.2deg); transform: rotate(259.2deg);} .c100.p73 .bar{-webkit-transform: rotate(262.8deg); -moz-transform: rotate(262.8deg); -ms-transform: rotate(262.8deg); -o-transform: rotate(262.8deg); transform: rotate(262.8deg);} .c100.p74 .bar{-webkit-transform: rotate(266.40000000000003deg); -moz-transform: rotate(266.40000000000003deg); -ms-transform: rotate(266.40000000000003deg); -o-transform: rotate(266.40000000000003deg); transform: rotate(266.40000000000003deg);} .c100.p75 .bar{-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);} .c100.p76 .bar{-webkit-transform: rotate(273.6deg); -moz-transform: rotate(273.6deg); -ms-transform: rotate(273.6deg); -o-transform: rotate(273.6deg); transform: rotate(273.6deg);} .c100.p77 .bar{-webkit-transform: rotate(277.2deg); -moz-transform: rotate(277.2deg); -ms-transform: rotate(277.2deg); -o-transform: rotate(277.2deg); transform: rotate(277.2deg);} .c100.p78 .bar{-webkit-transform: rotate(280.8deg); -moz-transform: rotate(280.8deg); -ms-transform: rotate(280.8deg); -o-transform: rotate(280.8deg); transform: rotate(280.8deg);} .c100.p79 .bar{-webkit-transform: rotate(284.40000000000003deg); -moz-transform: rotate(284.40000000000003deg); -ms-transform: rotate(284.40000000000003deg); -o-transform: rotate(284.40000000000003deg); transform: rotate(284.40000000000003deg);} .c100.p80 .bar{-webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg);} .c100.p81 .bar{-webkit-transform: rotate(291.6deg); -moz-transform: rotate(291.6deg); -ms-transform: rotate(291.6deg); -o-transform: rotate(291.6deg); transform: rotate(291.6deg);} .c100.p82 .bar{-webkit-transform: rotate(295.2deg); -moz-transform: rotate(295.2deg); -ms-transform: rotate(295.2deg); -o-transform: rotate(295.2deg); transform: rotate(295.2deg);} .c100.p83 .bar{-webkit-transform: rotate(298.8deg); -moz-transform: rotate(298.8deg); -ms-transform: rotate(298.8deg); -o-transform: rotate(298.8deg); transform: rotate(298.8deg);} .c100.p84 .bar{-webkit-transform: rotate(302.40000000000003deg); -moz-transform: rotate(302.40000000000003deg); -ms-transform: rotate(302.40000000000003deg); -o-transform: rotate(302.40000000000003deg); transform: rotate(302.40000000000003deg);} .c100.p85 .bar{-webkit-transform: rotate(306deg); -moz-transform: rotate(306deg); -ms-transform: rotate(306deg); -o-transform: rotate(306deg); transform: rotate(306deg);} .c100.p86 .bar{-webkit-transform: rotate(309.6deg); -moz-transform: rotate(309.6deg); -ms-transform: rotate(309.6deg); -o-transform: rotate(309.6deg); transform: rotate(309.6deg);} .c100.p87 .bar{-webkit-transform: rotate(313.2deg); -moz-transform: rotate(313.2deg); -ms-transform: rotate(313.2deg); -o-transform: rotate(313.2deg); transform: rotate(313.2deg);} .c100.p88 .bar{-webkit-transform: rotate(316.8deg); -moz-transform: rotate(316.8deg); -ms-transform: rotate(316.8deg); -o-transform: rotate(316.8deg); transform: rotate(316.8deg);} .c100.p89 .bar{-webkit-transform: rotate(320.40000000000003deg); -moz-transform: rotate(320.40000000000003deg); -ms-transform: rotate(320.40000000000003deg); -o-transform: rotate(320.40000000000003deg); transform: rotate(320.40000000000003deg);} .c100.p90 .bar{-webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -ms-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg);} .c100.p91 .bar{-webkit-transform: rotate(327.6deg); -moz-transform: rotate(327.6deg); -ms-transform: rotate(327.6deg); -o-transform: rotate(327.6deg); transform: rotate(327.6deg);} .c100.p92 .bar{-webkit-transform: rotate(331.2deg); -moz-transform: rotate(331.2deg); -ms-transform: rotate(331.2deg); -o-transform: rotate(331.2deg); transform: rotate(331.2deg);} .c100.p93 .bar{-webkit-transform: rotate(334.8deg); -moz-transform: rotate(334.8deg); -ms-transform: rotate(334.8deg); -o-transform: rotate(334.8deg); transform: rotate(334.8deg);} .c100.p94 .bar{-webkit-transform: rotate(338.40000000000003deg); -moz-transform: rotate(338.40000000000003deg); -ms-transform: rotate(338.40000000000003deg); -o-transform: rotate(338.40000000000003deg); transform: rotate(338.40000000000003deg);} .c100.p95 .bar{-webkit-transform: rotate(342deg); -moz-transform: rotate(342deg); -ms-transform: rotate(342deg); -o-transform: rotate(342deg); transform: rotate(342deg);} .c100.p96 .bar{-webkit-transform: rotate(345.6deg); -moz-transform: rotate(345.6deg); -ms-transform: rotate(345.6deg); -o-transform: rotate(345.6deg); transform: rotate(345.6deg);} .c100.p97 .bar{-webkit-transform: rotate(349.2deg); -moz-transform: rotate(349.2deg); -ms-transform: rotate(349.2deg); -o-transform: rotate(349.2deg); transform: rotate(349.2deg);} .c100.p98 .bar{-webkit-transform: rotate(352.8deg); -moz-transform: rotate(352.8deg); -ms-transform: rotate(352.8deg); -o-transform: rotate(352.8deg); transform: rotate(352.8deg);} .c100.p99 .bar{-webkit-transform: rotate(356.40000000000003deg); -moz-transform: rotate(356.40000000000003deg); -ms-transform: rotate(356.40000000000003deg); -o-transform: rotate(356.40000000000003deg); transform: rotate(356.40000000000003deg);} .c100.p100 .bar{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .c100:hover{cursor: default;} .c100:hover > span{width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #307bbb;} .c100:hover:after{top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em;} .c100.dark{background-color: #777777;} .c100.dark .bar, .c100.dark .fill{border-color: #c6ff00 !important;} .c100.dark > span{color: #777777;} .c100.dark:after{background-color: #666666;} .c100.dark:hover > span{color: #c6ff00;} .c100.green .bar, .c100.green .fill{border-color: #67C569 !important;} .c100.green:hover > span{color: #67C569;} .c100.green.dark .bar, .c100.green.dark .fill{border-color: #5fd400 !important;} .c100.green.dark:hover > span{color: #5fd400;} .c100.orange .bar, .c100.orange .fill{border-color: #dd9d22 !important;} .c100.orange:hover > span{color: #dd9d22;} .c100.orange.dark .bar, .c100.orange.dark .fill{border-color: #e08833 !important;} .c100.orange.dark:hover > span{color: #e08833;} .c100.red .bar, .c100.red .fill{border-color: #BA2F27 !important;} .c100.red:hover > span{color: #BA2F27;} .c100.yellow .bar, .c100.yellow .fill{border-color: #FEDD77 !important;} .c100.yellow:hover > span{color: #FEDD77;} .c100.blue .bar, .c100.blue .fill{border-color: #4C8BB2 !important;} .c100.blue:hover > span{color: #4C8BB2;} .c100.purple .bar, .c100.purple .fill{border-color: #E1C9EA !important;} .c100.purple:hover > span{color: #E1C9EA;} .col_half{width: 49%;} .col_third{width: 32%;} .col_fourth{width: 23.5%;} .col_fifth{width: 18.4%;} .col_sixth{width: 15%;} .col_three_fourth{width: 74.5%;} .col_twothird{width: 66%;} .col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth{position: relative; display:inline; display: inline-block; float: left; margin-right: 2%; margin-bottom: 20px;} .end{margin-right: 0 !important;} .wrapper{width: 980px; margin: 0 auto; background-color: #bdd3de; hoverflow: hidden;} .panel{margin: 0 auto; height: 130px; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px;} .panel .front, .panel .back{text-align: center;} .panel .front{height: inherit; position: absolute; top: 0; z-index: 900; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .panel .back{height: inherit; position: absolute; top: 0; z-index: 1000; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .panel.flip .front{z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);} .panel.flip .back{z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg);} .box1{background-color: #14bcc8; width: 250px; height: 150px; margin: 0 auto; padding: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .box2{background-color: #fff; width: 250px; height: 150px; margin: 0 auto; padding: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .o_website_form_required .control-label::after, .o_website_form_required_custom .control-label::after{color: red;} .openinside_input{background: #eee; border: 1px solid #eee; width: 100%; height: 40px; color:#444;} ::-webkit-input-placeholder{padding-left:50px; color:#444;} :-moz-placeholder{padding-left:50px; color:#444;} ::-moz-placeholder{padding-left:50px; color:#444;} :-ms-input-placeholder{padding-left:50px; color:#444;} .v-height-mini{height: 15px !important;} .v-height-small{height: 30px !important;} .v-height-standard{height: 0px !important;} .v-height-big{height: 75px !important;} .maroon_btn:hover{cursor:pointer;} .col-style{text-align: center; margin-bottom: 40px; font-size:16px;} .services-section{padding: 1em 0 5em; text-align: center;} .service_grid{padding: 1em;} .service_icon_grid{width: 100px; height: 100px; border: 2px solid #fff; margin: 15px auto 0; border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .service_grid h3{text-transform: capitalize; font-size: 1.5em; letter-spacing: 2px; color: #000; margin: 1.5em 0 1em; padding-bottom: 1em; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .service_grid h3:after{content: ''; position: absolute; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; width: 20%; height: 2px; background: #8E0008; left: 40%; bottom: 0;} .service_icon{color : #5D5F6A!important; padding:15px; font-size:45px!important;} .navbar.navbar-static-top{right: 0; left: 0;} .badge{background-color: maroon;} .form-horizontal .control-label{text-align: left;} .mobver{height: 100vh !important; width: 100% !important;} @media screen and (-webkit-min-device-pixel-ratio:0){.chrome{text-indent: -50px;}} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.explorer{width: 16%;}} .navbar-brand-large{height: 100px !important;} @media screen and (max-width:600px){.mobver{height: 330px !important;}.btnmob{font-size:10px !important;}.slide-text h1{margin-bottom: 10px !important;}.slide-text{top: 15%;}.navbar-brand-large{height: 70px !important; margin-left: 15px;}.navbar-top-collapse{background-color: whitesmoke;}} @media screen and (max-width:480px){.mobver{height: 190px !important;}.nav > li{height: 30px;}.navbar-collapse navbar-top-collapse pull-right collapse in{height: 175px; padding-top: 0px; margin-block-start: -6px;}.nav navbar-nav navbar-right{font-size: x-small;}.we_know_text{}.what_to_do_text{}.btnmob{font-size: 7px !important; height: 25px; display: none !important;}.breif_text{font-size: 16px !important; line-height: 30px !important; width: 90% !important; padding-top: 25px !important;}.slide_style_left{top: 12% !important;}.client_mobile{margin-block-start: 0px; text-align: left; margin-bottom: -20px;}.our_client_text{font-size: 30px !important;}.text_mobile{font-size: 40px !important; line-height: 60px !important;}.navbar-brand-large{height: 70px !important;}} .climob1{margin-left: -300px;margin-top: 5px;width: 60px;max-width: 400%;} .climob2{margin-left: 130px;margin-top: 9px;width: 110px;max-width: 400%;} .climob3{margin-left: 0px;margin-top: 15px;width: 130px;max-width: 400%;} .climob4{margin-left: -170px;margin-top: 25px;width: 140px;max-width: 400%;} .climob5{margin-left: 15px;margin-top: 15px;width: 141px;max-width: 400%;} .climob6{margin-left: -160px;margin-top: 26px;width: 165px;max-width: 400%;} .climob7{margin-left: -70px;margin-top: 32px;width: 100%;max-width: 400%;} .climob8{margin-left: 0px;margin-top: -2px;width: 100%;max-width: 400%;} .climob9{margin-left: 70px;margin-top: 25px;width: 100%;max-width: 400%;} .climob10{margin-left: 140px;margin-top: 14px;width: 100%;max-width: 400%;} .climob11{margin-left: 100px;margin-top: -20px;width: 100%;max-width: 400%;} .climob12{margin-left: -65px;margin-top: 0px;width: 55px;max-width: 400%;} .climob13{margin-left: 150px;margin-top: 0px;width: 150px;max-width: 400%;} .climob14{margin-left: 90px;margin-top: -7px;width: 95px;max-width: 400%;} .climob15{margin-left: 150px;margin-top: 0px;width: 55%;max-width: 400%;} .climob16{margin-left: -210px;margin-top: 0px ;width: 95px ;max-width: 400%;} .climob17{margin-left: -100px;margin-top: 8px;width: 103px;max-width: 400%;} .climob18{margin-left: 0px;margin-top: 0px;width: 180px;max-width: 410%;} .climob19{margin-left: -175px;margin-top: 8px;width: 110px;max-width: 400%;} .climob20{margin-left: 190px;margin-top: -8px;width: 110px;max-width: 400%;} @media (max-width: 900px){.climob1{margin-left: -320px;margin-top: 2px;width: 37px;}.climob2{margin-left: 460px;margin-top: -55px;width: 70px;}.climob3{margin-left: -530px;margin-top: 6px;width: 65px;}.climob4{margin-left: -330px;margin-top: 10px;width: 110px;}.climob5{margin-left: -560px;margin-top: 8px;width: 100px;}.climob6{margin-left: -320px;margin-top: 9px;width: 120px;}.climob7{margin-left: -420px;margin-top: 13px;width: 100px;}.climob8{margin-left: -550px;margin-top: 0px;width: 70px;}.climob9{margin-left: 300px;margin-top: -24px;width: 100px;}.climob10{margin-left: 240px;margin-top: -27px;width: 90px;}.climob11{margin-left: -255px;margin-top: -50px;width: 90px;}.climob12{margin-left: -433px;margin-top: 4px;width: 34px;}.climob13{margin-left: 430px;margin-top: -64px;width: 100px;}.climob14{margin-left: -250px;margin-top: -42px;width: 63px;}.climob15{margin-left: 340px;margin-top: -40px;width: 50px;}.climob16{margin-left: -300px;width: 65px;}.climob17{margin-left: -428px;width: 70px;}.climob18{margin-left: -535px;width: 120px;}.climob19{margin-left: -440px;margin-top: 3px;width: 65px;}.climob20{margin-left: 250px;margin-top: -50px;width: 80px;}} @media (max-width: 650px){.climob7{margin-left: -375px;}.climob8{margin-left: -470px;}.climob9{margin-left: 230px;}.climob10{margin-left: 185px;}.climob13{margin-left: 330px;}} @media (max-width: 500px){.climob1{margin-left: -260px;}.climob2{margin-left: -100px;margin-top: -45px;}.climob3{margin-left: -60px;}.climob4{margin-left: -240px;margin-top: 13px;}.climob5{margin-left: -90px;margin-top: 11px;}.climob6{margin-left: -240px;}.climob7{margin-left: -137px;margin-top: 13px;}.climob8{margin-left: -75px;}.climob9{margin-left: -150px;margin-top: 24px;}.climob10{margin-left: -50px;margin-top: 20px;}.climob11{margin-left: -125px;margin-top: 5px;}.climob12{margin-left: -175px;}.climob13{margin-left: -160px;margin-top: -57px;}.climob14{margin-left: -200px;margin-top: 12px;}.climob15{margin-left: -120px;margin-top: 20px;}.climob16{margin-left: -230px;}.climob17{margin-left: -175px;}.climob18{margin-left: -85px;}.climob19{margin-left: -150px;margin-top: 3px;}.climob20{margin-left: -48px;margin-top: 10px;}} @media (max-width: 750px){.mobile_footer{margin-left: 2%;}} body{font-family: maven pro;} .btn-primary{color: #fff; background-color: #80256C; border-color: #80256C;} .btn-primary:focus, .btn-primary.focus{color: #fff; background-color: #800059; border-color: #80256C;} .btn-primary:hover{color: #fff; background-color: #800059; border-color: #80256C;} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{color: #fff; background-color: #800059; border-color: #80256C;} .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{color: #fff; background-color: #800059; border-color: #80256C;} .box{border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 10px 25px; text-align: right; display: block; margin-top: 60px;} .box-icon{background-color: #80256C; border-radius: 50%; display: table; height: 100px; margin: 0 auto; width: 100px; margin-top: -61px;} .box-icon span{color: #fff; display: table-cell; text-align: center; vertical-align: middle;} .info h4{font-size: 26px; letter-spacing: 2px; text-transform: uppercase;} .info > p{color: #717171; font-size: 16px; padding-top: 10px; text-align: justify;} .info > a{background-color: #03a9f4; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; transition: all 0.5s ease 0s;} .info > a:hover{background-color: #0288d1; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12); color: #fff; transition: all 0.5s ease 0s;} 

/* /openinside_website/static/src/css/component.css defined in bundle 'web.assets_frontend' */
 .cl-effect-10 a{position: relative; display: inline-block; margin: 15px 25px; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.35em;} .cl-effect-10 a:hover, .cl-effect-10 a:focus{outline: none;} .cl-effect-1 a::before, .cl-effect-1 a::after{display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s;} .cl-effect-1 a::before{margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px);} .cl-effect-1 a::after{margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px);} .cl-effect-1 a:hover::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:focus::after{opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);} .cl-effect-2 a{line-height: 44px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px;} .cl-effect-2 a span{position: relative; display: inline-block; padding: 0 14px; background: #2195de; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .csstransforms3d .cl-effect-2 a span::before{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #0965a0; content: attr(data-hover); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0;} .cl-effect-2 a:hover span, .cl-effect-2 a:focus span{-webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px);} .csstransforms3d .cl-effect-2 a:hover span::before, .csstransforms3d .cl-effect-2 a:focus span::before{background: #28a2ee;} .cl-effect-3 a{padding: 8px 0;} .cl-effect-3 a::after{position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: rgba(0,0,0,0.1); content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);} .cl-effect-3 a:hover::after, .cl-effect-3 a:focus::after{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} .cl-effect-4 a{padding: 0 0 10px;} .cl-effect-4 a::after{position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #fff; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} .cl-effect-4 a:hover::after, .cl-effect-4 a:focus::after{height: 5px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} .cl-effect-5 a{overflow: hidden; padding: 0 4px; height: 1em;} .cl-effect-5 a span{position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} .cl-effect-5 a span::before{position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .cl-effect-5 a:hover span, .cl-effect-5 a:focus span{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);} .cl-effect-6 a{margin: 0 10px; padding: 10px 20px;} .cl-effect-6 a::before{position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; transition: top 0.3s;} .cl-effect-6 a::after{position: absolute; top: 0; left: 0; width: 2px; height: 2px; background: #fff; content: ''; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;} .cl-effect-6 a:hover::before{top: 100%; opacity: 1;} .cl-effect-6 a:hover::after{height: 100%;} .cl-effect-7 a{padding: 12px 10px 10px; color: #566473; text-shadow: none; font-weight: 700;} .cl-effect-7 a::before, .cl-effect-7 a::after{position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #566473; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85);} .cl-effect-7 a::after{opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s;} .cl-effect-7 a:hover::before, .cl-effect-7 a:hover::after, .cl-effect-7 a:focus::before, .cl-effect-7 a:focus::after{-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);} .cl-effect-7 a:hover::after, .cl-effect-7 a:focus::after{top: 0%; opacity: 1;} .cl-effect-8 a{padding: 10px 20px;} .cl-effect-8 a::before, .cl-effect-8 a::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #354856; content: ''; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} .cl-effect-8 a::after{border-color: #fff; opacity: 0; -webkit-transform: translateY(-7px) translateX(6px); -moz-transform: translateY(-7px) translateX(6px); transform: translateY(-7px) translateX(6px);} .cl-effect-8 a:hover::before, .cl-effect-8 a:focus::before{opacity: 0; -webkit-transform: translateY(5px) translateX(-5px); -moz-transform: translateY(5px) translateX(-5px); transform: translateY(5px) translateX(-5px);} .cl-effect-8 a:hover::after, .cl-effect-8 a:focus::after{opacity: 1; -webkit-transform: translateY(0px) translateX(0px); -moz-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px);} .cl-effect-9 a{margin: 0 20px; padding: 18px 20px;} .cl-effect-9 a::before, .cl-effect-9 a::after{position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; content: ''; opacity: 0.2; -webkit-transition: opacity 0.3s, height 0.3s; -moz-transition: opacity 0.3s, height 0.3s; transition: opacity 0.3s, height 0.3s;} .cl-effect-9 a::after{top: 100%; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} .cl-effect-9 a span:first-child{z-index: 2; display: block; font-weight: 300;} .cl-effect-9 a span:last-child{z-index: 1; display: block; padding: 8px 0 0 0; color: rgba(0,0,0,0.4); text-shadow: none; text-transform: none; font-style: italic; font-size: 0.75em; font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);} .cl-effect-9 a:hover::before, .cl-effect-9 a:focus::before{height: 6px;} .cl-effect-9 a:hover::before, .cl-effect-9 a:hover::after, .cl-effect-9 a:focus::before, .cl-effect-9 a:focus::after{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} .cl-effect-9 a:hover span:last-child, .cl-effect-9 a:focus span:last-child{opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%);} .cl-effect-10{position: relative; z-index: 1;} .cl-effect-10 a{overflow: hidden; margin: 0 15px;} .cl-effect-10 a span{display: block; padding: 10px 20px; background: #8E0008; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} .cl-effect-10 a::before{position: absolute; top: 0; left: 0; z-index: -1; padding: 10px 20px; width: 100%; height: 100%; background: #fff; color: #8E0008; content: attr(data-hover); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(-25%);} .cl-effect-10 a:hover span, .cl-effect-10 a:focus span{-webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%);} .cl-effect-10 a:hover::before, .cl-effect-10 a:focus::before{-webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%);} .opentech a::before{color: black;} .opentech a span{background: #80256C;} .modalButton ::before{color: #8E0008;} .modalButton span{background: #8E0008;} .cl-effect-11 a{padding: 10px 0; border-top: 2px solid #0972b4; color: #0972b4; text-shadow: none;} .cl-effect-11 a::before{position: absolute; top: 0; left: 0; overflow: hidden; padding: 10px 0; max-width: 0; border-bottom: 2px solid #fff; color: #fff; content: attr(data-hover); -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s;} .cl-effect-11 a:hover::before, .cl-effect-11 a:focus::before{max-width: 100%;} .cl-effect-12 a::before, .cl-effect-12 a::after{position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 2px solid rgba(0,0,0,0.1); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2);} .cl-effect-12 a::after{width: 90px; height: 90px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8);} .cl-effect-12 a:hover::before, .cl-effect-12 a:hover::after, .cl-effect-12 a:focus::before, .cl-effect-12 a:focus::after{opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);} .cl-effect-13 a{-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .cl-effect-13 a::before{position: absolute; top: 100%; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 1.2em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none;} .cl-effect-13 a:hover::before, .cl-effect-13 a:focus::before{color: #fff; text-shadow: 10px 0 #fff, -10px 0 #fff;} .cl-effect-13 a:hover, .cl-effect-13 a:focus{color: #ba7700;} .cl-effect-14 a{padding: 0 20px; height: 45px; line-height: 45px;} .cl-effect-14 a::before, .cl-effect-14 a::after{position: absolute; width: 45px; height: 2px; background: #fff; content: ''; opacity: 0.2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none;} .cl-effect-14 a::before{top: 0; left: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0;} .cl-effect-14 a::after{right: 0; bottom: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0;} .cl-effect-14 a:hover::before, .cl-effect-14 a:hover::after, .cl-effect-14 a:focus::before, .cl-effect-14 a:focus::after{opacity: 1;} .cl-effect-14 a:hover::before, .cl-effect-14 a:focus::before{left: 50%; -webkit-transform: rotate(0deg) translateX(-50%); -moz-transform: rotate(0deg) translateX(-50%); transform: rotate(0deg) translateX(-50%);} .cl-effect-14 a:hover::after, .cl-effect-14 a:focus::after{right: 50%; -webkit-transform: rotate(0deg) translateX(50%); -moz-transform: rotate(0deg) translateX(50%); transform: rotate(0deg) translateX(50%);} .cl-effect-15 a{color: rgba(0,0,0,0.2); font-weight: 700; text-shadow: none;} .cl-effect-15 a::before{color: #fff; content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} .cl-effect-15 a:hover::before, .cl-effect-15 a:focus::before{-webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); opacity: 0;} .cl-effect-16 a{color: #6f8686; text-shadow: 0 0 1px rgba(111,134,134,0.3);} .cl-effect-16 a::before{color: #fff; content: attr(data-hover); position: absolute; opacity: 0; text-shadow: 0 0 1px rgba(255,255,255,0.3); -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none;} .cl-effect-16 a:hover::before, .cl-effect-16 a:focus::before{-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); opacity: 1;} .cl-effect-17 a{color: #10649b; text-shadow: none; padding: 10px 0;} .cl-effect-17 a::before{color: #fff; text-shadow: 0 0 1px rgba(255,255,255,0.3); content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none;} .cl-effect-17 a::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; opacity: 0; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); transform: translateY(5px); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none;} .cl-effect-17 a:hover::before, .cl-effect-17 a:focus::before{opacity: 0; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px);} .cl-effect-17 a:hover::after, .cl-effect-17 a:focus::after{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} .cl-effect-18{position: relative; z-index: 1;} .cl-effect-18 a{padding: 0 5px; color: #b4770d; font-weight: 700; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .cl-effect-18 a::before, .cl-effect-18 a::after{position: absolute; width: 100%; left: 0; top: 50%; height: 2px; margin-top: -1px; background: #b4770d; content: ''; z-index: -1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none;} .cl-effect-18 a::before{-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px);} .cl-effect-18 a::after{-webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px);} .cl-effect-18 a:hover, .cl-effect-18 a:focus{color: #fff;} .cl-effect-18 a:hover::before, .cl-effect-18 a:hover::after, .cl-effect-18 a:focus::before, .cl-effect-18 a:focus::after{opacity: 0.7;} .cl-effect-18 a:hover::before, .cl-effect-18 a:focus::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);} .cl-effect-18 a:hover::after, .cl-effect-18 a:focus::after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);} .cl-effect-19 a{line-height: 2em; margin: 15px; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; width: 200px;} .cl-effect-19 a span{position: relative; display: inline-block; width: 100%; padding: 0 14px; background: #e35041; -webkit-transition: -webkit-transform 0.4s, background 0.4s; -moz-transition: -moz-transform 0.4s, background 0.4s; transition: transform 0.4s, background 0.4s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -100px; -moz-transform-origin: 50% 50% -100px; transform-origin: 50% 50% -100px;} .csstransforms3d .cl-effect-19 a span::before{position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #b53a2d; content: attr(data-hover); -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; pointer-events: none;} .cl-effect-19 a:hover span, .cl-effect-19 a:focus span{background: #b53a2d; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg);} .csstransforms3d .cl-effect-19 a:hover span::before, .csstransforms3d .cl-effect-19 a:focus span::before{background: #ef5e50;} .cl-effect-20 a{line-height: 2em; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px;} .cl-effect-20 a span{position: relative; display: inline-block; padding: 3px 15px 0; background: #587285; box-shadow: inset 0 3px #2f4351; -webkit-transition: background 0.6s; -moz-transition: background 0.6s; transition: background 0.6s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%;} .cl-effect-20 a span::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; color: #2f4351; content: attr(data-hover); -webkit-transform: rotateX(270deg); -moz-transform: rotateX(270deg); transform: rotateX(270deg); -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none;} .cl-effect-20 a:hover span, .cl-effect-20 a:focus span{background: #2f4351;} .cl-effect-20 a:hover span::before, .cl-effect-20 a:focus span::before{-webkit-transform: rotateX(10deg); -moz-transform: rotateX(10deg); transform: rotateX(10deg);} .cl-effect-21 a{padding: 10px; color: #237546; font-weight: 700; text-shadow: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .cl-effect-21 a::before, .cl-effect-21 a::after{position: absolute; left: 0; width: 100%; height: 2px; background: #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} .cl-effect-21 a::before{top: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} .cl-effect-21 a::after{bottom: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);} .cl-effect-21 a:hover, .cl-effect-21 a:focus{color: #fff;} .cl-effect-21 a:hover::before, .cl-effect-21 a:focus::before, .cl-effect-21 a:hover::after, .cl-effect-21 a:focus::after{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} 

/* /openinside_website/static/src/css/v-shortcodes.css defined in bundle 'web.assets_frontend' */
 .v-gallery-widget{margin-bottom: 40px; position: relative; overflow: hidden;} .v-gallery-widget .gallery-nav{margin-top: 30px;} .v-gallery-widget .gallery-nav li{margin-left: 30px;} .v-gallery-widget .gallery-nav li:first-child{margin-left: 0;} .v-gallery-widget .gallery-nav li img{display: block; width: 100%; height: auto; opacity: .7; cursor: pointer; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .v-gallery-widget .gallery-nav li.flex-active-slide img, .v-gallery-widget .gallery-nav li img:hover{opacity: 1;} .gallery-slider p.flex-caption{position: absolute; bottom: 0; padding: 15px 20px; color: #fff; margin: 0; width: 100%; font-size: 16px;} .gallery{padding-top: 10px; margin: 0 -2%;} .gallery .gallery-item{float: left; display: block; width: 20%; margin: 0 2% 4%;} .gallery-columns-1 .gallery-item{width: 96%;} .gallery-columns-2 .gallery-item{width: 46%;} .gallery-columns-3 .gallery-item{width: 29.3%;} .gallery-columns-4 .gallery-item{width: 21%;} .gallery-columns-5 .gallery-item{width: 16%;} .gallery-columns-6 .gallery-item{width: 12.6%;} .gallery-columns-7 .gallery-item{width: 10.2%;} .gallery-columns-8 .gallery-item{width: 8.4%;} .gallery-columns-9 .gallery-item{width: 7.1%;} .gallery-item .gallery-icon{background: #222 url(/openinside_website/static/src/css/../img/view-image.png) no-repeat center center; width: 100%; height: auto;} .gallery-item img{display: block; width: 100%; height: auto;} .v-gmap-widget{margin-bottom: 20px;} .fullscreen-map{padding: 0;} .v-gmap-widget .v-map-wrap{padding: 0;} .v-wrapper.shadow .v-map-wrap{padding: 0 0 1.6%; margin-bottom: 30px; background: transparent url('/openinside_website/static/src/css/../img/base/box_shadow_effect.png') no-repeat center bottom; -moz-background-size: 100% auto; background-size: 100% auto;} .map-canvas img{max-width: none;} .v-team-member-wrap{margin-bottom: 30px; display: table;} .v-team-member-box a.read-more i{font-size: 22px; position: absolute; right: 60%; top: -5px; opacity: 0; -webkit-transition: right .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: right .3s ease-in-out, opacity .3s ease-in-out; -o-transition: right .3s ease-in-out, opacity .3s ease-in-out; transition: right .3s ease-in-out, opacity .3s ease-in-out;} .v-team-member-box a.read-more:hover i{opacity: .4; right: 100%;} .v-team-member-statu{color: #a5a5a5; font-size: 14px; font-family: "'Open Sans'", "Oxygen", "'Open Sans'", "PT Sans", sans-serif; line-height: 1; font-style: italic;} .v-team-member-name{font-size: 18px; font-family: "Museo500Regular", "Oxygen", "'Open Sans'", "PT Sans", sans-serif; color: #242424; line-height: 1.6;} .v-team-member-box a.read-more{position: relative; font-size: 11px; font-family: "'Open Sans'", "Oxygen", "'Open Sans'", "PT Sans", sans-serif; line-height: 1.5; text-transform: uppercase; letter-spacing: 1px; color: #7a7a7a;} .v-team-member-box p{color: rgb(122, 122, 122); direction: ltr; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 22px;} .v-team-member-box .read-more{border-bottom: 0px;} .v-team-member-box .read-more:hover{border-bottom: 1px dotted #25CBF5;} .v-team-member-box .widget{padding-bottom: 0px;} .v-team-member-box .v-team-member-img{position: relative; z-index: 1; display: inline-block; margin: 0 auto; border-radius: 2px;} .v-team-member-box .v-team-member-img img{max-width: 100%; max-height: 100%; vertical-align: top; width: 100%;} .v-team-member-box .v-team-member-img .member-bg{position: absolute; z-index: 0; bottom: 0; left: 0; right: 0; height: 60px; background: -moz-linear-gradient(bottom,rgba(0,0,0,0.66),transparent); background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.66),transparent); background: -o-linear-gradient(bottom,rgba(0,0,0,0.66),transparent); background: -ms-linear-gradient(bottom,rgba(0,0,0,0.66),transparent); background: linear-gradient(bottom,rgba(0,0,0,0.66),transparent); opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;} .v-team-member-box .v-team-member-img .social-icons{display: block; position: absolute; left: 0; bottom: 0; height: 36px; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; color: #fff;} .v-team-member-box .v-team-member-img .social-icons a{width: 36px; height: 36px; color: inherit;} .v-team-member-box .v-team-member-img .social-icons a i{width: 36px; height: 36px; line-height: 36px; bottom: auto; -webkit-transition: top .3s ease-in-out; -moz-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; transition: top .3s ease-in-out; color: white;} .v-team-member-box .v-team-member-img .social-icons a:hover i{top: 0;} .v-team-member-box .v-team-member-img .social-icons a + .soc-tooltip{display: none;} .v-team-member-box .v-team-member-img:hover .member-bg{opacity: 1;} .v-team-member-box .v-team-member-img:hover .social-icons{opacity: 1;} .v-team-member-box .heading{position: relative; text-align: left; border-bottom: 1px solid #ebebeb;} .v-team-member-box .heading .v-team-member-info{width: 75%; padding-top: 20px; padding-bottom: 21px; position: relative;} .v-team-member-box .heading .v-team-member-info > .v-team-member-name{top: 0; line-height: 1; z-index: 1; color: #242424;} .v-team-member-box .heading .v-team-member-info > .v-team-member-statu{padding-top: 0; position: relative; bottom: 5px; z-index: 1; opacity: 1;} .v-team-member-box .heading .read-more-block{width: 50%; position: absolute; right: 0; bottom: 23px; font-family: "ubuntulight", "Oxygen", "'Open Sans'", "PT Sans", sans-serif; text-align: right; line-height: 1;} .v-team-member-box .v-team-member-desc{position: relative; text-align: left; padding-top: 20px;} .v-team-member-box .v-team-member-desc p{line-height: inherit; margin-bottom: 0;} .v-team-member-box .social-icons{position: relative; font-size: 16px; text-align: center;} .v-team-member-box ul.social-icons li{height: 36px; float: none;} .v-team-member-box ul.social-icons li:not(.sf-love) a{padding: 0px;} .v-team-member-box .social-icons a{position: relative; display: inline-block; width: 39px; height: 39px; overflow: hidden; color: rgba(255,255,255,0.5); font-size: 12px; line-height: 39px; text-align: center; background-color: transparent; -webkit-transition: color .3s ease-out, top .3sss ease-out; -moz-transition: color .3s ease-out, top .3sss ease-out; transition: color .3s ease-out, top .3sss ease-out;} .v-team-member-box .social-icons a:before{opacity: 1; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; transition: opacity .2s ease-out;} .v-team-member-box .social-icons a:hover{color: #fff;} .v-team-member-box .social-icons a:hover:before{opacity: 0;} .v-team-member-box .social-icons a:last-child{margin-right: 0px;} .v-team-member-box .social-icons a i{display: block; width: 39px; height: 39px; line-height: 39px; position: absolute; bottom: 37px; -webkit-transition: bottom .3s ease-in-out; -moz-transition: bottom .3s ease-in-out; -o-transition: bottom .3s ease-in-out; transition: bottom .3s ease-in-out;} .v-team-member-box .social-icons.widget.social-icons-bottom-margin, .v-team-member-box .social-icons.social-icons-bottom-margin{margin-bottom: 35px;} .v-team-member-box .widget.social-icons{margin-bottom: 0; margin-left: auto; margin-right: auto; width: 100%;} .v-team-member-box .widget.social-icons h3{margin-bottom: 23px;} .v-team-member-box .widget.social-icons a{color: #656565; -webkit-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out; -moz-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out; -o-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out; transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;} .v-team-member-box .widget.social-icons a:hover{color: #fff;} .v-team-member-box .widget.social-icons.social-icons-small a i{bottom: 39px;} .v-team-member-box .widget.social-icons.social-icons-small a:hover i{bottom: 0;} .v-team-member-box .widget.social-icons.social-icons-small .soc-tooltip{display: none;} .v-team-member-box .widget.social-icons.social-icons-small.bordered a{margin-right: 2px;} .v-team-member-box .widget.social-icons.social-icons-small.bordered a:before{display: block; width: 39px; height: 39px; line-height: 39px; text-align: center; border: 1px solid #ebebeb;} .v-icon{font-size: 30px; line-height: 26px; padding: 0; width: auto; height: 24px; background-image: none; color: #25CBF5;} .icon-character{font-weight: bold; margin-left: 5px; margin-right: 12px;} .v-icon.medium{font-size: 38px !important; line-height: 40px !important; width: auto; height: 38px;} .feature-box-icon.small .v-icon{line-height: 28px; height: 30px;} .v-icon.v-icon-large{font-size: 50px; line-height: 69px; width: auto; height: 56px;} .feature-box-icon.cont-large .v-icon{line-height: 76px;} .feature-box-icon.cont-large .v-icon[class^="icon-"]{line-height: 92px;} .feature-box-icon.cont-large .icon-character{font-size: 80px;} .feature-box-icon .v-icon{padding: 0; display: block;} .feature-box-icon{padding: 20px; -moz-border-radius: 0 100px 100px; border-radius: 0 100px 100px; text-align: center; vertical-align: middle; margin-bottom: 20px; margin-right: 20px; height: 30px; width: 30px; line-height: 12px; border: 2px solid transparent; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border-color: #25CBF5;} .feature-box-icon:hover, .sf-hover .feature-box-icon{background-image: url(/openinside_website/static/src/css/../img/crease.svg);} .browser-ie .feature-box-icon:hover, .browser-ie .sf-hover .feature-box-icon, .browser-ie10 .feature-box-icon:hover, .browser-ie10 .sf-hover .feature-box-icon{background-image: none;} .feature-box-icon.small{padding: 19px 20px 19px 18px;} .feature-box-icon.cont-large{padding: 37px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; vertical-align: middle; width: 77px; height: 77px;} .v-icon.v-icon-large:before{font-size: 72px;} .v-icon-float-left{float: left; padding: 5px 10px 0 0;} .v-icon-float-right{float: right; padding: 5px 0 0 10px;} .icn-holder{display: inline-block;} .feature-box h3 > i[class*="icon-"]{vertical-align: -4px;} .feature-box{display: block; position: relative; z-index: 2;} .feature-box.feature-box-st{text-align: center; padding: 10px;} .feature-box-st .feature-box-icon{margin-right: 0; margin-bottom: 5px;} .feature-box-st .v-icon{padding: 0;} .feature-box h3 > i{font-size: 1.3em; margin-right: 15px;} .feature-box.feature-box-st h3{margin-bottom: 20px;} .feature-box.left-icon h3, .feature-box.left-icon-v2 h3{margin-top: 0;} .feature-box.left-icon .feature-box-icon{float: left; position: relative; margin-top: 3px;} .feature-box.left-icon-v2 > i{float: left; position: relative; font-size: 42px; line-height: 52px; text-align: center; width: 44px;} .feature-box.left-icon-v2 > span{float: left; position: relative; font-size: 46px; line-height: 46px; text-align: center; width: 48px; margin-left: 0;} .feature-box.feature-box-secundary-two .v-icon{margin-bottom: 15px;} .feature-box.feature-box-secundary-two h3{margin-top: 10px;} .feature-box[class*="feature-box-secundary-"] .feature-box-icon{background-image: url(/openinside_website/static/src/css/../img/crease.svg); -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; position: absolute; left: 42%; top: -32px; -moz-border-radius: 0 100px 100px; -webkit-border-radius: 0 100px 100px; border-radius: 0 100px 100px; height: 30px; width: 30px; line-height: 12px; border: 0; margin: 0; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .browser-ie .feature-box[class*="feature-box-secundary-"] .feature-box-icon, .browser-ie10 .feature-box[class*="feature-box-secundary-"] .feature-box-icon{background-image: none;} .feature-box.feature-box-secundary-three .feature-box-icon{right: 50%; margin-right: -35px;} .feature-box[class*="feature-box-secundary-"] .feature-box-text{background: #fff; padding: 40px 30px 40px 30px; margin-top: 35px; margin-bottom: 20px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;} .feature-box[class*="feature-box-secundary-"].left-icon-x .feature-box-icon{top: 35%; left: 0px;} .feature-box[class*="feature-box-secundary-"].left-icon-x .feature-box-text{margin-left: 35px; padding: 20px 30px 30px 50px;} .feature-box[class*="feature-box-secundary-"].left-icon-x h3, .feature-box[class*="feature-box-secundary-"].left-icon-x .feature-box-text-inner{text-align: left;} .feature-box.feature-box-secundary-three .feature-box-text{padding: 60px 30px 65px 30px; padding-bottom: 40px;} .feature-box.feature-box-secundary-two .feature-box-text{padding-bottom: 30px; text-align: center;} .feature-box.feature-box-secundary-four .feature-box-text{padding: 25px 30px 20px;} .feature-box.feature-box-secundary-four h3{margin-top: 0;} .feature-box .feature-box-text{display: block;} .feature-box.left-icon .feature-box-text{display: block; margin-left: 90px;} .feature-box.left-icon-v2 .feature-box-text{display: block; margin-left: 60px;} .feature-box.left-icon-v2 .feature-box-text h3{margin-bottom: 10px;} .feature-box.feature-box-secundary-three h3, .feature-box.feature-box-secundary-three .feature-box-text-inner{text-align: center;} .feature-box[class*="feature-box-secundary-"] h3, .feature-box[class*="feature-box-secundary-"] .feature-box-text-inner{color: #333!important; text-align: center;} .feature-box-line{width: 50px; height: 1px; margin: 0 auto; display: block; background: #e4e4e4; margin-bottom: 20px; -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0s!important; -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;} .sf-hover .feature-box-line{width: 100px;} .feature-box-text-inner{display: block; width: 100%; line-height: 165%;} .feature-box-text-inner p:last-child{margin-bottom: 0;} .feature-box-icon:hover, .sf-hover .feature-box-icon, .feature-box[class*="feature-box-secundary-"] .feature-box-icon, .sf-hover .feature-box-line{background-color: #25CBF5;} .feature-box-icon:hover .v-icon, .sf-hover .feature-box-icon .v-icon, .feature-box.feature-box-secundary-one .v-icon, .feature-box.feature-box-secundary-three .v-icon{color: #ffffff;} .feature-box .icon-white{color: #ffffff;} .feature-box-animated .back, .feature-box-animated .back h3{color: #ffffff !important;} .btn{padding: 9px 12px; outline:none !important;} .btn.v-btn{margin-bottom: 20px; background:#25CBF5; outline: none !important;} .btn.v-btn, input[type=submit]{position: relative; display: inline-block; margin-right: 10px; vertical-align: middle; text-align: center; cursor: pointer; zoom: 1; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; font-family: source_sans_probold,Arial; font-size: 13px; line-height: 1.3; letter-spacing: 0.5px; text-transform: uppercase; color: #eee; color: rgba(255,255,255,1)!important; box-shadow: 0 3px 0 0 #22A7D1; padding: 15px 20px 13px} .btn.subscriber-button{margin-bottom: 0px; margin-right: 0px;} button.btn:not(.v-btn.v-second-dark):not(.v-btn.v-third-dark){border: none;} .btn.v-btn.disabled{cursor: default!important; background: rgba(39,174,96,.8)!important; box-shadow: 0 3px 0 0 rgba(19,154,76,.9)!important} .btn.v-btn:hover,input[type=submit]:hover{color: #FFF; color: rgba(255,255,255,1)!important; box-shadow: 0 3px 0 0 rgba(0,0,0,1); background: #323436} .btn.v-btn.btn-danger{box-shadow:none; padding:12px 16px; margin-bottom:0px;} .btn.v-btn i{position: relative; top: 0px; font-size: 1.2em; margin-right: 8px;} .btn.v-btn i[class*="icon-"]{font-size: 1em;} .v-dropdown-box a.btn.v-btn{color: #eee; color: rgba(255,255,255,.8)!important;} .v-dropdown-box a.btn.v-btn:hover{color: #FFF; color: rgba(255,255,255,1)!important} .btn.v-btn.special-icon{padding-left: 55px!important} .btn.v-btn.special-icon i{position: absolute; left: 0; top: 0; height: 100%; width: 37px; background: #22A7D1; text-align: center; line-height: 43px; margin-right: 0} .btn.v-btn.special-icon i::after{position: absolute; display: block; content: ""; width: 10px; height: 10px; background: #22A7D1; border-right: 0; border-bottom: 0; top: 50%; margin-top: -3px; right: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 8;} .btn.v-btn.special-icon:hover i,.btn.v-btn.special-icon:hover i::after{background: #222} .v-btn.v-turqoise{background: rgba(26,188,156,.8); box-shadow: 0 3px 0 0 rgba(6,168,136,.9)} .btn.v-btn.v-turqoise.special-icon i::after,.btn.v-btn.v-turqoise.special-icon i{background: rgba(6,168,136,1)} .v-btn.v-turqoise:hover{background: rgba(26,188,156,1); box-shadow: 0 3px 0 0 rgba(6,168,136,1)} .v-btn.v-green-sea{background: rgba(22,160,133,.8); box-shadow: 0 3px 0 0 rgba(2,140,113,.9)} .btn.v-btn.v-green-sea.special-icon i::after,.btn.v-btn.v-green-sea.special-icon i{background: rgba(2,140,113,1)} .v-btn.v-green-sea:hover{background: rgba(22,160,133,1); box-shadow: 0 3px 0 0 rgba(2,140,113,1)} .v-btn.v-sunflower{background: rgba(241,196,15,.8); box-shadow: 0 3px 0 0 rgba(221,176,0,.9)} .btn.v-btn.v-sunflower.special-icon i::after,.btn.v-btn.v-sunflower.special-icon i{background: rgba(221,176,0,1)} .v-btn.v-sunflower:hover{background: rgba(241,196,15,1); box-shadow: 0 3px 0 0 rgba(221,176,0,1)} .v-btn.v-orange{background: rgba(243,156,18,.8); box-shadow: 0 3px 0 0 rgba(223,136,0,.9)} .btn.v-btn.v-orange.special-icon i::after,.btn.v-orange.special-icon i{background: rgba(223,136,0,1)} .v-btn.v-orange:hover{background: rgba(243,156,18,1); box-shadow: 0 3px 0 0 rgba(223,136,0,1)} .v-btn.v-emerald{background: rgba(46,204,113,.8)!important; box-shadow: 0 3px 0 0 rgba(26,184,93,.9)!important} .v-btn.btn.v-emerald.special-icon i::after,.btn.v-btn.v-emerald.special-icon i{background: rgba(26,184,93,1)} .v-btn.v-emerald:hover{background: rgba(46,204,113,1)!important; box-shadow: 0 3px 0 0 rgba(26,184,93,1)!important} .v-btn.v-nephritis{background: rgba(39,174,96,.8); box-shadow: 0 3px 0 0 rgba(19,154,76,.9)} .btn.v-btn.v-nephritis.special-icon i::after,.btn.v-btn.v-nephritis.special-icon i{background: rgba(19,154,76,1)} .v-btn.v-nephritis:hover{background: rgba(39,174,96,1); box-shadow: 0 3px 0 0 rgba(19,154,76,1)} .v-btn.v-carrot{background: rgba(230,126,34,.8); box-shadow: 0 3px 0 0 rgba(210,106,14,.9)} .btn.v-btn.v-carrot.special-icon i::after,.btn.v-btn.v-carrot.special-icon i{background: rgba(210,106,14,1)} .v-btn.v-carrot:hover{background: rgba(230,126,34,1); box-shadow: 0 3px 0 0 rgba(210,106,14,1)} .v-btn.v-pumpkin{background: rgba(211,84,0,.8); box-shadow: 0 3px 0 0 rgba(191,64,0,.9)} .btn.v-btn.v-pumpkin.special-icon i::after,.btn.v-btn.v-pumpkin.special-icon i{background: rgba(191,64,0,1)} .v-btn.v-pumpkin:hover{background: rgba(211,84,0,1); box-shadow: 0 3px 0 0 rgba(191,64,0,1)} .v-btn.v-btn.v-peter-river{background: rgba(52,152,219,.8); box-shadow: 0 3px 0 0 rgba(32,132,199,.9)} .btn.v-btn.v-btn.v-peter-river.special-icon i::after,.btn.v-btn.v-btn.v-peter-river.special-icon i{background: rgba(32,132,199,1)} .v-btn.v-peter-river:hover{background: rgba(52,152,219,1); box-shadow: 0 3px 0 0 rgba(32,132,199,1)} .v-btn.v-belize-hole{background: rgba(41,128,185,.8); box-shadow: 0 3px 0 0 rgba(21,108,165,.9)} .btn.v-btn.v-belize-hole.special-icon i::after,.btn.v-btn.v-belize-hole.special-icon i{background: rgba(21,108,165,1)} .v-btn.v-belize-hole:hover{background: rgba(41,128,185,1); box-shadow: 0 3px 0 0 rgba(21,108,165,1)} .v-btn.v-alizarin{background: rgba(231,76,60,.8); box-shadow: 0 3px 0 0 rgba(221,56,40,.9)} .btn.v-btn.v-alizarin.special-icon i::after,.btn.v-btn.v-alizarin.special-icon i{background: rgba(221,56,40,1)} .v-btn.v-alizarin:hover{background: rgba(231,76,60,1); box-shadow: 0 3px 0 0 rgba(221,56,40,1)} .v-btn.v-pomegranate{background: rgba(192,57,43,.8); box-shadow: 0 3px 0 0 rgba(172,37,23,.9)} .btn.v-btn.v-pomegranate.special-icon i::after,.btn.v-btn.v-pomegranate.special-icon i{background: rgba(172,37,23,1)} .v-btn.v-pomegranate:hover{background: rgba(192,57,43,1); box-shadow: 0 3px 0 0 rgba(172,37,23,1)} .v-btn.v-amethyst{background: rgba(155,89,182,.8); box-shadow: 0 3px 0 0 rgba(135,69,162,.9)} .btn.v-btn.v-amethyst.special-icon i::after,.btn.v-btn.v-amethyst.special-icon i{background: rgba(135,69,162,1)} .v-btn.v-amethyst:hover{background: rgba(155,89,182,1); box-shadow: 0 3px 0 0 rgba(135,69,162,1)} .v-btn.v-wisteria{background: rgba(142,68,173,.8); box-shadow: 0 3px 0 0 rgba(122,48,153,.9)} .btn.v-btn.v-wisteria.special-icon i::after,.btn.v-btn.v-wisteria.special-icon i{background: rgba(122,48,153,1)} .v-btn.v-wisteria:hover{background: rgba(142,68,173,1); box-shadow: 0 3px 0 0 rgba(122,48,153,1)} .v-btn.v-wet-asphalt{background: rgba(52,73,94,.8); box-shadow: 0 3px 0 0 rgba(32,53,74,.9)} .btn.v-btn.v-wet-asphalt.special-icon i::after,.btn.v-btn.v-wet-asphalt.special-icon i{background: rgba(32,53,74,1)} .v-btn.v-wet-asphalt:hover{background: rgba(52,73,94,1); box-shadow: 0 3px 0 0 rgba(32,53,74,1)} .v-btn.v-midnight-blue{background: rgba(44,62,80,.8); box-shadow: 0 3px 0 0 rgba(24,42,60,.9)} .btn.v-btn.v-midnight-blue.special-icon i::after,.btn.v-btn.v-midnight-blue.special-icon i{background: rgba(24,42,60,1)} .v-btn.v-midnight-blue:hover{background: rgba(44,62,80,1); box-shadow: 0 3px 0 0 rgba(24,42,60,1)} .v-btn.v-concrete{background: rgba(149,165,166,.8); box-shadow: 0 3px 0 0 rgba(129,145,146,.8)} .btn.v-btn.v-concrete.special-icon i::after,.btn.v-btn.v-concrete.special-icon i{background: rgba(129,145,146,1)} .v-btn.v-concrete:hover{background: rgba(149,165,166,1); box-shadow: 0 3px 0 0 rgba(109,125,126,.8)} .v-btn.v-asbestos{background: rgba(127,140,141,.8); box-shadow: 0 3px 0 0 rgba(107,120,121,.9)} .btn.v-btn.v-asbestos.special-icon i::after,.btn.v-btn.v-asbestos.special-icon i{background: rgba(107,120,121,1)} .v-btn.v-asbestos:hover{background: rgba(127,140,141,1); box-shadow: 0 3px 0 0 rgba(107,120,121,1)} .v-btn.v-darkly{background: rgba(50,52,54,.8); box-shadow: 0 1px 0 rgba(255,255,255,.25)inset,0 3px 0 0 rgba(30,32,34,.8)} .btn.v-btn.v-darkly.special-icon i::after,.btn.v-btn.v-darkly.special-icon i{background: rgba(30,32,34,1)} .v-btn.v-darkly:hover{background: rgba(50,52,54,.8); box-shadow: 0 1px 0 rgba(255,255,255,.3)inset,0 3px 0 0 rgba(30,32,34,.9)} .v-btn.v-second-dark{background: transparent!important; border: solid 2px #323436; color: #323436!important; box-shadow: none; padding: 12px 20px 10px 20px!important} .v-btn.v-second-dark:hover{background: #323436!important; color: #FFF!important; box-shadow: none} .v-btn.v-third-dark{background: transparent!important; border: solid 2px #ececec; border-color: rgba(0,0,0,.1); color: #323436!important; box-shadow: none; padding: 13px 40px 11px 40px!important} .v-btn.v-yellow{background: #FFD62C!important; border: none; color: #323436!important; box-shadow: none; padding: 15px 40px 13px 40px!important} .v-btn.v-yellow:hover{background: #323436!important; box-shadow: none; color: #FFF!important} .v-btn.v-third-dark:hover{background: #323436!important; color: #FFF!important; box-shadow: none; border-color: #323436} .v-btn.v-second-light,.v-third-light{background: transparent!important; border: solid 2px #FFF; border-color: rgba(255,255,255,.6); color: #FFF!important; box-shadow: none!important; padding: 13px 25px!important} .v-btn.v-second-light:hover{background: #FFF!important; color: #000!important} .v-btn.v-third-light{background: #FFF!important; color: #000!important} .v-btn.v-third-light:hover{background: transparent!important; color: #FFF!important} .btn.v-btn.no-three-d{box-shadow: none!important} .btn.v-btn:not(.no-three-d):not(.btn-danger):not(.v-third-dark):not(.v-second-dark):active, input[type=submit]:not(.no-three-d):not(.v-third-dark):not(.v-second-dark):active{top: 3px!important} .btn.v-btn i{margin-top: 0!important;} .btn.v-btn.v-large-button{padding: 24px 30px 20px; font-size: 14px; letter-spacing: 2px} .btn.v-btn.v-large-button.special-icon i{line-height: 60px} .btn.v-btn.special-icon.v-large-button{padding-left: 60px!important} .btn.v-btn.v-small-button,input[type=submit]{padding: 12px 16px 10px!important; font-size: 12px; letter-spacing: 1px} .btn.v-btn.v-small-button.special-icon i{line-height: 37px} .btn.v-btn.special-icon.v-small-button{padding-left: 55px!important} .tabs{border-radius: 4px; margin-bottom: 35px;} .nav-tabs{margin: 0; font-size: 0; border-bottom-color: #EEE;} .nav-tabs li{display: inline-block; float: none; border-radius: 0px; margin-right: -1px; font-family: 'Open Sans'; font-size: 13px; border-bottom: 1px solid #e4e4e4;} .nav-tabs > li > a{margin-right: 0px; border-radius: 0px;} .nav > li > a:hover, .nav > li > a:focus{background-color: transparent;} .nav-tabs li:first-child a{border-top-left-radius: 6px; border-left: 1px solid #e4e4e4;} .nav-tabs li:last-child a{border-top-right-radius: 6px; margin-right: 0;} .nav-tabs > li{margin-bottom: 0px;} .nav > li > a{padding: 10px 18px;} .nav-tabs li a, .nav-tabs li a:hover{border-bottom: none; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;} .nav-tabs li a:hover{border-bottom-color: transparent; box-shadow: none;} .nav-tabs li a:active, .nav-tabs li a:focus{border-bottom: 0;} .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus{background-color: #f7f7f7; border-left-color: #e4e4e4; border-right-color: #e4e4e4; border-bottom: 0px; box-shadow: inset 0 0 5px rgba(0,0,0,.1);} .tab-content{border-radius: 0 0 4px 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background-color: #FFF; border: 1px solid #EEE; margin-top: -3px; padding: 20px;} .tabs.clean .tab-content{padding: 0px; padding-top: 20px; border: 0px solid #fff; box-shadow: none;} .tabs.clean.tabs-vertical .tab-content{padding: 0px; padding-left: 20px; border: 0px solid #fff; box-shadow: none;} .nav-tabs.nav-right{text-align: right;} .tabs.tabs-bottom .tab-content{border-radius: 4px 4px 0 0; border-bottom: 0; border-top: 1px solid #EEE;} .tabs.tabs-bottom .nav-tabs{border-bottom: none; border-top: 1px solid #EEE;} .tabs.tabs-bottom .nav-tabs li{margin-bottom: 0; margin-top: -1px;} .tabs.tabs-bottom .nav-tabs li:last-child a{margin-right: 0;} .tabs.tabs-bottom .nav-tabs li a{border-radius: 0 0 4px 4px; font-size: 14px; margin-right: 1px;} .tabs.tabs-bottom .nav-tabs li a, .tabs.tabs-bottom .nav-tabs li a:hover{border-bottom: 3px solid #EEE; border-top: 1px solid #EEE;} .tabs.tabs-bottom .nav-tabs li a:hover{border-bottom: 3px solid #CCC; border-top: 1px solid #EEE;} .tabs.tabs-bottom .nav-tabs li.active a, .tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus{border-bottom: 3px solid #CCC; border-top-color: transparent;} .tabs-vertical{display: table; width: 100%;} .tabs-vertical .tab-content{display: table-cell; vertical-align: top;} .tabs-vertical .nav-tabs{border-bottom: none; display: table-cell; height: 100%; float: none; padding: 0; vertical-align: top;} .tabs-vertical .nav-tabs > li{display: block;} .tabs-vertical .nav-tabs > li a{border-radius: 0; display: block; padding-top: 10px;} .tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus{border-bottom: none; border-top: none;} .tabs-vertical .nav-tabs > li.active a, .tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus{border-top: none;} .tabs-left .tab-content{border-radius: 0 5px 5px 5px;} .tabs-left .nav-tabs > li{margin-right: -2px;} .tabs-left .nav-tabs > li:first-child a:hover, .tabs-left .nav-tabs > li:first-child a{border-radius: 5px 0 0 0; border-top:1px solid #e4e4e4;} .tabs-left .nav-tabs > li:last-child a{border-radius: 0 0 0 5px;} .tabs-left .nav-tabs > li a{border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; margin-right: 1px; margin-left: -1px;} .nav-tabs > li a i.fa{width: 20px;} .tabs-right .tab-content{border-radius: 5px 0 5px 5px; border-right: none;} .tabs-right .nav-tabs > li{margin-left: -1px;} .tabs-right .nav-tabs > li:first-child a{border-radius: 0 5px 0 0;} .tabs-right .nav-tabs > li:last-child a{border-radius: 0 0 5px 0; border-bottom: 1px solid #eee;} .tabs-right .nav-tabs > li a{border-right: 3px solid #EEE; border-left: 1px solid #EEE; margin-right: 1px; margin-left: 1px;} .tabs-right .nav-tabs > li a:hover{border-right-color: #CCC;} .tabs-right .nav-tabs > li.active a, .tabs-right .nav-tabs > li.active a:hover, .tabs-right .nav-tabs > li.active a:focus{border-right: 3px solid #CCC; border-left: 1px solid #FFF;} .nav-tabs.nav-justified{margin-bottom: -1px;} .nav-tabs.nav-justified li{margin-bottom: 0;} .nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover{border-radius: 5px 0 0 0;} .nav-tabs.nav-justified li:last-child a, .nav-tabs.nav-justified li:last-child a:hover{border-radius: 0 5px 0 0;} .nav-tabs.nav-justified li a{border-bottom: 1px solid #DDD; border-radius: 0; margin-right: 0;} .nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus{border-bottom: 1px solid #DDD;} .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus{background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top-width: 3px;} .nav-tabs.nav-justified li.active a{border-bottom: 1px solid #FFF;} .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus{border-top-width: 3px;} .nav-tabs.nav-justified li.active a:hover{border-bottom: 1px solid #FFF;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified{border-top: none;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a{margin-right: 0; border-top-color: transparent;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a{border-radius: 0 0 0 5px;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a{margin-right: 0; border-radius: 0 0 5px 0;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus{border-top-color: transparent;} @media (max-width: 479px){.tabs .nav.nav-tabs.nav-justified li{display: block; margin-bottom: -5px;}.tabs .nav.nav-tabs.nav-justified li a{border-top-width: 3px !important; border-bottom-width: 0 !important;}.tabs .nav.nav-tabs.nav-justified li:first-child a, .tabs .nav.nav-tabs.nav-justified li:first-child a:hover{border-radius: 5px 5px 0 0;}.tabs .nav.nav-tabs.nav-justified li:last-child a, .tabs .nav.nav-tabs.nav-justified li:last-child a:hover{border-radius: 0;}.tabs.tabs-bottom .nav.nav-tabs.nav-justified li{margin-bottom: 0; margin-top: -5px;}.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a{border-bottom-width: 3px !important; border-top-width: 0 !important;}.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a:hover{border-radius: 0;}.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover{border-radius: 0 0 5px 5px;}} .testimonial{text-align: center; padding: 0; margin: 0 0 18px;} .testimonial .testimonials-content{color: #FFFFFF; font-size: 24px; font-style: normal; font-weight: 100; line-height: 25px;} .testimonial .testimonials-content:before{content: ""; font-family: "FontAwesome"; font-size: 25px; padding: 5px 10px; color: #DADADA;} .testimonial .testimonials-content:after{content: ""; font-family: "FontAwesome"; font-size: 13px; padding: 5px; color: #43b4f9;} .testimonial.bordered-with-thumb{text-align: left;} .testimonial.bordered-with-thumb .inner{padding: 20px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; margin-bottom: 20px;} .testimonial.bordered-with-thumb .inner:after{content: ""; position: absolute; bottom: -8px; left: 33px; width: 15px; height: 15px; background: #fff; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .testimonial.bordered-with-thumb .testimonial-author{overflow: hidden; margin: 0;} .testimonial.bordered-with-thumb .testimonial-author .featured-thumbnail{float: left; margin: 0 15px 0 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .testimonial.bordered-with-thumb .testimonial-author .featured-thumbnail img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #e5eaec; width: 54px!important; height: 53px!important;} .testimonial.bordered-with-thumb .testimonial-author span{color: #a5a5a5;} .testimonial.bordered-with-thumb .testimonial-author p{margin-top: -4px;} .testimonial.bordered-with-thumb .user{margin-top: 5px;} h3.v-center-heading.testimonial-title{display: block!important; margin: 25px auto 35px; text-align: center; font-family: MuseoSlab500Regular; font-size: 23px; line-height: 15px !important;} h3.testimonial-title.v-heading span:before, h3.testimonial-title.v-heading span:after{top: 4px;} .testimonial.fw-carousel-style .testimonials-content{text-align: center; font-size: 22px; font-family: 'Open Sans'; width: 90%; margin-bottom: 15px; line-height: 33px; color: inherit; font-style:italic; margin-left: auto; margin-right: auto;} .testimonial.fw-carousel-style .testimonials-content:after{content: "";} .testimonial.fw-carousel-style .person-says{padding: 0; text-transform: uppercase; font-weight: 600; font-size: 11px; margin-bottom: 25px;} .testimonial.fw-carousel-style .person-says .text-small{text-transform: none; font-size: 12px; color: #878787; font-weight: 400;} .testimonial.testimonial-thumb-side{text-align: left;} .testimonial.testimonial-thumb-side .wrapper{margin-left: 90px;} .testimonial.testimonial-thumb-side .testimonial-author .featured-thumbnail{float: left; margin: 0 20px 0 0; -webkit-border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; border-radius: 100% 100% 100% 100%; border: 3px solid #25CBF5; width: 70px!important; height: 69px!important;} .testimonial.testimonial-thumb-side .testimonial-author .featured-thumbnail img{-webkit-border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; border-radius: 100% 100% 100% 100%; height: 63px!important;} .testimonial.testimonial-thumb-side .testimonial-author .featured-thumbnail:after{content: ""; position: absolute; top: 50%; margin-top: -6px; right: -8px; width: 0; height: 0; border-left: 6px solid #25CBF5; border-bottom: 6px solid transparent; border-top: 6px solid transparent;} .testimonial.testimonial-thumb-side .excerpt{font-style: italic; margin-bottom: 10px;} .testimonial .testimonial-author .featured-thumbnail{-webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; border: 1px solid #e8e8e8; position: relative; display: inline-block; margin-bottom: 10px; width: 54px!important; height: 53px!important;} .testimonial .user{font-size: 12px; text-transform: uppercase; font-family: source_sans_probold,Arial,Helvetica,Tahoma,sans-serif; color: #555; letter-spacing: 1px;} .testimonial .user span{text-transform: none; font-size: 12px; color: #a5a5a5; font-weight: 400; font-family: 'Open Sans';} .testimonial .person-says{padding: 30px 0 50px 0;} .testimonial .person-says strong{border-style: none; border-width: 0; line-height: 1.6; padding: 0; text-decoration: none;} .testimonial .person-says .text-small{font-size: 18px; padding: 15px 0; color: #43b4f9; padding-left: 10px;} .testimonial .carousel-indicators li{background: #ddd; border: 1px solid #ccc; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; display: block; height: 9px; margin: 0 0 0 5px; width: 9px; display: inline-block;} .v-testimonial-wrap:not(.v-testimonial-fw) .owl-theme .owl-controls{position: absolute; bottom: 60px; right: 12px;} .v-testimonial-wrap:not(.v-testimonial-fw) .owl-theme .owl-controls .owl-page span{border: 1px solid rgb(31, 31, 31); width: 9px; height: 9px;} .v-testimonial-wrap:not(.v-testimonial-fw) .owl-theme .owl-controls .owl-page.active span{width: 10px; height: 10px; border: 2px solid #777;} .v-testimonial-wrap-v2 .owl-theme .owl-controls{position: absolute; bottom: 14px; right: 15px;} .v-testimonial-wrap-v2 .owl-theme .owl-controls .owl-page span{border: 1px solid rgb(31, 31, 31); width: 9px; height: 9px;} .v-testimonial-wrap-v2 .owl-theme .owl-controls .owl-page.active span{width: 10px; height: 10px; border: 2px solid #777;} .testimonial.fw-carousel-style .owl-theme .owl-controls{margin-top: 0px;} .v-shadow-wrap{z-index: 1; position: relative;} .v-box-shadow{background: #fff; position: relative;} .v-box-shadow:after, .v-box-shadow:before{top: 80%; left: 5px; width: 50%; z-index: -1; content: ""; bottom: 15px; max-width: 300px; background: #999; position: absolute;} .shadow-effect-1{-moz-box-shadow: 0 10px 6px -6px #bbb; -webkit-box-shadow: 0 10px 6px -6px #bbb; box-shadow: 0 10px 6px -6px #bbb;} .shadow-effect-2{position: relative;} .shadow-effect-2:after, .shadow-effect-2:before, .shadow-effect-3:before, .shadow-effect-4:after{-o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -moz-box-shadow: 0 15px 10px #999; -webkit-box-shadow: 0 15px 10px #999; box-shadow: 0 15px 10px #999;} .shadow-effect-2:after, .shadow-effect-4:after{left: auto; right: 5px; -o-transform: rotate(3deg); -ms-transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg);} blockquote.hero{padding: 22px 25px; font-size: 16px; background: #f3f3f3; border-left: solid 2px #25CBF5; margin-bottom: 50px;} .v-tagline-box-v1{border: solid 1px #eee; border-top: solid 2px #25CBF5;} .v-tagline-box-v2{border: solid 1px #eee; border-left: solid 2px #25CBF5;} .v-tagline-box{padding: 20px 30px; background: #fff; margin-bottom: 30px;} .v-tagline-box h1, .v-tagline-box h2, .v-tagline-box h3{margin-top: 5px;} ul.social-icons{height: auto; overflow: hidden; list-style: none!important;} ul.social-icons li{float: left; display: inline-block;} .share-links ul.social-icons li{height: 36px;} ul.social-icons.center li{float: none;} ul.social-icons li:not(.sf-love) a{display: inline-block; padding: 10px; width: 36px; height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative; text-align: center; -moz-transition: all 0.35s; -o-transition: all 0.35s; -webkit-transition: all 0.35s; transition: all 0.35s;} ul.social-icons li:not(.sf-love) a i{display: block; height: 100%; position: relative; top: 1%; -moz-transition: top 0.35s; -o-transition: top 0.35s; -webkit-transition: top 0.35s; transition: top 0.35s; width: 100%; margin-bottom: 30px;} .browser-ie ul.social-icons li a{display: inline-block; padding: 10px; width: 36px; height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative; text-align: center; -moz-transition: all 0.35s; -o-transition: all 0.35s; -webkit-transition: all 0.35s; transition: all 0.35s; color: #222;} .browser-ie ul.social-icons li a i{display: block; height: 100%; position: relative; top: 0%; -moz-transition: top 0.35s; -o-transition: top 0.35s; -webkit-transition: top 0.35s; transition: top 0.35s; width: 100%; margin-bottom: 31px;} ul.social-icons.light li a{color: #fff;} ul.social-icons.dark li a{color: #222;} ul.social-icons li a:hover{color: #fff!important;} ul.social-icons li a:hover i{top: -46px;} ul.social-icons.large li{height: 50px; margin-bottom: 10px;} ul.social-icons.large li a{padding: 14px; width: 50px; height: 50px; line-height: 50px; font-size: 24px;} ul.social-icons.large li a i{margin-top: 0;} ul.social-icons.large li a:hover i{top: -52px;} ul.social-icons li.twitter a:hover{background-color: #00aced;} ul.social-icons li.facebook a:hover{background-color: #3b5998;} ul.social-icons li.googleplus a:hover{background-color: #dd4b39;} ul.social-icons li.youtube a:hover{background-color: #bb0000;} ul.social-icons li.instagram a:hover{background-color: #517fa4;} ul.social-icons li.linkedin a:hover{background-color: #007bb6;} ul.social-icons li.pinterest a:hover{background-color: #cb2027;} ul.social-icons li.foursquare a:hover{background-color: #00aeef;} ul.social-icons li.flickr a:hover{background-color: #ff0084;} ul.social-icons li.tumblr a:hover{background-color: #32506d;} ul.social-icons li.vimeo a:hover{background-color: #aad450;} ul.social-icons li.dribbble a:hover{background-color: #ea4c89;} ul.social-icons li.skype a:hover{background-color: #0078ca;} ul.social-icons li.github a:hover{background-color: #333333;} ul.social-icons li.xing a:hover{background-color: #006567;} ul.social-icons li.mail a:hover{background-color: #666;} ul.social-icons li.page-link a:hover{background-color: #333;} .article-body-wrap .share-links ul li.sf-love > div a.like-info-inner{padding: 9px 0; width: 20px; vertical-align: 0px;} .article-body-wrap .share-links ul li.sf-love a:hover i{top: inherit;} .article-body-wrap .share-links ul li.sf-love > div span.like-count{display: inline; vertical-align: 0px;} ul.social-icons.standard.circle li a{border: 1px solid #666; border-radius: 0 100px 100px; margin-right: 8px;} ul.social-icons.large.circle li a{border: 1px solid #666; border-radius: 0 100px 100px; margin-right: 8px; padding: 13px;} .v-parallax h4.v-heading{border-bottom-color: #000000;} .mobile-browser .v-parallax{background-position: 50% 0!important;} .v-parallax h4.v-heading:before{border: 0;} .v-parallax{padding-top: 80px !important; padding-bottom: 80px !important; overflow: hidden; position: relative; width: 100%; background-attachment: fixed; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center;} .v-parallax.bg-type-pattern{background-repeat: repeat; -moz-background-size: auto; background-size: auto;} .v-parallax.parallax-scroll{background-attachment: scroll;} .v-parallax.parallax-stellar{-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0;} .mobile-browser .v-parallax{background-attachment: scroll!important; background-position: center center!important;} .v-parallax .v-content-wrapper{position: relative; z-index: 5;} .v-parallax.parallax-window-height .v-content-wrapper{top: 50%;} .v-parallax.parallax-window-height .row, .v-parallax.parallax-window-height .container{height: 100%;} .v-parallax-video .v-content-wrapper{position: relative; z-index: 4;} .v-parallax-video.parallax-video-height .v-content-wrapper{top: 55%; opacity: 0;} .v-parallax-video.parallax-window-height .row, .v-parallax-video.parallax-window-height .container{height: 100%;} .mobile-browser .v-parallax .v-content-wrapper{opacity: 1!important; top: 50%!important;} .v-parallax .v-content-wrapper p:last-child{margin-bottom: 0;} .v-parallax-video video{position: absolute; z-index: 2; left: 0; top: 0; min-width: 100%; min-height: 100%;} .v-parallax-video .video-overlay{background-repeat: repeat; background-position: center center; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8;} .v-parallax-video .video-overlay.overlay-striped{background-image: url('/openinside_website/static/src/css/../img/base/video-overlay-1.png');} .v-parallax-video .video-overlay.overlay-colored{background-color: #1488C9; opacity: 0.4;} .v-parallax-video.parallax-video-height .video-overlay{opacity: 0;} .v-overlay-x{background-repeat: repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('/openinside_website/static/src/css/../img/base/overlay-d.png'); background-color: rgba(18,18,18, 0.7 );} .hero{background-position: 0px 0px; background-repeat: repeat-x; -webkit-animation: animatedBackground 60s linear infinite; -moz-animation: animatedBackground 60s linear infinite; -o-animation: animatedBackground 60s linear infinite; animation: animatedBackground 60s linear infinite;} @media screen and (max-width: 1024px){.hero{-webkit-animation: none !important; -moz-animation: none !important; animation: none !important;}} @keyframes animatedBackground{from{background-position: 0 0;}to{background-position: 1920px 0;}} @-webkit-keyframes animatedBackground{from{background-position: 0 0;}to{background-position: 1920px 0;}} @-moz-keyframes animatedBackground{from{background-position: 0 0;}to{background-position: 1920px 0;}} .divider-wrap{margin: 40px 0px;} .v-divider{display: block; border-bottom-width: 1px; margin-bottom: 30px;} .v-divider.v-bg-stylish{border-top: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .v-divider.standard{border-bottom-style: solid; border-bottom-width: 2px;} .v-divider.thin{border-bottom-style: solid;} .v-divider.dotted{border-bottom-style: dotted;} .v-divider.v-up{padding: 0;} .v-divider.v-up a{text-align: right; display: block; text-decoration: none; border-bottom: 1px solid transparent; margin-bottom: 30px; color: #25CBF5; border-color: #e4e4e4;} .v-divider.v-up-v1{position: relative; height: 9px; border-bottom: 1px solid transparent;} .v-divider.v-up-v2{position: relative; height: 10px; border-bottom: 1px solid transparent;} .v-divider.v-up-v1 a, .v-divider.v-up-v2 a{position: absolute; right: 0; display: block; padding: 0 0 0 10px; text-decoration: none; background: #ffffff;} .v-divider.v-up-v2 a i{padding-left: 6px; vertical-align: -1px;} .v-divider, .v-divider.v-up-v1, .v-divider.v-up-v2{border-color: #e4e4e4;} .v-divider-v2{border: 0; margin: 40px 0; height: 4px; border-top: #E4E4E4 1px solid; border-bottom: #E4E4E4 1px solid; text-align: center; position: relative; clear: both; color: #2E363F; width: 50%; margin-left: auto !important; margin-right: auto !important;} .v-divider-v2 i[class*="icon-"], .v-divider-v2 .fa{color: #bbb; background: #f7f7f7; text-align: center; display: inline-block; height: 50px; line-height: 50px; text-align: center; width: 50px; font-size: 30px; position: absolute; top: -25px; left: 50%; margin: 0 auto 0 -25px;} .v-divider-v2 i[class*="icon-"]{top: -20px;} .v-counter{text-align: center; padding: 20px 0; padding-top: 25px;} .v-counter .count-number{font-size: 50px;} .v-counter .count-divider{width: 100%; text-align: center; height: 1px; margin-top: 15px; margin-bottom: 20px;} .v-counter .count-divider span{background: #e4e4e4; width: 0px; height: 1px; display: inline-block;} .v-counter .v-counter-text{opacity: 0; bottom: -15px; position: relative; padding-top: 12px; font-size: 13px;} .v-counter-wrap .v-icon{font-size: 44px; line-height: 45px; height: 45px;} .v-counter h6.v-counter-text{letter-spacing: 1px;} .v-bg-stylish-v5 .v-counter-wrap .v-icon{color: #FFFFFF;} .v-counter-wrap.white .v-icon, .v-counter-wrap.white .count-number, .v-counter-wrap.white .v-counter-text, .v-counter-wrap.white .v-counter-text{color: white;} .v-text-section ul, .v-boxed-content-wrap ul{list-style: disc inside none;} .v-text-section{margin-bottom: 10px;} .v-full-width-text{padding-top: 50px; padding-bottom: 50px; position: relative;} .v-full-width-text:after{position: absolute; left: 50%; margin-left: -20px; content: ""; position: absolute; bottom: -20px; width: 40px; height: 40px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #f7f7f7;} .v-full-width-text a.btn{margin: 0 10px 0px 0 !important;} .v-full-width-text .heading-wrap, .v-parallax .heading-wrap{text-align: center;} .v-full-width-text h4.v-heading, .v-testimonial-slide-widget h4.v-heading, .v-tweets-slide-widget h4.v-heading, .v-parallax h4.v-heading{display: inline-block;} .v-full-width-text h4.v-heading span, .v-testimonial-slide-widget h4.v-heading span, .v-tweets-slide-widget h4.v-heading span, .v-bg-stylish h4.v-heading span, .v-parallax h4.v-heading span{padding: 0 0 5px;} .v-parallax h4.v-heading span{background: transparent;} .v-full-width-text p{margin-bottom: 30px;} .v-full-width-text p:last-child{margin-bottom: 0;} .v-full-width-text .v-wrapper{padding: 0 15px;} .v-boxed-content .v-boxed-content-wrap{-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 30px;} .v-boxed-content .v-boxed-content-wrap p:last-child{margin-bottom: 0;} .v-boxed-content.whitestroke .v-boxed-content-wrap{border: 1px solid transparent; background-color: #fff; border-color: #e4e4e4;} .v-boxed-content.coloured .v-boxed-content-wrap{background: #222222; color: #fff;} .glowframe img{border: 6px solid transparent; -moz-box-shadow: 0 0 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2);} .borderframe img{border: 6px solid transparent; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-color: #eeeeee;} .shadowframe figure{-moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25);} .search-widget{margin-bottom: 0;} .search-widget input{margin: 25px 0; width: 80%; padding: 10px 5% 10px 30px;} .horizontal-break{height: 1px; width: 50px; margin: 20px auto 25px; background-color: #DADADA;} .horizontal-break.left{margin-left: 0px !important;} .horizontal-break.right{margin-right: 0px !important;} .client-box{width: 228px; height: auto; background-color: #fafafa; background-position: center center; background-repeat: no-repeat; float: left; margin: 0 2px 7px 5px;} .client-box img{width: 100%; height: auto; display: block;} span.highlighted{padding: 1px 3px; border-radius: 1px; margin-right: 2px; color: #fff; background-color: #25CBF5 !important;} span.dropcap1, span.dropcap2{float: left; padding: 11px 0px 9px; margin-right: 8px; font-size: 46px; font-style: normal;} span.dropcap2{color: #25CBF5;} span.dropcap3, span.dropcap4{float: left; font-style: normal; font-size: 18px; padding: 6px 10px 6px 11px; margin: 4px 10px 2px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} span.dropcap3{background: #000; color: #fff;} span.dropcap4{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #25CBF5 !important; color: #ffffff;} blockquote{border-left: 0; padding: 10px 0;} blockquote, blockquote p{font-size: 15px; line-height: 24px; font-style: italic;} blockquote.blockquote1, blockquote.blockquote1 p{font-size: 12px; line-height: 18px;} blockquote.blockquote2, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p{font-size: 13px; line-height: 22px;} blockquote.pullquote{border-left: 2px solid transparent; padding: 0 0 0 20px; border-color: #25CBF5; margin-left: 25px;} .decorative-ampersand{font-family: 'Vidaloka', serif; font-size: 24px;} .v-list{margin-left: 0; list-style: none!important;} .v-list li{padding: 2px 0; line-height: 182%;} .v-list li i{margin-right: 10px; width: 10px; color: #25CBF5;} .v-list-v2{margin-left: 0; list-style: none!important;} .v-list-v2 li{padding: 7px 0; line-height: 185%; border-bottom: 1px solid rgb(240, 240, 240);} .v-list-v2 li i{margin-right: 8px; width: 13px; color: #25CBF5;} .v-list h3{display: inline-block; margin-bottom: 6px;} .progress{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 7px; background: #FAFAFA; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10) inset; overflow: visible;} .progress-bar{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .progress-bar-primary{background-color: #25CBF5;} span.progress-bar-tooltip{position: absolute; padding: 3px 5px; padding-top: 2px; background-color: #333; color: #FFF; line-height: 15px; font-size: 11px; display: block; top: -28px; right: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; filter: alpha(opacity=0); opacity: 0;} span.progress-bar-tooltip:after{border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0;} .progress-label{margin-bottom: 2px;} .v-circle-chart{position: relative; text-align: center; overflow: hidden; margin-left: auto; margin-right: auto;} .v-circle-chart.chart-center{margin: 0 auto;} .v-circle-chart canvas{position: absolute; top: 0; left: 0;} .v-circle-chart span{font-size: 14px; vertical-align: -1px;} .v-circle-chart.chart-70 span i[class*="icon-"]{vertical-align: -2px;} .v-circle-chart.v-circle-x span i[class*="icon-"]{vertical-align: -2px;} .v-circle-chart.v-circle-x span{font-size: 36px; vertical-align: 0px;} 

/* /website_form/static/src/less/website_form.less defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: flex; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .control-label:after, .o_website_form_required_custom .control-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /web/static/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css defined in bundle 'web.assets_frontend' */
 .bootstrap-datetimepicker-widget{top: 0; left: 0; width: 250px; padding: 4px; margin-top: 1px; z-index: 99999 !important; border-radius: 4px;} .bootstrap-datetimepicker-widget.timepicker-sbs{width: 600px;} .bootstrap-datetimepicker-widget.bottom:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 7px;} .bootstrap-datetimepicker-widget.bottom:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 8px;} .bootstrap-datetimepicker-widget.top:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 6px;} .bootstrap-datetimepicker-widget.top:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; position: absolute; bottom: -6px; left: 7px;} .bootstrap-datetimepicker-widget .dow{width: 14.2857%;} .bootstrap-datetimepicker-widget.pull-right:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.pull-right:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget > ul{list-style-type: none; margin: 0;} .bootstrap-datetimepicker-widget a[data-action]{padding: 6px 0;} .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{width: 54px; font-weight: bold; font-size: 1.2em; margin: 0;} .bootstrap-datetimepicker-widget button[data-action]{padding: 6px;} .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width: 4px; padding: 0; margin: 0;} .bootstrap-datetimepicker-widget .datepicker > div{display: none;} .bootstrap-datetimepicker-widget .picker-switch{text-align: center;} .bootstrap-datetimepicker-widget table{width: 100%; margin: 0;} .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th{text-align: center; border-radius: 4px;} .bootstrap-datetimepicker-widget td{height: 54px; line-height: 54px; width: 54px;} .bootstrap-datetimepicker-widget td.cw{font-size: 10px; height: 20px; line-height: 20px;} .bootstrap-datetimepicker-widget td.day{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover{background: #eeeeee; cursor: pointer;} .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new{color: #777777;} .bootstrap-datetimepicker-widget td.today{position: relative;} .bootstrap-datetimepicker-widget td.today:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color: #fff;} .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget td span{display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px;} .bootstrap-datetimepicker-widget td span:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget td span.active{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td span.old{color: #777777;} .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget th{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget th.picker-switch{width: 145px;} .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev{font-size: 21px;} .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget thead tr:first-child th{cursor: pointer;} .bootstrap-datetimepicker-widget thead tr:first-child th:hover{background: #eeeeee;} .input-group.date .input-group-addon span{display: block; cursor: pointer; width: 16px; height: 16px;} .bootstrap-datetimepicker-widget.left-oriented:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.left-oriented:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td{padding: 0px !important;} @media screen and (max-width: 767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width: 283px;}}