.dockOpen{overflow: hidden; height: 100%; position: fixed; width: 100%;}
.dockOpen body{position: absolute; width: 100%; left: 0px; right: 0px;}

.sidePanel{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 13; overflow: hidden;}
.sidePanel_frame{position: absolute; right: -100%; top: 0; height: 100%; width: 767px; background-color: white; padding: 0px 0px; transition: all 0.6s ease-in-out; box-shadow: 0px 0px 20px #000;}
.sidePanel_frame.active{right: 0;}
.sidePanel_close{padding: 0px 0px 0px 0px; position: absolute; left: 0; top: 0;}
.sidePanel_close a{display: flex; align-items: center; justify-content: center; width: 64px; height: 64px;}
.sidePanel_close a i{display: block; font-size: 28px;}

/* calc panel */
.calcPanel{height: 100%; padding: 0px 0px 0px 0px;}
.calcPanel h2{height: 123px; text-align: center; padding: 42px 18px 0px; font-weight: 700; font-size: 48px;}
.calcPanel_scroll{height: calc(100% - 200px); margin-bottom: 12px; direction: ltr;}

.calcPanel_scroll .mCSB_scrollTools .mCSB_draggerRail{background-color: #d6d6d6;}
.calcPanel_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #1e2b51 !important; opacity: 1 !important;}
.calcPanel_scroll .mCSB_inside > .mCSB_container{margin-right: 0px;}
.calcPanel_scroll .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0px;}

.calcPanel_section{padding: 21px 18px 36px; direction: rtl;}
.calcPanel_section:nth-child(odd){background-color: #f1f1f1;}
.calcPanel_section h3{font-weight: 700; font-size: 24px; text-align: center;}

ul.calcPanel_tabs{max-width: 630px; margin: 0 auto; padding: 16px 0px 11px; display: flex; justify-content: space-between;}
ul.calcPanel_tabs li{width: calc((100% / 3) - 4px);}
ul.calcPanel_tabs li a{position: relative; display: block; border: 1px solid #c7c9d1;}
ul.calcPanel_tabs li a:hover, ul.calcPanel_tabs li a:focus{border-color: #1e2b51;}
ul.calcPanel_tabs li a div{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 88px; border-bottom: 7px solid transparent;}
ul.calcPanel_tabs li a span{font-size: 18px;}
ul.calcPanel_tabs li a strong{font-size: 24px; padding-top: 2px;}
ul.calcPanel_tabs li a[aria-current="true"]{border-color: #1e2b51;}
ul.calcPanel_tabs li a[aria-current="true"] div{border-color: #1e2b51;}
ul.calcPanel_tabs li a[aria-current="true"]:after{content: ''; position: absolute; left: 50%; top: 100%; margin-left: -7px; width: 0; height: 0; border: 7px solid transparent; border-top-color: #1e2b51;}

.calcPanel_panels{max-width: 630px; margin: 0 auto; position: relative;}
.calcPanel_panel{padding: 0px;}
.calcPanel_panelActive{position: absolute; left: 0; right: 0;}
.calcPanel_priceFrame{background-color: #1e2b51; color: white; padding: 20px 18px 28px;}
.calcPanel_priceFrame strong{display: block; font-size: 36px; text-align: center;}
.calcPanel_priceFrame ul{display: flex; justify-content: space-around; max-width: 540px; margin: 0 auto; padding-top: 19px;}
.calcPanel_priceFrame li{font-size: 18px; line-height: 20px; padding: 0px 22px 0px 0px; position: relative;}
.calcPanel_priceFrame li:before{position: absolute; right: 0; top: 0; content: '\e905'; font-family: 'icomoon' !important; color: #fbb903; font-size: 17px;}
.calcPanel_priceBanner{padding: 6px 0 0;}
.calcPanel_priceBanner a{display: block; color: #1e2b51; position: relative;}
.calcPanel_image{height: 105px; overflow: hidden; direction: ltr; position: relative;}
.calcPanel_image img{display: block; height: 100%;}
.calcPanel_image:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.calcPanel_content{position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0px 4%; display: flex; align-items: center; justify-content: space-between;}
.calcPanel_text{padding-left: 4%; max-width: 350px;}
.calcPanel_text strong{font-size: 18px; line-height: 22px; display: block; padding-bottom: 2px;}
.calcPanel_text span{font-size: 18px; line-height: 22px; display: block;}
.calcPanel_content b{font-size: 18px; width: 30%; max-width: 164px; height: 36px;display: flex; align-items: center; justify-content: center; text-align: center; background-color: #1e2b51; color: #fbb903;}
.calcPanel_priceBanner a:hover .calcPanel_content b, .calcPanel_priceBanner a:focus .calcPanel_content b{background-color: #fbb903; color: #1e2b51;}

.calcPanel_info{padding: 16px 0px 0px 0px; max-width: 630px; margin: 0 auto;}
.calcPanel_info > ul{padding: 0; display: flex; justify-content: space-between;}
.calcPanel_info > ul > li{width: calc(33.33% - 5px); height: 110px; background-color: #fbb903; display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; }
.calcPanel_info > ul > li span{font-size: 18px;}
.calcPanel_info > ul > li strong{font-size: 24px; padding-top: 2px;}

.calcPanel_infoSummary{margin-top: 8px; background-color: #fbb903; height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0px 4% 0px; font-size: 18px;}
.calcPanel_infoSummary strong{font-weight: 400;}
.calcPanel_infoSummary ul{display: flex;}
.calcPanel_infoSummary li{padding-right: 32px;}
.calcPanel_infoSummary li span{padding-left: 8px;}

.calcPanel_priceHow{padding: 27px 0px 0px 0px; max-width: 630px; margin: 0 auto;}
.calcPanel_priceToggle{padding: 0px; text-align: center;}
.calcPanel_priceToggle a{display: inline-block; font-size: 24px; font-weight: 700; position: relative; padding-left: 25px;}
.calcPanel_priceToggle a:before{content: '\e900'; font-family: 'icomoon' !important; font-size: 18px; transform: rotate(90deg); position: absolute; left: 0; top: 4px;}
.calcPanel_priceToggle a[aria-expanded="true"]:before{transform: rotate(-90deg);}
.calcPanel_priceAnswer{padding: 27px 0px 0px 0px;}
.calcPanel_priceAnswer table{width: 100%; border-collapse: collapse; font-size: 16px; line-height: 22px;}
.calcPanel_priceAnswer th{padding: 4px 24px 5px 0px; background-color: #f1f1f1; text-align: right; vertical-align: top; font-weight: 400;}
.calcPanel_priceAnswer td{padding: 7px 24px 12px 0px; vertical-align: top; border-top: 1px solid #f1f1f1;}
.calcPanel_priceAnswer td p{padding: 8px 0px 0px;}
.calcPanel_priceAnswer tr td:nth-child(1){padding-top: 15px;}
.calcPanel_priceAnswer tr th:nth-child(1), .calcPanel_priceAnswer tr td:nth-child(1){font-weight: 700; width: calc(100% - 280px);}
.calcPanel_priceAnswer tr th:nth-child(2), .calcPanel_priceAnswer tr td:nth-child(2){width: 280px; padding-left: 24px;}
.calcPanel_priceButton{padding: 16px 0px 0px;}
.calcPanel_priceButton a{display: block; margin: 0 auto; width: 190px; height: 32px; border: 1px solid #1e2b51; color: #1e2b51; text-align: center; font-size: 16px; line-height: 30px;}
.calcPanel_priceButton a:hover{background-color: #fbb903; border-color: #fbb903;}

.calcPanel_legal{padding: 24px 0px 0px 0px; font-size: 14px; line-height: 18px; text-align: center; max-width: 630px; margin: 0 auto;}
.calcPanel_legal span{padding-right: 18px; position: relative;}
.calcPanel_legal span:before{content: '|'; position: absolute; right: 0; top: 0; width: 18px; text-align: center; color: #e7e7e7;}
.calcPanel_legal span:nth-child(1){padding-right: 0;}
.calcPanel_legal span:nth-child(1):before{display: none;}

.calcPanel_submit{background-color: #1e2b51; color: white; height: 65px;}
.calcPanel_submit *:focus{outline: 1px solid #ffffff; outline-offset: 1px;}
.calcPanel_submit *:active:focus{outline: 1px solid #ffffff; outline-offset: 1px;}

.calcPanel_submitFrame{display: flex; height: 100%; align-items: center; justify-content: space-between; max-width: 630px; margin: 0 auto;}

.calcPanel_submitRight{display: flex; align-items: center;}
.calcPanel_submitRight strong{font-weight: 400; font-size: 18px; line-height: 21px;}
.calcPanel_submitRight strong:nth-child(2){display: none;}
.calcPanel_submitRight ul{display: flex; align-items: center; margin-top: 4px;}
.calcPanel_submitRight li{padding-right: 20px;}
.calcPanel_submitRight li a{display: inline-block; color: #fbb903; font-size: 18px;}
.calcPanel_submitRight li a:hover{color: white;}

.calcPanel_submitClose button{width: 96px; height: 36px; background-color: #1e2b51; border: 1px solid #fbb903; cursor: pointer; color: white; font-weight: 700; font-size: 18px;}
.calcPanel_submitClose button:hover, .calcPanel_submitClose button:focus{background-color: #fbb903; color: #1e2b51;}

/* messages panel */
.msgPanel{height: 100%; padding: 0px 0px 0px 0px;}
.msgPanel h2{height: 123px; text-align: center; padding: 42px 18px 0px; font-weight: 700; font-size: 48px;}
.msgPanel_scroll{height: calc(100% - 140px); margin-bottom: 12px; direction: ltr;}
.msgPanel_scroll .mCSB_scrollTools .mCSB_draggerRail{background-color: #d6d6d6;}
.msgPanel_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #1e2b51 !important; opacity: 1 !important;}
.msgPanel_scroll .mCSB_inside > .mCSB_container{margin-right: 0px;}
.msgPanel_scroll .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0px;}

.msgPanel_list{direction: rtl; padding: 5px 18px 20px;}
.msgPanel_list ul{max-width: 640px; margin: 0 auto;}
.msgPanel_list li{margin-top: 15px; border: 1px solid #d2d5dc; position: relative; padding: 24px 28px 14px;}
.msgPanel_list li:nth-child(1){margin-top: 0;}
.msgPanel_list li:before{content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 3px; background-color: #fbb903;}
.msgPanel_list li strong{font-size: 20px; line-height: 22px; display: block; padding: 0px 0px 9px; max-width: 545px;}
.msgPanel_text{font-size: 18px; line-height: 22px; max-width: 545px; overflow: hidden; padding: 0px 0px 0px; transition: all 0.3s ease-in-out;}
.msgPanel_text.active{max-height: 900px !important; transition: all 0.6s ease-in-out;}

.msgPanel_button{padding: 16px 0px 0px;}
.msgPanel_button a{display: flex; align-items: center; justify-content: center; text-align: center; width: 106px; height: 36px; border: 1px solid #fbb903; font-weight: 600;}
.msgPanel_button a:hover{background-color: #fbb903;}
.msgPanel_button a span:nth-child(2){display: none;}
.msgPanel_button a[aria-expanded="true"] span:nth-child(1){display: none;}
.msgPanel_button a[aria-expanded="true"] span:nth-child(2){display: inline;}

.msgPanel_all{padding-top: 24px;}
.msgPanel_all a{display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 288px; height: 63px; font-weight: 700; font-size: 24px; background-color: #fbb903; color: #1e2b51;}
.msgPanel_all a:hover{background-color: #1e2b51; color: #fbb903;}

/* contact panel */
.contactPanel{height: 100%; padding: 0px 0px 0px 0px;}
.contactPanel h2{text-align: center; padding: 42px 24px 0px; font-weight: 700; font-size: 48px;}
.contactPanel fieldset{height: calc(100% - 97px);}
.contactPanel legend{text-align: center; font-weight: 400; font-size: 24px; line-height: 24px; padding-top: 14px;}
.contactPanel_scroll{height: calc(100% - 124px); direction: ltr;}
.contactPanel_scroll .mCSB_scrollTools .mCSB_draggerRail{background-color: #d6d6d6;}
.contactPanel_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #1e2b51 !important; opacity: 1 !important;}
.contactPanel_scroll .mCSB_inside > .mCSB_container{margin-right: 0px;}
.contactPanel_scroll .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0px;}
.contactPanel_form{padding: 0px 24px 10px; direction: rtl;}
.contactPanel_form ul{max-width: 540px; margin: 0 auto;}
.contactPanel_form li{margin: 50px 0px 0px; position: relative;}
.contactPanel_form label{padding: 0px 0px 0px; position: relative; display: block;}
.contactPanel_form input{display: block; width: 100%; height: 42px; border: 0; border-bottom: 1px solid #1e2b51; font-weight: 300; font-size: 24px;}
.contactPanel_form label span{position: absolute; right: 0; top: 8px; font-weight: 300; font-size: 24px; line-height: 24px; display: inline-block; padding-right: 32px; transition: all 0.3s ease-in-out;}
.contactPanel_form label span:before{content: ''; font-family: 'icomoon' !important; line-height: 24px; position: absolute; right: 4px; top: 50%; transform: translate(0, -50%); margin-top: 2px; transition: all 0.3s ease-in-out;}
.contactPanel_form li.contactPanel_car label span:before{content: '\e904'; font-size: 22px;}
.contactPanel_form li.contactPanel_id label span:before{content: '\e937'; font-size: 16px;}
.contactPanel_form li.contactPanel_company label span:before{content: '\e936'; font-size: 16px;}
.contactPanel_form li.contactPanel_user label span:before{content: '\e917'; font-size: 14px;}
.contactPanel_form li.contactPanel_cell label span:before{content: '\e934'; font-size: 20px;}
.contactPanel_form li.contactPanel_email label span:before{content: '\e935'; font-size: 16px;}
.contactPanel_form li label.activeInput span{padding-right: 0; font-size: 18px; font-weight: 700; top: -20px;}
.contactPanel_form li label.activeInput span:before{font-size: 0;}

.contactField_error{font-size: 14px; color: #e60000; padding: 10px 18px 0px 0px; position: relative;}
.contactField_error:before{content: '\e91b'; font-family: 'icomoon' !important; position: absolute; right: 0; top: 12px; font-size: 12px;}

.contactPanel_submit{padding: 20px 24px 48px; max-width: 540px; margin: 0 auto;}
.contactPanel_submit button{display: flex; align-items: center; justify-content: center; width: 100%; height: 56px; border: 0; background-color: #fbb903; color: #1e2b51; font-weight: 700; font-size: 24px;}
.contactPanel_submit button:hover{color: #fbb903; background-color: #1e2b51;}

.sidePanel_trapFocus{width: 0; height: 0; overflow: hidden; font-size: 0;}

@media screen and (max-width: 1400px) {
    .sidePanel_frame{width: 700px;}
    
    .calcPanel h2{height: 80px; padding-top: 20px; font-size: 36px;}
    .calcPanel_scroll{height: calc(100% - 150px); margin-bottom: 10px;}
    .calcPanel_submit{height: 60px;}
    
    ul.calcPanel_tabs{padding: 10px 0px 11px;}
    ul.calcPanel_tabs li a div{height: 90px;}
    
    .calcPanel_info{padding: 10px 0px 0px 0px;}
    .calcPanel_info > ul > li{height: 90px;}
    .calcPanel_infoSummary{height: 48px;}
    
    .msgPanel h2{height: 80px; padding-top: 20px; font-size: 36px;}
    .msgPanel_scroll{height: calc(100% - 90px); margin-bottom: 10px;}

    .contactPanel h2{padding-top: 20px; font-size: 36px;}
    .contactPanel legend{font-size: 21px; line-height: 21px; padding-top: 8px;}
    .contactPanel fieldset{height: calc(100% - 62px); padding-top: 14px;}
    .contactPanel_submit{padding: 12px 24px;}
    .contactPanel_scroll{height: calc(100% - 80px);}
    .contactPanel_form li{margin: 30px 0px 0px;}
}

@media screen and (max-width: 1024px) {
    .sidePanel_frame{width: 432px;}
    .sidePanel_close a{width: 50px; height: 48px;}
    .sidePanel_close a i{font-size: 18px;}
    
    .calcPanel_scroll{height: calc(100% - 146px);}    
    .calcPanel h2{height: 80px; padding-top: 24px; font-size: 30px;}
    
    .calcPanel_section{padding: 21px 18px 28px;}
    .calcPanel_section h3{font-size: 18px;}
    ul.calcPanel_tabs li a div{height: 64px; border-bottom: 3px solid transparent;}
    ul.calcPanel_tabs li a span{font-size: 14px;}
    ul.calcPanel_tabs li a strong{font-size: 18px;}
    
    .calcPanel_priceFrame{padding: 20px 18px 28px;}
    .calcPanel_priceFrame strong{font-size: 30px;}
    .calcPanel_priceFrame ul{padding-top: 19px;}
    .calcPanel_priceFrame li{font-size: 14px; line-height: 16px; padding: 24px 4px 0px; text-align: center;}
    .calcPanel_priceFrame li:before{position: absolute; right: auto; left: 50%; top: 0; margin-left: -8.5px; content: '\e905'; font-family: 'icomoon' !important; color: #fbb903; font-size: 17px;}
    .calcPanel_priceBanner{padding: 10px 0 0;}
    .calcPanel_image{height: 135px;}
    .calcPanel_image:after{
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 18%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 18%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    }
    
    .calcPanel_content{display: block;}
    .calcPanel_text{padding-left: 0; max-width: 220px;  margin: 0px auto; text-align: center; padding-top: 18px;}
    .calcPanel_text strong{font-size: 14px; line-height: 16px; padding-bottom: 6px;}
    .calcPanel_text span{font-size: 14px; line-height: 16px;}
    .calcPanel_content b{font-size: 14px; width: 104px; max-width: none; height: 30px; margin: 15px auto 0px;}
    
    .calcPanel_info > ul > li{height: 88px;}
    .calcPanel_info > ul > li span{font-size: 14px;}
    .calcPanel_info > ul > li strong{font-size: 18px;}
    
    .calcPanel_infoSummary{margin-top: 6px; height: auto; display: block; padding: 12px 22px 19px; font-size: 14px;}
    .calcPanel_infoSummary strong{font-weight: 700; display: block; text-align: center; padding: 0px 0px 10px; border-bottom: 1px solid #fcc735;}
    .calcPanel_infoSummary ul{display: flex; justify-content: space-between; padding-top: 6px;}
    .calcPanel_infoSummary li{padding-right: 0px;}
    .calcPanel_infoSummary li span{padding-left: 0px; display: block;}
    .calcPanel_infoSummary li b{font-size: 18px; padding-top: 3px; display: block;}
    
    .calcPanel_priceHow{padding: 25px 0px 0px 0px;}
    .calcPanel_priceToggle a{font-size: 18px; padding-left: 18px;}
    .calcPanel_priceToggle a:before{font-size: 12px; top: 4px;}
    
    .calcPanel_priceAnswer{padding: 24px 0px 0px 0px;}
    .calcPanel_priceAnswer table{display: block; font-size: 14px; line-height: 18px; padding: 0px 20px;}
    .calcPanel_priceAnswer table tbody, .calcPanel_priceAnswer table tr, .calcPanel_priceAnswer table td{display: block;}
    .calcPanel_priceAnswer table tr:nth-child(1){display: none;}
    .calcPanel_priceAnswer table tr{border-top: 1px solid #f1f1f1; padding: 16px 0px 16px;}
    .calcPanel_priceAnswer table tr:nth-child(2){border-top: 0px; padding: 0px 0px 16px;}
    .calcPanel_priceAnswer td{padding: 0px 0px 0px 0px; border-top: 0px;}
    .calcPanel_priceAnswer td p{padding: 0px 0px 0px; display: inline;}
    .calcPanel_priceAnswer tr td:nth-child(1){padding-top: 0px; text-align: center; font-weight: 700; width: auto;}
    .calcPanel_priceAnswer tr td:nth-child(2){width: auto; padding-left: 0px; text-align: center; padding-top: 2px;}
    .calcPanel_priceButton{padding: 2px 0px 0px;}
    .calcPanel_priceButton a{width: 184px; height: 30px; font-size: 14px; line-height: 28px;}
    
    .calcPanel_submit{height: 56px; padding: 0px 18px;}
    .calcPanel_submitRight strong{font-size: 14px; line-height: 21px;}
    .calcPanel_submitRight strong:nth-child(1){display: none;}
    .calcPanel_submitRight strong:nth-child(2){display: block;}
    .calcPanel_submitClose button{width: 96px; height: 30px; font-size: 14px;}

    .msgPanel h2{padding-top: 24px; font-size: 30px;}
    
    .msgPanel_list li{margin-top: 12px; padding: 12px 28px 10px;}
    .msgPanel_list li strong{font-size: 18px; padding: 0px 0px 6px;}
    .msgPanel_text{font-size: 16px; line-height: 20px;}

    .msgPanel_all{padding-top: 16px; padding-bottom: 24px;}
    .msgPanel_all a{width: 240px; height: 42px; font-size: 18px;}

    .contactPanel h2{font-size: 30px;}
    .contactPanel legend{font-size: 16px; line-height: 16px; padding-top: 8px;}
    .contactPanel fieldset{height: calc(100% - 55px);}
    .contactPanel_form li{margin: 24px 0px 0px;}
    .contactPanel_form input{height: 36px; font-size: 18px;}
    .contactPanel_form label span{top: 8px; font-size: 18px; line-height: 18px;}
    .contactPanel_form label span:before{line-height: 18px; margin-top: 0;}
    .contactPanel_form li label.activeInput span{font-size: 14px; top: -14px;}
    .contactPanel_scroll{height: calc(100% - 66px);}
    .contactPanel_submit button{height: 42px; font-size: 20px;}
}

@media screen and (max-width: 432px) {
    .sidePanel_frame{width: 100%;}
    .sidePanel_frame{right: 0; top: 100%;}
    .sidePanel_frame.active{right: 0; top: 0;}
}