@media (max-width: 767px){#oe_main_menu_navbar .o_menu_systray a[data-action="edit"], #oe_main_menu_navbar .o_menu_systray a[data-action="translate"], #oe_main_menu_navbar .o_menu_systray a[data-action="edit"]:hover, #oe_main_menu_navbar .o_menu_systray a[data-action="translate"]:hover, #oe_main_menu_navbar .o_menu_systray a[data-action="edit"]:focus, #oe_main_menu_navbar .o_menu_systray a[data-action="translate"]:focus{outline: none;}} #oe_main_menu_navbar .o_menu_systray a > .fa-plus, #oe_main_menu_navbar .o_menu_systray a > .fa-pencil{margin-right: 7.5px;} #oe_main_menu_navbar .o_menu_systray .o_mobile_preview a{text-align: center; font-size: 20px;} 

/* /website/static/src/less/website.ui.components.less defined in bundle 'web.assets_frontend' */
 body .modal.o_website_modal{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.42857143; color: #33363e; background: 0;} body .modal.o_website_modal .text-muted{color: #999999;} body .modal.o_website_modal h1, body .modal.o_website_modal h2, body .modal.o_website_modal h3, body .modal.o_website_modal h4, body .modal.o_website_modal h5, body .modal.o_website_modal h6, body .modal.o_website_modal .h1, body .modal.o_website_modal .h2, body .modal.o_website_modal .h3, body .modal.o_website_modal .h4, body .modal.o_website_modal .h5, body .modal.o_website_modal .h6{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.42857143; color: #2c2c36; font-weight: bold;} body .modal.o_website_modal .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;} body .modal.o_website_modal a:not(.o_btn_preview){color: #7c7bad;} body .modal.o_website_modal a:not(.o_btn_preview):focus, body .modal.o_website_modal a:not(.o_btn_preview):active, body .modal.o_website_modal a:not(.o_btn_preview):focus:active{outline: none!important;} body .modal.o_website_modal .btn:not(.o_btn_preview){border-width: 1px; font-weight: normal; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #7c7bad; border-color: #6c6ba3; text-transform: uppercase;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #5f5e97; border-color: #373758;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:hover{color: white; background-color: #5f5e97; border-color: #515081;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #5f5e97; border-color: #515081;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #515081; border-color: #373758;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #5f5e97; border-color: #373758;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:hover{color: white; background-color: #5f5e97; border-color: #515081;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #5f5e97; border-color: #515081;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #515081; border-color: #373758;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: white; border-color: #d4d5d7; text-transform: uppercase;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #e6e6e6; border-color: #92949a;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:hover{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #d4d4d4; border-color: #92949a;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active{background-color: white; border-color: #d4d5d7;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default .badge{color: white; background-color: #7c7bad;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #e6e6e6; border-color: #92949a;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:hover{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #d4d4d4; border-color: #92949a;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-default{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default.active{background-color: white; border-color: #d4d5d7;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-default .badge{color: white; background-color: #7c7bad;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-link{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success{color: white; background-color: #40ad67; border-color: #399a5c;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #328851; border-color: #173d25;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:hover{color: white; background-color: #328851; border-color: #296e41;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success{color: white; background-color: #328851; border-color: #296e41;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #296e41; border-color: #173d25;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #328851; border-color: #173d25;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:hover{color: white; background-color: #328851; border-color: #296e41;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success{color: white; background-color: #328851; border-color: #296e41;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #296e41; border-color: #173d25;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-success{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info{color: white; background-color: #6999a8; border-color: #5b8d9d;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #517e8d; border-color: #2c444c;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:hover{color: white; background-color: #517e8d; border-color: #446a76;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info{color: white; background-color: #517e8d; border-color: #446a76;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #446a76; border-color: #2c444c;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #517e8d; border-color: #2c444c;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:hover{color: white; background-color: #517e8d; border-color: #446a76;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info{color: white; background-color: #517e8d; border-color: #446a76;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #446a76; border-color: #2c444c;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-info{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #f0ad4e; border-color: #eea236;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #ec971f; border-color: #985f0d;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:hover{color: white; background-color: #ec971f; border-color: #d58512;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #ec971f; border-color: #d58512;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #d58512; border-color: #985f0d;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #ec971f; border-color: #985f0d;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:hover{color: white; background-color: #ec971f; border-color: #d58512;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #ec971f; border-color: #d58512;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #d58512; border-color: #985f0d;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #e6586c; border-color: #e34258;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #df2c45; border-color: #901527;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:hover{color: white; background-color: #df2c45; border-color: #c91e36;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #df2c45; border-color: #c91e36;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #c91e36; border-color: #901527;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #df2c45; border-color: #901527;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:hover{color: white; background-color: #df2c45; border-color: #c91e36;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #df2c45; border-color: #c91e36;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #c91e36; border-color: #901527;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger{background-image: none;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.focus, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.disabled.active, body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: white;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} body .modal.o_website_modal .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} body .modal.o_website_modal .well{padding: 19px; margin-bottom: 20px; background-color: #fbfbfd; border: 1px solid #eaeaf5; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;} body .modal.o_website_modal .modal-content{border-radius: 0; background-color: #fbfbfd;} body .modal.o_website_modal .modal-content .modal-body{background-color: white;} body .modal.o_website_modal .modal-content .modal-footer{text-align: left;} body .modal.o_website_modal .modal-content .modal-header .o_subtitle{margin-left: 10px;} body .modal.o_website_modal .modal-content .modal-body .o_modal_header{padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px;} body .modal.o_website_modal .modal-content .modal-body .o_modal_header:before, body .modal.o_website_modal .modal-content .modal-body .o_modal_header:after{content: " "; display: table;} body .modal.o_website_modal .modal-content .modal-body .o_modal_header:after{clear: both;} body .modal.o_website_modal .modal-content .modal-body .o_modal_header:before, body .modal.o_website_modal .modal-content .modal-body .o_modal_header:after{content: " "; display: table;} body .modal.o_website_modal .modal-content .modal-body .o_modal_header:after{clear: both;} @media (min-width: 768px){body .modal.o_website_modal .modal-dialog{height: 100%; padding: 30px 0; margin: 0 auto;}body .modal.o_website_modal .modal-dialog .modal-content{max-height: 100%; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap;}body .modal.o_website_modal .modal-dialog .modal-content .modal-header, body .modal.o_website_modal .modal-dialog .modal-content .modal-footer{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}body .modal.o_website_modal .modal-dialog .modal-content .modal-body{overflow: auto;}} body .modal.oe_mobile_preview{text-align: center;} body .modal.oe_mobile_preview .modal-dialog{display: inline-block; width: auto;} body .modal.oe_mobile_preview .modal-dialog .close{color: lightgray; opacity: 1; font-size: 25px; font-weight: normal;} body .modal.oe_mobile_preview .modal-dialog .modal-content{background-color: black!important; border: 3px outset gray; border-radius: 20px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header{border: none; cursor: pointer; font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4{color: lightgray; font-family: inherit; font-weight: normal;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4 .fa{margin-left: 15px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body{background-color: inherit!important; border-radius: 20px; padding: 15px; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; width: 335px; height: 530px; -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body.o_invert_orientation{width: 545px; height: 320px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body > iframe{display: block; width: 100%; border: none;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-footer{display: none;} body .modal#o_website_add_page_modal{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} body .modal#o_website_add_page_modal.in{display: -ms-flexbox !important; display: -moz-box !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;} body .modal#o_website_add_page_modal .modal-dialog{width: auto; max-width: 60%; max-height: 100%;} body .modal#o_website_add_page_modal .modal-dialog ul{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -moz-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; margin: 0; padding: 0; list-style: none;} body .modal#o_website_add_page_modal .modal-dialog ul li{display: block; opacity: 0; -webkit-animation: fadeInDownSmall 1s forwards; -o-animation: fadeInDownSmall 1s forwards; animation: fadeInDownSmall 1s forwards; margin: 2em 32px; padding: 0 15px;} body .modal#o_website_add_page_modal .modal-dialog ul li a{display: block; font-size: 34px; margin: auto; text-align: center;} body .modal#o_website_add_page_modal .modal-dialog ul li a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;} body .modal#o_website_add_page_modal .modal-dialog ul li a p{color: white; margin-top: 0.7em; font-size: 0.5em;} body .modal#o_website_add_page_modal .modal-dialog ul li a:hover, body .modal#o_website_add_page_modal .modal-dialog ul li a:focus{text-decoration: none;} body .modal#o_website_add_page_modal .modal-dialog ul li a:hover i, body .modal#o_website_add_page_modal .modal-dialog ul li a:focus i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);} body .modal#o_website_add_page_modal ~ .modal-backdrop{opacity: 0.8;} body .modal.oe_seo_configuration li.oe_seo_preview_g{line-height: 1.2; font-size: small; font-family: arial, sans-serif;} body .modal.oe_seo_configuration li.oe_seo_preview_g h3{font-size: medium;} body .modal.oe_seo_configuration li.oe_seo_preview_g .r{margin: 0; font-size: 16px; font-style: normal; font-weight: normal; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;} body .modal.oe_seo_configuration li.oe_seo_preview_g .r a{color: #1e0fbe; text-decoration: underline; text-transform: none;} body .modal.oe_seo_configuration li.oe_seo_preview_g .r a em{font-style: normal !important;} body .modal.oe_seo_configuration li.oe_seo_preview_g .s{color: #444; max-width: 42em;} body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g, body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .st{line-height: 1.24;} body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .kv, body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .slp{display: block; margin-bottom: 1px;} body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .f{color: #666; margin-bottom: 1px;} body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .f cite{color: #006621; font-style: normal; font-size: 14px;} @media (min-width: 768px){body .modal.oe_seo_configuration .dl-horizontal dt{min-width: 160px; width: auto;}} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;} #theme_error{background: #ffc;} #theme_customize_modal{overflow: visible; z-index: 1020; display: block;} #theme_customize_modal .modal-dialog{position: absolute; top: 44px; left: auto; bottom: auto; right: 10px; width: auto; margin: 0; font-family: Roboto;} #theme_customize_modal .loading_backdrop{display: none;} #theme_customize_modal.loading .loading_backdrop{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: black; opacity: 0.3; z-index: 1;} #theme_customize_modal label{display: block; text-align: center;} #theme_customize_modal label > div, #theme_customize_modal label > img{border: 1px solid #fff; line-height: 30px; font-size: 0.9em; margin: 2px 4px;} #theme_customize_modal label.checked > div, #theme_customize_modal label.checked > img{box-shadow: 2px 2px 3px #888; border: 1px solid #666;} #theme_customize_modal label img{width: 60px; height: 35px; margin: 2px; border: 1px solid rgba(136, 136, 136, 0.5);} #theme_customize_modal label input{display: none;} .o_ace_view_editor{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.42857143; color: #33363e; position: absolute; top: 34px; left: auto; bottom: 0; right: 0; position: fixed; z-index: 1001;} .o_ace_view_editor .text-muted{color: #999999;} .o_ace_view_editor .btn:not(.o_btn_preview){border-width: 1px; font-weight: normal; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #7c7bad; border-color: #6c6ba3; text-transform: uppercase;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #5f5e97; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: white; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #515081; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #5f5e97; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: white; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #515081; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: white; border-color: #d4d5d7; text-transform: uppercase;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #e6e6e6; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #d4d4d4; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active{background-color: white; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default .badge{color: white; background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #e6e6e6; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #d4d4d4; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active{background-color: white; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default .badge{color: white; background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: white; background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: white; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: white; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: white; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: white; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: white; background-color: #6999a8; border-color: #5b8d9d;} .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-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; position: relative; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);} .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 .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;} 

/* /theme_bootswatch/static/src/less/cerulean/bootswatch.less defined in bundle 'web.assets_frontend' */
 .navbar{background-image: -webkit-linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-image: -o-linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-image: linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0); border-bottom: 1px solid #178acc; filter: none; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);} .navbar-default .badge{background-color: #fff; color: #2FA4E7;} .navbar-inverse{background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769); background-image: -o-linear-gradient(#04519b, #044687 60%, #033769); background-image: linear-gradient(#04519b, #044687 60%, #033769); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0); filter: none; border-bottom: 1px solid #022241;} .navbar-inverse .badge{background-color: #fff; color: #033C73;} .navbar .navbar-nav > li > a, .navbar-brand{text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);} @media (max-width: 767px){.navbar .dropdown-header{color: #fff;}} .btn{text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);} .btn .caret{border-top-color: #fff;} .btn-default{background-image: -webkit-linear-gradient(#ffffff, #fff 60%, #f5f5f5); background-image: -o-linear-gradient(#ffffff, #fff 60%, #f5f5f5); background-image: linear-gradient(#ffffff, #fff 60%, #f5f5f5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0); filter: none; border-bottom: 1px solid #e6e6e6;} .btn-default:hover{color: #555555;} .btn-default .caret{border-top-color: #555555;} .btn-default{background-image: -webkit-linear-gradient(#ffffff, #fff 60%, #f5f5f5); background-image: -o-linear-gradient(#ffffff, #fff 60%, #f5f5f5); background-image: linear-gradient(#ffffff, #fff 60%, #f5f5f5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0); filter: none; border-bottom: 1px solid #e6e6e6;} .btn-primary{background-image: -webkit-linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-image: -o-linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-image: linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0); filter: none; border-bottom: 1px solid #178acc;} .btn-success{background-image: -webkit-linear-gradient(#88c149, #73A839 60%, #699934); background-image: -o-linear-gradient(#88c149, #73A839 60%, #699934); background-image: linear-gradient(#88c149, #73A839 60%, #699934); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff88c149', endColorstr='#ff699934', GradientType=0); filter: none; border-bottom: 1px solid #59822c;} .btn-info{background-image: -webkit-linear-gradient(#04519b, #033C73 60%, #02325f); background-image: -o-linear-gradient(#04519b, #033C73 60%, #02325f); background-image: linear-gradient(#04519b, #033C73 60%, #02325f); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff02325f', GradientType=0); filter: none; border-bottom: 1px solid #022241;} .btn-warning{background-image: -webkit-linear-gradient(#ff6707, #DD5600 60%, #c94e00); background-image: -o-linear-gradient(#ff6707, #DD5600 60%, #c94e00); background-image: linear-gradient(#ff6707, #DD5600 60%, #c94e00); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6707', endColorstr='#ffc94e00', GradientType=0); filter: none; border-bottom: 1px solid #aa4200;} .btn-danger{background-image: -webkit-linear-gradient(#e12b31, #C71C22 60%, #b5191f); background-image: -o-linear-gradient(#e12b31, #C71C22 60%, #b5191f); background-image: linear-gradient(#e12b31, #C71C22 60%, #b5191f); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe12b31', endColorstr='#ffb5191f', GradientType=0); filter: none; border-bottom: 1px solid #9a161a;} .panel-primary .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading, .panel-info .panel-heading, .panel-primary .panel-title, .panel-success .panel-title, .panel-warning .panel-title, .panel-danger .panel-title, .panel-info .panel-title{color: #fff;} 

/* /theme_bootswatch/static/src/less/cerulean/variables.less defined in bundle 'web.assets_frontend' */


/* /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;} 

/* /shc_website/static/src/css/style.css defined in bundle 'web.assets_frontend' */
      html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: normal 15px verdana, arial, helvetica, sans-serif; color: #353a48; overflow-y: scroll; line-height: 24px;} .bboxed{background-image: url(/shc_website/static/src/css/assets/img/patterns/bg13.png); background-repeat: repeat;} .boxed, .boxed-2{position: relative; width: 1200px; margin: 0 auto; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);} .boxed-2{margin-top: 40px; margin-bottom: 40px;} .loader{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url(/shc_website/static/src/css/assets/img/icons/loader.svg) no-repeat center center #fe9d68; background-size: 60px;} .full-section{padding: 10px 0;} .full-section .section-description{text-align: center; color: #353a48; max-width: 770px; margin: auto;} .full-section .section-content{margin: 20px 0;} .fancy-shadow{box-shadow: 0 1px 1px rgba(0, 0, 0, .1); position: relative;} .btn{font: bold 13px verdana, arial, helvetica, sans-serif; display: inline-block; height: 29px; line-height: 29px; color: #fff; padding: 0 15px; border-radius: 4px; margin-right: 17px; background-color: #383c4b;} .btn.orange-btn{background-color: #fe9d68;} .grad-btn, .course-search.alt .container, .post-type-icon{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;} a.btn:hover{opacity: .7;} p{font: normal 15px verdana, arial, helvetica, sans-serif;} h2.slide-title, h3.section-title, h3.course-title, h3.post-title, h4.cat-title, h4.accordion-header, h5.feature-title, h6.head-title, h4.title, h6.widget-title, .site-name{text-align: center; font-weight: 700;} h2.slide-title{font-size: 40px; font-weight: bold; line-height: 45px; text-transform: uppercase;} h3.section-title{font-size: 25px; line-height: 50px; color: #fe9d68;} h3.course-title, h3.blogpost-title, h3.single-title{font-size: 18px; font-weight: bold; line-height: 32px;} h3.post-title{font-size: 16px;} h4.cat-title{font-size: 16px; line-height: 46px;} h4.accordion-header{font-size: 14px; color: #5a5e6a;} h4.footer-course-title{font-size: 14px; line-height: 14px;} h5.feature-title{font-size: 13px; line-height: 25px; color: #fe9d68; margin:0 !important;text-align:left;} h6.head-title{font-size: 20px; line-height: 24px; color: #383c4b;} h6.widget-title{font-size: 16px; line-height: 30px; color: #fff;} h2.about-title{font-size: 18px; color: #fa9964; font-weight: bold; margin-bottom: 22px;} h5.sidebar-widget-title, h5.contact-title{font-size: 18px; font-weight: bold;} h1.h1-title, h2.h2-title, h3.h3-title, h4.h4-title, h5.h5-title, h6.h6-title{color: #fe9d68; font-weight: bold; margin-bottom: 5px;} h1.h1-title{font-size: 32px;} h2.h2-title{font-size: 28px;} h3.h3-title{font-size: 25px;} h4.h4-title{font-size: 22px;} h5.h5-title{font-size: 18px;} h6.h6-title{font-size: 14px;} .row-title{font-size: 20px; font-weight: bold; color: #fe9d68; margin-bottom: 10px;} header{height: 100px; position: absolute; left: 0; top: 0; width: 100%; z-index: 30;} header .logo-container{padding-top: 30px;} header .logo-container img{width: 40px;} header .logo-container .site-name{font-size: 28px; color: #fff; font-style: italic; margin-left: 15px; font-family: 'Lato', Arial, sans-serif;} header .logo-container .site-name span{color: #fe9d68;} header .logo-container .slogan{font-size: 12px; margin-left: 3px; color: #a9abb0;} header.alt{position: relative; background: #fafafa;} header.alt .logo-container .site-name{color: #383c4b;} header.static-header, .sidebar .sidebar-widget .post-item .read-more{border-bottom: 1px solid #dbdbdb; background-image: -webkit-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -moz-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -ms-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -o-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: linear-gradient(90deg, #f7f7f7 0%, #fff 100%);} header.static-header{position: static;} .top-bar{height: 40px; background: #f5f5f5; border-bottom: 1px solid #e6e6e7; overflow: hidden;} .top-bar .top-Social-icons ul li{float: left; margin-right: 7px; padding-top: 8px;} .top-bar .top-Social-icons ul li a{display: block; border-radius: 2px; border: 1px solid #e6e6e6; width: 25px; height: 25px; line-height: 25px; font-size: 15px; text-align: center; color: #a9abb0;} .top-bar .top-Social-icons ul li a:hover{background: #fe9d68; color: #fff; border: 0;} .top-bar .top-contact li{line-height: 40px;} .top-bar .top-contact li i{font-size: 15px; color: #fe9d68; margin-right: 10px;} .top-bar .top-contact li.divider{margin: 0 12px 0 9px;} .top-bar .top-contact li i.fa-phone{vertical-align: middle;} .top-bar .top-contact li .text, .top-bar .top-contact li .text a{color: #a9abb0;} .top-bar .top-contact li .text a:hover{color: #fe9d68; text-decoration: underline;} header > .container{position: relative;} header .main-navigation > ul > li{float: left; margin-right: 17px; position: relative;} header .main-navigation > ul > li:last-child{margin: 0;} header .main-navigation > ul > li:last-child a{padding-right: 0;} header .main-navigation > ul > li > a{color: #fff; font-size: 14px; font-weight: bold; line-height: 100px; padding: 0 10px; display: block; position: relative;} header .main-navigation > ul > li > a:focus{outline: 0;} header .main-navigation > ul > li.login > a span{background: #fe9d68; padding: 5px 10px; border-radius: 3px; box-shadow: none;} header .main-navigation ul li.current_page_item a, header .main-navigation ul li a:hover, header.alt .main-navigation ul li.current_page_item a, header.alt .main-navigation ul li a:hover, header .main-navigation li.parent-item ul.submenu li:hover > a{} header.alt .main-navigation > ul > li.login > a{color: #fff;} header .main-navigation > ul > li.login > a:hover{color: #383c4b;} header.alt .main-navigation > ul > li.login > a:hover span{background: #383c4b; color: #fff;} header.alt .main-navigation > ul > li.login:after{display: none;} header.alt .main-navigation > ul > li:after, header.alt .main-navigation > ul > li.courses-menu > a:after{content: ''; background: #fe9d68; display: block; position: absolute; z-index: 1; left: 0; top: 110px; height: 3px; width: 100%; opacity: 0; visibility: hidden;} header.alt .main-navigation > ul > li:hover:after, header.alt .main-navigation > ul > li.current_page_item:after, header.alt .main-navigation > ul > li.courses-menu:hover a:after{top: 100%; opacity: 1; visibility: visible;} header.alt .main-navigation > ul > li > a{color: #4b4f5c;} header .main-navigation li.parent-item ul.submenu, header .main-navigation li.courses-menu ul, header .main-navigation li.parent-item ul.submenu ul{position: absolute; left: 11px; top: 80px; z-index: 2; min-width: 200px; background: #fafafa; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); border-top: 3px solid #fe9d68; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;} header.alt .main-navigation li.parent-item ul.submenu{left: 0; top: 100%;} header .main-navigation li.parent-item ul.submenu ul{left: 100%; top: -3px; overflow: hidden; border-left: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu ul.left-submenu{left: auto; right: 100%; border-left: 0; border-right: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu li a{position: relative; display: block; color: #333; padding: 11px 20px; border-bottom: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu li.haschild, header .mobile-navigation .mobile-container li.haschild{position: relative;} header .main-navigation li.parent-item ul.submenu li.haschild > a:after, header .mobile-navigation .mobile-container li.haschild > a:after{content: '\f107'; font: normal normal normal 14px/1 "FontAwesome"; float: right;} header .main-navigation li.parent-item ul.submenu li:hover > a{background: #fe9d68;} header .main-navigation li.parent-item:hover ul.submenu, header .main-navigation li.courses-menu:hover ul, header .main-navigation li.parent-item ul.submenu li.haschild:hover ul{opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} header .main-navigation > ul > li.courses-menu:after{display: none;} header .main-navigation li.courses-menu{} header .main-navigation li.courses-menu ul{background: rgba(0, 0, 0, .1); left: 0; top: 100%; width: 100%; padding-bottom: 3px; border-radius: 0 0 5px 5px; border-top: none; box-shadow: none;} #home header .main-navigation li.courses-menu ul, #home-2 header .main-navigation li.courses-menu ul, #home-3 header .main-navigation li.courses-menu ul, #home-4 header .main-navigation li.courses-menu ul, #home-5 header .main-navigation li.courses-menu ul, #home-6 header .main-navigation li.courses-menu ul, #home-7 header .main-navigation li.courses-menu ul{background: none; padding-bottom: 0; border-radius: 0;} header .main-navigation li.courses-menu li .single-item{background: #f3f3f3; border-radius: 2px; overflow: hidden; padding: 20px; margin-bottom: 30px;} header.alt .main-navigation li.courses-menu li .single-item{margin-top: 30px; margin-bottom: 0;} header .main-navigation li.courses-menu li .single-item .item-icon{background: #fe9d68; display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 2px; color: #fff; font-size: 18px; text-align: center; float: left; margin-right: 9px;} header .main-navigation li.courses-menu li .single-item a{display: block; color: #fe9d68; font-weight: bold; font-size: 14px; margin: -3px 0 7px 0;} header .main-navigation li.courses-menu li .single-item a:hover{color: #383c4b;} header .main-navigation li.courses-menu li .single-item .courses-num{color: #383c4b;} .mobile-navigation, .mobile-navigation .mobile-btn, .mobile-navigation .mobile-container{display: none;} .mobile-navigation{margin-top: 38px; cursor: pointer;} .mobile-navigation .mobile-btn{position: relative; display: block; height: 26px; width: 35px; padding-top: 10px;} .mobile-navigation .mobile-btn span, .mobile-navigation .mobile-btn span:before, .mobile-navigation .mobile-btn span:after{content: ""; position: absolute; display: block; width: 30px; height: 4px; border-radius: 1px; background: #fff; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} header.alt .mobile-navigation .mobile-btn span, header.alt .mobile-navigation .mobile-btn span:before, header.alt .mobile-navigation .mobile-btn span:after{background: #383c4b; border-radius: 2px;} .mobile-navigation .mobile-btn span:before{top: -10px;} .mobile-navigation .mobile-btn span:after{bottom: -10px;} .mobile-navigation .mobile-btn.show-menu span{background-color: transparent;} .mobile-navigation .mobile-btn.show-menu span:before{top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .mobile-navigation .mobile-btn.show-menu span:after{top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);} .mobile-navigation .mobile-container{background: #fff; position: absolute; left: 0; top: 100px; width: 100%; z-index: 999;} .mobile-navigation .mobile-container li.parent-item a{display: block; color: #a9abb0; padding: 10px 20px; border-bottom: 1px solid #e6e6e7;} .mobile-navigation .mobile-container li.parent-item a:hover{background: #f4f4f4; color: #fe9d68;} .mobile-navigation .mobile-container li.current_page_item > a{color: #fe9d68;} .mobile-navigation .mobile-container li.parent-item a span{background: none; box-shadow: none;} .mobile-navigation .mobile-container li.haschild > ul{display: none;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a{padding-left: 40px;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > ul > li > a{padding-left: 60px;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a:after{margin-right: 10px;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item{padding: 0; width: 50%; float: left; border-right: 1px solid #e6e6e7;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item .item-icon{visibility: hidden; float: left; width: 40px;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item .courses-num{display: none;} .tp-banner-container{width: 100%; position: relative; padding: 0;} .tp-banner, .fullscreen{width: 100%; position: relative; padding: 25px 0;} .tp-banner > ul li:after, .fullscreen > ul li:after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 21; background: rgba(47, 51, 66, .9);} .tp-banner > ul li .tp-caption, .fullscreen > ul li .tp-caption{z-index: 22 !important;} .tp-banner > ul li .slide-title, .fullscreen > ul li .slide-title{color: #fff; position: relative; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);} .tp-banner ul li .slide-title:after, .fullscreen ul li .slide-title:after{content: ""; display: block; width: 30px; height: 3px; margin-left: -15px; position: absolute; left: 50%; bottom: -25px;} .tp-banner ul li .slide-description, .fullscreen ul li .slide-description{position: relative; font-size: 25px; line-height: 24px; color: #a9abb0; margin-top: 37px; text-align: center; max-width: 950px;} .slider-overlay:after{content: ''; background: rgba(0, 0, 0, .5); display: block; position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%;} .onepage .slider-overlay:after{display: none;} .mobile_nav-open .tp-banner-container, .mobile_nav-open .tp-banner, .modal-open .tp-banner-container, .modal-open .tp-banner{z-index: -1;} .course-search{position: relative; background: #fff; height: 98px; line-height: 98px;} .select-time, .select-category, .select-country{margin-right: 11px;} .course-search:before{content: '\f002'; font: normal normal normal 18px/1 "FontAwesome"; display: block; background: #fff; width: 80px; height: 36px; position: absolute; left: 50%; top: -36px; z-index: 20; line-height: 36px; margin-left: -40px; color: #a9abb0; text-align: center; border-radius: 2px 2px 0 0;} .course-search #course-name{width: 490px; height: 38px; border-radius: 2px; font-style: italic; font-size: 13px; padding-left: 9px; margin-right: 10px; border: 1px solid rgba(222, 222, 222, .8);} .course-search #search-btn, .comments-list li .author .reply a, .comment-form .input .submit-input, .contact-form .input .submit-input{background-color: #383c4b; height: 38px; padding: 0 15px; border-radius: 2px; color: #fff; font-size: 14px; font-weight: bold;} .course-search #search-btn:hover, .comment-form .input .submit-input:hover, .contact-form .input .submit-input:hover{background-color: #fe9d68;} .features-section{background: #f5f5f5; text-align: center;} .features-section.white-bg{background: #fff;} .features-section .icon img{width: 64px;} .features-section .feature-title{margin: 10px 0 -2px;} .features-section .feature-box:hover .icon img{-webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px);} .features-section .feature-box.alt:hover .icon img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .instructors-section{position: relative; background: #fff; text-align: center; border-top: 1px solid rgba(0, 0, 0, .05);} .instructors-section .avatar img{border-radius: 3px 3px 0 0;} .instructors-section .instructor-info{background: #f5f5f5; border-radius: 0 0 3px 3px; padding: 27px 0 30px;} .instructors-section .instructor-info .name{font-size: 17px; font-weight: bold; margin-bottom: 11px;} .instructor-info .position{font-size: 12px; color: #5a5e6a; display: block; margin-bottom: 26px;} .instructors-section .instructor-info .Social-icons li{display: inline-block; vertical-align: top; margin-right: 7px;} .instructors-section .instructor-info .Social-icons li a{display: block; width: 34px; height: 34px; line-height: 34px; font-size: 14px; color: #a9abb0; border-radius: 2px;} .instructors-section .instructor-info .Social-icons li a:hover{background: #fe9d68; color: #fff;} .instructor.alt .details{border-top: 3px solid #fff; padding: 10px;} .instructor.alt .details .read-more{display: block; background: #fe9d68; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 600; padding: 0 7px; margin-right: 10px; height: 29px; line-height: 29px;} .instructor.alt .details .read-more:hover{background: #383c4b; color: #fff;} .instructor.alt .details .rating{background: #c8c9cc; border-radius: 3px; padding: 0 10px; unicode-bidi: bidi-override; direction: rtl; font-size: 15px; height: 29px; line-height: 29px;} .instructor.alt .details .rating span.star{font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block;} .instructor.alt .details .rating span.star:hover{cursor: pointer;} .instructor.alt .details .rating span.star:before{content: "\f005"; color: #383c4b; padding-right: 1px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;} .instructor.alt .details .rating span.star:hover:before, .instructor.alt .details .rating span.star:hover ~ span.star:before{content: "\f005"; color: #fff;} .instructor.alt .details .rating .result{color: #fff; font-size: 12px; font-weight: 600; display: inline-block; float: right; line-height: inherit; margin-left: 12px;} .instructors-section.alt{padding-bottom: 70px;} .instructor.alt{background: #efefef; border-radius: 3px; overflow: hidden; padding-top: 9px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); margin-bottom: 30px;} .instructor.alt .avatar{float: left; border-radius: 50%; overflow: hidden; box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); border: 3px solid #fff; margin: 0 10px 2px 10px;} .instructor.alt .instructor-info{background: none; padding: 0; float: left; text-align: left;} .instructor.alt .instructor-info .name{font-size: 15px; margin-top: 13px; margin-bottom: 5px; font-weight: bold;} .instructors-page{padding: 100px 0 70px; background: #f5f5f5;} .instructors-page .instructor{margin-bottom: 30px;} .instructors-page .instructor-info{background: #fff;} .latest-courses-section{background: #f5f5f5; text-align: center;} .latest-courses-section .latest-courses-content{margin-top: 50px;} .latest-courses-section .course{position: relative; background: #fff; padding-bottom: 23px; margin: 4px 0 3px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .latest-courses-section .course .featured-badge{width: 86px; height: 86px; background: url(/shc_website/static/src/css/assets/img/icons/ribbon.png) no-repeat center center; padding-top: 10px; position: absolute; left: -4px; top: -4px; z-index: 2;} .latest-courses-section .course .featured-badge span{display: block; text-align: left; color: #FFF; font-weight: bold; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, .2); -webkit-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -moz-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -ms-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -o-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0);} .latest-courses-section .course-image{position: relative; border-radius: 4px 4px 0 0; overflow: hidden; z-index: 1;} .latest-courses-section .course-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .latest-courses-section .course-info .course-title a{padding-top: 11px; display: block; color: #383c4b;} .latest-courses-section .course-info .course-title a:hover, .dark .latest-courses-section .course-info .course-title a:hover{color: #fe9d68;} .latest-courses-section .course-info .course-description{margin-bottom: 18px; color: #5a5e6a; padding: 0 10px;} .latest-courses-section .course-info .buttons .subscribe-btn{margin-right: 0;} .latest-courses-section .course-image .details-overlay{position: absolute; left: 0; top: -100%; width: 100%; height: 100%; padding: 48px 20px 0; background: rgba(254, 157, 104, .9); border-radius: 4px 4px 0 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;} .latest-courses-section .course-image .details-overlay .place, .latest-courses-section .course-image .details-overlay .time{background-color: rgba(54, 58, 73, .8); position: relative; left: -250px; display: block; height: 36px; line-height: 36px; color: #fff; text-align: left; padding-left: 10px; margin-bottom: 10px; border-radius: 2px; -webkit-transition: all .25s ease-out .25s; -moz-transition: all .25s ease-out .25s; -ms-transition: all .25s ease-out .25s; -o-transition: all .25s ease-out .25s; transition: all .25s ease-out .25s;} .latest-courses-section .course-image .details-overlay .time{margin-bottom: 0; -webkit-transition: all .25s ease-out .35s; -moz-transition: all .25s ease-out .35s; -ms-transition: all .25s ease-out .35s; -o-transition: all .25s ease-out .35s; transition: all .25s ease-out .35s;} .latest-courses-section .course-image .details-overlay span > i{font-size: 17px;} .latest-courses-section .course-image .details-overlay .place i{margin-right: 10px;} .latest-courses-section .course-image .details-overlay .time i{margin-right: 5px;} .latest-courses-section .course:hover .details-overlay{top: 0;} .latest-courses-section .course:hover .details-overlay span{left: 0;} .latest-courses-section.no-margin{padding-top: 32px;} .latest-courses-section.no-margin .latest-courses-content{margin: 0;} .latest-courses-content.listview .course{padding: 20px 20px 22px;} .latest-courses-content.listview .course .course-image{max-width: 270px; float: left; border-radius: 4px; margin-right: 20px;} .latest-courses-content.listview .course .course-info{text-align: left;} .latest-courses-content.listview .course .course-title{text-align: left;} .latest-courses-content.listview .course .course-title a{padding-top: 0; padding-bottom: 11px; line-height: 15px;} .latest-courses-content.listview .course .course-description{margin-bottom: 12px; text-align: justify;} .latest-courses-content.listview .course .details{width: 50%; background: #efefef; border-radius: 3px; height: 29px; line-height: 29px; padding: 0 10px; color: #909090;} .latest-courses-content.listview .course .course-info .btn.subscribe-btn{margin-right: 0;} .add-courses{background: #fff; margin-top: 97px; border-radius: 4px; padding: 20px; text-align: left; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .add-courses.box{margin-top: 30px;} .add-courses .add-courses-icon{width: 65px; margin-right: 20px; border-radius: 3px;} .add-courses .add-courses-title{display: inline-block; font-size: 17px; font-weight: bold; color: #fe9d68; margin-bottom: 10px; line-height: 18px;} .add-courses .add-courses-title:hover{color: #383c4b;} .add-courses .add-courses-description{font-weight: 600; color: #5a5e6a;} .categories-section{background: #eee; padding-bottom: 70px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);} .categories-section .section-description{color: #353a48;} .categories-section .cat-box{background: #fff; text-align: left; border-radius: 4px; padding-bottom: 20px; margin-bottom: 30px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .categories-section .cat-box:hover .cat-image .cat-icon{background: #383c4b;} .categories-section .cat-box .cat-image{position: relative;} .categories-section .cat-box .cat-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .categories-section .cat-box .cat-image img{border-radius: 4px 4px 0 0;} .categories-section .cat-box .cat-image .cat-icon{background: #fe9d68; display: block; position: absolute; left: 15px; bottom: -19px; z-index: 1; width: 38px; height: 38px; font-size: 18px; line-height: 38px; border-radius: 2px; text-align: center; color: #fff;} .categories-section .cat-box .cat-title a{display: block; color: #fe9d68; text-align: left; padding: 24px 15px 0;} .categories-section .cat-box .cat-title a:hover{color: #383c4b;} .categories-section .cat-box .courses-counter{color: #5a5e6a; font-weight: 600; padding: 0 15px;} .categories-section .cat-box .courses-counter .nums{color: #383c4b;} .misc-section{background: #f5f5f5; padding-top: 95px;} .blog-posts{position: relative;} h6.head-title{text-align: left; margin-bottom: 30px;} .basic-slider{position: static;} .basic-slider .flex-direction-nav a{top: 25px;} .basic-slider .flex-direction-nav .flex-next{right: 0;} .basic-slider .flex-direction-nav .flex-prev{left: auto; right: 42px;} .blog-posts .post{background: transparent; padding-top: 0; padding-bottom: 30px;} .blog-posts .post:last-child{padding-bottom: 0;} .blog-posts .post .image-post{position: relative; margin-right: 20px;} .blog-posts .post .image-post img{border-radius: 3px;} .blog-posts .post .image-post .post-date{background: #262934; width: 42px; height: 58px; position: absolute; left: 10px; top: 10px; font-size: 12px; text-align: center; color: #fff; border-radius: 3px;} .blog-posts .post .image-post .post-date span{display: block;} .blog-posts .post .image-post .post-date .day{font-size: 25px; font-weight: bold;} .basic-slider-box .post-title{text-align: left; line-height: 12px;} .basic-slider-box .post-title a{display: block; color: #fe9d68; padding-bottom: 19px;} .basic-slider-box .post-title a:hover, .basic-slider-box .post .meta a:hover{color: #383c4b;} .blog-posts .post .meta{color: #909090; font-size: 12px; margin-bottom: 12px;} .blog-posts .post .meta .author{margin-right: 26px;} .blog-posts .post .meta i{font-size: 15px; margin-right: 6px;} .blog-posts .post .meta a{color: #fe9d68;} .blog-posts .post-description, .questions .query-description{color: #5a5e6a; margin-bottom: 3px;} .blog-posts .read-more{color: #383c4b;} .blog-posts .read-more:hover{color: #fe9d68;} .accordion .accordion-header{background: #fff; position: relative; height: 42px; line-height: 42px; font-size: 14px; font-weight: bold; text-align: left; padding: 0 20px; margin-top: 16px; border: 1px solid #dfdfdf; cursor: pointer; color: #5a5e6a; border-radius: 2px;} .accordion .inactive-header:after, .accordion .active-header:after{content: '\f068'; font: normal normal normal 10px/1 "FontAwesome"; background: #5a5e6a; display: inline-block; width: 20px; height: 20px; line-height: 20px; position: absolute; top: 50%; right: 10px; margin-top: -10px; border-radius: 1px; text-align: center; color: #fff;} .accordion .inactive-header:after{content: '\f067'; background: #fe9d68;} .accordion .active-header, .accordion .inactive-header:hover{color: #fe9d68;} .accordion .accordion-content{display: none; padding: 18px 20px; background: #fff; border: 1px solid #e4e4e4; width: 100%; border-top: 0; border-radius: 0 0 2px 2px;} .our-clients{margin-top: 74px;} #clients-slider .flex-direction-nav a{top: -28px;} #clients-slider .flex-direction-nav .flex-next{right: 15px;} #clients-slider .flex-direction-nav .flex-prev{left: auto; right: 57px;} .course-search.alt{background: none; height: 58px; line-height: 58px; width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 20;} .course-search.alt .container{background: #fe9d68; border-radius: 4px;} .course-search.alt .dropdown, .course-search.alt #course-name{background: #fff; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05); border: none;} .course-search.alt .dropdown div{left: 0;} .course-search.alt:before{display: none;} .course-search.alt #search-btn{font: normal normal normal 18px/1 "FontAwesome"; width: 80px; margin-top: -2px; vertical-align: middle;} .course-search.alt #search-btn:hover{background-color: #383c4b; color: #fe9d68;} .features-section .feature-box.alt{background: url(/shc_website/static/src/css/assets/img/long-shadow-bg.png) no-repeat 55px top;} .features-section .feature-box.alt .icon{height: 155px; padding-top: 42px;} .questions{position: relative;} .questions .flexslider{padding: 2px;} .questions .flexslider li .query{background: #fff; border-radius: 2px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); border: 1px solid #dedede; margin-bottom: 20px; padding: 19px;} .questions .flexslider li .query:last-child{margin: 0;} .questions .flexslider li .query .image{border-radius: 50%; overflow: hidden; border: 3px solid #FFF; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);} .questions .flexslider li .query .query-content{margin-left: 105px;} .questions .post-title a{padding-bottom: 15px;} .questions .flexslider li .details{color: #909090; margin-top: 10px;} .details .date, .details .place{margin-right: 27px;} .details .icon i{font-size: 15px; margin-right: 6px;} .details .text{font-size: 12px;} .home-skills{padding-top: 2px;} .home-skills .skillbar{position: relative; display: block; margin-bottom: 14px; width: 100%; background: #e9e9e9; height: 38px; border-radius: 2px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;} .home-skills .skillbar-title{background: #fe9d68; position: absolute; top: 0; left: 0; font-weight: bold; color: #fff; padding: 0 20px; height: 38px; line-height: 38px; border-radius: 2px;} .home-skills .skillbar-bar{height: 38px; width: 0px; background: #fe9d68; border-radius: 2px;} .tp-banner-container.has-btns .slider-btns a{font-size: 15px; height: 38px; line-height: 38px; box-shadow: none; color: #fff;} .tp-banner-container.has-btns .slider-btns a.more{background-color: #21242e;} .tp-banner-container.has-btns .slider-btns a:hover{opacity: 1; background: #fff; color: #383c4b;} .tp-banner-container.has-btns .tp-bullets{top: auto !important; bottom: 30px;} .tp-banner-container.has-btns .tp-bullets .bullet{margin-top: 0;} .features-section.alt{padding-top: 100px;} .features-content.alt{margin-top: 0;} .latest-courses-content.alt #courses-slider{margin-bottom: 37px;} .testimonials-section{position: relative; text-align: center; padding: 95px 0 78px 0; background: url(/shc_website/static/src/css/assets/img/content/testimonials-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .testimonials-section:after{content: ''; background: rgba(56, 60, 75, .9); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .testimonials-section .testimonials-content{position: relative; z-index: 1;} .testimonials-section .flexslider .flex-direction-nav{position: relative; top: -85px;} .testimonials-section .flexslider .flex-direction-nav li{display: inline-block; margin: 0 60px;} .testimonials-section .flexslider .flex-direction-nav a{position: static;} .testimonials-section .testimonials-content .title{font-size: 25px; color: #fe9d68; font-weight: bold; margin-bottom: 43px;} .testimonials-section .testimonials-content .description{font: normal 18px/28px 'Lato', sans-serif; color: #fff; font-style: italic; margin-bottom: 27px;} .testimonials-section .testimonials-content .image img{width: auto; border: 4px solid #fff; border-radius: 50%; margin-bottom: 10px; display: inline-block; max-width: 62px;} .testimonials-section .testimonials-content .name{font-size: 14px; font-weight: bold; color: #f5f5f5; margin-bottom: 2px;} .testimonials-section .testimonials-content .position{font-size: 12px; font-weight: bold; color: #d1cece;} .course-search-section{position: relative; padding: 100px 0 90px 0; background: url(/shc_website/static/src/css/assets/img/content/course-search-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .course-search-section:after{content: ''; background: rgba(254, 157, 104, .95); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .course-search-section .content{position: relative; z-index: 2;} .course-search-section .content .section-title{color: #fff; line-height: 17px; margin-bottom: 15px;} .course-search-section .course-search{position: relative; bottom: 0; height: auto; margin-top: 35px;} .course-search-section .course-search .container{background: none; box-shadow: none;} .course-search-section .course-search #search-btn{font: bold 14px 'Open Sans';} .course-search-section.alt:after{background: rgba(47, 51, 66, .90);} .course-search-section.alt .section-description{color: #a9abb0;} .add-courses.top-margin{margin: 17px 0 -18px;} .latest-courses-section.no-slider .course{margin: 28px 0 3px;} .pagination{margin-top: 47px; overflow: hidden;} .pagination ul{text-align: center;} .pagination ul li{margin: 0 1px;} .pagination li.arrow{margin: 0 6px;} .pagination li a{display: block; background: #e6e6e6; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; font-weight: bold; color: #5a5e6a; border-radius: 1px;} .pagination li.arrow a, .dark .pagination li.arrow a{background: #fe9d68; font-size: 13px; font-weight: normal; color: #fff;} .pagination li a:hover, .dark .pagination li a:hover{background: #383c4b; color: #fff;} .onepage .tparrows{display: none;} .scroll-down{position: absolute; left: 0; bottom: 45px; width: 100%; text-align: center; z-index: 20;} .scroll-down a{display: block;} .scroll-down a span{display: block; font-family: 'Lato', Arial, sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; padding: 5px 0;} .scroll-down a:hover{color: #fe9d68;} .scroll-down a i{color: #fc9c67; font-size: 17px;} .inner-head{background:#713a31; position: relative; text-align: center; padding: 50px 0;} .inner-head:after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .inner-head .container{position: relative; z-index: 1;} .inner-head h1.entry-title{font: normal 30px/20px 'Lato', Arial, sans-serif; text-transform: uppercase; margin-bottom: 17px; color: #fff; text-shadow: 0px 1px 3px rgba(0, 0, 0, .5);} .inner-head .description{color: #a9abb0; max-width: 770px; margin: auto; text-align: justify;} .inner-head .breadcrumb{margin: 10px 0;} .inner-head .breadcrumb li{position: relative; margin-right: 10px; padding-right: 10px;} .inner-head .breadcrumb li:after{content: '\f105'; font: normal normal normal 13px/1 "FontAwesome"; display: block; position: absolute; left: 100%; top: 4px; color: #cecfd2;} .inner-head .breadcrumb li:last-child:after{display: none;} .inner-head .breadcrumb li a{display: block; color: #f89966;} .inner-head .breadcrumb li.current-page a, .inner-head .breadcrumb li:hover a{color: #cecfd2;} .post{padding-top: 100px; background: #f5f5f5;} .post #single-slider{margin-bottom: 30px;} .post #single-slider .image{position: relative; border-radius: 4px; overflow: hidden;} .post #single-slider .image:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: rgba(0, 0, 0, .25);} .post #single-slider .flex-direction-nav a{top: auto; left: auto; right: 20px; bottom: 20px;} .post #single-slider .flex-direction-nav .flex-prev{right: 62px;} .post .entry, .post .course-details, .contact .contact-left, .login-page .login-form, .login-page .login-options{background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .post .course-details{margin-bottom: 30px;} .post .entry-icon, .sidebar .sidebar-widget .widget-icon, .comment-form .addcomment-title .icon, .contact .contact-left .contact-form-icon, .login-page .login-form .login-title .icon{background: #383c4b; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 1px; color: #fff; font-size: 18px; margin-right: 6px; margin-bottom: 24px;} .post .entry h4{font: bold 18px 'Lato', Arial, sans-serif;} .post .entry .content p{color: #5a5e6a; margin-bottom: 12px;} .post .entry .share-post, .follow-icons, .share-icons{background: #ffe1d1; border-radius: 4px; padding: 12px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03);} .post .entry .share-post .text, .share-icons .text{font-size: 16px; color: #fe9d68; font-weight: bold; margin-top: 2px;} .post .entry .icons ul li, .share-icons ul li, .follow-icons ul li{float: left; margin-left: 6px;} .post .entry .icons ul li a, .share-icons ul li a, .follow-icons ul li a{background: #5d82d1; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;} .post .entry .icons ul li a.tw-icon, .share-icons ul li a.tw-icon, .follow-icons ul li a.tw-icon{background: #40bff5;} .post .entry .icons ul li a.gp-icon, .share-icons ul li a.gp-icon, .follow-icons ul li a.gp-icon{background: #eb5e4c;} .post .entry .icons ul li a.in-icon, .share-icons ul li a.in-icon, .follow-icons ul li a.in-icon{background: #238cc8;} .post .entry .icons ul li a:hover, .share-icons ul li a:hover, .follow-icons ul li a:hover{background: #383c4b;} .post .entry .icons ul li a i, .share-icons ul li a i, .follow-icons ul li a i{color: #fff; font-size: 14px;} .blog{padding: 70px 0 100px; background: #f5f5f5;} .blog .blogpost{padding: 20px 20px 22px; background: #fff; padding-bottom: 23px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); margin-top: 30px;} .blog .blogpost .blogpost-image{border-radius: 4px; overflow: hidden; position: relative; margin-bottom: 20px;} .blog .blogpost .blogpost-image img{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;} .blog .blogpost:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .blog .blogpost .blogpost-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .blog .blogpost h3.blogpost-title{line-height: 15px;} .blog .blogpost h3.blogpost-title a, .post.single .single-title a{display: inline-block; padding-bottom: 11px; color: #fa9964;} .blog .blogpost h3.blogpost-title a:hover, .post.single .single-title a:hover, .post.single .meta div a:hover{color: #383c4b;} .blog .blogpost h3.blogpost-title .post-type-icon, .post.single .single-title .post-type-icon{background: #fe9d68; display: inline-block; width: 29px; height: 29px; line-height: 29px; text-align: center; border-radius: 4px; box-shadow: none; margin-right: 4px;} .blog .blogpost h3.blogpost-title .post-type-icon i, .post.single .single-title .post-type-icon i{color: #fff;} .blog .blogpost .meta div, .post.single .meta div{background: #efefef; padding: 7px 10px; border-radius: 4px; min-width: 115px; font-size: 12px; color: #909090; margin-right: 16px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);} .blog .blogpost .meta .comments, .post.single .meta .comments{margin-right: 0;} .blog .blogpost .meta div .icon i, .post.single .meta div .icon i{font-size: 15px; margin-right: 6px;} .blog .blogpost .meta div a, .post.single .meta div a{color: #fe9d68;} .blog .blogpost .meta div a:hover{color: #383c4b;} .blog .blogpost .blogpost-info .blogpost-description{clear: right; margin: 20px 0 28px;} .blog .blogpost .blogpost-info .btn.orange-btn{margin-right: 0;} .blog.listview .blogpost .blogpost-image{float: left; margin-right: 20px; margin-bottom: 0;} .blog.listview .blogpost .blogpost-info .blogpost-description{margin: 53px 0 8px;} .blog.three-col .blogpost .meta{position: absolute; width: 100%; height: 100%; top: 0; left: 20px;} .blog.three-col .blogpost .meta div{margin: 0; margin-top: 20px; display: block; min-width: 125px; max-width: 150px; background: rgba(38, 41, 52, .85);} .blog .blogpost .blogpost-image .meta div a:hover{color: #fff;} .blog.three-col .blogpost .blogpost-info .blogpost-description{margin-bottom: 23px;} .post .entry-sidebar .course-details h4{font-size: 18px; font-weight: bold;} .post .entry-sidebar .course-details div{background: #efefef; height: 29px; line-height: 29px; padding: 0 10px; color: #909090; border-radius: 4px; margin-bottom: 20px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);} .post .entry-sidebar .course-details div .icon{margin-right: 12px;} .post .entry-sidebar .course-details .join-btn{font-size: 17px; height: 54px; line-height: 54px; margin: 0; display: block; text-align: center;} .post .entry-sidebar .course-details .join-btn:hover{background-color: #383c4b; opacity: 1;} .post .entry-sidebar .instructor{margin-bottom: 0;} .sidebar{margin-top: 30px;} .sidebar .search{margin-bottom: 30px;} .sidebar .search .search-input{background-color: #e1e1e1; width: 270px; height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; font-style: italic; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .03);} .sidebar .search .submit-btn{font: normal normal normal 16px/1 "FontAwesome"; width: 70px; height: 40px; color: #fff; text-align: center; vertical-align: middle; background: #fa9964;} .sidebar .search .submit-btn:hover{background: #383c4b;} .sidebar .sidebar-widget{padding: 20px; background: #fff; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); margin-bottom: 30px; overflow: hidden;} .sidebar .sidebar-widget.cats ul li a{background: url(/shc_website/static/src/css/assets/img/icons/sidebar-link-arrow.png) no-repeat left center; display: block; padding: 6px 0 6px 18px; color: #5a5e6a;} .sidebar .sidebar-widget.cats ul li a:hover{background-position: 2px center; color: #000;} .sidebar .sidebar-widget.last-posts .widget-icon{margin-bottom: 0;} .sidebar .sidebar-widget.last-posts ul li{padding: 17px 0; border-bottom: 1px solid #d7d8db;} .sidebar .sidebar-widget.last-posts ul li:last-child{border: 0; padding-bottom: 0;} .sidebar .sidebar-widget.last-posts ul li a{display: block; font-size: 14px; font-weight: bold; padding: 10px 0; color: #fe9d68;} .sidebar .sidebar-widget.last-posts ul li a:hover{color: #383c4b;} .sidebar .sidebar-widget.tabs-widget{padding: 0;} .sidebar .sidebar-widget ul.tabs li{background: #fa9964; float: left; width: 33.33333333%; font-size: 16px; font-weight: bold; text-align: center; color: #fff; padding: 10px 0; cursor: pointer; border-right: 1px solid #fff; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out;} .sidebar .sidebar-widget ul.tabs li:hover{background: #ffb085;} .sidebar .sidebar-widget ul.tabs li.active{background: #fff; color: #fa9964;} .sidebar .sidebar-widget ul.tabs li:last-child{border: 0;} .sidebar .sidebar-widget .tab-content{display: none; padding: 20px; clear: both;} .sidebar .sidebar-widget .tab-content.active{display: inherit;} .sidebar .sidebar-widget .tab-posts .post-item{padding: 9px; background: #fce9de; border-radius: 2px; margin-top: 20px;} .sidebar .sidebar-widget .tab-posts .post-item:first-child{margin-top: 0;} .sidebar .sidebar-widget .tab-posts .post-item .post-image{margin-right: 10px; position: relative; border-radius: 2px; position: relative; overflow: hidden;} .sidebar .sidebar-widget .tab-posts .post-item .post-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .sidebar .sidebar-widget .tab-posts .post-item .post-title{display: block; font-size: 14px; font-weight: bold; color: #fe9d68; margin: -5px 0 10px;} .sidebar .sidebar-widget .tab-posts .post-item .post-title:hover{color: #383c4b;} .sidebar .sidebar-widget .tab-posts .post-item .description{font-size: 12px; line-height: 20px; color: #383c4b; margin-bottom: 6px;} .sidebar .sidebar-widget .tab-posts .post-item .date{font-size: 11px; color: #5a5e6a;} .sidebar .sidebar-widget .tab-posts .post-item .read-more{display: block; width: 20px; height: 20px; line-height: 20px; font-size: 11px; background: #383c4b; border-radius: 1px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); border-bottom: 0; color: #fff; text-align: center;} .sidebar .sidebar-widget .tab-posts .post-item .read-more:hover{background: #fa9964;} .sidebar .sidebar-twitter-widget{background: #40bff5 url(/shc_website/static/src/css/assets/img/icons/twitter-sidebar-icon.png) no-repeat right bottom;} .sidebar .sidebar-twitter-widget h5.sidebar-widget-title{color: #fff; font-size: 17px; margin-bottom: 30px;} .sidebar .sidebar-twitter-widget .status{color: #f5f5f5;} .sidebar .sidebar-twitter-widget .date{color: #202028; margin: 20px 0 65px 0;} .sidebar .sidebar-twitter-widget .flex-direction-nav a{right: auto; top: auto; left: 42px; bottom: 0; margin: 0;} .sidebar .sidebar-twitter-widget .flex-direction-nav .flex-prev{left: 0;} .about-section{padding-top: 93px;} .post.alt{padding-bottom: 70px;} .about-section .about-images{text-align: right; position: relative;} .about-section .about-images .img-1, .about-section .about-images .img-2{position: absolute; left: 0; bottom: 0; z-index: 1;} .about-section .about-images .main-img{display: inline-block;} .about-section .about-images .img-2{left: auto; right: 0;} .post.single{padding-bottom: 100px;} .post.single .sidebar{margin-top: 0;} .post .featured-image{position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 30px; z-index: 1;} .post .featured-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .post .entry .content{clear: both; margin-top: 10px;} .comments-list{background: #fa9964; padding: 20px 20px 30px; margin: 30px 0; border-radius: 4px;} .comments-list .comment-body{margin-bottom: 45px;} .comments-list > li:last-child .comment-body{margin-bottom: 0;} .comments-list li .avatar{overflow: hidden; border: 3px solid #f87a46; border-radius: 50%; margin-right: 20px;} .comments-list li .content{overflow: hidden;} .comments-list li .author .name{display: block; color: #f6f6f6; font-size: 15px; font-weight: bold;} .comments-list li .author .date{display: block; font-size: 12px; color: #383c4b; margin: 5px 0 12px;} .comments-list li .author .reply a{display: block; line-height: 38px;} .comments-list li .author .reply a:hover{background-color: #fff; color: #383c4b;} .comments-list li .text{color: #f5f5f5;} .comments-list ul.children{margin-left: 100px;} .comments-list li.haschild > .comment-body{position: relative;} .comments-list li.haschild > .comment-body:after{content: ''; display: block; width: 2px; height: 100%; background: #212129; position: absolute; left: 35px; top: 90px;} .comments-list li.haschild > .comment-body:before{content: ''; display: block; width: 55px; height: 2px; background: #212129; position: absolute; left: 35px; bottom: -90px;} .comment-form{padding: 20px; background: #fff; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); overflow: hidden;} .comment-form .addcomment-title .icon{margin-bottom: 0;} .comment-form .addcomment-title .text{font-size: 18px; font-weight: bold; color: #383c4b;} .comment-form .input, .contact-form .input{position: relative;} .comment-form .input input:not([type=submit]), .comment-form .input textarea, .contact-form .input input:not([type=submit]), .contact-form .input textarea, .login-page .login-form .input input{display: block; width: 100%; padding: 9px 20px; border: 1px solid #d7d8db; border-radius: 2px; font-size: 15px; font-weight: bold; margin-top: 20px; color: #5a5e6a;} .comment-form .input input:focus:not([type=submit]), .comment-form .input textarea:focus, .contact-form .input input:focus:not([type=submit]), .contact-form .input textarea:focus, .login-page .login-form .input input:focus:not([type=submit]){border-color: #5a5e6a;} .comment-form .input textarea, .contact-form .input textarea{min-height: 132px; resize: vertical;} .comment-form .input .submit-input, .contact-form .input .submit-input{position: absolute; right: 10px; bottom: 10px; padding: 0 32px;} .portfolio-grid{padding: 100px 0;} .portfolio-filter ul li{float: left; margin-right: 25px;} .portfolio-filter ul li.item a{display: block; background: #fff; width: 170px; color: #a9abb0; font-size: 16px; font-weight: bold; padding: 7px 0; border: 2px solid #e6e6e6; border-radius: 2px;} .portfolio-filter ul li.item a:hover, .portfolio-filter ul li.item a.active{color: #fe9d68;} .portfolio-filter ul li.icon:last-child{margin-right: 0;} .portfolio-filter ul li.icon a{display: block; width: 70px; height: 40px; line-height: 40px; background: #fe9d68; border-radius: 2px; font-size: 20px; color: #fff;} .portfolio-filter ul li.icon a:hover{background: #383c4b;} .portfolio-overlay .portfolio-row{margin-right: -14.99px;} .portfolio-overlay .portfolio-items .course{margin-top: 29px;} .portfolio-overlay .course .course-image .details-overlay{padding-top: 0;} .portfolio-overlay .course .details-overlay .time{margin-right: 15px;} .portfolio-overlay .course .details-overlay .time, .portfolio-overlay .course .details-overlay .place{display: inline-block; width: 38px; height: 38px; line-height: 40px; text-align: center; padding-left: 0; margin-bottom: 0;} .portfolio-overlay .course .details-overlay .overlay-icons{position: absolute; left: 0; top: 50%; width: 100%; margin-top: -19px;} .portfolio-overlay .course .details-overlay span a{display: block;} .latest-courses-section .portfolio-overlay .course-image .details-overlay span i{margin-right: 0; color: #fff; font-size: 17px;} .portfolio-overlay .course-info{padding: 20px 20px 0;} .portfolio-overlay .course-info .project-icon{background: #fe9d68; width: 38px; height: 38px; line-height: 38px; text-align: center; display: inline-block; margin-right: 10px; border-radius: 2px; box-shadow: none;} .portfolio-overlay .course-info .project-icon i{font-size: 18px; color: #fff;} .portfolio-overlay .course-info .cat{display: block; clear: both; text-align: left;} .portfolio-overlay .course-info .course-title{line-height: 14px; font-size: 16px;} .portfolio-overlay .course-info .course-title a{color: #fa9964; padding: 0;} .latest-courses-section .portfolio-overlay .course-info .course-title a:hover{color: #383c4b;} .portfolio-overlay .course-info .course-title .cat{font-size: 12px; color: #5a5e6a; margin-top: 10px; font-weight: normal;} .isotope-item{z-index: 2; list-style: none;} .isotope-hidden.isotope-item{pointer-events: none; z-index: 1;} .isotope, .isotope .isotope-item{-webkit-transition-duration: .7s; -moz-transition-duration: .7s; -ms-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s;} .isotope{width: 100%; -webkit-transition-property: width, height; -moz-transition-property: width, height; -ms-transition-property: width, height; -o-transition-property: width, height; transition-property: width, height;} .isotope .isotope-item{-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity;} .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} .portfolio.single{padding-bottom: 0;} .portfolio.single .flexslider .flex-direction-nav .flex-next{right: 20px;} .portfolio.single .flexslider .flex-direction-nav .flex-prev{left: auto; right: 62px;} .portfolio.single .flexslider .flex-direction-nav a{top: auto; bottom: 20px;} .portfolio.single .single-title .post-type-icon{width: 38px; height: 38px; line-height: 38px; border-radius: 2px;} .portfolio.single .project-link a{display: inline-block; background: #383c4b; border-radius: 2px; color: #fff; font-weight: bold; padding: 5px 25px;} .portfolio.single .project-link a:hover{background: #fe9d68;} #portfolio-modal .modal-dialog{margin-top: 50px;} #portfolio-modal .close-modal{position: absolute; right: 20px; top: 5px; z-index: 10;} #portfolio-modal .popup-content .post{padding-top: 0; background: none;} #portfolio-modal .popup-content .modal-slider{max-height: 575px;} .latest-courses-section .gallery .course{padding-bottom: 0;} .latest-courses-section .gallery .course-image{border-radius: 4px;} #login-modal .container, #register-modal .container{max-width: 750px;} #login-modal .popup-content .login-page, #register-modal .popup-content .login-page{padding: 100px 0 0; background: none;} .modal .close-modal{display: block; width: 20px; height: 20px; text-align: right; color: #383c4b;} .modal .close-modal span{font-size: 18px; vertical-align: top;} .login-page{background: #f5f5f5; padding: 150px 0;} .login-page .login-form{margin-bottom: 30px;} .login-page .login-form .login-title .icon{margin-bottom: 10px;} .login-page .login-form .login-title .text{font: bold 18px 'Lato', sans-serif; color: #383c4b;} .login-page .login-form .input .submit-input, .dark .login-page .login-form .input .submit-input{background: #fe9d68; color: #fff; margin-bottom: 20px; border: 0; box-shadow: none;} .login-page .login-form .custom-checkbox label{font-size: 14px; font-weight: bold; color: #383c4b; cursor: pointer;} .custom-checkbox:not(#foo) .checkbox-input{position: absolute; opacity: 0;} .custom-checkbox:not(#foo) .checkbox-input + label{position: relative; cursor: pointer; padding: 0;} .custom-checkbox:not(#foo) .checkbox-input + label:before{content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 22px; height: 22px; background: #d7d8db; border-radius: 1px;} .custom-checkbox:not(#foo) .checkbox-input.disabled + label, .custom-checkbox:not(#foo) .checkbox-input[disabled] + label{color: #b8b8b8;} .custom-checkbox:not(#foo) .checkbox-input.disabled + label:before, .custom-checkbox:not(#foo) .checkbox-input[disabled] + label:before{box-shadow: none; background: #ddd;} .custom-checkbox:not(#foo) .checkbox-input:checked + label:after{content: ''; position: absolute; left: 5px; top: 9px; background: white; width: 4px; height: 4px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -3px 0 white, 4px -8px 0 white, 4px -6px 0 white; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .login-page .login-form .forgot a{font-size: 14px; color: #5a5e6a;} .login-page .login-form .forgot .reset{color: #ff0000;} .login-page .login-form .forgot a:hover{text-decoration: underline;} .login-page .login-options .login-op-btn{background-position: right bottom; background-repeat: no-repeat; display: block; font-size: 15px; font-weight: bold; color: #fff; padding: 9px 20px; margin-bottom: 20px; border-radius: 2px; box-shadow: none;} .login-page .login-options .login-op-btn.tw, .login-page .login-options .login-op-btn.ya{margin-bottom: 0;} .login-page .login-options .login-op-btn.fb{background-image: url(/shc_website/static/src/css/assets/img/icons/login-facebook-icon.png); background-color: #5d82d1;} .login-page .login-options .login-op-btn.gp{background-image: url(/shc_website/static/src/css/assets/img/icons/login-google-icon.png); background-color: #eb5e4c;} .login-page .login-options .login-op-btn.tw{background-image: url(/shc_website/static/src/css/assets/img/icons/login-twitter-icon.png); background-color: #40bff5;} .login-page .login-options .login-op-btn.ya{background-image: url(/shc_website/static/src/css/assets/img/icons/login-yahoo-icon.png); background-color: #ab47ac;} .login-page .login-form .input .submit-input:hover, .login-page .login-options .login-op-btn:hover{background-color: #383c4b;} .login-page .register .input .submit-input{margin-bottom: 0;} .contact{background: #f5f5f5; padding-bottom: 100px;} .contact .big-map .fixed-map{height: 350px; overflow: hidden; border-radius: 4px; position: relative; margin: 100px 0 30px;} .contact .big-map .full-map{width: 100%; height: 448px; margin-bottom: 30px; position: relative;} .contact .big-map .fixed-map:after, .contact .big-map .full-map:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .contact .sidebar .search{margin-bottom: 30px;} .contact.contact-3{padding: 100px 0;} .contact.contact-3 .fixed-map{margin-top: 0;} .gm-style-iw *{display: block; width: 100%;} .gm-style-iw h4, .gm-style-iw p{margin: 0; padding: 0;} .gm-style-iw a{color: #4272db;} .contact .sidebar, .contact .sidebar .contact-info{margin-top: 0;} .contact .contact-left .contact-text{color: #5a5e6a; margin-bottom: 20px;} .follow-icons ul li:first-child{margin-left: 0;} .contact .contact-right .info-text{color: #5a5e6a;} .contact .contact-right .call{color: #fe9d68; margin-top: 22px;} .typography, .shortcodes{background: #f5f5f5;} .space{height: 30px; clear: both;} .headlines .item p, .column-item .row-content{color: #5a5e6a;} blockquote{display: block; position: relative; padding: 23px 30px 25px 30px; margin: 6px 0;} blockquote .story{font-size: 20px; font-style: italic; color: #fe9d68; margin-bottom: 15px;} blockquote .name{font-size: 13px; color: #5a5e6a;} blockquote.blockquote-1{border-left: 6px solid #fe9d68;} blockquote.blockquote-2:before, blockquote.blockquote-2:after{content: '\f10d'; display: block; font: normal normal normal 16px/1 "FontAwesome"; color: #a9abb0; position: absolute;} blockquote.blockquote-2:before{left: 0; top: 0;} blockquote.blockquote-2:after{content: '\f10e'; right: 0; bottom: 0;} blockquote.blockquote-3{background: #f8f7f7; border: 1px solid #e9e8e8; border-radius: 5px;} blockquote.blockquote-4{background: #fe9d68; border-radius: 5px;} blockquote.blockquote-4 .story{color: #fff;} .list ul li, .list ol li{color: #5a5e6a; line-height: 30px;} .ul-list ul li, .ol-list ol li{list-style: inside;} .ol-list ol li{list-style-type: decimal;} [class^="list-"] li:before, [class*="list-"] li:before{color: #fe9d68; margin-right: 10px; font: normal normal normal 15px/1 "FontAwesome";} .list-play-circle ul li:before{content: '\f01d';} .list-arrow-circle ul li:before{content: '\f0a9';} .list-checked-circle ul li:before{content: '\f05d';} .list-bold-caret ul li:before{content: '\f0da';} .list-normal-caret ul li:before{content: '\f105';} .list-star ul li:before{content: '\f006';} .Social-media-icons ul li a{background: #ff8e2e; display: block; margin: 0 10px 10px 0; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 18px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);} .Social-media-icons ul li a:hover{background: #383c4b;} .colored ul li .fb{background: #5d82d1;} .colored ul li .pn{background: #e13138;} .colored ul li .tw{background: #40bff5;} .colored ul li .gp{background: #eb5e4c;} .colored ul li .rss{background: #faa33d;} .colored ul li .vm{background: #35c6ea;} .colored ul li .dr{background: #f7659c;} .colored ul li .tm{background: #426d9b;} .colored ul li .be{background: #1879fd;} .colored ul li .st{background: #ff5c30;} .colored ul li .dp{background: #17a3eb;} .colored ul li .sc{background: #ff7e30;} .colored ul li .fm{background: #f34320;} .colored ul li .fk{background: #ff48a3;} .colored ul li .dv{background: #6a8a7b;} .colored ul li .in{background: #238cc8;} .colored ul li .dgg{background: #75788d;} .colored ul li .xg{background: #1a8e8c;} .colored ul li .git{background: #3f91cb;} .colored ul li .ig{background: #548bb6;} .colored ul li .ya{background: #ab47ac;} .colored ul li .yt{background: #ef4e41;} .colored ul li .sp{background: #13c1f3;} .colored ul li .at{background: #25a774;} .colored ul li .wp{background: #2592c3;} .colored ul li .pl{background: #ff7850;} .colored ul li .dl{background: #377bda;} .colored ul li .dl{background: #ff9233;} .colored ul li .dd{background: #377bda;} .colored ul li .ap{background: #b3b5b8;} .colored ul li .vk{background: #4778ac;} .pricing-tables{background: #f5f5f5; padding: 100px 0;} .pricing-tables .table-row{margin-bottom: 70px;} .pricing-tables .table-row .table{background: #fff; padding-bottom: 20px; text-align: center; border-radius: 2px; overflow: hidden; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .pricing-tables .table-row .table .table-header{background: #fe9d68; box-shadow: none;} .pricing-tables .table-1 .table .table-header{padding: 15px 0;} .pricing-tables .table-row .table .table-header .icon{background: #2f3342; width: 94px; height: 94px; line-height: 100px; margin: auto; border-radius: 50%; border: 4px solid #fa7c49;} .pricing-tables .table-row .table .table-header .icon i{color: #fff; font-size: 38px;} .pricing-tables .table-row .table .table-header .text{font-size: 20px; font-weight: bold; color: #fff;} .pricing-tables .table-1 .table .table-header .text{margin-top: 15px;} .pricing-tables .table-row .table .table-body .features li{font-size: 16px; color: #5a5e6a; padding: 13px 5px; border-bottom: 1px solid #ededed; cursor: default;} .pricing-tables .table-row .table .table-footer{padding: 20px 20px 0;} .pricing-tables .table-row .table .table-footer .order-btn a{display: block; background: #fa9964; padding: 12px 10px; font-weight: bold; font-size: 20px; color: #fff; border-radius: 2px; text-align: left; box-shadow: none;} .pricing-tables .table-row .table .table-footer .order-btn .currency{font-size: 14px;} .pricing-tables .table-row .table .table-footer .order-btn .icon{background: #383c4b; width: 28px; height: 28px; line-height: 28px; font-size: 13px; border-radius: 1px; text-align: center;} .pricing-tables .table-1 .table:hover .table-header .icon{border-color: #2f3342;} .pricing-tables .table-1 .table .table-footer .order-btn a:hover{background: #383c4b;} .pricing-tables .table-1 .table .table-footer .order-btn a:hover .icon{background: #fff; color: #383c4b;} .pricing-tables .table-1 .table .table-body .features li:hover, .pricing-tables .table-2 .table .table-body .features li:hover{background: #f9f9f9;} .pricing-tables .table-2 .table .table-header{padding: 50px 0;} .pricing-tables .table-2 .table .table-header .text{font-size: 25px;} .pricing-tables .table-2 .table .table-header .price{margin-top: 17px; color: #2a2e3d; font-size: 14px;} .pricing-tables .table-2 .table .table-footer .order-btn a{background: #000020; text-align: center;} .pricing-tables .table-2 .table .table-footer .order-btn a:hover{background: #fa9964;} .pricing-tables .table-3{margin-bottom: 0;} .pricing-tables .table-3 .table{background: #383c4b; text-align: left; padding: 0 20px;} .pricing-tables .table-3 .table .table-header{background: none; padding: 50px 0; border-bottom: 1px solid #2c2e39;} .pricing-tables .table-3 .table .table-header .text{font-size: 28px;} .pricing-tables .table-3 .table .table-header .price{margin-top: 17px; color: #fe9d68; font-style: italic; font-size: 16px;} .pricing-tables .table-3 .table .table-body{padding: 12px 0;} .pricing-tables .table-3 .table .table-body .features li{border: none; color: #b5b7bb;} .pricing-tables .table-3 .table .table-footer{padding: 20px 0 20px 0; border-top: 1px solid #2c2e39;} .pricing-tables .table-3 .table .table-footer .order-btn a{display: inline-block; text-align: center; font-size: 17px; padding: 14px 0; width: 105px;} .pricing-tables .table-3 .table .table-footer .order-btn a.details{background: #000020;} .pricing-tables .table-3 .table .table-footer .order-btn a:hover{background: #fff; color: #383c4b;} .coming-soon{background: #f5f5f5; padding: 220px 0;} .countdown{text-align: center; margin-bottom: 60px;} .countdown div{display: inline-block; width: 150px; height: 150px; padding-top: 15px; border-radius: 50%; border: 6px solid #313542; color: #fa9964; font-size: 50px; font-weight: bold; margin-left: 50px;} .countdown div:first-child{margin-left: 0;} .countdown div span{display: block; font-size: 20px;} .error-page{background: #f5f5f5; padding: 108px 0 115px;} .error-page .not-found{background: #fa9964; width: 330px; height: 330px; margin: auto; text-align: center; border-radius: 50%; padding-top: 65px; margin-bottom: 20px;} .error-page .not-found span{display: block; color: #fff;} .error-page .not-found .num{font-size: 110px; font-weight: 300;} .error-page .not-found .text{font-size: 16px; margin-top: -5px;} .error-page .error-message{font-size: 24px; color: #5a5e6a; text-align: center; margin-bottom: 55px;} .error-page.full-page{position: relative; height: 100%; background: url(/shc_website/static/src/css/assets/img/error-page-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .error-page.full-page:after{content: ''; display: block; background-color: rgba(38, 41, 52, .96); width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .error-page.full-page .container{position: relative; z-index: 1;} .error-page.full-page .not-found{background: none; border: 5px solid #fa9964;} .error-page.full-page .error-message{color: #fff;} .error-page.full-page .share-icons{background: none; border: 2px solid #5a5e6a; border-radius: 4px;} .dark{background-color: #343741; color: #828489;} .dark .top-bar, .dark .top-bar .top-Social-icons li a, .dark header.static-header, .dark .sidebar .sidebar-widget ul.tabs li, .dark .sidebar .sidebar-widget.last-posts ul li, .dark .portfolio-filter ul li.item a, .dark .countdown div{border-color: #41444d;} .dark header.alt .site-name, .dark h6.head-title{color: #fff;} .dark header.alt .main-navigation > ul > li > a{color: #efefef;} .dark header .main-navigation li.parent-item ul.submenu, .dark header .main-navigation li.parent-item ul.submenu ul, .dark header .main-navigation li.courses-menu li .single-item, .dark .mobile-navigation .mobile-container ul, .dark .mobile-navigation .mobile-container li.haschild > ul, .dark header.alt, .dark .course-search, .dark .course-search:before{background: #2c2f3c;} .dark header .main-navigation li.parent-item ul.submenu li a, .dark header .main-navigation li.parent-item ul.submenu ul, .dark .mobile-navigation .mobile-container li.parent-item a, .dark .mobile-navigation .mobile-container li.courses-menu .course-menu-item{border-bottom-color: #353845; border-left-color: #353845; border-right-color: #353845;} .dark header .main-navigation li.parent-item ul.submenu li:hover > a, .dark .mobile-navigation .mobile-container li.parent-item a:hover{background: #262936;} .dark .tp-banner > ul li:after, .dard .fullscreen > ul li:after, .dark .course-search-section:after{background: rgba(12, 13, 16, .9);} .dark .top-bar, .dark .course-search #course-name, .dark .course-search.alt .dropdown, .dark .dropdown, .dark .dropdown.open div{background: #353842;} .dark .course-search #course-name, .dark .course-search.alt .dropdown, .dark .dropdown, .dark .dropdown div, .dark .comment-form .input input:not([type=submit]), .dark .comment-form .input textarea, .dark .contact-form .input input:not([type=submit]), .dark .contact-form .input textarea, .dark .login-page .login-form .input input, .dark .coming-soon .share-icons, .dark .error-page .share-icons{border: 1px solid #50525c;} .dark .course-search.alt .dropdown div{left: -1px;} .dark .dropdown li{border-bottom-color: #50525c;} .dark header .main-navigation li.courses-menu li .single-item .courses-num, .dark header .main-navigation li.courses-menu li .single-item a:hover, .dark .dropdown .selected, .dark .dropdown li.active, .dark .full-section .section-description, .dark .basic-slider-box .post-title a:hover, .dark .basic-slider-box .post .meta a:hover, .dark .sidebar .sidebar-widget.cats ul li a, .dark .comments-list li .author .date, .dark .portfolio-overlay .course-info .course-title .cat, .dark .contact .contact-right .info-text, .dark .login-page .login-form .custom-checkbox label, .dark .list ul li, .dark .list ol li, .dark #login-modal .close-modal, .dark #register-modal .close-modal{color: #97989b;} .dark .dropdown li.focus{background-color: #202126;} .dark .course-search #search-btn{background-color: #111217;} .dark .course-search.alt .container{background: none; border-radius: 0; box-shadow: none;} .dark .features-section, .dark .latest-courses-section, .dark .misc-section, .dark .login-page, .dark .latest-courses-content.listview .course .details, .dark .post, .dark .post .entry .share-post, .dark .follow-icons, .dark .share-icons, .dark .post .entry-sidebar .course-details div, .dark .blog, .dark .blog .blogpost .meta div, .dark .post.single .meta div, .dark .contact, .dark .coming-soon, .dark .error-page, .dark .typography, .dark .shortcodes, .dark .pricing-tables, .dark .sidebar .sidebar-widget .tab-posts .post-item, .dark .comment-form .input input:not([type=submit]), .dark .comment-form .input textarea, .dark .contact-form .input input:not([type=submit]), .dark .contact-form .input textarea, .dark .login-page .login-form .input input, .dark .custom-checkbox:not(#foo) .checkbox-input + label:before{background-color: #343741;} .dark .instructors-section, .dark .categories-section, .dark .features-section.alt, .dark .accordion .accordion-header, .dark .accordion .accordion-content, .dark .instructor.alt .details .rating, .dark .questions .flexslider li .query, .dark .home-skills .skillbar, .dark .latest-courses-section.dark-bg, .dark .pagination li a, .dark .post .entry, .dark .post .course-details, .dark .contact .contact-left, .dark .login-page .login-form, .dark .login-page .login-options, .dark .entry-sidebar .instructor.alt, .dark .about-section, .dark .sidebar .sidebar-widget ul.tabs li, .dark .comment-form, .dark .comments-list, .dark .portfolio-filter ul li a{background-color: #2d303c;} .dark .instructors-section .instructor-info, .dark .latest-courses-section .course, .dark .add-courses, .dark .instructor.alt, .dark .categories-section .cat-box, .dark .blog .blogpost, .dark .sidebar .sidebar-widget, .dark .sidebar .sidebar-widget ul.tabs li.active, .dark .sidebar .search .search-input{background-color: #494c57;} .dark .flex-control-paging li a{background-color: #252732;} .dark .instructors-section .instructor-info .name, .dark .latest-courses-section .course-info .course-title a, .dark .categories-section .cat-box .courses-counter .nums, .dark .categories-section .cat-box .cat-title a:hover, .dark .sidebar .sidebar-widget.last-posts ul li a{color: #252732;} .dark .instructor-info .position, .dark .latest-courses-section .course-info .course-description, .dark .add-courses .add-courses-description, .dark .categories-section .cat-box .courses-counter, .dark .blog-posts .post-description, .dark .questions .query-description, .dark .sidebar .sidebar-widget .tab-posts .post-item .description, .dark .comment-form .addcomment-title .text, .dark .login-page .login-form .login-title .text{color: #828489;} .dark .accordion .accordion-header, .dark .accordion .accordion-content, .dark .questions .flexslider li .query{border-color: #575961;} .dark .instructor.alt .details{border-color: #2d303c;} .dark .instructor.alt .details .rating span.star:before{color: #7C7F8B;} .dark header.alt .mobile-navigation .mobile-btn span, .dark header.alt .mobile-navigation .mobile-btn span:before, .dark header.alt .mobile-navigation .mobile-btn span:after{background: #a5a5a5;} footer{padding-top: 0px; background: #2b2e3b;} footer h6.widget-title{text-align: left; padding-bottom: 11px; margin-bottom: 14px; border-bottom: 1px solid #3d404d;} footer .about-widget .about-text{color: #d6d6d8; font-size: 12px; line-height: 21px; text-align: justify; margin-bottom: 20px;} footer .footer-links ul li{margin-bottom: 12px;} footer .footer-links ul li a, footer .twitter-widget .tweet a{background: url(/shc_website/static/src/css/assets/img/icons/footer-link-arrow.png) no-repeat left center; display: inline-block; color: #fe9d68; padding-left: 18px;} footer .footer-links ul li a:hover, footer .twitter-widget .tweet a:hover{color: #fff; text-shadow: 0 1px 0 #000; background-position: 2px center;} footer .twitter-widget{position: relative;} footer .twitter-widget .tweet{color: #d6d6d8; line-height: 22px; margin-bottom: 21px;} footer .twitter-widget .tweet:last-child{margin-bottom: 0;} footer .twitter-widget .tweet .date{font-size: 11px; color: #6f7478;} footer .twitter-widget #tweets-slider, footer .courses-widget #footer-courses-slider{position: static;} footer .twitter-widget #tweets-slider .flex-control-nav, footer .courses-widget #footer-courses-slider .flex-control-nav{width: auto; top: 10px; right: 0; bottom: auto;} footer .twitter-widget #tweets-slider .flex-control-nav li, footer .courses-widget #footer-courses-slider .flex-control-nav li{margin: 0 0 0 10px;} footer .twitter-widget #tweets-slider .flex-control-nav li a, footer .courses-widget #footer-courses-slider .flex-control-nav li a{background-color: #f4f4f4;} footer .twitter-widget #tweets-slider .flex-control-nav li a.flex-active, footer .courses-widget #footer-courses-slider .flex-control-nav li a.flex-active{background-color: #fe9d68;} footer .courses-widget{position: relative;} footer .courses-widget .course-info{margin-left: 58px; margin-bottom: 30px;} footer .courses-widget .course-info:last-child{margin-bottom: 0;} footer .courses-widget .course-icon .icon{background-color: #fe9d68; display: block; width: 38px; height: 38px; border-radius: 2px;} footer .courses-widget .course-icon .icon i{display: block; text-align: center; color: #fff; line-height: 38px; font-size: 18px;} footer .courses-widget .footer-course-title a{display: block; padding-bottom: 13px; color: #fe9d68; font-weight: bold;} footer .courses-widget .footer-course-title a:hover{color: #fff; text-shadow: 0 1px 0 #000;} footer .courses-widget .footer-course-description{color: #d6d6d8;} footer .courses-widget .course-date{display: block; font-size: 11px; color: #afb1b2; margin-top: 5px;} footer #bottom{margin-top: 0px; background: #262934; height: 68px; line-height: 68px;} footer #bottom .copyright p{color: #a9abb0; line-height: 68px;} footer #bottom .copyright a{color: #fe9d68;} footer #bottom .copyright a:hover{color: #fff; text-shadow: 0 1px 0 #000;} footer #bottom .footer-Social-icons{padding-top: 20px;} footer #bottom .footer-Social-icons li{float: left; margin-left: 6px;} footer #bottom .footer-Social-icons li a{background: #2c2f3c; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;} footer #bottom .footer-Social-icons li a:hover{background: #fe9d68;} footer #bottom .footer-Social-icons li a i{color: #eef1f2; font-size: 14px;} footer #bottom .footer-Social-icons li a:hover i{color: #383c4b;} header .main-navigation li.parent-item ul.submenu li.haschild > a:after, header .mobile-navigation .mobile-container li.haschild > a:after, .course-search:before, .accordion .inactive-header:after, .accordion .active-header:after, .course-search.alt #search-btn, .instructor.alt .details .rating span.star, .inner-head .breadcrumb li:after, .sidebar .search .submit-btn, blockquote.blockquote-2:before, blockquote.blockquote-2:after, [class^="list-"] li:before, [class*="list-"] li:before{text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ln-tr{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;} header .main-navigation ul li:after, header.alt .main-navigation > ul > li.courses-menu > a:after{-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .es-tr{-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;} .categories-section .cat-box, footer #bottom .footer-Social-icons li a i, .instructors-section .instructor-info .Social-icons li a i, .top-bar .top-Social-icons ul li a i, .post .entry .icons ul li a i{-webkit-transition: transform .25s ease; -moz-transition: transform .25s ease; -ms-transition: transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease;} .categories-section .cat-box:hover .cat-image .cat-icon i, footer #bottom .footer-Social-icons li a:hover i, .instructors-section .instructor-info .Social-icons li a:hover i, .top-bar .top-Social-icons ul li a:hover i, .post .entry .icons ul li a:hover i, .follow-icons ul li a:hover i, .share-icons ul li a:hover i, .Social-media-icons ul li a:hover i, .portfolio-overlay .course .details-overlay span a:hover i, header .main-navigation li.courses-menu li .single-item:hover .item-icon i{-webkit-animation: TextSprite .25s forwards; -moz-animation: TextSprite .25s forwards; -ms-animation: TextSprite .25s forwards; -o-animation: TextSprite .25s forwards; animation: TextSprite .25s forwards;} @-webkit-keyframes TextSprite{49%{-webkit-transform: translateY(-100%);}50%{-webkit-transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} @-moz-keyframes TextSprite{49%{-moz-transform: translateY(-100%);}50%{-moz-transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} @-ms-keyframes TextSprite{49%{-ms-transform: translateY(-100%);}50%{-ms-transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} @-o-keyframes TextSprite{49%{-o-transform: translateY(-100%);}50%{-o-transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} @keyframes TextSprite{49%{transform: translateY(-100%);}50%{transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} #home-slider .flex-active-slide .slide-title{-webkit-animation: LeftSlideIn 1.3s forwards; -moz-animation: LeftSlideIn 1.3s forwards; -ms-animation: LeftSlideIn 1.3s forwards; -o-animation: LeftSlideIn 1.3s forwards; animation: LeftSlideIn 1.3s forwards;} #home-slider .flex-active-slide .slide-description{-webkit-animation: RightSlideIn 2s forwards; -moz-animation: RightSlideIn 2s forwards; -ms-animation: RightSlideIn 2s forwards; -o-animation: RightSlideIn 2s forwards; animation: RightSlideIn 2s forwards;} @-webkit-keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @-moz-keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @-ms-keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @-o-keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @-webkit-keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} @-moz-keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} @-ms-keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} @-o-keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} @keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} .animated{-webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;} .animated.fadeInDown{-webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; padding: 0px;} @-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-25px);}100%{opacity: 1; -webkit-transform: translateY(0);}} @-moz-keyframes fadeInDown{0%{opacity: 0; -moz-transform: translateY(-25px);}100%{opacity: 1; -moz-transform: translateY(0);}} @-ms-keyframes fadeInDown{0%{opacity: 0; -o-transform: translateY(-25px);}100%{opacity: 1; -o-transform: translateY(0);}} @-o-keyframes fadeInDown{0%{opacity: 0; -o-transform: translateY(-25px);}100%{opacity: 1; -o-transform: translateY(0);}} @keyframes fadeInDown{0%{opacity: 0; transform: translateY(-25px);}100%{opacity: 1; transform: translateY(0);}} .scroll-down a i{-webkit-animation: BounceDown 1.2s infinite; -moz-animation: BounceDown 1.2s infinite; -ms-animation: BounceDown 1.2s infinite; -o-animation: BounceDown 1.2s infinite; animation: BounceDown 1.2s infinite;} @-webkit-keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} @-moz-keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} @-ms-keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} @-o-keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} @keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} ul.text-nav{margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;} ul.text-nav li{margin: 0px; padding: 0px 0px 10px 0px; display: block; list-style: none;} ul.text-nav i{color: #ff8948; font-size: 16px; padding-right: 15px;} .bread{padding: 0;} .download{background: #f7af71;} .download ul{padding: 0; margin: 0;} .download ul li{list-style: none; padding: 20px 0; display: inline-block; padding-bottom: 10px;} .download ul li a{color: #fff; padding: 10px 20px 10px 30px; background: #434755 url(/shc_website/static/src/css/assets/img/down-arrow.png) 7px 12px no-repeat;} .col-md-2.down{font-size: 20px; padding: 15px 0; color: #333; margin-right: 30px !important;} .computer{padding: 20px 0;} .computer h1{color: #f49d52; font-size: 26px; font-weight: bold; margin-bottom: 10px;} .computer h2{color: #f89966; font-size: 24px; font-weight: bold; margin-bottom: 10px;} .computer h3{color: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 10px;} .computer h4{color: #5c72ac; font-size: 20px; font-weight: bold; margin-bottom: 10px;} .computer h5{color: #5c72ac; font-size: 16px; font-weight: bold; margin-bottom: 10px;} .computer h6{color: #f89966; font-size: 16px; font-weight: bold; margin-bottom: 10px;} .computer p{line-height: 20px; margin-bottom: 10px;} .right-side{min-height: 165px;} .editor1{color: #6080a7; font-size: 22px; font-weight: bold; margin-bottom: 6px;} .editor2{color: #555; font-size: 16px; font-weight: bold; margin-bottom: 6px;} .associate{height: 850px;} ul.text-nav li ul{padding: 15px 0 0 30px} ul.text-nav li ul li{padding-left: 20px; background: url(/shc_website/static/src/css/assets/img/arrow-right16.png) no-repeat;} .board{color: #79980d;} .under h3{font-size: 60px !important; font-style: italic; padding: 180px 0; text-align: center; color: #555; opacity: .3;} .domain{width: 20%; margin-bottom: 20px;} .features-section .feature-box img{width: 64px;} .icon1 img:hover{width: 120px; border: 10px solid #06425c; background: #fff; padding: 10px;} .icon2 img:hover{width: 120px; border: 10px solid #c06aae; background: #fff; padding: 10px;} .icon3 img:hover{width: 120px; border: 10px solid #51a39d; background: #fff; padding: 10px;} .icon4 img:hover{width: 120px; border: 10px solid #b7695c; background: #fff; padding: 10px;} .icon5 img:hover{width: 120px; border: 10px solid #cdbb79; background: #fff; padding: 10px;} ul.direction{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} ul.direction li{margin: 0px; padding: 0px 0px 5px 30px; display: block; list-style: none; background: url(/shc_website/static/src/css/assets/img/direction.png) 0px 4px no-repeat;} ol.material{margin: 0px; padding: 0px 0px 0px 40px;} ol.material li{margin: 0px; padding: 0px 0px 5px 0; font-size: 15px; text-indent: -31px;} ol.material{counter-reset: item; margin-bottom: 10px;} ol.material li{display: block;} ol.material li:before{content: counter(item) ". "; counter-increment: item; color: #16a086; font-weight: bold; padding-right: 8px;} ol.material ol{margin-bottom: 0; margin-top: 10px;} ol.material li ol{margin: 0px; padding: 0px 0px 0px 40px; font-size: 15px; text-indent: -31px;} ol.material{counter-reset: item; margin-bottom: 5px;} ol.material li ol{display: block;} ol.material ol li:before{content: counter(item) ". "; counter-increment: item; color: #CC9900; font-weight: bold; padding-right: 8px;} ul.arrow{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} ul.arrow li{margin: 0px; padding: 0px 0px 20px 30px; display: block; list-style: none; background: url(/shc_website/static/src/css/assets/img/arrow-right16.png) 0px 4px no-repeat;} .about p{text-align: justify; margin-bottom: 20px;} .tp-banner.revslider-initialised.tp-simpleresponsive{height: 150px !important;} .zero{padding: 0;} h3.title{color: #fff; background: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px; text-align: center; padding: 6px 10px;} .edit-board{text-align: center;} h3.title1{color: #fff; background: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px; text-align: left; padding: 6px 10px;} .tamil h3{color: #fff; background: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px; text-align: center; padding: 6px 10px;} .tamil p{text-align: center; margin-bottom: 0px;} .edit-board h3{color: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px;} .charge{font-weight: bold; color: #c23a2c;} .edit1{font-weight: bold; color: #c23a2c;} .edit2{font-weight: bold; color: #555;} .guide{text-align: justify;} .guide h2{text-align: center; font-size: 26px; color: #f99966; margin-bottom: 20px;} .left{margin-left: 20px;} .guide img{margin: 0 auto; text-align: center; display: block;} .guide-tamil h2{font-size: 20px;} .guide-tamil h3{font-size: 18px;} .guide-tamil h4{font-size: 16px;} table.edit-board{border: 0px solid #ccc; margin-top: 20px; text-align: left;} table.edit-board tr th{border: 0px solid #ccc; color: #fff; background: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px; text-align: center; padding: 6px 10px 10px 10px;} table.edit-board tr td{border: 0px solid #ccc; padding: 10px;} table.edit-board p{margin-bottom: 0;} .board{text-align: center;} .feature-description{text-align: left;} .guide a{color:#0050ef;} .guide a:hover{color: blue;background-color: transparent;text-decoration: underline;} .sec1:hover{background:#525b7b;} .sec1{text-align:left;color:#333;padding:10px 0;} .sec1 p{text-align:left;color:#333;} .sec1:hover p{color:#fff;} .side-bar{width:20%;} .puthiya{font-size:20px;font-weight:bold;} @media (min-width: 1200px){} @media (min-width: 992px) and (max-width: 1199px){.side-bar{width:25%;}} @media (min-width: 768px) and (max-width: 991px){.side-bar{width:44%;margin:0 auto;}} @media (max-width: 767px){.tp-banner.revslider-initialised.tp-simpleresponsive{height: 250px !important;}table.edit-board tr th, table.edit-board tr td{display: block; width: 100%;}.side-bar{width:50%;margin:0 auto;}} @media (max-width: 480px){.side-bar{width:65%;margin:0 auto;}} @media (max-width: 320px){.side-bar{width:100%;margin:0 auto;}} .blink_me{animation: blinker 1s linear infinite; color:red;} @keyframes blinker{100%{opacity: 0;}} .journal{margin:0px 0px 0px 0px; padding:0px 0px 0px 44px;} .journal ol{list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .journal ol li{list-style:circle; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .o_main_navbar .open .dropdown-menu{max-height: 90vh; overflow: inherit; margin-top: 0;} .dropdown-menu>li>a{background-color: #7c7bad;} 

/* /shc_website/static/src/css/styles.css defined in bundle 'web.assets_frontend' */
 #cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a{margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-family: 'Open Sans', sans-serif; font-size: 14px; position: relative; text-align: left;} #cssmenu a{line-height: 1.3;} #cssmenu{background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);} #cssmenu > ul > li{margin: 0 0 1px 0;} #cssmenu > ul > li:last-child{margin: 0;} #cssmenu > ul > li > a{font-size: 15px; display: block; color: #ffffff; background: #565656;} #cssmenu > ul > li > a > span{display: block; padding: 10px; font-weight: bold;} #cssmenu > ul > li > a:hover{text-decoration: none;} #cssmenu > ul > li.active{border-bottom: none;} #cssmenu > ul > li:hover > a{background: #f7af71; background: -moz-linear-gradient(#f7af71 0%, ##e48d42 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7af71), color-stop(100%, #e48d42)); background: -webkit-linear-gradient(#f7af71 0%, #e48d42 100%); background: linear-gradient(#f7af71 0%, #e48d42 100%); color: #fff; border: 1px solid #79980d;} #cssmenu > ul > li.active > a span{border: 1px solid #f7af71;} #cssmenu > ul > li.has-sub > a span{background: url(/shc_website/static/src/css/../img/icon_plus.png) 98% center no-repeat;} #cssmenu > ul > li.has-sub.active > a span{background: url(/shc_website/static/src/css/../img/icon_minus.png) 98% center no-repeat;} #cssmenu ul ul{padding: 5px 12px; display: none;} #cssmenu ul ul li{padding: 10px 0;} #cssmenu ul ul a{display: block; color: #595959; font-size: 13px; font-weight: bold;} #cssmenu ul ul a:hover{color: #79980d;} .social_icons{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 19px 1em; width: 50%; background-color: #262934; border-bottom: 1px solid #e1e1e1; text-align: left; position: relative;} 

/* /shc_website/static/src/css/style.css defined in bundle 'web.assets_frontend' */
      html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: normal 15px verdana, arial, helvetica, sans-serif; color: #353a48; overflow-y: scroll; line-height: 24px;} .bboxed{background-image: url(/shc_website/static/src/css/assets/img/patterns/bg13.png); background-repeat: repeat;} .boxed, .boxed-2{position: relative; width: 1200px; margin: 0 auto; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);} .boxed-2{margin-top: 40px; margin-bottom: 40px;} .loader{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url(/shc_website/static/src/css/assets/img/icons/loader.svg) no-repeat center center #fe9d68; background-size: 60px;} .full-section{padding: 10px 0;} .full-section .section-description{text-align: center; color: #353a48; max-width: 770px; margin: auto;} .full-section .section-content{margin: 20px 0;} .fancy-shadow{box-shadow: 0 1px 1px rgba(0, 0, 0, .1); position: relative;} .btn{font: bold 13px verdana, arial, helvetica, sans-serif; display: inline-block; height: 29px; line-height: 29px; color: #fff; padding: 0 15px; border-radius: 4px; margin-right: 17px; background-color: #383c4b;} .btn.orange-btn{background-color: #fe9d68;} .grad-btn, .course-search.alt .container, .post-type-icon{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;} a.btn:hover{opacity: .7;} p{font: normal 15px verdana, arial, helvetica, sans-serif;} h2.slide-title, h3.section-title, h3.course-title, h3.post-title, h4.cat-title, h4.accordion-header, h5.feature-title, h6.head-title, h4.title, h6.widget-title, .site-name{text-align: center; font-weight: 700;} h2.slide-title{font-size: 40px; font-weight: bold; line-height: 45px; text-transform: uppercase;} h3.section-title{font-size: 25px; line-height: 50px; color: #fe9d68;} h3.course-title, h3.blogpost-title, h3.single-title{font-size: 18px; font-weight: bold; line-height: 32px;} h3.post-title{font-size: 16px;} h4.cat-title{font-size: 16px; line-height: 46px;} h4.accordion-header{font-size: 14px; color: #5a5e6a;} h4.footer-course-title{font-size: 14px; line-height: 14px;} h5.feature-title{font-size: 13px; line-height: 25px; color: #fe9d68; margin:0 !important;text-align:left;} h6.head-title{font-size: 20px; line-height: 24px; color: #383c4b;} h6.widget-title{font-size: 16px; line-height: 30px; color: #fff;} h2.about-title{font-size: 18px; color: #fa9964; font-weight: bold; margin-bottom: 22px;} h5.sidebar-widget-title, h5.contact-title{font-size: 18px; font-weight: bold;} h1.h1-title, h2.h2-title, h3.h3-title, h4.h4-title, h5.h5-title, h6.h6-title{color: #fe9d68; font-weight: bold; margin-bottom: 5px;} h1.h1-title{font-size: 32px;} h2.h2-title{font-size: 28px;} h3.h3-title{font-size: 25px;} h4.h4-title{font-size: 22px;} h5.h5-title{font-size: 18px;} h6.h6-title{font-size: 14px;} .row-title{font-size: 20px; font-weight: bold; color: #fe9d68; margin-bottom: 10px;} header{height: 100px; position: absolute; left: 0; top: 0; width: 100%; z-index: 30;} header .logo-container{padding-top: 30px;} header .logo-container img{width: 40px;} header .logo-container .site-name{font-size: 28px; color: #fff; font-style: italic; margin-left: 15px; font-family: 'Lato', Arial, sans-serif;} header .logo-container .site-name span{color: #fe9d68;} header .logo-container .slogan{font-size: 12px; margin-left: 3px; color: #a9abb0;} header.alt{position: relative; background: #fafafa;} header.alt .logo-container .site-name{color: #383c4b;} header.static-header, .sidebar .sidebar-widget .post-item .read-more{border-bottom: 1px solid #dbdbdb; background-image: -webkit-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -moz-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -ms-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -o-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: linear-gradient(90deg, #f7f7f7 0%, #fff 100%);} header.static-header{position: static;} .top-bar{height: 40px; background: #f5f5f5; border-bottom: 1px solid #e6e6e7; overflow: hidden;} .top-bar .top-Social-icons ul li{float: left; margin-right: 7px; padding-top: 8px;} .top-bar .top-Social-icons ul li a{display: block; border-radius: 2px; border: 1px solid #e6e6e6; width: 25px; height: 25px; line-height: 25px; font-size: 15px; text-align: center; color: #a9abb0;} .top-bar .top-Social-icons ul li a:hover{background: #fe9d68; color: #fff; border: 0;} .top-bar .top-contact li{line-height: 40px;} .top-bar .top-contact li i{font-size: 15px; color: #fe9d68; margin-right: 10px;} .top-bar .top-contact li.divider{margin: 0 12px 0 9px;} .top-bar .top-contact li i.fa-phone{vertical-align: middle;} .top-bar .top-contact li .text, .top-bar .top-contact li .text a{color: #a9abb0;} .top-bar .top-contact li .text a:hover{color: #fe9d68; text-decoration: underline;} header > .container{position: relative;} header .main-navigation > ul > li{float: left; margin-right: 17px; position: relative;} header .main-navigation > ul > li:last-child{margin: 0;} header .main-navigation > ul > li:last-child a{padding-right: 0;} header .main-navigation > ul > li > a{color: #fff; font-size: 14px; font-weight: bold; line-height: 100px; padding: 0 10px; display: block; position: relative;} header .main-navigation > ul > li > a:focus{outline: 0;} header .main-navigation > ul > li.login > a span{background: #fe9d68; padding: 5px 10px; border-radius: 3px; box-shadow: none;} header .main-navigation ul li.current_page_item a, header .main-navigation ul li a:hover, header.alt .main-navigation ul li.current_page_item a, header.alt .main-navigation ul li a:hover, header .main-navigation li.parent-item ul.submenu li:hover > a{} header.alt .main-navigation > ul > li.login > a{color: #fff;} header .main-navigation > ul > li.login > a:hover{color: #383c4b;} header.alt .main-navigation > ul > li.login > a:hover span{background: #383c4b; color: #fff;} header.alt .main-navigation > ul > li.login:after{display: none;} header.alt .main-navigation > ul > li:after, header.alt .main-navigation > ul > li.courses-menu > a:after{content: ''; background: #fe9d68; display: block; position: absolute; z-index: 1; left: 0; top: 110px; height: 3px; width: 100%; opacity: 0; visibility: hidden;} header.alt .main-navigation > ul > li:hover:after, header.alt .main-navigation > ul > li.current_page_item:after, header.alt .main-navigation > ul > li.courses-menu:hover a:after{top: 100%; opacity: 1; visibility: visible;} header.alt .main-navigation > ul > li > a{color: #4b4f5c;} header .main-navigation li.parent-item ul.submenu, header .main-navigation li.courses-menu ul, header .main-navigation li.parent-item ul.submenu ul{position: absolute; left: 11px; top: 80px; z-index: 2; min-width: 200px; background: #fafafa; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); border-top: 3px solid #fe9d68; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;} header.alt .main-navigation li.parent-item ul.submenu{left: 0; top: 100%;} header .main-navigation li.parent-item ul.submenu ul{left: 100%; top: -3px; overflow: hidden; border-left: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu ul.left-submenu{left: auto; right: 100%; border-left: 0; border-right: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu li a{position: relative; display: block; color: #333; padding: 11px 20px; border-bottom: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu li.haschild, header .mobile-navigation .mobile-container li.haschild{position: relative;} header .main-navigation li.parent-item ul.submenu li.haschild > a:after, header .mobile-navigation .mobile-container li.haschild > a:after{content: '\f107'; font: normal normal normal 14px/1 "FontAwesome"; float: right;} header .main-navigation li.parent-item ul.submenu li:hover > a{background: #fe9d68;} header .main-navigation li.parent-item:hover ul.submenu, header .main-navigation li.courses-menu:hover ul, header .main-navigation li.parent-item ul.submenu li.haschild:hover ul{opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} header .main-navigation > ul > li.courses-menu:after{display: none;} header .main-navigation li.courses-menu{} header .main-navigation li.courses-menu ul{background: rgba(0, 0, 0, .1); left: 0; top: 100%; width: 100%; padding-bottom: 3px; border-radius: 0 0 5px 5px; border-top: none; box-shadow: none;} #home header .main-navigation li.courses-menu ul, #home-2 header .main-navigation li.courses-menu ul, #home-3 header .main-navigation li.courses-menu ul, #home-4 header .main-navigation li.courses-menu ul, #home-5 header .main-navigation li.courses-menu ul, #home-6 header .main-navigation li.courses-menu ul, #home-7 header .main-navigation li.courses-menu ul{background: none; padding-bottom: 0; border-radius: 0;} header .main-navigation li.courses-menu li .single-item{background: #f3f3f3; border-radius: 2px; overflow: hidden; padding: 20px; margin-bottom: 30px;} header.alt .main-navigation li.courses-menu li .single-item{margin-top: 30px; margin-bottom: 0;} header .main-navigation li.courses-menu li .single-item .item-icon{background: #fe9d68; display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 2px; color: #fff; font-size: 18px; text-align: center; float: left; margin-right: 9px;} header .main-navigation li.courses-menu li .single-item a{display: block; color: #fe9d68; font-weight: bold; font-size: 14px; margin: -3px 0 7px 0;} header .main-navigation li.courses-menu li .single-item a:hover{color: #383c4b;} header .main-navigation li.courses-menu li .single-item .courses-num{color: #383c4b;} .mobile-navigation, .mobile-navigation .mobile-btn, .mobile-navigation .mobile-container{display: none;} .mobile-navigation{margin-top: 38px; cursor: pointer;} .mobile-navigation .mobile-btn{position: relative; display: block; height: 26px; width: 35px; padding-top: 10px;} .mobile-navigation .mobile-btn span, .mobile-navigation .mobile-btn span:before, .mobile-navigation .mobile-btn span:after{content: ""; position: absolute; display: block; width: 30px; height: 4px; border-radius: 1px; background: #fff; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} header.alt .mobile-navigation .mobile-btn span, header.alt .mobile-navigation .mobile-btn span:before, header.alt .mobile-navigation .mobile-btn span:after{background: #383c4b; border-radius: 2px;} .mobile-navigation .mobile-btn span:before{top: -10px;} .mobile-navigation .mobile-btn span:after{bottom: -10px;} .mobile-navigation .mobile-btn.show-menu span{background-color: transparent;} .mobile-navigation .mobile-btn.show-menu span:before{top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .mobile-navigation .mobile-btn.show-menu span:after{top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);} .mobile-navigation .mobile-container{background: #fff; position: absolute; left: 0; top: 100px; width: 100%; z-index: 999;} .mobile-navigation .mobile-container li.parent-item a{display: block; color: #a9abb0; padding: 10px 20px; border-bottom: 1px solid #e6e6e7;} .mobile-navigation .mobile-container li.parent-item a:hover{background: #f4f4f4; color: #fe9d68;} .mobile-navigation .mobile-container li.current_page_item > a{color: #fe9d68;} .mobile-navigation .mobile-container li.parent-item a span{background: none; box-shadow: none;} .mobile-navigation .mobile-container li.haschild > ul{display: none;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a{padding-left: 40px;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > ul > li > a{padding-left: 60px;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a:after{margin-right: 10px;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item{padding: 0; width: 50%; float: left; border-right: 1px solid #e6e6e7;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item .item-icon{visibility: hidden; float: left; width: 40px;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item .courses-num{display: none;} .tp-banner-container{width: 100%; position: relative; padding: 0;} .tp-banner, .fullscreen{width: 100%; position: relative; padding: 25px 0;} .tp-banner > ul li:after, .fullscreen > ul li:after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 21; background: rgba(47, 51, 66, .9);} .tp-banner > ul li .tp-caption, .fullscreen > ul li .tp-caption{z-index: 22 !important;} .tp-banner > ul li .slide-title, .fullscreen > ul li .slide-title{color: #fff; position: relative; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);} .tp-banner ul li .slide-title:after, .fullscreen ul li .slide-title:after{content: ""; display: block; width: 30px; height: 3px; margin-left: -15px; position: absolute; left: 50%; bottom: -25px;} .tp-banner ul li .slide-description, .fullscreen ul li .slide-description{position: relative; font-size: 25px; line-height: 24px; color: #a9abb0; margin-top: 37px; text-align: center; max-width: 950px;} .slider-overlay:after{content: ''; background: rgba(0, 0, 0, .5); display: block; position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%;} .onepage .slider-overlay:after{display: none;} .mobile_nav-open .tp-banner-container, .mobile_nav-open .tp-banner, .modal-open .tp-banner-container, .modal-open .tp-banner{z-index: -1;} .course-search{position: relative; background: #fff; height: 98px; line-height: 98px;} .select-time, .select-category, .select-country{margin-right: 11px;} .course-search:before{content: '\f002'; font: normal normal normal 18px/1 "FontAwesome"; display: block; background: #fff; width: 80px; height: 36px; position: absolute; left: 50%; top: -36px; z-index: 20; line-height: 36px; margin-left: -40px; color: #a9abb0; text-align: center; border-radius: 2px 2px 0 0;} .course-search #course-name{width: 490px; height: 38px; border-radius: 2px; font-style: italic; font-size: 13px; padding-left: 9px; margin-right: 10px; border: 1px solid rgba(222, 222, 222, .8);} .course-search #search-btn, .comments-list li .author .reply a, .comment-form .input .submit-input, .contact-form .input .submit-input{background-color: #383c4b; height: 38px; padding: 0 15px; border-radius: 2px; color: #fff; font-size: 14px; font-weight: bold;} .course-search #search-btn:hover, .comment-form .input .submit-input:hover, .contact-form .input .submit-input:hover{background-color: #fe9d68;} .features-section{background: #f5f5f5; text-align: center;} .features-section.white-bg{background: #fff;} .features-section .icon img{width: 64px;} .features-section .feature-title{margin: 10px 0 -2px;} .features-section .feature-box:hover .icon img{-webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px);} .features-section .feature-box.alt:hover .icon img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .instructors-section{position: relative; background: #fff; text-align: center; border-top: 1px solid rgba(0, 0, 0, .05);} .instructors-section .avatar img{border-radius: 3px 3px 0 0;} .instructors-section .instructor-info{background: #f5f5f5; border-radius: 0 0 3px 3px; padding: 27px 0 30px;} .instructors-section .instructor-info .name{font-size: 17px; font-weight: bold; margin-bottom: 11px;} .instructor-info .position{font-size: 12px; color: #5a5e6a; display: block; margin-bottom: 26px;} .instructors-section .instructor-info .Social-icons li{display: inline-block; vertical-align: top; margin-right: 7px;} .instructors-section .instructor-info .Social-icons li a{display: block; width: 34px; height: 34px; line-height: 34px; font-size: 14px; color: #a9abb0; border-radius: 2px;} .instructors-section .instructor-info .Social-icons li a:hover{background: #fe9d68; color: #fff;} .instructor.alt .details{border-top: 3px solid #fff; padding: 10px;} .instructor.alt .details .read-more{display: block; background: #fe9d68; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 600; padding: 0 7px; margin-right: 10px; height: 29px; line-height: 29px;} .instructor.alt .details .read-more:hover{background: #383c4b; color: #fff;} .instructor.alt .details .rating{background: #c8c9cc; border-radius: 3px; padding: 0 10px; unicode-bidi: bidi-override; direction: rtl; font-size: 15px; height: 29px; line-height: 29px;} .instructor.alt .details .rating span.star{font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block;} .instructor.alt .details .rating span.star:hover{cursor: pointer;} .instructor.alt .details .rating span.star:before{content: "\f005"; color: #383c4b; padding-right: 1px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;} .instructor.alt .details .rating span.star:hover:before, .instructor.alt .details .rating span.star:hover ~ span.star:before{content: "\f005"; color: #fff;} .instructor.alt .details .rating .result{color: #fff; font-size: 12px; font-weight: 600; display: inline-block; float: right; line-height: inherit; margin-left: 12px;} .instructors-section.alt{padding-bottom: 70px;} .instructor.alt{background: #efefef; border-radius: 3px; overflow: hidden; padding-top: 9px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); margin-bottom: 30px;} .instructor.alt .avatar{float: left; border-radius: 50%; overflow: hidden; box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); border: 3px solid #fff; margin: 0 10px 2px 10px;} .instructor.alt .instructor-info{background: none; padding: 0; float: left; text-align: left;} .instructor.alt .instructor-info .name{font-size: 15px; margin-top: 13px; margin-bottom: 5px; font-weight: bold;} .instructors-page{padding: 100px 0 70px; background: #f5f5f5;} .instructors-page .instructor{margin-bottom: 30px;} .instructors-page .instructor-info{background: #fff;} .latest-courses-section{background: #f5f5f5; text-align: center;} .latest-courses-section .latest-courses-content{margin-top: 50px;} .latest-courses-section .course{position: relative; background: #fff; padding-bottom: 23px; margin: 4px 0 3px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .latest-courses-section .course .featured-badge{width: 86px; height: 86px; background: url(/shc_website/static/src/css/assets/img/icons/ribbon.png) no-repeat center center; padding-top: 10px; position: absolute; left: -4px; top: -4px; z-index: 2;} .latest-courses-section .course .featured-badge span{display: block; text-align: left; color: #FFF; font-weight: bold; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, .2); -webkit-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -moz-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -ms-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -o-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0);} .latest-courses-section .course-image{position: relative; border-radius: 4px 4px 0 0; overflow: hidden; z-index: 1;} .latest-courses-section .course-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .latest-courses-section .course-info .course-title a{padding-top: 11px; display: block; color: #383c4b;} .latest-courses-section .course-info .course-title a:hover, .dark .latest-courses-section .course-info .course-title a:hover{color: #fe9d68;} .latest-courses-section .course-info .course-description{margin-bottom: 18px; color: #5a5e6a; padding: 0 10px;} .latest-courses-section .course-info .buttons .subscribe-btn{margin-right: 0;} .latest-courses-section .course-image .details-overlay{position: absolute; left: 0; top: -100%; width: 100%; height: 100%; padding: 48px 20px 0; background: rgba(254, 157, 104, .9); border-radius: 4px 4px 0 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;} .latest-courses-section .course-image .details-overlay .place, .latest-courses-section .course-image .details-overlay .time{background-color: rgba(54, 58, 73, .8); position: relative; left: -250px; display: block; height: 36px; line-height: 36px; color: #fff; text-align: left; padding-left: 10px; margin-bottom: 10px; border-radius: 2px; -webkit-transition: all .25s ease-out .25s; -moz-transition: all .25s ease-out .25s; -ms-transition: all .25s ease-out .25s; -o-transition: all .25s ease-out .25s; transition: all .25s ease-out .25s;} .latest-courses-section .course-image .details-overlay .time{margin-bottom: 0; -webkit-transition: all .25s ease-out .35s; -moz-transition: all .25s ease-out .35s; -ms-transition: all .25s ease-out .35s; -o-transition: all .25s ease-out .35s; transition: all .25s ease-out .35s;} .latest-courses-section .course-image .details-overlay span > i{font-size: 17px;} .latest-courses-section .course-image .details-overlay .place i{margin-right: 10px;} .latest-courses-section .course-image .details-overlay .time i{margin-right: 5px;} .latest-courses-section .course:hover .details-overlay{top: 0;} .latest-courses-section .course:hover .details-overlay span{left: 0;} .latest-courses-section.no-margin{padding-top: 32px;} .latest-courses-section.no-margin .latest-courses-content{margin: 0;} .latest-courses-content.listview .course{padding: 20px 20px 22px;} .latest-courses-content.listview .course .course-image{max-width: 270px; float: left; border-radius: 4px; margin-right: 20px;} .latest-courses-content.listview .course .course-info{text-align: left;} .latest-courses-content.listview .course .course-title{text-align: left;} .latest-courses-content.listview .course .course-title a{padding-top: 0; padding-bottom: 11px; line-height: 15px;} .latest-courses-content.listview .course .course-description{margin-bottom: 12px; text-align: justify;} .latest-courses-content.listview .course .details{width: 50%; background: #efefef; border-radius: 3px; height: 29px; line-height: 29px; padding: 0 10px; color: #909090;} .latest-courses-content.listview .course .course-info .btn.subscribe-btn{margin-right: 0;} .add-courses{background: #fff; margin-top: 97px; border-radius: 4px; padding: 20px; text-align: left; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .add-courses.box{margin-top: 30px;} .add-courses .add-courses-icon{width: 65px; margin-right: 20px; border-radius: 3px;} .add-courses .add-courses-title{display: inline-block; font-size: 17px; font-weight: bold; color: #fe9d68; margin-bottom: 10px; line-height: 18px;} .add-courses .add-courses-title:hover{color: #383c4b;} .add-courses .add-courses-description{font-weight: 600; color: #5a5e6a;} .categories-section{background: #eee; padding-bottom: 70px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);} .categories-section .section-description{color: #353a48;} .categories-section .cat-box{background: #fff; text-align: left; border-radius: 4px; padding-bottom: 20px; margin-bottom: 30px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .categories-section .cat-box:hover .cat-image .cat-icon{background: #383c4b;} .categories-section .cat-box .cat-image{position: relative;} .categories-section .cat-box .cat-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .categories-section .cat-box .cat-image img{border-radius: 4px 4px 0 0;} .categories-section .cat-box .cat-image .cat-icon{background: #fe9d68; display: block; position: absolute; left: 15px; bottom: -19px; z-index: 1; width: 38px; height: 38px; font-size: 18px; line-height: 38px; border-radius: 2px; text-align: center; color: #fff;} .categories-section .cat-box .cat-title a{display: block; color: #fe9d68; text-align: left; padding: 24px 15px 0;} .categories-section .cat-box .cat-title a:hover{color: #383c4b;} .categories-section .cat-box .courses-counter{color: #5a5e6a; font-weight: 600; padding: 0 15px;} .categories-section .cat-box .courses-counter .nums{color: #383c4b;} .misc-section{background: #f5f5f5; padding-top: 95px;} .blog-posts{position: relative;} h6.head-title{text-align: left; margin-bottom: 30px;} .basic-slider{position: static;} .basic-slider .flex-direction-nav a{top: 25px;} .basic-slider .flex-direction-nav .flex-next{right: 0;} .basic-slider .flex-direction-nav .flex-prev{left: auto; right: 42px;} .blog-posts .post{background: transparent; padding-top: 0; padding-bottom: 30px;} .blog-posts .post:last-child{padding-bottom: 0;} .blog-posts .post .image-post{position: relative; margin-right: 20px;} .blog-posts .post .image-post img{border-radius: 3px;} .blog-posts .post .image-post .post-date{background: #262934; width: 42px; height: 58px; position: absolute; left: 10px; top: 10px; font-size: 12px; text-align: center; color: #fff; border-radius: 3px;} .blog-posts .post .image-post .post-date span{display: block;} .blog-posts .post .image-post .post-date .day{font-size: 25px; font-weight: bold;} .basic-slider-box .post-title{text-align: left; line-height: 12px;} .basic-slider-box .post-title a{display: block; color: #fe9d68; padding-bottom: 19px;} .basic-slider-box .post-title a:hover, .basic-slider-box .post .meta a:hover{color: #383c4b;} .blog-posts .post .meta{color: #909090; font-size: 12px; margin-bottom: 12px;} .blog-posts .post .meta .author{margin-right: 26px;} .blog-posts .post .meta i{font-size: 15px; margin-right: 6px;} .blog-posts .post .meta a{color: #fe9d68;} .blog-posts .post-description, .questions .query-description{color: #5a5e6a; margin-bottom: 3px;} .blog-posts .read-more{color: #383c4b;} .blog-posts .read-more:hover{color: #fe9d68;} .accordion .accordion-header{background: #fff; position: relative; height: 42px; line-height: 42px; font-size: 14px; font-weight: bold; text-align: left; padding: 0 20px; margin-top: 16px; border: 1px solid #dfdfdf; cursor: pointer; color: #5a5e6a; border-radius: 2px;} .accordion .inactive-header:after, .accordion .active-header:after{content: '\f068'; font: normal normal normal 10px/1 "FontAwesome"; background: #5a5e6a; display: inline-block; width: 20px; height: 20px; line-height: 20px; position: absolute; top: 50%; right: 10px; margin-top: -10px; border-radius: 1px; text-align: center; color: #fff;} .accordion .inactive-header:after{content: '\f067'; background: #fe9d68;} .accordion .active-header, .accordion .inactive-header:hover{color: #fe9d68;} .accordion .accordion-content{display: none; padding: 18px 20px; background: #fff; border: 1px solid #e4e4e4; width: 100%; border-top: 0; border-radius: 0 0 2px 2px;} .our-clients{margin-top: 74px;} #clients-slider .flex-direction-nav a{top: -28px;} #clients-slider .flex-direction-nav .flex-next{right: 15px;} #clients-slider .flex-direction-nav .flex-prev{left: auto; right: 57px;} .course-search.alt{background: none; height: 58px; line-height: 58px; width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 20;} .course-search.alt .container{background: #fe9d68; border-radius: 4px;} .course-search.alt .dropdown, .course-search.alt #course-name{background: #fff; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05); border: none;} .course-search.alt .dropdown div{left: 0;} .course-search.alt:before{display: none;} .course-search.alt #search-btn{font: normal normal normal 18px/1 "FontAwesome"; width: 80px; margin-top: -2px; vertical-align: middle;} .course-search.alt #search-btn:hover{background-color: #383c4b; color: #fe9d68;} .features-section .feature-box.alt{background: url(/shc_website/static/src/css/assets/img/long-shadow-bg.png) no-repeat 55px top;} .features-section .feature-box.alt .icon{height: 155px; padding-top: 42px;} .questions{position: relative;} .questions .flexslider{padding: 2px;} .questions .flexslider li .query{background: #fff; border-radius: 2px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); border: 1px solid #dedede; margin-bottom: 20px; padding: 19px;} .questions .flexslider li .query:last-child{margin: 0;} .questions .flexslider li .query .image{border-radius: 50%; overflow: hidden; border: 3px solid #FFF; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);} .questions .flexslider li .query .query-content{margin-left: 105px;} .questions .post-title a{padding-bottom: 15px;} .questions .flexslider li .details{color: #909090; margin-top: 10px;} .details .date, .details .place{margin-right: 27px;} .details .icon i{font-size: 15px; margin-right: 6px;} .details .text{font-size: 12px;} .home-skills{padding-top: 2px;} .home-skills .skillbar{position: relative; display: block; margin-bottom: 14px; width: 100%; background: #e9e9e9; height: 38px; border-radius: 2px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;} .home-skills .skillbar-title{background: #fe9d68; position: absolute; top: 0; left: 0; font-weight: bold; color: #fff; padding: 0 20px; height: 38px; line-height: 38px; border-radius: 2px;} .home-skills .skillbar-bar{height: 38px; width: 0px; background: #fe9d68; border-radius: 2px;} .tp-banner-container.has-btns .slider-btns a{font-size: 15px; height: 38px; line-height: 38px; box-shadow: none; color: #fff;} .tp-banner-container.has-btns .slider-btns a.more{background-color: #21242e;} .tp-banner-container.has-btns .slider-btns a:hover{opacity: 1; background: #fff; color: #383c4b;} .tp-banner-container.has-btns .tp-bullets{top: auto !important; bottom: 30px;} .tp-banner-container.has-btns .tp-bullets .bullet{margin-top: 0;} .features-section.alt{padding-top: 100px;} .features-content.alt{margin-top: 0;} .latest-courses-content.alt #courses-slider{margin-bottom: 37px;} .testimonials-section{position: relative; text-align: center; padding: 95px 0 78px 0; background: url(/shc_website/static/src/css/assets/img/content/testimonials-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .testimonials-section:after{content: ''; background: rgba(56, 60, 75, .9); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .testimonials-section .testimonials-content{position: relative; z-index: 1;} .testimonials-section .flexslider .flex-direction-nav{position: relative; top: -85px;} .testimonials-section .flexslider .flex-direction-nav li{display: inline-block; margin: 0 60px;} .testimonials-section .flexslider .flex-direction-nav a{position: static;} .testimonials-section .testimonials-content .title{font-size: 25px; color: #fe9d68; font-weight: bold; margin-bottom: 43px;} .testimonials-section .testimonials-content .description{font: normal 18px/28px 'Lato', sans-serif; color: #fff; font-style: italic; margin-bottom: 27px;} .testimonials-section .testimonials-content .image img{width: auto; border: 4px solid #fff; border-radius: 50%; margin-bottom: 10px; display: inline-block; max-width: 62px;} .testimonials-section .testimonials-content .name{font-size: 14px; font-weight: bold; color: #f5f5f5; margin-bottom: 2px;} .testimonials-section .testimonials-content .position{font-size: 12px; font-weight: bold; color: #d1cece;} .course-search-section{position: relative; padding: 100px 0 90px 0; background: url(/shc_website/static/src/css/assets/img/content/course-search-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .course-search-section:after{content: ''; background: rgba(254, 157, 104, .95); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .course-search-section .content{position: relative; z-index: 2;} .course-search-section .content .section-title{color: #fff; line-height: 17px; margin-bottom: 15px;} .course-search-section .course-search{position: relative; bottom: 0; height: auto; margin-top: 35px;} .course-search-section .course-search .container{background: none; box-shadow: none;} .course-search-section .course-search #search-btn{font: bold 14px 'Open Sans';} .course-search-section.alt:after{background: rgba(47, 51, 66, .90);} .course-search-section.alt .section-description{color: #a9abb0;} .add-courses.top-margin{margin: 17px 0 -18px;} .latest-courses-section.no-slider .course{margin: 28px 0 3px;} .pagination{margin-top: 47px; overflow: hidden;} .pagination ul{text-align: center;} .pagination ul li{margin: 0 1px;} .pagination li.arrow{margin: 0 6px;} .pagination li a{display: block; background: #e6e6e6; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; font-weight: bold; color: #5a5e6a; border-radius: 1px;} .pagination li.arrow a, .dark .pagination li.arrow a{background: #fe9d68; font-size: 13px; font-weight: normal; color: #fff;} .pagination li a:hover, .dark .pagination li a:hover{background: #383c4b; color: #fff;} .onepage .tparrows{display: none;} .scroll-down{position: absolute; left: 0; bottom: 45px; width: 100%; text-align: center; z-index: 20;} .scroll-down a{display: block;} .scroll-down a span{display: block; font-family: 'Lato', Arial, sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; padding: 5px 0;} .scroll-down a:hover{color: #fe9d68;} .scroll-down a i{color: #fc9c67; font-size: 17px;} .inner-head{background:#713a31; position: relative; text-align: center; padding: 50px 0;} .inner-head:after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .inner-head .container{position: relative; z-index: 1;} .inner-head h1.entry-title{font: normal 30px/20px 'Lato', Arial, sans-serif; text-transform: uppercase; margin-bottom: 17px; color: #fff; text-shadow: 0px 1px 3px rgba(0, 0, 0, .5);} .inner-head .description{color: #a9abb0; max-width: 770px; margin: auto; text-align: justify;} .inner-head .breadcrumb{margin: 10px 0;} .inner-head .breadcrumb li{position: relative; margin-right: 10px; padding-right: 10px;} .inner-head .breadcrumb li:after{content: '\f105'; font: normal normal normal 13px/1 "FontAwesome"; display: block; position: absolute; left: 100%; top: 4px; color: #cecfd2;} .inner-head .breadcrumb li:last-child:after{display: none;} .inner-head .breadcrumb li a{display: block; color: #f89966;} .inner-head .breadcrumb li.current-page a, .inner-head .breadcrumb li:hover a{color: #cecfd2;} .post{padding-top: 100px; background: #f5f5f5;} .post #single-slider{margin-bottom: 30px;} .post #single-slider .image{position: relative; border-radius: 4px; overflow: hidden;} .post #single-slider .image:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: rgba(0, 0, 0, .25);} .post #single-slider .flex-direction-nav a{top: auto; left: auto; right: 20px; bottom: 20px;} .post #single-slider .flex-direction-nav .flex-prev{right: 62px;} .post .entry, .post .course-details, .contact .contact-left, .login-page .login-form, .login-page .login-options{background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .post .course-details{margin-bottom: 30px;} .post .entry-icon, .sidebar .sidebar-widget .widget-icon, .comment-form .addcomment-title .icon, .contact .contact-left .contact-form-icon, .login-page .login-form .login-title .icon{background: #383c4b; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 1px; color: #fff; font-size: 18px; margin-right: 6px; margin-bottom: 24px;} .post .entry h4{font: bold 18px 'Lato', Arial, sans-serif;} .post .entry .content p{color: #5a5e6a; margin-bottom: 12px;} .post .entry .share-post, .follow-icons, .share-icons{background: #ffe1d1; border-radius: 4px; padding: 12px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03);} .post .entry .share-post .text, .share-icons .text{font-size: 16px; color: #fe9d68; font-weight: bold; margin-top: 2px;} .post .entry .icons ul li, .share-icons ul li, .follow-icons ul li{float: left; margin-left: 6px;} .post .entry .icons ul li a, .share-icons ul li a, .follow-icons ul li a{background: #5d82d1; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;} .post .entry .icons ul li a.tw-icon, .share-icons ul li a.tw-icon, .follow-icons ul li a.tw-icon{background: #40bff5;} .post .entry .icons ul li a.gp-icon, .share-icons ul li a.gp-icon, .follow-icons ul li a.gp-icon{background: #eb5e4c;} .post .entry .icons ul li a.in-icon, .share-icons ul li a.in-icon, .follow-icons ul li a.in-icon{background: #238cc8;} .post .entry .icons ul li a:hover, .share-icons ul li a:hover, .follow-icons ul li a:hover{background: #383c4b;} .post .entry .icons ul li a i, .share-icons ul li a i, .follow-icons ul li a i{color: #fff; font-size: 14px;} .blog{padding: 70px 0 100px; background: #f5f5f5;} .blog .blogpost{padding: 20px 20px 22px; background: #fff; padding-bottom: 23px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); margin-top: 30px;} .blog .blogpost .blogpost-image{border-radius: 4px; overflow: hidden; position: relative; margin-bottom: 20px;} .blog .blogpost .blogpost-image img{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;} .blog .blogpost:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .blog .blogpost .blogpost-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .blog .blogpost h3.blogpost-title{line-height: 15px;} .blog .blogpost h3.blogpost-title a, .post.single .single-title a{display: inline-block; padding-bottom: 11px; color: #fa9964;} .blog .blogpost h3.blogpost-title a:hover, .post.single .single-title a:hover, .post.single .meta div a:hover{color: #383c4b;} .blog .blogpost h3.blogpost-title .post-type-icon, .post.single .single-title .post-type-icon{background: #fe9d68; display: inline-block; width: 29px; height: 29px; line-height: 29px; text-align: center; border-radius: 4px; box-shadow: none; margin-right: 4px;} .blog .blogpost h3.blogpost-title .post-type-icon i, .post.single .single-title .post-type-icon i{color: #fff;} .blog .blogpost .meta div, .post.single .meta div{background: #efefef; padding: 7px 10px; border-radius: 4px; min-width: 115px; font-size: 12px; color: #909090; margin-right: 16px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);} .blog .blogpost .meta .comments, .post.single .meta .comments{margin-right: 0;} .blog .blogpost .meta div .icon i, .post.single .meta div .icon i{font-size: 15px; margin-right: 6px;} .blog .blogpost .meta div a, .post.single .meta div a{color: #fe9d68;} .blog .blogpost .meta div a:hover{color: #383c4b;} .blog .blogpost .blogpost-info .blogpost-description{clear: right; margin: 20px 0 28px;} .blog .blogpost .blogpost-info .btn.orange-btn{margin-right: 0;} .blog.listview .blogpost .blogpost-image{float: left; margin-right: 20px; margin-bottom: 0;} .blog.listview .blogpost .blogpost-info .blogpost-description{margin: 53px 0 8px;} .blog.three-col .blogpost .meta{position: absolute; width: 100%; height: 100%; top: 0; left: 20px;} .blog.three-col .blogpost .meta div{margin: 0; margin-top: 20px; display: block; min-width: 125px; max-width: 150px; background: rgba(38, 41, 52, .85);} .blog .blogpost .blogpost-image .meta div a:hover{color: #fff;} .blog.three-col .blogpost .blogpost-info .blogpost-description{margin-bottom: 23px;} .post .entry-sidebar .course-details h4{font-size: 18px; font-weight: bold;} .post .entry-sidebar .course-details div{background: #efefef; height: 29px; line-height: 29px; padding: 0 10px; color: #909090; border-radius: 4px; margin-bottom: 20px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);} .post .entry-sidebar .course-details div .icon{margin-right: 12px;} .post .entry-sidebar .course-details .join-btn{font-size: 17px; height: 54px; line-height: 54px; margin: 0; display: block; text-align: center;} .post .entry-sidebar .course-details .join-btn:hover{background-color: #383c4b; opacity: 1;} .post .entry-sidebar .instructor{margin-bottom: 0;} .sidebar{margin-top: 30px;} .sidebar .search{margin-bottom: 30px;} .sidebar .search .search-input{background-color: #e1e1e1; width: 270px; height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; font-style: italic; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .03);} .sidebar .search .submit-btn{font: normal normal normal 16px/1 "FontAwesome"; width: 70px; height: 40px; color: #fff; text-align: center; vertical-align: middle; background: #fa9964;} .sidebar .search .submit-btn:hover{background: #383c4b;} .sidebar .sidebar-widget{padding: 20px; background: #fff; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); margin-bottom: 30px; overflow: hidden;} .sidebar .sidebar-widget.cats ul li a{background: url(/shc_website/static/src/css/assets/img/icons/sidebar-link-arrow.png) no-repeat left center; display: block; padding: 6px 0 6px 18px; color: #5a5e6a;} .sidebar .sidebar-widget.cats ul li a:hover{background-position: 2px center; color: #000;} .sidebar .sidebar-widget.last-posts .widget-icon{margin-bottom: 0;} .sidebar .sidebar-widget.last-posts ul li{padding: 17px 0; border-bottom: 1px solid #d7d8db;} .sidebar .sidebar-widget.last-posts ul li:last-child{border: 0; padding-bottom: 0;} .sidebar .sidebar-widget.last-posts ul li a{display: block; font-size: 14px; font-weight: bold; padding: 10px 0; color: #fe9d68;} .sidebar .sidebar-widget.last-posts ul li a:hover{color: #383c4b;} .sidebar .sidebar-widget.tabs-widget{padding: 0;} .sidebar .sidebar-widget ul.tabs li{background: #fa9964; float: left; width: 33.33333333%; font-size: 16px; font-weight: bold; text-align: center; color: #fff; padding: 10px 0; cursor: pointer; border-right: 1px solid #fff; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out;} .sidebar .sidebar-widget ul.tabs li:hover{background: #ffb085;} .sidebar .sidebar-widget ul.tabs li.active{background: #fff; color: #fa9964;} .sidebar .sidebar-widget ul.tabs li:last-child{border: 0;} .sidebar .sidebar-widget .tab-content{display: none; padding: 20px; clear: both;} .sidebar .sidebar-widget .tab-content.active{display: inherit;} .sidebar .sidebar-widget .tab-posts .post-item{padding: 9px; background: #fce9de; border-radius: 2px; margin-top: 20px;} .sidebar .sidebar-widget .tab-posts .post-item:first-child{margin-top: 0;} .sidebar .sidebar-widget .tab-posts .post-item .post-image{margin-right: 10px; position: relative; border-radius: 2px; position: relative; overflow: hidden;} .sidebar .sidebar-widget .tab-posts .post-item .post-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .sidebar .sidebar-widget .tab-posts .post-item .post-title{display: block; font-size: 14px; font-weight: bold; color: #fe9d68; margin: -5px 0 10px;} .sidebar .sidebar-widget .tab-posts .post-item .post-title:hover{color: #383c4b;} .sidebar .sidebar-widget .tab-posts .post-item .description{font-size: 12px; line-height: 20px; color: #383c4b; margin-bottom: 6px;} .sidebar .sidebar-widget .tab-posts .post-item .date{font-size: 11px; color: #5a5e6a;} .sidebar .sidebar-widget .tab-posts .post-item .read-more{display: block; width: 20px; height: 20px; line-height: 20px; font-size: 11px; background: #383c4b; border-radius: 1px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); border-bottom: 0; color: #fff; text-align: center;} .sidebar .sidebar-widget .tab-posts .post-item .read-more:hover{background: #fa9964;} .sidebar .sidebar-twitter-widget{background: #40bff5 url(/shc_website/static/src/css/assets/img/icons/twitter-sidebar-icon.png) no-repeat right bottom;} .sidebar .sidebar-twitter-widget h5.sidebar-widget-title{color: #fff; font-size: 17px; margin-bottom: 30px;} .sidebar .sidebar-twitter-widget .status{color: #f5f5f5;} .sidebar .sidebar-twitter-widget .date{color: #202028; margin: 20px 0 65px 0;} .sidebar .sidebar-twitter-widget .flex-direction-nav a{right: auto; top: auto; left: 42px; bottom: 0; margin: 0;} .sidebar .sidebar-twitter-widget .flex-direction-nav .flex-prev{left: 0;} .about-section{padding-top: 93px;} .post.alt{padding-bottom: 70px;} .about-section .about-images{text-align: right; position: relative;} .about-section .about-images .img-1, .about-section .about-images .img-2{position: absolute; left: 0; bottom: 0; z-index: 1;} .about-section .about-images .main-img{display: inline-block;} .about-section .about-images .img-2{left: auto; right: 0;} .post.single{padding-bottom: 100px;} .post.single .sidebar{margin-top: 0;} .post .featured-image{position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 30px; z-index: 1;} .post .featured-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .post .entry .content{clear: both; margin-top: 10px;} .comments-list{background: #fa9964; padding: 20px 20px 30px; margin: 30px 0; border-radius: 4px;} .comments-list .comment-body{margin-bottom: 45px;} .comments-list > li:last-child .comment-body{margin-bottom: 0;} .comments-list li .avatar{overflow: hidden; border: 3px solid #f87a46; border-radius: 50%; margin-right: 20px;} .comments-list li .content{overflow: hidden;} .comments-list li .author .name{display: block; color: #f6f6f6; font-size: 15px; font-weight: bold;} .comments-list li .author .date{display: block; font-size: 12px; color: #383c4b; margin: 5px 0 12px;} .comments-list li .author .reply a{display: block; line-height: 38px;} .comments-list li .author .reply a:hover{background-color: #fff; color: #383c4b;} .comments-list li .text{color: #f5f5f5;} .comments-list ul.children{margin-left: 100px;} .comments-list li.haschild > .comment-body{position: relative;} .comments-list li.haschild > .comment-body:after{content: ''; display: block; width: 2px; height: 100%; background: #212129; position: absolute; left: 35px; top: 90px;} .comments-list li.haschild > .comment-body:before{content: ''; display: block; width: 55px; height: 2px; background: #212129; position: absolute; left: 35px; bottom: -90px;} .comment-form{padding: 20px; background: #fff; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); overflow: hidden;} .comment-form .addcomment-title .icon{margin-bottom: 0;} .comment-form .addcomment-title .text{font-size: 18px; font-weight: bold; color: #383c4b;} .comment-form .input, .contact-form .input{position: relative;} .comment-form .input input:not([type=submit]), .comment-form .input textarea, .contact-form .input input:not([type=submit]), .contact-form .input textarea, .login-page .login-form .input input{display: block; width: 100%; padding: 9px 20px; border: 1px solid #d7d8db; border-radius: 2px; font-size: 15px; font-weight: bold; margin-top: 20px; color: #5a5e6a;} .comment-form .input input:focus:not([type=submit]), .comment-form .input textarea:focus, .contact-form .input input:focus:not([type=submit]), .contact-form .input textarea:focus, .login-page .login-form .input input:focus:not([type=submit]){border-color: #5a5e6a;} .comment-form .input textarea, .contact-form .input textarea{min-height: 132px; resize: vertical;} .comment-form .input .submit-input, .contact-form .input .submit-input{position: absolute; right: 10px; bottom: 10px; padding: 0 32px;} .portfolio-grid{padding: 100px 0;} .portfolio-filter ul li{float: left; margin-right: 25px;} .portfolio-filter ul li.item a{display: block; background: #fff; width: 170px; color: #a9abb0; font-size: 16px; font-weight: bold; padding: 7px 0; border: 2px solid #e6e6e6; border-radius: 2px;} .portfolio-filter ul li.item a:hover, .portfolio-filter ul li.item a.active{color: #fe9d68;} .portfolio-filter ul li.icon:last-child{margin-right: 0;} .portfolio-filter ul li.icon a{display: block; width: 70px; height: 40px; line-height: 40px; background: #fe9d68; border-radius: 2px; font-size: 20px; color: #fff;} .portfolio-filter ul li.icon a:hover{background: #383c4b;} .portfolio-overlay .portfolio-row{margin-right: -14.99px;} .portfolio-overlay .portfolio-items .course{margin-top: 29px;} .portfolio-overlay .course .course-image .details-overlay{padding-top: 0;} .portfolio-overlay .course .details-overlay .time{margin-right: 15px;} .portfolio-overlay .course .details-overlay .time, .portfolio-overlay .course .details-overlay .place{display: inline-block; width: 38px; height: 38px; line-height: 40px; text-align: center; padding-left: 0; margin-bottom: 0;} .portfolio-overlay .course .details-overlay .overlay-icons{position: absolute; left: 0; top: 50%; width: 100%; margin-top: -19px;} .portfolio-overlay .course .details-overlay span a{display: block;} .latest-courses-section .portfolio-overlay .course-image .details-overlay span i{margin-right: 0; color: #fff; font-size: 17px;} .portfolio-overlay .course-info{padding: 20px 20px 0;} .portfolio-overlay .course-info .project-icon{background: #fe9d68; width: 38px; height: 38px; line-height: 38px; text-align: center; display: inline-block; margin-right: 10px; border-radius: 2px; box-shadow: none;} .portfolio-overlay .course-info .project-icon i{font-size: 18px; color: #fff;} .portfolio-overlay .course-info .cat{display: block; clear: both; text-align: left;} .portfolio-overlay .course-info .course-title{line-height: 14px; font-size: 16px;} .portfolio-overlay .course-info .course-title a{color: #fa9964; padding: 0;} .latest-courses-section .portfolio-overlay .course-info .course-title a:hover{color: #383c4b;} .portfolio-overlay .course-info .course-title .cat{font-size: 12px; color: #5a5e6a; margin-top: 10px; font-weight: normal;} .isotope-item{z-index: 2; list-style: none;} .isotope-hidden.isotope-item{pointer-events: none; z-index: 1;} .isotope, .isotope .isotope-item{-webkit-transition-duration: .7s; -moz-transition-duration: .7s; -ms-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s;} .isotope{width: 100%; -webkit-transition-property: width, height; -moz-transition-property: width, height; -ms-transition-property: width, height; -o-transition-property: width, height; transition-property: width, height;} .isotope .isotope-item{-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity;} .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} .portfolio.single{padding-bottom: 0;} .portfolio.single .flexslider .flex-direction-nav .flex-next{right: 20px;} .portfolio.single .flexslider .flex-direction-nav .flex-prev{left: auto; right: 62px;} .portfolio.single .flexslider .flex-direction-nav a{top: auto; bottom: 20px;} .portfolio.single .single-title .post-type-icon{width: 38px; height: 38px; line-height: 38px; border-radius: 2px;} .portfolio.single .project-link a{display: inline-block; background: #383c4b; border-radius: 2px; color: #fff; font-weight: bold; padding: 5px 25px;} .portfolio.single .project-link a:hover{background: #fe9d68;} #portfolio-modal .modal-dialog{margin-top: 50px;} #portfolio-modal .close-modal{position: absolute; right: 20px; top: 5px; z-index: 10;} #portfolio-modal .popup-content .post{padding-top: 0; background: none;} #portfolio-modal .popup-content .modal-slider{max-height: 575px;} .latest-courses-section .gallery .course{padding-bottom: 0;} .latest-courses-section .gallery .course-image{border-radius: 4px;} #login-modal .container, #register-modal .container{max-width: 750px;} #login-modal .popup-content .login-page, #register-modal .popup-content .login-page{padding: 100px 0 0; background: none;} .modal .close-modal{display: block; width: 20px; height: 20px; text-align: right; color: #383c4b;} .modal .close-modal span{font-size: 18px; vertical-align: top;} .login-page{background: #f5f5f5; padding: 150px 0;} .login-page .login-form{margin-bottom: 30px;} .login-page .login-form .login-title .icon{margin-bottom: 10px;} .login-page .login-form .login-title .text{font: bold 18px 'Lato', sans-serif; color: #383c4b;} .login-page .login-form .input .submit-input, .dark .login-page .login-form .input .submit-input{background: #fe9d68; color: #fff; margin-bottom: 20px; border: 0; box-shadow: none;} .login-page .login-form .custom-checkbox label{font-size: 14px; font-weight: bold; color: #383c4b; cursor: pointer;} .custom-checkbox:not(#foo) .checkbox-input{position: absolute; opacity: 0;} .custom-checkbox:not(#foo) .checkbox-input + label{position: relative; cursor: pointer; padding: 0;} .custom-checkbox:not(#foo) .checkbox-input + label:before{content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 22px; height: 22px; background: #d7d8db; border-radius: 1px;} .custom-checkbox:not(#foo) .checkbox-input.disabled + label, .custom-checkbox:not(#foo) .checkbox-input[disabled] + label{color: #b8b8b8;} .custom-checkbox:not(#foo) .checkbox-input.disabled + label:before, .custom-checkbox:not(#foo) .checkbox-input[disabled] + label:before{box-shadow: none; background: #ddd;} .custom-checkbox:not(#foo) .checkbox-input:checked + label:after{content: ''; position: absolute; left: 5px; top: 9px; background: white; width: 4px; height: 4px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -3px 0 white, 4px -8px 0 white, 4px -6px 0 white; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .login-page .login-form .forgot a{font-size: 14px; color: #5a5e6a;} .login-page .login-form .forgot .reset{color: #ff0000;} .login-page .login-form .forgot a:hover{text-decoration: underline;} .login-page .login-options .login-op-btn{background-position: right bottom; background-repeat: no-repeat; display: block; font-size: 15px; font-weight: bold; color: #fff; padding: 9px 20px; margin-bottom: 20px; border-radius: 2px; box-shadow: none;} .login-page .login-options .login-op-btn.tw, .login-page .login-options .login-op-btn.ya{margin-bottom: 0;} .login-page .login-options .login-op-btn.fb{background-image: url(/shc_website/static/src/css/assets/img/icons/login-facebook-icon.png); background-color: #5d82d1;} .login-page .login-options .login-op-btn.gp{background-image: url(/shc_website/static/src/css/assets/img/icons/login-google-icon.png); background-color: #eb5e4c;} .login-page .login-options .login-op-btn.tw{background-image: url(/shc_website/static/src/css/assets/img/icons/login-twitter-icon.png); background-color: #40bff5;} .login-page .login-options .login-op-btn.ya{background-image: url(/shc_website/static/src/css/assets/img/icons/login-yahoo-icon.png); background-color: #ab47ac;} .login-page .login-form .input .submit-input:hover, .login-page .login-options .login-op-btn:hover{background-color: #383c4b;} .login-page .register .input .submit-input{margin-bottom: 0;} .contact{background: #f5f5f5; padding-bottom: 100px;} .contact .big-map .fixed-map{height: 350px; overflow: hidden; border-radius: 4px; position: relative; margin: 100px 0 30px;} .contact .big-map .full-map{width: 100%; height: 448px; margin-bottom: 30px; position: relative;} .contact .big-map .fixed-map:after, .contact .big-map .full-map:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .contact .sidebar .search{margin-bottom: 30px;} .contact.contact-3{padding: 100px 0;} .contact.contact-3 .fixed-map{margin-top: 0;} .gm-style-iw *{display: block; width: 100%;} .gm-style-iw h4, .gm-style-iw p{margin: 0; padding: 0;} .gm-style-iw a{color: #4272db;} .contact .sidebar, .contact .sidebar .contact-info{margin-top: 0;} .contact .contact-left .contact-text{color: #5a5e6a; margin-bottom: 20px;} .follow-icons ul li:first-child{margin-left: 0;} .contact .contact-right .info-text{color: #5a5e6a;} .contact .contact-right .call{color: #fe9d68; margin-top: 22px;} .typography, .shortcodes{background: #f5f5f5;} .space{height: 30px; clear: both;} .headlines .item p, .column-item .row-content{color: #5a5e6a;} blockquote{display: block; position: relative; padding: 23px 30px 25px 30px; margin: 6px 0;} blockquote .story{font-size: 20px; font-style: italic; color: #fe9d68; margin-bottom: 15px;} blockquote .name{font-size: 13px; color: #5a5e6a;} blockquote.blockquote-1{border-left: 6px solid #fe9d68;} blockquote.blockquote-2:before, blockquote.blockquote-2:after{content: '\f10d'; display: block; font: normal normal normal 16px/1 "FontAwesome"; color: #a9abb0; position: absolute;} blockquote.blockquote-2:before{left: 0; top: 0;} blockquote.blockquote-2:after{content: '\f10e'; right: 0; bottom: 0;} blockquote.blockquote-3{background: #f8f7f7; border: 1px solid #e9e8e8; border-radius: 5px;} blockquote.blockquote-4{background: #fe9d68; border-radius: 5px;} blockquote.blockquote-4 .story{color: #fff;} .list ul li, .list ol li{color: #5a5e6a; line-height: 30px;} .ul-list ul li, .ol-list ol li{list-style: inside;} .ol-list ol li{list-style-type: decimal;} [class^="list-"] li:before, [class*="list-"] li:before{color: #fe9d68; margin-right: 10px; font: normal normal normal 15px/1 "FontAwesome";} .list-play-circle ul li:before{content: '\f01d';} .list-arrow-circle ul li:before{content: '\f0a9';} .list-checked-circle ul li:before{content: '\f05d';} .list-bold-caret ul li:before{content: '\f0da';} .list-normal-caret ul li:before{content: '\f105';} .list-star ul li:before{content: '\f006';} .Social-media-icons ul li a{background: #ff8e2e; display: block; margin: 0 10px 10px 0; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 18px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);} .Social-media-icons ul li a:hover{background: #383c4b;} .colored ul li .fb{background: #5d82d1;} .colored ul li .pn{background: #e13138;} .colored ul li .tw{background: #40bff5;} .colored ul li .gp{background: #eb5e4c;} .colored ul li .rss{background: #faa33d;} .colored ul li .vm{background: #35c6ea;} .colored ul li .dr{background: #f7659c;} .colored ul li .tm{background: #426d9b;} .colored ul li .be{background: #1879fd;} .colored ul li .st{background: #ff5c30;} .colored ul li .dp{background: #17a3eb;} .colored ul li .sc{background: #ff7e30;} .colored ul li .fm{background: #f34320;} .colored ul li .fk{background: #ff48a3;} .colored ul li .dv{background: #6a8a7b;} .colored ul li .in{background: #238cc8;} .colored ul li .dgg{background: #75788d;} .colored ul li .xg{background: #1a8e8c;} .colored ul li .git{background: #3f91cb;} .colored ul li .ig{background: #548bb6;} .colored ul li .ya{background: #ab47ac;} .colored ul li .yt{background: #ef4e41;} .colored ul li .sp{background: #13c1f3;} .colored ul li .at{background: #25a774;} .colored ul li .wp{background: #2592c3;} .colored ul li .pl{background: #ff7850;} .colored ul li .dl{background: #377bda;} .colored ul li .dl{background: #ff9233;} .colored ul li .dd{background: #377bda;} .colored ul li .ap{background: #b3b5b8;} .colored ul li .vk{background: #4778ac;} .pricing-tables{background: #f5f5f5; padding: 100px 0;} .pricing-tables .table-row{margin-bottom: 70px;} .pricing-tables .table-row .table{background: #fff; padding-bottom: 20px; text-align: center; border-radius: 2px; overflow: hidden; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .pricing-tables .table-row .table .table-header{background: #fe9d68; box-shadow: none;} .pricing-tables .table-1 .table .table-header{padding: 15px 0;} .pricing-tables .table-row .table .table-header .icon{background: #2f3342; width: 94px; height: 94px; line-height: 100px; margin: auto; border-radius: 50%; border: 4px solid #fa7c49;} .pricing-tables .table-row .table .table-header .icon i{color: #fff; font-size: 38px;} .pricing-tables .table-row .table .table-header .text{font-size: 20px; font-weight: bold; color: #fff;} .pricing-tables .table-1 .table .table-header .text{margin-top: 15px;} .pricing-tables .table-row .table .table-body .features li{font-size: 16px; color: #5a5e6a; padding: 13px 5px; border-bottom: 1px solid #ededed; cursor: default;} .pricing-tables .table-row .table .table-footer{padding: 20px 20px 0;} .pricing-tables .table-row .table .table-footer .order-btn a{display: block; background: #fa9964; padding: 12px 10px; font-weight: bold; font-size: 20px; color: #fff; border-radius: 2px; text-align: left; box-shadow: none;} .pricing-tables .table-row .table .table-footer .order-btn .currency{font-size: 14px;} .pricing-tables .table-row .table .table-footer .order-btn .icon{background: #383c4b; width: 28px; height: 28px; line-height: 28px; font-size: 13px; border-radius: 1px; text-align: center;} .pricing-tables .table-1 .table:hover .table-header .icon{border-color: #2f3342;} .pricing-tables .table-1 .table .table-footer .order-btn a:hover{background: #383c4b;} .pricing-tables .table-1 .table .table-footer .order-btn a:hover .icon{background: #fff; color: #383c4b;} .pricing-tables .table-1 .table .table-body .features li:hover, .pricing-tables .table-2 .table .table-body .features li:hover{background: #f9f9f9;} .pricing-tables .table-2 .table .table-header{padding: 50px 0;} .pricing-tables .table-2 .table .table-header .text{font-size: 25px;} .pricing-tables .table-2 .table .table-header .price{margin-top: 17px; color: #2a2e3d; font-size: 14px;} .pricing-tables .table-2 .table .table-footer .order-btn a{background: #000020; text-align: center;} .pricing-tables .table-2 .table .table-footer .order-btn a:hover{background: #fa9964;} .pricing-tables .table-3{margin-bottom: 0;} .pricing-tables .table-3 .table{background: #383c4b; text-align: left; padding: 0 20px;} .pricing-tables .table-3 .table .table-header{background: none; padding: 50px 0; border-bottom: 1px solid #2c2e39;} .pricing-tables .table-3 .table .table-header .text{font-size: 28px;} .pricing-tables .table-3 .table .table-header .price{margin-top: 17px; color: #fe9d68; font-style: italic; font-size: 16px;} .pricing-tables .table-3 .table .table-body{padding: 12px 0;} .pricing-tables .table-3 .table .table-body .features li{border: none; color: #b5b7bb;} .pricing-tables .table-3 .table .table-footer{padding: 20px 0 20px 0; border-top: 1px solid #2c2e39;} .pricing-tables .table-3 .table .table-footer .order-btn a{display: inline-block; text-align: center; font-size: 17px; padding: 14px 0; width: 105px;} .pricing-tables .table-3 .table .table-footer .order-btn a.details{background: #000020;} .pricing-tables .table-3 .table .table-footer .order-btn a:hover{background: #fff; color: #383c4b;} .coming-soon{background: #f5f5f5; padding: 220px 0;} .countdown{text-align: center; margin-bottom: 60px;} .countdown div{display: inline-block; width: 150px; height: 150px; padding-top: 15px; border-radius: 50%; border: 6px solid #313542; color: #fa9964; font-size: 50px; font-weight: bold; margin-left: 50px;} .countdown div:first-child{margin-left: 0;} .countdown div span{display: block; font-size: 20px;} .error-page{background: #f5f5f5; padding: 108px 0 115px;} .error-page .not-found{background: #fa9964; width: 330px; height: 330px; margin: auto; text-align: center; border-radius: 50%; padding-top: 65px; margin-bottom: 20px;} .error-page .not-found span{display: block; color: #fff;} .error-page .not-found .num{font-size: 110px; font-weight: 300;} .error-page .not-found .text{font-size: 16px; margin-top: -5px;} .error-page .error-message{font-size: 24px; color: #5a5e6a; text-align: center; margin-bottom: 55px;} .error-page.full-page{position: relative; height: 100%; background: url(/shc_website/static/src/css/assets/img/error-page-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .error-page.full-page:after{content: ''; display: block; background-color: rgba(38, 41, 52, .96); width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .error-page.full-page .container{position: relative; z-index: 1;} .error-page.full-page .not-found{background: none; border: 5px solid #fa9964;} .error-page.full-page .error-message{color: #fff;} .error-page.full-page .share-icons{background: none; border: 2px solid #5a5e6a; border-radius: 4px;} .dark{background-color: #343741; color: #828489;} .dark .top-bar, .dark .top-bar .top-Social-icons li a, .dark header.static-header, .dark .sidebar .sidebar-widget ul.tabs li, .dark .sidebar .sidebar-widget.last-posts ul li, .dark .portfolio-filter ul li.item a, .dark .countdown div{border-color: #41444d;} .dark header.alt .site-name, .dark h6.head-title{color: #fff;} .dark header.alt .main-navigation > ul > li > a{color: #efefef;} .dark header .main-navigation li.parent-item ul.submenu, .dark header .main-navigation li.parent-item ul.submenu ul, .dark header .main-navigation li.courses-menu li .single-item, .dark .mobile-navigation .mobile-container ul, .dark .mobile-navigation .mobile-container li.haschild > ul, .dark header.alt, .dark .course-search, .dark .course-search:before{background: #2c2f3c;} .dark header .main-navigation li.parent-item ul.submenu li a, .dark header .main-navigation li.parent-item ul.submenu ul, .dark .mobile-navigation .mobile-container li.parent-item a, .dark .mobile-navigation .mobile-container li.courses-menu .course-menu-item{border-bottom-color: #353845; border-left-color: #353845; border-right-color: #353845;} .dark header .main-navigation li.parent-item ul.submenu li:hover > a, .dark .mobile-navigation .mobile-container li.parent-item a:hover{background: #262936;} .dark .tp-banner > ul li:after, .dard .fullscreen > ul li:after, .dark .course-search-section:after{background: rgba(12, 13, 16, .9);} .dark .top-bar, .dark .course-search #course-name, .dark .course-search.alt .dropdown, .dark .dropdown, .dark .dropdown.open div{background: #353842;} .dark .course-search #course-name, .dark .course-search.alt .dropdown, .dark .dropdown, .dark .dropdown div, .dark .comment-form .input input:not([type=submit]), .dark .comment-form .input textarea, .dark .contact-form .input input:not([type=submit]), .dark .contact-form .input textarea, .dark .login-page .login-form .input input, .dark .coming-soon .share-icons, .dark .error-page .share-icons{border: 1px solid #50525c;} .dark .course-search.alt .dropdown div{left: -1px;} .dark .dropdown li{border-bottom-color: #50525c;} .dark header .main-navigation li.courses-menu li .single-item .courses-num, .dark header .main-navigation li.courses-menu li .single-item a:hover, .dark .dropdown .selected, .dark .dropdown li.active, .dark .full-section .section-description, .dark .basic-slider-box .post-title a:hover, .dark .basic-slider-box .post .meta a:hover, .dark .sidebar .sidebar-widget.cats ul li a, .dark .comments-list li .author .date, .dark .portfolio-overlay .course-info .course-title .cat, .dark .contact .contact-right .info-text, .dark .login-page .login-form .custom-checkbox label, .dark .list ul li, .dark .list ol li, .dark #login-modal .close-modal, .dark #register-modal .close-modal{color: #97989b;} .dark .dropdown li.focus{background-color: #202126;} .dark .course-search #search-btn{background-color: #111217;} .dark .course-search.alt .container{background: none; border-radius: 0; box-shadow: none;} .dark .features-section, .dark .latest-courses-section, .dark .misc-section, .dark .login-page, .dark .latest-courses-content.listview .course .details, .dark .post, .dark .post .entry .share-post, .dark .follow-icons, .dark .share-icons, .dark .post .entry-sidebar .course-details div, .dark .blog, .dark .blog .blogpost .meta div, .dark .post.single .meta div, .dark .contact, .dark .coming-soon, .dark .error-page, .dark .typography, .dark .shortcodes, .dark .pricing-tables, .dark .sidebar .sidebar-widget .tab-posts .post-item, .dark .comment-form .input input:not([type=submit]), .dark .comment-form .input textarea, .dark .contact-form .input input:not([type=submit]), .dark .contact-form .input textarea, .dark .login-page .login-form .input input, .dark .custom-checkbox:not(#foo) .checkbox-input + label:before{background-color: #343741;} .dark .instructors-section, .dark .categories-section, .dark .features-section.alt, .dark .accordion .accordion-header, .dark .accordion .accordion-content, .dark .instructor.alt .details .rating, .dark .questions .flexslider li .query, .dark .home-skills .skillbar, .dark .latest-courses-section.dark-bg, .dark .pagination li a, .dark .post .entry, .dark .post .course-details, .dark .contact .contact-left, .dark .login-page .login-form, .dark .login-page .login-options, .dark .entry-sidebar .instructor.alt, .dark .about-section, .dark .sidebar .sidebar-widget ul.tabs li, .dark .comment-form, .dark .comments-list, .dark .portfolio-filter ul li a{background-color: #2d303c;} .dark .instructors-section .instructor-info, .dark .latest-courses-section .course, .dark .add-courses, .dark .instructor.alt, .dark .categories-section .cat-box, .dark .blog .blogpost, .dark .sidebar .sidebar-widget, .dark .sidebar .sidebar-widget ul.tabs li.active, .dark .sidebar .search .search-input{background-color: #494c57;} .dark .flex-control-paging li a{background-color: #252732;} .dark .instructors-section .instructor-info .name, .dark .latest-courses-section .course-info .course-title a, .dark .categories-section .cat-box .courses-counter .nums, .dark .categories-section .cat-box .cat-title a:hover, .dark .sidebar .sidebar-widget.last-posts ul li a{color: #252732;} .dark .instructor-info .position, .dark .latest-courses-section .course-info .course-description, .dark .add-courses .add-courses-description, .dark .categories-section .cat-box .courses-counter, .dark .blog-posts .post-description, .dark .questions .query-description, .dark .sidebar .sidebar-widget .tab-posts .post-item .description, .dark .comment-form .addcomment-title .text, .dark .login-page .login-form .login-title .text{color: #828489;} .dark .accordion .accordion-header, .dark .accordion .accordion-content, .dark .questions .flexslider li .query{border-color: #575961;} .dark .instructor.alt .details{border-color: #2d303c;} .dark .instructor.alt .details .rating span.star:before{color: #7C7F8B;} .dark header.alt .mobile-navigation .mobile-btn span, .dark header.alt .mobile-navigation .mobile-btn span:before, .dark header.alt .mobile-navigation .mobile-btn span:after{background: #a5a5a5;} footer{padding-top: 0px; background: #2b2e3b;} footer h6.widget-title{text-align: left; padding-bottom: 11px; margin-bottom: 14px; border-bottom: 1px solid #3d404d;} footer .about-widget .about-text{color: #d6d6d8; font-size: 12px; line-height: 21px; text-align: justify; margin-bottom: 20px;} footer .footer-links ul li{margin-bottom: 12px;} footer .footer-links ul li a, footer .twitter-widget .tweet a{background: url(/shc_website/static/src/css/assets/img/icons/footer-link-arrow.png) no-repeat left center; display: inline-block; color: #fe9d68; padding-left: 18px;} footer .footer-links ul li a:hover, footer .twitter-widget .tweet a:hover{color: #fff; text-shadow: 0 1px 0 #000; background-position: 2px center;} footer .twitter-widget{position: relative;} footer .twitter-widget .tweet{color: #d6d6d8; line-height: 22px; margin-bottom: 21px;} footer .twitter-widget .tweet:last-child{margin-bottom: 0;} footer .twitter-widget .tweet .date{font-size: 11px; color: #6f7478;} footer .twitter-widget #tweets-slider, footer .courses-widget #footer-courses-slider{position: static;} footer .twitter-widget #tweets-slider .flex-control-nav, footer .courses-widget #footer-courses-slider .flex-control-nav{width: auto; top: 10px; right: 0; bottom: auto;} footer .twitter-widget #tweets-slider .flex-control-nav li, footer .courses-widget #footer-courses-slider .flex-control-nav li{margin: 0 0 0 10px;} footer .twitter-widget #tweets-slider .flex-control-nav li a, footer .courses-widget #footer-courses-slider .flex-control-nav li a{background-color: #f4f4f4;} footer .twitter-widget #tweets-slider .flex-control-nav li a.flex-active, footer .courses-widget #footer-courses-slider .flex-control-nav li a.flex-active{background-color: #fe9d68;} footer .courses-widget{position: relative;} footer .courses-widget .course-info{margin-left: 58px; margin-bottom: 30px;} footer .courses-widget .course-info:last-child{margin-bottom: 0;} footer .courses-widget .course-icon .icon{background-color: #fe9d68; display: block; width: 38px; height: 38px; border-radius: 2px;} footer .courses-widget .course-icon .icon i{display: block; text-align: center; color: #fff; line-height: 38px; font-size: 18px;} footer .courses-widget .footer-course-title a{display: block; padding-bottom: 13px; color: #fe9d68; font-weight: bold;} footer .courses-widget .footer-course-title a:hover{color: #fff; text-shadow: 0 1px 0 #000;} footer .courses-widget .footer-course-description{color: #d6d6d8;} footer .courses-widget .course-date{display: block; font-size: 11px; color: #afb1b2; margin-top: 5px;} footer #bottom{margin-top: 0px; background: #262934; height: 68px; line-height: 68px;} footer #bottom .copyright p{color: #a9abb0; line-height: 68px;} footer #bottom .copyright a{color: #fe9d68;} footer #bottom .copyright a:hover{color: #fff; text-shadow: 0 1px 0 #000;} footer #bottom .footer-Social-icons{padding-top: 20px;} footer #bottom .footer-Social-icons li{float: left; margin-left: 6px;} footer #bottom .footer-Social-icons li a{background: #2c2f3c; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;} footer #bottom .footer-Social-icons li a:hover{background: #fe9d68;} footer #bottom .footer-Social-icons li a i{color: #eef1f2; font-size: 14px;} footer #bottom .footer-Social-icons li a:hover i{color: #383c4b;} header .main-navigation li.parent-item ul.submenu li.haschild > a:after, header .mobile-navigation .mobile-container li.haschild > a:after, .course-search:before, .accordion .inactive-header:after, .accordion .active-header:after, .course-search.alt #search-btn, .instructor.alt .details .rating span.star, .inner-head .breadcrumb li:after, .sidebar .search .submit-btn, blockquote.blockquote-2:before, blockquote.blockquote-2:after, [class^="list-"] li:before, [class*="list-"] li:before{text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ln-tr{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;} header .main-navigation ul li:after, header.alt .main-navigation > ul > li.courses-menu > a:after{-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .es-tr{-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;} .categories-section .cat-box, footer #bottom .footer-Social-icons li a i, .instructors-section .instructor-info .Social-icons li a i, .top-bar .top-Social-icons ul li a i, .post .entry .icons ul li a i{-webkit-transition: transform .25s ease; -moz-transition: transform .25s ease; -ms-transition: transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease;} .categories-section .cat-box:hover .cat-image .cat-icon i, footer #bottom .footer-Social-icons li a:hover i, .instructors-section .instructor-info .Social-icons li a:hover i, .top-bar .top-Social-icons ul li a:hover i, .post .entry .icons ul li a:hover i, .follow-icons ul li a:hover i, .share-icons ul li a:hover i, .Social-media-icons ul li a:hover i, .portfolio-overlay .course .details-overlay span a:hover i, header .main-navigation li.courses-menu li .single-item:hover .item-icon i{-webkit-animation: TextSprite .25s forwards; -moz-animation: TextSprite .25s forwards; -ms-animation: TextSprite .25s forwards; -o-animation: TextSprite .25s forwards; animation: TextSprite .25s forwards;} @-webkit-keyframes TextSprite{49%{-webkit-transform: translateY(-100%);}50%{-webkit-transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} @-moz-keyframes TextSprite{49%{-moz-transform: translateY(-100%);}50%{-moz-transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} @-ms-keyframes TextSprite{49%{-ms-transform: translateY(-100%);}50%{-ms-transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} @-o-keyframes TextSprite{49%{-o-transform: translateY(-100%);}50%{-o-transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} @keyframes TextSprite{49%{transform: translateY(-100%);}50%{transform: translateY(100%); opacity: 0;}51%{opacity: 1;}} #home-slider .flex-active-slide .slide-title{-webkit-animation: LeftSlideIn 1.3s forwards; -moz-animation: LeftSlideIn 1.3s forwards; -ms-animation: LeftSlideIn 1.3s forwards; -o-animation: LeftSlideIn 1.3s forwards; animation: LeftSlideIn 1.3s forwards;} #home-slider .flex-active-slide .slide-description{-webkit-animation: RightSlideIn 2s forwards; -moz-animation: RightSlideIn 2s forwards; -ms-animation: RightSlideIn 2s forwards; -o-animation: RightSlideIn 2s forwards; animation: RightSlideIn 2s forwards;} @-webkit-keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @-moz-keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @-ms-keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @-o-keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @keyframes LeftSlideIn{0%{left: 50%; -webkit-transform: skewX(-75deg); -moz-transform: skewX(-75deg); -ms-transform: skewX(-75deg); -o-transform: skewX(-75deg); transform: skewX(-75deg);}75%{left: 0; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg);}100%{left: 0; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}} @-webkit-keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} @-moz-keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} @-ms-keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} @-o-keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} @keyframes RightSlideIn{0%{right: 50%; opacity: 0;}75%{right: -20px; opacity: 1;}100%{right: 0; opacity: 1;}} .animated{-webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;} .animated.fadeInDown{-webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; padding: 0px;} @-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-25px);}100%{opacity: 1; -webkit-transform: translateY(0);}} @-moz-keyframes fadeInDown{0%{opacity: 0; -moz-transform: translateY(-25px);}100%{opacity: 1; -moz-transform: translateY(0);}} @-ms-keyframes fadeInDown{0%{opacity: 0; -o-transform: translateY(-25px);}100%{opacity: 1; -o-transform: translateY(0);}} @-o-keyframes fadeInDown{0%{opacity: 0; -o-transform: translateY(-25px);}100%{opacity: 1; -o-transform: translateY(0);}} @keyframes fadeInDown{0%{opacity: 0; transform: translateY(-25px);}100%{opacity: 1; transform: translateY(0);}} .scroll-down a i{-webkit-animation: BounceDown 1.2s infinite; -moz-animation: BounceDown 1.2s infinite; -ms-animation: BounceDown 1.2s infinite; -o-animation: BounceDown 1.2s infinite; animation: BounceDown 1.2s infinite;} @-webkit-keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} @-moz-keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} @-ms-keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} @-o-keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} @keyframes BounceDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}50%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}} ul.text-nav{margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;} ul.text-nav li{margin: 0px; padding: 0px 0px 10px 0px; display: block; list-style: none;} ul.text-nav i{color: #ff8948; font-size: 16px; padding-right: 15px;} .bread{padding: 0;} .download{background: #f7af71;} .download ul{padding: 0; margin: 0;} .download ul li{list-style: none; padding: 20px 0; display: inline-block; padding-bottom: 10px;} .download ul li a{color: #fff; padding: 10px 20px 10px 30px; background: #434755 url(/shc_website/static/src/css/assets/img/down-arrow.png) 7px 12px no-repeat;} .col-md-2.down{font-size: 20px; padding: 15px 0; color: #333; margin-right: 30px !important;} .computer{padding: 20px 0;} .computer h1{color: #f49d52; font-size: 26px; font-weight: bold; margin-bottom: 10px;} .computer h2{color: #f89966; font-size: 24px; font-weight: bold; margin-bottom: 10px;} .computer h3{color: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 10px;} .computer h4{color: #5c72ac; font-size: 20px; font-weight: bold; margin-bottom: 10px;} .computer h5{color: #5c72ac; font-size: 16px; font-weight: bold; margin-bottom: 10px;} .computer h6{color: #f89966; font-size: 16px; font-weight: bold; margin-bottom: 10px;} .computer p{line-height: 20px; margin-bottom: 10px;} .right-side{min-height: 165px;} .editor1{color: #6080a7; font-size: 22px; font-weight: bold; margin-bottom: 6px;} .editor2{color: #555; font-size: 16px; font-weight: bold; margin-bottom: 6px;} .associate{height: 850px;} ul.text-nav li ul{padding: 15px 0 0 30px} ul.text-nav li ul li{padding-left: 20px; background: url(/shc_website/static/src/css/assets/img/arrow-right16.png) no-repeat;} .board{color: #79980d;} .under h3{font-size: 60px !important; font-style: italic; padding: 180px 0; text-align: center; color: #555; opacity: .3;} .domain{width: 20%; margin-bottom: 20px;} .features-section .feature-box img{width: 64px;} .icon1 img:hover{width: 120px; border: 10px solid #06425c; background: #fff; padding: 10px;} .icon2 img:hover{width: 120px; border: 10px solid #c06aae; background: #fff; padding: 10px;} .icon3 img:hover{width: 120px; border: 10px solid #51a39d; background: #fff; padding: 10px;} .icon4 img:hover{width: 120px; border: 10px solid #b7695c; background: #fff; padding: 10px;} .icon5 img:hover{width: 120px; border: 10px solid #cdbb79; background: #fff; padding: 10px;} ul.direction{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} ul.direction li{margin: 0px; padding: 0px 0px 5px 30px; display: block; list-style: none; background: url(/shc_website/static/src/css/assets/img/direction.png) 0px 4px no-repeat;} ol.material{margin: 0px; padding: 0px 0px 0px 40px;} ol.material li{margin: 0px; padding: 0px 0px 5px 0; font-size: 15px; text-indent: -31px;} ol.material{counter-reset: item; margin-bottom: 10px;} ol.material li{display: block;} ol.material li:before{content: counter(item) ". "; counter-increment: item; color: #16a086; font-weight: bold; padding-right: 8px;} ol.material ol{margin-bottom: 0; margin-top: 10px;} ol.material li ol{margin: 0px; padding: 0px 0px 0px 40px; font-size: 15px; text-indent: -31px;} ol.material{counter-reset: item; margin-bottom: 5px;} ol.material li ol{display: block;} ol.material ol li:before{content: counter(item) ". "; counter-increment: item; color: #CC9900; font-weight: bold; padding-right: 8px;} ul.arrow{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} ul.arrow li{margin: 0px; padding: 0px 0px 20px 30px; display: block; list-style: none; background: url(/shc_website/static/src/css/assets/img/arrow-right16.png) 0px 4px no-repeat;} .about p{text-align: justify; margin-bottom: 20px;} .tp-banner.revslider-initialised.tp-simpleresponsive{height: 150px !important;} .zero{padding: 0;} h3.title{color: #fff; background: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px; text-align: center; padding: 6px 10px;} .edit-board{text-align: center;} h3.title1{color: #fff; background: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px; text-align: left; padding: 6px 10px;} .tamil h3{color: #fff; background: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px; text-align: center; padding: 6px 10px;} .tamil p{text-align: center; margin-bottom: 0px;} .edit-board h3{color: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px;} .charge{font-weight: bold; color: #c23a2c;} .edit1{font-weight: bold; color: #c23a2c;} .edit2{font-weight: bold; color: #555;} .guide{text-align: justify;} .guide h2{text-align: center; font-size: 26px; color: #f99966; margin-bottom: 20px;} .left{margin-left: 20px;} .guide img{margin: 0 auto; text-align: center; display: block;} .guide-tamil h2{font-size: 20px;} .guide-tamil h3{font-size: 18px;} .guide-tamil h4{font-size: 16px;} table.edit-board{border: 0px solid #ccc; margin-top: 20px; text-align: left;} table.edit-board tr th{border: 0px solid #ccc; color: #fff; background: #16a086; font-size: 21px; font-weight: bold; margin-bottom: 20px; text-align: center; padding: 6px 10px 10px 10px;} table.edit-board tr td{border: 0px solid #ccc; padding: 10px;} table.edit-board p{margin-bottom: 0;} .board{text-align: center;} .feature-description{text-align: left;} .guide a{color:#0050ef;} .guide a:hover{color: blue;background-color: transparent;text-decoration: underline;} .sec1:hover{background:#525b7b;} .sec1{text-align:left;color:#333;padding:10px 0;} .sec1 p{text-align:left;color:#333;} .sec1:hover p{color:#fff;} .side-bar{width:20%;} .puthiya{font-size:20px;font-weight:bold;} @media (min-width: 1200px){} @media (min-width: 992px) and (max-width: 1199px){.side-bar{width:25%;}} @media (min-width: 768px) and (max-width: 991px){.side-bar{width:44%;margin:0 auto;}} @media (max-width: 767px){.tp-banner.revslider-initialised.tp-simpleresponsive{height: 250px !important;}table.edit-board tr th, table.edit-board tr td{display: block; width: 100%;}.side-bar{width:50%;margin:0 auto;}} @media (max-width: 480px){.side-bar{width:65%;margin:0 auto;}} @media (max-width: 320px){.side-bar{width:100%;margin:0 auto;}} .blink_me{animation: blinker 1s linear infinite; color:red;} @keyframes blinker{100%{opacity: 0;}} .journal{margin:0px 0px 0px 0px; padding:0px 0px 0px 44px;} .journal ol{list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .journal ol li{list-style:circle; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .o_main_navbar .open .dropdown-menu{max-height: 90vh; overflow: inherit; margin-top: 0;} .dropdown-menu>li>a{background-color: #7c7bad;} 

/* /shc_website/static/src/css/styles.css defined in bundle 'web.assets_frontend' */
 #cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a{margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-family: 'Open Sans', sans-serif; font-size: 14px; position: relative; text-align: left;} #cssmenu a{line-height: 1.3;} #cssmenu{background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);} #cssmenu > ul > li{margin: 0 0 1px 0;} #cssmenu > ul > li:last-child{margin: 0;} #cssmenu > ul > li > a{font-size: 15px; display: block; color: #ffffff; background: #565656;} #cssmenu > ul > li > a > span{display: block; padding: 10px; font-weight: bold;} #cssmenu > ul > li > a:hover{text-decoration: none;} #cssmenu > ul > li.active{border-bottom: none;} #cssmenu > ul > li:hover > a{background: #f7af71; background: -moz-linear-gradient(#f7af71 0%, ##e48d42 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7af71), color-stop(100%, #e48d42)); background: -webkit-linear-gradient(#f7af71 0%, #e48d42 100%); background: linear-gradient(#f7af71 0%, #e48d42 100%); color: #fff; border: 1px solid #79980d;} #cssmenu > ul > li.active > a span{border: 1px solid #f7af71;} #cssmenu > ul > li.has-sub > a span{background: url(/shc_website/static/src/css/../img/icon_plus.png) 98% center no-repeat;} #cssmenu > ul > li.has-sub.active > a span{background: url(/shc_website/static/src/css/../img/icon_minus.png) 98% center no-repeat;} #cssmenu ul ul{padding: 5px 12px; display: none;} #cssmenu ul ul li{padding: 10px 0;} #cssmenu ul ul a{display: block; color: #595959; font-size: 13px; font-weight: bold;} #cssmenu ul ul a:hover{color: #79980d;} .social_icons{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 19px 1em; width: 50%; background-color: #262934; border-bottom: 1px solid #e1e1e1; text-align: left; position: relative;} 

/* /shc_published_paper/static/src/css/image.css defined in bundle 'web.assets_frontend' */
.hover03 figure img{-webkit-transform: scale(1.5); transform: scale(0.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .hover03 figure:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);} .button{display: inline; width: 61px; height: 38px; background: #4E9CAF; padding: 10px; text-align: center; border-radius: 5px; color: white; font-weight: bold;} 

/* /shc_website/static/src/css/style.css defined in bundle 'web.assets_frontend' */
      html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: normal 15px verdana, arial, helvetica, sans-serif; color: #353a48; overflow-y: scroll; line-height: 24px;} .bboxed{background-image: url(/shc_website/static/src/css/assets/img/patterns/bg13.png); background-repeat: repeat;} .boxed, .boxed-2{position: relative; width: 1200px; margin: 0 auto; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);} .boxed-2{margin-top: 40px; margin-bottom: 40px;} .loader{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url(/shc_website/static/src/css/assets/img/icons/loader.svg) no-repeat center center #fe9d68; background-size: 60px;} .full-section{padding: 10px 0;} .full-section .section-description{text-align: center; color: #353a48; max-width: 770px; margin: auto;} .full-section .section-content{margin: 20px 0;} .fancy-shadow{box-shadow: 0 1px 1px rgba(0, 0, 0, .1); position: relative;} .btn{font: bold 13px verdana, arial, helvetica, sans-serif; display: inline-block; height: 29px; line-height: 29px; color: #fff; padding: 0 15px; border-radius: 4px; margin-right: 17px; background-color: #383c4b;} .btn.orange-btn{background-color: #fe9d68;} .grad-btn, .course-search.alt .container, .post-type-icon{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;} a.btn:hover{opacity: .7;} p{font: normal 15px verdana, arial, helvetica, sans-serif;} h2.slide-title, h3.section-title, h3.course-title, h3.post-title, h4.cat-title, h4.accordion-header, h5.feature-title, h6.head-title, h4.title, h6.widget-title, .site-name{text-align: center; font-weight: 700;} h2.slide-title{font-size: 40px; font-weight: bold; line-height: 45px; text-transform: uppercase;} h3.section-title{font-size: 25px; line-height: 50px; color: #fe9d68;} h3.course-title, h3.blogpost-title, h3.single-title{font-size: 18px; font-weight: bold; line-height: 32px;} h3.post-title{font-size: 16px;} h4.cat-title{font-size: 16px; line-height: 46px;} h4.accordion-header{font-size: 14px; color: #5a5e6a;} h4.footer-course-title{font-size: 14px; line-height: 14px;} h5.feature-title{font-size: 13px; line-height: 25px; color: #fe9d68; margin:0 !important;text-align:left;} h6.head-title{font-size: 20px; line-height: 24px; color: #383c4b;} h6.widget-title{font-size: 16px; line-height: 30px; color: #fff;} h2.about-title{font-size: 18px; color: #fa9964; font-weight: bold; margin-bottom: 22px;} h5.sidebar-widget-title, h5.contact-title{font-size: 18px; font-weight: bold;} h1.h1-title, h2.h2-title, h3.h3-title, h4.h4-title, h5.h5-title, h6.h6-title{color: #fe9d68; font-weight: bold; margin-bottom: 5px;} h1.h1-title{font-size: 32px;} h2.h2-title{font-size: 28px;} h3.h3-title{font-size: 25px;} h4.h4-title{font-size: 22px;} h5.h5-title{font-size: 18px;} h6.h6-title{font-size: 14px;} .row-title{font-size: 20px; font-weight: bold; color: #fe9d68; margin-bottom: 10px;} header{height: 100px; position: absolute; left: 0; top: 0; width: 100%; z-index: 30;} header .logo-container{padding-top: 30px;} header .logo-container img{width: 40px;} header .logo-container .site-name{font-size: 28px; color: #fff; font-style: italic; margin-left: 15px; font-family: 'Lato', Arial, sans-serif;} header .logo-container .site-name span{color: #fe9d68;} header .logo-container .slogan{font-size: 12px; margin-left: 3px; color: #a9abb0;} header.alt{position: relative; background: #fafafa;} header.alt .logo-container .site-name{color: #383c4b;} header.static-header, .sidebar .sidebar-widget .post-item .read-more{border-bottom: 1px solid #dbdbdb; background-image: -webkit-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -moz-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -ms-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: -o-linear-gradient(90deg, #f7f7f7 0%, #fff 100%); background-image: linear-gradient(90deg, #f7f7f7 0%, #fff 100%);} header.static-header{position: static;} .top-bar{height: 40px; background: #f5f5f5; border-bottom: 1px solid #e6e6e7; overflow: hidden;} .top-bar .top-Social-icons ul li{float: left; margin-right: 7px; padding-top: 8px;} .top-bar .top-Social-icons ul li a{display: block; border-radius: 2px; border: 1px solid #e6e6e6; width: 25px; height: 25px; line-height: 25px; font-size: 15px; text-align: center; color: #a9abb0;} .top-bar .top-Social-icons ul li a:hover{background: #fe9d68; color: #fff; border: 0;} .top-bar .top-contact li{line-height: 40px;} .top-bar .top-contact li i{font-size: 15px; color: #fe9d68; margin-right: 10px;} .top-bar .top-contact li.divider{margin: 0 12px 0 9px;} .top-bar .top-contact li i.fa-phone{vertical-align: middle;} .top-bar .top-contact li .text, .top-bar .top-contact li .text a{color: #a9abb0;} .top-bar .top-contact li .text a:hover{color: #fe9d68; text-decoration: underline;} header > .container{position: relative;} header .main-navigation > ul > li{float: left; margin-right: 17px; position: relative;} header .main-navigation > ul > li:last-child{margin: 0;} header .main-navigation > ul > li:last-child a{padding-right: 0;} header .main-navigation > ul > li > a{color: #fff; font-size: 14px; font-weight: bold; line-height: 100px; padding: 0 10px; display: block; position: relative;} header .main-navigation > ul > li > a:focus{outline: 0;} header .main-navigation > ul > li.login > a span{background: #fe9d68; padding: 5px 10px; border-radius: 3px; box-shadow: none;} header .main-navigation ul li.current_page_item a, header .main-navigation ul li a:hover, header.alt .main-navigation ul li.current_page_item a, header.alt .main-navigation ul li a:hover, header .main-navigation li.parent-item ul.submenu li:hover > a{} header.alt .main-navigation > ul > li.login > a{color: #fff;} header .main-navigation > ul > li.login > a:hover{color: #383c4b;} header.alt .main-navigation > ul > li.login > a:hover span{background: #383c4b; color: #fff;} header.alt .main-navigation > ul > li.login:after{display: none;} header.alt .main-navigation > ul > li:after, header.alt .main-navigation > ul > li.courses-menu > a:after{content: ''; background: #fe9d68; display: block; position: absolute; z-index: 1; left: 0; top: 110px; height: 3px; width: 100%; opacity: 0; visibility: hidden;} header.alt .main-navigation > ul > li:hover:after, header.alt .main-navigation > ul > li.current_page_item:after, header.alt .main-navigation > ul > li.courses-menu:hover a:after{top: 100%; opacity: 1; visibility: visible;} header.alt .main-navigation > ul > li > a{color: #4b4f5c;} header .main-navigation li.parent-item ul.submenu, header .main-navigation li.courses-menu ul, header .main-navigation li.parent-item ul.submenu ul{position: absolute; left: 11px; top: 80px; z-index: 2; min-width: 200px; background: #fafafa; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); border-top: 3px solid #fe9d68; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;} header.alt .main-navigation li.parent-item ul.submenu{left: 0; top: 100%;} header .main-navigation li.parent-item ul.submenu ul{left: 100%; top: -3px; overflow: hidden; border-left: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu ul.left-submenu{left: auto; right: 100%; border-left: 0; border-right: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu li a{position: relative; display: block; color: #333; padding: 11px 20px; border-bottom: 1px solid #e6e6e7;} header .main-navigation li.parent-item ul.submenu li.haschild, header .mobile-navigation .mobile-container li.haschild{position: relative;} header .main-navigation li.parent-item ul.submenu li.haschild > a:after, header .mobile-navigation .mobile-container li.haschild > a:after{content: '\f107'; font: normal normal normal 14px/1 "FontAwesome"; float: right;} header .main-navigation li.parent-item ul.submenu li:hover > a{background: #fe9d68;} header .main-navigation li.parent-item:hover ul.submenu, header .main-navigation li.courses-menu:hover ul, header .main-navigation li.parent-item ul.submenu li.haschild:hover ul{opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} header .main-navigation > ul > li.courses-menu:after{display: none;} header .main-navigation li.courses-menu{} header .main-navigation li.courses-menu ul{background: rgba(0, 0, 0, .1); left: 0; top: 100%; width: 100%; padding-bottom: 3px; border-radius: 0 0 5px 5px; border-top: none; box-shadow: none;} #home header .main-navigation li.courses-menu ul, #home-2 header .main-navigation li.courses-menu ul, #home-3 header .main-navigation li.courses-menu ul, #home-4 header .main-navigation li.courses-menu ul, #home-5 header .main-navigation li.courses-menu ul, #home-6 header .main-navigation li.courses-menu ul, #home-7 header .main-navigation li.courses-menu ul{background: none; padding-bottom: 0; border-radius: 0;} header .main-navigation li.courses-menu li .single-item{background: #f3f3f3; border-radius: 2px; overflow: hidden; padding: 20px; margin-bottom: 30px;} header.alt .main-navigation li.courses-menu li .single-item{margin-top: 30px; margin-bottom: 0;} header .main-navigation li.courses-menu li .single-item .item-icon{background: #fe9d68; display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 2px; color: #fff; font-size: 18px; text-align: center; float: left; margin-right: 9px;} header .main-navigation li.courses-menu li .single-item a{display: block; color: #fe9d68; font-weight: bold; font-size: 14px; margin: -3px 0 7px 0;} header .main-navigation li.courses-menu li .single-item a:hover{color: #383c4b;} header .main-navigation li.courses-menu li .single-item .courses-num{color: #383c4b;} .mobile-navigation, .mobile-navigation .mobile-btn, .mobile-navigation .mobile-container{display: none;} .mobile-navigation{margin-top: 38px; cursor: pointer;} .mobile-navigation .mobile-btn{position: relative; display: block; height: 26px; width: 35px; padding-top: 10px;} .mobile-navigation .mobile-btn span, .mobile-navigation .mobile-btn span:before, .mobile-navigation .mobile-btn span:after{content: ""; position: absolute; display: block; width: 30px; height: 4px; border-radius: 1px; background: #fff; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} header.alt .mobile-navigation .mobile-btn span, header.alt .mobile-navigation .mobile-btn span:before, header.alt .mobile-navigation .mobile-btn span:after{background: #383c4b; border-radius: 2px;} .mobile-navigation .mobile-btn span:before{top: -10px;} .mobile-navigation .mobile-btn span:after{bottom: -10px;} .mobile-navigation .mobile-btn.show-menu span{background-color: transparent;} .mobile-navigation .mobile-btn.show-menu span:before{top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .mobile-navigation .mobile-btn.show-menu span:after{top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);} .mobile-navigation .mobile-container{background: #fff; position: absolute; left: 0; top: 100px; width: 100%; z-index: 999;} .mobile-navigation .mobile-container li.parent-item a{display: block; color: #a9abb0; padding: 10px 20px; border-bottom: 1px solid #e6e6e7;} .mobile-navigation .mobile-container li.parent-item a:hover{background: #f4f4f4; color: #fe9d68;} .mobile-navigation .mobile-container li.current_page_item > a{color: #fe9d68;} .mobile-navigation .mobile-container li.parent-item a span{background: none; box-shadow: none;} .mobile-navigation .mobile-container li.haschild > ul{display: none;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a{padding-left: 40px;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > ul > li > a{padding-left: 60px;} .mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a:after{margin-right: 10px;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item{padding: 0; width: 50%; float: left; border-right: 1px solid #e6e6e7;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item .item-icon{visibility: hidden; float: left; width: 40px;} .mobile-navigation .mobile-container li.courses-menu .course-menu-item .courses-num{display: none;} .tp-banner-container{width: 100%; position: relative; padding: 0;} .tp-banner, .fullscreen{width: 100%; position: relative; padding: 25px 0;} .tp-banner > ul li:after, .fullscreen > ul li:after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 21; background: rgba(47, 51, 66, .9);} .tp-banner > ul li .tp-caption, .fullscreen > ul li .tp-caption{z-index: 22 !important;} .tp-banner > ul li .slide-title, .fullscreen > ul li .slide-title{color: #fff; position: relative; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);} .tp-banner ul li .slide-title:after, .fullscreen ul li .slide-title:after{content: ""; display: block; width: 30px; height: 3px; margin-left: -15px; position: absolute; left: 50%; bottom: -25px;} .tp-banner ul li .slide-description, .fullscreen ul li .slide-description{position: relative; font-size: 25px; line-height: 24px; color: #a9abb0; margin-top: 37px; text-align: center; max-width: 950px;} .slider-overlay:after{content: ''; background: rgba(0, 0, 0, .5); display: block; position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%;} .onepage .slider-overlay:after{display: none;} .mobile_nav-open .tp-banner-container, .mobile_nav-open .tp-banner, .modal-open .tp-banner-container, .modal-open .tp-banner{z-index: -1;} .course-search{position: relative; background: #fff; height: 98px; line-height: 98px;} .select-time, .select-category, .select-country{margin-right: 11px;} .course-search:before{content: '\f002'; font: normal normal normal 18px/1 "FontAwesome"; display: block; background: #fff; width: 80px; height: 36px; position: absolute; left: 50%; top: -36px; z-index: 20; line-height: 36px; margin-left: -40px; color: #a9abb0; text-align: center; border-radius: 2px 2px 0 0;} .course-search #course-name{width: 490px; height: 38px; border-radius: 2px; font-style: italic; font-size: 13px; padding-left: 9px; margin-right: 10px; border: 1px solid rgba(222, 222, 222, .8);} .course-search #search-btn, .comments-list li .author .reply a, .comment-form .input .submit-input, .contact-form .input .submit-input{background-color: #383c4b; height: 38px; padding: 0 15px; border-radius: 2px; color: #fff; font-size: 14px; font-weight: bold;} .course-search #search-btn:hover, .comment-form .input .submit-input:hover, .contact-form .input .submit-input:hover{background-color: #fe9d68;} .features-section{background: #f5f5f5; text-align: center;} .features-section.white-bg{background: #fff;} .features-section .icon img{width: 64px;} .features-section .feature-title{margin: 10px 0 -2px;} .features-section .feature-box:hover .icon img{-webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px);} .features-section .feature-box.alt:hover .icon img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .instructors-section{position: relative; background: #fff; text-align: center; border-top: 1px solid rgba(0, 0, 0, .05);} .instructors-section .avatar img{border-radius: 3px 3px 0 0;} .instructors-section .instructor-info{background: #f5f5f5; border-radius: 0 0 3px 3px; padding: 27px 0 30px;} .instructors-section .instructor-info .name{font-size: 17px; font-weight: bold; margin-bottom: 11px;} .instructor-info .position{font-size: 12px; color: #5a5e6a; display: block; margin-bottom: 26px;} .instructors-section .instructor-info .Social-icons li{display: inline-block; vertical-align: top; margin-right: 7px;} .instructors-section .instructor-info .Social-icons li a{display: block; width: 34px; height: 34px; line-height: 34px; font-size: 14px; color: #a9abb0; border-radius: 2px;} .instructors-section .instructor-info .Social-icons li a:hover{background: #fe9d68; color: #fff;} .instructor.alt .details{border-top: 3px solid #fff; padding: 10px;} .instructor.alt .details .read-more{display: block; background: #fe9d68; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 600; padding: 0 7px; margin-right: 10px; height: 29px; line-height: 29px;} .instructor.alt .details .read-more:hover{background: #383c4b; color: #fff;} .instructor.alt .details .rating{background: #c8c9cc; border-radius: 3px; padding: 0 10px; unicode-bidi: bidi-override; direction: rtl; font-size: 15px; height: 29px; line-height: 29px;} .instructor.alt .details .rating span.star{font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block;} .instructor.alt .details .rating span.star:hover{cursor: pointer;} .instructor.alt .details .rating span.star:before{content: "\f005"; color: #383c4b; padding-right: 1px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;} .instructor.alt .details .rating span.star:hover:before, .instructor.alt .details .rating span.star:hover ~ span.star:before{content: "\f005"; color: #fff;} .instructor.alt .details .rating .result{color: #fff; font-size: 12px; font-weight: 600; display: inline-block; float: right; line-height: inherit; margin-left: 12px;} .instructors-section.alt{padding-bottom: 70px;} .instructor.alt{background: #efefef; border-radius: 3px; overflow: hidden; padding-top: 9px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); margin-bottom: 30px;} .instructor.alt .avatar{float: left; border-radius: 50%; overflow: hidden; box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); border: 3px solid #fff; margin: 0 10px 2px 10px;} .instructor.alt .instructor-info{background: none; padding: 0; float: left; text-align: left;} .instructor.alt .instructor-info .name{font-size: 15px; margin-top: 13px; margin-bottom: 5px; font-weight: bold;} .instructors-page{padding: 100px 0 70px; background: #f5f5f5;} .instructors-page .instructor{margin-bottom: 30px;} .instructors-page .instructor-info{background: #fff;} .latest-courses-section{background: #f5f5f5; text-align: center;} .latest-courses-section .latest-courses-content{margin-top: 50px;} .latest-courses-section .course{position: relative; background: #fff; padding-bottom: 23px; margin: 4px 0 3px; border-radius: 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .latest-courses-section .course .featured-badge{width: 86px; height: 86px; background: url(/shc_website/static/src/css/assets/img/icons/ribbon.png) no-repeat center center; padding-top: 10px; position: absolute; left: -4px; top: -4px; z-index: 2;} .latest-courses-section .course .featured-badge span{display: block; text-align: left; color: #FFF; font-weight: bold; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, .2); -webkit-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -moz-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -ms-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -o-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0);} .latest-courses-section .course-image{position: relative; border-radius: 4px 4px 0 0; overflow: hidden; z-index: 1;} .latest-courses-section .course-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .latest-courses-section .course-info .course-title a{padding-top: 11px; display: block; color: #383c4b;} .latest-courses-section .course-info .course-title a:hover, .dark .latest-courses-section .course-info .course-title a:hover{color: #fe9d68;} .latest-courses-section .course-info .course-description{margin-bottom: 18px; color: #5a5e6a; padding: 0 10px;} .latest-courses-section .course-info .buttons .subscribe-btn{margin-right: 0;} .latest-courses-section .course-image .details-overlay{position: absolute; left: 0; top: -100%; width: 100%; height: 100%; padding: 48px 20px 0; background: rgba(254, 157, 104, .9); border-radius: 4px 4px 0 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;} .latest-courses-section .course-image .details-overlay .place, .latest-courses-section .course-image .details-overlay .time{background-color: rgba(54, 58, 73, .8); position: relative; left: -250px; display: block; height: 36px; line-height: 36px; color: #fff; text-align: left; padding-left: 10px; margin-bottom: 10px; border-radius: 2px; -webkit-transition: all .25s ease-out .25s; -moz-transition: all .25s ease-out .25s; -ms-transition: all .25s ease-out .25s; -o-transition: all .25s ease-out .25s; transition: all .25s ease-out .25s;} .latest-courses-section .course-image .details-overlay .time{margin-bottom: 0; -webkit-transition: all .25s ease-out .35s; -moz-transition: all .25s ease-out .35s; -ms-transition: all .25s ease-out .35s; -o-transition: all .25s ease-out .35s; transition: all .25s ease-out .35s;} .latest-courses-section .course-image .details-overlay span > i{font-size: 17px;} .latest-courses-section .course-image .details-overlay .place i{margin-right: 10px;} .latest-courses-section .course-image .details-overlay .time i{margin-right: 5px;} .latest-courses-section .course:hover .details-overlay{top: 0;} .latest-courses-section .course:hover .details-overlay span{left: 0;} .latest-courses-section.no-margin{padding-top: 32px;} .latest-courses-section.no-margin .latest-courses-content{margin: 0;} .latest-courses-content.listview .course{padding: 20px 20px 22px;} .latest-courses-content.listview .course .course-image{max-width: 270px; float: left; border-radius: 4px; margin-right: 20px;} .latest-courses-content.listview .course .course-info{text-align: left;} .latest-courses-content.listview .course .course-title{text-align: left;} .latest-courses-content.listview .course .course-title a{padding-top: 0; padding-bottom: 11px; line-height: 15px;} .latest-courses-content.listview .course .course-description{margin-bottom: 12px; text-align: justify;} .latest-courses-content.listview .course .details{width: 50%; background: #efefef; border-radius: 3px; height: 29px; line-height: 29px; padding: 0 10px; color: #909090;} .latest-courses-content.listview .course .course-info .btn.subscribe-btn{margin-right: 0;} .add-courses{background: #fff; margin-top: 97px; border-radius: 4px; padding: 20px; text-align: left; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .add-courses.box{margin-top: 30px;} .add-courses .add-courses-icon{width: 65px; margin-right: 20px; border-radius: 3px;} .add-courses .add-courses-title{display: inline-block; font-size: 17px; font-weight: bold; color: #fe9d68; margin-bottom: 10px; line-height: 18px;} .add-courses .add-courses-title:hover{color: #383c4b;} .add-courses .add-courses-description{font-weight: 600; color: #5a5e6a;} .categories-section{background: #eee; padding-bottom: 70px; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);} .categories-section .section-description{color: #353a48;} .categories-section .cat-box{background: #fff; text-align: left; border-radius: 4px; padding-bottom: 20px; margin-bottom: 30px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);} .categories-section .cat-box:hover .cat-image .cat-icon{background: #383c4b;} .categories-section .cat-box .cat-image{position: relative;} .categories-section .cat-box .cat-image:after{content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0;} .categories-section .cat-box .cat-image img{border-radius: 4px 4px 0 0;} .categories-section .cat-box .cat-image .cat-icon{background: #fe9d68; display: block; position: absolute; left: 15px; bottom: -19px; z-index: 1; width: 38px; height: 38px; font-size: 18px; line-height: 38px; border-radius: 2px; text-align: center; color: #fff;} .categories-section .cat-box .cat-title a{display: block; color: #fe9d68; text-align: left; padding: 24px 15px 0;} .categories-section .cat-box .cat-title a:hover{color: #383c4b;} .categories-section .cat-box .courses-counter{color: #5a5e6a; font-weight: 600; padding: 0 15px;} .categories-section .cat-box .courses-counter .nums{color: #383c4b;} .misc-section{background: #f5f5f5; padding-top: 95px;} .blog-posts{position: relative;} h6.head-title{text-align: left; margin-bottom: 30px;} .basic-slider{position: static;} .basic-slider .flex-direction-nav a{top: 25px;} .basic-slider .flex-direction-nav .flex-next{right: 0;} .basic-slider .flex-direction-nav .flex-prev{left: auto; right: 42px;} .blog-posts .post{background: transparent; padding-top: 0; padding-bottom: 30px;} .blog-posts .post:last-child{padding-bottom: 0;} .blog-posts .post .image-post{position: relative; margin-right: 20px;} .blog-posts .post .image-post img{border-radius: 3px;} .blog-posts .post .image-post .post-date{background: #262934; width: 42px; height: 58px; position: absolute; left: 10px; top: 10px; font-size: 12px; text-align: center; color: #fff; border-radius: 3px;} .blog-posts .post .image-post .post-date span{display: block;} .blog-posts .post .image-post .post-date .day{font-size: 25px; font-weight: bold;} .basic-slider-box .post-title{text-align: left; line-height: 12px;} .basic-slider-box .post-title a{display: block; color: #fe9d68; padding-bottom: 19px;} .basic-slider-box .post-title a:hover, .basic-slider-box .post .meta a:hover{color: #383c4b;} .blog-posts .post .meta{color: #909090; font-size: 12px; margin-bottom: 12px;} .blog-posts .post .meta .author{margin-right: 26px;} .blog-posts .post .meta i{font-size: 15px; margin-right: 6px;} .blog-posts .post .meta a{color: #fe9d68;} .blog-posts .post-description, .questions .query-description{color: #5a5e6a; margin-bottom: 3px;} .blog-posts .read-more{color: #383c4b;} .blog-posts .read-more:hover{color: #fe9d68;} .accordion .accordion-header{background: #fff; position: relative; height: 42px; line-height: 42px; font-size: 14px; font-weight: bold; text-align: left; padding: 0 20px; margin-top: 16px; border: 1px solid #dfdfdf; cursor: pointer; color: #5a5e6a; border-radius: 2px;} .accordion .inactive-header:after, .accordion .active-header:after{content: '\f068'; font: normal normal normal 10px/1 "FontAwesome"; background: #5a5e6a; display: inline-block; width: 20px; height: 20px; line-height: 20px; position: absolute; top: 50%; right: 10px; margin-top: -10px; border-radius: 1px; text-align: center; color: #fff;} .accordion .inactive-header:after{content: '\f067'; background: #fe9d68;} .accordion .active-header, .accordion .inactive-header:hover{color: #fe9d68;} .accordion .accordion-content{display: none; padding: 18px 20px; background: #fff; border: 1px solid #e4e4e4; width: 100%; border-top: 0; border-radius: 0 0 2px 2px;} .our-clients{margin-top: 74px;} #clients-slider .flex-direction-nav a{top: -28px;} #clients-slider .flex-direction-nav .flex-next{right: 15px;} #clients-slider .flex-direction-nav .flex-prev{left: auto; right: 57px;} .course-search.alt{background: none; height: 58px; line-height: 58px; width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 20;} .course-search.alt .container{background: #fe9d68; border-radius: 4px;} .course-search.alt .dropdown, .course-search.alt #course-name{background: #fff; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05); border: none;} .course-search.alt .dropdown div{left: 0;} .course-search.alt:before{display: none;} .course-search.alt #search-btn{font: normal normal normal 18px/1 "FontAwesome"; width: 80px; margin-top: -2px; vertical-align: middle;} .course-search.alt #search-btn:hover{background-color: #383c4b; color: #fe9d68;} .features-section .feature-box.alt{background: url(/shc_website/static/src/css/assets/img/long-shadow-bg.png) no-repeat 55px top;} .features-section .feature-box.alt .icon{height: 155px; padding-top: 42px;} .questions{position: relative;} .questions .flexslider{padding: 2px;} .questions .flexslider li .query{background: #fff; border-radius: 2px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); border: 1px solid #dedede; margin-bottom: 20px; padding: 19px;} .questions .flexslider li .query:last-child{margin: 0;} .questions .flexslider li .query .image{border-radius: 50%; overflow: hidden; border: 3px solid #FFF; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);} .questions .flexslider li .query .query-content{margin-left: 105px;} .questions .post-title a{padding-bottom: 15px;} .questions .flexslider li .details{color: #909090; margin-top: 10px;} .details .date, .details .place{margin-right: 27px;} .details .icon i{font-size: 15px; margin-right: 6px;} .details .text{font-size: 12px;} .home-skills{padding-top: 2px;} .home-skills .skillbar{position: relative; display: block; margin-bottom: 14px; width: 100%; background: #e9e9e9; height: 38px; border-radius: 2px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;} .home-skills .skillbar-title{background: #fe9d68; position: absolute; top: 0; left: 0; font-weight: bold; color: #fff; padding: 0 20px; height: 38px; line-height: 38px; border-radius: 2px;} .home-skills .skillbar-bar{height: 38px; width: 0px; background: #fe9d68; border-radius: 2px;} .tp-banner-container.has-btns .slider-btns a{font-size: 15px; height: 38px; line-height: 38px; box-shadow: none; color: #fff;} .tp-banner-container.has-btns .slider-btns a.more{background-color: #21242e;} .tp-banner-container.has-btns .slider-btns a:hover{opacity: 1; background: #fff; color: #383c4b;} .tp-banner-container.has-btns .tp-bullets{top: auto !important; bottom: 30px;} .tp-banner-container.has-btns .tp-bullets .bullet{margin-top: 0;} .features-section.alt{padding-top: 100px;} .features-content.alt{margin-top: 0;} .latest-courses-content.alt #courses-slider{margin-bottom: 37px;} .testimonials-section{position: relative; text-align: center; padding: 95px 0 78px 0; background: url(/shc_website/static/src/css/assets/img/content/testimonials-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .testimonials-section:after{content: ''; background: rgba(56, 60, 75, .9); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .testimonials-section .testimonials-content{position: relative; z-index: 1;}