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

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

/* /website_blog/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .o_has_error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto !important; height: 250px !important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767.98px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} .website_blog .blog_post_year_collapse{cursor: pointer;} .website_blog .blog_post_year_collapse > i{color: #004A88;} .website_blog section.blog_tags ul.nav-pills li a{padding: 2px 15px;} .s_latest_posts .media > a{width: 100%; height: 200px;} @media (min-width: 768px){.s_latest_posts .media > a{width: 100px; height: 100px;}} .s_latest_posts .media > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post{position: relative; height: 250px; text-align: center; cursor: pointer; transition: all 300ms;} .s_latest_posts_big_picture .s_latest_posts_post.js-loading{background: #e9ecef !important;} .s_latest_posts_big_picture .s_latest_posts_post .thumb{position: relative; display: block; width: 100%; max-width: 100% !important; height: 100%; padding: 0; opacity: 0.8; overflow: hidden;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading), .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::before, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts .js_get_posts, .s_latest_posts_big_picture .js_get_posts{position: relative; min-height: 100px;} .s_latest_posts .progress.js-loading, .s_latest_posts_big_picture .progress.js-loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0;} .s_latest_posts .progress.js-loading .progress-bar, .s_latest_posts_big_picture .progress.js-loading .progress-bar{position: absolute; top: 45%; left: 10%; bottom: auto; right: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: 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 #004A88;} .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: #004A88; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(0, 74, 136, 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_wishlist/static/src/scss/website_sale_wishlist.scss defined in bundle 'web.assets_frontend' */
 .oe_website_sale .td-wish-btn{width: 140px;} .oe_website_sale div.css_not_available .o_add_wishlist_dyn{display: none;} @media (max-width: 767.98px){.oe_website_sale .td-wish-btn{width: 100px;}} table.table-comparator .td-img img{max-height: 100px;} 

