body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body{background-color: inherit !important; border-radius: 20px; padding: 15px; display: -webkit-box; display: -webkit-flex; display: flex; width: 335px; height: 530px; 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 .oe_menu_editor ul{padding-left: 37px;} body .modal .oe_menu_editor li{margin-top: -1px;} body .modal .oe_menu_editor li .input-group-addon{border-radius: 0;} body .modal.oe_seo_configuration #language-box{padding-right: 25px; background-color: white;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img{position: relative; transition: border-color 200ms; display: inline-block; border: 2px solid #ced4da;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img > img{width: 70px; height: 70px; object-fit: cover; cursor: pointer;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img:hover{border-color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image{border-color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:before{position: absolute; top: auto; left: auto; bottom: auto; right: 0; content: ''; border: 16px solid rgba(124, 123, 173, 0.8); border-left-color: transparent; border-bottom-color: transparent;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:after{position: absolute; top: 2px; left: auto; bottom: auto; right: 3px; display: inline-block; content: "\f00c"; font-family: FontAwesome; color: white; font-size: 12px;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img .o-custom-label{position: absolute; top: auto; left: auto; bottom: 0px; right: auto; background: rgba(52, 58, 64, 0.6); font-size: 12px;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload{transition: 200ms; display: inline-block; padding: 23px 27px; border: 2px dashed #bcc1c6; vertical-align: top; cursor: pointer; color: #bcc1c6;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload:hover{border-color: #7C7BAD; color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_active_img{height: 240px; object-fit: cover;} body .modal.oe_seo_configuration div.oe_seo_preview_g{list-style: none; font-family: arial, sans-serif;} body .modal.oe_seo_configuration div.oe_seo_preview_g .r{cursor: pointer; color: #1a0dab; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;} body .modal.oe_seo_configuration div.oe_seo_preview_g .s{font-size: 13px; line-height: 18px; color: #545454;} body .modal.oe_seo_configuration div.oe_seo_preview_g .s .kv{color: #006621; font-size: 14px; line-height: 18px;} .o_new_content_open{overflow: hidden;} #o_new_content_menu_choices{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; left: 0; bottom: 0; right: 0; position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; overflow: auto; background-color: rgba(0, 0, 0, 0.8); font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} #o_new_content_menu_choices .text-muted{color: #999999 !important;} #o_new_content_menu_choices::before{content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; pointer-events: none;} #o_new_content_menu_choices .container{max-width: 720px; margin: auto;} #o_new_content_menu_choices .o_new_content_element{opacity: 0; animation: fadeInDownSmall 1s forwards;} #o_new_content_menu_choices .o_new_content_element a{display: block; font-size: 34px; text-align: center;} #o_new_content_menu_choices .o_new_content_element a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;} #o_new_content_menu_choices .o_new_content_element a p{color: white; margin-top: 0.7em; font-size: 0.5em;} #o_new_content_menu_choices .o_new_content_element a:hover, #o_new_content_menu_choices .o_new_content_element a:focus{text-decoration: none; outline: none;} #o_new_content_menu_choices .o_new_content_element a:hover i, #o_new_content_menu_choices .o_new_content_element a:focus i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;} .o_ace_view_editor{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; left: auto; bottom: 0; right: 0; position: fixed; z-index: 1050;} .o_ace_view_editor .text-muted{color: #999999 !important;} .o_ace_view_editor .btn:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: #FFFFFF; background-color: #65639e; border-color: #5f5e97;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:disabled{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle{color: #FFFFFF; background-color: #5f5e97; border-color: #5a598f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .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;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss 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; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_animate/static/src/scss/o_animate_frontend.scss defined in bundle 'web.assets_frontend' */
 .o_animate{animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0, 0, 0); backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{animation-duration: 500ms;} .o_anim_dur1500{animation-duration: 1500ms;} .o_anim_dur2000{animation-duration: 2000ms;} .o_anim_dur2500{animation-duration: 2500ms;} .o_anim_dur3000{animation-duration: 3000ms;} .o_anim_del500{animation-delay: 500ms;} .o_anim_del1000{animation-delay: 1000ms;} .o_anim_del1500{animation-delay: 1500ms;} .o_anim_del2000{animation-delay: 2000ms;} .o_anim_del2500{animation-delay: 2500ms;} @-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} .o_anim_bounce_in{animation-name: o_anim_bounce_in;} @-moz-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_down{animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_left{animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_right{animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_down{animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_left{animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_right{animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_up{animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{opacity: 0; transform-origin: center; transform: rotate(-200deg);}100%{opacity: 1; transform-origin: center; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} @keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} .o_anim_rotate_in{animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} .o_anim_rotate_in_down_left{animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} .o_anim_rotate_in_down_right{animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} .o_anim_zoom_in{animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_down{animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_left{animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_right{animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @-webkit-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} .o_anim_pulse{animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} .o_anim_shake{animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} .o_anim_tada{animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_x{backface-visibility: visible; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_y{backface-visibility: visible; animation-name: o_anim_flip_in_y;} 

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

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

/* /website_rating/static/src/scss/website_rating.scss defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #495057;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px; white-space: nowrap;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 0.75rem;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /website_sale/static/src/scss/website_sale.scss defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .oe_website_sale ul ul{margin-left: 1.5rem;} .oe_website_sale .o_payment_form .card{border-radius: 4px !important;} .oe_website_sale .address-inline address{display: inline-block;} .oe_website_sale table#cart_products tr td, .oe_website_sale table#suggested_products tr td{vertical-align: middle;} .oe_website_sale table#cart_products{margin-bottom: 0;} .oe_website_sale table#cart_products td:first-child, .oe_website_sale table#cart_products th:first-child{padding-left: 15px;} .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h6, .oe_website_sale .td-product_name{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} @media (max-width: 767.98px){.oe_website_sale .td-img{display: none;}} @media (min-width: 1200px){.oe_website_sale .toggle_summary_div{max-width: 400px;}} .o_alternative_product{margin: auto;} .oe_product{position: relative;} .oe_product .oe_product_image{position: absolute; left: 15px; right: 15px; top: 15px; bottom: 55px; text-align: center;} .oe_product .oe_product_image img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 4;} .oe_product section{position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0 15px 0 10px; min-height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.75); z-index: 5;} .oe_product .product_price{bottom: 0;} .oe_product .oe_product_cart{position: relative; width: 100%; height: 100%;} .oe_product .oe_subdescription{font-size: 0.8em; overflow: hidden; margin-bottom: 10px;} .oe_product .js_publish_management{z-index: 5;} .oe_mycart .input-group-addon{padding-left: 6px; padding-right: 6px;} .oe_product.oe_image_full .oe_product_image{left: 0; right: 0; top: 0; bottom: 0;} .oe_product.oe_ribbon_promo .ribbon-wrapper{display: block;} .oe_product .ribbon-wrapper{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} #products_grid > table tr:not(:first-child) > td{height: 100%;} #products_grid.col-lg-12 > table > tbody > tr > td:empty, #products_grid.col-lg-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-lg-12 .oe-height-1{height: 75px;} #products_grid.col-lg-12 .oe-height-2{height: 150px;} #products_grid.col-lg-12 .oe-height-4{height: 300px;} #products_grid.col-lg-12 .oe-height-6{height: 450px;} #products_grid.col-lg-12 .oe-height-8{height: 600px;} #products_grid.col-lg-9 .oe-height-1{height: 70px;} #products_grid.col-lg-9 .oe-height-2{height: 140px;} #products_grid.col-lg-9 .oe-height-4{height: 280px;} #products_grid.col-lg-9 .oe-height-6{height: 420px;} #products_grid.col-lg-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-lg-12 .oe-height-1{height: 95px;}#products_grid.col-lg-12 .oe-height-2{height: 190px;}#products_grid.col-lg-12 .oe-height-4{height: 380px;}#products_grid.col-lg-12 .oe-height-6{height: 570px;}#products_grid.col-lg-12 .oe-height-8{height: 760px;}#products_grid.col-lg-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-lg-9 .oe-height-1{height: 72px;}#products_grid.col-lg-9 .oe-height-2{height: 144px;}#products_grid.col-lg-9 .oe-height-4{height: 288px;}#products_grid.col-lg-9 .oe-height-6{height: 432px;}#products_grid.col-lg-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-lg-12 .oe-height-1{height: 125px;}#products_grid.col-lg-12 .oe-height-2{height: 250px;}#products_grid.col-lg-12 .oe-height-4{height: 500px;}#products_grid.col-lg-12 .oe-height-6{height: 750px;}#products_grid.col-lg-12 .oe-height-8{height: 1000px;}#products_grid.col-lg-9 .oe-height-1{height: 95px;}#products_grid.col-lg-9 .oe-height-2{height: 190px;}#products_grid.col-lg-9 .oe-height-4{height: 380px;}#products_grid.col-lg-9 .oe-height-6{height: 570px;}#products_grid.col-lg-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 767.98px){#products_grid table, #products_grid tbody, #products_grid td, #products_grid tr{float: left; width: 100%; display: inline-block;}#products_grid .oe_product{float: left; width: 100%; display: inline-block;}#products_grid .oe_product.oe_grid{height: 400px;}#products_grid .oe_product.oe_grid section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_subdescription{max-height: 200px;}} @media (max-width: 400px){#products_grid .oe_product.oe_grid{height: 270px;}#products_grid .oe_product.oe_list{height: 200px;}#products_grid .oe_product.oe_list .oe_subdescription{max-height: 40px;}#products_grid .oe_product.oe_list section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart table td:first-child{min-width: 76px;} .oe_cart > .oe_structure{clear: both;} div#payment_method div.list-group{margin-left: 40px;} div#payment_method .list-group-item{padding-top: 5px; padding-bottom: 5px;} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; left: 0; right: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; left: auto; right: auto; background: transparent;}} .oe_website_sale .row .row .col-lg-12{float: none;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown div[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown div[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown div[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.select{background-color: #B1D4F1;} ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);} ul.wizard li{border: 1px solid #d4d4d4; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb;} ul.wizard li .chevron{position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #d4d4d4;} ul.wizard li .chevron:before{position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: "";} ul.wizard li .o_link_disable{text-decoration: none; color: inherit; cursor: text;} ul.wizard li.text-success{background: #f3f4f5;} ul.wizard li.text-success .chevron:before{border-left: 10px solid #f5f5f5;} ul.wizard li.text-primary{background: #f1f6fc;} ul.wizard li.text-primary .chevron:before{border-left: 10px solid #f1f6fc;} ul.wizard li:first-child{padding-left: 15px; border-radius: 4px 0 0 4px;} ul.wizard li:last-child{border-radius: 0 4px 4px 0; border-right-width: 1px;} ul.wizard li:last-child .chevron{display: none;} #o_shop_collapse_category li{width: 100%;} #o_shop_collapse_category li a{display: inline-block; width: 80%; padding-left: 3px;} #o_shop_collapse_category li i.fa{cursor: pointer;} .mycart-popover{max-width: 500px; min-width: 250px;} .mycart-popover .cart_line{border-bottom: 1px #EEE solid;} tr#empty{display: none;} td.noborder{border: none !important;} .border_primary{border: 1px solid #1d2127;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product.css_not_available{opacity: 0.2;} #o-carousel-product .carousel-inner div.item, #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control-prev, #o-carousel-product carousel-control-next{background-image: none !important;} #o-carousel-product .carousel-indicators{background-color: transparent; margin: 10px 0 0; overflow-y: hidden; position: static; text-align: left; white-space: nowrap; width: 100%; height: 100px !important; text-align: center; list-style-position: inside;} #o-carousel-product .carousel-indicators li{background-color: transparent !important; border-radius: 0; display: inline-block; margin: 0 !important; width: 54px !important; height: 54px !important; border: 0 !important; box-shadow: none !important;} #o-carousel-product .carousel-indicators li img{display: block; opacity: 0.5;} #o-carousel-product .carousel-indicators li.active img{opacity: 1;} .ecom-zoomable:not(.ecom-autozoom) img[data-zoom]{cursor: zoom-in;} .ecom-zoomable.ecom-autozoom img[data-zoom]{cursor: crosshair;} .ecom-zoomable .o_editable img[data-zoom]{cursor: pointer;} .break-word{word-wrap: break-word;} #coupon_box form{max-width: 300px;} .font-weight-normal{font-weight: normal;} .o_website_sale_animate{opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020;} .o_red_highlight{background: #db0700 !important; box-shadow: 0 0 0 0 rgba(240, 8, 0, 0.4); transition: all 0.5s linear;} .o_shadow_animation{box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important;} 

/* /website_sale/static/src/scss/website_mail.scss defined in bundle 'web.assets_frontend' */
 .oe_msg img.oe_msg_avatar{width: 50px; margin-right: 10px;} .oe_msg_attachment{display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top;} .oe_msg_attachment a img.oe_attachment_embedded{display: block; position: relative; margin: 0 0 0 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px #FFF; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #F4F5FA; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale/static/src/scss/website_sale_frontend.scss defined in bundle 'web.assets_frontend' */
 .progress-wizard{margin-top: 15px; padding: 0 15px;} @media (min-width: 768px){.progress-wizard{padding: 0;}} .progress-wizard .progress-wizard-step{position: relative;} @media (min-width: 768px){.progress-wizard .progress-wizard-step{margin-top: 0.8125rem; float: left; width: 33.33333333%;}.o_wizard_has_extra_step + .progress-wizard .progress-wizard-step{width: 25%;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step.disabled, .progress-wizard .progress-wizard-step.complete{display: none;}} .progress-wizard .progress-wizard-step .progress-wizard-dot{width: 0.625rem; height: 0.625rem; position: relative; display: inline-block; background-color: white; border-radius: 50%; box-shadow: 0 0 0 0.125rem #e9ecef;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-dot{position: absolute; top: auto; left: 50%; bottom: auto; right: auto; margin: -0.375rem 0 0 -0.3125rem;}} .progress-wizard .progress-wizard-step .progress-wizard-steplabel{color: #6c757d; margin: 5px 0 5px 5px; font-size: 0.875rem; display: inline-block;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{display: block; margin: 1rem 0 20px 0;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{margin-left: -15px; font-size: 24px;}} .progress-wizard .progress-wizard-step .progress-wizard-bar{height: 0.125rem; background-color: #e9ecef;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot{animation: fadeIn 1s ease 0s 1 normal none running; background: #1d2127; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(29, 33, 39, 0.5);} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{color: #212529; font-weight: bolder;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot{background: none; box-shadow: none;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after{position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #28a745; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058";} .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel{color: #212529;} .progress-wizard .progress-wizard-step.disabled{cursor: default;} table.js_cart_lines .td-img img{max-height: 64px;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /sale/static/src/scss/product_configurator.scss defined in bundle 'web.assets_frontend' */
 .css_attribute_color{display: inline-block; border: 1px solid #999999; text-align: center;} .css_attribute_color input{margin: 8px; height: 13px; opacity: 0;} .css_attribute_color.active{border: 3px ridge #66ee66;} .css_attribute_color.active input{margin: 6px;} .css_attribute_color.custom_value{background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600);} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .css_quantity, .css_not_available.js_product .product_price{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .css_not_available.js_product .js_add, .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price, .css_not_available.js_product .oe_optional{display: none;} .css_quantity{max-width: 125px;} .css_quantity input[name="add_qty"]{text-align: center;} option.css_not_available{color: #ccc;} label.css_not_available{opacity: 0.6;} label.css_attribute_color.css_not_available{opacity: 1; background-image: url("/website_sale/static/src/img/redcross.png"); background-size: cover;} .variant_attribute{padding-bottom: 0.5rem;} .variant_attribute .attribute_name{padding-bottom: 0.5rem; display: inline-block;} .variant_attribute .radio_input{margin-right: 0.7rem; vertical-align: middle;} .variant_attribute .radio_input_value{display: inline-block; vertical-align: middle; line-height: 1;} .variant_attribute .variant_custom_value{margin-bottom: 0.7rem;} .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 1.6rem;} .variant_attribute .variant_custom_value_label{margin: 0.3rem 0rem;} .o_product_configurator .product_detail_img{max-height: 240px;} .o_product_configurator .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 2.1rem;} .oe_optional_products_modal .table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.025);} .oe_optional_products_modal .o_total_row{font-size: 1.2rem;} .modal.o_technical_modal .oe_optional_products_modal .btn.js_add_cart_json{padding: 0.075rem 0.75rem;} .js_product.in_cart .js_add_cart_variants{display: none;} .js_product select{-webkit--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -moz--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; background-image: none;} .js_product .td-product_name{word-wrap: break-word;} .js_product .td-product_name{min-width: 140px;} .js_product .td-img{width: 100px;} .js_product .td-qty{width: 200px;} .js_product .td-qty a.input-group-addon{background-color: transparent; border: 0px;} .js_product .td-qty .input-group{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .js_product .td-action{width: 30px;} .js_product .td-price, .js_product .td-price-total{width: 120px;} @media (max-width: 767.98px){.js_product .td-img, .js_product .td-price-total{display: none;}.js_product .td-qty{width: 60px;}.js_product .td-price{width: 80px;}} @media (max-width: 476px){.js_product .td-qty{width: 60px;}.js_product #modal_optional_products table thead, .js_product .oe_cart table thead{display: none;}.js_product #modal_optional_products table td.td-img, .js_product .oe_cart table td.td-img{display: none;}} .o_total_row{height: 50px;} .oe_striked_price{text-decoration: line-through; white-space: nowrap;} 

/* /website_sale/static/src/scss/website_sale_options.scss defined in bundle 'web.assets_frontend' */
 .css_not_available.js_product > *:nth-child(5) > *{display: none;} table.js_cart_lines .optional_product .js_delete_product{display: none;} div#modal_optional_products table tr td{border: 0;} @media (max-width: 767.98px){div#modal_optional_products .td-qty{display: none;}} 

/* /website_sale_comparison/static/src/scss/website_sale_comparison.scss defined in bundle 'web.assets_frontend' */
 .o_product_feature_panel{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 0px; padding: 10px 20px; text-align: center; border: 2px solid #1d2127; border-bottom: 0px; background-color: white; opacity: 0.95;} .o_product_feature_panel .o_product_panel{position: relative;} .o_product_feature_panel .o_product_panel .o_product_panel_header{margin: 0 10px 0 10px; cursor: pointer;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_icon{margin-right: 5px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_text{text-transform: uppercase; vertical-align: middle; font-size: 16px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_circle{vertical-align: 6px; padding: 0 3px; line-height: 14px;} .o_product_feature_panel .o_product_panel .o_product_panel_content{display: none !important;} .oe_website_sale .product_summary > *{display: block; margin: 15px 0 15px 0;} .oe_website_sale .table-comparator .o_product_comparison_collpase{margin-right: 8px;} .oe_website_sale div.css_not_available .o_add_compare_dyn{display: none;} 

/* /website_sale_delivery/static/src/scss/website_sale_delivery.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 767.98px){.o_delivery_compute{max-width: 130px; text-overflow: ellipsis; overflow: hidden;}} 

/* /tecspek_all_options/static/src/less-css/products_shop_limit.scss defined in bundle 'web.assets_frontend' */
 .product_share{position: fixed; top: 47%; right: 14px; z-index: 999;} .product_share a{display: block; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 100%; text-align: center; padding-top: 8px; margin: 10px 0; width: 38px; height: 38px; font-size: 18px;} .product_share a > i{color: #fff !important; transition: color 0.3s ease-in-out;} .product_share a > i:hover{color: #1d2127;} .product_share a.product_share_facebook{background-color: #3b5999;} .product_share a.product_share_twitter{background-color: #55acee;} .product_share a.product_share_linkedin{background-color: #0077B5;} .product_share a.product_share_google{background-color: #dd4b39;} .product_share a.product_share_google{background-color: #dd4b39;} .product_share a{background-color: #7b7676;} #products_grid_before .mm-navbar{border-color: #FFF;} #products_grid_before .mm-listview .nav-link.active{color: #1d2127 !important;} #products_grid_before .mm-navbar__title{color: #1d2127 !important; font-size: 20px; font-weight: bold; text-transform: uppercase;} 

/* /tecspek_all_options/static/src/less-css/mmenu.css defined in bundle 'web.assets_frontend' */
 :root{--mm-line-height: 20px; --mm-listitem-size: 44px; --mm-navbar-size: 44px; --mm-offset-top: 0; --mm-offset-right: 0; --mm-offset-bottom: 0; --mm-offset-left: 0; --mm-color-border: rgba(0, 0, 0, 0.1); --mm-color-button: rgba(0, 0, 0, 0.3); --mm-color-text: rgba(0, 0, 0, 0.75); --mm-color-text-dimmed: rgba(0, 0, 0, 0.3); --mm-color-background: #f3f3f3; --mm-color-background-highlight: rgba(0, 0, 0, 0.05); --mm-color-background-emphasis: rgba(255, 255, 255, 0.4); --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} .mm-hidden{display: none !important;} .mm-wrapper{overflow-x: hidden; position: relative;} .mm-menu{background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); line-height: var(--mm-line-height); display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; position: absolute; top: var(--mm-offset-top); right: var(--mm-offset-right); bottom: var(--mm-offset-bottom); left: var(--mm-offset-left); z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{color: inherit; text-decoration: none;} [dir=rtl] .mm-menu{direction: rtl;} .mm-panel{background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease;} .mm-panel:not(.mm-hidden){display: block;} .mm-panel:after{content: ''; display: block; height: 20px;} .mm-panel_opened{z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-panel_opened-parent{-webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0);} .mm-panel_highest{z-index: 2;} .mm-panel_noanimation{-webkit-transition: none !important; -o-transition: none !important; transition: none !important;} .mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-panel__content{padding: 20px;} .mm-panels{background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); position: relative; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden;} .mm-panels > .mm-panel{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;} [dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} [dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0);} .mm-listitem_vertical > .mm-panel{-webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: none; width: 100%; padding: 10px 0 10px 10px;} .mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before{content: none; display: none;} .mm-listitem_opened > .mm-panel{display: block;} .mm-listitem_vertical > .mm-listitem__btn{height: 44px; height: var(--mm-listitem-size); bottom: auto;} .mm-listitem_vertical .mm-listitem:last-child:after{border-color: transparent;} .mm-listitem_opened > .mm-listitem__btn:after{-webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px;} .mm-btn{-webkit-box-sizing: border-box; box-sizing: border-box; width: 44px; -ms-flex-negative: 0; flex-shrink: 0; padding: 0;} .mm-btn:after, .mm-btn:before{border-color: var(--mm-color-button); border-width: 2px; border-style: solid;} .mm-btn_next:after, .mm-btn_prev:before{content: ''; border-bottom: none; border-right: none; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0;} .mm-btn_prev:before{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto;} .mm-btn_next:after{-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto;} .mm-btn_close:after, .mm-btn_close:before{content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .mm-btn_close:before{border-right: none; border-bottom: none; right: 18px;} .mm-btn_close:after{border-left: none; border-top: none; right: 25px;} [dir=rtl] .mm-btn_next:after{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto;} [dir=rtl] .mm-btn_prev:before{-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto;} [dir=rtl] .mm-btn_close:after, [dir=rtl] .mm-btn_close:before{right: auto;} [dir=rtl] .mm-btn_close:before{left: 25px;} [dir=rtl] .mm-btn_close:after{left: 18px;} .mm-navbar{background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text-dimmed); text-align: center; border-bottom-width: 1px; border-bottom-style: solid; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; height: var(--mm-navbar-size); opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease;} .mm-navbar > *{-webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5); padding-left: 0; padding-right: 0;} .mm-navbar a, .mm-navbar a:hover{text-decoration: none;} .mm-navbar__title{-o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%;} .mm-navbar__btn{position: relative;} .mm-navbar__btn:first-child{text-align: left;} .mm-navbar__btn:last-child{text-align: right;} [dir=rtl] .mm-navbar{-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} [dir=rtl] .mm-navbar__btn:first-child{text-align: right;} [dir=rtl] .mm-navbar__btn:last-child{text-align: left;} .mm-listview{list-style: none; display: block; padding: 0; margin: 0;} .mm-listitem{color: var(--mm-color-text); border-color: var(--mm-color-border); list-style: none; display: block; padding: 0; margin: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .mm-listitem:after{content: ''; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 20px; right: 0; bottom: 0;} .mm-listitem a, .mm-listitem a:hover{text-decoration: none;} .mm-listitem__btn, .mm-listitem__text{color: inherit; display: block; padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2); padding-left: 0; padding-right: 0;} .mm-listitem__text{-o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; padding-right: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 10%; flex-basis: 10%;} .mm-listitem__btn{-webkit-tap-highlight-color: var(--mm-color-background-emphasis); tap-highlight-color: var(--mm-color-background-emphasis); background: rgba(3, 2, 1, 0); border-color: inherit; width: auto; padding-right: 54px; position: relative;} .mm-listitem__btn:not(.mm-listitem__text){border-left-width: 1px; border-left-style: solid;} .mm-listitem_selected > .mm-listitem__text{background: var(--mm-color-background-emphasis);} .mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel{background: var(--mm-color-background-highlight);} [dir=rtl] .mm-listitem:after{left: 0; right: 20px;} [dir=rtl] .mm-listitem__text{padding-left: 10px; padding-right: 20px;} [dir=rtl] .mm-listitem__btn{padding-left: 54px; border-left-width: 0; border-left-style: none;} [dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right: 0; border-right-width: 1px; border-right-style: solid;} .mm-page{-webkit-box-sizing: border-box; box-sizing: border-box; position: relative;} .mm-slideout{-webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; z-index: 1;} .mm-wrapper_opened{overflow-x: hidden; position: relative;} .mm-wrapper_background .mm-page{background: inherit;} .mm-menu_offcanvas{position: fixed; right: auto; z-index: 0;} .mm-menu_offcanvas:not(.mm-menu_opened){display: none;} .mm-menu_offcanvas{width: 80%; min-width: 240px; max-width: 440px;} .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout{-webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout{-webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0);}} @media all and (min-width: 550px){.mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout{-webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0);}} .mm-wrapper__blocker{background: rgba(3, 2, 1, 0); overflow: hidden; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;} .mm-wrapper_blocking{overflow: hidden;} .mm-wrapper_blocking body{overflow: hidden;} .mm-wrapper_blocking .mm-wrapper__blocker{display: block;} .mm-sronly{border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important;} .mm-menu_autoheight{-webkit-transition: none .4s ease; -o-transition: none .4s ease; transition: none .4s ease; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: transform,height; transition-property: transform,height; transition-property: transform,height,-webkit-transform;} .mm-menu_autoheight:not(.mm-menu_offcanvas){position: relative;} .mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top{max-height: 80%;} .mm-menu_autoheight-measuring .mm-panel{display: block !important;} .mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display: none !important;} .mm-menu_autoheight-measuring .mm-panels > .mm-panel{bottom: auto !important; height: auto !important;} [class*=mm-menu_columns-]{-webkit-transition-property: width; -o-transition-property: width; transition-property: width;} [class*=mm-menu_columns-] .mm-panels > .mm-panel{right: auto; -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; -o-transition-property: width,transform; transition-property: width,transform; transition-property: width,transform,-webkit-transform;} [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened, [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened-parent{display: block !important;} [class*=mm-panel_columns-]{border-right: 1px solid; border-color: inherit;} .mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3{border-right: none;} [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-0{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-menu_columns-0 .mm-panels > .mm-panel{z-index: 0;} .mm-menu_columns-0 .mm-panels > .mm-panel else{width: 100%;} .mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .mm-menu_columns-0{width: 80%; min-width: 240px; max-width: 0;} .mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout{-webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout{-webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0);}} @media all and (min-width: 0px){.mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0);}} @media all and (min-width: 0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-1{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .mm-menu_columns-1 .mm-panels > .mm-panel{z-index: 1; width: 100%;} .mm-menu_columns-1 .mm-panels > .mm-panel else{width: 100%;} .mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0);} .mm-menu_columns-1{width: 80%; min-width: 240px; max-width: 440px;} .mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout{-webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout{-webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0);}} @media all and (min-width: 550px){.mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout{-webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0);}} .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0);}} @media all and (min-width: 550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0);}} [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-2{-webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0);} .mm-menu_columns-2 .mm-panels > .mm-panel{z-index: 2; width: 50%;} .mm-menu_columns-2 .mm-panels > .mm-panel else{width: 100%;} .mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0);} .mm-menu_columns-2{width: 80%; min-width: 240px; max-width: 880px;} .mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout{-webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout{-webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0);}} @media all and (min-width: 1100px){.mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout{-webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0);}} .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0);}} @media all and (min-width: 1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-880px, 0, 0); transform: translate3d(-880px, 0, 0);}} [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-3{-webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0);} .mm-menu_columns-3 .mm-panels > .mm-panel{z-index: 3; width: 33.34%;} .mm-menu_columns-3 .mm-panels > .mm-panel else{width: 100%;} .mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0);} .mm-menu_columns-3{width: 80%; min-width: 240px; max-width: 1320px;} .mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout{-webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout{-webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0);}} @media all and (min-width: 1650px){.mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout{-webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0);}} .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0);}} @media all and (min-width: 1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-1320px, 0, 0); transform: translate3d(-1320px, 0, 0);}} [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-4{-webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0);} .mm-menu_columns-4 .mm-panels > .mm-panel{z-index: 4; width: 25%;} .mm-menu_columns-4 .mm-panels > .mm-panel else{width: 100%;} .mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0);} .mm-menu_columns-4{width: 80%; min-width: 240px; max-width: 1760px;} .mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout{-webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout{-webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0);}} @media all and (min-width: 2200px){.mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout{-webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0);}} .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0);}} @media all and (min-width: 2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-1760px, 0, 0); transform: translate3d(-1760px, 0, 0);}} [class*=mm-menu_columns-].mm-menu_position-bottom, [class*=mm-menu_columns-].mm-menu_position-top{width: 100%; max-width: 100%; min-width: 100%;} .mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property: width,min-width,max-width,-webkit-transform; transition-property: width,min-width,max-width,-webkit-transform; -o-transition-property: width,min-width,max-width,transform; transition-property: width,min-width,max-width,transform; transition-property: width,min-width,max-width,transform,-webkit-transform;} .mm-counter{color: var(--mm-color-text-dimmed); text-align: right; display: block; padding-left: 20px; float: right;} .mm-listitem_nosubitems > .mm-counter{display: none;} [dir=rtl] .mm-counter{text-align: left; float: left; padding-left: 0; padding-right: 20px;} .mm-divider{-o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; font-size: 75%; text-transform: uppercase; background: var(--mm-color-background); position: -webkit-sticky; position: sticky; z-index: 1; top: 0; min-height: var(--mm-line-height); padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5); padding-right: 10px; padding-left: 20px;} .mm-divider:before{content: ''; background: var(--mm-color-background-highlight); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;} .mm-menu_dividers-light .mm-divider{font-size: inherit; color: var(--mm-color-text-dimmed); padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) * .75); padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) * .25);} .mm-menu_dividers-light .mm-divider:before{background: inherit;} .mm-menu_border-none .mm-divider{border-top-width: 1px; border-top-style: solid;} .mm-wrapper_dragging .mm-menu, .mm-wrapper_dragging .mm-slideout{-webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important;} .mm-menu_dropdown{-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%;} .mm-wrapper_dropdown .mm-slideout{-webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0;} .mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1;} .mm-wrapper_dropdown .mm-menu_dropdown{z-index: 2;} .mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display: none;} [class*=mm-menu_tip-]:before{content: ''; background: inherit; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .mm-menu_tip-left:before{left: 22px;} .mm-menu_tip-right:before{right: 22px;} .mm-menu_tip-top:before{top: -8px;} .mm-menu_tip-bottom:before{bottom: -8px;} :root{--mm-iconbar-size: 44px;} .mm-menu_iconbar-left .mm-navbars_bottom, .mm-menu_iconbar-left .mm-navbars_top, .mm-menu_iconbar-left .mm-panels{margin-left: var(--mm-iconbar-size);} .mm-menu_iconbar-left .mm-iconbar{border-right-width: 1px; display: block; left: 0;} .mm-menu_iconbar-right .mm-navbars_bottom, .mm-menu_iconbar-right .mm-navbars_top, .mm-menu_iconbar-right .mm-panels{margin-right: var(--mm-iconbar-size);} .mm-menu_iconbar-right .mm-iconbar{border-left-width: 1px; display: block; right: 0;} .mm-iconbar{background: var(--mm-color-background); color: var(--mm-color-text-dimmed); border: 0 solid rgba(0, 0, 0, 0.1); border-color: var(--mm-color-border); text-align: center; overflow: hidden; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: var(--mm-iconbar-size); position: absolute; top: 0; bottom: 0; z-index: 2;} .mm-iconbar__bottom, .mm-iconbar__top{width: inherit; position: absolute;} .mm-iconbar__bottom > *, .mm-iconbar__top > *{-webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 11px 0;} .mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover{text-decoration: none;} .mm-iconbar__top{top: 0;} .mm-iconbar__bottom{bottom: 0;} .mm-iconbar__tab_selected{background: var(--mm-color-background-emphasis);} :root{--mm-iconpanel-size: 44px;} .mm-panel_iconpanel-1{width: calc(100% - (var(--mm-iconpanel-size) * 1));} .mm-panel_iconpanel-2{width: calc(100% - (var(--mm-iconpanel-size) * 2));} .mm-panel_iconpanel-3{width: calc(100% - (var(--mm-iconpanel-size) * 3));} .mm-panel_iconpanel-first ~ .mm-panel{width: calc(100% - var(--mm-iconpanel-size));} .mm-menu_iconpanel .mm-panels > .mm-panel{left: auto; -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; -o-transition-property: transform,width; transition-property: transform,width; transition-property: transform,width,-webkit-transform;} .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width: 1px; border-left-style: solid;} .mm-menu_iconpanel .mm-panels > .mm-panel_opened, .mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent{display: block !important;} .mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent{overflow-y: hidden; -webkit-transform: unset; -ms-transform: unset; transform: unset;} .mm-menu_hidedivider .mm-panel_opened-parent .mm-divider, .mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity: 0;} .mm-panel__blocker{background: inherit; opacity: 0; display: block; position: absolute; top: 0; right: 0; left: 0; z-index: 3; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease;} .mm-panel_opened-parent .mm-panel__blocker{opacity: .6; bottom: -100000px;} [dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel{left: 0; right: auto; -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; -o-transition-property: transform,width; transition-property: transform,width; transition-property: transform,width,-webkit-transform;} [dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left: none; border-right: 1px solid; border-color: inherit;} .mm-menu_keyboardfocus a:focus, .mm-menu_keyboardfocus.mm-menu_opened ~ .mm-wrapper__blocker a:focus{outline: 0; background: var(--mm-color-background-emphasis);} .mm-wrapper__blocker .mm-tabstart{cursor: default; display: block; width: 100%; height: 100%;} .mm-wrapper__blocker .mm-tabend{opacity: 0; position: absolute; bottom: 0;} .mm-navbars_bottom, .mm-navbars_top{background: inherit; border-color: inherit; border-width: 0; position: relative; -ms-flex-negative: 0; flex-shrink: 0;} .mm-navbars_bottom > .mm-navbar, .mm-navbars_top > .mm-navbar{border-width: 0;} .mm-navbars_bottom > .mm-navbar > :not(img):not(.mm-btn), .mm-navbars_top > .mm-navbar > :not(img):not(.mm-btn){-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} .mm-navbars_top{border-bottom-style: solid; border-bottom-width: 1px;} .mm-navbars_bottom{border-top-style: solid; border-top-width: 1px;} .mm-navbar__breadcrumbs{-o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; padding: 0;} .mm-navbar__breadcrumbs > *{display: inline-block; padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5); padding-left: 0; padding-right: 6px;} .mm-navbar__breadcrumbs > a{text-decoration: underline;} .mm-btn.mm-hidden + .mm-navbar__breadcrumbs{padding-left: 20px;} .mm-navbar__tab_selected{background: inherit !important; color: inherit !important; border-width: 1px; border-style: solid; border-color: inherit;} .mm-navbar__tab_selected:first-child{border-left: none;} .mm-navbar__tab_selected:last-child{border-right: none;} .mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs, .mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar{background: inherit !important; color: inherit !important;} .mm-navbars_top .mm-navbar_tabs:not(:last-child){border-bottom-width: 1px; border-bottom-style: solid;} .mm-navbars_top .mm-navbar__tab_selected{border-bottom: none; margin-bottom: -1px;} .mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected{border-top: none;} .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background: inherit; color: inherit;} .mm-navbars_bottom .mm-navbar_tabs:not(:first-child){border-top-width: 1px; border-top-style: solid;} .mm-navbars_bottom .mm-navbar__tab_selected{border-top: none; margin-top: -1px;} .mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected{border-bottom: none;} .mm-navbar_tabs > a:not(.mm-navbar__tab_selected), .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs){background: var(--mm-color-background-emphasis); color: var(--mm-color-text-dimmed);} .mm-searchfield{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; height: var(--mm-navbar-size); padding: 0; overflow: hidden;} .mm-searchfield input{border: none !important; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 4px; font: inherit; font-size: inherit; line-height: calc(var(--mm-navbar-size) * .7); display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; height: calc(var(--mm-navbar-size) * .7); min-height: unset; max-height: unset; margin: 0; padding: 0 10px;} .mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover{background: var(--mm-color-background-highlight); color: var(--mm-color-text);} .mm-searchfield input::-ms-clear{display: none;} .mm-searchfield__input{padding: 6.6px 10px 0 10px; padding-top: calc(var(--mm-navbar-size) * .15); position: relative;} .mm-panel__noresultsmsg{color: var(--mm-color-text-dimmed); text-align: center; font-size: 150%; padding: 44px 0;} .mm-searchfield__btn{position: absolute; right: 0; top: 0; bottom: 0;} .mm-panel_search{left: 0 !important; right: 0 !important; width: 100% !important; border-left: none !important;} .mm-searchfield__input{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%;} .mm-searchfield__cancel{line-height: var(--mm-navbar-size); text-decoration: none; display: block; padding-right: 10px; margin-right: -100px; -webkit-transition: margin .4s ease; -o-transition: margin .4s ease; transition: margin .4s ease;} .mm-searchfield__cancel-active{margin-right: 0;} .mm-listitem_nosubitems > .mm-listitem__btn{display: none;} .mm-listitem_nosubitems > .mm-listitem__text{padding-right: 10px;} .mm-sectionindexer{background: inherit; text-align: center; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -20px; z-index: 5; -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;} .mm-sectionindexer a{color: var(--mm-color-text-dimmed); line-height: 1; text-decoration: none; display: block;} .mm-sectionindexer ~ .mm-panel{padding-right: 0; -webkit-transition: padding-right .4s ease; -o-transition: padding-right .4s ease; transition: padding-right .4s ease;} .mm-sectionindexer_active{right: 0;} .mm-sectionindexer_active ~ .mm-panel{padding-right: 20px;} :root{--mm-sidebar-collapsed-size: 44px; --mm-sidebar-expanded-size: 440px;} .mm-wrapper_sidebar-collapsed body, .mm-wrapper_sidebar-expanded body{position: relative;} .mm-wrapper_sidebar-collapsed .mm-slideout, .mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; -o-transition-property: width,transform; transition-property: width,transform; transition-property: width,transform,-webkit-transform;} .mm-wrapper_sidebar-collapsed .mm-page, .mm-wrapper_sidebar-expanded .mm-page{background: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh;} .mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed, .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important;} .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider, .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity: 0;} .mm-wrapper_sidebar-collapsed .mm-slideout{width: calc(100% - var(--mm-sidebar-collapsed-size)); -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0); transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);} .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{border-right-width: 1px; border-right-style: solid; min-width: 0 !important; max-width: 100000px !important;} .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content: none; display: none;} .mm-wrapper_sidebar-expanded.mm-wrapper_blocking, .mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow: visible;} .mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display: none !important;} .mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout{width: calc(100% - var(--mm-sidebar-expanded-size)); -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0); transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);} .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width: var(--mm-sidebar-expanded-size);} .mm-menu__blocker{background: rgba(3, 2, 1, 0); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;} .mm-menu_opened .mm-menu__blocker{display: none;} [dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} [dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} [dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} input.mm-toggle{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: var(--mm-color-border); border-radius: 34px; display: inline-block; min-width: 58px; width: 58px; height: 34px; margin: 0 10px; margin-top: calc((var(--mm-listitem-size) - 34px)/ 2); -webkit-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease;} input.mm-toggle:before{content: ''; background: var(--mm-color-background); border-radius: 34px; display: block; width: 32px; height: 32px; margin: 1px; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease,-webkit-transform .2s ease;} input.mm-toggle:checked{background: #4bd963;} input.mm-toggle:checked:before{-webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px);} input.mm-check{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-block; width: 34px; height: 34px; margin: 0 10px; margin-top: calc((var(--mm-listitem-size) - 34px)/ 2);} input.mm-check:before{border-color: var(--mm-color-text); content: ''; display: block; border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: .3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease;} input.mm-check:checked:before{opacity: 1;} [dir=rtl] input.mm-toggle:checked ~ label.mm-toggle:before{float: left;} .mm-menu_border-none .mm-listitem:after, .mm-panel_border-none .mm-listitem:after{content: none;} .mm-menu_border-full .mm-listitem:after, .mm-panel_border-full .mm-listitem:after{left: 0 !important;} .mm-menu_border-offset .mm-listitem:after, .mm-panel_border-offset .mm-listitem:after{right: 20px;} .mm-menu_fx-menu-zoom{-webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease;} .mm-wrapper_opened .mm-menu_fx-menu-zoom{-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;} .mm-wrapper_opening .mm-menu_fx-menu-zoom{-webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0);} .mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right{-webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center;} .mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right{-webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0);} .mm-menu_fx-menu-slide{-webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease;} .mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0);} .mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0);} .mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-menu_fx-menu-fade{opacity: 0; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease;} .mm-wrapper_opening .mm-menu_fx-menu-fade{opacity: 1;} .mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none{-webkit-transition-property: none; -o-transition-property: none; transition-property: none;} .mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-menu_fx-panels-zoom .mm-panel, .mm-panel_fx-zoom{-webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0);} .mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened, .mm-panel_fx-zoom.mm-panel_opened{-webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0);} .mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent, .mm-panel_fx-zoom.mm-panel_opened-parent{-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);} .mm-menu_fx-panels-slide-0 .mm-panel_opened-parent, .mm-panel_fx-slide-0.mm-panel_opened-parent{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-menu_fx-panels-slide-100 .mm-panel_opened-parent, .mm-panel_fx-slide-100.mm-panel_opened-parent{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} .mm-menu_fx-panels-slide-up .mm-panel, .mm-panel_fx-slide-up{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} .mm-menu_fx-panels-slide-up .mm-panel_opened, .mm-menu_fx-panels-slide-up .mm-panel_opened-parent, .mm-panel_fx-slide-up.mm-panel_opened{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-menu_fx-panels-slide-right .mm-panel, .mm-panel_fx-slide-right{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} .mm-menu_fx-panels-slide-right .mm-panel_opened, .mm-menu_fx-panels-slide-right .mm-panel_opened-parent, .mm-panel_fx-slide-right.mm-panel_opened{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} [class*=mm-menu_fx-listitems-] .mm-listitem{-webkit-transition: none .4s ease; -o-transition: none .4s ease; transition: none .4s ease;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(1){-webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(2){-webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(3){-webkit-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(4){-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(5){-webkit-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(6){-webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(7){-webkit-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(8){-webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(9){-webkit-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(10){-webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(11){-webkit-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(12){-webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(13){-webkit-transition-delay: 650ms; -o-transition-delay: 650ms; transition-delay: 650ms;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(14){-webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s;} [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(15){-webkit-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms;} .mm-menu_fx-listitems-slide .mm-listitem{-webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -o-transition-property: transform,opacity; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0;} .mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;} .mm-menu_fx-listitems-fade .mm-listitem{-webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; opacity: 0;} .mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem{opacity: 1;} .mm-menu_fx-listitems-drop .mm-listitem{-webkit-transition-property: opacity,top; -o-transition-property: opacity,top; transition-property: opacity,top; opacity: 0; top: -25%;} .mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem{opacity: 1; top: 0;} .mm-menu_fullscreen{width: 100%; min-width: 140px; max-width: 10000px;} .mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout{-webkit-transform: translate3d(100vw, 0, 0); transform: translate3d(100vw, 0, 0);} @media all and (max-width: 140px){.mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout{-webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0);}} @media all and (min-width: 10000px){.mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout{-webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0);}} .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0);} @media all and (max-width: 140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0);}} @media all and (min-width: 10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0);}} .mm-menu_fullscreen.mm-menu_position-top{height: 100vh; min-height: 140px; max-height: 10000px;} .mm-menu_fullscreen.mm-menu_position-bottom{height: 100vh; min-height: 140px; max-height: 10000px;} .mm-menu_listview-justify .mm-panels > .mm-panel:after, .mm-menu_listview-justify .mm-panels > .mm-panel:before, .mm-panels > .mm-panel_listview-justify:after, .mm-panels > .mm-panel_listview-justify:before{content: none; display: none;} .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview, .mm-panels > .mm-panel_listview-justify .mm-listview{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0;} .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem, .mm-panels > .mm-panel_listview-justify .mm-listitem{-webkit-box-flex: 1; -ms--webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; min-height: 44px;} .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem__text, .mm-panels > .mm-panel_listview-justify .mm-listitem__text{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms--webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .mm-listview_inset{list-style: inside disc; width: 100%; padding: 0 30px 15px 30px; margin: 0;} .mm-listview_inset .mm-listitem{padding: 5px 0;} .mm-listitem_spacer{padding-top: 44px; padding-top: var(--mm-listitem-size);} .mm-listitem_spacer > .mm-listitem__btn{top: 44px; top: var(--mm-listitem-size);} .mm-menu_multiline .mm-listitem__text, .mm-panel_multiline .mm-listitem__text{-o-text-overflow: clip; text-overflow: clip; white-space: normal;} [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker{opacity: 0;} .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker{opacity: .3; -webkit-transition: opacity .4s ease .4s; -o-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s;} .mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker{background: inherit;} .mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker{background: #000;} .mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker{background: #fff;} .mm-menu_popup{-webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);} .mm-menu_popup.mm-menu_opened ~ .mm-slideout{-webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0;} .mm-menu_popup.mm-menu_opened ~ .mm-wrapper__blocker{-webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1;} .mm-wrapper_opening .mm-menu_popup{opacity: 1;} .mm-menu_position-right{left: auto; right: 0;} .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0);} @media all and (max-width: 300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0);}} @media all and (min-width: 550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout{-webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0);}} .mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top{-webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease;} .mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened{z-index: 2;} .mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout{-webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0;} .mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker{z-index: 1;} .mm-menu_position-front{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} .mm-menu_position-front.mm-menu_position-right{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .mm-menu_position-bottom, .mm-menu_position-top{width: 100%; min-width: 100%; max-width: 100%;} .mm-menu_position-top{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} .mm-menu_position-top{height: 80vh; min-height: 140px; max-height: 880px;} .mm-menu_position-bottom{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto;} .mm-menu_position-bottom{height: 80vh; min-height: 140px; max-height: 880px;} .mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-menu_shadow-page:after{-webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow); content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);} .mm-menu_shadow-page.mm-menu_position-right:after{left: auto; right: 100%; -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%); clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);} .mm-menu_shadow-page.mm-menu_position-front:after{content: none; display: none;} .mm-menu_shadow-menu{-webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow);} .mm-menu_shadow-panels .mm-panels > .mm-panel{-webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow);} .mm-menu_theme-white{--mm-color-border: rgba(0, 0, 0, 0.1); --mm-color-button: rgba(0, 0, 0, 0.3); --mm-color-text: rgba(0, 0, 0, 0.7); --mm-color-text-dimmed: rgba(0, 0, 0, 0.3); --mm-color-background: #fff; --mm-color-background-highlight: rgba(0, 0, 0, 0.06); --mm-color-background-emphasis: rgba(0, 0, 0, 0.03); --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} .mm-menu_theme-dark{--mm-color-border: rgba(0, 0, 0, 0.3); --mm-color-button: rgba(255, 255, 255, 0.4); --mm-color-text: rgba(255, 255, 255, 0.85); --mm-color-text-dimmed: rgba(255, 255, 255, 0.4); --mm-color-background: #333; --mm-color-background-highlight: rgba(255, 255, 255, 0.08); --mm-color-background-emphasis: rgba(0, 0, 0, 0.1); --mm-shadow: 0 0 20px rgba(0, 0, 0, 0.5);} .mm-menu_theme-black{--mm-color-border: rgba(255, 255, 255, 0.25); --mm-color-button: rgba(255, 255, 255, 0.4); --mm-color-text: rgba(255, 255, 255, 0.75); --mm-color-text-dimmed: rgba(255, 255, 255, 0.4); --mm-color-background: #000; --mm-color-background-highlight: rgba(255, 255, 255, 0.2); --mm-color-background-emphasis: rgba(255, 255, 255, 0.15); --mm-shadow: none;} .mm-menu_tileview .mm-listview, .mm-panel_tileview .mm-listview{margin: 0 !important;} .mm-menu_tileview .mm-listview:after, .mm-panel_tileview .mm-listview:after{content: ''; display: block; clear: both;} .mm-menu_tileview .mm-listitem, .mm-panel_tileview .mm-listitem{padding: 0; float: left; position: relative; width: 50%; height: 0; padding-top: 50%;} .mm-menu_tileview .mm-listitem:after, .mm-panel_tileview .mm-listitem:after{left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1;} .mm-menu_tileview .mm-listitem.mm-tile-xs, .mm-panel_tileview .mm-listitem.mm-tile-xs{width: 12.5%; padding-top: 12.5%;} .mm-menu_tileview .mm-listitem.mm-tile-s, .mm-panel_tileview .mm-listitem.mm-tile-s{width: 25%; padding-top: 25%;} .mm-menu_tileview .mm-listitem.mm-tile-l, .mm-panel_tileview .mm-listitem.mm-tile-l{width: 75%; padding-top: 75%;} .mm-menu_tileview .mm-listitem.mm-tile-xl, .mm-panel_tileview .mm-listitem.mm-tile-xl{width: 100%; padding-top: 100%;} .mm-menu_tileview .mm-listitem__text, .mm-panel_tileview .mm-listitem__text{line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0;} .mm-menu_tileview .mm-listitem__btn, .mm-panel_tileview .mm-listitem__btn{width: auto;} .mm-menu_tileview .mm-listitem__btn:after, .mm-menu_tileview .mm-listitem__btn:before, .mm-panel_tileview .mm-listitem__btn:after, .mm-panel_tileview .mm-listitem__btn:before{content: none; display: none;} .mm-menu_tileview .mm-divider, .mm-panel_tileview .mm-divider{display: none;} .mm-menu_tileview .mm-panel, .mm-panel_tileview{padding-left: 0; padding-right: 0;} .mm-menu_tileview .mm-panel:after, .mm-menu_tileview .mm-panel:before, .mm-panel_tileview:after, .mm-panel_tileview:before{content: none; display: none;} body.modal-open .mm-slideout{z-index: unset;} 

/* /tecspek_all_options/static/src/less-css/main.scss defined in bundle 'web.assets_frontend' */
 .mm-menu{background: #fff; border-color: rgba(0, 0, 0, 0.1); color: black;} .mm-slideout{z-index: unset !important;} .shop-toggle.fixed{position: fixed; top: 0; left: 0;} @media (max-width: 768px){#page{float: unset !important;}} .homepage-category .menu-cat-link{color: #666; display: block; font-size: 14px; font-weight: 400; padding: 17px 0; line-height: 100%; position: relative; text-transform: capitalize; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; border-bottom: 1px solid #e8e8e8;} .homepage-category ul.dropdown-menu .dropdown-submenu{padding: 0px 34px 0px 14px;} .homepage-category ul.dropdown-menu .dropdown-submenu .menu-cat-link{color: #666 !important; display: block !important; font-size: 14px !important; font-weight: 400 !important; padding: 17px 10px !important; line-height: 100% !important; position: relative !important; text-transform: capitalize !important; -webkit-transition: all 0.15s ease !important; -moz-transition: all 0.15s ease !important; -ms-transition: all 0.15s ease !important; -o-transition: all 0.15s ease !important; transition: all 0.15s ease !important; border-bottom: 0px solid #e8e8e8 !important;} .homepage-category ul.dropdown-menu .dropdown-submenu:hover{background: #c1c1c133;} .homepage-category .dropdown-menu > li > a:hover, .homepage-category .dropdown-menu > li > a:focus{background-color: transparent !important;} .homepage-category .dropdown-submenu > .dropdown-menu{top: 0; left: 100%; margin-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .homepage-category .dropdown-submenu:hover > .dropdown-menu{display: block;} .homepage-category .dropdown-submenu.pull-left{float: none;} .homepage-category .dropdown-submenu.pull-left > .dropdown-menu{left: -100%; margin-left: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .homepage-category .category-icon{position: absolute; top: 18px; right: 10px; color: #999999 !important;} .homepage-category a:hover{text-decoration: none;} .category-hover-menu:hover > .dropdown-menu{display: block;} @media all and (min-width: 550px){html.mm-opening .mm-slideout{transform: translate(350px, 0);}} @media all and (min-width: 550px){html.mm-right.mm-opening .mm-slideout{transform: translate(-350px, 0);}} .mm-listview > li > a{color: #37474f; padding: 14px 24px;} .mm-listview > li > a:hover, .mm-listview .mm-next.mm-fullsubopen:hover + a{color: #1976d2;} .mm-listview > li > a:hover span{color: #37474f;} .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next){background-size: 30px 30px; text-decoration: line-through;} 

/* /tecspek_customize_theme/static/src/less/services.scss defined in bundle 'web.assets_frontend' */
 .service_1 .serviceBox{color: #9f9f9f; font-family: 'Lato', sans-serif; text-align: center; padding: 0 15px;} .service_1 .serviceBox .service-icon{background: rgba(0, 0, 0, 0.05); line-height: 126px; width: 126px; height: 126px; margin: 0 auto 30px; border-radius: 50%; display: block; overflow: hidden; position: relative; z-index: 1; transition: all 0.3s ease 0s;} .service_1 .serviceBox:hover .service-icon{box-shadow: 0 0 25px -5px #707070;} .service_1 .serviceBox .service-icon:before, .service_1 .serviceBox .service-icon:after{content: "\f0b1"; color: #1d2127; font-size: 60px; font-family: "Fontawesome"; font-weight: 900; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.3s ease 0s;} .service_1 .serviceBox .service-icon:after{color: #fff; background: #1d2127; border-radius: 50%; top: 100%; left: 0;} .service_1 .serviceBox:hover .service-icon:before{top: -100%;} .service_1 .serviceBox:hover .service-icon:after{top: 0;} .service_1 .serviceBox .title{color: #1d2127; font-size: 22px; font-weight: 600; text-transform: capitalize; margin: 0 0 10px; transition: all 0.3s ease 0s;} .service_1 .serviceBox:hover .title{text-shadow: 0 0 2px rgba(0, 0, 0, 0.25);} .service_1 .serviceBox .description{font-size: 14px; line-height: 25px; margin: 0;} .service_1 .serviceBox.purple .service-icon:before, .service_1 .serviceBox.purple .service-icon:after{content: "\f0ac"; color: #1d2127;} .service_1 .serviceBox.purple .service-icon:after{color: #fff; background: #1d2127;} .service_1 .serviceBox.purple .title{color: #1d2127;} .service_1 .serviceBox.green .service-icon:before, .service_1 .serviceBox.green .service-icon:after{content: "\f135"; color: #1d2127;} .service_1 .serviceBox.green .service-icon:after{color: #fff; background: #1d2127;} .service_1 .serviceBox.green .title{color: #1d2127;} .service_1 .serviceBox.red .service-icon:before, .service_1 .serviceBox.red .service-icon:after{content: "\f10b"; color: #1d2127;} .service_1 .serviceBox.red .service-icon:after{color: #fff; background: #1d2127;} .service_1 .serviceBox.red .title{color: #1d2127;} @media only screen and (max-width: 1200px){.service_1 .serviceBox{margin: 0;}} @media only screen and (max-width: 990px){.service_1 .serviceBox{margin: 0 0 40px;}} .service_2 .serviceBox{text-align: center;} .service_2 .serviceBox .service-icon1, .service_2 .serviceBox .service-icon2, .service_2 .serviceBox .service-icon3, .service_2 .serviceBox .service-icon4{width: 229px; height: 229px; line-height: 229px; display: block; overflow: hidden; position: relative; margin: 0 auto;} .service_2 .serviceBox .service-icon1 strong, .service_2 .serviceBox .service-icon2 strong, .service_2 .serviceBox .service-icon3 strong, .service_2 .serviceBox .service-icon4 strong{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 13px; border-style: solid; border-color: #7ecffb transparent transparent #7ecffb; border-radius: 400px; transform: rotate(-45deg); transition: all 0.5s ease 0s; z-index: 1;} .service_2 .serviceBox .service-icon1:hover strong, .service_2 .serviceBox .service-icon2:hover strong, .service_2 .serviceBox .service-icon3:hover strong, .service_2 .serviceBox .service-icon4:hover strong{transform: rotate(315deg); transition: all 0.5s ease 0s;} .service_2 .serviceBox .service-icon1 span, .service_2 .serviceBox .service-icon2 span, .service_2 .serviceBox .service-icon3 span, .service_2 .serviceBox .service-icon4 span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 13px; border-style: solid; border-color: #e6e5e5; border-radius: 400px; z-index: 0;} .service_2 .serviceBox .icons, .service_2 .serviceBox .icons, .service_2 .serviceBox .icons, .service_2 .serviceBox .icons{display: inline-block;} .service_2 .serviceBox .icons i, .service_2 .serviceBox .icons i, .service_2 .serviceBox .icons i, .service_2 .serviceBox .icons i{font-size: 70px; margin-top: 75px; transform: rotateY(0deg); transition: all 0.5s ease 0s;} .service_2 .serviceBox .service-icon1:hover .icons i, .service_2 .serviceBox .service-icon2:hover .icons i, .service_2 .serviceBox .service-icon3:hover .icons i, .service_2 .serviceBox .service-icon4:hover .icons i{transform: rotateY(360deg); transition: all 0.5s ease 0s;} .service_2 .serviceBox .service-content p{font-size: 13px; font-family: "Arial",sans-serif; color: #a7a5a5; line-height: 24px; margin: 30px 0; padding: 0 20px;} .service_2 .serviceBox .read{background: #5c5c5c; color: white; font-size: 18px; font-family: "Arial",sans-serif; line-height: 24px; text-transform: capitalize; padding: 14px 32px 15px; display: inline-block; transition: all 0.2s ease 0s;} .service_2 .serviceBox .read:hover{background: #1d2127; text-decoration: none;} .service_2 .serviceBox .service-icon2 span, .service_2 .serviceBox .service-icon3 span, .service_2 .serviceBox .service-icon4 span{border-color: #e6e5e5;} .service_2 .serviceBox .service-icon2 strong{border-color: transparent transparent #1d2127 #1d2127;} .service_2 .serviceBox .service-icon3 strong{border-color: #7ecffb #7ecffb transparent transparent;} .service_2 .serviceBox .service-icon4 strong{border-color: transparent #1d2127 #1d2127 transparent;} @media screen and (max-width: 990px){.service_2 .serviceBox{margin-bottom: 35px;}} .service_3 .serviceBox{padding: 15px 15px 25px; margin: 40px auto 0; text-align: center; cursor: pointer; border-radius: 4px; background: #fff; border: 1px solid #1d2127; border-bottom-width: 3px; position: relative;} .service_3 .serviceBox .service-icon{width: 70px; height: 70px; line-height: 70px; border-radius: 4px; border: 1px solid #1d2127; background: #fff; color: #1d2127; margin: -48px auto 20px;} .service_3 .serviceBox .service-icon i{display: inline-block; font-size: 3em; line-height: 70px;} .service_3 .serviceBox:hover .service-icon{background: #1d2127; color: #fff;} .service_3 .serviceBox h3{font-size: 20px; font-weight: normal; letter-spacing: 0.7px; position: relative; margin: 20px 0 10px 0; padding: 10px 0; background: none; overflow: hidden; color: #555;} .service_3 .serviceBox h3:before{content: ""; background: #1d2127; width: 0; height: 2px; position: absolute; bottom: 0; left: 50%;} .service_3 .serviceBox h3:after{content: ""; background: #1d2127; width: 0; height: 2px; position: absolute; bottom: 0; right: 50%;} .service_3 .serviceBox:hover h3:after, .service_3 .serviceBox:hover h3:before{width: 100%;} .service_3 .serviceBox, .service_3 .service-icon, .service_3 .serviceBox .service-icon i, .service_3 .serviceBox h3:before, .service_3 .serviceBox h3:after, .service_3 .serviceBox .read{transition: all 0.5s ease-in-out;} .service_3 .serviceBox p{font-size: 14px; margin: 0 0 15px;} .service_3 .serviceBox .read{color: #1d2127;} @media screen and (max-width: 990px){.service_3 .serviceBox{margin: 60px auto 0;}} .service_4 .serviceBox{border: 1px solid #b9b9b9; margin-top: 70px; text-align: center; padding: 25px;} .service_4 .serviceBox .service-icon{width: 100px; height: 100px; border: 1px solid #b9b9b9; text-align: center; line-height: 100px; font-size: 40px; background: #fff; transform: rotate(-45deg); margin: -75px auto -20px;} .service_4 .serviceBox .service-icon i{transform: rotate(45deg); color: #4f4f4f; transition: all 0.3s ease-out;} .service_4 .serviceBox:hover .service-icon{background: #1d2127; border-color: #1d2127; transition: all 0.3s ease-out;} .service_4 .serviceBox:hover .service-icon i{color: #fff;} .service_4 .serviceBox .service-content{margin-top: 60px;} .service_4 .serviceBox .service-content h3{text-transform: capitalize; color: #161616; font-size: 20px;} .service_4 .serviceBox .service-content h3:after{content: ""; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; width: 70px; height: 4px; display: block; margin: 10px auto 20px;} .service_4 .serviceBox .service-content p{color: #727272; line-height: 23px;} .service_4 .serviceBox .read{margin-top: 40px;} .service_4 .serviceBox .read a{color: #161616; text-transform: capitalize;} .service_4 .serviceBox:hover .read a{color: #1d2127; transition: all 0.3s ease-out;} @media only screen and (max-width: 990px){.service_4 .serviceBox{margin-top: 90px;}} .service_5 .serviceBox{border: 1px solid #ededed; padding: 30px 30px 30px 90px; position: relative; transition: all 0.5s ease 0s;} .service_5 .serviceBox:hover{border-color: #1d2127;} .service_5 .serviceBox:before, .service_5 .serviceBox:after{content: ""; display: block; width: 50px; height: 5px; background: #1d2127; position: absolute; left: 0; opacity: 0; transition: all 0.5s ease 0s;} .service_5 .serviceBox:before{top: -3px;} .service_5 .serviceBox:after{bottom: -3px;} .service_5 .serviceBox:hover:before, .service_5 .serviceBox:hover:after{left: 40px; opacity: 1;} .service_5 .serviceBox .service-icon{display: inline-block; position: absolute; top: 33%; left: 23px; font-size: 45px; color: #1d2127; opacity: 0.3; transition: all 0.5s ease-in 0s;} .service_5 .serviceBox:hover .service-icon{opacity: 1;} .service_5 .serviceBox .title{font-size: 16px; font-weight: 700; color: #1d2127; margin-bottom: 15px;} .service_5 .serviceBox .description{font-size: 13px; color: #666; line-height: 20px;} @media only screen and (max-width: 990px){.service_5 .serviceBox{margin-bottom: 30px;}} 

/* /tecspek_customize_theme/static/src/less/price_table.scss defined in bundle 'web.assets_frontend' */
 .price_table_1 .pricingTable{text-align: center; border: 1px solid #dbdbdb; box-shadow: 0 0 10px rgba(0, 0, 0, 0.14); border-radius: 10px;} .price_table_1 .pricingTable:hover .price-value{transform: rotate(360deg); transition: 0.6s ease;} .price_table_1 .pricingTable > .pricingTable-header{color: #fff;} .price_table_1 .pricingTable-header > .heading{background: #1d2127; display: block; padding: 7px 10px; border-radius: 10px 10px 0 0;} .price_table_1 .heading > h3{font-weight: bold; margin: 0; text-transform: uppercase;} .price_table_1 .heading > .subtitle{font-size: 13px; margin-top: 3px; display: block;} .price_table_1 .pricingTable-header > .price-value{width: 120px; height: 120px; border-radius: 50%; border: 2px solid #474747; display: block; margin: 0 auto; color: #474747; font-size: 25px; font-weight: 800; margin-top: 10px; padding: 20px 10px 0 10px; line-height: 35px;} .price_table_1 .price-value > span{font-size: 40px;} .price_table_1 .price-value > .mo{display: inline-block; line-height: 0; padding-top: 13px; border-top: 1px solid #474747; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; margin-top: -20px;} .price_table_1 .pricingTable > .pricingContent{margin: 10px 0 0 0;} .price_table_1 .pricingContent > ul{padding: 0; list-style: none; margin-bottom: 0;} .price_table_1 .pricingContent > ul > li{border-top: 1px solid #dbdbdb; padding: 10px 0; text-align: center; transition: 0.4s ease-in-out;} .price_table_1 .pricingContent > ul > li:before{content: "\f101"; font-family: "Fontawesome"; font-weight: 900; color: #1d2127; margin-right: 10px;} .price_table_1 .pricingContent > ul > li:hover{padding-left: 15px; transition: 0.4s ease-in-out;} .price_table_1 .pricingContent > ul > li:last-child{border-bottom: 1px solid #dbdbdb;} .price_table_1 .pricingTable > .pricingTable-sign-up{padding: 25px 0;} .price_table_1 .btn-block{width: 50%; margin: 0 auto; background: #1d2127; border: 0px none; padding: 10px 5px; color: #fff; text-transform: capitalize; transition: 0.3s ease; border-radius: 0px;} .price_table_1 .btn-block:after{content: "\f090"; font-family: "Fontawesome"; font-weight: 900; padding-left: 10px; font-size: 15px;} .price_table_1 .btn-block:hover{border-radius: 10px; background: #1d2127; color: #fff;} @media screen and (max-width: 990px){.price_table_1 .pricingTable{margin-bottom: 20px;}} .price_table_2 .pricingTable{background: #fff; text-align: center;} .price_table_2 .pricingTable-header > .price-value{padding: 30px 0; display: block; color: #494949; font-size: 50px; line-height: 30px; transition: all 0.3s ease-in-out 0s;} .price_table_2 .price-value > .mo{display: block; font-size: 18px; font-weight: 100;} .price_table_2 .price-value > .currency{font-size: 24px; position: relative; bottom: 17px; margin-right: 5px;} .price_table_2 .pricingTable:hover .pricingTable-header > .price-value{background: #1d2127; color: #fff;} .price_table_2 .pricingTable > .pricingTable-header{color: #fff;} .price_table_2 .pricingTable-header > .heading{padding: 12px; background: #1d2127; display: block; width: 65%; transition: all 0.3s ease-in-out 0s;} .price_table_2 .pricingTable-header > .heading > h3{margin: 0; text-transform: uppercase; font-size: 22px;} .price_table_2 .pricingTable:hover .pricingTable-header > .heading{width: 100%; background: #333333;} .price_table_2 .pricingTable > .pricingContent{margin-top: 20px;} .price_table_2 .pricingContent > ul{list-style: none; padding: 0;} .price_table_2 .pricingContent > ul > li{margin: 10px 0; padding: 8px 0;} .price_table_2 .pricingContent > ul > li:hover{background: #F7F7F7;} .price_table_2 .pricingContent > ul > li > a{display: block; text-transform: capitalize; font-size: 18px; color: #494949;} .price_table_2 .pricingContent > ul > li > a:hover{text-decoration: none;} .price_table_2 .pricingTable-sign-up{padding: 10px 0 30px;} .price_table_2 .pricingTable-sign-up > .btn-block{width: 40%; margin: 0 auto; padding: 8px 0; border-radius: 0px; text-transform: uppercase; background: #1d2127; color: #fff; font-size: 16px; border: 0px none; transition: all 0.3s ease-in-out 0s;} .price_table_2 .pricingTable-sign-up > .btn-block:hover{width: 50%; background: #333333;} .price_table_2 .mid .price-value{background: #1d2127; color: #fff; position: relative;} .price_table_2 .mid .heading{width: 100%; background: #333333;} .price_table_2 .mid .btn-block{width: 50%; background: #1d2127;} .price_table_2 .mid .icon{width: 50px; height: 65px; display: inline-block; position: absolute; background: #333333; top: 0; right: 10px; font-size: 18px; line-height: 50px;} .price_table_2 .mid .icon:after{content: ""; border-bottom: 15px solid #1d2127; border-left: 25px solid transparent; border-right: 25px solid transparent; z-index: 999; position: absolute; bottom: 0; right: 0;} @media screen and (max-width: 768px){.price_table_2 .pricingTable{margin-bottom: 20px;}} .price_table_3 .pricingTable{text-align: center; background: #e6e6e6;} .price_table_3 .pricingTable:hover{margin-top: 10px;} .price_table_3 .pricingTable > .pricingTable-header{color: #fff;} .price_table_3 .pricingTable .pricingTable-header > .heading{display: block; padding: 20px 0; background: #1d2127;} .price_table_3 .pricingTable .pricingTable-header > .heading > h3{margin: 0 0 12px 0; text-transform: uppercase; font-weight: bold;} .price_table_3 .pricingTable .pricingTable-header > .heading > i{font-size: 70px; opacity: 0.5;} .price_table_3 .pricingTable .pricingTable-header > .price-value{display: block; background: #1d2127; margin: 20px 0; padding: 10px 0; font-size: 47px; font-weight: bold;} .price_table_3 .pricingTable .pricingTable-header > .price-value > .month{display: block; font-size: 14px;} .price_table_3 .pricingTable > .pricingContent{text-transform: capitalize;} .price_table_3 .pricingTable > .pricingContent > ul{list-style: none; padding: 0; margin-bottom: 0;} .price_table_3 .pricingTable > .pricingContent > ul > li{border-top: 1px solid #cdcdcd; border-bottom: 1px solid #fff; padding: 10px 0; position: relative; z-index: 1; overflow: hidden;} .price_table_3 .pricingTable > .pricingContent > ul > li:after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background: #b6b6b6; z-index: -5; transition: all 0.4s ease 0s;} .price_table_3 .pricingTable > .pricingContent > ul > li:hover:after{left: 0; transition: all 0.4s ease 0s;} .price_table_3 .pricingTable .pricingTable-sign-up{padding: 20px 0;} .price_table_3 .pricingTable .pricingTable-sign-up > .btn-block{padding: 15px 0; text-transform: uppercase; font-size: 16px; font-weight: bold; border-radius: 0px; border: 1px solid #1d2127; color: #1d2127; background: #e6e6e6; position: relative; transition: all 0.6s ease 0s;} .price_table_3 .pricingTable .pricingTable-sign-up > .btn-block:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; z-index: -1; transition: all 0.6s ease 0s;} .price_table_3 .pricingTable .pricingTable-sign-up > .btn-block:after{content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 0; z-index: -1; transition: all 0.6s ease 0s;} .price_table_3 .pricingTable .pricingTable-sign-up > .btn-block:hover{z-index: 1; color: #fff;} .price_table_3 .pricingTable .pricingTable-sign-up > .btn-block:hover:before, .price_table_3 .pricingTable .pricingTable-sign-up > .btn-block:hover:after{background: #1d2127; height: 50%;} @media screen and (max-width: 990px){.price_table_3 .pricingTable{margin-bottom: 20px;}} .price_table_4 .pricingTable{border: 1px solid #dbdbdb; text-align: center;} .price_table_4 .pricingTable .pricingTable-header{position: relative;} .price_table_4 .pricingTable .pricingTable-header h4{color: #9999A5; margin-top: 25px; text-transform: uppercase;} .price_table_4 .pricingTable .pricingTable-header h4:before{content: ""; width: 90%; height: 4px; background: #1d2127; position: absolute; top: -20%; left: 5%;} .price_table_4 .pricingTable-header span{color: #999;} .price_table_4 .pricingTable .price-value{color: #474747; display: block; padding: 20px 10px 0 10px; margin-top: 10px; margin-bottom: 55px; font-size: 25px; font-weight: 800; line-height: 35px;} .price_table_4 .pricingTable .price-value span{color: #333; font-size: 66px; font-weight: normal;} .price_table_4 .pricingTable .pricingContent{margin: 10px 0 0 0;} .price_table_4 .pricingTable .pricingContent ul{padding: 0; list-style: none; margin-bottom: 0;} .price_table_4 .pricingTable .pricingContent ul li{border-top: 1px solid #dbdbdb; padding: 10px 0; color: #9999a5; background: #f7f7f7; transition: all 0.4s ease 0s;} .price_table_4 .pricingTable .pricingContent ul li:before{content: "\f101"; font-family: "Fontawesome"; font-weight: 900; color: #1d2127; margin-right: 10px;} .price_table_4 .pricingTable .pricingContent ul li:hover{padding-left: 25px;} .price_table_4 .pricingTable .pricingContent ul li:last-child{border-bottom: 1px solid #dbdbdb;} .price_table_4 .pricingTable .pricingContent ul li:nth-child(odd){background-color: #eee;} .price_table_4 .pricingTable .pricingTable-sign-up{padding: 25px 0;} .price_table_4 .pricingTable .btn-block{background: #1d2127; border-radius: 0px; border: 0px none; margin: 0 auto; color: #fff; width: 50%; padding: 10px 5px; text-transform: capitalize; transition: 0.3s ease;} .price_table_4 .pricingTable .btn-block:after{content: "\f090"; font-family: "Fontawesome"; font-weight: 900; font-size: 15px; padding-left: 10px;} .price_table_4 .pricingTable .btn-block:hover{border-radius: 10px; background: #1d2127; color: #fff;} @media screen and (max-width: 990px){.price_table_4 .pricingTable{margin-bottom: 30px;}} .price_table_5 .pricingTable{text-align: center; background: #fff; margin: 0 -15px; box-shadow: 0 0 10px #ababab; padding-bottom: 40px; border-radius: 10px; color: #cad0de; transform: scale(1); transition: all 0.5s ease 0s;} .price_table_5 .pricingTable:hover{transform: scale(1.05); z-index: 1;} .price_table_5 .pricingTable .pricingTable-header{padding: 40px 0; background: #f5f6f9; border-radius: 10px 10px 50% 50%; transition: all 0.5s ease 0s;} .price_table_5 .pricingTable:hover .pricingTable-header{background: #ff9624;} .price_table_5 .pricingTable .pricingTable-header i{font-size: 50px; color: #858c9a; margin-bottom: 10px; transition: all 0.5s ease 0s;} .price_table_5 .pricingTable .price-value{font-size: 35px; color: #ff9624; transition: all 0.5s ease 0s;} .price_table_5 .pricingTable .month{display: block; font-size: 14px; color: #cad0de;} .price_table_5 .pricingTable:hover .pricingTable-header i, .price_table_5 .pricingTable:hover .price-value, .price_table_5 .pricingTable:hover .month{color: #fff;} .price_table_5 .pricingTable .heading{font-size: 24px; color: #ff9624; margin-bottom: 20px; text-transform: uppercase;} .price_table_5 .pricingTable .pricing-content ul{list-style: none; padding: 0; margin-bottom: 30px;} .price_table_5 .pricingTable .pricing-content ul li{line-height: 30px; color: #a7a8aa;} .price_table_5 .pricingTable .pricingTable-signup a{display: inline-block; font-size: 15px; color: #fff; padding: 10px 35px; border-radius: 20px; background: #ffa442; text-transform: uppercase; transition: all 0.3s ease 0s;} .price_table_5 .pricingTable .pricingTable-signup a:hover{box-shadow: 0 0 10px #ffa442;} .price_table_5 .pricingTable.blue .price-value, .price_table_5 .pricingTable.blue .heading{color: #4b64ff;} .price_table_5 .pricingTable.blue:hover .pricingTable-header, .price_table_5 .pricingTable.blue .pricingTable-signup a{background: #4b64ff;} .price_table_5 .pricingTable.blue .pricingTable-signup a:hover{box-shadow: 0 0 10px #4b64ff;} .price_table_5 .pricingTable.red .price-value, .price_table_5 .pricingTable.red .heading{color: #ff4b4b;} .price_table_5 .pricingTable.red:hover .pricingTable-header, .price_table_5 .pricingTable.red .pricingTable-signup a{background: #ff4b4b;} .price_table_5 .pricingTable.red .pricingTable-signup a:hover{box-shadow: 0 0 10px #ff4b4b;} .price_table_5 .pricingTable.green .price-value, .price_table_5 .pricingTable.green .heading{color: #40c952;} .price_table_5 .pricingTable.green:hover .pricingTable-header, .price_table_5 .pricingTable.green .pricingTable-signup a{background: #40c952;} .price_table_5 .pricingTable.green .pricingTable-signup a:hover{box-shadow: 0 0 10px #40c952;} .price_table_5 .pricingTable.blue:hover .price-value, .price_table_5 .pricingTable.red:hover .price-value, .price_table_5 .pricingTable.green:hover .price-value{color: #fff;} @media screen and (max-width: 990px){.price_table_5 .pricingTable{margin: 0 0 20px 0;}} 

/* /tecspek_customize_theme/static/src/less/progress_bar.scss defined in bundle 'web.assets_frontend' */
 

/* /tecspek_customize_theme/static/src/less/counter.scss defined in bundle 'web.assets_frontend' */
 .counter_1, .counter_2.state_counter_bg{background-repeat: no-repeat; background-image: url(/tecspek_customize_theme/static/src/img/sl0.jpg); background-size: cover; background-position: center center; visibility: inherit; position: relative; padding: 60px 0;} .counter_1:before, .counter_2.state_counter_bg:before{content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(30, 30, 30, 0.55);} .counter_1 .counter{padding: 20px 0; text-align: center; position: relative;} .counter_1 .counter .counter-content{width: 180px; height: 180px; border-radius: 50%; background: #fff; padding: 30px 0; margin: 0 auto 30px; z-index: 1; position: relative; transition: all 0.3s ease 0s;} .counter_1 .counter .counter-content:before{content: ""; width: 122%; height: 122%; border-radius: 50%; border: 20px solid #f19f48; border-bottom: 20px solid transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .counter_1 .counter .counter-content:after{content: ""; border-top: 16px solid #f19f48; border-left: 16px solid transparent; border-right: 16px solid transparent; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);} .counter_1 .counter .counter-icon{display: block; font-size: 50px; color: #f19f48; line-height: 50px;} .counter_1 .counter .counter-value{font-size: 50px; font-weight: 700; color: rgba(0, 0, 0, 0.7); line-height: 70px;} .counter_1 .counter .title{display: inline-block; padding: 5px 25px; background: #f19f48; border-radius: 10px; font-size: 20px; font-weight: 600; color: #fff; text-transform: capitalize; margin: 0;} .counter_1 .counter.red .counter-content:before{border-color: #ef5f61; border-bottom-color: transparent;} .counter_1 .counter.red .counter-content:after{border-top-color: #ef5f61;} .counter_1 .counter.red .counter-icon{color: #ef5f61;} .counter_1 .counter.red .title{background: #ef5f61;} .counter_1 .counter.blue .counter-content:before{border-color: #4d9fcf; border-bottom-color: transparent;} .counter_1 .counter.blue .counter-content:after{border-top-color: #4d9fcf;} .counter_1 .counter.blue .counter-icon{color: #4d9fcf;} .counter_1 .counter.blue .title{background: #4d9fcf;} .counter_1 .counter.purple .counter-content:before{border-color: #a98ceb; border-bottom-color: transparent;} .counter_1 .counter.purple .counter-content:after{border-top-color: #a98ceb;} .counter_1 .counter.purple .counter-icon{color: #a98ceb;} .counter_1 .counter.purple .title{background: #a98ceb;} .counter_2 .counter{width: 200px; height: 200px; text-align: center; margin: 0 auto; position: relative;} .counter_2 .counter .counter-icon{font-size: 40px; color: #fff; position: absolute; top: 32px; left: 27px; transition: all 0.3s ease 0s;} .counter_2 .counter:hover .counter-icon{transform: rotateY(360deg);} .counter_2 .counter .counter-content{color: #8a3b97; position: absolute; top: 50%; left: 50%; transform: translate(-37%, -32%);} .counter_2 .counter .counter-value{display: inline-block; font-size: 30px; font-weight: 600; transition: all 0.3s ease 0s;} .counter_2 .counter:hover .counter-value{text-shadow: 0 0 1px #000;} .counter_2 .counter .title{font-size: 18px; text-transform: capitalize; padding: 0 10px; margin: 0;} .counter_2 .counter.red .counter-content{color: #d7292a;} .counter_2 .counter.green .counter-content{color: #0baa98;} .counter_2 .counter.orange .counter-content{color: #f48529;} @media only screen and (max-width: 990px){.counter_2 .counter{margin-bottom: 30px;}} .counter_3 .counter{background: white; text-align: center; position: relative;} .counter_3 .counter .counter-content{padding: 30px 20px 50px; color: black; position: relative;} .counter_3 .counter:before, .counter_3 .counter:after, .counter_3 .counter .counter-content:before, .counter_3 .counter .counter-content:after{content: ""; width: 20px; height: 20px; border-radius: 50%; background: black; position: absolute; box-shadow: inset 0 2px 2px #000; top: 15px; left: 15px;} .counter_3 .counter:after{left: auto; right: 15px;} .counter_3 .counter .counter-content:before, .counter_3 .counter .counter-content:after{box-shadow: inset 0 -2px 2px #000; top: auto; bottom: 15px;} .counter_3 .counter .counter-content:after{left: auto; bottom: 15px; right: 15px;} .counter_3 .counter .counter-icon{display: inline-block; font-size: 40px; margin-bottom: 15px;} .counter_3 .counter .counter-value{display: block; font-size: 50px; margin-bottom: 15px;} .counter_3 .counter .title{font-size: 20px; text-transform: uppercase; text-shadow: 3px 3px 2px rgba(148, 141, 141, 0.71);} @media only screen and (max-width: 990px){.counter_3 .counter{margin-bottom: 20px;}} .counter_4 .counter{padding: 0 40px; margin: 30px -15px 30px; background: #fff; text-align: center; color: #fff; border: 1px solid #fff;} .counter_4 .counter .counter-content{padding: 10px 15px 30px; margin: -35px 0; border-radius: 25px 0 25px 0; background: #f05235; position: relative; transition: all 0.3s ease 0s;} .counter_4 .counter .counter-content:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} .counter_4 .counter .counter-content:before, .counter_4 .counter .counter-content:after{content: ""; width: 35px; height: 35px; background: linear-gradient(45deg, #B43D25 49%, transparent 50%); position: absolute; top: -1px; right: -35px;} .counter_4 .counter .counter-content:after{background: linear-gradient(225deg, #B43D25 49%, transparent 50%); top: auto; right: auto; bottom: -1px; left: -35px;} .counter_4 .counter .counter-icon{font-size: 50px;} .counter_4 .counter .counter-value{display: block; font-size: 40px; font-weight: 600; margin-bottom: 15px;} .counter_4 .counter .title{font-size: 16px; text-transform: uppercase; margin: 0;} .counter_4 .counter.yellow .counter-content{background: #ff9801;} .counter_4 .counter.yellow .counter-content:before{background: linear-gradient(45deg, #b46c00 49%, transparent 50%);} .counter_4 .counter.yellow .counter-content:after{background: linear-gradient(225deg, #b46c00 49%, transparent 50%);} .counter_4 .counter.green .counter-content{background: #8cc63e;} .counter_4 .counter.green .counter-content:before{background: linear-gradient(45deg, #618e27 49%, transparent 50%);} .counter_4 .counter.green .counter-content:after{background: linear-gradient(225deg, #618e27 49%, transparent 50%);} .counter_4 .counter.blue .counter-content{background: #01abcc;} .counter_4 .counter.blue .counter-content:before{background: linear-gradient(45deg, #0088a2 49%, transparent 50%);} .counter_4 .counter.blue .counter-content:after{background: linear-gradient(225deg, #0088a2 49%, transparent 50%);} @media only screen and (max-width: 990px){.counter_4 .counter{margin-bottom: 70px;}} @media only screen and (max-width: 767px){.counter_4 .counter{margin-bottom: 90px;}} 

/* /tecspek_customize_theme/static/src/less/state_odoometer.scss defined in bundle 'web.assets_frontend' */
 .odometer{width: 100%; margin-top: 15px; text-align: center;} .odometer{line-height: 48px; letter-spacing: 2px; font-weight: 300; font-size: 38px;} .odometer.odometer-auto-theme, .odometer.odometer-theme-minimal{display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; position: relative;} .odometer.odometer-auto-theme, .odometer.odometer-theme-minimal{*display: inline;} .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit{display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; position: relative;} .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit{*display: inline;} .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; visibility: hidden;} .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{*display: inline;} .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;} .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon{display: block;} .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{display: block; -webkit-backface-visibility: hidden;} .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value{display: block; -webkit-transform: translateZ(0);} .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{position: absolute;} .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{-webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s;} .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} 

/* /tecspek_customize_theme/static/src/less/our_teams.scss defined in bundle 'web.assets_frontend' */
 .our_team_1 .our-team{text-align: center;} .our_team_1 .our-team .pic{position: relative;} .our_team_1 .our-team .pic img{width: 100%; height: auto; border-radius: 50%;} .our_team_1 .social_media_team{background: rgba(59, 61, 66, 0.6); border-radius: 50%; transform: scale(0); transition: all 0.35s ease-in-out 0s; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;} .our_team_1 .our-team:hover .social_media_team{transform: scale(1); visibility: visible;} .our_team_1 .team_social{padding: 0; list-style: none; margin-bottom: 0; position: relative; top: 43%; left: 0;} .our_team_1 .team_social > li{display: inline-block;} .our_team_1 .team_social > li > a{width: 35px; height: 35px; display: block; background: #5d5d5d; line-height: 35px; color: #fff; transition: all 0.35s ease-in-out 0s; border-radius: 3px; font-size: 15px;} .our_team_1 .team_social > li > a:hover{background: #1d2127;} .our_team_1 .post-title > a{color: #333333; font-size: 16px; font-style: normal; font-weight: 700; line-height: 18px; text-transform: capitalize;} .our_team_1 .post-title > a:after{content: "|"; color: #1d2127; display: inline-block; padding: 0 5px 0 10px;} .our_team_1 .post-title small{color: #999; font-size: 12px;} .our_team_1 .description{color: #333333;} .our_team_1 .read{font-size: 13px; font-style: italic; font-weight: 400; color: #1d2127;} .our_team_1 .read:hover{color: #333333;} @media screen and (max-width: 990px){.our_team_1 .our-team{margin-bottom: 30px;}} .our_team_2 .our-team img{width: 100%; height: auto;} .our_team_2 .our-team .team-profile{padding-top: 25px;} .our_team_2 .our-team .team-title{margin: 0;} .our_team_2 .our-team .team-title a{font-size: 16px; font-weight: 700; color: #444; transition: color 0.20s linear;} .our_team_2 .our-team .team-title a:hover{color: #1d2127;} .our_team_2 .our-team .post{color: #1d2127; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 10px;} .our_team_2 .our-team .description{color: #8a8a8a; font-size: 13px; line-height: 20px; margin-bottom: 23px;} .our_team_2 .our-team .social-links{padding: 0; margin: 0; list-style: none;} .our_team_2 .our-team .social-links li{display: inline-block; margin-right: 3px;} .our_team_2 .our-team .social-links li a{border: 2px solid #8a8a8a; display: block; width: 35px; height: 35px; border-radius: 50%; line-height: 35px; text-align: center; color: #8a8a8a; transition: color 0.20s linear,border 0.20s linear;} .our_team_2 .our-team .social-links li a:hover{color: #1d2127; border-color: #1d2127;} @media only screen and (max-width: 990px){.our_team_2 .our-team{margin-bottom: 30px;}} .our_team_3 .our-team{border: 1px solid #d3d3d3; position: relative; overflow: hidden;} .our_team_3 .our-team:before{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent; transition: all 0.3s ease 0s;} .our_team_3 .our-team:hover:before{background: rgba(0, 0, 0, 0.7);} .our_team_3 .our-team img{width: 100%; height: auto;} .our_team_3 .our-team .team-content{width: 100%; height: 100%; position: absolute; top: 0; left: -100%; padding: 25px 18px; transition: all 0.3s ease 0s;} .our_team_3 .our-team:hover .team-content{left: 0;} .our_team_3 .our-team .team-title{font-size: 18px; color: #fff; text-transform: uppercase;} .our_team_3 .our-team .post{font-size: 14px; color: #1d2127;} .our_team_3 .our-team .post:after{content: ""; display: block; width: 20%; border-bottom: 1px solid #fff; margin: 15px 0 20px;} .our_team_3 .our-team .description{font-size: 14px; color: #fff; line-height: 25px;} .our_team_3 .our-team .read{width: 0; height: 0; border-width: 30px; border-style: solid; border-color: transparent #1d2127 #1d2127 transparent; position: absolute; bottom: 0; right: -100%; color: #fff; transition: all 0.3s ease 0s;} .our_team_3 .our-team:hover .read{right: 0;} .our_team_3 .our-team .read i{position: relative; top: 2px; left: 6px;} @media only screen and (max-width: 990px){.our_team_3 .our-team{margin-bottom: 20px;}} .our_team_4 .our-team{text-align: center; position: relative;} .our_team_4 .our-team img{width: 100%; height: auto;} .our_team_4 .our-team .team-content{width: 100%; height: auto; background: #ecdfbd; padding: 27px 0; border-left: 5px solid #1d2127; box-shadow: 0 15px 25px 0 rgba(3, 7, 15, 0.1); position: absolute; bottom: 0; right: 0; transition: all 0.5s ease 0s;} .our_team_4 .our-team:hover .team-content{background: #1d2127;} .our_team_4 .our-team .title{font-size: 20px; font-weight: 700; color: #1d2127; text-transform: capitalize; margin: 0; transition: all 0.5s ease 0s;} .our_team_4 .our-team:hover .title{color: #fff; margin-bottom: 10px;} .our_team_4 .our-team .post{display: block; font-size: 15px; font-style: italic; color: #fff; text-transform: capitalize; height: 0; opacity: 0; transform: scale(0); transition: all 0.5s ease 0s;} .our_team_4 .our-team:hover .post{height: 40px; opacity: 1; transform: scale(1);} .our_team_4 .our-team .social{list-style: none; padding: 0; margin: 0; width: 100%; position: absolute; bottom: 0; left: 0; opacity: 0; transform: translateY(-60%); transition: all 0.5s ease 0s;} .our_team_4 .our-team:hover .social{transform: translateY(50%); opacity: 1;} .our_team_4 .our-team .social li{display: inline-block;} .our_team_4 .our-team .social li a{display: block; width: 40px; height: 40px; border-radius: 50%; background: #ecdfbd; font-size: 17px; font-weight: 700; line-height: 40px; color: #1d2127; transition: all 0.5s ease 0s;} .our_team_4 .our-team .social li a:hover{color: #ecdfbd; background: #1d2127;} @media only screen and (max-width: 990px){.our_team_4 .our-team{margin-bottom: 40px;}} .our_team_5 .our-team{overflow: hidden; position: relative;} .our_team_5 .our-team .pic{padding-bottom: 20px; margin-bottom: 30px;} .our_team_5 .our-team .layer-1{width: 200%; overflow: hidden; transform: rotate(10deg) translate(-13%, 13%);} .our_team_5 .our-team .layer-2{background: #fff; overflow: hidden; transform: rotate(-16deg) translate(-9%, -13%);} .our_team_5 .our-team .layer-3{width: 51%; margin: 0 auto; transform: rotate(6deg) translateY(5%);} .our_team_5 .our-team img{width: 100%; height: auto;} .our_team_5 .our-team .social{width: 50%; height: 150%; background: linear-gradient(to right, rgba(244, 205, 3, 0), #1d2127); position: absolute; bottom: 0; right: 0; transform: translateX(100%); transition: all 0.3s ease-out 0s;} .our_team_5 .our-team:hover .social{transform: translateX(0px);} .our_team_5 .our-team .social-icon{list-style: none; padding: 0; margin: 0; width: 30px; position: absolute; bottom: 95px; right: 15px;} .our_team_5 .our-team .social-icon li a{display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #fff; border-radius: 50%; font-size: 13px; color: #000; text-align: center; margin: 4px 0; transform: scale(0); transition: all 0.2s ease-out 0.4s;} .our_team_5 .our-team:hover .social-icon li a{transform: scale(1);} .our_team_5 .our-team .social-icon li a.fa-facebook:hover{color: #4867aa;} .our_team_5 .our-team .social-icon li a.fa-google-plus:hover{color: #db4437;} .our_team_5 .our-team .social-icon li a.fa-twitter:hover{color: #1da1f2;} .our_team_5 .our-team .team-info{padding: 15px 15px 20px; margin: 25px; background: #1d2127; border-radius: 3px; text-align: center; position: absolute; bottom: 65px; left: 0; right: 0; transition: all 0.2s ease-out 0s;} .our_team_5 .our-team:hover .title{color: #000;} .our_team_5 .our-team:hover .post{color: #000;} .our_team_5 .our-team:hover .team-info{background: #fff;} .our_team_5 .our-team .title{font-size: 18px; color: #fff; margin: 0;} .our_team_5 .our-team .post{display: block; font-size: 14px; font-style: italic; color: #fff; margin-top: 5px;} .our_team_5 .our-team .description{padding: 0 20px; font-size: 14px; color: #6c6c6c; text-align: center;} @media only screen and (max-width: 990px){.our_team_5 .our-team{margin-bottom: 20px;}} @media only screen and (max-width: 767px){.our_team_5 .our-team .social-icon{right: 25px;}.our_team_5 .our-team .team-info{bottom: 30px;}} @media only screen and (max-width: 767px){.our_team_5 .our-team .team-info{bottom: 65px;}} 

/* /tecspek_customize_theme/static/src/less/owl.carousel.min.css defined in bundle 'web.assets_frontend' */
 .owl-carousel .owl-wrapper:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0, 0, 0);} .owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;} .grabbing{cursor: url(/tecspek_customize_theme/static/src/less/grabbing.png) 8 8, move;} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);} 

/* /tecspek_customize_theme/static/src/less/owl.theme.min.css defined in bundle 'web.assets_frontend' */
 .owl-theme .owl-controls{margin-top: 10px; text-align: center;} .owl-theme .owl-controls .owl-buttons div{color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: .5;} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100); opacity: 1; text-decoration: none;} .owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1; *display: inline;} .owl-theme .owl-controls .owl-page span{display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100); opacity: 1;} .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} .owl-item.loading{min-height: 150px; background: url(/tecspek_customize_theme/static/src/less/AjaxLoader.gif) no-repeat center center;} 

/* /tecspek_customize_theme/static/src/less/testimonial.scss defined in bundle 'web.assets_frontend' */
 .testimonial_1 .owl-carousel{padding-top: 60px;} .testimonial_1 .testimonial{text-align: center;} .testimonial_1 .description{color: #8a9aad; font-size: 15px; font-weight: 700; line-height: 35px; margin-bottom: 30px;} .testimonial_1 .pic{position: relative;} .testimonial_1 .pic > img{border-radius: 50%;} .testimonial_1 .pic:before{content: "\f10d"; font-family: "Fontawesome"; font-weight: 900; display: inline-block; position: absolute; top: 10px; left: 30%; color: #eee; font-size: 36px;} .testimonial_1 .pic:after{content: "\f10d"; font-family: "Fontawesome"; font-weight: 900; display: inline-block; position: absolute; top: 10px; right: 30%; color: #eee; font-size: 36px;} .testimonial_1 .testimonial-title{font-size: 13px; color: #8a9aad; text-transform: capitalize;} .testimonial_1 .testimonial-title > small{display: block; color: #8a9aad; font-size: 10px; text-transform: uppercase; margin-top: 5px;} .testimonial_1 .owl-buttons{position: absolute; top: 13%; width: 100%;} .testimonial_1 .owl-prev{position: absolute; left: -14%;} .testimonial_1 .owl-next{position: absolute; right: -14%;} .testimonial_1 .owl-theme .owl-controls .owl-buttons div{background: transparent; opacity: 1;} .testimonial_1 .owl-theme .owl-controls .owl-buttons div{border-radius: 50%;} .testimonial_1 .owl-prev:after, .testimonial_1 .owl-next:after{font-family: "Fontawesome"; font-weight: 900; content: "\f060"; width: 28px; height: 28px; font-size: 16px; color: #dc005a; transition: all 0.15s ease 0s;} .testimonial_1 .owl-next:after{content: "\f061";} .testimonial_1 .owl-prev:hover:after, .testimonial_1 .owl-next:hover:after{color: #7a4b94;} .testimonial_1 .owl-pagination{padding-top: 45px;} .testimonial_1 .owl-theme .owl-controls .owl-page span{width: 9px; height: 9px; background: #c5c5c5; border: 3px solid #c5c5c5; margin-right: 20px; opacity: 1; transition: all 0.35s ease 0s;} .testimonial_1 .owl-theme .owl-controls .owl-page.active span, .testimonial_1 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #fff; border: 3px solid #90969d; opacity: 1;} @media screen and (max-width: 767px){.testimonial_1 .owl-buttons{top: 3%; left: 43%; width: 12%;}.testimonial_1 .pic:before{left: 10%;}.testimonial_1 .pic:after{right: 10%;}} @media screen and (max-width: 480px){.testimonial_1 .owl-buttons{top: 3%; left: 40%; width: 18%;}.testimonial_1 .pic:before{left: 0;}.testimonial_1 .pic:after{right: 0;}} .testimonial_2 .testimonial{padding: 20px 15px 50px;} .testimonial_2 .testimonial .description{background: #e6e6e6; border-radius: 6px; color: #333333; font-size: 14px; font-style: italic; padding: 45px 35px; position: relative;} .testimonial_2 .testimonial .description:before{content: "\f10d"; font-family: "Fontawesome"; font-weight: 900; position: absolute; top: -17px; font-size: 30px; color: #1d2127;} .testimonial_2 .testimonial .description:after{content: ""; width: 27px; position: absolute; bottom: -12px; border-top: 13px solid #ececec; border-left: 13px solid transparent; border-right: 13px solid transparent;} .testimonial_2 .testimonial-review{padding-top: 32px;} .testimonial_2 .testimonial-review img{border-radius: 50%; float: left; margin-left: 25px; margin-right: 20px;} .testimonial_2 .testimonial-review .testimonial-title{color: #333; font-size: 16px; font-weight: 600; margin-top: 15px; float: left; text-transform: capitalize;} .testimonial_2 .testimonial-title small{display: block; color: #999; font-size: 12px; margin-top: 3px;} .testimonial_2 .testimonial .rating{padding: 0; list-style: none; text-align: right;} .testimonial_2 .rating li{display: inline-block; color: #1d2127;} .testimonial_2 .owl-theme .owl-controls .owl-page.active span, .testimonial_2 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #1d2127;} .testimonial_2 .owl-theme .owl-controls .owl-page span{background: #333; opacity: 1;} @media only screen and (max-width: 480px){.testimonial_2 .testimonial-review img{margin-left: 15px; margin-right: 10px;}} .testimonial_3 .testimonial{margin: 0 10px; overflow: hidden;} .testimonial_3 .testimonial .pic{width: 120px; height: 120px; border: 2px solid #f2f2f2; border-radius: 50%; padding: 5px; margin: 0 auto 25px;} .testimonial_3 .testimonial .pic img{width: 100%; height: auto; border-radius: 50%;} .testimonial_3 .testimonial .testimonial-content{padding: 20px 20px 20px 80px; background: #efefef; border-radius: 0 0 0 70px; border-left: 2px solid #444; border-right: 4px solid #1d2127; text-align: right; position: relative;} .testimonial_3 .testimonial .testimonial-content:before{content: "\f10d"; font-family: "Fontawesome"; font-weight: 900; position: absolute; top: 0; left: 20px; font-size: 60px; color: #1d2127;} .testimonial_3 .testimonial .testimonial-content:after{content: ""; border-bottom: 15px solid #efefef; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; top: -15px; left: 46%;} .testimonial_3 .testimonial .testimonial-title{margin: 0 0 10px 0;} .testimonial_3 .testimonial .testimonial-title a{font-size: 16px; font-weight: bold; color: #333; text-transform: capitalize; text-align: center; display: block;} .testimonial_3 .testimonial .testimonial-title a:hover{text-decoration: none; color: #1d2127;} .testimonial_3 .testimonial .description{font-size: 15px; line-height: 24px; color: #555; margin-bottom: 20px; font-style: italic;} .testimonial_3 .owl-pagination{margin-top: 40px;} .testimonial_3 .owl-theme .owl-controls .owl-page.active span, .testimonial_3 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #1d2127;} @media only screen and (max-width: 479px){.testimonial_3 .testimonial .testimonial-content{padding: 20px 20px 20px 70px;}.testimonial_3 .testimonial .testimonial-content::before{font-size: 50px; left: 17px;}} .testimonial_4 .testimonial{padding: 20px; margin: 20px 10px;} .testimonial_4 .testimonial .pic{width: 122px; height: 122px; float: left; margin-right: 50px; position: relative;} .testimonial_4 .testimonial .pic:before, .testimonial_4 .testimonial .pic:after{content: ""; display: block; height: 50%; width: 50%; position: absolute;} .testimonial_4 .testimonial .pic:before{bottom: -10%; left: -10%; border-bottom: 3px solid #1d2127; border-left: 3px solid #1d2127;} .testimonial_4 .testimonial .pic:after{top: -10%; right: -10%; border-top: 3px solid #1d2127; border-right: 3px solid #1d2127;} .testimonial_4 .testimonial .pic img{width: 100%; height: auto;} .testimonial_4 .testimonial .testimonial-content{display: table; position: relative;} .testimonial_4 .testimonial .testimonial-content:before{content: "\f10d"; font-family: "Fontawesome"; font-weight: 900; position: absolute; top: -30px; left: -15px; font-size: 60px; color: #d8dad6; z-index: -1;} .testimonial_4 .testimonial .testimonial-title{font-size: 24px; color: #1d2127; text-transform: capitalize;} .testimonial_4 .testimonial .post{font-size: 13px; font-weight: 600; color: #585f62; border-left: 1px solid rgba(0, 0, 0, 0.1); margin-left: 5px; padding-left: 5px;} .testimonial_4 .testimonial .description{font-size: 13px; color: #7c7c7c; line-height: 22px; margin-top: 12px; font-style: italic;} .testimonial_4 .owl-theme .owl-controls .owl-page.active span, .testimonial_4 .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #1d2127;} @media only screen and (max-width: 980px){.testimonial_4 .testimonial{padding: 20px 0; margin: 20px 15px;}.testimonial_4 .testimonial .pic{float: none;}.testimonial_4 .testimonial .testimonial-content{display: block; margin-top: 30px;}.testimonial_4 .testimonial .testimonial-content:before{z-index: 1; top: -200px;}} .testimonial_5 #testimonial-slider-5{padding: 50px 20px 35px 20px; background: #fff; text-align: center; box-shadow: 0 0 115px 19px #ececec;} .testimonial_5 .testimonial .description{font-size: 14px; color: #777; line-height: 26px; text-indent: 30px; position: relative;} .testimonial_5 .testimonial .description:before{content: "\f10d"; font-family: "Fontawesome"; font-weight: 900; position: absolute; top: 0; left: -15px;} .testimonial_5 .testimonial .title{font-size: 24px; font-weight: bold; color: #363636; text-transform: capitalize; margin: 0;} .testimonial_5 .testimonial .post{display: block; font-size: 15px; color: #363636;} .testimonial_5 .owl-buttons{width: 100%; height: 40px; position: absolute; bottom: 40%; left: 0;} .testimonial_5 .owl-prev, .testimonial_5 .owl-next{position: absolute; left: 0; transition: all 0.4s ease-in-out 0s;} .testimonial_5 .owl-next{left: auto; right: 0;} .testimonial_5 .owl-buttons .owl-prev:before, .testimonial_5 .owl-buttons .owl-next:before{content: "\f104"; font-family: "Fontawesome"; font-weight: 900; font-size: 60px; font-weight: 900; color: #cacaca; line-height: 20px; opacity: 0.8;} .testimonial_5 .owl-buttons .owl-next:before{content: "\f105";} .testimonial_5 .owl-buttons .owl-prev:hover:before, .testimonial_5 .owl-buttons .owl-next:hover:before{opacity: 1;} .testimonial_5 .owl-theme .owl-controls .owl-buttons div{background: transparent;} .testimonial_5 .owl-theme .owl-controls{margin-top: 40px;} .testimonial_5 .owl-theme .owl-controls .owl-page span{width: 50px; height: 50px; border-radius: 50%; border: 4px solid #ccc; background: url("/tecspek_customize_theme/static/src/img/t_img-1.jpg") no-repeat; background-size: cover; transition: all 0.3s ease-in-out 0s;} .testimonial_5 .owl-theme .owl-controls .owl-page:nth-child(2) span{background: url("/tecspek_customize_theme/static/src/img/t_img-2.jpg") no-repeat; background-size: cover;} .testimonial_5 .owl-theme .owl-controls .owl-page:nth-child(3) span{background: url("/tecspek_customize_theme/static/src/img/t_img-3.jpg") no-repeat; background-size: cover;} .testimonial_5 .owl-theme .owl-controls.clickable .owl-page:hover span{opacity: 0.5;} .testimonial_5 .owl-theme .owl-controls .owl-page.active span, .testimonial_5 .owl-theme .owl-controls .owl-page.active:hover span{border-color: #1d2127; opacity: 1;} @media only screen and (max-width: 479px){.testimonial_5 .owl-buttons{bottom: 30%;}} 

/* /tecspek_customize_theme/static/src/less/tab.scss defined in bundle 'web.assets_frontend' */
 .tab_1 .nav-tabs{list-style: none; padding-left: 0;} .tab_1 .nav-tabs li{color: #fff; cursor: pointer; margin-right: 10px; display: inline-block; transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(330deg); transition: background 0.2s, color 0.2s, transform 0.5s, margin 0.4s;} .tab_1 .nav-tabs li:hover{margin-right: 30px;} .tab_1 .nav-tabs li > a.active{color: #1d2127; background: #f2f2f2;} .tab_1 .nav-tabs li a{border: none; outline: none; padding: 14px 28px; color: #fff; background: #1d2127;} .tab_1 .nav-tabs li a:hover{color: #333;} .tab_1 .tab .tab-content h4{color: #1d2127;} @media only screen and (max-width: 480px){.tab_1 .nav-tabs li{width: 100%; margin: 0 0 10px 0; transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg);}.tab_1 .nav-tabs li.active{border-bottom: 1px solid #D3D3D3; transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg) skewX(0deg);}} .tab_2 .tab .nav-tabs{border-bottom: 0 none; background: #eaeaea; border-radius: 0 20px 0 20px;} .tab_2 .tab .nav-tabs li a{background: transparent; border-radius: 0; font-size: 16px; border: none; color: #333; padding: 12px 22px;} .tab_2 .tab .nav-tabs li a i{margin-right: 10px; color: #1d2127;} .tab_2 .tab .nav-tabs li:first-child a{border-bottom-left-radius: 20px;} .tab_2 .tab .nav-tabs li a.active, .tab_2 .tab .nav-tabs li a.active i{border: 0 none; background: #1d2127; color: #fff;} .tab_2 .tab .nav-tabs li a.active:after{content: ""; position: absolute; left: 45%; bottom: -14px; border: 7px solid transparent; border-top: 7px solid #1d2127;} .tab_2 .tab .tab-content{padding: 12px; color: #5a5c5d; font-size: 14px; line-height: 24px; margin-top: 25px; border-bottom: 3px solid #1d2127;} @media only screen and (max-width: 480px){.tab_2 .tab .nav-tabs, .tab_2 .tab .nav-tabs li{width: 100%; background: transparent;}.tab_2 .tab .nav-tabs li a.active{border-radius: 10px 10px 0 0;}.tab_2 .tab .nav-tabs li:first-child a{border-bottom-left-radius: 0;}.tab_2 .tab .nav-tabs li a{margin-bottom: 10px; border: 1px solid lightgray;}.tab_2 .tab .nav-tabs li a.active:after{border: none;}} .tab_3 a:hover, .tab_3 a:focus{text-decoration: none; outline: none;} .tab_3 .tab .nav-tabs{border-bottom: 0 none;} .tab_3 .tab .nav-tabs li{margin-right: 10px;} .tab_3 .tab .nav-tabs li a{position: relative; padding: 15px; color: #fff; font-size: 17px; z-index: 1;} .tab_3 .tab .nav-tabs li a:hover{background: transparent; border: 1px solid transparent;} .tab_3 .tab .nav-tabs li a:before{content: ""; width: 100%; height: 100%; position: absolute; bottom: 8px; left: -1px; font-size: 17px; background: #1d2127; border: 1px solid #d3d3d3; border-bottom: 0px none; border-radius: 10px 10px 0 0; transform-origin: left center 0; transform: perspective(4px) rotateX(2deg); z-index: -1;} .tab_3 .tab .nav-tabs li a.active:before{background: #fff;} .tab_3 .tab .nav-tabs li a.active, .tab_3 .tab .nav-tabs li a.active:focus, .tab_3 .tab .nav-tabs li a.active:hover{border: 1px solid transparent; background: transparent; color: #444; z-index: 2;} .tab_3 .tab-content .tab-pane{border: 1px solid #d3d3d3; padding: 20px; background: #fff; line-height: 22px;} .tab_3 .tab-content .tab-pane h3{margin-top: 0;} @media only screen and (max-width: 767px){.tab_3 .tab .nav-tabs li a{padding: 15px 10px; font-size: 14px;}.tab_3 .tab .nav-tabs li a:before{bottom: 6px;}} @media only screen and (max-width: 480px){.tab_3 .tab .nav-tabs li{width: 100%; margin-bottom: 5px;}.tab_3 .tab .nav-tabs li a:before{bottom: 0; transform: none; border-bottom: 1px solid #d3d3d3;}} .tab_4 a:hover, .tab_4 a:focus{text-decoration: none; outline: none;} .tab_4 .vertical-tab{display: table;} .tab_4 .vertical-tab .nav-tabs{display: table-cell; width: 28%; min-width: 28%; border-bottom: none;} .tab_4 .vertical-tab .nav-tabs li{float: none; vertical-align: top;} .tab_4 .vertical-tab .nav-tabs li a{display: block; padding: 16px; margin: 0 10px 5px 0; font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; background: #1d2127; border-radius: 0; border: none; border-top: 3px solid #1d2127; border-bottom: 3px solid #1d2127; overflow: hidden; position: relative; transition: all 0.3s ease 0s;} .tab_4 .vertical-tab .nav-tabs li a:hover, .tab_4 .vertical-tab .nav-tabs li a.active{color: #1d2127; background: #fff; border: none; border-top: 3px solid #1d2127; border-bottom: 3px solid #1d2127;} .tab_4 .vertical-tab .nav-tabs li a:before, .tab_4 .vertical-tab .nav-tabs li a:after{content: ""; width: 20px; height: 20px; background: linear-gradient(135deg, #1d2127 49%, transparent 50%); position: absolute; top: -20px; left: -20px; transition: all 0.3s ease 0s;} .tab_4 .vertical-tab .nav-tabs li a:after{background: linear-gradient(315deg, #1d2127 49%, transparent 50%); top: auto; left: auto; bottom: -20px; right: -20px;} .tab_4 .vertical-tab .nav-tabs li a:hover:before, .tab_4 .vertical-tab .nav-tabs li a.active:before{top: 0; left: 0;} .tab_4 .vertical-tab .nav-tabs li a:hover:after, .tab_4 .vertical-tab .nav-tabs li a.active:after{bottom: 0; right: 0;} .tab_4 .vertical-tab .tab-content{display: table-cell; padding: 10px 20px; font-size: 15px; color: #50635f; letter-spacing: 1px; line-height: 24px; text-align: justify; vertical-align: top; border-top: 3px solid #50635f; border-bottom: 3px solid #50635f; position: relative;} .tab_4 .vertical-tab .tab-content:before, .tab_4 .vertical-tab .tab-content:after{content: ""; width: 20px; height: 20px; background: linear-gradient(135deg, #50635f 49%, transparent 50%); position: absolute; top: 0; left: 0;} .tab_4 .vertical-tab .tab-content:after{background: linear-gradient(315deg, #50635f 49%, transparent 50%); top: auto; left: auto; bottom: 0; right: 0;} .tab_4 .vertical-tab .tab-content h3{font-size: 24px; color: #50635f; margin: 0 0 5px 0;} @media only screen and (max-width: 479px){.tab_4 .vertical-tab .nav-tabs{display: block; width: 100%;}.tab_4 .vertical-tab .nav-tabs li{margin-bottom: 10px;}.tab_4 .vertical-tab .nav-tabs li:last-child{margin-bottom: 0;}.tab_4 .vertical-tab .nav-tabs li a{padding: 10px;}.tab_4 .vertical-tab .tab-content{display: block; padding: 20px 5px 5px;}.tab_4 .vertical-tab .tab-content h3{font-size: 18px;}} .tab_5 a:hover, .tab_5 a:focus{text-decoration: none; outline: none;} .tab_5 .vertical-tab{font-family: 'Roboto', sans-serif; display: table;} .tab_5 .vertical-tab .nav-tabs{display: table-cell; width: 28%; min-width: 28%; border: none; position: relative;} .tab_5 .vertical-tab .nav-tabs li{float: none; vertical-align: top;} .tab_5 .vertical-tab .nav-tabs li a{color: #505050; background-color: transparent; font-size: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 12px; margin: 0 0 7px 0; border-radius: 0; border: none; display: block; position: relative; z-index: 1; transition: all 0.3s ease 0s;} .tab_5 .vertical-tab .nav-tabs li:last-child a{margin-bottom: 0;} .tab_5 .vertical-tab .nav-tabs li a:hover, .tab_5 .vertical-tab .nav-tabs li a.active, .tab_5 .vertical-tab .nav-tabs li a.active:hover{color: #fff; border: none;} .tab_5 .vertical-tab .nav-tabs li a:before, .tab_5 .vertical-tab .nav-tabs li a:after{content: ''; height: 0; width: 100%; background-color: #1d2127; position: absolute; right: 0; top: 0; z-index: -1; transition: all 0.3s ease-out 0s;} .tab_5 .vertical-tab .nav-tabs li a.active:before, .tab_5 .vertical-tab .nav-tabs li a:hover:before{height: 100%;} .tab_5 .vertical-tab .nav-tabs li a:after{height: 18px; width: 18px; background-color: #505050; border: 3px solid #fff; border-radius: 50%; transform: translateY(-50%) scale(0); top: 50%; right: -9px; transition-delay: 0.15s;} .tab_5 .vertical-tab .nav-tabs li a.active:after, .tab_5 .vertical-tab .nav-tabs li a:hover:after{transform: translateY(-50%) scale(1);} .tab_5 .vertical-tab .tab-content{color: #505050; background: rgba(0, 0, 0, 0.03); font-size: 15px; text-align: justify; letter-spacing: 1px; line-height: 23px; vertical-align: top; padding: 15px 18px 0; margin-top: 10px; display: table-cell;} .tab_5 .vertical-tab .tab-content h3{color: #1d2127; font-size: 24px; margin: 0 0 5px 0;} @media only screen and (max-width: 479px){.tab_5 .vertical-tab .nav-tabs{display: block; width: 100%; border-right: none;}.tab_5 .vertical-tab .nav-tabs li{margin: 0 0 10px 0;}.tab_5 .vertical-tab .nav-tabs li:last-child{margin: 0;}.tab_5 .vertical-tab .nav-tabs li a{padding: 10px; margin: 0;}.tab_5 .vertical-tab .nav-tabs li a:after{top: auto; bottom: -9px; right: 50%; transform: translateY(0) translateX(50%) scale(0);}.tab_5 .vertical-tab .nav-tabs li a.active:after, .tab_5 .vertical-tab .nav-tabs li a:hover:after{transform: translateY(0) translateX(50%) scale(1);}.tab_5 .vertical-tab .tab-content{display: block; padding: 20px 15px 5px; border-radius: 0 0 10px 10px;}.tab_5 .vertical-tab .tab-content h3{font-size: 18px;}} 

/* /tecspek_customize_theme/static/src/less/accordion.scss defined in bundle 'web.assets_frontend' */
 .accordion_1 a:hover, .accordion_1 a:focus{text-decoration: none; outline: none;} .accordion_1 #accordion .panel{border: none; border-radius: 3px; box-shadow: none; margin-bottom: 15px;} .accordion_1 #accordion .panel-heading{padding: 0; border: none; border-radius: 3px;} .accordion_1 #accordion .panel-title a{display: block; padding: 12px 15px 12px 50px; background: linear-gradient(to bottom, #fefefe, #cdcdcd); border: 1px solid #c3c3c3; border-radius: 3px; font-size: 18px; font-weight: bold; color: #676767; text-shadow: 1px 1px 1px #fff; position: relative;} .accordion_1 #accordion .panel-title a:before{content: "\f068"; font-family: "Fontawesome"; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; background: #929191; font-size: 12px; font-weight: 900; color: #fdfbfb; text-align: center; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); text-shadow: none; position: absolute; top: 8px; left: 15px;} .accordion_1 #accordion .panel-title a.collapsed:before{content: "\f067";} .accordion_1 #accordion .panel-body{padding: 10px 15px; font-size: 15px; color: #222; line-height: 27px; border: none;} .accordion_1 #accordion .panel-body p{margin-bottom: 0;} .accordion_2 a:hover, .accordion_2 a:focus{text-decoration: none; outline: none;} .accordion_2 #accordion .panel{border: none; border-radius: 3px; box-shadow: none; margin-bottom: 15px;} .accordion_2 #accordion .panel-heading{padding: 0; border: none; border-radius: 3px;} .accordion_2 #accordion .panel-title a{display: block; padding: 12px 15px; background: #fff; font-size: 18px; font-weight: bold; color: #1d2127; border: 1px solid #ececec; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); position: relative; transition: all 0.5s ease 0s;} .accordion_2 #accordion .panel-title a.collapsed{box-shadow: none; color: #676767;} .accordion_2 #accordion .panel-title a:before, .accordion_2 #accordion .panel-title a.collapsed:before{content: "\f067"; font-family: "Fontawesome"; width: 25px; height: 25px; line-height: 28px; font-size: 15px; font-weight: 900; color: #1d2127; text-align: center; position: absolute; top: 8px; right: 15px; transform: rotate(135deg); transition: all 0.3s ease 0s;} .accordion_2 #accordion .panel-title a.collapsed:before{color: #676767; transform: rotate(0);} .accordion_2 #accordion .panel-title a:after{content: ""; width: 1px; height: 100%; background: #ececec; position: absolute; top: 0; right: 55px;} .accordion_2 #accordion .panel-body{padding: 10px 15px 15px; border: none; font-size: 15px; color: #615f5f; line-height: 27px;} .accordion_3 a:hover, .accordion_3 a:focus{text-decoration: none; outline: none;} .accordion_3 #accordion{padding-right: 24px; padding-left: 24px; z-index: 1;} .accordion_3 #accordion .panel{border: none; box-shadow: none;} .accordion_3 #accordion .panel-heading{padding: 0; border-radius: 0; border: none;} .accordion_3 #accordion .panel-title{padding: 0;} .accordion_3 #accordion .panel-title a{display: block; font-size: 16px; font-weight: bold; background: #1d2127; color: white; padding: 15px 25px; position: relative; margin-left: -24px; transition: all 0.3s ease 0s;} .accordion_3 #accordion .panel-title a.collapsed{background: #333333; color: #1d2127; margin-left: 0; transition: all 0.3s ease 0s;} .accordion_3 #accordion .panel-title a:before{content: ""; border-left: 24px solid #1d2127; border-top: 24px solid transparent; border-bottom: 24px solid transparent; position: absolute; top: 0; right: -24px; transition: all 0.3s ease 0s;} .accordion_3 #accordion .panel-title a.collapsed:before{border-left-color: white;} .accordion_3 #accordion .panel-title a:after{content: "\f106"; font-family: "Fontawesome"; font-weight: 900; position: absolute; top: 30%; right: 15px; font-size: 18px; color: white;} .accordion_3 #accordion .panel-title a.collapsed:after{content: "\f107"; color: #1d2127;} .accordion_3 #accordion .panel-collapse{position: relative;} .accordion_3 #accordion .panel-collapse.in:before{content: ""; border-right: 24px solid white; border-bottom: 18px solid transparent; position: absolute; top: 0; left: -24px;} .accordion_3 #accordion .panel-body{font-size: 14px; color: #333; background: #e4e4e4; border-top: none; z-index: 1;} .accordion_4 a:hover, .accordion_4 a:focus{text-decoration: none; outline: none;} .accordion_4 #accordion .panel{border: none; box-shadow: none; border-radius: 0; margin-bottom: 20px;} .accordion_4 #accordion .panel-heading{padding: 0; border-radius: 0; background: #fff;} .accordion_4 #accordion .panel-title a{display: block; font-size: 16px; font-weight: bold; color: #333; padding: 15px 40px 15px 80px; border: 1px solid #ddd; border-radius: 30px; position: relative;} .accordion_4 #accordion .panel-title a:before, .accordion_4 #accordion .panel-title a.collapsed:before{content: "\f068"; font-family: "Fontawesome"; font-weight: 900; font-size: 20px; font-weight: normal; color: #fff; position: absolute; top: 9px; left: 15px; background: #1d2127; padding: 5px 15px; border-radius: 20px; transition: all 0.5s ease 0s;} .accordion_4 #accordion .panel-title a.collapsed:before{content: "\f067"; background: #dfdfdf; color: #fff;} .accordion_4 #accordion .panel-body{font-size: 14px; color: #6f6f6f; padding: 15px 40px; line-height: 25px; border: none;} .accordion_5 a:hover, .accordion_5 a:focus{text-decoration: none; outline: none;} .accordion_5 #accordion .panel{border: none; box-shadow: none; border-radius: 0; margin-bottom: 15px;} .accordion_5 #accordion .panel-heading{padding: 0;} .accordion_5 #accordion .panel-title a{display: block; font-size: 16px; font-weight: bold; line-height: 24px; color: #fff; background: #1d2127; border: 2px solid #1d2127; padding: 15px 20px 15px 47px; position: relative; transition: all 0.5s ease 0s;} .accordion_5 #accordion .panel-title a.collapsed{background: #fff; border-color: #ddd; color: #888;} .accordion_5 #accordion .panel-title a:before{content: "\f106"; font-family: "Fontawesome"; font-weight: 900; font-size: 18px; position: absolute; top: 30%; left: 20px; transition: all 0.3s ease 0s;} .accordion_5 #accordion .panel-title a.collapsed:before{content: "\f107";} .accordion_5 #accordion .panel-body{font-size: 16px; color: #888; line-height: 25px; border: 2px solid #1d2127; border-top: none; padding: 14px 20px;} 

/* /tecspek_website_megamenu/static/src/less/mega_menu.scss defined in bundle 'web.assets_frontend' */
 @media (min-width: 960px) and (max-width: 2560px){.menu-small .dropdown-menu.mega-dropdown-menu{left: 50%; right: 0; width: auto !important;}.menu-medium .dropdown-menu.mega-dropdown-menu{left: 150px; right: 150px; width: auto !important;}.menu-full .dropdown-menu.mega-dropdown-menu{left: auto; right: 0;}} 

/* /tecspek_website_megamenu/static/src/less/style.scss defined in bundle 'web.assets_frontend' */
 .mega-dropdown-menu .submenu-contain{letter-spacing: -0.31em;} .mega-dropdown-menu .list-block{float: none; display: inline-block; vertical-align: top; letter-spacing: normal; margin: 10px 0;} header .container{position: relative;} .nav .parent-mega-menu{position: static;} .nav .parent-mega-menu img{display: inline-block;} .nav .parent-mega-menu .mega-dropdown-menu{z-index: 3; width: 100%; margin: 0; padding: 20px 15px 0; border-radius: 0;} .nav .parent-mega-menu .mega-dropdown-menu ul{margin: 0 0 20px 0; padding: 0;} .nav .parent-mega-menu .mega-dropdown-menu ul .sub-categories{display: inline-block; vertical-align: top; width: 100%;} .nav .parent-mega-menu .mega-dropdown-menu ul .sub-categories a{left: 0; position: relative; padding-left: 15px; display: block; transition: all 0.5s ease; color: #666666;} .nav .parent-mega-menu .mega-dropdown-menu ul .sub-categories a:hover{color: #7C7BAD;} .nav .parent-mega-menu .mega-dropdown-menu ul .sub-categories:hover a{left: 10px;} .nav .parent-mega-menu .mega-dropdown-menu ul .header-title{margin: 0 0 15px 0; padding: 0 0 8px; font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #eee; font-weight: 600; width: 100%; display: inline-block; vertical-align: top; white-space: normal; color: black;} .nav .parent-mega-menu .mega-dropdown-menu ul li a:hover{text-decoration: none;} .nav .parent-mega-menu .mega-dropdown-menu ul .slider_title{width: 100%; white-space: normal; display: inline-block; padding-right: 60px;} .nav .parent-mega-menu .mega-dropdown-menu ul .carousel .item > a{height: 100px; position: relative; display: inline-block; width: 100%; margin: 0px; padding: 0px;} .nav .parent-mega-menu .mega-dropdown-menu ul .carousel .item > a img{max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;} .nav .parent-mega-menu .mega-dropdown-menu ul .carousel .carousel-inner{text-align: center;} .nav .parent-mega-menu .mega-dropdown-menu ul .carousel-control{background: none; height: 30px; width: 30px; top: 0; margin: auto; cursor: pointer; bottom: auto; color: white; font-size: 20px; left: auto; opacity: 0.5; position: absolute; right: 40px; text-align: center; text-shadow: none;} .nav .parent-mega-menu .mega-dropdown-menu ul .carousel-control:hover{opacity: 1;} .nav .parent-mega-menu .mega-dropdown-menu ul .carousel-control .fa{color: #000;} .nav .parent-mega-menu .mega-dropdown-menu ul .carousel-control.right{left: auto; right: 15px;} @media (min-width: 320px) and (max-width: 767px){.mega-dropdown-menu .list-block{width: 100%;}.mega-dropdown-menu .carousel .slide{text-align: center;}} 

/* /website_product_carousel/static/src/less/owl.carousel.css defined in bundle 'web.assets_frontend' */
 .owl-carousel{display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;} .owl-carousel .owl-stage{position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden;} .owl-carousel .owl-stage:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer{position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);} .owl-carousel .owl-item{position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;} .owl-carousel .owl-item img{display: block; width: 100%;} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display: none;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{background: none; color: inherit; border: none; padding: 0 !important; font: inherit;} .owl-carousel.owl-loaded{display: block;} .owl-carousel.owl-loading{opacity: 0; display: block;} .owl-carousel.owl-hidden{opacity: 0;} .owl-carousel.owl-refresh .owl-item{visibility: hidden;} .owl-carousel.owl-drag .owl-item{-ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-grab{cursor: move; cursor: grab;} .owl-carousel.owl-rtl{direction: rtl;} .owl-carousel.owl-rtl .owl-item{float: right;} .no-js .owl-carousel{display: block;} .owl-carousel .animated{animation-duration: 1000ms; animation-fill-mode: both;} .owl-carousel .owl-animated-in{z-index: 0;} .owl-carousel .owl-animated-out{z-index: 1;} .owl-carousel .fadeOut{animation-name: fadeOut;} @keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} .owl-height{transition: height 500ms ease-in-out;} .owl-carousel .owl-item .owl-lazy{opacity: 0; transition: opacity 400ms ease;} .owl-carousel .owl-item img.owl-lazy{transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper{position: relative; height: 100%; background: #000;} .owl-carousel .owl-video-play-icon{position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/website_product_carousel/static/src/less/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease;} .owl-carousel .owl-video-play-icon:hover{-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display: none;} .owl-carousel .owl-video-tn{opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease;} .owl-carousel .owl-video-frame{position: relative; z-index: 1; height: 100%; width: 100%;} 

/* /website_product_carousel/static/src/less/website_product_carousel.scss defined in bundle 'web.assets_frontend' */
 .headline_off .product-title{display: none;} .sale_label_off .hot-sale{display: none;} .quick_off .quick-view-carousel{display: none;} .compare_off .o_add_compare{display: none !important;} .owl-nav .owl-prev{position: absolute; top: 50%; left: -15px; font-family: oswald-light; font-size: 55px !important;} .owl-nav .owl-next{position: absolute; top: 50%; right: -15px; font-family: oswald-light; font-size: 55px !important;} .rating_off .product-carousel-user-rating{display: none;} .sale_label_off .hot-sale{display: none;} .cart_off .product-carousel-add-to-cart{display: none;} .price_off .product-carousel-price b{display: none;} .wishlist_off .product-carousel-wishlist{display: none;} .mini-image{float: left; padding-right: 20px;} .timer_off .set-img-counter{display: none;} .mini-info{padding-top: 20px; padding-bottom: 32px;} .product_view .modal-dialog{max-width: 800px; width: 100%;} .pre-cost{text-decoration: line-through; color: #a5a5a5;} .space-ten{padding: 10px 0;} .product_view.modal{text-align: center;} @media screen and (min-width: 768px){.product_view.modal:before{display: inline-block; vertical-align: middle; content: " "; height: 100%;}} .product_view .modal-dialog{display: inline-block; text-align: left; vertical-align: middle;} .snippet_product_carousel .hot-sale{background: black; border-radius: 0; box-shadow: none; font-size: 12px; color: #fff; height: 32px; left: 38px; line-height: 32px; padding: 0 18px; position: absolute; text-align: center; text-shadow: none; font-weight: bold; text-transform: uppercase; font-style: italic; top: 0; z-index: 3; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform-origin: top left;} .snippet_product_carousel .hot-sale:after{content: ""; position: absolute; top: 0; right: -10px; height: 100%; width: 10px; border-width: 16px 10px 16px 0; border-color: transparent; border-top-color: #000000; border-bottom-color: #000000; border-style: solid;} .snippet_product_carousel .hot-sale:after{border-top-color: black; border-bottom-color: black;} .product-carousel-bottom{padding: 0 12px;} .oe_product_image:hover .hover_img, .product-lines:first-child:hover .hover_img{opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; transform: rotateX(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);} .oe_product_image .main_img, .product-lines:first-child .main_img{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;} .oe_product_image .hover_img, .product-lines:first-child .hover_img{position: absolute; height: auto; top: 0; left: 0px; right: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; color: #ffffff; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); -moz-transform: rotateY(90deg);} 

/* /website_snippet_product_category/static/src/scss/snippet.scss defined in bundle 'web.assets_frontend' */
 .categ_container .categ_scroll_wrapper{border: 0 solid #dee2e6; border-width: 0 1px 0 0;} .categ_container .categ_scroll{overflow: hidden; overflow-y: auto;} .categ_container .categ_img img{width: 1.4em;} .categ_container .categ_tree_level[data-tree-level="2"]{font-size: 0.9em;} .categ_container .categ_tree_level[data-tree-level="2"] .categ_link{text-transform: capitalize; color: #343a40;} .categ_container .categ_tree_level[data-tree-level="3"]{font-size: 0.8em;} .categ_container .categ_tree_level[data-tree-level="3"] .categ_link{text-transform: capitalize; color: #495057;} .categ_container .categ_tree_level[data-tree-level="4"]{font-size: 0.7em;} .categ_container .categ_tree_level[data-tree-level="4"] .categ_link{text-transform: lowercase; color: #6c757d;} 

/* /tecspek_emily_theme/static/src/scss/product_carousel.scss defined in bundle 'web.assets_frontend' */
 .product-button-group{background: white; width: 100%; border-top: 1px solid #eee; opacity: 0; position: absolute; bottom: -10px; left: 0; transition: all 0.5s;} .product-lines:hover .product-button-group{opacity: 1; bottom: 0;} .product-links{font-size: 0; padding: 0; margin: 0; list-style: none;} .product-links li{display: inline-block; width: 33%; height: 50px; line-height: 50px; text-align: center;} .product-links li a, .product-links li button{color: #999 !important; font-size: 18px; display: block; position: relative; z-index: 1; transition: all .3s ease-out;} .product-links li:nth-child(2){border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;} .add-cart-design a{color: white; background: black; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; opacity: 0; display: block; transition: all 0.5s; text-align: center;} .product-lines:hover .add-cart-design a{opacity: 1; padding: 15px 0;} .product-lines:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);} .product-carousel-bottom{padding: 15px 10px 10px; text-align: center;} .product-carousel-bottom h4{font-size: 16px; text-transform: capitalize; margin: 0 0 8px;} .snippet_product_carousel .product-carousel-user-rating{text-align: center;} .heading-label{padding: 9px; text-transform: capitalize;} .heading-number{padding: 6px; background: rgba(51, 51, 51, 0.2);} @media (max-width: 767px){.heading-label{padding: 6px; text-transform: capitalize;}.heading-number{padding: 6px; background: rgba(51, 51, 51, 0.2);}} .set-img-counter{display: none;} .timer_off .set-img-counter{display: none !important;} .comparator-popover .popover-body{margin: 10px;} .small_product-carousel-bottom .product-carousel-price a, .small_product-carousel-bottom .product-carousel-price button{color: white !important;} .carousel_timer:hover .product-button-group{bottom: 9px !important;} .carousel_timer .product-links li{line-height: 76px !important;} .carousel_timer .set-img-counter{text-align: center;} 

/* /tecspek_emily_theme/static/src/scss/small_carousel.scss defined in bundle 'web.assets_frontend' */
 .small-product-line{margin: 26px 16px;} .small-product-line .small_product_carousel_img{border: 1px solid #e5e5e5; -ms-flex-preferred-size: 45%; position: relative; overflow: hidden;} .small-product-line .small_product-carousel-bottom h4{margin: 6px 0;} .small-product-line .small_product-carousel-bottom h4 a{display: block; font-size: 18px; font-weight: 500; line-height: 20px; text-transform: capitalize; color: black;} .small-product-line .small_product-carousel-bottom b{font-size: 18px; font-weight: 600;} .small-product-line .small_product-carousel-bottom .product-carousel-add-to-cart, .small-product-line .small_product-carousel-bottom .product-carousel-wishlist, .small-product-line .small_product-carousel-bottom .quick-view-carousel{margin: 12px 0;} .product-title{text-align: center; margin: 18px 0;} .product-title h2{font-variant: small-caps; font-size: 38px;} 

/* /tecspek_emily_theme/static/src/scss/all_theme.scss defined in bundle 'web.assets_frontend' */
 .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{background-color: transparent !important; color: #1d2127 !important;} .header-logo{font-size: 0;} .header-logo > a, .header-logo a img{display: inline-block; max-width: 100%;} .header-content{margin: 20px 0 0 0;} .header-search button{background: #1d2127; color: white;} .header-cart-wishlist{text-align: center;} .header-cart-wishlist .cart > a{font-size: 0; display: inline-block; border: 1px solid #CCC; padding: 17px 20px; text-transform: uppercase; line-height: 1;} .header-cart-wishlist .cart > a > *{display: inline-block;} .header-cart-wishlist .cart > a > i{font-size: 14px;} .header-cart-wishlist .cart > a > span{color: #333; font-size: 13px; margin-left: 5px;} .header-cart-wishlist .cart > a > span span{font-size: 12px; color: #666; font-style: italic; vertical-align: top;} #top_menu .nav-item .nav-link.active:after{width: 100%; left: 0px;} #top_menu .nav-item .nav-link:hover:after{width: 100%; left: 0px;} #top_menu .nav-item .nav-link:after{position: absolute; content: ""; width: 0; height: 3px; background-color: #1d2127; bottom: 0px; left: 50%; transition: all 0.2s ease-in-out 0s;} #top_menu .nav-item a.nav-link{padding: 18px 10px; position: relative; font-size: 14px; text-transform: uppercase; font-weight: 600; color: white; display: block; position: relative; line-height: 100%; height: auto;} #top_menu .dropdown-toggle > b::after{display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;} #top_menu .dropdown-toggle::after{display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: unset !important; border-right: unset !important; border-bottom: unset !important; border-left: unset !important;} .header-search input{border-radius: 25px !important;} .header-search button{border-radius: 50% !important; position: absolute !important; right: -1px; width: 50px; z-index: 4 !important;} .container{margin-left: auto; margin-right: auto;} .container::after{content: ""; display: table; clear: both;} @media (min-width: 481px){.header-content{font-size: 0; text-align: right;}.header-content > *{display: inline-block; vertical-align: top; box-sizing: border-box;}.header-content .header-search{width: calc(100% - 170px); max-width: 450px;}.header-content .header-cart-wishlist{margin: 0; padding-left: 20px;}} @media (min-width: 544px){.container{max-width: 576px;}} @media (min-width: 768px){.container{max-width: 720px;}.header-content{}} @media (min-width: 992px){.container{max-width: 940px;}} @media (min-width: 1230px){.container{max-width: 1430px; padding: 0 15px;}} .container-fluid{margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;} .container-fluid::after{content: ""; display: table; clear: both;} .row{margin-left: -15px; margin-right: -15px;} .row::after{content: ""; display: table; clear: both;} @media only screen and (min-width: 960px) and (max-width: 2560px){#top_menu .dropdown .dropdown-menu, .header-cart-wishlist .dropdown .dropdown-menu{background-color: white; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); border: none; min-width: 200px; display: block; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: opacity 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transform-origin: 0; transform-origin: 0 0;}#top_menu .dropdown-menu > li > a:hover, #top_menu .dropdown-menu > li > a, .header-cart-wishlist .dropdown-menu > li > a:hover, .header-cart-wishlist .dropdown-menu > li > a{font-size: 14px;}#top_menu .dropdown-menu > li > a:hover:hover, #top_menu .dropdown-menu > li > a:hover, .header-cart-wishlist .dropdown-menu > li > a:hover:hover, .header-cart-wishlist .dropdown-menu > li > a:hover{color: #1d2127 !important;}#top_menu .dropdown:hover .dropdown-menu, .header-cart-wishlist .dropdown:hover .dropdown-menu{display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}.parent-mega-menu .dropdown-menu{background-color: white; min-width: 200px; display: block; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); visibility: hidden; z-index: 1; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}.parent-mega-menu:hover .dropdown-menu{display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible;}} @media (min-width: 481px) and (max-width: 767px){#fix_top{position: relative !important;}.emily-banner{height: 220px !important;}.emily-banner .oe_img_bg{min-height: unset !important; padding-top: 30px !important;}.emily-banner .oe_img_bg h2 font{font-size: 26px !important;}.small-product-line{text-align: center;}.emily-theme.s_carousel_boxed font{font-size: 36px !important;}} @media (min-width: 320px) and (max-width: 480px){#fix_top{position: relative !important;}.emily-banner{height: 220px !important;}.emily-banner .oe_img_bg{min-height: unset !important; padding-top: 30px !important;}.emily-banner .oe_img_bg h2 font{font-size: 26px !important;}.small-product-line{text-align: center;}.emily-theme.s_carousel_boxed font{font-size: 40px !important;}} .o_connected_user .fixed-top{margin-top: 45px;} .navbar_bottom.border{display: none;} #otcmsservices.electronic-homepage .otservice::before{border-right: 0px solid #eaeaea !important;} #otcmsservices.electronic-homepage .otservice .service-icon{margin: auto; float: unset !important;} #otcmsservices.electronic-homepage .otcmsservices .service .service-content{float: unset !important;} #cart_popover{padding: 22px;} .vertical-menu-list > li, #showLess{display: none;} .parent-mega-menu span.caret{display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;} .oe_search_button{z-index: 0 !important;} #product_detail{margin-top: 20px;} 

/* /tecspek_emily_theme/static/src/scss/homepage.scss defined in bundle 'web.assets_frontend' */
 .preview-demo22{padding-bottom: 100px;} .preview-demo22 .single-prev{margin-bottom: 30px;} .loading-page{background-color: rgba(26, 25, 25, 0.780392); height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 999999; left: 0;} .loader{position: absolute; width: 75px; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%);} .loader__bar{position: absolute; bottom: 0; width: 10px; height: 50%; background: #1d2127; transform-origin: center bottom; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);} .loader__bar:nth-child(1){left: 0px; transform: scale(1, 0.2); animation: barUp1 4s infinite;} .loader__bar:nth-child(2){left: 15px; transform: scale(1, 0.4); animation: barUp2 4s infinite;} .loader__bar:nth-child(3){left: 30px; transform: scale(1, 0.6); animation: barUp3 4s infinite;} .loader__bar:nth-child(4){left: 45px; transform: scale(1, 0.8); animation: barUp4 4s infinite;} .loader__bar:nth-child(5){left: 60px; transform: scale(1, 1); animation: barUp5 4s infinite;} .loader__ball{position: absolute; bottom: 10px; left: 0; width: 10px; height: 10px; background: #fff; border-radius: 50%; animation: ball 4s infinite;} @keyframes ball{0%{transform: translate(0, 0);}5%{transform: translate(8px, -14px);}10%{transform: translate(15px, -10px);}17%{transform: translate(23px, -24px);}20%{transform: translate(30px, -20px);}27%{transform: translate(38px, -34px);}30%{transform: translate(45px, -30px);}37%{transform: translate(53px, -44px);}40%{transform: translate(60px, -40px);}50%{transform: translate(60px, 0);}57%{transform: translate(53px, -14px);}60%{transform: translate(45px, -10px);}67%{transform: translate(37px, -24px);}70%{transform: translate(30px, -20px);}77%{transform: translate(22px, -34px);}80%{transform: translate(15px, -30px);}87%{transform: translate(7px, -44px);}90%{transform: translate(0, -40px);}100%{transform: translate(0, 0);}} @keyframes barUp1{0%{transform: scale(1, 0.2);}40%{transform: scale(1, 0.2);}50%{transform: scale(1, 1);}90%{transform: scale(1, 1);}100%{transform: scale(1, 0.2);}} @keyframes barUp2{0%{transform: scale(1, 0.4);}40%{transform: scale(1, 0.4);}50%{transform: scale(1, 0.8);}90%{transform: scale(1, 0.8);}100%{transform: scale(1, 0.4);}} @keyframes barUp3{0%{transform: scale(1, 0.6);}100%{transform: scale(1, 0.6);}} @keyframes barUp4{0%{transform: scale(1, 0.8);}40%{transform: scale(1, 0.8);}50%{transform: scale(1, 0.4);}90%{transform: scale(1, 0.4);}100%{transform: scale(1, 0.8);}} @keyframes barUp5{0%{transform: scale(1, 1);}40%{transform: scale(1, 1);}50%{transform: scale(1, 0.2);}90%{transform: scale(1, 0.2);}100%{transform: scale(1, 1);}} #otcmsservices{margin: 0 0 30px;} #otcmsservices .otcmsservices{border: 1px solid #eaeaea; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; background: #fff;} #otcmsservices .otservice{padding: 20px; text-align: center;} #otcmsservices .otservice::before{border-right: 1px solid #eaeaea; content: ""; height: 60px; left: auto; position: absolute; right: 0; top: 25px;} #otcmsservices .otservice:last-child::before{border: medium none;} #otcmsservices .otcmsservices .service{display: inline-block; float: none; vertical-align: top; width: auto;} #otcmsservices .otservice .service-icon{float: left; height: 70px; width: 70px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out;} #otcmsservices .otservice:hover .service-icon{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg);} #otcmsservices .otservice .otshipping_img.service-icon{background: url("/tecspek_emily_theme/static/src/img/services-sprite.png") repeat scroll 0 -4px;} #otcmsservices .otservice .otsuppport_img.service-icon{background: url("/tecspek_emily_theme/static/src/img/services-sprite.png") repeat scroll 0 -103px;} #otcmsservices .otservice .otsaving_img.service-icon{background: url("/tecspek_emily_theme/static/src/img/services-sprite.png") repeat scroll 0 -197px;} #otcmsservices .otservice .otmoneyback_img.service-icon{background: url("/tecspek_emily_theme/static/src/img/services-sprite.png") repeat scroll 0 -289px;} #otcmsservices .otservice .otstore_img.service-icon{background: url("/tecspek_emily_theme/static/src/img/services-sprite.png") repeat scroll 0 -382px;} #otcmsservices .otcmsservices .service .service-content{float: left; width: auto; cursor: pointer; padding: 11px; text-align: left;} #otcmsservices .otcmsservices .service .service-content .service-title{color: #222222; font: 500 16px/26px "Poppins", Helvetica, sans-serif; letter-spacing: 0.4px; text-transform: capitalize;} #otcmsservices .otcmsservices .service .service-content .service-desc{color: #888888; font: 400 14px/20px "Poppins", Helvetica, sans-serif; letter-spacing: 0.4px;} @media (max-width: 1499px){#otcmsservices .otservice{padding: 10px;}#otcmsservices .otservice::before{top: 20px;}#otcmsservices .otcmsservices .service .service-content{padding: 11px 0;}} @media (max-width: 1199px){#otcmsservices .otservice .service-icon{float: none; display: inline-block; vertical-align: top;}#otcmsservices .otcmsservices .service .service-content{width: 100%; text-align: center;}} @media (max-width: 991px){#otcmsservices .otservice{padding: 10px 0;}} @media (max-width: 543px){#otcmsservices .otservice{width: 100%; display: inline-block; vertical-align: top;}#otcmsservices .otservice::before{border-bottom: 1px solid #eaeaea; border-right: medium none; bottom: 0; left: 0; margin: 0 auto; right: 0; top: auto; width: 60%;}#otcmsservices .otcmsservices{text-align: center;}} .homepage-small-carousel-single{border: 1px solid #eaeaea; border-radius: 0; box-shadow: none; border-bottom: 0px;} .homepage-small-carousel-single .small_product_carousel_img{border: 0px solid #e5e5e5;} .homepage-small-carousel-single .small-product-line{margin: unset !important; border-bottom: 1px solid #eaeaea; padding: 12px 0;} .snippet_small_product_carousel .product-title, .snippet_product_carousel .product-title{border-bottom: 2px solid #e7e7e7; margin-bottom: 25px;} .snippet_small_product_carousel .product-title h2, .snippet_product_carousel .product-title h2{color: #505050; font-size: 20px; font-weight: 700; line-height: 36px; margin: 0; padding-top: 20px; position: relative; text-transform: uppercase; text-align: left; padding-bottom: 8px;} .snippet_small_product_carousel .product-title h2:after, .snippet_product_carousel .product-title h2:after{background: #1d2127 none repeat scroll 0 0; bottom: -2px; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 120px;} .snippet_small_product_carousel .owl-nav .owl-next, .snippet_product_carousel .owl-nav .owl-next{top: -98px; right: 8px; height: 0px;} .snippet_small_product_carousel .owl-nav .owl-next span, .snippet_product_carousel .owl-nav .owl-next span{background: #1d2127; border-radius: 13px; padding: 0px 10px; font-size: 50px; color: white; display: inline-block; height: 38px; line-height: 32px;} .snippet_small_product_carousel .owl-nav .owl-prev, .snippet_product_carousel .owl-nav .owl-prev{top: -98px; left: unset; right: 68px; height: 0px;} .snippet_small_product_carousel .owl-nav .owl-prev span, .snippet_product_carousel .owl-nav .owl-prev span{background: #1d2127; border-radius: 13px; padding: 0px 10px; font-size: 50px; color: white; display: inline-block; height: 38px; line-height: 32px;} .tab-carousel .nav.nav-tabs{background: #fff; padding: 8px 0px; position: relative; border-top-width: 4px; border-bottom: 1px solid #eaeaea !important; margin: 0; text-align: left !important;} .banner-top, .banner-bottom{min-width: 100%; position: relative; text-align: center;} .banner-top img, .banner-bottom img{min-width: 100%;} .overlay i{border: 5px solid #fff; border-radius: 50%; color: #fff; height: 60px; left: 50%; margin-left: -30px; margin-top: -30px; opacity: 1; line-height: 49px; position: absolute; top: 50%; transition: all 0.4s ease 0s; width: 60px; text-align: center; font-size: 20px;} .overlay{background: rgba(0, 0, 0, 0.68) none repeat scroll 0 0; display: block; height: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 20;} .banner-top:hover .overlay, .banner-bottom:hover .overlay{height: 100%;} .left-banner, .right-banner{position: relative;} .left-banner:hover .overlay, .right-banner:hover .overlay{height: 100%;} .banner-area{padding: 50px 0px;} .banner-area img{min-width: 100%;} .common-home .banner-area .left-banner{margin-bottom: 15px;} a:hover, a:focus{outline: none; text-decoration: none;} .tab-carousel .tab .nav-tabs{position: relative; border-bottom: none;} .tab-carousel .tab .nav-tabs li{text-align: center; margin-right: 3px;} .tab-carousel .tab .nav-tabs li a{display: block; font-size: 15px; font-weight: 600; color: #231123; text-transform: uppercase; padding: 15px; background: #fff; margin-right: 0; border-radius: 0; border: none; position: relative; transition: all 0.5s ease 0s;} .tab-carousel .tab .nav-tabs li a:before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: transparent; position: absolute; margin-left: -20px; bottom: 0; left: 50%; transition: all 0.2s ease 0s;} .tab-carousel .tab .nav-tabs li a:hover:before, .tab-carousel .tab .nav-tabs li a.active:before{background: #1d2127;} .tab-carousel .tab .nav-tabs li a:after{content: ""; width: 0; height: 1px; background: #1d2127; margin-left: -15px; position: absolute; bottom: 6%; left: 50%; transition: all 0.2s ease 0s;} .tab-carousel .tab .nav-tabs li a:hover:after, .tab-carousel .tab .nav-tabs li a.active:after{width: 35px;} .tab-carousel .nav-tabs li a.active, .tab-carousel .nav-tabs li a.active:focus, .tab-carousel .nav-tabs li a.active:hover, .tab-carousel .nav-tabs li a:hover{border: none; color: #1d2127;} .tab-carousel .tab .tab-content{font-size: 14px; color: #6f6c6c; line-height: 26px; padding: 20px 20px 20px 15px;} .tab-carousel .tab .tab-content h3{font-size: 24px; margin-top: 0;} @media only screen and (max-width: 479px){.tab-carousel .tab .nav-tabs li{width: 100%; margin-bottom: 5px;}} 

/* /tecspek_emily_theme/static/src/scss/homepage_category.scss defined in bundle 'web.assets_frontend' */
 .homepage_category .vertical-head{height: 48px; border-top: 5px solid #1d2127; line-height: 43px; color: #333; text-transform: uppercase; font-size: 18px; background: #fff; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 0 15px;} .homepage_category .vertical-head .vertical-title{font-size: 18px; font-weight: bold; margin: 0; padding: 0; line-height: inherit; cursor: pointer;} .homepage_category .vertical-menu-content{border: 1px solid #eaeaea; border-top: 0;} .homepage_category .vertical-menu-content .vertical-menu-list .menu-cat-link{border-bottom: 1px solid #eaeaea; padding-left: 20px; line-height: 39px; position: relative; display: block; color: #333;} .homepage_category .vertical-menu-content .vertical-menu-list .menu-cat-link:hover{color: #1d2127;} .homepage_category .vertical-menu-content .vertical-menu-list .dropdown-submenu .child_menu{position: absolute; top: -15px; left: 100%; z-index: 900; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; -moz-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); opacity: 0; display: block; visibility: hidden; -webkit-backface-visibility: hidden; height: 0; background: #fbfbfb; border: 1px solid #eaeaea;} .homepage_category .vertical-menu-content .vertical-menu-list .dropdown-submenu:hover .child_menu{visibility: visible; display: block; height: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1;} .homepage_category .vertical-menu-content .vertical-menu-list .dropdown-submenu .category-icon{position: absolute; top: 12px; right: 14px;} .homepage_category .vertical-menu-content .vertical-menu-list .dropdown-submenu:last-child a{border-bottom: 0px solid #eaeaea;} .homepage_category .vertical-menu-content .vertical-menu-list .sub_child_ul .sub_child{position: absolute; top: -15px; left: 100%; z-index: 900; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; -moz-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); opacity: 0; display: block; visibility: hidden; -webkit-backface-visibility: hidden; height: 0; background: #fbfbfb; border: 1px solid #eaeaea;} .homepage_category .vertical-menu-content .vertical-menu-list .sub_child_ul:hover .sub_child{visibility: visible; display: block; height: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1;} .homepage_category .vertical-menu-content .vertical-menu-list .sub_child_ul .category-icon{position: absolute; top: 12px; right: 14px;} 

/* /tecspek_emily_theme/static/src/scss/blog.scss defined in bundle 'web.assets_frontend' */
 .website_blog .o_blog_post_teaser{color: black;} #main_column address{color: black;} #main_column .fa-tags{color: black;} #main_column span:nth-child(2){color: black;} #main_column div.text-muted > div > a{border: 1px solid; padding: 4px; background: #1d2127; color: white; font-weight: bold; margin-left: 8px;} #blog_right_column .nav-stacked li a{border: 1px solid; padding: 4px; background: #1d2127; color: white; font-weight: bold; margin-left: 8px; border-radius: 0;} #blog_right_column .badge{color: black; background-color: white; padding: 4px 7px;} .website_blog .o_blog_cover_container.o_list_cover{height: 341px !important;} .s_blog_carousel .blog-single{background-color: #fff; border-color: #ddd; border-image: none; border-radius: 5px; border-style: solid; border-width: 1px 1px 5px; margin-left: 15px; margin-right: 15px; padding: 15px 15px 34px; background: #f8f9fa !important;} .s_blog_carousel .blog-title{border-bottom: 2px solid #e7e7e7; margin-bottom: 25px;} .s_blog_carousel .blog-title h2{color: #505050; font-size: 24px; font-weight: 700; line-height: 36px; margin: 0; padding-top: 20px; position: relative; text-transform: uppercase; text-align: left; padding-bottom: 8px;} .s_blog_carousel .blog-title h2:after{background: #1d2127 none repeat scroll 0 0; bottom: -2px; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 120px;} .s_blog_carousel .owl-nav .owl-next{top: -98px; right: 8px; height: 0px;} .s_blog_carousel .owl-nav .owl-next span{background: #1d2127; border-radius: 13px; padding: 0px 10px; font-size: 50px; color: white; display: inline-block; height: 38px; line-height: 32px;} .s_blog_carousel .owl-nav .owl-prev{top: -98px; left: unset; right: 68px; height: 0px;} .s_blog_carousel .owl-nav .owl-prev span{background: #1d2127; border-radius: 13px; padding: 0px 10px; font-size: 50px; color: white; display: inline-block; height: 38px; line-height: 32px;} 

/* /tecspek_emily_theme/static/src/scss/shop_template.scss defined in bundle 'web.assets_frontend' */
 .hot-sale{background: #1d2127; border-radius: 0; box-shadow: none; font-size: 12px; color: #fff; height: 32px; left: 38px; line-height: 32px; padding: 0 18px; position: absolute; text-align: center; text-shadow: none; text-transform: uppercase; font-style: italic; top: 0; z-index: 3; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform-origin: top left;} .hot-sale:after, .label-pro-new:after{content: ""; position: absolute; top: 0; right: -10px; height: 100%; width: 10px; border-width: 16px 10px 16px 0; border-color: transparent; border-top-color: #000000; border-bottom-color: #000000; border-style: solid;} .small_product-carousel-bottom .hot-sale{left: 0 !important;} .hot-sale:after{border-top-color: #1d2127; border-bottom-color: #1d2127;} #products_grid .row.border .all_filter_opt{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; margin-right: 15px;} #products_grid .row.border ul.pagination{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} #products_grid .product-list{letter-spacing: -31px; margin-top: 14px;} #products_grid .single-product-view{vertical-align: top; float: none; letter-spacing: normal; display: inline-block;} .ribbon-wrapper{display: none;} .oe_product_image{text-align: center; position: relative; width: 100%; margin: 0px auto;} .oe_product_image img{margin: auto;} .single-product-view{margin-bottom: 24px;} .list-view-items .single-product-view{width: 100%;} .list-view-items .single-product-view .oe_product_image{width: 33.33%; display: inline-block;} .list-view-items .single-product-view section{width: 66.66%; display: inline-block; float: right; margin-top: 24px;} .pagination > li > a, .pagination > li > span{padding: 10px 14px; border-radius: 0 !important;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #1d2127; border-color: #ddd;} .pagination{margin: 0px;} .category-banner{margin-bottom: 0; margin-top: 0; position: relative; color: black; padding: 80px; background-size: cover; background-position: bottom; background: url(/tecspek_emily_theme/static/src/img/slide1-1.jpg) no-repeat center;} .category-banner .breadcrumb{background-color: transparent;} .category-banner .breadcrumb a{color: #1d2127 !important; font-weight: bold;} .switch_list_view, .switch_grid_view{border-radius: 0;} .dropdown_sorty_by > a{border-radius: 0;} .grid-view-items .oe_subdescription{display: none;} .list-view-items .oe_subdescription div{padding: 17px 72px;} .list-view-items .oe_product_image{padding: 4px;} #products_grid .hot-sale{left: 50px;} .product-details-section h5{white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis;} #products_grid_before{border: 1px solid #ccc;} #products_grid_before .category-title{padding: 12px; text-align: center; width: 100%; border-radius: 0; font-weight: bold; font-size: 20px !important; background-color: #3c3934; margin-top: 0; color: white;} #products_grid_before #category-list{padding: 10px;} #products_grid_before #category-list ul li a{color: black;} #products_grid_before #category-list ul li a:hover, #products_grid_before #category-list ul li a:focus{color: #1d2127; background-color: transparent;} #products_grid_before #category-list ul li.active > a{color: #1d2127; background-color: transparent;} #o_shop_collapse_category li a{width: 76%;} .switch_grid_view{border: 1px solid white; padding: 6px 12px;} .switch_grid_view i{font-size: 25px;} .switch_list_view{border: 1px solid white; padding: 6px 12px;} .switch_list_view i{font-size: 25px;} .css_attribute_color{margin-top: 14px; margin-bottom: 14px; border-radius: 50px;} .child_of_child_cat{position: absolute; right: 9px; top: 6px;} .child_cat{position: absolute; right: 9px; top: 6px;} .js_attributes li div{padding: 12px; text-align: center; width: 100%; border-radius: 0; font-weight: bold; font-size: 20px !important; background-color: #3c3934; margin-top: 0; color: white; margin-bottom: 12px;} .js_attributes li div a{color: white;} .brand-title-shop, .sex-title-shop{padding: 12px; text-align: center; width: 100%; border-radius: 0; font-weight: bold; font-size: 20px !important; background-color: #f8f9fa; margin-top: 0; color: white; margin-bottom: 12px;} .brand-title-shop a, .sex-title-shop a{color: white;} .product_brand_shop .type-radio{margin-left: 1.5em;} .oe_product_image img{width: 296px !important;} .scrolling #products_grid ul.pagination{display: none;} .scrolling .inside-scrolling{display: block !important;} .scrolling .products_pager ul.pagination{display: none;} .container.oe_website_sale{padding-bottom: 28px;} .container.oe_website_sale .oe_product_image{background: white;} @media screen and (min-width: 768px){.list-view-items .single-product-view{flex: 0 0 50% !important; max-width: 50% !important;}} @media (max-width: 769px){.add-to-cart-shop .a-submit{padding: 0px 14px;}} .mm-slideout{z-index: unset !important;} .product-details-section h6{font-size: 14px; font-weight: bold;} .product-details-section .oe_subdescription div{color: #b1b1b1 !important; font-size: 14px;} form.js_attributes select{padding: 10px 0px;} .grid-view-items .product-button-group-shop{background: white; width: 100%; border-top: 1px solid #eee; opacity: 0; position: absolute; bottom: -10px; left: 0; transition: all 0.5s;} .grid-view-items .product-links-shop{font-size: 0; padding: 0; margin: 0; list-style: none;} .grid-view-items .product-links-shop li{display: inline-block; width: 33%; height: 36px; line-height: 40px; text-align: center;} .grid-view-items .product-links-shop li a, .grid-view-items .product-links-shop li button{color: #999 !important; font-size: 18px; display: block; position: relative; z-index: 1; transition: all .3s ease-out;} .grid-view-items .product-links-shop li:nth-child(2){border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;} .grid-view-items .add-cart-design-shop a{color: white; background: black; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; opacity: 0; display: block; transition: all 0.5s; text-align: center;} .grid-view-items .single-product-view:hover .add-cart-design-shop a{opacity: 1; padding: 15px 0;} .grid-view-items .single-product-view:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);} .grid-view-items .product-carousel-bottom{padding: 15px 10px 10px; text-align: center;} .grid-view-items .product-carousel-bottom h4{font-size: 16px; text-transform: capitalize; margin: 0 0 8px;} .single-product-view:hover .product-button-group-shop{opacity: 1; bottom: 0;} .product-links-shop .o_add_wishlist{margin: auto; background: transparent; border: 0;} .product-links-shop .o_add_compare{background: transparent; border: 0; vertical-align: top;} .list-view-items .product-links-shop{font-size: 0; padding: 0; margin: 0; list-style: none;} .list-view-items .product-links-shop li{display: inline-block; width: 33%; height: 36px; line-height: 40px; text-align: center;} .list-view-items .product-links-shop li a, .list-view-items .product-links-shop li button{color: #999 !important; font-size: 18px; display: block; position: relative; z-index: 1; transition: all .3s ease-out;} .list-view-items .product-links-shop li:nth-child(2){border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;} .list-view-items .add-cart-design-shop a{color: white; background: black; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; transition: all 0.5s; text-align: center; padding: 8px 15px; border-radius: 0;} @media (min-width: 481px) and (max-width: 767px){display: none;} @media (min-width: 320px) and (max-width: 480px){.list-view-items .oe_subdescription div{display: none;}} .switch_list_view, .dropdown_sorty_by > .dropdown-toggle{color: white;} .product-details-section{margin-top: 16px;} .product-details-section h6{padding: 0 29px; line-height: 18px;} 

/* /tecspek_emily_theme/static/src/scss/single_product.scss defined in bundle 'web.assets_frontend' */
 #product_breadcrumb .breadcrumb{background-color: transparent; padding: 0px 15px; font-size: 20px; margin-top: 20px;} #product_breadcrumb .breadcrumb a{color: white;} #product_details .oe_website_spinner{max-width: 145px;} #product_details .oe_website_spinner a{border-radius: 0px; position: absolute; padding: 15px 16px;} #product_details .oe_website_spinner input{border-radius: 0px; height: 50px;} #product_details .oe_website_spinner .float_left.js_add_cart_json{right: 0; left: unset !important;} #product_details .oe_website_spinner .js_add_cart_json{left: 0;} #o-carousel-product .carousel-indicators{display: inline-table !important;} @media (min-width: 1281px){#o-carousel-product .carousel-indicators li{display: unset !important; margin: 1px !important;}} @media (min-width: 1025px) and (max-width: 1280px){#o-carousel-product .carousel-indicators li{display: unset !important; margin: 1px !important;}} #o-carousel-product{position: -webkit-sticky; position: sticky; top: 64px; bottom: 0; z-index: 2; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;} #product_detail h1{font-size: 18px; font-weight: 600;} #product_detail .product_page_brand{font-size: 16px; font-weight: 600;} #product_detail .oe_price_h4{font-size: 28px;} #product_detail .product_rating{display: inline-block; padding: 5px; padding: 2px 7px; border-radius: 14px; font-size: 17px; background-color: #26a541; vertical-align: baseline; font-weight: 600; color: white;} #product_detail .product_price{margin-top: 0 !important;} #product_detail .tab_view_product_details .tab_div{border-top: 2px solid #eae9e9;} #product_detail .tab_view_product_details .tab_div .tab_link{font-size: 24px; padding: 32px 0 32px 24px; font-weight: 600; width: 100%; display: inline-block; color: black;} #product_detail .tab_view_product_details .tab_div .tab_link:before{content: '\f056'; font-family: 'FontAwesome'; display: inline-block; margin: 0 .5em 0 .75em; color: #6c757d; position: absolute; right: 0;} #product_detail hr{display: none;} #product_detail #add_to_cart{margin-top: 20px !important; border-radius: 0; color: white; font-weight: bold;} #product_detail #buy_now{margin-top: 20px !important; border-radius: 0; font-weight: bold;} .tab_link.collapsed:before{content: "" !important; font-family: 'FontAwesome';} #products_grid .pagination{margin-top: 8px; margin-bottom: 11px;} 

/* /tecspek_emily_theme/static/src/scss/contact_us.scss defined in bundle 'web.assets_frontend' */
 .contact_us_theme input, .contact_us_theme textarea{font-size: 14px; color: #727272; margin: 0px; background-color: #fff; outline: none; padding: 10px; height: 42px; border: 1px solid #e4e4e4; width: 100%;} .contact_us_theme .prepend-icon.width-100{width: 100%;} .contact_us_theme .prepend-icon{position: relative; margin-bottom: 22px;} .contact_us_theme label{font-weight: 400; border: none; color: inherit;} .contact_us_theme .prepend-icon .field-icon{left: 0; top: 0; width: 42px; height: 42px; color: inherit; line-height: 42px; position: absolute; text-align: center; -webkit-transition: all 0.5s ease-out; -khtml-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; pointer-events: none; z-index: 99;} .contact_us_theme .prepend-icon input, .contact_us_theme .prepend-icon textarea{padding-left: 36px;} .contact_us_theme .prepend-icon .field-icon i{color: #bbb;} .contact_us_theme .input-hint{padding: 10px; display: block; margin-top: -1px; line-height: 16px; position: relative; background: #f5f5f5; border: 1px solid #cfcfcf; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-size: 11px; color: #999;} .contact_us_theme textarea{width: 100%; display: block; margin: 0; font-size: 14px; font-weight: 400; color: #626262; outline: none; padding: 10px; border: 1px solid #e4e4e4; height: 96px; -webkit-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .contact_us_theme .contact-us-right-details span{font-size: 14px;} 

/* /tecspek_emily_theme/static/src/scss/mega_menu_1.scss defined in bundle 'web.assets_frontend' */
 .megamenu-container{padding: 35px 20px 25px 20px; background-position: right bottom; width: 100% !important; background-repeat: no-repeat; font-weight: 300;} .megamenu-container ul{list-style: none;} .megamenu-container .mega-links ul li.list-title{font-size: 20px; font-weight: 400; font-family: Poppins; text-transform: capitalize; line-height: 1.2em; border-bottom: 0; margin-bottom: 10px; padding-top: 0; padding-bottom: 0;} .megamenu-container .mega-links ul li{padding: 10px 0; border-bottom: 1px solid #ebebeb; line-height: 1.5em;} .megamenu-container .mega-links ul li a{font-size: 14px; text-transform: capitalize;} .megamenu-container .mega3-collumn3{padding-right: 270px; min-height: 200px; height: 200px;} .megamenu-container .dis_table{display: table; table-layout: fixed; height: 100%; width: 100%;} .megamenu-container .dis_tablecell{display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: right;} .megamenu-container .col-caption{text-transform: uppercase; font-weight: 500; text-align: right;} .megamenu-container .col-caption .title{color: #1d2127; display: block; font-size: 16px; line-height: 1em; margin-bottom: 20px;} .megamenu-container .col-caption .content{color: #424242; display: block; font-size: 35px; margin-bottom: 20px; line-height: 1em;} .menu-medium .mega-dropdown-menu{padding: 0 !important;} .menu-medium .submenu-contain{padding: 20px 15px 0;} .mega-dropdown-menu{z-index: 9;} #top_menu .nav-item.active .nav-link:after{width: 100%; left: 0px;} .header-message span{color: #db0022; font-size: 16px; font-weight: 800; float: left; width: 100%; text-align: left; margin-bottom: 7px;} .header-message small{color: #000000; font-size: 12px; font-weight: normal;} 

/* /tecspek_emily_theme/static/src/scss/homepage_2.scss defined in bundle 'web.assets_frontend' */
 .website-banner .carousel-item{height: unset !important;} .purches-progress-area{margin-top: 0;} .area-title{border-bottom: 2px solid #e7e7e7; margin-bottom: 25px;} .area-title h3{color: #505050; font-size: 24px; font-family: "Khula", sans-serif; font-weight: 700; line-height: 36px; margin: 0; padding-top: 20px; position: relative; text-transform: uppercase;} .area-title h3:after{background: #1d2127 none repeat scroll 0 0; bottom: -2px; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 120px;} .progress-area{background: #ededed none repeat scroll 0 0; border-bottom: 2px solid #d2d2d2; clear: both; margin-left: 15px; margin-right: 15px; margin-top: 25px; overflow: hidden; padding: 15px 15px;} .progrtee-box h4{color: #1d2127; font-size: 24px; font-family: "Khula", sans-serif; font-weight: 600; line-height: 30px; margin: 0; text-transform: uppercase;} .progrtee-box p{color: #444; font-size: 16px; font-family: "Khula", sans-serif; font-weight: 600; line-height: 20px; margin: 0; text-transform: capitalize;} .progrtee-box:hover h4, .progrtee-box:hover p{color: #fff; transition: all 500ms ease 0s;} .progrtee-box.icon{background: #ededed url("/tecspek_emily_theme/static/src/img/homepage-2/cms_icon1.png") no-repeat scroll 25px 25px;} .progrtee-box.icon:hover{background: #1d2127 url("/tecspek_emily_theme/static/src/img/homepage-2/cms_icon1_hover.png") no-repeat scroll 25px 25px;} .progrtee-box.icon1{background: #ededed url("/tecspek_emily_theme/static/src/img/homepage-2/cms_icon2.png") no-repeat scroll 25px 25px;} .progrtee-box.icon1:hover{background: #1d2127 url("/tecspek_emily_theme/static/src/img/homepage-2/cms_icon2_hover.png") no-repeat scroll 25px 25px;} .progrtee-box.icon2{background: #ededed url("/tecspek_emily_theme/static/src/img/homepage-2/cms_icon3.png") no-repeat scroll 25px 25px;} .progrtee-box.icon2:hover{background: #1d2127 url("/tecspek_emily_theme/static/src/img/homepage-2/cms_icon3_hover.png") no-repeat scroll 25px 25px;} .progrtee-box.icon3{background: #ededed url("/tecspek_emily_theme/static/src/img/homepage-2/cms_icon4.png") no-repeat scroll 25px 25px;} .progrtee-box.icon3:hover{background: #1d2127 url("/tecspek_emily_theme/static/src/img/homepage-2/cms_icon4_hover.png") no-repeat scroll 25px 25px;} .progrtee-box{background: #ededed none repeat scroll 0 0; border-bottom: 2px solid #ededed; border-radius: 5px; cursor: pointer; padding: 25px 15px 25px 99px; position: relative; transition: all 500ms ease 0s;} .progrtee-box:hover{border-color: #1d2127;} .progrtee-box:after{border-right: 2px dotted #a2a2a2; content: ""; display: block; height: 100%; position: absolute; right: -16px; top: 0; width: 2px;} .progrtee-box.icon3:after{display: none;} button:focus{outline: 1px dotted; outline: 0px auto -webkit-focus-ring-color !important;} .banner-area{margin-top: 30px;} .banner-area a, .single-banner a{position: relative; display: inline-block; width: 100%;} .banner-area a:hover:before, .single-banner a:hover:before{-moz-box-sizing: border-box; box-sizing: border-box; border: 15px solid rgba(255, 255, 255, 0.5); opacity: 1; transition: .3s;} .banner-area a:before, .single-banner a:before{-moz-box-sizing: border-box; box-sizing: border-box; bottom: 0; opacity: 0; content: ""; left: 0; overflow: visible; position: absolute; z-index: 9; right: 0; top: 0; transition: .3s;} .home-eight .single-banner.single-big{padding-right: 39px;} .home-eight .banner-row{margin-bottom: 30px;} .tab_2 .tab .nav-tabs li:first-child a{border-bottom-left-radius: unset;} @media (min-width: 1169px) and (max-width: 1366px){.tab_2 .tab_carousel_ul li{width: 208px;}} .tab_2 .tab_carousel_ul li a{background: #f06262 none repeat scroll 0 0 !important; color: #fff !important; display: block; padding-bottom: 20px; padding-top: 40px; text-align: center;} .tab_2 .tab_carousel_ul li a i{font-size: 55px;} .tab_2 .tab_carousel_ul li a h3{background-position: center center; background-repeat: no-repeat; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 20px; margin: 0; padding-top: 5px; overflow: hidden; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; word-wrap: break-word;} .tab_2 .tab_carousel_ul li:nth-child(2) a{background-color: #FFA200 !important; border-color: #E68700;} .tab_2 .tab_carousel_ul li:nth-child(3) a{background-color: #363636 !important; border-color: #2e2e2e;} .tab_2 .tab_carousel_ul li:nth-child(4) a{background-color: #bbd615 !important; border-color: #9fb612;} .tab_2 .tab_carousel_ul li:nth-child(5) a{background-color: #44b5aa !important; border-color: #3a9a91;} .tab_2 .tab_carousel_ul li:nth-child(6) a{background-color: #ffd543 !important; border-color: #d9b539;} .tab_2 .tab .nav-tabs li a i{margin-right: unset; color: unset;} .tab_2 .tab .nav-tabs li a.active, .tab_2 .tab .nav-tabs li a.active i{background: unset;} .tab_2 .tab .nav-tabs li a{padding: 16px 0px !important;} .tab_2 .tab .nav-tabs{background: unset !important; border-radius: 0 0px 0 0px !important;} .tab_2 .tab .nav-tabs li a.active:after{content: unset !important;} .tab_2 .tab .tab-content{border-bottom: 0px solid #c9a96e !important;} .tab_2 .owl-nav .owl-next{top: -44px !important;} .tab_2 .owl-nav .owl-prev{top: -44px !important;} .two-banner-area .banner-left{float: left; margin-right: 6px;} .two-banner-area .banner-image{margin-bottom: 6px;} .two-banner-area .banner-image a{display: block; overflow: hidden; position: relative;} .two-banner-area .banner-image a::after{background: transparent url("/tecspek_emily_theme/static/src/img/img_hover.png") no-repeat scroll center center; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%;} .two-banner-area .banner-image a:hover::after{animation: 300ms linear 0s normal none 1 running rotateIn; opacity: 1;} .two-banner-area .banner-image a img{transition: all 0.3s ease 0s;} .two-banner-area .banner-image a:hover img{transform: scale(1.05);} .s_brand_carousel .owl-nav .owl-next{top: -98px; right: 8px; height: 0px;} .s_brand_carousel .owl-nav .owl-next span{background: #1d2127; border-radius: 13px; padding: 0px 10px; font-size: 50px; color: white; display: inline-block; height: 38px; line-height: 32px;} .s_brand_carousel .owl-nav .owl-prev{top: -98px; left: unset; right: 68px; height: 0px;} .s_brand_carousel .owl-nav .owl-prev span{background: #1d2127; border-radius: 13px; padding: 0px 10px; font-size: 50px; color: white; display: inline-block; height: 38px; line-height: 32px;} .s_brand_carousel .brand-title{border-bottom: 2px solid #e7e7e7; margin-bottom: 25px;} .s_brand_carousel .brand-title h2{color: #505050; font-size: 24px; font-weight: 700; line-height: 36px; margin: 0; padding-top: 20px; position: relative; text-transform: uppercase; text-align: left; padding-bottom: 8px;} .s_brand_carousel .brand-title h2:after{background: #c9a96e none repeat scroll 0 0; bottom: -2px; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 120px;} 

/* /website_vanity/static/src/scss/theme.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap.o_portal{background-color: #FFFFFF !important;} #wrapwrap.o_portal .breadcrumb{padding: 16px 25px !important; border-radius: 0;} #wrapwrap > main{min-height: 350px;} #wrapwrap .o_portal_my_home .badge-secondary.badge-pill{width: 40px; border-radius: 0; padding: 5px; vertical-align: middle; font-size: 12px;} #wrapwrap .o_portal_my_doc_table tbody td{padding-top: 0.75rem;} #wrapwrap #sales_order_table #product_name a{color: #495057; font-size: 14px;} #wrapwrap #sales_order_table #product_name a:hover{color: #000000;} #wrapwrap .o_portal_details label, #wrapwrap .oe_cart label{padding: 0; margin: 0; font-weight: normal;} #wrapwrap .o_portal_details label:after, #wrapwrap .oe_cart label:after{content: "*"; color: #FF0000; margin-left: 4px;} #wrapwrap .o_portal_details label.label-optional:after, #wrapwrap .oe_cart label.label-optional:after{content: "";} #wrapwrap .o_portal_details input[type='text'], #wrapwrap .o_portal_details input[type='password'], #wrapwrap .o_portal_details input[type='email'], #wrapwrap .o_portal_details input[type='tel'], #wrapwrap .o_portal_details select, #wrapwrap .oe_cart input[type='text'], #wrapwrap .oe_cart input[type='password'], #wrapwrap .oe_cart input[type='email'], #wrapwrap .oe_cart input[type='tel'], #wrapwrap .oe_cart select{height: 40px; border-radius: 0; padding: 2px 7px;} #wrapwrap .btn-primary, #wrapwrap .btn-secondary{border-radius: 0;} #wrapwrap .btn-primary{padding: 5px; font-size: 16px; text-transform: uppercase;} #wrapwrap #product_details .oe_website_spinner a{padding: 12px 16px;} #wrapwrap #product_details .oe_website_spinner input{height: 40px;} #wrapwrap #product_details .availability_messages .text-success{display: none;} #wrapwrap #product_details ul.list-unstyled{margin: 0;} #wrapwrap #product_details ul.list-unstyled li.js_attribute_value{display: inline-block;} #wrapwrap #product_details ul.list-unstyled li.js_attribute_value:hover{cursor: pointer;} #wrapwrap #product_details ul.list-unstyled li.js_attribute_value .radio_input_value{border: 1px solid #ced4da; padding: 10px; min-width: 90px; text-align: center;} #wrapwrap #product_details ul.list-unstyled li.js_attribute_value input[type='radio']{display: none;} #wrapwrap #product_details ul.list-unstyled li.js_attribute_value input[type='radio'][checked] + div.radio_input_value{border: 1px solid #000000;} #wrapwrap .oe_cart #cart_products a, #wrapwrap .oe_website_sale #cart_products a{color: #000000;} #wrapwrap .oe_cart #cart_products a strong, #wrapwrap .oe_website_sale #cart_products a strong{font-weight: 100; font-size: 14px;} #wrapwrap .oe_cart #cart_products .td-product_name div strong, #wrapwrap .oe_website_sale #cart_products .td-product_name div strong{font-weight: 200; font-size: 14px;} #wrapwrap .oe_cart #cart_products .td-qty, #wrapwrap .oe_website_sale #cart_products .td-qty{text-align: center;} #wrapwrap .clear-filter{float: right;} .container h1{color: #343a40; border-bottom: 2px solid #000000; padding: 10px 7px; text-transform: uppercase;} .nav .parent-mega-menu .mega-dropdown-menu{z-index: 99; left: auto; right: auto; padding: 5px;} .nav .parent-mega-menu .mega-dropdown-menu .list-block.mega-menu-category-list.col-md-{margin: 5px;} .nav .parent-mega-menu .mega-dropdown-menu .list-block.mega-menu-category-list.col-md- ul{margin: 0;} .nav .parent-mega-menu .mega-dropdown-menu .list-block.mega-menu-category-list.col-md- ul li.header-title{margin: 0; padding: 0; border: 0 none; text-transform: none;} .nav .parent-mega-menu .mega-dropdown-menu .list-block.mega-menu-category-list.col-md- ul li.header-title + li{margin-top: 8px; padding-top: 8px; border-top: 1px solid #eee;} .nav .parent-mega-menu .mega-dropdown-menu .list-block.mega-menu-category-list.col-md- ul .sub-categories{display: block; margin-top: 10px;} .navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} #shop_category_side li a{width: 100%; padding-top: 7px; padding-bottom: 7px;} #shop_category_side li a:hover{color: #1d2127;} #shop_category_side li:after{border-bottom: 0px none;} #shop_category_side li + li{border-top: 1px solid #e9ecef;} .nav-pills .nav-link{border-radius: 0;} .login_page h3{text-transform: uppercase;} .login_page .oe_website_login_container input[type='text'], .login_page .oe_website_login_container input[type='password'], .login_page .oe_website_login_container input[type='email'], .login_page .oe_website_login_container input[type='tel'], .login_page .oe_website_signup_container input[type='text'], .login_page .oe_website_signup_container input[type='password'], .login_page .oe_website_signup_container input[type='email'], .login_page .oe_website_signup_container input[type='tel']{height: 40px; border-radius: 0; padding: 2px 7px;} .login_page .oe_website_login_container .oe_login_form, .login_page .oe_website_login_container .oe_signup_form, .login_page .oe_website_signup_container .oe_login_form, .login_page .oe_website_signup_container .oe_signup_form{padding: 40px; background-color: #f8f9fa; border: 1px solid #e9ecef; max-width: none; margin: 0 auto;} .login_page .oe_website_login_container .oe_login_buttons, .login_page .oe_website_signup_container .oe_login_buttons{margin-top: 0;} .signup_page .oe_signup_form{padding: 40px; background-color: #f8f9fa; border: 1px solid #e9ecef; max-width: 600px; margin: 0 auto;} .home-categories .single-banner img{width: 100%;} .home-categories .single-banner a:before{border: 0px solid; top: 20px; bottom: 20px; left: 20px; right: 20px; background-color: #000000; opacity: 0.45;} .home-categories .single-banner a:hover:before{border: none; opacity: 0.70; top: 0; bottom: 0; left: 0; right: 0;} .home-categories .single-banner span{display: block; position: absolute; top: 0; left: 0; font-size: 0; font-weight: bold; color: #FFFFFF; z-index: 10; text-align: center; width: 100%; height: 100%;} .home-categories .single-banner span:before{display: inline-block; height: 100%; content: ""; vertical-align: middle;} .home-categories .single-banner span > span{display: inline-block; font-size: 24px; vertical-align: middle; text-transform: uppercase;} .s_brand_carousel .brand-title h2:after{background-color: #1d2127;} .s_brand_carousel .owl-nav .owl-prev span, .s_brand_carousel .owl-nav .owl-next span{background-color: #1d2127; border-radius: 0; line-height: 22px;} .s_brand_carousel .owl-nav .owl-prev span:hover, .s_brand_carousel .owl-nav .owl-next span:hover{background-color: #000000;} .as_our_brand{margin-bottom: 20px;} .as_our_brand .owl-item .brand-img img{width: auto !important; height: 100px !important; margin: 0 auto !important;} .hot-sale{background-color: #1d2127;} .hot-sale:after{border-top-color: #1d2127; border-bottom-color: #1d2127;} #products_grid_before ul{list-style-type: none; padding-left: 7px;} #products_grid_before > ul{padding-top: 20px;} #products_grid_before .mm-navbar{border-color: #FFF;} #products_grid_before .mm-navbar__title{color: #1d2127; background-color: #f8f9fa;} #products_grid_before .mm-listitem:hover{color: #1d2127;} #products_grid_before .js_attributes li div, #products_grid_before .brand-title-shop, #products_grid_before .sex-title-shop{text-transform: uppercase; color: #1d2127; background-color: #f8f9fa;} #products_grid_before .clear-filter{float: right; width: auto; padding: 0; color: #6c757d;} #products_grid_before .clear-filter:hover{color: #1d2127;} @media (max-width: 767px){#products_grid ul.pagination{display: block !important;}#products_grid ul.pagination li{display: inline-block !important;}#products_grid ul.pagination li:nth-child(-n+2), #products_grid ul.pagination li:nth-last-child(2), #products_grid ul.pagination li:nth-last-child(1){display: block !important;}} #products_grid .product-limit-option > *{display: none;} #products_grid .sort-by-option{text-align: right;} #products_grid .product-details-section h6{font-size: 16px; font-weight: bold; height: 37px; overflow: hidden;} #products_grid .product-details-section h6 a{color: #000000;} #products_grid .product-details-section h6 a:hover{color: #1d2127;} #products_grid .shop-attributes{font-size: 12px;} #products_grid .shop-attributes span{display: none;} #products_grid .product_price del{text-decoration: none; display: inline-block; position: relative; color: #6c757d !important;} #products_grid .product_price del:before{content: ""; display: block; height: 2px; background-color: #1d2127; position: absolute; top: 0.65em; width: 100%;} #products_grid .product_price b > span{color: #000000; font-size: 14px;} #products_grid .stock_availability_message{display: none;} #products_grid .stock_availability_message.out_of_stock, #products_grid .stock_availability_message.custom_message{display: block;} #product_detail .product_page_brand{color: #6c757d !important;} #product_detail .product_price .oe_price_h4 > span.oe_default_price{color: #6c757d !important; font-size: 16px; display: inline-block; position: relative;} #product_detail .product_price .oe_price_h4 > span.oe_default_price:before{content: ""; display: block; height: 2px; background-color: #1d2127; position: absolute; top: 0.65em; width: 100%;} #product_detail .product_price .oe_price_h4 > b{color: #000000; font-size: 14px;} #product_detail .js_add_cart_json{color: #000000; background-color: #adb5bd; border-color: #adb5bd;} #product_detail .js_add_cart_json:hover{color: #FFFFFF; background-color: #000000; border-color: #000000;} .alternative-product h5{font-size: 16px; font-weight: bold; height: 37px; overflow: hidden;} .alternative-product h5 a{color: #000000;} .alternative-product h5 a:hover{color: #1d2127;} .alternative-product .oe_price_h4 > span{color: #6c757d !important; font-size: 16px;} .alternative-product .oe_price_h4 > b{color: #1d2127; font-size: 24px;} 

/* /website_vanity/static/src/scss/header.scss defined in bundle 'web.assets_frontend' */
 header .first-line{text-align: center; border-bottom: 0px none; background-color: #000000; padding: 5px 0; color: #FFFFFF; font-size: 0;} header .first-line a{color: #FFFFFF; opacity: 0.75; display: inline-block; vertical-align: middle;} header .first-line a i, header .first-line a span{font-size: 20px; display: inline-block; vertical-align: middle;} header .first-line a span{font-size: 14px;} header .first-line a:hover{opacity: 1;} header .first-line .header-social{margin: 10px 0 0 0; text-align: center;} header .first-line .header-social div.my_account{margin: 5px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #333;} header .first-line .header-social div.my_account i{font-size: 12px; margin-left: 3px;} header .first-line .res_phone > span{display: block;} header .first-line .res_phone > span + span{margin: 0;} header .first-line .res_phone i{margin: 0 !important;} header .first-line .res_phone i + span{margin-left: 5px;} header .second-line .header-search input, header .second-line .header-search button{border-radius: 0 !important;} header .second-line .header-search button{background-color: #FFFFFF; color: #1d2127; border: 1px solid #ced4da;} header .second-line .header-search button:hover{color: #FFFFFF; background-color: #1d2127; border: 1px solid #1d2127;} header .second-line .header-cart-wishlist .cart > a{background-color: #FFFFFF; color: #1d2127; border: 1px solid #ced4da;} header .second-line .header-cart-wishlist .cart > a:hover{color: #FFFFFF; background-color: #1d2127; border: 1px solid #1d2127;} header .second-line .header-cart-wishlist .cart > a:hover span{color: #FFFFFF;} header #fix_top{background-color: #FFFFFF !important; border-top: 2px solid #CCC;} header #fix_top #top_menu{margin: 0 !important;} header #fix_top #top_menu .nav-item + .nav-item{margin-left: 15px;} header #fix_top #top_menu > li.nav-item{letter-spacing: 4px;} header #fix_top #top_menu .nav-item a.nav-link{color: #333; padding: 10px;} header #fix_top #top_menu .nav-item a.nav-link:after{background-color: #1d2127;} header #fix_top #top_menu ul.dropdown-menu li a{font-size: 16px; font-weight: 500;} @media screen and (min-width: 768px){header .first-line{text-align: left;}header .first-line .header-social{text-align: right; margin: 0;}header .first-line .header-social div.my_account{margin: 0 0 0 20px; padding: 0 0 0 20px; display: inline-block; vertical-align: middle; border-top: 0px none; border-left: 1px solid #333;}header .first-line .res_phone > span{display: inline-block;}header .first-line .res_phone > span + span{margin: 0 0 0 15px;}header .second-line .header-logo{text-align: left;}} 

/* /website_vanity/static/src/scss/footer.scss defined in bundle 'web.assets_frontend' */
 footer.bg-light.o_footer{background-color: #000000 !important;} .custom-footer .logo-footer img{-webkit-filter: invert(100%); filter: invert(100%);} .custom-footer a{color: #FFFFFF;} .custom-footer a:hover{color: #FFFFFF; opacity: .9;} .custom-footer .footer-content{color: #FFFFFF;} .custom-footer .footer-content a, .custom-footer .footer-content .menu li a{color: #FFFFFF;} .custom-footer .footer-content a:hover, .custom-footer .footer-content .menu li a:hover{color: #FFFFFF; opacity: .9;} .custom-footer .social-icons ul li{margin: 0 0 0 10px;} .custom-footer .social-icons ul li a{color: #adb5bd; padding: 0;} .custom-footer .social-icons ul li a:hover{color: #FFFFFF;} 

/* /tecspek_customize_theme/static/src/less/header_1.scss defined in bundle 'web.assets_frontend' */
 .fa_company_contact_info{margin: 0 8px;} .header-social{text-align: right;} .first-line{border-bottom: 1px solid #333; padding: 16px 0;} .header-search .input-group input{height: 50px;} .header-search button{border-radius: 0; height: 50px;} .header-cart-wishlist{margin-top: 12px;} .header-cart-wishlist #my_wish{display: block !important;} #top_menu #my_wish, #top_menu #my_cart{display: none;} .navbar.navbar-expand-md{border: 0;} .navbar.navbar-expand-md .navbar-brand{display: none;} .right-navbar ul{display: none;} .lang-pricelist{display: none;} .shipping-services{display: none;} #top_menu .nav-item.divider{display: none;} #top_menu > li.nav-item.divider + li.nav-item.dropdown, #top_menu > li.nav-item.dropdown.o_extra_menu_items{display: none;} #top_menu{width: 100%;} 

/* /tecspek_customize_theme/static/src/less/footer_2.scss defined in bundle 'web.assets_frontend' */
 .footer-top{display: none;} .o_footer{background-color: #151b24 !important; color: #212529;} .custom-footer .logo-footer{margin-bottom: 1.78em;} .custom-footer .footer-content p{margin-bottom: 20px; max-width: 270px; line-height: 1.5; font-size: 13px !important; color: white;} .custom-footer .contact{color: white; margin-bottom: 16px;} .custom-footer .contact label{color: white; margin-bottom: 16px;} .custom-footer .social-icons ul li{display: inline-block; margin: 10px 10px 0 0; position: relative; line-height: 28px; font-size: 24px;} .custom-footer .social-icons ul li a{color: white; display: block; padding: 0 6px; line-height: 0; text-align: center;} .custom-footer .footer-title{margin: 0 0 20px;} .custom-footer .footer-title h3{font-size: 16px; font-weight: bold;} .custom-footer .footer-content .menu a{font-size: 13px; color: white;} .custom-footer .footer-content .menu a:hover{color: #1d2127; text-decoration: none;} .custom-footer .footer-content .menu li a:before{content: "\f105"; font-family: 'FontAwesome'; display: inline-block; margin-right: 10px; vertical-align: middle;} .custom-footer .footer-title h3{color: white;} .footer-tag{display: none;} .footer-bottom{padding: 46px 0;} .payment{float: right; margin-top: 24px;} .block-subscribe{display: none;} .contact-details{display: none;} .social-icons li a i{margin: 0 4px;} 

/* /website_base_ecommerce/static/src/scss/theme.scss defined in bundle 'web.assets_frontend' */
 

/* /website_base_ecommerce/static/src/scss/header.scss defined in bundle 'web.assets_frontend' */
 

/* /website_base_ecommerce/static/src/scss/footer.scss defined in bundle 'web.assets_frontend' */
 

/* /website_legal_page/static/src/scss/website.scss defined in bundle 'web.assets_frontend' */
 .oe_website_signup_container .oe_signup_form div.privacy-policy input#privacy-policy{display: inline; width: 20px; vertical-align: middle;} .oe_website_signup_container .oe_signup_form div.privacy-policy label.control-label{display: inline;}