/* /optimization_website/static/src/scss/common.scss defined in bundle 'optimization_website.public_assets_frontend' */
 html{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100vw; overflow-x: hidden; outline: none;}@media (min-width: 1440px){html{overflow-y: overlay;}html ::-webkit-scrollbar{width: 0.3vw;}html ::-webkit-scrollbar-track{background: transparent;}html ::-webkit-scrollbar-track:hover{background: #d9d9d9;}html ::-webkit-scrollbar-thumb{background-color: rgba(155, 155, 155, 0.5); border-radius: 1.389vw; border: transparent;}html ::-webkit-scrollbar-thumb:hover{background-color: rgba(31, 30, 26, 0.45); width: 0.5vw;}html ::-webkit-scrollbar-thumb:active{background-color: #5724FE;}}*, *::before, *::after{-webkit-box-sizing: inherit; box-sizing: inherit; padding: 0; margin: 0; text-decoration: none;}body{min-height: 100vh; font-size: 14px; line-height: 1.42857143; color: inherit; overflow-x: hidden; outline: none !important; font-family: 'Montserrat', sans-serif !important;}main{font-family: 'Montserrat', sans-serif !important;}a, b, span, p{font-family: 'Montserrat', sans-serif !important;}button{outline: none !important;}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p{margin: 0;}.wrapper{width: 100%; margin: 0 auto; padding: 0 15px;}@media (min-width: 768px){.wrapper{padding: 0 42px; max-width: 685px;}}@media (min-width: 1440px){.wrapper{padding: 0 162px; max-width: 1150px;}}ul, ol{margin: 0; padding: 0; list-style-type: none;}a:-webkit-any-link{text-decoration: none;}#wrapwrap{overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100vh;}main{-webkit-box-flex: 1; -ms--webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto;}footer{-webkit-box-flex: 0; -ms--webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}.plr{padding: 0 15px;}#oe_main_menu_navbar{background-color: #2d639242;}#oe_main_menu_navbar .o_menu_systray.d-none.d-md-block{display: none !important;}#oe_main_menu_navbar #customize-menu{display: none !important;}.text-white{color: white;}

/* /website_header/static/src/scss/header.scss defined in bundle 'optimization_website.public_assets_frontend' */
 

/* /website_header/static/src/scss/calculate.scss defined in bundle 'optimization_website.public_assets_frontend' */
 .btn_back, .btn_calculate, .change_block, .background_wrapper{display: none;}.commerce{display: block;}.background_wrapper{position: fixed; z-index: 999; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100vw; height: 100vh; background-color: #1F1E1A;}.background_wrapper .block_wrapper{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 290px; padding: 24px 16px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background-color: #2E2D29; -webkit-box-shadow: 0 18px 40px rgba(86, 75, 65, 0.2); box-shadow: 0 18px 40px rgba(86, 75, 65, 0.2); border-radius: 5px;}@media (min-width: 1440px){.background_wrapper .block_wrapper{width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; background: none;}}@media (max-width: 1439px){.background_wrapper .block_wrapper .left_part{display: none;}}@media (min-width: 1440px){.background_wrapper .block_wrapper .left_part{width: 40%; padding: 1vw 0.75vw; background-color: #1F1E1A;}}@media (min-width: 1440px){.background_wrapper .block_wrapper .left_part .calculate_title{font-style: normal; font-weight: 700; font-size: 3.45vw; line-height: 4.25vw; color: #FFFFFF; width: 60%; margin: 75px auto 0;}}@media (min-width: 1440px){.background_wrapper .block_wrapper .left_part .calculate_subtitle{width: 60% !important; margin: 24px auto 0 !important;}.background_wrapper .block_wrapper .left_part .calculate_subtitle p, .background_wrapper .block_wrapper .left_part .calculate_subtitle span, .background_wrapper .block_wrapper .left_part .calculate_subtitle a{font-style: normal !important; font-weight: 400 !important; font-size: 1.25vw !important; line-height: 1.9vw !important; color: #FFFFFF !important;}}@media (min-width: 1440px){.background_wrapper .block_wrapper .right_part{width: 60%; max-width: 50%; padding: 2.778vw 2.75vw; -webkit-box-shadow: 0 18px 40px rgba(86, 75, 65, 0.2); box-shadow: 0 18px 40px rgba(86, 75, 65, 0.2); border-radius: 5px; background-color: #2E2D29;}}.background_wrapper .calculate_close_btn{position: absolute; z-index: 1000; top: 26px; right: 17px; cursor: pointer;}@media (min-width: 1440px){.background_wrapper .calculate_close_btn{top: 1vw; right: 11vw; width: 0.8vw; height: 0.8vw;}}@media (min-width: 1440px){.background_wrapper .calculate_close_btn svg{width: 0.8vw; height: 0.8vw;}}@media (max-width: 1439px){.background_wrapper .title_block{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}}@media (min-width: 1440px){.background_wrapper .title_block{margin-bottom: 2.75vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;}}.background_wrapper .title_block .title{width: 100%; font-style: normal; font-weight: 700; font-size: 18px; line-height: 28px; color: #FFFFFF; margin-bottom: 24px;}@media (min-width: 1440px){.background_wrapper .title_block .title{margin-bottom: 0; font-size: 1.65vw; line-height: 2.8vw; width: unset;}}.background_wrapper .title_block .title p, .background_wrapper .title_block .title span, .background_wrapper .title_block .title a{font-style: normal !important; font-weight: 700 !important; font-size: 18px !important; line-height: 28px !important; color: #FFFFFF !important;}@media (min-width: 1440px){.background_wrapper .title_block .title p, .background_wrapper .title_block .title span, .background_wrapper .title_block .title a{font-size: 1.65vw !important; line-height: 2.8vw !important;}}.background_wrapper .title_block .step{width: 100%; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #FFFFFF; margin-bottom: 4px;}@media (min-width: 1440px){.background_wrapper .title_block .step{margin-bottom: 0; font-size: 1.22vw; line-height: 2vw; width: unset;}}.background_wrapper .btn_wrapper{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.background_wrapper .btn_wrapper .btn_back{margin-right: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 16px; line-height: 24px; color: #FFFFFF; text-transform: capitalize;}.background_wrapper .btn_wrapper .btn_back:hover svg path{stroke: #5724FE;}.background_wrapper .btn_wrapper .btn_back svg{margin-right: 5px;}@media (min-width: 1440px){.background_wrapper .btn_wrapper .btn_back svg{width: 1.65vw; height: 1.65vw;}}.background_wrapper .btn_wrapper .btn_back svg path{stroke: #FFF;}@media (min-width: 1440px){.background_wrapper .btn_wrapper .btn_next, .background_wrapper .btn_wrapper .btn_back{font-style: normal; font-weight: 400; font-size: 1.22vw !important; line-height: 2vw !important; color: #FFFFFF;}}.background_wrapper .btn_wrapper .btn_next{margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #FFFFFF; text-transform: capitalize;}.background_wrapper .btn_wrapper .btn_next:hover svg path{stroke: #5724FE;}.background_wrapper .btn_wrapper .btn_next svg{margin-left: 5px;}@media (min-width: 1440px){.background_wrapper .btn_wrapper .btn_next svg{width: 1.65vw; height: 1.65vw;}}.background_wrapper .btn_wrapper .btn_next svg path{stroke: #FFF;}.background_wrapper .btn_wrapper .btn_calculate{background: #5724FE; border-radius: 5px; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #FFFFFF; padding: 16px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}@media (max-width: 1439px){.background_wrapper .btn_wrapper .btn_calculate{margin-top: 5px; width: 100%;}}@media (min-width: 1440px){.background_wrapper .btn_wrapper .btn_calculate{font-size: 0.95vw; line-height: 1.25vw; border-radius: 0.3vw; height: 3.4vw; width: 18.7vw;}}@media (min-width: 1440px){.background_wrapper .commerce{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: COLUMN; flex-flow: COLUMN; margin-bottom: -40px; height: 26vw;}}@media (min-width: 1440px){.background_wrapper .commerce .content_block{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}}.background_wrapper .commerce .content_block .wrapper_images{position: relative;}@media (max-width: 1439px){.background_wrapper .commerce .content_block .wrapper_images{margin-bottom: 7px;}}@media (min-width: 1440px){.background_wrapper .commerce .content_block .wrapper_images{width: 47%;}}.background_wrapper .commerce .content_block .wrapper_images .main_image_border{border: 2px solid #5724FE;}@media (min-width: 1440px){.background_wrapper .commerce .content_block .wrapper_images .main_image_border{border: 0.139vw solid #5724FE;}}.background_wrapper .commerce .content_block .wrapper_images .main_image{width: 100%; height: auto; max-height: 140px;}@media (min-width: 1440px){.background_wrapper .commerce .content_block .wrapper_images .main_image{max-height: 12.5vw;}}.background_wrapper .commerce .content_block .wrapper_images .active{position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; height: 80px; max-width: 80px; max-height: 80px;}@media (min-width: 1440px){.background_wrapper .commerce .content_block .wrapper_images .active{width: 5.556vw; height: 5.556vw; max-width: 5.556vw; max-height: 5.556vw;}}.background_wrapper .commerce .content_block .wrapper_images span{width: 100%; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #FFFFFF;}@media (min-width: 1440px){.background_wrapper .commerce .content_block .wrapper_images span{font-size: 1.25vw; line-height: 1.9vw;}}@media (min-width: 1440px){.background_wrapper .fond{height: 20vw;}}.background_wrapper .fond .content_block{margin-bottom: 24px;}.background_wrapper .fond .content_block .radio-item:not(:last-child){margin-bottom: 0.95vw;}.background_wrapper .fond .content_block .radio-item .text_label{font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #FFFFFF;}@media (min-width: 1440px){.background_wrapper .fond .content_block .radio-item .text_label{font-size: 1.25vw; line-height: 1.9vw;}}.background_wrapper .fond .content_block .radio-item .custom-radio{position: absolute; z-index: -1; opacity: 0;}.background_wrapper .fond .content_block .radio-item .custom-radio + label{display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.background_wrapper .fond .content_block .radio-item .custom-radio + label::before{content: ''; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border: 1px solid #adb5bd; border-radius: 50%; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; width: 15px; height: 15px;}@media (min-width: 1440px){.background_wrapper .fond .content_block .radio-item .custom-radio + label::before{width: 1vw; height: 1vw;}}.background_wrapper .fond .content_block .radio-item .custom-radio:not(:disabled):not(:checked) + label:hover::before{border-color: #b3d7ff;}.background_wrapper .fond .content_block .radio-item .custom-radio:not(:disabled):active + label::before{background-color: #b3d7ff; border-color: #b3d7ff;}.background_wrapper .fond .content_block .radio-item .custom-radio:focus:not(:checked) + label::before{border-color: #5724FE;}.background_wrapper .fond .content_block .radio-item .custom-radio:checked + label::before{background-color: #2E2D29; background-size: auto; border: 1px solid #5724FE; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%235724FE'/%3e%3c/svg%3e");}.background_wrapper .fond .content_block .radio-item .custom-radio:disabled + label::before{background-color: #e9ecef;}@media (min-width: 1440px){.background_wrapper .square{height: 20vw;}}.background_wrapper .square .content_block .square_wrapper{position: relative; max-width: 120px; margin-bottom: 36px;}@media (min-width: 1440px){.background_wrapper .square .content_block .square_wrapper{width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: unset;}}.background_wrapper .square .content_block .square_wrapper #square{outline: none; width: 120px; height: 50px; padding: 14px; background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}@media (min-width: 1440px){.background_wrapper .square .content_block .square_wrapper #square{height: 3.4vw; width: 8vw; font-size: 0.9vw; line-height: 1vw;}}.background_wrapper .square .content_block .square_wrapper .square_text{position: absolute; top: 12px; right: 10px; margin: 0; font-style: normal !important; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000;}@media (min-width: 1440px){.background_wrapper .square .content_block .square_wrapper .square_text{right: 0.7vw; font-size: 1.08vw; line-height: 1.8vw;}}@media (min-width: 1440px){.background_wrapper .phone{height: 20vw;}}.background_wrapper .phone .content_block{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 38px;}@media (max-width: 1439px){.background_wrapper .phone .content_block{-ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}}@media (min-width: 1440px){.background_wrapper .phone .content_block{margin-top: 4.2vw;}}.background_wrapper .phone .content_block input{width: 280px; height: 50px; background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; padding: 10px 16px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000;}@media (min-width: 1440px){.background_wrapper .phone .content_block input{height: 3.4vw; width: 18.7vw; font-size: 0.9vw; line-height: 1vw;}}.background_wrapper .phone .content_block input::-webkit-input-placeholder{font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000;}@media (min-width: 1440px){.background_wrapper .phone .content_block input::-webkit-input-placeholder{font-size: 0.9vw; line-height: 1vw;}}.background_wrapper .phone .content_block input::-moz-placeholder{font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000;}@media (min-width: 1440px){.background_wrapper .phone .content_block input::-moz-placeholder{font-size: 0.9vw; line-height: 1vw;}}.background_wrapper .phone .content_block input:-ms-input-placeholder{font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000;}@media (min-width: 1440px){.background_wrapper .phone .content_block input:-ms-input-placeholder{font-size: 0.9vw; line-height: 1vw;}}.background_wrapper .phone .content_block input::-ms-input-placeholder{font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000;}@media (min-width: 1440px){.background_wrapper .phone .content_block input::-ms-input-placeholder{font-size: 0.9vw; line-height: 1vw;}}.background_wrapper .phone .content_block input::placeholder{font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000;}@media (min-width: 1440px){.background_wrapper .phone .content_block input::placeholder{font-size: 0.9vw; line-height: 1vw;}}@media (max-width: 1439px){.background_wrapper .phone .content_block input{width: 256px;}.background_wrapper .phone .content_block input:first-child{margin-bottom: 10px;}}@media (min-width: 1440px){.background_wrapper .thank{height: 20vw;}}.background_wrapper .thank .finish_icon{padding-top: 1vw; text-align: center;}@media (min-width: 1440px){.background_wrapper .thank .finish_icon{padding-top: 6vw; text-align: center;}}.background_wrapper .thank .finish_icon img{width: 80px; height: 80px;}@media (min-width: 1440px){.background_wrapper .thank .finish_icon img{width: 5.556vw; height: 5.556vw;}}.background_wrapper .thank .finish_text{font-style: normal; font-weight: 700; font-size: 18px; line-height: 28px; text-align: center; color: #FFFFFF; padding-top: 24px;}@media (min-width: 1440px){.background_wrapper .thank .finish_text{font-size: 1.65vw; line-height: 2.8vw; padding-top: 2.222vw;}}