/* /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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88;} .service_1 .serviceBox.purple .service-icon:after{color: #fff; background: #004A88;} .service_1 .serviceBox.purple .title{color: #004A88;} .service_1 .serviceBox.green .service-icon:before, .service_1 .serviceBox.green .service-icon:after{content: "\f135"; color: #004A88;} .service_1 .serviceBox.green .service-icon:after{color: #fff; background: #004A88;} .service_1 .serviceBox.green .title{color: #004A88;} .service_1 .serviceBox.red .service-icon:before, .service_1 .serviceBox.red .service-icon:after{content: "\f10b"; color: #004A88;} .service_1 .serviceBox.red .service-icon:after{color: #fff; background: #004A88;} .service_1 .serviceBox.red .title{color: #004A88;} @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: #004A88; 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 #004A88 #004A88;} .service_2 .serviceBox .service-icon3 strong{border-color: #7ecffb #7ecffb transparent transparent;} .service_2 .serviceBox .service-icon4 strong{border-color: transparent #004A88 #004A88 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 #004A88; border-bottom-width: 3px; position: relative;} .service_3 .serviceBox .service-icon{width: 70px; height: 70px; line-height: 70px; border-radius: 4px; border: 1px solid #004A88; background: #fff; color: #004A88; 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: #004A88; 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: #004A88; width: 0; height: 2px; position: absolute; bottom: 0; left: 50%;} .service_3 .serviceBox h3:after{content: ""; background: #004A88; 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: #004A88;} @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: #004A88; border-color: #004A88; 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: #004A88; 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: #004A88;} .service_5 .serviceBox:before, .service_5 .serviceBox:after{content: ""; display: block; width: 50px; height: 5px; background: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; color: #fff;} .price_table_2 .pricingTable > .pricingTable-header{color: #fff;} .price_table_2 .pricingTable-header > .heading{padding: 12px; background: #004A88; 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: #004A88; 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: #004A88; color: #fff; position: relative;} .price_table_2 .mid .heading{width: 100%; background: #333333;} .price_table_2 .mid .btn-block{width: 50%; background: #004A88;} .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 #004A88; 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: #004A88;} .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: #004A88; 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 #004A88; color: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88;} .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: #004A88; 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: #004A88;} .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: #004A88;} .our_team_2 .our-team .post{color: #004A88; 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: #004A88; border-color: #004A88;} @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: #004A88;} .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 #004A88 #004A88 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 #004A88; 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: #004A88;} .our_team_4 .our-team .title{font-size: 20px; font-weight: 700; color: #004A88; 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: #004A88; transition: all 0.5s ease 0s;} .our_team_4 .our-team .social li a:hover{color: #ecdfbd; background: #004A88;} @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), #004A88); 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: #004A88; 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: #004A88;} .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: #004A88;} .testimonial_2 .owl-theme .owl-controls .owl-page.active span, .testimonial_2 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #004A88;} .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 #004A88; 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: #004A88;} .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: #004A88;} .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: #004A88;} @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 #004A88; border-left: 3px solid #004A88;} .testimonial_4 .testimonial .pic:after{top: -10%; right: -10%; border-top: 3px solid #004A88; border-right: 3px solid #004A88;} .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: #004A88; 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: #004A88;} @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: #004A88; 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.active{color: #004A88; background: #f2f2f2; transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg) skewX(330deg); transition: all 0.8s ease 0s;} .tab_1 .nav-tabs li a{border: none; outline: none; padding: 14px 28px; color: #fff; background: #004A88;} .tab_1 .nav-tabs li a:hover{color: #333;} .tab_1 .tab .tab-content h4{color: #004A88;} @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: #004A88;} .tab_2 .tab .nav-tabs li:first-child a{border-bottom-left-radius: 20px;} .tab_2 .tab .nav-tabs li.active a, .tab_2 .tab .nav-tabs li.active a i{border: 0 none; background: #004A88; color: #fff;} .tab_2 .tab .nav-tabs li.active a:after{content: ""; position: absolute; left: 45%; bottom: -14px; border: 7px solid transparent; border-top: 7px solid #004A88;} .tab_2 .tab .tab-content{padding: 12px; color: #5a5c5d; font-size: 14px; line-height: 24px; margin-top: 25px; border-bottom: 3px solid #004A88;} @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.active a{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.active a: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: #004A88; 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.active a:before{background: #fff;} .tab_3 .tab .nav-tabs li.active a, .tab_3 .tab .nav-tabs li.active a:focus, .tab_3 .tab .nav-tabs li.active a: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: #004A88; border-radius: 0; border: none; border-top: 3px solid #004A88; border-bottom: 3px solid #004A88; 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.active a{color: #004A88; background: #fff; border: none; border-top: 3px solid #004A88; border-bottom: 3px solid #004A88;} .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, #004A88 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, #004A88 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.active a:before{top: 0; left: 0;} .tab_4 .vertical-tab .nav-tabs li a:hover:after, .tab_4 .vertical-tab .nav-tabs li.active a: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.active a, .tab_5 .vertical-tab .nav-tabs li.active a: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: #004A88; position: absolute; right: 0; top: 0; z-index: -1; transition: all 0.3s ease-out 0s;} .tab_5 .vertical-tab .nav-tabs li.active a: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.active a: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: #004A88; 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.active a: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: #004A88; 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: #004A88; 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: #004A88; 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: #004A88; margin-left: 0; transition: all 0.3s ease 0s;} .accordion_3 #accordion .panel-title a:before{content: ""; border-left: 24px solid #004A88; 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: #004A88;} .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: #004A88; 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: #004A88; border: 2px solid #004A88; 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 #004A88; border-top: none; padding: 14px 20px;} 

/* /tecspek_customize_theme/static/src/less/header_5.scss defined in bundle 'web.assets_frontend' */
 .first-line{display: none;} #top_menu{margin-right: auto !important; margin-left: unset !important;} #top_menu .divider{display: none;} .fa_company_contact_info{margin: 0 8px;} .header-social{text-align: right;} .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;} .shipping-services{display: none;} .navbar.navbar-expand-md{padding: unset !important; border: 0;} .navbar.navbar-expand-md .nav-item a.nav-link{padding: 18px;} #top_menu{margin: 0 auto !important;} #top_menu .nav-item.divider{display: none;} #top_menu > li.nav-item.dropdown{display: none;} 

/* /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: #004A88; 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;}