/* Minification failed. Returning unminified contents. (480,27): run-time error CSS1038: Expected hex color, found '#cccc' (11647,47): run-time error CSS1046: Expect comma, found '0' (11647,51): run-time error CSS1046: Expect comma, found '/' (11648,39): run-time error CSS1046: Expect comma, found '0' (11648,43): run-time error CSS1046: Expect comma, found '/' (11664,47): run-time error CSS1046: Expect comma, found '0' (11664,51): run-time error CSS1046: Expect comma, found '/' (11665,39): run-time error CSS1046: Expect comma, found '0' (11665,43): run-time error CSS1046: Expect comma, found '/' */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}} .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; border: none; } a { text-decoration: none; color: unset; } html[data-browser=ie] a { color: black; } li { list-style: none; } ul { -webkit-padding-start: 0; padding-inline-start: 0; -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-after: 0; margin-block-end: 0; } select.input-validation-error + .select2-container .select2-selection { -ms-touch-action: none; touch-action: none; } select.input-validation-error + .select2-container .select2-selection .select2-selection__rendered .select2-selection__placeholder { color: #e62525; } html { -webkit-overflow-scrolling: touch; } html body .body-content .header .menu.burger .burger-btn:after { content: ''; display: block; width: calc(100% + 30px); height: calc(100% + 30px); left: -24px; top: -15px; position: absolute; } html body .body-content .header .language.burger:after { content: ''; display: block; width: calc(100% + 30px); height: calc(100% + 30px); left: -24px; top: -15px; position: absolute; } html body.fix-on-mobile { position: fixed; width: 100%; height: 100%; left: 0; right: 0; } html body.burger { overflow: hidden; } html .reset-height { height: auto !important; } html .hideScrollbar { overflow: hidden !important; } html .autorization { margin-right: 29px; font-size: 14.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .booking-first-step .form-control { display: flex; justify-content: center; align-items: center; } html .autorization .user-info-container { /*font-family: FiraGO-Regular;*/ display: grid; grid-gap: 8px; grid-template-columns: -webkit-max-content 1fr 49px; grid-template-columns: max-content 1fr 49px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } html .autorization .user-info-container .user-info { text-align: right; } html .autorization .user-info-container .user-info .user-name { font-size: 16px; font-family: FiraGO-Regular,Arial; } html .autorization .user-info-container .user-info .cabinet-url { font-family: FiraGO-Book,Arial; border-bottom: 1px solid black; padding-bottom: 5px; } html .autorization .user-info-container:hover .arro-icon, html .autorization .user-info-container.active .arro-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } html .autorization .user-info-container:hover .aditional-info-dropdown .dropdown-actions, html .autorization .user-info-container.active .aditional-info-dropdown .dropdown-actions { max-height: 130px; } html .autorization .user-info-container .aditional-info-dropdown { position: relative; } html .autorization .user-info-container .aditional-info-dropdown .arro-icon { width: 14px; height: 14px; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; border-radius: 50%; border: 1px solid #ccc; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.2s; transition: 0.2s; } html .autorization .user-info-container .aditional-info-dropdown .arro-icon svg { width: 6px; height: 3px; } html .autorization .user-info-container .aditional-info-dropdown .dropdown-actions { position: absolute; border-radius: 5px; background-color: white; -webkit-box-shadow: 0px 4px 12px 0px rgba(24, 28, 30, 0.4); box-shadow: 0px 4px 12px 0px rgba(24, 28, 30, 0.4); position: absolute; width: 130px; max-height: 0; height: auto; overflow: hidden; right: 0; top: 22px; -webkit-transition: 0.2s; transition: 0.2s; } html .autorization .user-info-container .aditional-info-dropdown .dropdown-actions li { font-family: FiraGO-Medium,Arial; -webkit-font-feature-settings: 'case' on; font-feature-settings: 'case' on; color: black; font-size: 14px; text-align: center; } html .autorization .user-info-container .aditional-info-dropdown .dropdown-actions li:not(:first-child) { border-top: 1px solid #f6f6f6; } html .autorization .user-info-container .aditional-info-dropdown .dropdown-actions li.logoff-btn { padding: 13px 0; } html .autorization .user-info-container .aditional-info-dropdown .dropdown-actions li a { padding: 13px 0; width: 100%; display: block; } html .autorization .user-info-container .aditional-info-dropdown .dropdown-actions li:hover { color: #e6b03d; } html .autorization .user-info-container .user-image { display: inline-block; margin-left: 5px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html .autorization .user-info-container .user-image img { width: 44px; height: 44px; } html .autorization .auth-icon { margin-right: 12px; height: 14px; } html .autorization .auth-icon svg { width: 12px; height: 14px; fill: white; } html[data-page="home"] { overflow: hidden; } html[data-page="home"] .autorization .auth-icon svg { fill: black; } html[data-page="home"] body { overflow: hidden; } html[data-page="home"] body .body-content { width: 63%; } html[data-page="cabinet"] .body-content .header { padding: 0 4.2%; height: 80px; display: grid; grid-template-columns: 0.5fr 1fr 0.5fr; -webkit-box-align: end; -ms-flex-align: end; align-items: end; z-index: 1; } html[data-page="cabinet"] .body-content .header .menu { padding-bottom: 15px; justify-self: center; } html[data-page="cabinet"] .body-content .header .menu.burger { justify-self: right; } html[data-page="cabinet"] .body-content .header .header-content { justify-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; color: white; } html[data-page="cabinet"] .body-content .header .header-content .autorization .user-info-container .user-info .cabinet-url { border-color: white; } html[data-page="cabinet"] .body-content .header .header-content .language { color: white; border: 1px solid white; } html[data-page="cabinet"] .body-content .header .header-content .language:hover .lang-list { border-color: white; } html[data-page="cabinet"] .body-content .header .header-content .language svg { fill: white; } html:not([data-page="home"]) .body-content .header { padding: 0 4.2%; height: 80px; display: grid; grid-template-columns: 0.5fr 1fr 0.5fr; -webkit-box-align: end; -ms-flex-align: end; align-items: end; z-index: 10; } html:not([data-page="home"]) .body-content .header .menu { padding-bottom: 15px; justify-self: center; } html:not([data-page="home"]) .body-content .header .menu.burger { justify-self: right; } html:not([data-page="home"]) .body-content .header .header-content { justify-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; color: white; } html .bg-white { background-color: white !important; color: black; font-family: FiraGO-SemiBold,Arial; font-size: 16px; } .s-arrow { position: relative; } .s-arrow:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; visibility: hidden; background-color: white; opacity: 0.8; } .slick-arrow.slick-disabled:after { visibility: visible; } .stoped-service { font-size: 23px; padding-bottom: 3vh; } button { font-family: unset; } .edit-field { display: none !important; } .inspection-alert { width: 100%; left: unset; } .inspection-alert .swal-modal { background-color: unset; max-width: 100% !important; } .inspection-alert .swal-modal .swal-icon--error__line { display: none !important; } .inspection-alert .swal-modal .swal-icon--error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e6b03d; border: 0; } .inspection-alert .swal-modal .swal-icon--error:before, .inspection-alert .swal-modal .swal-icon--error:after, .inspection-alert .swal-modal .swal-icon--error .swal-icon--error__line { all: unset; } .inspection-alert .swal-modal .swal-icon--error:after { content: ""; background-image: url("../img/error-popup-icon.svg"); width: 48px; height: 48px; background-position: center; background-repeat: no-repeat; } .inspection-alert .swal-modal .swal-icon--success { border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e6b03d; } .inspection-alert .swal-modal .swal-icon--success:before { all: unset; } .inspection-alert .swal-modal .swal-icon--success span, .inspection-alert .swal-modal .swal-icon--success div { all: unset; } .inspection-alert .swal-modal .swal-icon--success:after { all: unset; content: ''; display: block; width: 20px; height: 40px; border: solid white; border-width: 0px 4.5px 4.5px 0; -webkit-transform: rotate(45deg) translate(-4px, -4px); transform: rotate(45deg) translate(-4px, -4px); z-index: 2; } .swal-overlay { background-color: rgba(255, 255, 255, 0.75); } .success-message { color: #0d5242; } @media (min-width: 993px) { .inspection-alert:not(.full-width) { width: 37%; left: auto; background-color: #cccc; } } .event-none { pointer-events: none; } .btn-border { border: 1px solid #b0c9c3; background-color: transparent !important; } .header-text { -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; } body { /*font-family: FiraGO-Medium;*/ font-family: FiraGO-Regular,Arial; background-color: #0d5242; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; font-size: 14px; } body svg { width: 100%; height: 100%; } .hidden-dd { opacity: 0 !important; height: 0 !important; width: 0 !important; overflow: hidden !important; } .text-center { text-align: center; } .hidden { display: none; } .fb-bg-color { background-color: #405496; } .margin-top-2vh { margin-top: 2vh; } .margin-top-1vh { margin-top: 1.5vh; } .select2-container { width: 100% !important; font-family: FiraGO-regular,Arial; } .select2-container--default .select2-selection--single { border: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { width: 34px; height: 34px; border: 1px solid #d4d4d4; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; border-radius: 50%; -webkit-transition: 0.15s; transition: 0.15s; background-color: white; } .select2-container--default .select2-selection--single .select2-selection__arrow:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -60%) rotate(45deg); transform: translate(-50%, -60%) rotate(45deg); border: solid black; border-width: 0 1.5px 1.5px 0; display: inline-block; padding: 3px; -webkit-transition: 0.15s; transition: 0.15s; } .select2-container--default .select2-selection--single .select2-selection__arrow b[role=presentation] { display: none; background-image: url("../../../Content/img/icon-dd-arrow.svg"); border: 0 !important; width: 9px; height: 6px; background-repeat: no-repeat; background-position: center; -webkit-transition: 0.25s; transition: 0.25s; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { border-color: transparent; background-color: #e6b03d; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after { -webkit-transform: translate(-50%, -40%) rotate(-135deg); transform: translate(-50%, -40%) rotate(-135deg); border-color: white; } .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: black; } .select2-dropdown { -webkit-transition: 0.1s; transition: 0.1s; border: 0 !important; overflow: hidden; background-color: white; -webkit-box-shadow: 0px 3px 49px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 3px 49px 0px rgba(0, 0, 0, 0.11); } .select2-dropdown .select2-search { padding: 0; } .select2-dropdown .select2-search .select2-search__field { border: 0; padding: 16px 28px 16px 35px; font-family: FiraGO-regular,Arial; font-size: 14px; } .select2-dropdown.select2-dropdown--above { border-top-left-radius: 30px !important; border-top-right-radius: 30px !important; max-height: 248px; } .select2-dropdown.select2-dropdown--below { border-bottom-left-radius: 30px !important; border-bottom-right-radius: 30px !important; max-height: 248px; } .select2-dropdown .select2-results__options .select2-results__option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 28px 16px 35px; border-top: 1px solid #f2f2f2; /*&:last-child { padding-bottom: 30px; }*/ } .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] { background-color: unset; color: black; } .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] { background-color: unset; } .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:after { border-color: #229e5f; } .select2-dropdown .select2-results__options .select2-results__option:after { content: ''; display: block; width: 5px; height: 10px; border: solid #999999; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .select2-dropdown .select2-results__options .select2-results__option:hover { background-color: #e6b03d !important; } .select2-container--default .select2-selection--single { width: 100%; height: 5.8vh; max-height: 60px; min-height: 55px; background-color: white; -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; padding: 0 35px; font-size: 13px; -ms-touch-action: auto; touch-action: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select2-container--default .select2-selection--single.input-validation-error { color: #e62525; } .select2-container--default .select2-selection--single.input-validation-error::-webkit-input-placeholder { color: #e62525; } .select2-container--default .select2-selection--single.input-validation-error:-moz-placeholder { color: #e62525; } .select2-container--default .select2-selection--single.input-validation-error::-moz-placeholder { color: #e62525; } .select2-container--default .select2-selection--single.input-validation-error:-ms-input-placeholder { color: #e62525; } .loader-container { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; z-index: 10; } .loader-container .loader { border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #0d5242; width: 50px; height: 50px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .form-input, .single-address { width: 100%; height: 5.8vh; max-height: 60px; min-height: 55px; background-color: white; -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; padding: 0 35px; font-size: 14px; -ms-touch-action: auto; touch-action: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: FiraGO-regular,Arial; color: #333333; } .form-input.input-validation-error, .single-address.input-validation-error { color: #e62525; } .form-input.input-validation-error::-webkit-input-placeholder, .single-address.input-validation-error::-webkit-input-placeholder { color: #e62525; } .form-input.input-validation-error:-moz-placeholder, .single-address.input-validation-error:-moz-placeholder { color: #e62525; } .form-input.input-validation-error::-moz-placeholder, .single-address.input-validation-error::-moz-placeholder { color: #e62525; } .form-input.input-validation-error:-ms-input-placeholder, .single-address.input-validation-error:-ms-input-placeholder { color: #e62525; } .form-input::-webkit-input-placeholder, .single-address::-webkit-input-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-regular,Arial; -webkit-font-feature-settings: 'case' off !important; font-feature-settings: 'case' off !important; text-transform: capitalize !important; } .form-input:-moz-placeholder, .single-address:-moz-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-regular,Arial; font-feature-settings: 'case' off !important; text-transform: capitalize !important; } .form-input::-moz-placeholder, .single-address::-moz-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-regular,Arial; font-feature-settings: 'case' off !important; text-transform: capitalize !important; } .form-input:-ms-input-placeholder, .single-address:-ms-input-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-regular,Arial; font-feature-settings: 'case' off !important; text-transform: capitalize !important; } .form-input.valid + .field-validation-valid, .single-address.valid + .field-validation-valid { background-image: url("../img/field-success.svg"); } .form-input.input-validation-error + .field-validation-error, .single-address.input-validation-error + .field-validation-error { background-image: url("../img/field-error.svg"); } .form-input#RegistrationNumber, .single-address#RegistrationNumber { -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; text-transform: uppercase; } .validate-input { position: relative; } .validate-input .field-validation-error, .validate-input .field-validation-valid { right: 22px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; position: absolute; width: 20px; height: 19px; background-position: center; background-repeat: no-repeat; } .validate-input .field-validation-error { font-size: 14px; cursor: pointer; } .validate-input .field-validation-error:hover span, .validate-input .field-validation-error:active span { opacity: 1; pointer-events: none; } .validate-input .field-validation-error span { position: absolute; width: 300px; background-color: #fff; bottom: 25px; right: -100%; border-radius: 10px; -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16); padding: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #797979; text-align: left; opacity: 0; pointer-events: none; -webkit-transition: 0.1s; transition: 0.1s; } .submit-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e6b03d; color: white; border-radius: 30px; height: 55px; width: 100%; cursor: pointer; font-size: 14px; } .submit-btn.fb-login-btn { background-color: #405496; position: relative; color: white; -webkit-transition: 0.15s; transition: 0.15s; } .submit-btn.fb-login-btn svg { fill: white; width: 8px; height: 16px; position: absolute; left: 30px; } .submit-btn.green { background-color: #0d5242; } .submit-btn.max-320 { max-width: 320px; } .secondary-btn { border: 2px solid #acacac; border-radius: 5px; padding: 3px 10px; display: inline-block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-left: 8px; margin-top: 1.5vh; margin-bottom: 2px; } html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success:after { border-radius: 0; top: inherit; left: inherit; position: inherit; background: transparent; -webkit-transform-origin: inherit; transform-origin: inherit; -webkit-animation: inherit; animation: inherit; content: ''; display: block; width: 20px; height: 40px; border: solid #fff; border-width: 0 4.5px 4.5px 0; -webkit-transform: rotate(45deg) translate(-4px, -4px); transform: rotate(45deg) translate(-4px, -4px); z-index: 2; } html[data-browser=ie] .inspection-alert { left: initial; } html[data-browser=ie] .inspection-alert .swal-modal { background-color: transparent; } html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error:before, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error:after, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error .swal-icon--error__line, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success:before, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success:after, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success .swal-icon--error__line { all: initial; } html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success:before, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success:before { all: initial; } html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success span, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success div, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success span, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success div { all: initial; } html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success:after, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success:after { all: inherit; } html[data-browser=ie] .language .lang-icon svg { max-width: 18px; max-height: 18px; } html[data-browser=ie] .autorization .user-info-container { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } html[data-browser=ie] .autorization .user-info-container > div { margin-right: 8px; } html[data-browser=ie] .body-content .header .menu .menu-list li a { color: white; } html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error .swal-icon--error__line, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error::after, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error::before, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success::before { opacity: 0; } html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success div, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success span, html[data-browser=ie] html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error .swal-icon--error__line, html[data-browser=ie] html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error::after, html[data-browser=ie] html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error::before, html[data-browser=ie] html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success .swal-icon--error__line, html[data-browser=ie] html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success div, html[data-browser=ie] html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success span, html[data-browser=ie] html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success::after, html[data-browser=ie] html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success::before { opacity: 0; } html[data-browser=ie] .inspection-alert .swal-modal { background: transparent; } html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error::after { opacity: 1 !important; } html .body-content { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } html .body-content .header { height: 10.5vh; min-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 8.2%; /*font-family: FiraGO-regular;*/ z-index: 10; } html .body-content .header .logo { width: 22.8%; min-width: 180px; max-width: 230px; } html .body-content .header .logo:not(.blue) .blue { display: none; } html .body-content .header .logo:not(.white) .white { display: none; } html .body-content .header .logo img { width: 100%; } html .body-content .header .menu { padding-bottom: 18px; } html .body-content .header .menu .menu-list { color: white; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13.5px; } html .body-content .header .menu .menu-list li:not(:first-child) { margin-left: 30px; } html .body-content .header .menu .menu-list li { -webkit-transition: 0.1s; transition: 0.1s; } html .body-content .header .menu .menu-list li:hover a, html .body-content .header .menu .menu-list li.active a { color: #e6b03d !important; } html .body-content .header .menu .menu-list li.disabled { min-width: 45px; cursor: pointer; overflow: hidden; position: relative; opacity: 0.6; } html .body-content .header .menu .menu-list li.disabled a:not(.temp-info) { display: block; -webkit-transition: 0.2s; transition: 0.2s; } html .body-content .header .menu .menu-list li.disabled a.temp-info { -webkit-transform: translateX(-100%); transform: translateX(-100%); position: absolute; left: 0; -webkit-transition: 0.3s; transition: 0.3s; } html .body-content .header .menu .menu-list li.disabled:hover { color: white; } html .body-content .header .menu .menu-list li.disabled:hover a.temp-info { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } html .body-content .header .menu .menu-list li.disabled:hover a:not(.temp-info) { -webkit-transform: translateX(100%); transform: translateX(100%); } html .body-content footer, html .body-content .footer { height: 12.8vh; min-height: 85px; padding: 0 8.2%; display: grid; grid-template-columns: 1fr 1fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; border-top: 1px solid #236253; } html .body-content footer.news-inner-footer, html .body-content .footer.news-inner-footer { border-top-color: #e8efee; color: #005341; height: 130px; } html .body-content footer.news-inner-footer .ls svg, html .body-content .footer.news-inner-footer .ls svg { fill: #005341; } html .body-content footer.news-inner-footer .social .icon, html .body-content .footer.news-inner-footer .social .icon { -webkit-transition: 0.3s; transition: 0.3s; } html .body-content footer.news-inner-footer .social .icon:hover, html .body-content .footer.news-inner-footer .social .icon:hover { -webkit-box-shadow: inset 0 0 0px 1px #005341; box-shadow: inset 0 0 0px 1px #005341; } html .body-content footer.news-inner-footer .social .icon:hover svg, html .body-content .footer.news-inner-footer .social .icon:hover svg { opacity: 1; } html .body-content footer.news-inner-footer .social .icon.fb svg, html .body-content .footer.news-inner-footer .social .icon.fb svg { fill: #4267b2; } html .body-content footer.news-inner-footer .social .icon.twitter svg, html .body-content .footer.news-inner-footer .social .icon.twitter svg { fill: #1da1f2; } html .body-content footer.news-inner-footer .social .icon.youtube svg, html .body-content .footer.news-inner-footer .social .icon.youtube svg { fill: red; opacity: 1; } html .body-content footer.news-inner-footer .social .icon.in svg, html .body-content .footer.news-inner-footer .social .icon.in svg { fill: #0077B5; } html .body-content footer .social, html .body-content .footer .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html .body-content footer .social .pre-text, html .body-content .footer .social .pre-text { margin-right: 8.6%; } html .body-content footer .social .icon, html .body-content .footer .social .icon { cursor: pointer; width: 34px; min-width: 34px; min-height: 34px; height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; } html .body-content footer .social .icon:not(:first-child), html .body-content .footer .social .icon:not(:first-child) { margin-left: 8px; } html .body-content footer .social .icon svg, html .body-content .footer .social .icon svg { -webkit-transition: 0.3s; transition: 0.3s; } html .body-content footer .social .icon:not(:hover) svg, html .body-content .footer .social .icon:not(:hover) svg { fill: white; -webkit-transition: 0.3s; transition: 0.3s; } html .body-content footer .social .icon:hover, html .body-content .footer .social .icon:hover { background-color: white; } html .body-content footer .social .icon:hover svg, html .body-content .footer .social .icon:hover svg { opacity: 1; } html .body-content footer .social .fb svg, html .body-content .footer .social .fb svg { width: 7px; height: 14px; fill: #4267b2; } html .body-content footer .social .twitter svg, html .body-content .footer .social .twitter svg { width: 13px; height: 11px; fill: #1da1f2; } html .body-content footer .social .youtube svg, html .body-content .footer .social .youtube svg { width: 16px; fill: red; opacity: 1; height: 12px; } html .body-content footer .social .in svg, html .body-content .footer .social .in svg { height: 16px; width: 16px; fill: #0077B5; } html .body-content footer .copyright, html .body-content .footer .copyright { text-align: center; } html .body-content footer .ls, html .body-content .footer .ls { text-align: right; } html .body-content footer .ls svg, html .body-content .footer .ls svg { height: 14px; width: 53px; fill: white; } html[data-browser=ie] .body-content footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } .right-bar { width: 37%; height: 100vh; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; position: relative; } .right-bar .header { height: 10.5vh; min-height: 80px; padding-right: 11.2%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .right-bar .header .header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; z-index: 1; } .right-bar .content { overflow-y: auto; height: 100%; } .right-bar .footer { height: 12.8vh; min-height: 85px; padding: 0 9.8% 0 7%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .right-bar .footer .info-icon { height: 26px; } .right-bar .footer .info-icon svg { height: 26px; width: 26px; fill: #666666; margin-right: 29px; } .right-bar .footer .info-text { color: #666666; font-size: 12px; font-family: "FiraGO-Book",Arial; } .language { height: 43px; width: 113px; border: 1px solid #cccccc; color: #000000; border-radius: 10px; font-size: 14.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; } .language .lang-icon { width: 18px; height: 18px; } .language .lang-icon svg { width: 100%; height: 100%; fill: #000000; } .language .current-lang { cursor: pointer; font-size: 14.5px; } .language .lang-dd-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 12px; } .language .lang-dd-icon svg { -webkit-transition: 0.2s; transition: 0.2s; width: 7px; height: 3px; } .language .lang-list { position: absolute; left: -1px; top: 30px; border: 1px solid transparent; width: calc(100% + 2px); text-align: center; font-size: 14.5px; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; height: 0; overflow: hidden; -webkit-transition: 0.2s; transition: 0.2s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .language .lang-list li { opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; } .password-with-recovery, .resend-code-container { position: relative; } .password-with-recovery input, .resend-code-container input { padding-right: 94px; } .password-with-recovery .psswd-recovery-btn, .password-with-recovery .resend_sms_code, .password-with-recovery .resend-recovery-sms-code, .password-with-recovery .get-pass-recovery-form, .resend-code-container .psswd-recovery-btn, .resend-code-container .resend_sms_code, .resend-code-container .resend-recovery-sms-code, .resend-code-container .get-pass-recovery-form { position: absolute; right: 28px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #acacac; cursor: pointer; } .password-with-recovery .psswd-recovery-btn:hover, .password-with-recovery .resend_sms_code:hover, .password-with-recovery .resend-recovery-sms-code:hover, .password-with-recovery .get-pass-recovery-form:hover, .resend-code-container .psswd-recovery-btn:hover, .resend-code-container .resend_sms_code:hover, .resend-code-container .resend-recovery-sms-code:hover, .resend-code-container .get-pass-recovery-form:hover { color: #696969; } .password-with-recovery .resend_sms_code, .password-with-recovery .resend-recovery-sms-code, .resend-code-container .resend_sms_code, .resend-code-container .resend-recovery-sms-code { color: #333333; font-size: 12px; z-index: 1; } .password-with-recovery .resend_sms_code .resemd-icon, .password-with-recovery .resend-recovery-sms-code .resemd-icon, .resend-code-container .resend_sms_code .resemd-icon, .resend-code-container .resend-recovery-sms-code .resemd-icon { margin-bottom: -5px; margin-left: 7px; width: 17px; height: 14px; } .password-with-recovery .resend_sms_code:hover .message-popup, .password-with-recovery .resend-recovery-sms-code:hover .message-popup, .resend-code-container .resend_sms_code:hover .message-popup, .resend-code-container .resend-recovery-sms-code:hover .message-popup { display: -webkit-box; display: -ms-flexbox; display: flex; } .password-with-recovery .resend_sms_code .message-popup, .password-with-recovery .resend-recovery-sms-code .message-popup, .resend-code-container .resend_sms_code .message-popup, .resend-code-container .resend-recovery-sms-code .message-popup { position: absolute; width: 300px; height: 60px; background-color: white; bottom: 25px; right: -100%; border-radius: 10px; -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); padding: 15px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #797979; display: none; text-align: left; } .password-with-recovery .resend_sms_code .message-popup .info-icon, .password-with-recovery .resend-recovery-sms-code .message-popup .info-icon, .resend-code-container .resend_sms_code .message-popup .info-icon, .resend-code-container .resend-recovery-sms-code .message-popup .info-icon { width: 22px; min-width: 21px; min-height: 22px; height: 22px; margin-right: 13px; fill: #797979; } .phone-input-conainer { position: relative; } .phone-input-conainer input { padding-left: 75px; } .phone-input-conainer input::-webkit-input-placeholder { color: #acacac; } .phone-input-conainer input:-moz-placeholder { color: #acacac; } .phone-input-conainer input::-moz-placeholder { color: #acacac; } .phone-input-conainer input:-ms-input-placeholder { color: #acacac; } .phone-input-conainer .phone-prefix { position: absolute; left: 35px; top: 51%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #333333; cursor: pointer; } .fb-massanger { background-color: #0d5242; font-size: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: none; } .fb-massanger.abs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; right: 54px; bottom: 54px; width: 80px; height: 80px; border-radius: 50%; z-index: 5; -webkit-box-shadow: 0px 5px 18px 0px rgba(3, 3, 3, 0.26); box-shadow: 0px 5px 18px 0px rgba(3, 3, 3, 0.26); } .fb-massanger svg { width: 36px; height: 36px; fill: white; } .overflow-hidden { overflow: hidden !important; } .yelow-txt { color: #e6b03d; background-color: unset !important; } .colored-arrows .flickity-button-icon { fill: #e6b03d; } .no-buttons .flickity-button { display: none !important; } .booking-result-alert-form { width: 100%; } .booking-result-alert-form .booking-result { max-width: 630px; width: 100%; margin: auto; } .booking-result-alert-form .booking-result .title { font-family: FiraGO-Book,Arial; margin-bottom: 60px; font-size: 34px; margin-top: 20px; } .booking-result-alert-form .booking-result .message-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 0; border-top: 1px solid #ebebeb; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .booking-result-alert-form .booking-result .message-item .bold-text { font-size: 16px; font-family: FiraGO-Medium,Arial; } .booking-result-alert-form .booking-result .message-item .info-text { font-size: 22px; font-family: FiraGO-Light,Arial; } .booking-result-alert-form .booking-result .message-item .info-text .price { font-family: FiraGO-SemiBold,Arial; } .booking-result-alert-form .booking-result .goto-faq { margin: 20px 0 10px; background-color: #21544b; width: 100%; height: 50px; display: block; border-radius: 25px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-family: FiraGO-Book,Arial; cursor: pointer; } .gm-style-iw-a .gm-style-iw-t:after, .gm-style-iw-a .gm-style-iw-t:before { display: none !important; } .gm-style-iw-a .gm-style-iw.gm-style-iw-c { background-color: #005341; border-radius: 30px; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0; padding: 20px 57px !important; overflow: unset; } .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-style-iw-d { overflow: unset !important; color: white; text-align: center; font-size: 16px; font-family: FiraGO-medium,Arial; } .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-style-iw-d > div .gotomap { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 30px; width: 24px; height: 24px; } .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-style-iw-d > div .gotomap svg { margin-left: 15px; fill: #e6b03d; } .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-style-iw-d > div .gotomap .popup-message { display: none; position: absolute; width: 200px; top: -50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16); color: #797979; background-color: #fff; padding: 10px 13px; border-radius: 5px; } .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-style-iw-d > div .gotomap:hover .popup-message { display: block; } .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-ui-hover-effect { display: none !important; } @media (max-width: 992px) { .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-style-iw-d > div .gotomap .popup-message { display: none !important; } } /*.marker-infobox { background-color: #005341; border-radius: 30px; padding: 10px 15px; box-sizing: content-box; button { display: none !important; } > div:first-child { display: none; } .gm-style-iw { color: white; text-align: center; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); font-size: 16px; font-family: FiraGO-medium; } }*/ .inspection-result-alert.winner-popup { max-width: 960px; max-height: 530px; padding-bottom: 0; -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.11); padding: 0; } .inspection-result-alert.winner-popup .swal-content { padding: 0; } .swal-modal .swal-content .winner-alert-container { width: 100%; height: 100%; } .swal-modal .swal-content .winner-alert-container .winner-content { width: 100%; height: 100%; background-repeat: no-repeat; background-position: bottom right; background-size: contain; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 80px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes { max-width: 470px; font-family: FiraGO-Book,Arial; text-align: left; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .title { font-size: 36px; display: block; margin-bottom: 24px; -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .desc { font-size: 21px; -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; margin-bottom: 40px; display: block; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item:not(:first-child) { margin-top: 40px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item .info-icon { border-radius: 50%; width: 36px; min-width: 36px; height: 36px; background-color: #21544b; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; font-family: Myriad-Pro-Regular,Arial; margin-right: 18px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item .info-text { font-family: FiraGO-Regular,Arial; display: block; font-size: 16px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .gift-name { display: block; font-size: 28px; } .swal-modal .swal-content .winner-alert-container .alert-close { border-radius: 50%; background-color: #21544b; width: 44px; height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swal-modal .swal-content .winner-alert-container .alert-close:after, .swal-modal .swal-content .winner-alert-container .alert-close:before { background-color: white; left: unset; } .swal-modal .swal-content .winner-alert-container .alert-close:hover { -webkit-transform: scale(1); transform: scale(1); } .inspection-result-alert.lose-popup.winner-popup .winner-content .infoes .desc { font-size: 16px; -webkit-font-feature-settings: unset; font-feature-settings: unset; max-width: 420px; margin-bottom: 0px; } .defoult-error-popup { width: 100%; } .defoult-error-popup .swal-modal { background-color: white; padding-bottom: 10vh; } .form-content { min-height: 76.7vh; height: 76.7vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calculate-price, .mobile-form-content, .password-recovery-alert { width: 100%; /*max-height: 100%;*/ /*&.hideScrollbar { overflow: hidden !important; }*/ } .modal-profile-edit { position: absolute; width: 100%; display: flex; justify-content: center; align-items: center; height: 100%; } .modal-profile-edit .modal-dialog { border-radius: 5px; max-width: 550px; max-height: 580px; width: 100%; min-height: 320px; height: 100%; background-color: white; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999; } #overlay { z-index: 5; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(23, 92, 74, 0.75); grid-template-columns: 1fr; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-items: center; overflow: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; } .calculate-price .section-info-wrapper, .mobile-form-content .section-info-wrapper, .password-recovery-alert .section-info-wrapper { width: 100%; } .calculate-price .section-info-wrapper *, .mobile-form-content .section-info-wrapper *, .password-recovery-alert .section-info-wrapper * { width: 100%; } .calculate-price .section-info-wrapper .settings-icon, .mobile-form-content .section-info-wrapper .settings-icon, .password-recovery-alert .section-info-wrapper .settings-icon { border-radius: 50%; background-color: #0d5242; -webkit-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.31); box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.31); width: 80px; height: 80px; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; } .calculate-price .section-info-wrapper .settings-icon svg, .mobile-form-content .section-info-wrapper .settings-icon svg, .password-recovery-alert .section-info-wrapper .settings-icon svg { height: 36px; width: 36px; fill: white; } .calculate-price .section-info-wrapper .settings-icon.fb-bg-color, .mobile-form-content .section-info-wrapper .settings-icon.fb-bg-color, .password-recovery-alert .section-info-wrapper .settings-icon.fb-bg-color { background-color: #405496; } .calculate-price .section-info-wrapper .settings-icon.fb-bg-color svg, .mobile-form-content .section-info-wrapper .settings-icon.fb-bg-color svg, .password-recovery-alert .section-info-wrapper .settings-icon.fb-bg-color svg { width: 11px; height: 22px; } .calculate-price .section-info-wrapper .title, .mobile-form-content .section-info-wrapper .title, .password-recovery-alert .section-info-wrapper .title { -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; margin: auto; margin-top: 1.5vh; text-align: center; font-size: 24px; color: #000000; max-width: 300px; } .calculate-price .section-info-wrapper .desc, .mobile-form-content .section-info-wrapper .desc, .password-recovery-alert .section-info-wrapper .desc { margin: auto; max-width: 300px; padding-top: 5px; text-align: center; font-size: 14px; color: #666666; display: block; font-family: FiraGO-Regular,Arial; } .calculate-price .form-container, .mobile-form-content .form-container, .password-recovery-alert .form-container { max-width: 400px; padding: 0 20px; margin: 3vh auto 3px; position: relative; } .calculate-price .form-container .default-form, .mobile-form-content .form-container .default-form, .password-recovery-alert .form-container .default-form { display: grid; grid-row-gap: 1.7vh; } .calculate-price .form-container .default-form .submit-btn, .mobile-form-content .form-container .default-form .submit-btn, .password-recovery-alert .form-container .default-form .submit-btn { margin-top: 1.3vh; } .calculate-price .form-container .or-section, .mobile-form-content .form-container .or-section, .password-recovery-alert .form-container .or-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2vh 0; font-size: 21px; line-height: 18px; } .calculate-price .form-container .or-section .line, .mobile-form-content .form-container .or-section .line, .password-recovery-alert .form-container .or-section .line { width: 38.5%; background-color: #cccccc; height: 1px; display: inline-block; } .calculate-price .form-container.registration-form, .mobile-form-content .form-container.registration-form, .password-recovery-alert .form-container.registration-form { margin-top: 2vh; margin-bottom: 3vh; } .inspection-result-alert, .password-recovery-alert { max-width: 720px; width: calc(100% - 65px); max-height: 600px; height: calc(100% - 50px); background-color: white; } .inspection-result-alert .swal-content, .password-recovery-alert .swal-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; /*position: relative;*/ margin: 0; } .inspection-result-alert .swal-content .alert-close, .password-recovery-alert .swal-content .alert-close { position: absolute; right: 32px; top: 32px; width: 16px; height: 16px; cursor: pointer; -webkit-transition: .2s; transition: .2s; } .inspection-result-alert .swal-content .alert-close:hover, .password-recovery-alert .swal-content .alert-close:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .inspection-result-alert .swal-content .alert-close:before, .inspection-result-alert .swal-content .alert-close:after, .password-recovery-alert .swal-content .alert-close:before, .password-recovery-alert .swal-content .alert-close:after { content: ' '; position: absolute; height: 16px; width: 2px; background-color: #333; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .inspection-result-alert .swal-content .alert-close:before, .password-recovery-alert .swal-content .alert-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .inspection-result-alert .swal-content .alert-close:after, .password-recovery-alert .swal-content .alert-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .inspection-result-alert .inspection-result-alert-form, .password-recovery-alert .inspection-result-alert-form { text-align: left; max-width: 535px; width: 100%; margin-top: 6vh; } .inspection-result-alert .inspection-result-alert-form .inspection-result, .password-recovery-alert .inspection-result-alert-form .inspection-result { font-family: FiraGO-Medium,Arial; } .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .title, .password-recovery-alert .inspection-result-alert-form .inspection-result .techdata-info .title { font-size: 36px; color: #000; padding-bottom: 2.5vh; display: block; max-width: 400px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .date, .password-recovery-alert .inspection-result-alert-form .inspection-result .techdata-info .date { padding-bottom: 3.5vh; color: #e6b03d; font-size: 36px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info, .password-recovery-alert .inspection-result-alert-form .inspection-result .price-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info .title, .password-recovery-alert .inspection-result-alert-form .inspection-result .price-info .title { font-size: 21px; color: #000; } .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info .result, .password-recovery-alert .inspection-result-alert-form .inspection-result .price-info .result { color: #21544b; font-size: 21px; padding-left: 7px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form { padding-top: 6vh; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box { border-width: 1px; border-color: #e1e1e1; border-style: solid; width: 100%; height: 58px; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; margin-bottom: 20px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .bell-icon, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .bell-icon { fill: #21544b; width: 35px; min-width: 35px; height: 26px; margin-right: 16px; margin-left: 10px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox { background-color: #e6b03d; width: 175px; height: 45px; border-radius: 22.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 13px 0 22px; color: white; font-size: 14px; font-family: FiraGO-Regular,Arial; min-width: 175px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox .custom-checkbox, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox .custom-checkbox { background-color: #c7962e; width: 36px; height: 20px; border-radius: 50px; position: relative; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox .custom-checkbox .checkbox-point, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox .custom-checkbox .checkbox-point { border-radius: 50%; background-color: #cacaca; -webkit-box-shadow: 0px 2px 3px 0px rgba(3, 3, 3, 0.24); box-shadow: 0px 2px 3px 0px rgba(3, 3, 3, 0.24); width: 14px; height: 14px; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: calc(100% - 14px - 4px); z-index: 1; border-radius: 50px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox .custom-checkbox #Reminder, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox .custom-checkbox #Reminder { visibility: hidden; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox .custom-checkbox #Reminder:checked + .checkbox-point, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox .custom-checkbox #Reminder:checked + .checkbox-point { right: 4px; background-color: white; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .submit-btn, .password-recovery-alert .inspection-result-alert-form .inspection-result .inspection-result-form .submit-btn { -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; border-radius: 35px; height: 70px; font-size: 18px; } .password-recovery-alert { width: 78%; height: 580px; opacity: 3.961; -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.11); background-color: white !important; } .mobile-form-content { display: none; padding: 1vh 0; overflow-y: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .mobile-form-content .section-info-wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .mobile-form-content .section-info-wrapper .title { margin: auto 0; } .mobile-form-content .dots { display: grid; position: fixed; right: 8.6%; top: 50%; -webkit-transform: translateY(calc(-50%)); transform: translateY(calc(-50%)); grid-row-gap: 23px; } .mobile-form-content .dots span { height: 6px; width: 6px; border: 1px solid white; display: block; border-radius: 50%; -webkit-transition: 0.2s; transition: 0.2s; } .mobile-form-content .dots span.active { background-color: white; } .mobile-form-content .section-info-wrapper .title { color: white !important; } .mobile-form-content .section-info-wrapper .image-contaienr img { width: 85%; } .mobile-form-content .section-info-wrapper .page-content { padding: 0 11%; margin: auto; max-width: 750px; grid-row-gap: 20px; display: grid; grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; } .mobile-form-content .section-info-wrapper .page-content .desc, .mobile-form-content .section-info-wrapper .page-content .title { color: white !important; } .mobile-form-content .section-info-wrapper .page-content .title { font-size: 36px; } .mobile-form-content .section-info-wrapper .page-content .desc { font-size: 21px; } .mobile-form-content .section-info-wrapper .title { font-size: 36px; margin-bottom: 3vh; max-width: unset !important; } .mobile-form-content .section-info-wrapper .desc { font-size: 21px; font-family: FiraGO-Book,Arial; max-width: unset !important; } .mobile-form-content .section-info-wrapper .hide-first-form { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-form-content .section-info-wrapper svg { width: 25px; height: 29px; } .mobile-form-content .section-info-wrapper .submit-btn { position: relative; height: 90px; border-radius: 45px; font-size: 22px; font-family: FiraGO-SemiBold,Arial; padding: 0 5px; } .mobile-form-content .section-info-wrapper .submit-btn a { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-form-content .section-info-wrapper .submit-btn.mobile-booking-btn svg { fill: white; width: 26px; } .mobile-form-content .section-info-wrapper .submit-btn form { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-form-content .section-info-wrapper .submit-btn svg { fill: white; position: absolute; left: 34px; width: 26px; } .mobile-form-content .section-info-wrapper .tech-date-form svg { width: 35px; height: 37px; } .mobile-form-content .section-info-wrapper .btn-border { padding: 0 !important; } .mobile-form-content body, .mobile-form-content .direction-el, .mobile-form-content .fixed-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mobile-form-content .direction-el { -webkit-transition: all 350ms linear; transition: all 350ms linear; } .mobile-form-content .fixed-container .fixed-container-content { height: 100%; } .mobile-form-content .fixed-container.center-container-wrapper { -webkit-transform: translateY(100%); transform: translateY(100%); } .mobile-form-content .fixed-container.final-container-wrapper { -webkit-transform: translateY(200%); transform: translateY(200%); } html[data-page=home] .right-bar .content.scrollable-box.mobile-register { padding: 0; } html[data-page=home] .right-bar .content.scrollable-box.mobile-register .form-content { overflow: scroll; height: 100%; padding: 2vh 0; } html[data-page=home] .right-bar .content.scrollable-box.mobile-register .form-content .calculate-price { height: 100%; } html[data-browser=ie] .calculate-price .form-container .default-form > div, html[data-browser=ie] .mobile-form-content .form-container .default-form > div, html[data-browser=ie] .password-recovery-alert .form-container .default-form > div { margin-bottom: 1.7vh; } .social-modal { background-color: rgba(198, 198, 198, 0.64); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; display: none; } .social-modal .social-modal-content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 30px 40px; background: white; } .social-modal .social-modal-content .title { padding-bottom: 1vh; font-size: 16px; } .social-modal .social-modal-content .close-icon { position: absolute; right: 10px; top: 10px; width: 15px; height: 15px; padding: 10px; cursor: pointer; z-index: 99; -webkit-transition: 0.2s; transition: 0.2s; } .social-modal .social-modal-content .close-icon:hover { -webkit-transform: scale(1.15); transform: scale(1.15); } .social-modal .social-modal-content .close-icon:after, .social-modal .social-modal-content .close-icon:before { content: ''; display: block; width: 16px; height: 2px; background-color: black; position: absolute; -webkit-transform-origin: center center; transform-origin: center center; top: 8px; left: 1px; } .social-modal .social-modal-content .close-icon:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .social-modal .social-modal-content .close-icon:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .privacy { display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .privacy.validate-input.error .box { border-color: red; } .privacy.validate-input.error .box, .privacy.validate-input.error .title { color: red; } .privacy .privacy-link { color: #0d5242; font-weight: bold; } .privacy .privacy-checkbox-contaienr { cursor: pointer; margin-right: 12px; } .privacy .privacy-checkbox-contaienr .privacy-checkbox { position: absolute; opacity: 0; } .privacy .privacy-checkbox-contaienr .privacy-checkbox:checked + .box:after { opacity: 1; -webkit-transform: rotate(45deg) scale(0.8); transform: rotate(45deg) scale(0.8); } .privacy .privacy-checkbox-contaienr .box { width: 17px; height: 17px; border: 2px solid #dae3e0; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .privacy .privacy-checkbox-contaienr .box:after { content: ''; position: absolute; border-right: 2px solid #0d5242; border-bottom: 2px solid #0d5242; padding: 5px 3px; -webkit-transform: rotate(45deg) scale(0.3); transform: rotate(45deg) scale(0.3); left: 2.8px; bottom: 2px; -webkit-transition: 0.1s; transition: 0.1s; opacity: 0; } @media (min-width: 993px) { html .status-mobile-text { display: none; } html[data-page="cabinet"] .inspection-alert.active-reminder-alert { width: 100%; } html[data-page="cabinet"] .inspection-alert.active-reminder-alert .swal-modal { background-color: white; padding-bottom: 7vh; } html[data-page="cabinet"] .content { height: calc(100vh - 80px); padding: 3.7vh 4.2% 5vh; } html .content .cabinet { height: 100%; display: grid; grid-template-columns: 24% 76%; border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 5px; overflow: hidden; position: relative; } html .content .cabinet .left-container { display: grid; grid-template-rows: 72% 28%; } html .content .cabinet .left-container .personal-info { grid-row: 1/2; grid-column: 1; background-color: white; display: inline-block; max-width: 420px; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-rows: 22.5% 77.5%; } html .content .cabinet .left-container .personal-info .mobile-name-hidden { display: none !important; } html .content .cabinet .left-container .personal-info .title { font-size: 21px; text-align: center; font-family: FiraGO-SemiBold,Arial; } html .content .cabinet .left-container .personal-info .title .personal-info-down-arrow { display: none; } html .content .cabinet .left-container .personal-info .person-infoes { grid-template-rows: 42% 58%; display: grid; height: 100%; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr { margin: 0 auto; width: 150px; height: 150px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; -ms-flex-item-align: start; align-self: flex-start; position: relative; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .croppie-container .cr-viewport { border: unset; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .profile-image-container { height: 100%; width: 100%; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .profile-image-container > img { width: 100%; } html .content .cabinet .left-container .personal-info .person-infoes .infoes { padding-left: 16.5%; display: grid !important; height: 100%; } html .content .cabinet .left-container .personal-info .person-infoes .infoes label { font-family: FiraGO-SemiBold,Arial; font-size: 16px; } html .content .cabinet .left-container .personal-info .person-infoes .infoes .editable-info { font-family: FiraGO-Light,Arial; font-size: 24px; position: relative; } html .content .cabinet .left-container .personal-info .person-infoes .infoes .editable-info:hover .edit-field { opacity: 1; -webkit-transition: 0.2s; transition: 0.2s; } html .content .cabinet .left-container .personal-info .person-infoes .infoes .editable-info .edit-field { -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; border-left: 1px solid #999999; padding-left: 14px; cursor: pointer; position: absolute; top: 0; right: 11.5%; } html .content .cabinet .left-container .personal-info .person-infoes .infoes .editable-info .edit-field:hover svg { fill: #0d5242; } html .content .cabinet .left-container .personal-info .person-infoes .infoes .editable-info .edit-field svg { width: 14px; height: 14px; fill: #999999; } html .content .cabinet .left-container .personal-info .person-infoes .infoes .reset-password.mobile { display: none; } html .content .cabinet .left-container .settings { background-color: white; grid-row: 2/3; grid-column: 1; font-size: 18px; display: grid; max-width: 420px; } html .content .cabinet .left-container .settings .reset-password, html .content .cabinet .left-container .settings .logoff { padding-left: 16.5%; border-top: 1px solid #e2e2dd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: FiraGO-Regular,Arial; cursor: pointer; } html .content .cabinet .left-container .settings .reset-password svg, html .content .cabinet .left-container .settings .logoff svg { margin-right: 25px; width: 18px; height: 23px; } html .content .cabinet .left-container .settings .logoff { font-family: FiraGO-Medium,Arial; } html .content .cabinet .left-container .settings .logoff svg { margin-right: 25px; width: 23px; height: 22px; } html .content .cabinet .right-contaienr { display: grid; grid-template-rows: 72% 28%; } html .content .cabinet .right-contaienr .inspection-info { display: grid; grid-template-columns: 50% 50%; background-image: url(/Content/img/building.png); background-repeat: no-repeat; background-position: right bottom; background-size: 40%; } html .content .cabinet .right-contaienr .inspection-info .car-tecdata-sllder { display: grid; } html .content .cabinet .right-contaienr .inspection-info .car-tecdata-sllder:not(.slick-initialized) { opacity: 0; max-height: 570px; } html .content .cabinet .right-contaienr .inspection-info .car-tecdata-sllder .slick-track { display: grid; grid-auto-flow: column; height: 100%; } html .content .cabinet .right-contaienr .inspection-info .infoes { color: white; padding-left: 12.7%; display: grid; grid-template-rows: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-transition: 0s !important; transition: 0s !important; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { /*max-width: 420px;*/ display: grid; grid-row-gap: 40px; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { font-size: 36px; font-family: "FiraGO-SemiBold",Arial; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title.no-active-reminder { font-family: FiraGO-Light,Arial; font-size: 18px !important; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .desc { margin-top: 2.6vh; font-size: 16px; font-family: "FiraGO-Regular",Arial; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .submit-btn.white { background-color: white; color: black; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .booking-disabled-text { text-align: center; padding: 10px; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info { color: white; position: relative; font-family: FiraGO-Regular,Arial; background-color: #e6b03d; width: 100%; height: 70px; border-radius: 35px; font-size: 16px; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info svg { position: absolute; left: 22px; width: 26px; height: 26px; fill: white; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn svg { width: 20px; height: 20px; left: 18px; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info { display: grid; grid-template-columns: 50% 50%; border-top: 1px solid #007158; grid-column-gap: 50px; height: 100%; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date { display: grid; grid-row-gap: 28px; grid-template-rows: 40% 60%; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .title { -ms-flex-item-align: end; align-self: end; font-family: "FiraGO-Light",Arial; font-size: 22px; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .desc { font-family: "FiraGO-SemiBold",Arial; font-size: 22px; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price { display: grid; grid-row-gap: 28px; grid-template-rows: 40% 60%; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .title { -ms-flex-item-align: end; align-self: end; font-family: "FiraGO-Light",Arial; font-size: 22px; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .desc { font-family: "FiraGO-SemiBold",Arial; font-size: 22px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info { display: grid; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box { -ms-flex-line-pack: center; align-content: center; height: 100%; border-top: 1px solid #007158; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 95px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box .title { font-family: FiraGO-SemiBold,Arial; font-size: 16px; display: block; width: 100%; padding-bottom: 13px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box .desc { font-family: FiraGO-Light,Arial; font-size: 24px; display: block; width: 100%; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box.price-info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 20px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box.price-info .title { font-family: FiraGO-Light,Arial; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box.price-info .bold-text { font-family: FiraGO-SemiBold,Arial; } html .content .cabinet .right-contaienr .inspection-info .iamge-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; } html .content .cabinet .right-contaienr .inspection-info .iamge-container img { height: 100%; } html .content:not(.active-reminder) .cabinet .right-contaienr { grid-template-rows: 80% 20%; } html .content:not(.active-reminder) .cabinet .right-contaienr .contact { background-color: #fff; border-left: 2px solid #005341; display: grid; grid-template-columns: 25% 75%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html .content:not(.active-reminder) .cabinet .right-contaienr .contact .title { font-family: FiraGO-SemiBold,Arial; font-size: 18px; border-right: 1px solid #ccc; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes { display: grid; font-size: 16px; grid-template-columns: 1fr 1fr 1fr; justify-items: center; padding: 0 6%; } html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes div { font-family: "FiraGO-Medium",Arial; } html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes div span { margin-left: 18px; font-family: "FiraGO-Book",Arial; } html .content:not(.active-reminder) .cabinet .right-contaienr .contact .fb svg { fill: #0084ff; width: 16px; height: 16px; } html .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { grid-row-gap: 60px; } html .content.active-reminder .cabinet .inspection-info .infoes { grid-template-rows: 60% 40%; } html .content.active-reminder .cabinet .inspection-info .infoes.reserved { grid-template-rows: 40% 60%; } html .content.active-reminder .cabinet .inspection-info .infoes.reserved .status-contaienr { grid-row-gap: 40px; } html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr { /*max-width: 450px;*/ grid-row-gap: 60px; } html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .hidden { display: none; } html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .title { font-size: 32px; -webkit-font-feature-settings: 'case' on; font-feature-settings: 'case' on; } html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info { background-color: white; max-width: 320px; height: 60px; border-radius: 30px; color: black; font-family: FiraGO-SemiBold,Arial; font-size: 18px; } html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info.active svg { fill: #0d5242; left: 22px !important; } html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info svg { position: absolute; left: 22px; width: 17px; height: 22px; fill: #e75229; } html .content.active-reminder .cabinet .car-info { border-left: 2px solid #005341; background-color: white; display: inline-block; display: grid; grid-template-columns: 1.7fr 1fr; } html .content.active-reminder .cabinet .car-info .car-infoes-container { display: grid; grid-template-columns: 1fr 70px; padding: 3% 3% 0 9%; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder { display: grid; -webkit-transition: .3s; transition: .3s; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder:not(.slick-initialized) { opacity: 0; max-height: 200px; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .slick-track { display: grid; grid-auto-flow: column; height: 100%; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details { display: grid; grid-template-rows: 40px 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes { font-family: "FiraGO-Regular",Arial; color: #333333; font-size: 16px; align-self: center; display: grid; grid-template-columns: 0.8fr 1.4fr; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes table { width: 100%; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes table td { width: 100%; display: block; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes table td:not(:first-child) { margin-top: 15px; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes table td div { font-size: 14px; font-family: "FiraGO-medium",Arial; margin-bottom: 5px; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes .car-image { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html .content.active-reminder .cabinet .car-info .contact { border-left: 1px solid #cccccc; display: grid; grid-template-rows: 40% 60%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 13.5%; align-items: center; } html .content.active-reminder .cabinet .car-info .contact .title { font-family: "FiraGO-SemiBold",Arial; font-size: 18px; } html .content.active-reminder .cabinet .car-info .contact .contact-infoes { display: grid; grid-gap: 15px; font-size: 16px; align-self: start; } html .content.active-reminder .cabinet .car-info .contact .contact-infoes div { font-family: "FiraGO-Medium",Arial; } html .content.active-reminder .cabinet .car-info .contact .contact-infoes div span { margin-left: 18px; font-family: "FiraGO-Book",Arial; } html .content.active-reminder .cabinet .car-info .contact .fb svg { fill: #0084ff; width: 16px; height: 16px; } html .default-form { padding: 0 !important; } html[data-browser="ie"] .content .cabinet { display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-browser="ie"] .content .cabinet .left-container { width: 24%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-browser="ie"] .content .cabinet .left-container .personal-info { height: 72%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-browser="ie"] .content .cabinet .left-container .personal-info .title { height: 22.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } html[data-browser="ie"] .content .cabinet .left-container .personal-info .person-infoes { height: 77.5%; width: 100%; } html[data-browser="ie"] .content .cabinet .left-container .personal-info .person-infoes .infoes > div { margin-bottom: 4vh; } html[data-browser="ie"] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn { left: 0; top: 0; } html[data-browser="ie"] .content .cabinet .left-container .settings { height: 28%; width: 100%; } html[data-browser="ie"] .content .cabinet .left-container .settings > div { height: 50%; } html[data-browser="ie"] .content .cabinet .right-contaienr { width: 76%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info { height: 72%; width: 100%; } html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes { width: 50%; height: 100%; padding-left: 6.3%; } html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { height: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { margin-bottom: 40px; } html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info { height: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date, html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price { width: 50%; height: 100%; margin-bottom: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .title, html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .title { height: 40%; } html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .price, html[data-browser="ie"] .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .price { height: 60%; } html[data-browser="ie"] .content .cabinet .right-contaienr .car-info { width: 100%; height: 28%; display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-browser="ie"] .content .cabinet .right-contaienr .car-info .car-details { width: 35%; padding-left: 6.5%; } html[data-browser="ie"] .content .cabinet .right-contaienr .car-info .car-details .title { height: 27%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } html[data-browser="ie"] .content .cabinet .right-contaienr .car-info .car-details .infoes { height: 75%; } html[data-browser="ie"] .content .cabinet .right-contaienr .car-info .car-image { width: 26%; } html[data-browser="ie"] .content .cabinet .right-contaienr .car-info .contact { width: 37%; padding-left: 5%; } html[data-browser="ie"] .content .cabinet .right-contaienr .contact .title { height: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-browser="ie"] .content .cabinet .right-contaienr .contact .contact-infoes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-browser="ie"] .content .cabinet .right-contaienr .contact .contact-infoes > div { width: 100%; margin-bottom: 15px; } } html[data-page="cabinet"] .live-buttons { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } html[data-page="cabinet"] .live-buttons.with-cancel { grid-template-columns: 1fr 1fr 1.3fr; grid-column-gap: 15px; } html[data-page="cabinet"] .live-buttons .submit-btn { height: 50px !important; width: auto !important; } html[data-page="cabinet"] .live-buttons .live-button.submit-btn { background-color: white; width: auto !important; height: 50px !important; color: black; border-radius: 25px; color: #000; font-family: FiraGO-SemiBold,Arial; font-size: 18px; } html[data-page="cabinet"] .live-buttons .live-button.submit-btn svg { width: 26px; height: 22px; display: inline-block; fill: red; margin-right: 25px; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop { display: grid; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .add-car-popup-btn { cursor: pointer; width: 40px; height: 40px; background-color: #0d5242; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-self: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .add-car-popup-btn:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .add-car-popup-btn:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2); } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .add-car-popup-btn:hover:before { -webkit-transform: scale(1.2) rotate(90deg); transform: scale(1.2) rotate(90deg); } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .add-car-popup-btn:after, html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .add-car-popup-btn:before { content: ""; width: 16px; height: 2px; background-color: white; display: block; position: absolute; border-radius: 1px; -webkit-transition: 0.2s; transition: 0.2s; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .arrows svg { width: 10px; height: 17px; fill: #999999; -webkit-transition: 0.2s; transition: 0.2s; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .arrows .s-arrow { display: inline-block; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .arrows .s-arrow.slick-hidden { display: none !important; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .arrows .s-arrow:hover:not(.slick-disabled) svg { fill: black; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .arrows .s-arrow.right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .arrows .s-arrow.right svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .arrows .s-arrow:not(.slick-arrow) { display: none; } html[data-page="cabinet"] .car-info .car-infoes-container .car-prop .add-car-popup-btn.mobile-btn { display: none; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .title { font-family: FiraGO-SemiBold,Arial; font-size: 18px; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .actions { height: 30px; margin-left: 19px; border-left: 1px solid #999999; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .actions .edit-icon { cursor: pointer; padding-left: 14px; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .actions .edit-icon svg { fill: #999999; width: 14px; -webkit-transform: 0.2s; transform: 0.2s; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .actions .edit-icon:hover svg { fill: #0d5242; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .actions .remove-icon { cursor: pointer; padding-left: 20px; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .actions .remove-icon svg { fill: #999999; width: 13px; -webkit-transform: 0.2s; transform: 0.2s; } html[data-page="cabinet"] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .actions .remove-icon:hover svg { fill: #0d5242; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr { position: relative; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr:hover .edit-img-btn { opacity: 1; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(230, 176, 61, 0.6); position: absolute; width: 100%; height: 100%; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn .backgorund { background-color: white; width: calc(100% - 34px); height: calc(100% - 34px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 17px; border-radius: 50%; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn svg { width: 32px; height: 32px; fill: #005341; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn .mobile-icon { display: none; } html .content .cabinet .edit-profile-image-container, html .content .cabinet .edit-password-container, html .content .cabinet .add-car-popup, html .content .cabinet .remove-car-popup, html .content .cabinet .edit-car-popup { z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(23, 92, 74, 0.75); /*display: flex;*/ display: grid; grid-template-columns: 1fr; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-items: center; overflow: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; display: none; } html .content .cabinet .edit-profile-image-container .content-container, html .content .cabinet .edit-password-container .content-container, html .content .cabinet .add-car-popup .content-container, html .content .cabinet .remove-car-popup .content-container, html .content .cabinet .edit-car-popup .content-container { border-radius: 5px; opacity: 0.961; max-width: 550px; max-height: 580px; width: 100%; min-height: 320px; height: 100%; background-color: white; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html .content .cabinet .edit-profile-image-container .content-container.remove, html .content .cabinet .edit-password-container .content-container.remove, html .content .cabinet .add-car-popup .content-container.remove, html .content .cabinet .remove-car-popup .content-container.remove, html .content .cabinet .edit-car-popup .content-container.remove { max-height: 490px; max-width: 720px; } html .content .cabinet .edit-profile-image-container .content-container .close-btn, html .content .cabinet .edit-password-container .content-container .close-btn, html .content .cabinet .add-car-popup .content-container .close-btn, html .content .cabinet .remove-car-popup .content-container .close-btn, html .content .cabinet .edit-car-popup .content-container .close-btn { position: absolute; right: 32px; top: 32px; width: 16px; height: 16px; cursor: pointer; -webkit-transition: .2s; transition: .2s; } html .content .cabinet .edit-profile-image-container .content-container .close-btn:hover, html .content .cabinet .edit-password-container .content-container .close-btn:hover, html .content .cabinet .add-car-popup .content-container .close-btn:hover, html .content .cabinet .remove-car-popup .content-container .close-btn:hover, html .content .cabinet .edit-car-popup .content-container .close-btn:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } html .content .cabinet .edit-profile-image-container .content-container .close-btn:before, html .content .cabinet .edit-profile-image-container .content-container .close-btn:after, html .content .cabinet .edit-password-container .content-container .close-btn:before, html .content .cabinet .edit-password-container .content-container .close-btn:after, html .content .cabinet .add-car-popup .content-container .close-btn:before, html .content .cabinet .add-car-popup .content-container .close-btn:after, html .content .cabinet .remove-car-popup .content-container .close-btn:before, html .content .cabinet .remove-car-popup .content-container .close-btn:after, html .content .cabinet .edit-car-popup .content-container .close-btn:before, html .content .cabinet .edit-car-popup .content-container .close-btn:after { content: ' '; position: absolute; height: 16px; width: 2px; background-color: #333; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } html .content .cabinet .edit-profile-image-container .content-container .close-btn:before, html .content .cabinet .edit-password-container .content-container .close-btn:before, html .content .cabinet .add-car-popup .content-container .close-btn:before, html .content .cabinet .remove-car-popup .content-container .close-btn:before, html .content .cabinet .edit-car-popup .content-container .close-btn:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } html .content .cabinet .edit-profile-image-container .content-container .close-btn:after, html .content .cabinet .edit-password-container .content-container .close-btn:after, html .content .cabinet .add-car-popup .content-container .close-btn:after, html .content .cabinet .remove-car-popup .content-container .close-btn:after, html .content .cabinet .edit-car-popup .content-container .close-btn:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } html .content .cabinet .edit-profile-image-container .content-container .content-box, html .content .cabinet .edit-password-container .content-container .content-box, html .content .cabinet .add-car-popup .content-container .content-box, html .content .cabinet .remove-car-popup .content-container .content-box, html .content .cabinet .edit-car-popup .content-container .content-box { text-align: center; width: 100%; } html .content .cabinet .edit-profile-image-container .content-container .content-box .icon, html .content .cabinet .edit-password-container .content-container .content-box .icon, html .content .cabinet .add-car-popup .content-container .content-box .icon, html .content .cabinet .remove-car-popup .content-container .content-box .icon, html .content .cabinet .edit-car-popup .content-container .content-box .icon { border-radius: 50%; background-color: #0d5242; -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.31); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.31); width: 80px; height: 80px; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; margin-bottom: 2vh; } html .content .cabinet .edit-profile-image-container .content-container .content-box .icon svg, html .content .cabinet .edit-password-container .content-container .content-box .icon svg, html .content .cabinet .add-car-popup .content-container .content-box .icon svg, html .content .cabinet .remove-car-popup .content-container .content-box .icon svg, html .content .cabinet .edit-car-popup .content-container .content-box .icon svg { height: 36px; width: 36px; fill: #fff; } html .content .cabinet .edit-profile-image-container .content-container .content-box .icon.cross:before, html .content .cabinet .edit-password-container .content-container .content-box .icon.cross:before, html .content .cabinet .add-car-popup .content-container .content-box .icon.cross:before, html .content .cabinet .remove-car-popup .content-container .content-box .icon.cross:before, html .content .cabinet .edit-car-popup .content-container .content-box .icon.cross:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } html .content .cabinet .edit-profile-image-container .content-container .content-box .icon.cross:after, html .content .cabinet .edit-profile-image-container .content-container .content-box .icon.cross:before, html .content .cabinet .edit-password-container .content-container .content-box .icon.cross:after, html .content .cabinet .edit-password-container .content-container .content-box .icon.cross:before, html .content .cabinet .add-car-popup .content-container .content-box .icon.cross:after, html .content .cabinet .add-car-popup .content-container .content-box .icon.cross:before, html .content .cabinet .remove-car-popup .content-container .content-box .icon.cross:after, html .content .cabinet .remove-car-popup .content-container .content-box .icon.cross:before, html .content .cabinet .edit-car-popup .content-container .content-box .icon.cross:after, html .content .cabinet .edit-car-popup .content-container .content-box .icon.cross:before { content: ""; width: 35px; height: 2px; background-color: white; display: block; position: absolute; border-radius: 1px; } html .content .cabinet .edit-profile-image-container .content-container .content-box .title, html .content .cabinet .edit-password-container .content-container .content-box .title, html .content .cabinet .add-car-popup .content-container .content-box .title, html .content .cabinet .remove-car-popup .content-container .content-box .title, html .content .cabinet .edit-car-popup .content-container .content-box .title { font-size: 21px; margin-bottom: 5px; display: block; font-family: FiraGO-Medium,Arial; } html .content .cabinet .edit-profile-image-container .content-container .content-box .title.remove-message-text, html .content .cabinet .edit-password-container .content-container .content-box .title.remove-message-text, html .content .cabinet .add-car-popup .content-container .content-box .title.remove-message-text, html .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text, html .content .cabinet .edit-car-popup .content-container .content-box .title.remove-message-text { font-size: 36px; padding: 5vh 0; text-align: left; } html .content .cabinet .edit-profile-image-container .content-container .content-box .title.remove-message-text .car-number-text, html .content .cabinet .edit-password-container .content-container .content-box .title.remove-message-text .car-number-text, html .content .cabinet .add-car-popup .content-container .content-box .title.remove-message-text .car-number-text, html .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text .car-number-text, html .content .cabinet .edit-car-popup .content-container .content-box .title.remove-message-text .car-number-text { color: #e6b03d; text-transform: uppercase; } html .content .cabinet .edit-profile-image-container .content-container .content-box .desc, html .content .cabinet .edit-password-container .content-container .content-box .desc, html .content .cabinet .add-car-popup .content-container .content-box .desc, html .content .cabinet .remove-car-popup .content-container .content-box .desc, html .content .cabinet .edit-car-popup .content-container .content-box .desc { display: block; color: #666666; font-size: 14px; } html .content .cabinet .edit-profile-image-container .content-container .content-box .upload-btn, html .content .cabinet .edit-password-container .content-container .content-box .upload-btn, html .content .cabinet .add-car-popup .content-container .content-box .upload-btn, html .content .cabinet .remove-car-popup .content-container .content-box .upload-btn, html .content .cabinet .edit-car-popup .content-container .content-box .upload-btn { margin: auto; margin-top: 3.5vh; margin-bottom: 3.3vh; border-radius: 10px; background-color: #e1e1e1; width: 250px; height: 250px; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; font-size: 14px; cursor: pointer; } html .content .cabinet .edit-profile-image-container .content-container .content-box .upload-btn:hover svg, html .content .cabinet .edit-password-container .content-container .content-box .upload-btn:hover svg, html .content .cabinet .add-car-popup .content-container .content-box .upload-btn:hover svg, html .content .cabinet .remove-car-popup .content-container .content-box .upload-btn:hover svg, html .content .cabinet .edit-car-popup .content-container .content-box .upload-btn:hover svg { fill: #e6b03d; -webkit-transform: scale(1.1); transform: scale(1.1); } html .content .cabinet .edit-profile-image-container .content-container .content-box .upload-btn svg, html .content .cabinet .edit-password-container .content-container .content-box .upload-btn svg, html .content .cabinet .add-car-popup .content-container .content-box .upload-btn svg, html .content .cabinet .remove-car-popup .content-container .content-box .upload-btn svg, html .content .cabinet .edit-car-popup .content-container .content-box .upload-btn svg { margin-bottom: 20px; width: 60px; height: 60px; fill: #c0c0c0; -webkit-transition: 0.2s; transition: 0.2s; } html .content .cabinet .edit-profile-image-container .content-container .content-box .crop-image-contaienr, html .content .cabinet .edit-password-container .content-container .content-box .crop-image-contaienr, html .content .cabinet .add-car-popup .content-container .content-box .crop-image-contaienr, html .content .cabinet .remove-car-popup .content-container .content-box .crop-image-contaienr, html .content .cabinet .edit-car-popup .content-container .content-box .crop-image-contaienr { margin: auto; margin-top: 3.5vh; margin-bottom: 3.3vh; border-radius: 10px; width: 250px; height: 250px; display: none; overflow: hidden; } html .content .cabinet .edit-profile-image-container .content-container .content-box .save-profile-img, html .content .cabinet .edit-password-container .content-container .content-box .save-profile-img, html .content .cabinet .add-car-popup .content-container .content-box .save-profile-img, html .content .cabinet .remove-car-popup .content-container .content-box .save-profile-img, html .content .cabinet .edit-car-popup .content-container .content-box .save-profile-img { margin: auto; background-color: #0d5242; width: 250px; height: 50px; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: white; cursor: pointer; display: none; } html .content .cabinet .edit-profile-image-container .content-container .content-box .password-replace-result, html .content .cabinet .edit-password-container .content-container .content-box .password-replace-result, html .content .cabinet .add-car-popup .content-container .content-box .password-replace-result, html .content .cabinet .remove-car-popup .content-container .content-box .password-replace-result, html .content .cabinet .edit-car-popup .content-container .content-box .password-replace-result { color: #0d5242; margin-top: 4vh; font-size: 16px; margin-bottom: 4vh; } html .content .cabinet .edit-profile-image-container .content-container .content-box .default-form, html .content .cabinet .edit-password-container .content-container .content-box .default-form, html .content .cabinet .add-car-popup .content-container .content-box .default-form, html .content .cabinet .remove-car-popup .content-container .content-box .default-form, html .content .cabinet .edit-car-popup .content-container .content-box .default-form { max-width: 400px; margin: auto; margin-top: 2.2vh; /*padding: 0 20px;*/ } html .content .cabinet .edit-profile-image-container .content-container .content-box .default-form.remove, html .content .cabinet .edit-password-container .content-container .content-box .default-form.remove, html .content .cabinet .add-car-popup .content-container .content-box .default-form.remove, html .content .cabinet .remove-car-popup .content-container .content-box .default-form.remove, html .content .cabinet .edit-car-popup .content-container .content-box .default-form.remove { max-width: 540px; } html .content .cabinet .edit-profile-image-container .content-container .content-box .default-form.remove .buttons, html .content .cabinet .edit-password-container .content-container .content-box .default-form.remove .buttons, html .content .cabinet .add-car-popup .content-container .content-box .default-form.remove .buttons, html .content .cabinet .remove-car-popup .content-container .content-box .default-form.remove .buttons, html .content .cabinet .edit-car-popup .content-container .content-box .default-form.remove .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } html .content .cabinet .edit-profile-image-container .content-container .content-box .default-form.remove .buttons .submit-btn, html .content .cabinet .edit-password-container .content-container .content-box .default-form.remove .buttons .submit-btn, html .content .cabinet .add-car-popup .content-container .content-box .default-form.remove .buttons .submit-btn, html .content .cabinet .remove-car-popup .content-container .content-box .default-form.remove .buttons .submit-btn, html .content .cabinet .edit-car-popup .content-container .content-box .default-form.remove .buttons .submit-btn { max-width: 230px; font-size: 18px; } html .content .cabinet .edit-profile-image-container .content-container .content-box .default-form .validate-input:not(:first-child), html .content .cabinet .edit-password-container .content-container .content-box .default-form .validate-input:not(:first-child), html .content .cabinet .add-car-popup .content-container .content-box .default-form .validate-input:not(:first-child), html .content .cabinet .remove-car-popup .content-container .content-box .default-form .validate-input:not(:first-child), html .content .cabinet .edit-car-popup .content-container .content-box .default-form .validate-input:not(:first-child) { margin-top: 10px; } html .content .cabinet .edit-profile-image-container .content-container .content-box .default-form .submit-btn, html .content .cabinet .edit-password-container .content-container .content-box .default-form .submit-btn, html .content .cabinet .add-car-popup .content-container .content-box .default-form .submit-btn, html .content .cabinet .remove-car-popup .content-container .content-box .default-form .submit-btn, html .content .cabinet .edit-car-popup .content-container .content-box .default-form .submit-btn { margin-top: 1.8vh; } html .content .cabinet .edit-profile-image-container .car-info-form, html .content .cabinet .edit-password-container .car-info-form, html .content .cabinet .add-car-popup .car-info-form, html .content .cabinet .remove-car-popup .car-info-form, html .content .cabinet .edit-car-popup .car-info-form { display: grid; grid-row-gap: 20px; } html .content .cabinet .hidden { display: none !important; } .animating-container-wrapper { height: calc(100% - 23.3vh); } .animating-container-wrapper .left-animating-content { height: 100%; position: relative; overflow: hidden; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper { position: absolute; width: 100%; height: 100%; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .paralax-content { width: 100%; height: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 0; top: 0; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .item { height: 420px; width: 700px; background-repeat: no-repeat; background-color: transparent; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .sequence-item { background-position: 0 0; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag { background-image: url(../img/sequrance/greenway-sequence-v2.3.1.png); -webkit-transform: scale(1.2); transform: scale(1.2); margin-left: 70px; margin-top: 100px; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag.animating { -webkit-animation: position-changer 5s steps(37) infinite; animation: position-changer 5s steps(37) infinite; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content { position: absolute; right: 0; top: 26%; padding-right: 8.2%; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .image { text-align: center; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .image img { width: 230px; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .text { color: #fff; -webkit-font-feature-settings: 'case' on; font-feature-settings: 'case' on; line-height: 1.6; font-size: 40px; text-align: right; font-weight: bold; } @media (min-width: 2000px) { .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag { -webkit-transform: scale(1.4); transform: scale(1.4); margin-left: 105px; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .text { font-size: 40px; } } @media (max-width: 2000px) { .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag { -webkit-transform: scale(1.3); transform: scale(1.3); margin-left: 105px; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .text { font-size: 36px; } } @media (max-width: 1810px) { .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag { -webkit-transform: scale(1.1); transform: scale(1.1); margin-left: 35px; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .text { font-size: 35px; } } @media (max-width: 1600px) { .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag { -webkit-transform: scale(1); transform: scale(1); margin-left: 0; } } @media only screen and (max-width: 1450px) { .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag { -webkit-transform: scale(0.8); transform: scale(0.8); margin-left: -70px; margin-top: 28px; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .text { font-size: 30px; } } @media only screen and (max-width: 1235px) { .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag { -webkit-transform: scale(0.7); transform: scale(0.7); margin-left: -105px; margin-top: 0px; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .text { font-size: 24px; } } @media only screen and (max-width: 1070px) { .animating-container-wrapper .left-animating-content .sequence-container-wrapper .cars-flag { -webkit-transform: scale(0.6); transform: scale(0.6); margin-left: -140px; } .animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .text { font-size: 22px; } } @-webkit-keyframes position-changer { 0% { background-position: 0 0; } 50% { background-position: 100% 0; } 100% { background-position: 0 0; } } @keyframes position-changer { 0% { background-position: 0 0; } 50% { background-position: 100% 0; } 100% { background-position: 0 0; } } @media (min-width: 992px) { .error-container { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; } } .error-container { margin: auto; color: white; font-family: FiraGO-Book,Arial; text-align: center; } .error-container .text-404 { font-size: 56px; font-family: FiraGO-Bold,Arial; display: none; margin-bottom: 5px; } .error-container .mobile-serive-text { font-size: 24px; display: none; } .error-container .error-mobile-image { width: 100%; display: none; margin: auto; } .error-container .error-container-wrapper { margin-bottom: 4vh; } .error-container .bottom-text .title { margin-bottom: 15px; font-size: 16px; } .error-container .bottom-text .desc { font-size: 12px; margin: auto; max-width: 300px; } html[data-page="contact"] body { background-color: unset !important; color: black !important; padding: 25px; } html[data-page="contact"] .body-content { background-color: white; height: 100vh; border-radius: 5px; } html[data-page="contact"] .body-content .autorization .auth-icon svg { fill: black; } html[data-page="contact"] .body-content .header { padding: 0 2.7%; border-bottom: 1px solid #e6eceb; height: 10.3vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="contact"] .body-content .header .header-content { color: black; } html[data-page="contact"] .body-content .header .autorization { color: black; } html[data-page="contact"] .body-content .header .autorization .user-info-container .user-info .user-name { color: black; } html[data-page="contact"] .body-content .header .menu { padding-bottom: 0; } html[data-page="contact"] .body-content .header .menu:not(.burger) .menu-list li a { color: black; } html[data-page="contact"] .body-content .header .menu .menu-list .temp-info { color: black; } html[data-page="contact"] .body-content footer { display: none !important; } html[data-page="contact"] .body-content .contact-contaiener { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; position: relative; } html[data-page="contact"] .body-content .contact-contaiener .title.mobile { display: none; } html[data-page="contact"] .body-content .contact-contaiener .info-container { width: 35.4%; height: 100%; display: grid; /*justify-content: center;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes { width: 100%; max-width: 370px; margin: auto; display: grid; grid-template-rows: 1fr 4fr 45px 1fr; grid-row-gap: 4.6vh; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .title { color: #005341; font-size: 36px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .title .icon { vertical-align: middle; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #005341; display: inline-block; padding: 5px; border-radius: 3px; margin-right: 12px; width: 35px; height: 35px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .title .icon svg { padding: 5px; width: 100%; height: 100%; fill: white; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-row-gap: 30px; max-width: 370px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .work-hours label { display: block; margin-bottom: 10px; font-family: FiraGO-Medium,Arial; font-size: 24px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .email a, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .work-hours a { font-size: 18px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .email svg, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location svg, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone svg, html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .work-hours svg { fill: #e6b03d; margin-right: 13px; vertical-align: middle; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .email svg { width: 23px; height: 16px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .email a { margin-left: 33px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone svg { width: 20px; height: 21px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a { margin-left: 33px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location svg { width: 16px; height: 20px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a p { margin-left: 30px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .info-box .work-hours svg { width: 16px; height: 20px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .submit-btn { width: 100%; max-width: 315px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #cccccc; height: 56px; border-radius: 30px; -ms-flex-pack: distribute; justify-content: space-around; width: 315px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .social .pre-text { width: 40%; text-align: center; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .social .icon { height: 100%; border-left: 2px solid #cccccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20%; font-size: 0; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .social .icon svg { -webkit-transition: 0.2s; transition: 0.2s; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .social .icon:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .social .icon.fb svg { width: 9px; height: 18px; fill: #3b5998; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .social .icon.youtube svg { width: 21px; height: 16px; fill: #ff0000; } html[data-page="contact"] .body-content .contact-contaiener .info-container .contact-infoes .social .icon.in svg { width: 21px; height: 21px; fill: #4875b4; } html[data-page="contact"] .body-content .contact-contaiener .info-container.show-work-hours .work-hours { display: block; } html[data-page="contact"] .body-content .contact-contaiener .info-container.show-work-hours .contact-infoes { display: none; } html[data-page="contact"] .body-content .contact-contaiener .info-container .work-hours { display: none; width: 100%; padding: 0 4% 0 8.5%; } html[data-page="contact"] .body-content .contact-contaiener .info-container .work-hours .go-back { width: 36px; height: 36px; background: #d8d8d8; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } html[data-page="contact"] .body-content .contact-contaiener .info-container .work-hours .go-back svg { width: 16px; height: 13px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper { padding-left: 17%; display: grid; grid-template-rows: 50px 1fr; grid-row-gap: 40px; width: 100%; } html[data-page="contact"] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title { color: #005341; font-size: 36px; } html[data-page="contact"] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title svg { vertical-align: middle; width: 30px; height: 30px; margin-right: 22px; fill: #005341; } html[data-page="contact"] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .info-box { font-size: 18px; height: auto; height: 60vh; overflow-y: scroll; } html[data-page="contact"] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .info-box .full-content { padding-right: 10px; } html[data-page="contact"] .body-content .contact-contaiener .map-container { width: 64.6%; height: 100%; } html[data-page="contact"] .body-content .contact-contaiener .map-container #map { width: 100%; height: 100%; } html[data-page="contact"] .body-content .contact-contaiener .map-container #map .popup-container { position: absolute; } html[data-page="contact"] .body-content .contact-contaiener .map-container #map .popup-container #popup-content { margin-top: 10vh; background-color: #005341; border-radius: 30px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; left: 50% !important; -webkit-transform: translateX(-57%); transform: translateX(-57%); top: 5vh !important; font-size: 16px; font-family: FiraGO-Medium,Arial; padding: 20px 30px; -webkit-box-sizing: content-box; box-sizing: content-box; } html[data-page="contact"][data-browser=ie] .body-content .contact-contaiener .info-container { display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-page="contact"][data-browser=ie] .body-content .contact-contaiener .info-container .contact-infoes { width: auto; } html[data-page="contact"][data-browser=ie] .body-content .contact-contaiener .info-container .contact-infoes .info-box { margin: 4.6vh 0; } html[data-page="contact"][data-browser=ie] .body-content .contact-contaiener .info-container .contact-infoes .info-box .email, html[data-page="contact"][data-browser=ie] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location { margin-top: 30px; } html[data-page=news] { background-color: #0d5242; } html[data-page=news] footer { display: none !important; } html[data-page=news] body { background-color: unset !important; color: #000 !important; padding: 25px; overflow: hidden; } html[data-page=news] body .body-content { background-color: #fff; height: calc(100vh - 50px); border-radius: 5px; } html[data-page=news] body .body-content .header { padding: 0 2.7%; border-bottom: 1px solid #e6eceb; height: 10.3vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page=news] body .body-content .header .autorization { color: black; } html[data-page=news] body .body-content .header .autorization .user-info-container .user-info .user-name { color: black; } html[data-page=news] body .body-content .header .menu:not(.burger) { padding-bottom: 0; } html[data-page=news] body .body-content .header .menu:not(.burger) .menu-list li a { color: black; } html[data-page=news] body .body-content .header .menu:not(.burger) .menu-list .disabled a { color: black; } html[data-page=news] body .body-content .news { height: calc(100% - 10.3vh); overflow-y: auto; } html[data-page=news] body .body-content .news .content-box { margin-top: 8vh; max-width: 1370px; padding: 0 65px; width: 100%; margin: auto; display: block; height: calc(100% - 8vh); margin-top: 8vh; } html[data-page=news] body .body-content .news .content-box .subscrie-section { display: grid; grid-template-columns: 1fr 1fr; } html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content { font-size: 36px; color: #175c4a; font-family: FiraGO-Medium,Arial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content svg { margin-right: 25px; width: 40px; height: 40px; fill: #0d5242; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper { justify-self: end; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content { border: 1px solid #ebebeb; width: 378px; height: 53px; border-radius: 27.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; position: relative; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.error { border-color: red !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.error input { color: red !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.error input::-webkit-input-placeholder { color: red !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.error input:-moz-placeholder { color: red !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.error input::-moz-placeholder { color: red !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.error input:-ms-input-placeholder { color: red !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.error svg { fill: red; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.success { border-color: #0d5242 !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.success .subscribe-btn { -webkit-transform: translateX(100%); transform: translateX(100%); } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.success input::-webkit-input-placeholder { color: #0d5242 !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.success input:-moz-placeholder { color: #0d5242 !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.success input::-moz-placeholder { color: #0d5242 !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.success input:-ms-input-placeholder { color: #0d5242 !important; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content svg { width: 16px; height: 13px; -webkit-transition: 0.2s; transition: 0.2s; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content .subscribe-btn { height: 100%; width: 50px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content .subscribe-btn:hover svg { -webkit-transform: translate(7px); transform: translate(7px); } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input { padding: 0 39px; width: calc(100% - 50px); color: #333333; font-size: 16px; height: 100%; border: 0; background-color: transparent; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-webkit-input-placeholder { color: #333333; font-size: 16px; font-family: FiraGO-Medium,Arial; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-moz-placeholder { color: #333333; font-size: 16px; font-family: FiraGO-Medium,Arial; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-moz-placeholder { color: #333333; font-size: 16px; font-family: FiraGO-Medium,Arial; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-ms-input-placeholder { color: #333333; font-size: 16px; font-family: FiraGO-Medium,Arial; } html[data-page=news] body .body-content .news .content-box .new-container { margin-top: 5vh; margin-bottom: 3vh; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 35px; grid-row-gap: 40px; display: grid; } html[data-page=news] body .body-content .news .content-box .new-container .news-item { overflow: hidden; background-color: #a2a2a2; height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a { padding: 10% 7%; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; } html[data-page=news] body .body-content .news .content-box .new-container .news-item .create-date { background-color: #e6b03d; width: 140px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; font-family: FiraGO-Regular,Arial; color: white; display: inline-block; border-radius: 15px; } html[data-page=news] body .body-content .news .content-box .new-container .news-item .title { margin-top: 2vh; font-size: 18px; color: white; line-height: 1.4; height: calc(1.4 * 18px * 2); overflow: hidden; } html[data-page=news][data-browser="ie"] body .body-content .news .content-box .new-container { display: block; } html[data-page=news][data-browser="ie"] body .body-content .news .content-box .new-container .news-item { width: calc(33.3% - 26.6px); display: inline-block; margin-bottom: 40px; } html[data-page=news][data-browser="ie"] body .body-content .news .content-box .new-container .news-item:not(:nth-child(3n)) { margin-right: 36px; } html[data-page=news][data-browser="ie"] body .body-content .news .content-box .subscrie-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } html[data-page=faq] { background-color: #0d5242; } html[data-page=faq] .full-height { height: 100%; } html[data-page=faq] footer { display: none !important; } html[data-page=faq] body { background-color: unset !important; color: #333333 !important; padding: 25px; overflow: hidden; } html[data-page=faq] body .body-content { background-color: #fff; height: calc(100vh - 50px); border-radius: 5px; } html[data-page=faq] body .body-content .header { padding: 0 2.7%; border-bottom: 1px solid #e6eceb; height: 10.3vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page=faq] body .body-content .header .autorization { color: black; } html[data-page=faq] body .body-content .header .autorization .user-info-container .user-info .user-name { color: black; } html[data-page=faq] body .body-content .header .autorization .auth-icon svg { fill: black; } html[data-page=faq] body .body-content .header .menu:not(.burger) { padding-bottom: 0; } html[data-page=faq] body .body-content .header .menu:not(.burger) .menu-list li a { color: black; } html[data-page=faq] body .body-content .header .menu:not(.burger) .menu-list .disabled a { color: black; } html[data-page=faq] body .body-content .faq { height: calc(100% - 10.3vh); overflow-y: auto; } html[data-page=faq] body .body-content .faq .content-box { max-width: 1110px; padding: 0 50px; width: 100%; margin: auto; display: block; height: 100%; } html[data-page=faq] body .body-content .faq .filter-section { display: grid; grid-template-columns: 1fr 1fr; padding-top: 9vh; } html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content { font-size: 36px; color: #175c4a; font-family: FiraGO-Medium,Arial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content svg { margin-right: 15px; width: 40px; height: 40px; fill: #175c4a; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content { width: 210px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-dropdown .select2-results__options .select2-results__option { padding: 12px 20px 12px 24px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-selection { height: 45px; min-height: 45px; border-radius: 21px; -webkit-box-shadow: unset; box-shadow: unset; background-color: #005341; color: white; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-selection .select2-selection__rendered { color: white; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { color: white; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-selection__arrow { border: 0; right: 20px; width: 9px; height: 6px; background: none; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-selection__arrow:after { border-color: white; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-container--default .select2-selection--single { padding: 0 24px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: white; border-radius: 22px; width: 272px; height: 45px; border: 2px solid #ededed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2px; justify-self: end; right: 0; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content .search-btn { cursor: pointer; position: absolute; height: 100%; width: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 0; top: 0; pointer-events: none; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content .search-btn svg { width: 12px; height: 12px; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input { padding: 0 23px 0 45px; width: 100%; color: #333333; font-size: 14px; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 30px; height: 100%; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input::-webkit-input-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-Medium,Arial; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input:-moz-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-Medium,Arial; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input::-moz-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-Medium,Arial; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input:-ms-input-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-Medium,Arial; } html[data-page=faq] body .body-content .faq .mobile-categoryes { display: none; position: relative; } html[data-page=faq] body .body-content .faq .mobile-categoryes:before { content: ""; width: 100vw; background-color: #125d4a; height: 100%; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } html[data-page=faq] body .body-content .faq .mobile-categoryes.active .categoryes-dropdown .selected-item .dd-icon:before { -webkit-transform: translate(-50%, -40%) rotate(-135deg); transform: translate(-50%, -40%) rotate(-135deg); } html[data-page=faq] body .body-content .faq .mobile-categoryes.active .categoryes-dropdown .mobile-dd-list { max-height: 440px; height: auto; overflow: auto; } html[data-page=faq] body .body-content .faq .mobile-categoryes .categoryes-dropdown { position: relative; margin-top: 4vh; } html[data-page=faq] body .body-content .faq .mobile-categoryes .categoryes-dropdown .selected-item { display: block; height: 60px; color: white; position: relative; cursor: pointer; padding: 0 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } html[data-page=faq] body .body-content .faq .mobile-categoryes .categoryes-dropdown .selected-item .dd-icon { display: inline-block; width: 15px; height: 100%; position: relative; } html[data-page=faq] body .body-content .faq .mobile-categoryes .categoryes-dropdown .selected-item .dd-icon:before { content: ""; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%, -60%) rotate(45deg); transform: translate(-50%, -60%) rotate(45deg); border: solid #000; border-width: 0 1.5px 1.5px 0; display: inline-block; padding: 3px; -webkit-transition: .15s; transition: .15s; border-color: #fff; } html[data-page=faq] body .body-content .faq .mobile-categoryes .categoryes-dropdown .mobile-dd-list { max-height: 0; overflow: hidden; -webkit-transition: .3s; transition: .3s; width: 100vw; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; } html[data-page=faq] body .body-content .faq .mobile-categoryes .categoryes-dropdown .mobile-dd-list .c-mobile-item { cursor: pointer; color: white; /*padding: 10px 20px;*/ padding: 20px 70px; border-top: 1px solid #a5a5a5; /*&:not(:first-child) { }*/ } html[data-page=faq] body .body-content .faq .faq-container { grid-template-columns: 1fr; display: grid; grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; grid-row-gap: 10px; padding: 10px 15px; margin: 5.5vh -15px 0; } html[data-page=faq] body .body-content .faq .faq-container .faq-item.active .dropdown-box .question-container .dd-icon { border-color: transparent; background-color: #e6b03d; } html[data-page=faq] body .body-content .faq .faq-container .faq-item.active .dropdown-box .question-container .dd-icon:after { -webkit-transform: translate(-50%, -40%) rotate(-135deg); transform: translate(-50%, -40%) rotate(-135deg); border-color: #fff; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box { background-color: white; -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); border-radius: 40px; overflow: hidden; font-size: 14px; font-family: FiraGO-SemiBold,Arial; word-break: break-word; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .question-container { padding: 22px 40px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .question-container .dd-icon { width: 34px; height: 34px; min-width: 34px; min-height: 34px; border: 1px solid #d4d4d4; border-radius: 50%; -webkit-transition: .15s; transition: .15s; background-color: #fff; position: relative; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .question-container .dd-icon:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -60%) rotate(45deg); transform: translate(-50%, -60%) rotate(45deg); border: solid black; border-width: 0 1.5px 1.5px 0; display: inline-block; padding: 3px; -webkit-transition: 0.15s; transition: 0.15s; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .answer-container { padding: 0 40px 50px; display: none; font-family: FiraGO-Book,Arial; font-size: 14px; line-height: 24px; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .answer-container img { padding: 5px; max-width: 100% !important; height: unset !important; } html[data-page=faq][data-browser=ie] body .body-content .faq .faq-container { display: block; } html[data-page=faq][data-browser=ie] body .body-content .faq .faq-container .faq-item { margin-bottom: 10px; } html[data-page=news-inner], html[data-page=privacypolicy] { background-color: #0d5242; } html[data-page=news-inner] footer, html[data-page=privacypolicy] footer { display: none !important; } html[data-page=news-inner] body, html[data-page=privacypolicy] body { background-color: unset !important; color: #000 !important; padding: 25px; overflow: hidden; } html[data-page=news-inner] body .body-content, html[data-page=privacypolicy] body .body-content { background-color: #fff; height: calc(100vh - 50px); border-radius: 5px; } html[data-page=news-inner] body .body-content .header, html[data-page=privacypolicy] body .body-content .header { padding: 0 2.7%; border-bottom: 1px solid #e6eceb; height: 10.3vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page=news-inner] body .body-content .header .autorization, html[data-page=privacypolicy] body .body-content .header .autorization { color: black; } html[data-page=news-inner] body .body-content .header .autorization .user-info-container .user-info .user-name, html[data-page=privacypolicy] body .body-content .header .autorization .user-info-container .user-info .user-name { color: black; } html[data-page=news-inner] body .body-content .header .menu:not(.burger), html[data-page=privacypolicy] body .body-content .header .menu:not(.burger) { padding-bottom: 0; } html[data-page=news-inner] body .body-content .header .menu:not(.burger) .menu-list li a, html[data-page=privacypolicy] body .body-content .header .menu:not(.burger) .menu-list li a { color: black; } html[data-page=news-inner] body .body-content .header .menu:not(.burger) .menu-list .disabled a, html[data-page=privacypolicy] body .body-content .header .menu:not(.burger) .menu-list .disabled a { color: black; } html[data-page=news-inner] body .body-content .news-inner, html[data-page=privacypolicy] body .body-content .news-inner { height: calc(100% - 10.3vh); overflow-y: auto; } html[data-page=news-inner] body .body-content .news-inner img, html[data-page=privacypolicy] body .body-content .news-inner img { max-width: 100% !important; height: inherit !important; } html[data-page=news-inner] body .body-content .news-inner p *, html[data-page=privacypolicy] body .body-content .news-inner p * { font-family: FiraGO-Regular,Arial !important; } html[data-page=news-inner] body .body-content .news-inner .content-box, html[data-page=privacypolicy] body .body-content .news-inner .content-box { max-width: 1010px; padding: 0 25px; width: 100%; margin: auto; display: block; padding-top: 7vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section { display: grid; grid-template-columns: 75px 1fr; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .back-wrapper a, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .back-wrapper a { border-radius: 50%; background-color: #d8d8d8; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .back-wrapper a:hover svg, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .back-wrapper a:hover svg { -webkit-transform: scale(1.2) rotate(180deg); transform: scale(1.2) rotate(180deg); } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .back-wrapper a svg, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .back-wrapper a svg { width: 16px; height: 13px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.2s; transition: 0.2s; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper { display: grid; grid-row-gap: 20px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content { font-size: 32px; color: black; font-family: FiraGO-Medium,Arial; height: 100%; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper { display: grid; grid-template-columns: 1fr 118px; grid-row-gap: 20px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .create-date, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .create-date { background-color: #e6b03d; padding: 8px 19px; font-size: 12px; text-align: center; font-family: FiraGO-Regular,Arial; color: white; display: inline-block; border-radius: 15px; margin-bottom: 8px; margin-right: 10px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item { background-color: #005341; padding: 8px 17px; font-size: 12px; text-align: center; font-family: FiraGO-Regular,Arial; color: white; display: inline-block; border-radius: 15px; margin-bottom: 8px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item:not(:last-child), html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item:not(:last-child) { margin-right: 10px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .btn, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .btn { cursor: pointer; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .btn svg, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .btn svg { width: 30px; height: 30px; fill: #005341; margin-left: 15px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: grid; margin-top: calc(5vh - 10px); margin-bottom: 50px; grid-template-columns: 100%; grid-row-gap: 40px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .news-sllider, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .news-sllider { height: 280px; border-radius: 10px; background-color: gray; display: block; width: 100%; overflow: hidden; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .news-sllider .flickity-viewport, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .news-sllider .flickity-viewport { height: 100% !important; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .news-sllider .bg-image, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .news-sllider .bg-image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .info-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .info-wrapper { line-height: 24px; font-size: 16px; color: black; padding: 0 105px; min-height: 11vh; } html[data-page=news-inner] body .body-content .news-inner .content-box .video-iframe, html[data-page=privacypolicy] body .body-content .news-inner .content-box .video-iframe { height: 350px; border-radius: 10px; overflow: hidden; margin-bottom: 3vh; } body .video-js .vjs-control-bar { height: 4em; } body .vjs-icon-volume-mute, body .video-js .vjs-play-control { border: 1px solid rgba(251, 251, 250, 0.2); border-radius: 50%; margin: 0 5px; } body .video-js .vjs-mute-control, body .video-js .vjs-volume-menu-button, body .video-js .vjs-mute-control.vjs-vol-0, body .video-js .vjs-volume-menu-button.vjs-vol-0, body .video-js .vjs-fullscreen-control { position: relative; margin-right: 10px; } body .video-js .vjs-mute-control:after, body .video-js .vjs-volume-menu-button:after, body .video-js .vjs-mute-control.vjs-vol-0:after, body .video-js .vjs-volume-menu-button.vjs-vol-0:after, body .video-js .vjs-fullscreen-control:after { content: ""; position: absolute; height: 100%; width: 4em; border: 1px solid rgba(251, 251, 250, 0.2); border-radius: 50%; left: 0; top: 0; } body body .video-js .vjs-fullscreen-control:before { line-height: 2.3; } body .video-js .vjs-time-control { line-height: 4em; } body .vjs-menu-button-inline .vjs-menu { padding-left: 10px; } body .vjs-volume-menu-button-horizontal:hover .vjs-menu-content, body .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content { height: 4em; } body .video-js .vjs-volume-bar { margin: 1.75em .45em; } body .video-js .vjs-control-bar { padding: 0 6%; bottom: 20px; } body .video-js .vjs-control:before { line-height: 2.2; } body .video-js .vjs-play-progress { background-color: #0f437f; } body .video-js .vjs-load-progress { background-color: #fff; } body .video-js .vjs-play-progress:before { border-radius: 50%; background-color: #0f437f; width: 10px; height: 10px; content: ""; border: 2px solid #fff; top: -4px; right: -4px; } body .video-js .vjs-big-play-button:before, body .video-js .vjs-control:before, body .video-js .vjs-modal-dialog, body .vjs-modal-dialog .vjs-modal-dialog-content { color: #0f437f; } body .video-js .vjs-big-play-button { background-color: #fff; } body .video-js:hover .vjs-big-play-button, body .video-js .vjs-big-play-button:focus { background-color: rgba(255, 255, 255, 0.7); } @media (max-width: 550px) { body .video-js .vjs-control-bar { padding: 0 5px; bottom: 10px; } } html[data-page="servicecenters"] { background-color: #0d5242; } html[data-page="servicecenters"] body { background-color: unset !important; color: black !important; padding: 25px; } html[data-page="servicecenters"] .body-content { background-color: white; height: calc(100vh - 50px); border-radius: 5px; } html[data-page="servicecenters"] .body-content .autorization .auth-icon svg { fill: black; } html[data-page="servicecenters"] .body-content .header { padding: 0 2.7%; border-bottom: 1px solid #e6eceb; height: 10.3vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="servicecenters"] .body-content .header .header-content { color: black; } html[data-page="servicecenters"] .body-content .header .autorization { color: black; } html[data-page="servicecenters"] .body-content .header .autorization .user-info-container .user-info .user-name { color: black; } html[data-page="servicecenters"] .body-content .header .menu { padding-bottom: 0; } html[data-page="servicecenters"] .body-content .header .menu:not(.burger) .menu-list li a { color: black; } html[data-page="servicecenters"] .body-content .header .menu .menu-list .temp-info { color: black; } html[data-page="servicecenters"] .body-content footer { display: none !important; } html[data-page="servicecenters"] .body-content .s-centers-contaiener { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% - 10.3vh); position: relative; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info { width: 58%; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info .info-container { max-width: 800px; padding: 0 25px; padding-top: 9vh; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; margin: auto; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info .info-container .s-center-list { margin-top: 6vh; margin-bottom: 3vh; display: grid; grid-row-gap: 10px; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item { cursor: pointer; width: 100%; background-color: white; -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); height: 80px; border-radius: 40px; display: grid; grid-template-columns: 68.5% 31.5%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 35px 0 40px; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item.active .right-wrapper svg { fill: #e9bb58; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper { border-right: 1px solid #ebebeb; font-size: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper svg { fill: #e9bb58; width: 14px; min-width: 14px; height: 20px; margin-right: 20px; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .right-wrapper { font-size: 14px; justify-self: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .right-wrapper svg { width: 20px; height: 20px; fill: #999999; margin-left: 30px; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile { display: grid; grid-template-columns: 1fr 275px; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .title-wrapper .title-content, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content { font-size: 36px; color: #175c4a; font-family: FiraGO-Medium,Arial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .title-wrapper .title-content svg, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content svg { margin-right: 15px; width: 43px; height: 43px; fill: #175c4a; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper { position: relative; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper .search-content, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: white; border-radius: 22px; width: 272px; height: 45px; border: 2px solid #ededed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2px; justify-self: end; right: 0; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper .search-content .search-btn, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content .search-btn { cursor: pointer; position: absolute; height: 100%; width: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 0; top: 0; pointer-events: none; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper .search-content .search-btn svg, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content .search-btn svg { width: 12px; height: 12px; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper .search-content input, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input { padding: 0 23px 0 45px; width: 100%; color: #333333; font-size: 14px; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 30px; height: 100%; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper .search-content input::-webkit-input-placeholder, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input::-webkit-input-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-Medium,Arial; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper .search-content input:-moz-placeholder, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input:-moz-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-Medium,Arial; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper .search-content input::-moz-placeholder, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input::-moz-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-Medium,Arial; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section .filter-wrapper .search-content input:-ms-input-placeholder, html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input:-ms-input-placeholder { color: #333333; font-size: 14px; font-family: FiraGO-Medium,Arial; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .filter-section-mobile { display: none; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .map-container { width: 42%; height: 100%; background-color: dimgrey; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .map-container #map { width: 100%; height: 100%; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .map-container #map .popup-container { position: absolute; } html[data-page="servicecenters"] .body-content .s-centers-contaiener .map-container #map .popup-container #popup-content { margin-top: 10vh; background-color: #005341; border-radius: 30px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; left: 50% !important; -webkit-transform: translateX(-57%); transform: translateX(-57%); top: 5vh !important; font-size: 16px; font-family: FiraGO-Medium,Arial; padding: 20px 30px; -webkit-box-sizing: content-box; box-sizing: content-box; } html[data-browser=ie][data-page=servicecenters] .body-content .s-centers-contaiener .filter-section, html[data-browser=ie][data-page=servicecenters] .body-content .s-centers-contaiener .s-centers-contaiener .filter-section-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } html[data-browser=ie][data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .s-center-list { padding-bottom: 3vh; } html[data-browser=ie][data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-browser=ie][data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper { width: 68.5%; } html[data-browser=ie][data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .right-wrapper { width: 31.5%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } html[data-page="booking"][data-browser="ie"] body section.right-container-wrapper .header { display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-page="booking"][data-browser="ie"] body section.right-container-wrapper .form-control .submit { line-height: 50px; } html[data-page="booking"][data-browser="ie"] body section.right-container-wrapper .form-content .inline-form .form-box .form-container .form-control { margin-bottom: 1.7vh; } html[data-page="booking"][data-browser="ie"] body section.right-container-wrapper .form-content .inline-form .form-box .form-container .submit { margin-top: 2vh; line-height: 50px; } html[data-page="booking"][data-browser="ie"] body .form-control .form-select.selected-item .icon-text, html[data-page="booking"][data-browser="ie"] body .form-control .selected-item.selected-item .icon-text, html[data-page="booking"][data-browser="ie"] body .form-control .submit.selected-item .icon-text { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 50px; } html[data-page="booking"][data-browser="ie"] body .form-control .form-select.selected-item .icon-text svg, html[data-page="booking"][data-browser="ie"] body .form-control .selected-item.selected-item .icon-text svg, html[data-page="booking"][data-browser="ie"] body .form-control .submit.selected-item .icon-text svg { max-width: 24px; min-width: 18px; margin-right: 15px; } html[data-page="booking"] .payment-alert { font-size: 22px; font-family: 'FiraGO-Regular',Arial; } html[data-page="booking"] body footer { display: none !important; } html[data-page="booking"] body .body-content { height: 130vh; /*background-color: #0d5242;*/ background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } html[data-page="booking"] body .body-content#second-step #map, html[data-page="booking"] body .body-content#third-step #map { pointer-events: none; } html[data-page="booking"] body .body-content:before { display: none; min-height: 9.5vh; } html[data-page="booking"] body .body-content .header { display: none; } html[data-page="booking"] body section.left-container-wrapper { width: 63%; position: relative; } html[data-page="booking"] body section.left-container-wrapper .logo-container { height: 90px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 10; padding-left: 6.6%; } html[data-page="booking"] body section.left-container-wrapper .logo-container .logo { display: block; height: 100%; max-width: 246px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } html[data-page="booking"] body section.left-container-wrapper .logo-container .logo img { width: 100%; } html[data-page="booking"] body section.left-container-wrapper #map { width: 100%; height: 100%; } html[data-page="booking"] body section.right-container-wrapper { width: 37%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; background-color: #fff; position: relative; } html[data-page="booking"] body section.right-container-wrapper .header { display: grid; grid-template-columns: .5fr 1fr; position: absolute; width: 100%; } html[data-page="booking"] body section.right-container-wrapper .header .user-name { color: black; } html[data-page="booking"] body section.right-container-wrapper .header .goback { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 7px; } html[data-page="booking"] body section.right-container-wrapper .header .goback .go-back { width: 36px; height: 36px; background-color: #d8d8d8; border-radius: 50%; cursor: pointer; /*padding:12px 9px 12px 11px;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="booking"] body section.right-container-wrapper .header .goback .go-back:hover svg { -webkit-transform: scale(1.15); transform: scale(1.15); } html[data-page="booking"] body section.right-container-wrapper .header .goback .go-back svg { width: 16px; height: 13px; -webkit-transition: 0.2s; transition: 0.2s; } html[data-page="booking"] body section.right-container-wrapper .virtual-header { height: 10.5vh; min-height: 80px; } html[data-page="booking"] body section.right-container-wrapper .goback.mobile { display: none; } html[data-page="booking"] body section.right-container-wrapper .form-content { height: 100%; padding: 0 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form.second-step { padding-top: 18vh; overflow: auto; height: 100%; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form.second-step .bottom-area { margin-bottom: 10px; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form.third-step { margin-top: 100px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /*overflow-y: auto;*/ /*max-height: calc(100% - 180px);*/ } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box { width: 100%; display: block; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .icon-flow { border-radius: 50%; background-color: #0d5242; -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.31); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.31); width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .icon-flow svg { height: 36px; width: 36px; fill: #fff; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .title-flow { margin: 1.5vh auto auto; text-align: center; max-width: 500px; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .title-flow h1 { font-size: 21px; color: #000; font-family: 'FiraGO-Regular',Arial; font-weight: bold; line-height: 1.6; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .title-flow span { display: block; color: #666666; font-family: 'FiraGO-Regular',Arial; font-size: 14px; margin-top: 5px; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .form-container { max-width: 400px; padding: 0 20px; margin: 3vh auto 3px; position: relative; font-family: FiraGO-regular,Arial; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .form-container.date { max-width: 500px; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .form-container .hidden-boxes { display: none; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .form-container.scrollable-box { overflow-y: auto; max-height: 42vh; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker { position: relative; padding: 0 34px; overflow: hidden; max-width: 500px; margin: 0 auto; margin: 3vh auto 3px; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .slick-list { overflow: hidden; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker ul { padding: 0 10px; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker ul:not(.slick-initialized) { display: none; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker ul li { font-family: 'FiraGO-regular',Arial; font-size: 14px; line-height: 1.2; padding: 12px 17px; border-radius: 30px; text-align: center; position: static !important; height: inherit; cursor: pointer; -webkit-transition: 0.1s; transition: 0.1s; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker ul li:last-child { margin-right: 3px; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker ul li.active { background-color: #0d5242; color: #fff; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow, html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow { width: 34px; height: 34px; border: 1px solid #d4d4d4; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; -webkit-transition: .15s; transition: .15s; background-color: #fff; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow.loading, html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow.loading { opacity: 0.5; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow svg, html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow svg { width: 12px; height: 13px; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow.prev-arrow, html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow.prev-arrow { left: 0; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow.next-arrow, html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow.next-arrow { right: 0; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow.slick-disabled, html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow.slick-disabled { opacity: .2; } html[data-page="booking"] body section.right-container-wrapper .form-content .inline-form .form-box .button-container { max-width: 500px; margin: auto; padding: 0 20px; } html[data-page="booking"] body section.right-container-wrapper .form-content .error .select2-selection__placeholder { color: red !important; } html[data-page="booking"] body form { display: grid; grid-row-gap: 1.7vh; grid-auto-columns: 100%; } html[data-page="booking"] body form .grid-items { display: grid; grid-row-gap: 1.7vh; grid-auto-columns: 100%; grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; padding-bottom: 10px; } html[data-page="booking"] body .form-control { position: relative; cursor: pointer; } html[data-page="booking"] body .form-control.active .selected-item.date { background-color: #0d5242; color: #fff; } html[data-page="booking"] body .form-control.active .selected-item.date .icon-text svg { fill: #fff; } html[data-page="booking"] body .form-control.active .selected-item.date .b-toggle-arrow, html[data-page="booking"] body .form-control.active .selected-item.date .toggle-arrow { background-color: #e9bb58; border-color: #e9bb58; } html[data-page="booking"] body .form-control.active .selected-item.date .b-toggle-arrow svg, html[data-page="booking"] body .form-control.active .selected-item.date .toggle-arrow svg { stroke: #fff; } html[data-page="booking"] body .form-control .form-select, html[data-page="booking"] body .form-control .selected-item, html[data-page="booking"] body .form-control .submit { font-family: 'FiraGO-regular',Arial; border: none; width: 100%; min-height: 60px; /*height: 5.8vh;*/ background-color: #fff; border-radius: 30px; -ms-touch-action: auto; touch-action: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } html[data-page="booking"] body .form-control .form-select:not(.submit), html[data-page="booking"] body .form-control .selected-item:not(.submit), html[data-page="booking"] body .form-control .submit:not(.submit) { padding: 5px 53px 5px 22px; } html[data-page="booking"] body .form-control .form-select.submit, html[data-page="booking"] body .form-control .selected-item.submit, html[data-page="booking"] body .form-control .submit.submit { padding: 5px 35px 5px 35px; } html[data-page="booking"] body .form-control .form-select:not(.date), html[data-page="booking"] body .form-control .selected-item:not(.date), html[data-page="booking"] body .form-control .submit:not(.date) { -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16); } html[data-page="booking"] body .form-control .form-select.date, html[data-page="booking"] body .form-control .selected-item.date, html[data-page="booking"] body .form-control .submit.date { border: 1px solid #e1e1e1; } html[data-page="booking"] body .form-control .form-select.selected-item, html[data-page="booking"] body .form-control .selected-item.selected-item, html[data-page="booking"] body .form-control .submit.selected-item { font-size: 16px; color: #000; } html[data-page="booking"] body .form-control .form-select.selected-item:not(.date), html[data-page="booking"] body .form-control .selected-item.selected-item:not(.date), html[data-page="booking"] body .form-control .submit.selected-item:not(.date) { font-family: 'FiraGO-Medium',Arial; } html[data-page="booking"] body .form-control .form-select.selected-item:not(.date) .icon-text svg, html[data-page="booking"] body .form-control .selected-item.selected-item:not(.date) .icon-text svg, html[data-page="booking"] body .form-control .submit.selected-item:not(.date) .icon-text svg { fill: #e9bb58; } html[data-page="booking"] body .form-control .form-select.selected-item .icon-text, html[data-page="booking"] body .form-control .selected-item.selected-item .icon-text, html[data-page="booking"] body .form-control .submit.selected-item .icon-text { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: 20px 1fr; grid-column-gap: 15px; line-height: 1.3; } html[data-page="booking"] body .form-control .form-select.selected-item .icon-text svg, html[data-page="booking"] body .form-control .selected-item.selected-item .icon-text svg, html[data-page="booking"] body .form-control .submit.selected-item .icon-text svg { max-width: 100%; height: 24px; -webkit-transform: scale(1.3); transform: scale(1.3); } html[data-page="booking"] body .form-control .form-select.selected-item .b-toggle-arrow svg, html[data-page="booking"] body .form-control .form-select.selected-item .toggle-arrow svg, html[data-page="booking"] body .form-control .selected-item.selected-item .b-toggle-arrow svg, html[data-page="booking"] body .form-control .selected-item.selected-item .toggle-arrow svg, html[data-page="booking"] body .form-control .submit.selected-item .b-toggle-arrow svg, html[data-page="booking"] body .form-control .submit.selected-item .toggle-arrow svg { width: 16px; height: 11px; stroke: #000000; } html[data-page="booking"] body .form-control .b-toggle-arrow, html[data-page="booking"] body .form-control .toggle-arrow { width: 34px; height: 34px; border: 1px solid #d4d4d4; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; border-radius: 50%; -webkit-transition: .15s; transition: .15s; background-color: #fff; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="booking"] body .form-control .b-toggle-arrow svg, html[data-page="booking"] body .form-control .toggle-arrow svg { width: 9px; height: 6px; /*stroke:#000000;*/ } html[data-page="booking"] body .form-control .submit { background-color: #848484; border: none; outline: none; cursor: pointer; margin-top: 1.3vh; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; } html[data-page="booking"] body .form-control .submit.active { background-color: #0d5242; } html[data-page="booking"] body .form-control .submit.active.temp-reservation-btn { background-color: #e6b03d; } @media only screen and (max-width: 1200px) { html[data-page="booking"] body .body-content section.right-container-wrapper { width: 40%; } html[data-page="booking"] body .body-content section.left-container-wrapper { width: 60%; } } @media only screen and (max-width: 992px) { html[data-page="booking"] .loader-container { position: fixed; left: 0; } html[data-page="booking"] body .body-content { display: block; } html[data-page="booking"] body .body-content#second-step .left-container-wrapper, html[data-page="booking"] body .body-content#third-step .left-container-wrapper { display: none; } html[data-page="booking"] body .body-content:before { display: block; } html[data-page="booking"] body .body-content .header { display: grid; } html[data-page="booking"] body .body-content .header .logo .white { display: block; } html[data-page="booking"] body .body-content .header .logo .blue { display: none; } html[data-page="booking"] body .body-content #v-cal .vcal-week span { padding: 2rem 0 1.1rem; } html[data-page="booking"] body .body-content section .form-control .form-select:not(.submit), html[data-page="booking"] body .body-content section .form-control .selected-item:not(.submit), html[data-page="booking"] body .body-content section .form-control .submit:not(.submit) { padding-left: 20px; } html[data-page="booking"] body .body-content section.left-container-wrapper { width: 100%; height: 50vh; } html[data-page="booking"] body .body-content section.left-container-wrapper .logo-container { display: none; } html[data-page="booking"] body .body-content section.right-container-wrapper { padding: 40px 15px 0; width: 100%; } html[data-page="booking"] body .body-content section.right-container-wrapper .header { display: none; } html[data-page="booking"] body .body-content section.right-container-wrapper .virtual-header { display: none; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content { height: auto; padding: 0 0 30px 0; min-height: unset; position: relative; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .inline-form { min-height: auto; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .inline-form.third-step { margin-top: 0; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .inline-form .form-box { max-width: 500px; margin: auto; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .inline-form .form-box .form-container { max-width: 100%; padding: 0; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .inline-form .form-box .form-container form { max-width: 360px; margin: auto; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .goback.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 7px; position: absolute; top: 0; left: 0; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .goback.mobile .go-back { width: 36px; height: 36px; background-color: #d8d8d8; border-radius: 50%; cursor: pointer; /*padding:12px 9px 12px 11px;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .goback.mobile .go-back:hover svg { -webkit-transform: scale(1.15); transform: scale(1.15); } html[data-page="booking"] body .body-content section.right-container-wrapper .form-content .goback.mobile .go-back svg { width: 16px; height: 13px; -webkit-transition: 0.2s; transition: 0.2s; } html[data-page="booking"] .payment-alert { font-size: 18px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .form-container.scrollable-box { margin-bottom: 125px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .button-container { position: fixed; bottom: 0; background-color: white; width: 100%; margin-top: 15px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .button-container .submit-third-step { margin-bottom: 15px; } } @media only screen and (max-width: 550px) { html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .button-container { width: calc(100% - 30px); padding: 0; } html[data-page=booking] .payment-alert { font-size: 14px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .form-container.scrollable-box { margin-bottom: 115px; } } @media only screen and (max-width: 400px) { html[data-page="booking"] body .body-content #v-cal { max-width: 290px; } html[data-page="booking"] body .body-content #v-cal .vcal-date { padding: 0.3rem 0; -webkit-box-flex: 1; -ms-flex: 1 0 8.18%; flex: 1 0 8.18%; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .title-flow span { display: none; } html[data-page=booking] body .body-content { overflow: auto; } html[data-page=booking] body .body-content section.right-container-wrapper { padding: 30px 15px 0; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .icon-flow { width: 60px; height: 60px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .icon-flow svg { height: 26px; width: 26px; } html[data-page=booking] body .body-content section.right-container-wrapper .form-content .goback.mobile { top: 12px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .title-flow h1 { font-size: 19px; } } /*@media screen and (min-device-width: 481px) and (max-device-width: 768px) { }*/ @media (min-width: 993px) { .language.burger, .menu.burger { display: none; } .language:hover .lang-dd-icon svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .language:hover .lang-list { height: 50px; border-color: #cccccc; } .language:hover .lang-list li { opacity: 1; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } } @media (max-height: 1000px) and (min-height: 932px) { .form-container.registration-form { margin-top: 2vh; } .form-container.registration-form .default-form { grid-row-gap: 1.5vh; } .form-container.registration-form .default-form .submit-btn { margin-top: 0.3vh; } .form-container.registration-form .default-form .form-input { height: 5.6vh; } .form-container.registration-form .or-section { margin: 1.2vh 0; } .form-container.registration-form .secondary-btn { margin-top: 1vh; } } @media (max-width: 1350px) and (min-width: 1200px) { .body-content .header { padding: 0 6%; } .body-content .header .menu:not(.burger) .menu-list li:not(:first-child) { margin-left: 18px; } .body-content .header .menu:not(.burger) .menu-list li:not(:first-child) a { margin-left: 0; } } @media (max-width: 1350px) and (min-width: 993px) { html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section { grid-template-columns: 1fr 60px; position: relative; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section .title-wrapper .title-content { font-size: 30px; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section .filter-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section .filter-wrapper .filter-content { display: none; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section .filter-wrapper.active .filter-content { opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section .filter-wrapper:not(.active) .search-content { border-radius: 10px; width: 51px; height: 51px; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section .filter-wrapper:not(.active) .search-content .search-btn { width: 100%; pointer-events: auto; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section .filter-wrapper:not(.active) .search-content .search-btn svg { width: 16px; height: 16px; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .filter-section .filter-wrapper:not(.active) .search-content input { width: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; } html .content .cabinet .edit-profile-image-container .content-container, html .content .cabinet .edit-password-container .content-container, html .content .cabinet .add-car-popup .content-container, html .content .cabinet .remove-car-popup .content-container, html .content .cabinet .edit-car-popup .content-container { max-width: 450px; max-height: 470px; } html .content .cabinet .edit-profile-image-container .content-container .content-box .icon, html .content .cabinet .edit-password-container .content-container .content-box .icon, html .content .cabinet .add-car-popup .content-container .content-box .icon, html .content .cabinet .remove-car-popup .content-container .content-box .icon, html .content .cabinet .edit-car-popup .content-container .content-box .icon { width: 70px; height: 70px; margin: auto auto 3vh; } } @media (max-width: 1200px) and (min-width: 992px) { .body-content .header { padding: 0 2% !important; } .body-content .header .logo { min-width: 160px; } .body-content .header .menu:not(.burger) { padding-bottom: 15px; } .body-content .header .menu:not(.burger) .menu-list { font-size: 12px; } .body-content .header .menu:not(.burger) .menu-list li:not(:first-child) { margin-left: 8px; } .body-content footer { padding: 0 5%; } .body-content footer .social { min-width: 268px; } html .autorization { margin-right: 15px; } .right-bar .calculate-price .section-info-wrapper .settings-icon { width: 70px; height: 70px; } .right-bar .calculate-price .section-info-wrapper .title { font-size: 20px; max-width: 260px; } .right-bar .header { padding-right: 0; } .right-bar .header .header-content { margin: 0 auto 7px; } .right-bar .footer { padding: 0 20px 0 20px; } html .content.active-reminder .cabinet .inspection-info .infoes.reserved { grid-template-rows: 45% 55% !important; } html .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box { padding-left: 20px; } html[data-browser=ie] .body-content .content .cabinet .left-container { width: 30%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr { width: 70%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info { height: 66%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes { width: 100%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { max-width: none; text-align: center; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { width: 100%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .desc, html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .title, html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .desc, html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .title { width: 100%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .car-info { height: 34%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .car-info .car-details { padding-left: 4%; width: 50%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .car-info .car-details .infoes { width: 100%; } html[data-browser=ie] .body-content .content .cabinet .right-contaienr .car-info .contact { padding-left: 6%; width: 50%; } html[data-page=servicecenters][data-browser=ie] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper { width: 62%; } html[data-page=servicecenters][data-browser=ie] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .right-wrapper { width: 38%; } [data-browser=ie] .right-bar .header { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [data-browser=ie] .right-bar .header .header-content { margin: inherit; margin-bottom: 7px; } html .content.active-reminder .cabinet .car-info .car-infoes-container { grid-template-columns: 1fr 60px; } } @media (max-height: 900px) { html body .content.active-reminder .cabinet .inspection-info .infoes { grid-template-rows: 50% 50% !important; } html body .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr { grid-row-gap: 30px; } html body .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .title { font-size: 28px; } html body .content.active-reminder .cabinet .inspection-info .infoes .techdata-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-height: 900px) and (min-width: 993px) { .error-container { -webkit-transform: translate(-50%, -50%) scale(0.6); transform: translate(-50%, -50%) scale(0.6); } .error-container .bottom-text { -webkit-transform: scale(1.4); transform: scale(1.4); } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .form-container.scrollable-box { max-height: 36vh; margin: 1vh auto 1px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .submit.temp-reservation-btn { margin-top: 10px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .icon-flow { width: 65px; height: 65px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .icon-flow svg { width: 27px; height: 27px; } html[data-page=booking] body .form-control .submit, html[data-page=booking] body .form-control .selected-item, html[data-page=booking] body .form-control .form-select { min-height: 55px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box { height: 75px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box .title { padding-bottom: 7px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box .desc { font-size: 22px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box.price-info { padding-top: 0; } } @media (max-height: 800px) { html body .content.active-reminder .cabinet .right-contaienr .inspection-info, html body .content .cabinet .right-contaienr .inspection-info { background-size: 32%; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .status-contaienr, html body .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { grid-row-gap: 30px; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title, html body .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { font-size: 28px; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info, html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date, html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date { font-size: 18px; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info .title, html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .title { font-size: 18px; } html .content .cabinet .left-container .personal-info { grid-template-rows: 18% 82%; } html[data-browser=ie] body .content .cabinet .right-contaienr .inspection-info, html[data-browser=ie] body .content.active-reminder .cabinet .right-contaienr .inspection-info { height: 66%; } html[data-browser=ie] body .content .cabinet .right-contaienr .car-info, html[data-browser=ie] body .content.active-reminder .cabinet .right-contaienr .car-info { height: 34%; } } @media (max-height: 700px) { .calculate-price .section-info-wrapper .settings-icon { width: 70px; height: 70px; } .calculate-price .section-info-wrapper .settings-icon svg { height: 30px; width: 30px; } html[data-page=contact] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .info-box { height: 50vh; } } @media (max-height: 700px) and (min-width: 993px) { html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .form-container.scrollable-box { max-height: 27vh; } html[data-page=booking] body .form-control .submit, html[data-page=booking] body .form-control .selected-item, html[data-page=booking] body .form-control .form-select { min-height: 53px; } html .content.active-reminder .cabinet .inspection-info .infoes.reserved { grid-template-rows: 42% 58% !important; } html .content .cabinet .right-contaienr { grid-template-rows: 70% 30%; } } @media (max-width: 1810px) and (min-width: 993px) { html .content:not(.active-reminder) .cabinet .right-contaienr .contact { grid-template-columns: 22% 78%; } } @media (max-width: 1660px) and (min-width: 993px) { html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes { padding: 0; } html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes div span { margin-left: 7px; } } @media (max-width: 1660px) and (min-width: 1200px) { html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info { font-size: 16px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info svg { left: 5px !important; } html[data-page=contact] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title { font-size: 30px; } html[data-page=cabinet] body .content .cabinet .inspection-info .infoes { padding-left: 5%; } html[data-page=cabinet] body .content .cabinet .inspection-info .infoes .live-buttons .live-button.submit-btn { font-size: 16px; } html[data-page=cabinet] body .content .cabinet .inspection-info .infoes .live-buttons .live-button.submit-btn svg { width: 22px; margin-right: 15px; } html[data-page=cabinet] body .content .cabinet .car-info .car-infoes-container { padding: 3% 3% 0 4%; } } @media (max-width: 1400px) and (min-width: 993px) { html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes { padding: 0; } html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes div span { margin-left: 0; display: block; margin-top: 5px; } html .content .cabinet .right-contaienr .inspection-info { grid-template-columns: 60% 40%; } html .content.active-reminder .cabinet .car-info .contact { padding-left: 5%; } } @media (max-width: 1500px) and (min-width: 993px) { html .content { /*&.active-reminder { .cabinet .inspection-info { .infoes .status-contaienr .status-info { height: 50px; max-width: 300px; font-size: 16px; } } }*/ } html .content .cabinet .right-contaienr .inspection-info { background-size: 45%; } html .content .cabinet .left-container .settings .logoff, html .content .cabinet .left-container .settings .reset-password { padding-left: 7%; font-size: 16px; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr { width: 120px; height: 120px; } html .content .cabinet .left-container .personal-info .person-infoes .infoes { padding-left: 7%; } html .content .cabinet .left-container .personal-info .person-infoes .infoes .editable-info { font-size: 20px; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes, html body .content .cabinet .right-contaienr .inspection-info .infoes { padding-left: 8%; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .status-contaienr, html body .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { grid-row-gap: 20px; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title, html body .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { font-size: 24px; } html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .desc, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .title, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .desc, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .title, html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .desc, html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date .title, html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .desc, html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price .title { font-size: 16px; } html body .content.active-reminder .cabinet .right-contaienr .car-info .car-infoes-container, html body .content .cabinet .right-contaienr .car-info .car-infoes-container { padding: 3% 3% 0 6%; } html body .content.active-reminder .cabinet .right-contaienr .car-info .car-image img, html body .content .cabinet .right-contaienr .car-info .car-image img { width: 80%; } html[data-browser=ie] body .content .cabinet .right-contaienr .car-info .car-details, html[data-browser=ie] body .content .cabinet .right-contaienr .inspection-info .infoes, html[data-browser=ie] body .content.active-reminder .cabinet .right-contaienr .car-info .car-details, html[data-browser=ie] body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes { padding-left: 3%; } html .body-content .header { padding: 0 4%; } html .body-content .header .menu .menu-list li:not(:first-child) { margin-left: 20px; } html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info svg { left: 20px; } html[data-page=cabinet] .live-buttons .live-button.submit-btn { font-size: 14px; } html[data-page=cabinet] .live-buttons .live-button.submit-btn svg { width: 20px; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes { grid-template-columns: 1fr 1fr; } } @media (max-width: 1300px) and (min-width: 993px) { html .body-content .header .menu .menu-list { font-size: 13.5px; } html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info svg { left: 10px; } html[data-page=cabinet] .live-buttons .live-button.submit-btn svg { margin-right: 10px; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes { grid-template-columns: 1fr 1fr; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes .car-image img { width: 90%; } html .content .cabinet .left-container .personal-info .person-infoes .infoes .editable-info { font-size: 18px; } html[data-page=contact] .body-content .autorization .user-info-container .user-info .user-name { font-size: 12px; } html[data-page=contact] .body-content .header .menu:not(.burger) .menu-list { font-size: 12px; } html[data-page=contact] .body-content .contact-contaiener .info-container { width: 40%; } html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .title { font-size: 28px; } html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .title .icon { margin-right: 15px; width: 30px; height: 30px; } html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label, html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label, html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label { font-size: 20px; } html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .info-box .email a, html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a, html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a { font-size: 16px; } html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .social { height: 50px; } html[data-page=contact] .body-content .contact-contaiener .map-container { width: 60%; } html[data-page=contact] .body-content .contact-contaiener .info-container .work-hours { padding: 0 1.5% 0 5%; } html[data-page=contact] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper { padding-left: 11%; } html[data-page=contact] .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title { font-size: 26px; } html .content .cabinet, html body .content.active-reminder .cabinet { grid-template-columns: 30% 70%; } html .content .cabinet .right-contaienr .inspection-info, html body .content.active-reminder .cabinet .right-contaienr .inspection-info { grid-template-columns: 1fr; background-image: none !important; } html .content .cabinet .right-contaienr .inspection-info .infoes, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes { padding-left: 0; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { padding: 0 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: unset; grid-template-columns: 100%; text-align: center; } html .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { font-size: 22px; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info { grid-column-gap: 0; justify-items: center; text-align: center; } html .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info .price { padding: 0 30px; } html .content .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .location-info .info-box { padding-left: 3%; } html .content .cabinet .right-contaienr .car-info, html body .content.active-reminder .cabinet .right-contaienr .car-info { grid-template-columns: 1fr 1fr; } html .content .cabinet .right-contaienr .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes, html body .content.active-reminder .cabinet .right-contaienr .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes { grid-template-columns: 1fr; } html .content .cabinet .right-contaienr .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes .car-image, html body .content.active-reminder .cabinet .right-contaienr .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes .car-image { display: none; } } @media (max-width: 1200px) and (min-width: 993px) { html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info svg { left: 50px; } html[data-page=booking] body .inspection-alert { width: 40%; } html[data-browser="ie"] .content .cabinet .right-contaienr .car-info .car-details, html[data-browser="ie"] .content .cabinet .right-contaienr .car-info .infoes, html html body .content.active-reminder .cabinet .right-contaienr .car-info .car-details, html html body .content.active-reminder .cabinet .right-contaienr .car-info .infoes { width: 50%; } html[data-page=faq] body .body-content .faq .filter-section { grid-template-columns: 0.8fr 1.2fr; } html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content { font-size: 32px; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container { padding-top: 6vh; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item { grid-template-columns: 62% 38%; padding: 0 20px 0 25px; height: 70px; border-radius: 35px; } html[data-page=servicecenters] .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper { font-size: 16px; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .title { font-size: 15px; } html body .content.active-reminder .cabinet .right-contaienr .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes { -ms-flex-item-align: center; align-self: center; } html .content.active-reminder .cabinet .car-info .contact { padding-left: 6%; } html .content .cabinet .right-contaienr .car-info, html body .content.active-reminder .cabinet .right-contaienr .car-info { grid-template-columns: 1.1fr .9fr; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-prop .add-car-popup-btn { width: 30px; height: 30px; } html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes { grid-template-columns: 1.1fr .9fr; } html body .content.active-reminder .cabinet .right-contaienr .car-info { grid-template-columns: 1fr 0.9fr; } html body .content.active-reminder .cabinet .right-contaienr .car-info .contact { grid-template-rows: 35% 65%; padding-left: 4%; } html body .content.active-reminder .cabinet .right-contaienr .car-info .contact .contact-infoes div { font-size: 15px; } } html[data-page=home] .body-content .header .language:not(.burger) { display: none; } html[data-page=home] .body-content .header .autorization { display: none !important; } @media (max-width: 1150px) { html .body-content .footer.news-inner-footer .ls { text-align: center; } } @media (max-width: 992px) { html .content .cabinet .right-contaienr .inspection-info .infoes { -webkit-transition: 0s !important; transition: 0s !important; } html .content .cabinet .content-container .content-box { padding: 0 20px; } html .content .cabinet .edit-profile-image-container .content-container .content-box .icon, html .content .cabinet .edit-password-container .content-container .content-box .icon, html .content .cabinet .add-car-popup .content-container .content-box .icon, html .content .cabinet .remove-car-popup .content-container .content-box .icon, html .content .cabinet .edit-car-popup .content-container .content-box .icon { width: 70px; height: 70px; } html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .profile-image-container { width: 100%; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .booking-disabled-text, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .active-reminder-btn { border-radius: 0; background-color: transparent !important; color: #fff; width: unset; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn { background-color: unset; font-size: 28px; color: white; font-family: FiraGO-SemiBold,Arial; justify-self: flex-start; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.live-button { justify-self: flex-end; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info { font-size: 12px; } .booking-result-alert-form .booking-result .title { margin-bottom: 30px; font-size: 28px; } .booking-result-alert-form .booking-result .message-item { padding: 23px 0; } .booking-result-alert-form .booking-result .message-item .bold-text { font-size: 14px; } .booking-result-alert-form .booking-result .message-item .info-text { font-size: 18px; } html body .body-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } html body .body-content:before { content: ''; display: block; width: 100%; height: 9.5vh; } html body .body-content .header { /*height: 125px !important;*/ height: 9.5vh !important; min-height: 9.5vh !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; grid-template-columns: 1fr 50px 50px !important; display: grid; position: fixed; top: 0; width: 100%; z-index: 100; } html body .body-content .header .logo { width: 35%; } html[data-page=cabinet] .body-content { display: block; } html[data-page=cabinet] .content { margin: 0 auto; width: 100%; } html[data-page=cabinet] .content .cabinet { background-color: white; } html[data-page=cabinet] .content .cabinet .left-container .settings { display: none; } html[data-page=cabinet] .content .cabinet .left-container .title { font-size: 28px; font-family: FiraGO-SemiBold,Arial; height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8.2% 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; max-width: 750px; } html[data-page=cabinet] .content .cabinet .left-container .title .personal-info-down-arrow { width: 30px; height: 100%; cursor: pointer; text-align: right; } html[data-page=cabinet] .content .cabinet .left-container .title .personal-info-down-arrow.active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } html[data-page=cabinet] .content .cabinet .left-container .title .personal-info-down-arrow svg { -webkit-transition: 0.3s; transition: 0.3s; width: 18px; height: 100%; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes { border-top: 1px solid #cfcfc7; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .mobile-name-hidden { display: none; margin-bottom: 4vh; width: 100%; text-align: center; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr { margin: 0 auto; width: 150px; height: 150px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; -ms-flex-item-align: start; align-self: flex-start; margin-top: 4.6vh; margin-bottom: 3.6vh; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn { opacity: 1; background-color: #eaeaea; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn:not(.no-image) { background-color: transparent; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn:not(.no-image) .mobile-icon { display: none; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn svg:not(.mobile-icon) { display: none; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn .backgorund { background-color: transparent; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn .mobile-icon { display: block; width: 64px; height: 64px; fill: #666666; margin-left: 9px; margin-top: 9px; } html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr img { width: 100%; } html[data-page=cabinet] .content .cabinet .left-container .infoes { max-width: 750px; margin: 0 auto; padding-left: 8.2%; padding-right: 8.2%; display: grid; grid-row-gap: 5vh; height: 100%; padding-bottom: 5.5vh; -ms-flex-line-pack: start; align-content: start; } html[data-page=cabinet] .content .cabinet .left-container .infoes label { font-family: FiraGO-SemiBold,Arial; font-size: 24px; } html[data-page=cabinet] .content .cabinet .left-container .infoes .editable-info { font-family: FiraGO-Light,Arial; font-size: 37px; position: relative; margin-top: 5px; } html[data-page=cabinet] .content .cabinet .left-container .infoes .editable-info .edit-field { padding-left: 14px; cursor: pointer; display: inline-block; } html[data-page=cabinet] .content .cabinet .left-container .infoes .editable-info .edit-field svg { width: 24px; height: 24px; fill: #0d5242; } html[data-page=cabinet] .content .cabinet .left-container .infoes .reset-password.mobile { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; max-width: 200px; margin: auto; border-radius: 5px; padding: 5px; border: 1px solid grey; } html[data-page=cabinet] .content .cabinet .left-container .infoes .reset-password.mobile svg { width: 17px; height: 17px; margin-right: 10px; } html[data-page=cabinet] .content .cabinet .contact .title { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 11%; height: 124px; font-size: 28px; font-family: FiraGO-SemiBold,Arial; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 8%; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 750px; margin: auto; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes { border-top: 1px solid #cfcfc7; padding: 3.5vh 0 3.5vh; font-size: 28px; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes div { max-width: 750px; padding: 0 8%; margin: auto; font-family: "FiraGO-Medium",Arial; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes div:not(:first-child) { padding-top: 1.8vh; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes div span { padding-left: 25px; font-family: "FiraGO-Book",Arial; } html[data-page=cabinet] .content .cabinet .contact .fb svg { fill: #0084ff; width: 16px; height: 16px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info { background-image: none !important; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes { background-color: #0d5242; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 50px 8% 65px; -ms-flex-flow: wrap; flex-flow: wrap; color: #fff; max-width: 750px; width: 100%; margin: 0 auto; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { font-family: FiraGO-SemiBold,Arial; font-size: 36px; max-width: 500px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .desc { display: none; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info { margin-top: 4vh; color: #fff; position: relative; font-family: FiraGO-Medium,Arial; background-color: #e6b03d; width: 100%; height: 70px; border-radius: 45px; font-size: 16px; height: 91px; font-size: 22px; text-align: right; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info svg { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 32px; width: 37px; height: 37px; fill: #fff; } html[data-page=cabinet] .content .car-tecdata-sllder { border-bottom: 1px solid #cfcfc7; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info { background-image: none !important; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes { background-color: #0d5242; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr { height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 8.2%; margin: 0 auto; max-width: 750px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .title { display: none; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-mobile-text { display: inline-block; font-family: FiraGO-SemiBold,Arial; font-size: 28px; color: white; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info { border-radius: 0; color: black; font-family: FiraGO-Bold,Arial; font-size: 18px; background-color: transparent !important; font-size: 18px; color: white; width: unset; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info > span { display: none; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info.active svg { fill: #0d5242; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info svg { margin-right: 22px; left: 32px; width: 17px; height: 22px; fill: #e75229; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info { background-color: white; padding: 3vh 0 4.5vh; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .title { font-size: 36px; font-family: FiraGO-SemiBold,Arial; display: block; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .desc { padding-top: 1.2vh; color: #e7b12d; font-size: 32px; font-family: FiraGO-Medium,Arial; display: block; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price { padding: 0 8.2%; max-width: 750px; margin: 0 auto; display: block; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price { width: 100%; display: block; font-size: 21px; margin-top: 2.5vh; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .title { font-family: FiraGO-Medium,Arial; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .desc { color: #1e544b; font-family: FiraGO-SemiBold,Arial; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info { background-color: white; display: grid; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box { -ms-flex-line-pack: center; align-content: center; height: 100%; border-top: 1px solid #cfcfc7; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 95px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box .title { margin-left: auto; margin-right: auto; font-family: FiraGO-SemiBold,Arial; font-size: 16px; display: block; width: 100%; max-width: 750px; padding: 0 8.2%; padding-bottom: 5px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box .desc { margin-left: auto; margin-right: auto; max-width: 750px; padding: 0 8.2%; font-family: FiraGO-Light,Arial; font-size: 24px; display: block; width: 100%; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box.price-info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 20px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box.price-info .title { font-family: FiraGO-Light,Arial; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box.price-info .bold-text { font-family: FiraGO-SemiBold,Arial; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-infoes-container { display: grid; grid-template-columns: 100%; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-infoes-container .slick-track { display: grid; grid-template-rows: 100%; grid-auto-flow: column; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-infoes-container .slick-initialized .slick-slide { display: grid; grid-auto-rows: 1fr; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-infoes-container .car-prop { padding: 0 8.2%; max-width: 750px; margin: 0 auto; width: 100%; grid-row-start: 1; grid-template-columns: 40px 70px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details { border-top: 1px solid #cfcfc7; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8.2%; height: 124px; font-size: 28px; font-family: FiraGO-SemiBold,Arial; display: flex; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 750px; margin: 0 auto; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info { padding: 0 8.2%; max-width: 750px; margin: 0 auto; width: 100%; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .title { padding: 0; margin: 0; font-size: 28px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions { border: 0; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions .remove-icon { padding-left: 50px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions svg { width: 30px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes { border-top: 1px solid #cfcfc7; border-bottom: 1px solid #cfcfc7; padding: 2.5vh 0; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table { padding: 0 8.2%; max-width: 750px; margin: 0 auto; width: 100%; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td { font-size: 18px; font-family: "FiraGO-Regular",Arial; padding: 15px 0; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td div { padding-bottom: 8px; font-size: 28px; font-family: "FiraGO-medium",Arial; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-image { display: none; } body { background-color: #125d4a; } .body-content .header { background-color: #005341; } .body-content .header .language:not(.burger), .body-content .header .menu:not(.burger), .body-content .header .autorization { display: none !important; } .body-content .header .header-content { display: none !important; } .body-content .header .language.burger { width: 48px; height: 48px; border-color: white; } .body-content .header .language.burger .lang-icon { width: 22px; height: 22px; } .body-content .header .language.burger .lang-icon svg { fill: white; } .body-content .header .language.burger.active .lang-list { pointer-events: unset; } .body-content .header .language.burger .lang-list { pointer-events: none; -ms-flex-flow: wrap; flex-flow: wrap; top: 35px; } .body-content .header .language.burger .lang-list li { width: 100%; color: white; } .body-content .header .menu.burger { width: 30px; height: 23px; margin-right: 18px; } .body-content .header .menu.burger .menu-list { position: fixed; top: 9.5vh; left: 0; height: calc(100% - 9.5vh); width: 100%; background-color: #005341; z-index: 100; -ms-flex-flow: wrap; flex-flow: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.3s; transition: 0.3s; } .body-content .header .menu.burger .menu-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10.8%; width: 100%; margin: 0; font-size: 36px; font-family: FiraGO-Regular,Arial; cursor: pointer; border-top: 1px solid #004a3a; margin-left: 0 !important; color: white; } .body-content .header .menu.burger .menu-list li a { width: 100%; } .body-content .header .menu.burger .menu-list .user-info-container:hover { color: white; cursor: unset; } .body-content .header .menu.burger .menu-list .user-info-container .user-image { width: 130px; height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; overflow: hidden; } .body-content .header .menu.burger .menu-list .user-info-container .user-image a, .body-content .header .menu.burger .menu-list .user-info-container .user-image img { width: 100%; height: 100%; } .body-content .header .menu.burger .menu-list .user-info-container .user-info { padding-left: 35px; } .body-content .header .menu.burger .menu-list .user-info-container .user-info .user-name { font-size: 37px; font-family: FiraGO-Medium,Arial; } .body-content .header .menu.burger .menu-list .user-info-container .user-info .logoff-btn { margin-top: 17px; background-color: white; width: 176px; height: 43px; font-family: FiraGO-Regular,Arial; font-size: 18px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 21.5px; cursor: pointer; } .body-content .header .menu.burger .menu-list .user-info-container .user-info .logoff-btn svg { margin-right: 24px; width: 19px; height: 20px; } .body-content .header .menu.burger .menu-list .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .body-content .header .menu.burger .menu-list .social .pre-text { font-size: 23px; margin-right: 8.6%; text-transform: none; -webkit-font-feature-settings: 'case' off; font-feature-settings: 'case' off; font-family: FiraGO-Book,Arial; color: white !important; } .body-content .header .menu.burger .menu-list .social .icons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60%; -ms-flex-pack: distribute; justify-content: space-around; max-width: 350px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .body-content .header .menu.burger .menu-list .social .icons .fb { width: 24px; height: 45px; } .body-content .header .menu.burger .menu-list .social .icons .fb svg { width: 24px; height: 45px; fill: #4267b2; opacity: 1; } .body-content .header .menu.burger .menu-list .social .icons .twitter { width: 40px; height: 38px; } .body-content .header .menu.burger .menu-list .social .icons .twitter svg { width: 40px; height: 38px; fill: #1da1f2; opacity: 1; } .body-content .header .menu.burger .menu-list .social .icons .youtube { width: 46px; height: 35px; } .body-content .header .menu.burger .menu-list .social .icons .youtube svg { width: 46px; height: 35px; fill: red; opacity: 1; } .body-content .header .menu.burger .menu-list .social .icons .in { height: 47px; width: 47px; } .body-content .header .menu.burger .menu-list .social .icons .in svg { height: 47px; width: 47px; fill: #0077B5; opacity: 1; } .body-content .header .menu.burger .menu-list .social .icon { cursor: pointer; width: 32px; min-width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; border: 2px solid transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; } .body-content .header .menu.burger .menu-list .social .icon:not(:first-child) { margin-left: 8px; } .body-content .header .menu.burger .menu-list .social .icon svg { opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; } .body-content .header .menu.burger .menu-list .social .icon:not(:hover) svg { fill: white; } .body-content .header .menu.burger .menu-list .ls-sect { border-top: 1px solid #004a3a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .body-content .header .menu.burger .menu-list .ls-sect .copyright { font-size: 23px; text-transform: none; -webkit-font-feature-settings: 'case' off; font-feature-settings: 'case' off; font-family: FiraGO-Book,Arial; } .body-content .header .menu.burger .menu-list .ls-sect .ls { text-align: right; width: 50%; } .body-content .header .menu.burger .menu-list .ls-sect .ls svg { height: 14px; width: 53px; fill: white; } .body-content .header .menu.burger.active .burger-btn span:nth-child(1) { top: 18px; width: 0%; left: 50%; } .body-content .header .menu.burger.active .burger-btn span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .body-content .header .menu.burger.active .burger-btn span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .body-content .header .menu.burger.active .burger-btn span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .body-content .header .menu.burger.active .menu-list { -webkit-transform: translateX(0); transform: translateX(0); } .body-content .header .menu.burger .burger-btn { position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; height: 23px; cursor: pointer; } .body-content .header .menu.burger .burger-btn span { display: block; position: absolute; height: 3px; width: 100%; background-color: white; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } .body-content .header .menu.burger .burger-btn span:nth-child(1) { top: 0px; } .body-content .header .menu.burger .burger-btn span:nth-child(2), .body-content .header .menu.burger .burger-btn span:nth-child(3) { top: calc(50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .body-content .header .menu.burger .burger-btn span:nth-child(4) { bottom: 0; } html[data-page=home] { height: 100%; overflow: hidden; } html[data-page=home] body { height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } html[data-page=home] body .body-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } html[data-page=home] body .body-content .mobile-home { display: block; } html[data-page=home] body .body-content footer { display: none; } html[data-page=home] .right-bar { display: none; position: fixed; height: 90.5%; width: 100%; margin-top: 9.5vh; } html[data-page=home] .right-bar .content { padding: 2vh 0; } html[data-page=home] .right-bar .header, html[data-page=home] .right-bar .footer { display: none; } html[data-page=home] .right-bar.active { -webkit-transform: translateY(12vh); transform: translateY(12vh); } .mobile-form-content { display: grid; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mobile-form-content .section-info-wrapper .page-content .desc { font-family: FiraGO-Book,Arial; } .language.burger.active .lang-dd-icon svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .language.burger.active .lang-list { height: 50px; border-color: #cccccc; } .language.burger.active .lang-list li { opacity: 1; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .animating-container-wrapper { display: none; } .inspection-result-alert { height: calc(100% - 50px); height: unset; padding: 5vh 0; } .inspection-result-alert .swal-content .alert-close { right: 25px; top: 30px; } .inspection-result-alert .inspection-result-alert-form { max-width: 473px; margin-top: 4vh; } .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .date { padding-bottom: 3vh; font-size: 32px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form { padding-top: 8vh; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box { font-size: 13px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox { font-size: 13px; padding: 0 10px 0 16px; min-width: 150px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .submit-btn { font-size: 16px; } html[data-page=error] .error-container .error-mobile-image { margin-top: 8vh; margin-bottom: 7vh; width: 85%; } html[data-page=error] .error-container .mobile-serive-text, html[data-page=error] .error-container .text-404 { display: block; } html[data-page=error] .error-container .error-mobile-image { display: block; } html[data-page=error] .error-container .title, html[data-page=error] .error-container .error-container-wrapper { display: none; } html[data-page=error] .body-content footer { display: none; } html[data-page=contact] body { padding: 0; } html[data-page=contact] body .fb-massanger.abs { display: none; } html[data-page=contact] body .body-content { height: unset; } html[data-page=contact] body .body-content .header .logo .blue { display: none; } html[data-page=contact] body .body-content .header .logo .white { display: block; } html[data-page=contact] body .body-content .contact-contaiener { height: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile { display: block; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; color: #005341; font-size: 36px; height: 12.5vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 8%; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile .icon { vertical-align: middle; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; margin-right: 22px; width: 30px; height: 30px; padding: 5px; background-color: #005341; border-radius: 3px; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile .icon svg { width: 100%; height: 100%; fill: white; display: block; padding: 4px; } html[data-page=contact] body .body-content .contact-contaiener .info-container { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; grid-template-columns: 1fr; /*max-width: 725px;*/ margin: auto; height: unset; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes { max-width: 100%; padding: 0 8%; grid-template-rows: unset; grid-row-gap: 0; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .title { display: none; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box { padding: 7vh 0 4vh; grid-row-gap: unset; max-width: unset; grid-template-columns: 1fr 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social { width: 100%; height: 65px; border-radius: 35px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .pre-text, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon { width: 20%; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon { font-size: 16px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon svg { margin-right: 15px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .fb-massanger { margin: 2vh 0 5vh; display: block; background-color: #0080ff; width: 100%; height: 70px; border-radius: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 16px; font-family: FiraGO-Medium,Arial; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: white; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .fb-massanger svg { position: absolute; left: 30px; width: 34px; height: 34px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .submit-btn { max-width: unset; margin-bottom: 20px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours { padding: 0 8%; margin-top: 20px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper { padding-left: 0; max-width: 490px; margin: auto; padding: 0 20px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title { font-size: 28px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .info-box { height: unset; padding-bottom: 30px; } html[data-page=contact] body .body-content .contact-contaiener .map-container { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 45vh; min-height: 250px; } html[data-page=faq] body { background-color: white !important; height: 100vh; padding: 0; } html[data-page=faq] body .body-content { height: 100vh; } html[data-page=faq] body .body-content .header { border: 0; } html[data-page=faq] body .body-content .header .logo .blue { display: none; } html[data-page=faq] body .body-content .header .logo .white { display: block; } html[data-page=faq] body .body-content .faq { height: calc(100% - 9.3vh); } html[data-page=faq] body .body-content .faq .body-content { padding: 0 50px; } html[data-page=faq] body .body-content .faq .filter-section { padding-top: 3.5vh; grid-template-columns: 1.1fr 0.9fr; position: relative; } html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content { -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; font-size: 30px; } html[data-page=faq] body .body-content .faq .filter-section .filter-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content { display: none; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper.active .filter-content { opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content { border-radius: 10px; width: 51px; height: 51px; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content .search-btn { width: 100%; pointer-events: unset; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content .search-btn svg { width: 16px; height: 16px; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content input { width: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=faq] body .body-content .faq .mobile-categoryes { display: block; } html[data-page=faq] body .body-content .faq .faq-container { grid-row-gap: 20px; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .question-container, html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .answer-container { padding: 0 25px 30px; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .question-container { padding: 20px 25px; } html[data-page=news] body { background-color: white !important; height: 100vh; padding: 0; } html[data-page=news] body .body-content { height: 100vh; } html[data-page=news] body .body-content .header { border: 0; } html[data-page=news] body .body-content .header .logo .blue { display: none; } html[data-page=news] body .body-content .header .logo .white { display: block; } html[data-page=news] body .body-content .news { height: calc(100% - 9.5vh); } html[data-page=news] body .body-content .news .content-box { margin-top: 4.5vh; height: calc(100% - 4.5vh); } html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content { -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content { background-color: #ebebeb; max-width: 310px; height: 55px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input { width: 100%; padding: 0 10px; text-align: center; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-webkit-input-placeholder { text-align: center; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-moz-placeholder { text-align: center; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-moz-placeholder { text-align: center; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-ms-input-placeholder { text-align: center; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content .subscribe-btn { display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; background-color: #ebebeb; padding-left: 10px; width: 55px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content .subscribe-btn svg { width: 20px; height: 17px; } html[data-page=news] body .body-content .news .content-box .new-container { grid-template-columns: 1fr 1fr; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a { padding: 6% 5%; } html[data-page=news-inner] body, html[data-page=privacypolicy] body { background-color: white !important; height: auto; padding: 0; overflow-y: auto; } html[data-page=news-inner] body .body-content, html[data-page=privacypolicy] body .body-content { height: inherit; } html[data-page=news-inner] body .body-content .header, html[data-page=privacypolicy] body .body-content .header { border: 0; } html[data-page=news-inner] body .body-content .header .logo .blue, html[data-page=privacypolicy] body .body-content .header .logo .blue { display: none; } html[data-page=news-inner] body .body-content .header .logo .white, html[data-page=privacypolicy] body .body-content .header .logo .white { display: block; } html[data-page=news-inner] body .body-content .news-inner, html[data-page=privacypolicy] body .body-content .news-inner { height: auto; overflow: hidden !important; } html[data-page=news-inner] body .body-content .news-inner .content-box, html[data-page=privacypolicy] body .body-content .news-inner .content-box { padding: 0; margin-top: 5vh; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section { padding: 0 65px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper { position: relative; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content { padding-right: 36px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper { grid-template-columns: 1fr; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper title-wrapper .tag-container .create-date, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper title-wrapper .tag-container .create-date { padding: 8px 19px; font-size: 14px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper title-wrapper .tag-container .tag-item, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper title-wrapper .tag-container .tag-item { padding: 8px 17px; font-size: 14px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper { position: absolute; right: 0; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .fb-share-btn, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .fb-share-btn { font-size: 0; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .fb-share-btn svg, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .fb-share-btn svg { width: 36px; height: 36px; margin: 0; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container { grid-row-gap: 4vh; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .news-sllider, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .news-sllider { height: 300px; border-radius: 0; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .info-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .info-wrapper { font-size: 18px; padding: 0 85px; } html[data-page=news-inner] body .body-content .news-inner .content-box .video-iframe, html[data-page=privacypolicy] body .body-content .news-inner .content-box .video-iframe { height: 300px; border-radius: 0; } .fb-massanger.abs { right: 35px; bottom: 35px; width: 65px; height: 65px; } .fb-massanger.abs svg { width: 30px; height: 30px; } html[data-page=servicecenters] body { background-color: white !important; padding: 0; } html[data-page=servicecenters] body .body-content { height: unset; } html[data-page=servicecenters] body .body-content .header { border: 0; } html[data-page=servicecenters] body .body-content .header .logo .blue { display: none; } html[data-page=servicecenters] body .body-content .header .logo .white { display: block; } html[data-page=servicecenters] body .body-content .s-centers-contaiener { height: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile { grid-template-columns: 1fr 60px; position: relative; display: grid; width: 100%; padding: 5vh 65px 4.5vh; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content { font-size: 36px; -webkit-font-feature-settings: 'case'; font-feature-settings: 'case' on; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .filter-content { display: none; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper.active .filter-content { opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper:not(.active) .search-content { border-radius: 10px; width: 51px; height: 51px; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper:not(.active) .search-content .search-btn { width: 100%; pointer-events: unset; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper:not(.active) .search-content .search-btn svg { width: 16px; height: 16px; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper:not(.active) .search-content input { width: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; overflow: unset; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container { max-width: unset; padding: 0 65px; padding-top: 3.8vh; height: 100%; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .filter-section { display: none; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list { padding: 0; margin-top: 0; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .map-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; height: 480px; } .marker-infobox { padding: 5px 10px; } .marker-infobox .gm-style-iw { font-size: 14px; } .swal-modal .swal-content .winner-alert-container .alert-close { width: 30px; height: 30px; } .swal-modal .swal-content .winner-alert-container .winner-content { padding: 5vh 30px; background-position-x: calc(100% + 20px); } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .title { font-size: 28px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .desc { font-size: 16px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item .info-icon { width: 28px; height: 28px; min-width: 28px; font-size: 14px; margin-right: 12px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item .info-text { font-size: 14px; } html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .form-container.scrollable-box { max-height: unset; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn { font-size: 22px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info { font-size: 22px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info svg { display: none; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn { margin: 0; background: inherit; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a { font-size: 28px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a svg { display: none; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { display: none; } html .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text { font-size: 28px; } html .body-content .footer.news-inner-footer { height: 100px; } html .body-content .footer.news-inner-footer .ls { padding-top: 5px; } } @media (max-width: 992px) and (min-width: 650px) { .mobile-form-content .form-input, .mobile-form-content .select2-container--default .select2-selection--single { border-radius: 45px; height: 89px; max-height: 89px; font-size: 22px; } .mobile-form-content .form-input::-webkit-input-placeholder, .mobile-form-content .select2-container--default .select2-selection--single::-webkit-input-placeholder { font-size: 22px; } .mobile-form-content .form-input:-moz-placeholder, .mobile-form-content .select2-container--default .select2-selection--single:-moz-placeholder { font-size: 22px; } .mobile-form-content .form-input::-moz-placeholder, .mobile-form-content .select2-container--default .select2-selection--single::-moz-placeholder { font-size: 22px; } .mobile-form-content .form-input:-ms-input-placeholder, .mobile-form-content .select2-container--default .select2-selection--single:-ms-input-placeholder { font-size: 22px; } .mobile-form-content .select2-container { font-size: 22px; } .mobile-form-content .select2-container--default .select2-selection--single .select2-selection__arrow { width: 48px; height: 48px; } .mobile-form-content .select2-dropdown .select2-results__options .select2-results__option { padding: 28px 28px 16px 35px; } .mobile-form-content .calculate-price .form-container { max-width: 600px; } .mobile-form-content .calculate-price .form-container .submit-btn { font-size: 22px; height: 89px; border-radius: 45px; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a .create-date { font-size: 14px; line-height: 35px; width: 165px; height: 35px; } } @media (max-width: 750px) { html[data-page=news] body .body-content .news .content-box { padding: 0 8.5%; } html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content { font-size: 32px; } html[data-page=news] body .body-content .news .content-box .new-container { grid-template-columns: 1fr; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a { padding: 5% 4%; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a .title { font-size: 24px; height: calc(1.4 * 24px * 2); } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section { padding: 0 45px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .create-date, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .create-date { font-size: 12px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item { font-size: 12px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container { grid-row-gap: 3vh; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .info-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .info-wrapper { font-size: 18px; padding: 0 65px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile { padding: 5vh 45px 4.5vh; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content { font-size: 32px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container { padding: 3.5vh 45px 0; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item { grid-template-columns: 65% 35%; } .swal-modal .swal-content .winner-alert-container .winner-content { background-position-x: calc(100% + 75px); } .swal-modal .swal-content .winner-alert-container .winner-content .infoes { max-width: 400px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .title, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .gift-name { font-size: 28px; } html[data-page=booking] body .form-control .submit, html[data-page=booking] body .form-control .selected-item, html[data-page=booking] body .form-control .form-select { min-height: 55px; } } @media (max-width: 700px) { .mobile-form-content .section-info-wrapper .submit-btn { font-size: 20px; } .password-recovery-alert { width: calc(100% - 20px); height: unset; padding: 5vh 0; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile { font-size: 32px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label { font-size: 20px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a { font-size: 16px; } html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content { font-size: 30px; } html[data-page=faq] body .body-content .faq .content-box { padding: 0 35px; } html[data-page=faq] body .body-content .faq .content-box .filter-section { grid-template-columns: 1fr 1fr; } html[data-page=faq] body .body-content .faq .content-box .filter-section .title-wrapper .title-content { font-size: 28px; } html[data-page=faq] body .body-content .faq .content-box .mobile-categoryes .categoryes-dropdown .mobile-dd-list .c-mobile-item { padding: 20px 55px; } html[data-page=news] body .body-content .news .content-box .subscrie-section { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; grid-row-gap: 1.2vh; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper { width: 100%; position: relative; height: 7vh; min-height: 55px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content { width: 100vw; max-width: 100vw; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; border-radius: 0; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content .subscribe-btn { right: 30px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-webkit-input-placeholder { font-size: 18px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-moz-placeholder { font-size: 18px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-moz-placeholder { font-size: 18px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-ms-input-placeholder { font-size: 18px; } html[data-page=news] body .body-content .news .content-box .new-container { grid-template-columns: 1fr; } .swal-modal .swal-content .winner-alert-container .winner-content { background-image: none !important; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn { font-size: 24px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info { font-size: 24px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a { font-size: 24px; } html .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text { font-size: 24px; } html .content .cabinet .remove-car-popup .content-container .content-box .default-form.remove .buttons .submit-btn { width: 40%; height: 50px; font-size: 16px; } } @media (max-width: 650px) { html[data-page=cabinet] .content .cabinet .left-container .title { padding-left: 8%; font-size: 26px; height: 11vh; min-height: 65px; } html[data-page=cabinet] .content .cabinet .left-container .title .personal-info-down-arrow svg { width: 14px; } html[data-page=cabinet] .content .cabinet .left-container .infoes { padding-right: 8%; padding-left: 8%; word-break: break-all; } html[data-page=cabinet] .content .cabinet .left-container .infoes label { font-size: 22px; min-height: 65px; } html[data-page=cabinet] .content .cabinet .left-container .infoes .editable-info { font-size: 26px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container { max-width: 100%; max-height: 450px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .close-btn, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .close-btn { right: 12px; top: 12px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .infoes .icon, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .infoes .icon { width: 70px; height: 70px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .infoes .icon svg, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .infoes .icon svg { width: 28px; height: 28px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .infoes .title, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .infoes .title { font-size: 16px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .infoes .desc, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .infoes .desc { font-size: 13px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .upload-btn, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .upload-btn { margin-top: 2vh; margin-bottom: 2.8vh; width: 200px; height: 200px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .crop-image-contaienr, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .crop-image-contaienr { margin-top: 2vh; margin-bottom: 2.8vh; width: 200px; height: 200px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .save-profile-img, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .save-profile-img { width: 100%; height: 40px; font-size: 13px; max-width: 200px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { background-color: #0d5242; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 7vh 8% 6vh; -ms-flex-flow: wrap; flex-flow: wrap; color: white; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { font-family: FiraGO-SemiBold,Arial; font-size: 32px; max-width: 400px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .desc { font-size: 16px; margin-top: 3vh; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info { width: 100%; height: 60px; border-radius: 35px; font-size: 18px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info svg { position: absolute; left: 32px; width: 26px; height: 26px; fill: #fff; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .contact .title { padding-left: 8%; height: 12vh; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes { padding: 4vh 8% 6vh; font-size: 26px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes div { padding: 0; font-family: "FiraGO-Medium",Arial; padding-top: 1.8vh; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes div span { padding-left: 25px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .contact .fb svg { width: 16px; height: 16px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info { background-image: none !important; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr { height: 11vh; padding: 0 8%; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-mobile-text { font-size: 24px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info { font-size: 16px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .title, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .desc { font-size: 20px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .title { font-size: 30px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .desc { font-size: 28px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .title { font-size: 22px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions svg { width: 20px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions .remove-icon { padding-left: 20px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions .remove-icon svg { width: 16px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .title { padding-left: 8%; height: 11vh; font-size: 24px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table { width: 100%; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td { font-size: 20px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td div { font-size: 24px; } .body-content .header .menu.burger .menu-list li { padding: 0 8%; font-size: 24px; } .body-content .header .menu.burger .menu-list .user-info-container .user-image { width: 110px; height: 110px; } .body-content .header .menu.burger .menu-list .user-info-container .user-info { padding-left: 20px; } .body-content .header .menu.burger .menu-list .user-info-container .user-info .user-name { font-size: 34px; font-family: FiraGO-Medium,Arial; } .body-content .header .menu.burger .menu-list .user-info-container .user-info .logoff-btn svg { margin-right: 24px; } .body-content .header .menu.burger .menu-list .social .icons { width: 60%; } .mobile-form-content .section-info-wrapper .title { font-size: 28px; margin-bottom: auto; } .mobile-form-content .section-info-wrapper .desc { font-size: 18px; margin-top: 3vh; margin-bottom: 4vh; } .mobile-form-content .section-info-wrapper .submit-btn svg { left: 28px; } .calculate-price .section-info-wrapper .title, .password-recovery-alert .section-info-wrapper .title { font-size: 20px; } .calculate-price .section-info-wrapper .settings-icon { width: 60px; height: 60px; } .calculate-price .section-info-wrapper .title { max-width: 260px; } html[data-page=error] .error-container .mobile-serive-text { font-size: 14px; } html[data-page=error] .error-container .text-404 { font-size: 30px; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile { margin: 0 30px; font-size: 24px; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile .icon { margin-right: 18px; width: 28px; height: 28px; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile .icon svg { padding: 2px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes { padding: 0 30px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label { font-size: 16px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label svg { margin-right: 10px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a { font-size: 14px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email svg { width: 18px; height: 11px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone svg { width: 15px; height: 16px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location svg { width: 11px; height: 15px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a { margin-left: 27px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a p { margin-left: 23px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social { height: 60px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon { font-size: 14px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon svg { margin-right: 10px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .fb-massanger { height: 65px; } html[data-page=faq] body .body-content .faq .content-box { padding: 0 20px; } html[data-page=faq] body .body-content .faq .content-box .mobile-categoryes .categoryes-dropdown .mobile-dd-list .c-mobile-item { padding: 20px 40px; } html[data-page=faq] body .body-content .faq .content-box .filter-section { grid-template-columns: 1fr 50px; } html[data-page=faq] body .body-content .faq .content-box .filter-section .title-wrapper .title-content { font-size: 22px; } html[data-page=faq] body .body-content .faq .content-box .filter-section .faq-container { margin: 3.5vh -15px 0; } html[data-page=faq] body .body-content .faq .content-box .filter-section .faq-container .faq-item .dropdown-box { border-radius: 35px; } html[data-page=faq] body .body-content .faq .content-box .filter-section .faq-container .faq-item .dropdown-box .question-container { padding: 15px 20px; } html[data-page=faq] body .body-content .faq .content-box .filter-section .faq-container .faq-item .dropdown-box .answer-container { padding: 0 20px 30px; font-size: 12px; line-height: 20px; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a .title { font-size: 22px; height: calc(1.4 * 22px * 2); } html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content { font-size: 24px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content svg { margin-right: 20px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section { padding: 0 20px; grid-template-columns: 55px 1fr; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content { font-size: 28px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container { grid-row-gap: 3vh; margin-top: calc(4vh - 10px); } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .info-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .info-wrapper { font-size: 16px; padding: 0 40px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile { padding: 4vh 35px 3.5vh; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content { font-size: 28px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container { padding: 3.5vh 35px 0; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item { grid-template-columns: 62% 38%; padding: 0 20px 0 25px; height: 75px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper { font-size: 17px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .map-container { height: 400px; } .winner-alert-container .winner-content { background-position-x: calc(100% + 50px); padding-left: 15px; } .winner-alert-container .winner-content .infoes { max-width: 250px; } .winner-alert-container .winner-content .infoes .title, .winner-alert-container .winner-content .infoes .gift-name { font-size: 24px; } .winner-alert-container .winner-content .infoes .contact-us { width: 100%; height: 45px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .booking-disabled-text { font-size: 12px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn { font-size: 20px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info { font-size: 20px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn { font-size: 18px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info { font-size: 18px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a { font-size: 20px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours { padding: 0 4%; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .go-back { margin-bottom: 15px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper { max-width: 350px; grid-row-gap: 20px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .info-box { font-size: 16px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title { font-size: 26px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title svg { margin-right: 12px; } html .body-content .footer.news-inner-footer { height: 80px; } html .body-content .footer.news-inner-footer .pre-text { display: none; } } @media (max-width: 550px) { .booking-result-alert-form .alert-close { right: 15px !important; top: 15px !important; } .booking-result-alert-form .booking-result .title { margin-bottom: 30px; font-size: 22px; } .booking-result-alert-form .booking-result .message-item { padding: 18px 0; } .booking-result-alert-form .booking-result .message-item .bold-text { font-size: 12px; } .booking-result-alert-form .booking-result .message-item .info-text { font-size: 15px; } .booking-result-alert-form .booking-result .goto-faq { font-size: 14px; height: 45px; } .fb-massanger.abs { right: 25px; bottom: 25px; width: 50px; height: 50px; } .fb-massanger.abs svg { width: 24px; height: 24px; } html[data-page=cabinet] .content .cabinet .left-container .title { font-size: 20px; } html[data-page=cabinet] .content .cabinet .left-container .image-contaienr { margin: 3.5vh auto 3.5vh; width: 100px; height: 100px; } html[data-page=cabinet] .content .cabinet .left-container .infoes { padding-right: 8%; padding-left: 8%; padding-bottom: 5vh; grid-row-gap: 3vh; } html[data-page=cabinet] .content .cabinet .left-container .infoes label { font-size: 20px; } html[data-page=cabinet] .content .cabinet .left-container .infoes .editable-info { font-size: 24px; } html[data-page=cabinet] .content .cabinet .left-container .infoes .editable-info .edit-field svg { width: 14px; height: 14px; } html[data-page=cabinet] .content .cabinet .contact .title { padding-left: 8%; height: 11vh; font-size: 22px; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes { padding: 1vh 8% 3vh; font-size: 26px; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes div { padding: 0; font-family: "FiraGO-Medium",Arial; padding-top: 2vh; display: block; font-size: 20px; } html[data-page=cabinet] .content .cabinet .contact .fb svg { width: 16px; height: 16px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr { padding: 5vh 8% 4vh; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { font-size: 24px; max-width: 254px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .desc { font-size: 12px; margin-top: 2vh; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info { margin-top: 3vh; height: 50px; border-radius: 30px; font-size: 12px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info svg { left: 22px; width: 22px; height: 20px; fill: #fff; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-mobile-text { font-size: 16px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info { font-family: FiraGO-SemiBold,Arial; font-size: 14px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info svg { margin-right: 5px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .title, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .desc { font-size: 15px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .title { font-size: 24px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .desc { font-size: 22px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box { height: 75px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box .title { font-size: 14px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box .desc { font-size: 16px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .title { font-size: 20px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table { width: 100%; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td { padding: 10px 0; font-size: 20px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td div { padding-bottom: 5px; font-size: 18px; } html[data-page=cabinet] .body-content .header, html[data-page=home] .body-content .header { padding: 0 15px; grid-template-columns: 1fr 50px 40px !important; } html body .body-content:before { height: 60px !important; } html body .body-content .header { padding: 0 20px !important; grid-template-columns: 1fr 50px 40px !important; height: 60px !important; } html body .body-content .header .logo { min-width: 130px; } html body .body-content .header .language.burger { width: 25px; height: 25px; justify-self: end; border-radius: 6px; } html body .body-content .header .language.burger .lang-icon { width: 14px; height: 14px; } html body .body-content .header .language.burger.active .lang-list { height: 28px; } html body .body-content .header .language.burger .lang-list { font-size: 13px; top: 17px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } html body .body-content .header .menu.burger { height: 16px; width: 22px; justify-self: end; margin-right: 0; } html body .body-content .header .menu.burger .burger-btn { height: 16px; } html body .body-content .header .menu.burger .burger-btn span { height: 2px; } html body .body-content .header .menu.burger .menu-list { top: 60px; } html body .body-content .header .menu.burger .menu-list li { padding: 0 35px; font-size: 14px; } html body .body-content .header .menu.burger .menu-list .user-info-container .user-image { width: 60px; height: 60px; } html body .body-content .header .menu.burger .menu-list .user-info-container .user-info { padding-left: 20px; } html body .body-content .header .menu.burger .menu-list .user-info-container .user-info .user-name { font-size: 18px; font-family: FiraGO-Medium,Arial; } html body .body-content .header .menu.burger .menu-list .user-info-container .user-info .logoff-btn { width: 115px; height: 26px; margin-top: 8px; font-size: 14px; } html body .body-content .header .menu.burger .menu-list .user-info-container .user-info .logoff-btn svg { width: 14px; margin-right: 14px; } html body .body-content .header .menu.burger .menu-list .social .pre-text { font-size: 16px; } html body .body-content .header .menu.burger .menu-list .social .icons { width: 50%; } html body .body-content .header .menu.burger .menu-list .social .icons .fb svg { width: 11px; height: 118px; } html body .body-content .header .menu.burger .menu-list .social .icons .twitter svg { width: 17px; height: 15px; } html body .body-content .header .menu.burger .menu-list .social .icons .youtube svg { width: 20px; height: 116px; } html body .body-content .header .menu.burger .menu-list .social .icons .in svg { height: 20px; width: 20px; } html body .body-content .header .menu.burger .menu-list .ls-sect .copyright { font-size: 16px; } .mobile-form-content .section-info-wrapper .page-content { padding: 0 20px 1vh; } .mobile-form-content .section-info-wrapper .page-content .title { font-size: 18px; margin-bottom: 2vh; } .mobile-form-content .section-info-wrapper .page-content .desc { font-size: 12px; margin-top: 2vh; margin-bottom: 2vh; max-width: unset; } .mobile-form-content .section-info-wrapper .page-content .submit-btn { font-size: 16px; height: 50px; border-radius: 25px; font-size: 14px; } .mobile-form-content .section-info-wrapper .page-content .submit-btn.mobile-booking-btn svg { left: 20px; width: 18px; } .mobile-form-content .section-info-wrapper .page-content .submit-btn svg { left: 26px; width: 24px; } .inspection-result-alert { width: calc(100% - 30px); } .inspection-result-alert .inspection-result-alert-form { margin-top: 3vh; } .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .title { font-size: 26px; max-width: 270px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .date { font-size: 20px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info .title, .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info .result { font-size: 18px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box { font-size: 12px; padding-left: 10px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .bell-icon { display: none; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox { font-size: 12px; padding: 0 10px 0 10px; min-width: 120px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .submit-btn { font-size: 14px; } html[data-page=home] .right-bar { margin-top: 60px !important; height: calc(100% - 60px); } .calculate-price .section-info-wrapper .title { font-size: 16px; max-width: 200px; } .calculate-price .section-info-wrapper .desc { font-size: 12px; } .password-with-recovery .get-pass-recovery-form { font-size: 12px; } .right-bar .form-input, .right-bar .select2-container--default .select2-selection--single, .right-bar .submit-btn { max-height: 50px; min-height: 50px; border-radius: 30px; } .right-bar .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; height: 30px; right: 10px; } .right-bar .calculate-price .form-container { padding: 0 30px; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile { margin: 0 20px; font-size: 20px; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile .icon { margin-right: 14px; width: 24px; height: 24px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes { padding: 0 15px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label { font-size: 14px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label svg { margin-right: 7px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a { font-size: 12px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social { height: 50px; border-radius: 30px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .pre-text { font-size: 13px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon { font-size: 0; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon svg { margin-right: 0; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .fb-massanger { font-size: 14px; height: 55px; border-radius: 30px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .fb-massanger svg { left: 20px; width: 24px; height: 24px; } html[data-page=contact] body .body-content .contact-contaiener .map-container #map .popup-container #popup-content { border-radius: 25px; top: 4vh !important; font-size: 14px; padding: 10px 15px; } html[data-page=faq] body .body-content .faq .faq-container { grid-row-gap: 15px; margin-top: 3.5vh; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box { font-size: 13px; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .question-container { padding-right: 15px !important; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-selection { height: 40px; min-height: 40px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content { width: 42px; height: 42px; border-radius: 7px; } html[data-page=faq] body .body-content .faq .select2-dropdown .select2-results__options .select2-results__option { padding: 12px 20px 12px 22px; } html[data-page=faq] body .body-content .faq .content-box .filter-section .title-wrapper .title-content { font-size: 20px; } html[data-page=faq] body .body-content .faq .content-box .filter-section .title-wrapper .title-content svg { margin-right: 12px; } html[data-page=faq] body .body-content .faq .mobile-categoryes .categoryes-dropdown .selected-item .dd-icon:before { right: -5px; } html[data-page=news] body .body-content .news .content-box { padding: 0 20px; margin-top: 2.5vh; height: calc(100% - 2.5vh); } html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content { font-size: 20px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content svg { width: 30px; height: 30px; margin-right: 12px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content .subscribe-btn { right: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input { padding: 0 20px; text-align: left; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-webkit-input-placeholder { font-size: 16px; text-align: left; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-moz-placeholder { font-size: 16px; text-align: left; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-moz-placeholder { font-size: 16px; text-align: left; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-ms-input-placeholder { font-size: 16px; text-align: left; } html[data-page=news] body .body-content .news .content-box .new-container { grid-row-gap: 20px; } html[data-page=news] body .body-content .news .content-box .new-container .news-item { height: 300px; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a { padding: 5% 4%; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a .title { font-size: 20px; height: calc(1.4 * 20px * 2); } html[data-page=news-inner] body .body-content .news-inner .content-box, html[data-page=privacypolicy] body .body-content .news-inner .content-box { padding: 0; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section { padding: 0 20px; grid-template-columns: 50px 1fr; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content { font-size: 20px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper { margin-left: -40px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .create-date, html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .create-date, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item { padding: 6px 14px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .fb-share-btn svg, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .share-wrapper .fb-share-btn svg { width: 30px; height: 30px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .back-wrapper a, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .back-wrapper a { width: 30px; height: 30px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container { margin-top: calc(3vh - 10px); grid-row-gap: 2.5vh; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .news-sllider, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .news-sllider { height: 230px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .news-sllider .flickity-prev-next-button, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .news-sllider .flickity-prev-next-button { width: 30px; height: 30px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .info-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .info-wrapper { font-size: 16px; padding: 0 30px; } html[data-page=news-inner] body .body-content .news-inner .content-box .video-iframe, html[data-page=privacypolicy] body .body-content .news-inner .content-box .video-iframe { height: 200px; border-radius: 0; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile { padding: 4vh 20px 3.5vh; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content { font-size: 22px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content svg { width: 30px; height: 30px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper:not(.active) .search-content { width: 42px; height: 42px; border-radius: 7px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container { padding: 3.5vh 20px 0; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item { grid-template-columns: 62% 38%; padding: 0 15px 0 20px; height: 70px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper { font-size: 14px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper svg { margin-right: 7px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .right-wrapper { font-size: 12px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .right-wrapper svg { margin-left: 7px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .map-container { height: 350px; } .marker-infobox { padding: 3px 5px; } .marker-infobox .gm-style-iw { font-size: 12px; } .swal-modal .swal-content .winner-alert-container .winner-content { padding: 5vh 20px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .title { margin-bottom: 15px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .desc { font-size: 14px; margin-bottom: 20px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .title, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .gift-name { font-size: 18px; } .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item .info-text { font-size: 12px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons { grid-column-gap: 15px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn { font-size: 18px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.live-button svg { margin-right: 7px; width: 22px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info { font-size: 18px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn { font-size: 16px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info { font-size: 16px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a { font-size: 18px; } html .content .cabinet .add-car-popup .content-container .content-box .icon, html .content .cabinet .edit-car-popup .content-container .content-box .icon, html .content .cabinet .edit-password-container .content-container .content-box .icon, html .content .cabinet .edit-profile-image-container .content-container .content-box .icon, html .content .cabinet .remove-car-popup .content-container .content-box .icon { width: 60px; height: 60px; } html .content .cabinet .add-car-popup .content-container .content-box .icon svg, html .content .cabinet .edit-car-popup .content-container .content-box .icon svg, html .content .cabinet .edit-password-container .content-container .content-box .icon svg, html .content .cabinet .edit-profile-image-container .content-container .content-box .icon svg, html .content .cabinet .remove-car-popup .content-container .content-box .icon svg { width: 20px; } html .content .cabinet .add-car-popup .content-container, html .content .cabinet .edit-car-popup .content-container, html .content .cabinet .edit-password-container .content-container, html .content .cabinet .edit-profile-image-container .content-container, html .content .cabinet .remove-car-popup .content-container { max-height: 500px; } .social-modal .social-modal-content { -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } html .body-content .footer.news-inner-footer { padding: 0; } html .body-content .footer.news-inner-footer .ls { text-align: left; } } @media (max-width: 400px) { .booking-result-alert-form .booking-result .title { margin-bottom: 30px; font-size: 18px; } .booking-result-alert-form .booking-result .message-item { padding: 16px 0; } .booking-result-alert-form .booking-result .message-item .bold-text { font-size: 12px; } .booking-result-alert-form .booking-result .message-item .info-text { font-size: 12px; } .winner-alert-container .winner-content { background-position-x: calc(100% + 35px); background-size: 150px; } .winner-alert-container .winner-content .infoes { max-width: 150px; } .winner-alert-container .winner-content .infoes .title, .winner-alert-container .winner-content .infoes .gift-name { font-size: 16px; } .winner-alert-container .winner-content .infoes .info-text { font-size: 12px; } .winner-alert-container .winner-content .infoes .contact-us { height: 40px; font-size: 12px; max-width: 140px; } .mobile-form-content .section-info-wrapper .title { font-size: 20px; } .mobile-form-content .section-info-wrapper .tech-date-form svg { width: 28px; height: 32px; left: 20px; } .mobile-form-content .section-info-wrapper .btn-border svg { width: 18px; height: 22px; } html[data-page=home] .right-bar .calculate-price .form-container .registration-section { font-size: 11px; } .inspection-result-alert .inspection-result-alert-form { margin-top: 3vh; } .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .title { font-size: 20px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .date { font-size: 17px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info .title, .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info .result { font-size: 13px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .submit-btn { height: 60px; } html[data-page=cabinet] .content .cabinet .left-container .title { font-size: 18px; } html[data-page=cabinet] .content .cabinet .left-container .image-contaienr { width: 80px; height: 80px; } html[data-page=cabinet] .content .cabinet .left-container .infoes label { font-size: 16px; } html[data-page=cabinet] .content .cabinet .left-container .infoes .editable-info { font-size: 16px; } html[data-page=cabinet] .content .cabinet .contact .title { font-size: 18px; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes { padding-right: 0; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes div { font-size: 16px; } html[data-page=cabinet] .content .cabinet .contact .contact-infoes div span { padding-left: 15px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .title, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .desc { font-size: 14px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date { margin-left: 0; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .title { margin: auto; font-size: 20px; max-width: 300px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .desc { font-size: 18px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td { padding: 10px 0; font-size: 14px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td div { padding-bottom: 5px; font-size: 15px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title { font-size: 18px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container, html[data-page=cabinet] .content .cabinet .edit-password-container { padding: 20px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container { max-height: 360px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .default-form .form-input, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .default-form .submit-btn, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .default-form .form-input, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .default-form .submit-btn { min-height: 50px; } html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .default-form .submit-btn, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .default-form .submit-btn { margin-top: 2.8vh; height: 50px; } html[data-page=contact] body .body-content .contact-contaiener .title.mobile { font-size: 18px; } html[data-page=contact] body .body-content .contact-contaiener .info-container { display: block; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes { padding: 0 20px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box { grid-template-columns: unset; grid-row-gap: 20px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label { font-size: 15px; margin-bottom: 5px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label svg { margin-right: 10px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .email a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a { font-size: 13px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .pre-text { font-size: 13px; width: 40%; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon { width: 20%; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .fb-massanger { font-size: 13px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .fb-massanger svg { left: 18px; width: 22px; height: 22px; } html[data-page=contact] body .body-content .contact-contaiener .map-container #map .popup-container #popup-content { font-size: 12px; padding: 10px 15px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content { width: 240px; height: 35px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content .search-btn { width: 35px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input { padding: 0 12px 0 35px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input::-webkit-input-placeholder { font-size: 12px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input:-moz-placeholder { font-size: 12px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input::-moz-placeholder { font-size: 12px; } html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input:-ms-input-placeholder { font-size: 12px; } html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content { font-size: 20px; } html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content svg { width: 30px; height: 30px; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box { font-size: 12px; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .answer-container { line-height: 18px; } html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .question-container { padding: 10px 20px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-webkit-input-placeholder { font-size: 16px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-moz-placeholder { font-size: 16px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input::-moz-placeholder { font-size: 16px; } html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content input:-ms-input-placeholder { font-size: 16px; } html[data-page=news] body .body-content .news .content-box .new-container .news-item a .title { font-size: 18px; height: calc(1.4 * 18px * 2); } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section { grid-template-columns: 40px 1fr; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content { font-size: 20px; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .create-date, html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .create-date, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .title-wrapper .tag-wrapper .tag-container .tag-item { padding: 5px 10px; font-size: 10px; margin-right: 3px !important; } html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .back-wrapper a, html[data-page=privacypolicy] body .body-content .news-inner .content-box .title-section .back-wrapper a { width: 30px; height: 30px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container { margin-top: calc(3vh - 10px); grid-row-gap: 2.5vh; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .news-sllider, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .news-sllider { height: 200px; } html[data-page=news-inner] body .body-content .news-inner .content-box .info-container .info-wrapper, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .info-wrapper { font-size: 14px; padding: 0 20px; } html[data-page=news-inner] body .body-content .news-inner .content-box .video-iframe, html[data-page=privacypolicy] body .body-content .news-inner .content-box .video-iframe { height: 180px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content { font-size: 18px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content svg { margin-right: 10px; width: 30px; height: 30px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content { width: 240px; height: 35px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content .search-btn { width: 35px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input { padding: 0 12px 0 35px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input::-webkit-input-placeholder { font-size: 12px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input:-moz-placeholder { font-size: 12px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input::-moz-placeholder { font-size: 12px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content input:-ms-input-placeholder { font-size: 12px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container { padding: 3.5vh 15px 0 !important; padding: 3.5vh 20px 0; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item { grid-template-columns: 60% 40%; padding: 0px 10px 0 10px; height: 60px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper { font-size: 11px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .left-wrapper svg { margin-right: 5px; width: 10px; min-width: 10px; height: 16px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .right-wrapper { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 11px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .s-center-list .s-center-item .right-wrapper svg { margin-left: 5px; width: 15px; height: 15px; } html[data-page=servicecenters] body .body-content .s-centers-contaiener .map-container { height: 300px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form { padding-top: 5vh; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box { font-size: 11px; } .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox { font-size: 11px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn { font-size: 16px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.live-button svg { width: 20px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info { font-size: 16px; text-align: right; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn { font-size: 12px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info { font-size: 12px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a { font-size: 15px; } .mobile-form-content .section-info-wrapper .image-contaienr img { width: 75%; } .mobile-form-content .dots { right: 6.6%; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .title { font-size: 18px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions { margin-left: 0; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions svg { width: 20px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions .remove-icon { padding-left: 10px; } html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions .remove-icon svg { width: 16px; } html .content .cabinet .remove-car-popup .content-container { max-height: 400px !important; } html .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text { font-size: 18px; } html .content .cabinet .remove-car-popup .content-container .content-box .default-form.remove .buttons { -ms-flex-wrap: wrap; flex-wrap: wrap; } html .content .cabinet .remove-car-popup .content-container .content-box .default-form.remove .buttons .submit-btn { width: 100%; height: 50px; font-size: 16px; } .social-modal .social-modal-content { -webkit-transform: translate(-50%, -50%) scale(0.7); transform: translate(-50%, -50%) scale(0.7); padding: 20px 25px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper { max-width: 300px; padding: 0; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .info-box { font-size: 14px; } html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title { font-size: 22px; } html .body-content .footer.news-inner-footer { grid-template-columns: 1fr 1fr; } html .body-content .footer.news-inner-footer .copyright { display: none; } html .body-content .footer.news-inner-footer .ls { padding-left: 20%; text-align: left; } } @media (max-width: 350px) { .booking-result-alert-form .booking-result .title { font-size: 16px; } .booking-result-alert-form .booking-result .message-item .bold-text { font-size: 11px; } .booking-result-alert-form .booking-result .message-item .info-text { font-size: 11px; } html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price { font-size: 13px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons { grid-column-gap: 10px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn { font-size: 14px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.live-button svg { margin-right: 5px; width: 20px; } html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info { font-size: 14px; } html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a { font-size: 14px; } html .body-content .footer.news-inner-footer .ls { padding-left: 25px; text-align: left; } } .accordion { cursor: pointer; cursor: pointer; cursor: pointer; width: 100%; background-color: white; -webkit-box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 16%); box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 16%); height: 80px; border-radius: 40px; grid-template-columns: 68.5% 31.5%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; margin-bottom: 40px; } .accordionHomePage { cursor: pointer; width: 100%; background-color: white; -webkit-box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 16%); box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 16%); height: 60px; border-radius: 40px; grid-template-columns: 68.5% 31.5%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } .third-step .scrollable-box { touch-action: auto !important; }