/* Minification failed. Returning unminified contents.
(4942,27): run-time error CSS1038: Expected hex color, found '#cccc'
(4942,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9686,43): run-time error CSS1046: Expect comma, found '0'
(9686,47): run-time error CSS1046: Expect comma, found '/'
(9687,35): run-time error CSS1046: Expect comma, found '0'
(9687,39): run-time error CSS1046: Expect comma, found '/'
(9696,43): run-time error CSS1046: Expect comma, found '0'
(9696,47): run-time error CSS1046: Expect comma, found '/'
(9697,35): run-time error CSS1046: Expect comma, found '0'
(9697,39): 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}

.inspection-alert .swal-modal .swal-icon--error .swal-icon--error__line, .inspection-alert .swal-modal .swal-icon--error:after, .inspection-alert .swal-modal .swal-icon--error:before, .inspection-alert .swal-modal .swal-icon--success div, .inspection-alert .swal-modal .swal-icon--success span, .inspection-alert .swal-modal .swal-icon--success:before {
    all: unset
}

*, body {
    margin: 0
}

    .s-arrow:after, .swal-modal .swal-content .winner-alert-container, body svg, html[data-page=booking] body section.left-container-wrapper #map, html[data-page=contact] .body-content .contact-contaiener .map-container #map, html[data-page=servicecenters] .body-content .s-centers-contaiener .map-container #map {
        height: 100%;
        width: 100%
    }

*, .inspection-result-alert.winner-popup .swal-content, .select2-container .select2-selection--single .select2-selection__rendered, .select2-dropdown .select2-search, html[data-page=home] .right-bar .content.scrollable-box.mobile-register {
    padding: 0
}

.secondary-btn, html .body-content .footer .social .icon:not(:first-child), html .body-content footer .social .icon:not(:first-child) {
    margin-left: 8px
}

.booking-result-alert-form .booking-result .message-item .info-text .price, html .bg-white {
    font-family: FiraGO-SemiBold,Arial
}

.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, .s-arrow:after {
    visibility: hidden
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

a {
    text-decoration: none;
    color: unset
}

html[data-browser=ie] a {
    color: #000
}

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 .language.burger:after, 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.fix-on-mobile {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0
    }

    html body.burger, html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .slick-list, html[data-page=home], html[data-page=home] body {
        overflow: hidden
    }

    .hidden-dd, .overflow-hidden, html .hideScrollbar {
        overflow: hidden !important
    }

    html .reset-height {
        height: auto !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 {
    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, html .body-content .footer .ls, html .body-content footer .ls {
        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 #000;
            padding-bottom: 5px
        }

    html .autorization .user-info-container.active .arro-icon, html .autorization .user-info-container:hover .arro-icon, html[data-page=cabinet] .car-info .car-infoes-container .car-prop .arrows .s-arrow.right svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    html .autorization .user-info-container.active .aditional-info-dropdown .dropdown-actions, html .autorization .user-info-container:hover .aditional-info-dropdown .dropdown-actions {
        max-height: 130px
    }

    .password-with-recovery, .phone-input-conainer, .resend-code-container, .s-arrow, .validate-input, html .autorization .user-info-container .aditional-info-dropdown, html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr, 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 .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: #fff;
            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: .2s;
            transition: .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 {
            border-radius: 5px;
            background-color: #fff;
            -webkit-box-shadow: 0 4px 12px 0 rgba(24,28,30,.4);
            box-shadow: 0 4px 12px 0 rgba(24,28,30,.4);
            position: absolute;
            width: 130px;
            max-height: 0;
            height: auto;
            overflow: hidden;
            right: 0;
            top: 22px;
            -webkit-transition: .2s;
            transition: .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: #000;
                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=cabinet] .car-info .car-infoes-container .car-prop .arrows .s-arrow:hover:not(.slick-disabled) svg, html[data-page=contact] .body-content .autorization .auth-icon svg, html[data-page=faq] body .body-content .header .autorization .auth-icon svg, html[data-page=home] .autorization .auth-icon svg, html[data-page=servicecenters] .body-content .autorization .auth-icon svg {
    fill: black
}

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:not([data-page=home]) .body-content .header .menu, html[data-page=cabinet] .body-content .header .menu {
        padding-bottom: 15px;
        justify-self: center
    }

        html:not([data-page=home]) .body-content .header .menu.burger, html[data-page=cabinet] .body-content .header .menu.burger {
            justify-self: right
        }

    html:not([data-page=home]) .body-content .header .header-content, html[data-page=cabinet] .body-content .header .header-content {
        justify-self: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #fff
    }

        html[data-page=cabinet] .body-content .header .header-content .autorization .user-info-container .user-info .cabinet-url, html[data-page=cabinet] .body-content .header .header-content .language:hover .lang-list {
            border-color: #fff
        }

        html[data-page=cabinet] .body-content .header .header-content .language {
            color: #fff;
            border: 1px solid #fff
        }

            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 .bg-white {
    background-color: #fff !important;
    color: #000;
    font-size: 16px
}

.s-arrow:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #fff;
    opacity: .8
}

.slick-arrow.slick-disabled:after {
    visibility: visible
}

.stoped-service {
    font-size: 23px;
    padding-bottom: 3vh
}

button {
    font-family: unset
}

.edit-field, .gm-style-iw-a .gm-style-iw-t:after, .gm-style-iw-a .gm-style-iw-t:before, .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-ui-hover-effect, .inspection-alert .swal-modal .swal-icon--error__line, .no-buttons .flickity-button, html .content .cabinet .hidden, html[data-page=booking] body footer, html[data-page=cabinet] .car-info .car-infoes-container .car-prop .arrows .s-arrow.slick-hidden, html[data-page=contact] .body-content footer, html[data-page=faq] footer, html[data-page=home] .body-content .header .autorization, html[data-page=news-inner] footer, html[data-page=news] footer, html[data-page=privacypolicy] footer, html[data-page=servicecenters] .body-content footer {
    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 {
            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: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
        }

.loader-container, .select2-container--default .select2-selection--single, body {
    display: -webkit-box;
    display: -ms-flexbox
}

.inspection-alert .swal-modal .swal-icon--success:after {
    all: unset;
    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
}

.swal-overlay {
    background-color: rgba(255,255,255,.75)
}

.success-message {
    color: #0d5242
}

.event-none, html[data-page=booking] body .body-content#second-step #map, html[data-page=booking] body .body-content#third-step #map {
    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-Regular,Arial;
    background-color: #0d5242;
    display: flex;
    font-size: 14px
}

.hidden-dd {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important
}

.animating-container-wrapper .left-animating-content .sequence-container-wrapper .anim-text-content .image, .text-center, html .body-content .footer .copyright, html .body-content footer .copyright {
    text-align: center
}

.hidden, html .body-content .header .logo:not(.blue) .blue, html .body-content .header .logo:not(.white) .white, html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn .mobile-icon, html[data-page=booking] body .body-content .header, html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker ul:not(.slick-initialized), html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .form-container .hidden-boxes, html[data-page=booking] body section.right-container-wrapper .goback.mobile, html[data-page=cabinet] .car-info .car-infoes-container .car-prop .add-car-popup-btn.mobile-btn, html[data-page=cabinet] .car-info .car-infoes-container .car-prop .arrows .s-arrow:not(.slick-arrow), html[data-page=contact] .body-content .contact-contaiener .info-container.show-work-hours .contact-infoes, html[data-page=contact] .body-content .contact-contaiener .title.mobile, html[data-page=home] .body-content .header .language:not(.burger), html[data-page=servicecenters] .body-content .s-centers-contaiener .filter-section-mobile {
    display: none
}

.calculate-price .section-info-wrapper .settings-icon.fb-bg-color, .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
}

.margin-top-2vh {
    margin-top: 2vh
}

.margin-top-1vh, .secondary-btn {
    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: .15s;
        transition: .15s;
        background-color: #fff
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow:after, 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 #000;
            border-width: 0 1.5px 1.5px 0;
            display: inline-block;
            padding: 3px;
            -webkit-transition: .15s;
            transition: .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: .25s;
            transition: .25s
        }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, 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
}

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after, 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
    }

.select2-container--default .select2-selection--single .select2-selection__placeholder, html[data-page=booking] body section.right-container-wrapper .header .user-name, html[data-page=contact] .body-content .header .autorization, html[data-page=contact] .body-content .header .autorization .user-info-container .user-info .user-name, html[data-page=contact] .body-content .header .header-content, html[data-page=contact] .body-content .header .menu .menu-list .temp-info, html[data-page=contact] .body-content .header .menu:not(.burger) .menu-list li a, html[data-page=faq] body .body-content .header .autorization, html[data-page=faq] body .body-content .header .autorization .user-info-container .user-info .user-name, html[data-page=faq] body .body-content .header .menu:not(.burger) .menu-list .disabled a, html[data-page=faq] body .body-content .header .menu:not(.burger) .menu-list li a, html[data-page=news-inner] body .body-content .header .autorization, html[data-page=news-inner] body .body-content .header .autorization .user-info-container .user-info .user-name, html[data-page=news-inner] body .body-content .header .menu:not(.burger) .menu-list .disabled a, html[data-page=news-inner] body .body-content .header .menu:not(.burger) .menu-list li a, html[data-page=news] body .body-content .header .autorization, html[data-page=news] body .body-content .header .autorization .user-info-container .user-info .user-name, html[data-page=news] body .body-content .header .menu:not(.burger) .menu-list .disabled a, html[data-page=news] body .body-content .header .menu:not(.burger) .menu-list li a, html[data-page=privacypolicy] body .body-content .header .autorization, html[data-page=privacypolicy] body .body-content .header .autorization .user-info-container .user-info .user-name, html[data-page=privacypolicy] body .body-content .header .menu:not(.burger) .menu-list .disabled a, html[data-page=privacypolicy] body .body-content .header .menu:not(.burger) .menu-list li a, html[data-page=servicecenters] .body-content .header .autorization, html[data-page=servicecenters] .body-content .header .autorization .user-info-container .user-info .user-name, html[data-page=servicecenters] .body-content .header .header-content, html[data-page=servicecenters] .body-content .header .menu .menu-list .temp-info, html[data-page=servicecenters] .body-content .header .menu:not(.burger) .menu-list li a {
    color: #000
}

.form-input.input-validation-error, .select2-container--default .select2-selection--single.input-validation-error, .single-address.input-validation-error {
    color: #e62525
}

.select2-dropdown {
    -webkit-transition: .1s;
    transition: .1s;
    border: 0 !important;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 49px 0 rgba(0,0,0,.11);
    box-shadow: 0 3px 49px 0 rgba(0,0,0,.11)
}

    .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
    }

.form-input, .select2-container--default .select2-selection--single, .single-address {
    max-height: 60px;
    min-height: 55px;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
    padding: 0 35px;
    -ms-touch-action: auto;
    -webkit-appearance: none;
    -moz-appearance: none
}

.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
}

    .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] {
        background-color: unset;
        color: #000
    }

    .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 #999;
        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;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
    border-radius: 30px;
    font-size: 13px;
    touch-action: auto;
    appearance: none;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loader-container, .submit-btn {
    -webkit-box-pack: center;
    width: 100%
}

.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;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    z-index: 10
}

.submit-btn, html .body-content, html .body-content .header, html .body-content .header .menu .menu-list {
    display: -webkit-box;
    display: -ms-flexbox
}

.loader-container .loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #0d5242;
    width: 50px;
    height: 50px;
    -webkit-animation: 1s linear infinite spin;
    animation: 1s linear infinite spin
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.form-input, .single-address {
    width: 100%;
    height: 5.8vh;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
    border-radius: 30px;
    font-size: 14px;
    touch-action: auto;
    appearance: none;
    font-family: FiraGO-regular,Arial;
    color: #333
}

    .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: #333;
        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: #333;
        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: #333;
        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: #333;
        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 .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
}

.submit-btn, .validate-input .field-validation-error {
    font-size: 14px;
    cursor: pointer
}

    .validate-input .field-validation-error:active span, .validate-input .field-validation-error:hover 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,.16);
        box-shadow: 0 3px 9px 0 rgba(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: .1s;
        transition: .1s
    }

.submit-btn {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e6b03d;
    color: #fff;
    border-radius: 30px;
    height: 55px
}

.right-bar, html .body-content {
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.submit-btn.fb-login-btn {
    background-color: #405496;
    position: relative;
    color: #fff;
    -webkit-transition: .15s;
    transition: .15s
}

    .submit-btn.fb-login-btn svg {
        fill: white;
        width: 8px;
        height: 16px;
        position: absolute;
        left: 30px
    }

.submit-btn.green, html[data-page=booking] body .form-control .submit.active, html[data-page=contact], html[data-page=faq], html[data-page=news-inner], html[data-page=news], html[data-page=privacypolicy], html[data-page=servicecenters] {
    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-bottom: 2px
}

html[data-browser=ie] .inspection-alert {
    left: initial
}

    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 .swal-icon--error__line, 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:after, 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:after {
        border-radius: 0;
        top: inherit;
        left: inherit;
        position: inherit;
        background: 0 0;
        -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;
        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 .body-content .header .menu .menu-list li.disabled:hover, html[data-browser=ie] .body-content .header .menu .menu-list li a, 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, html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-selection .select2-selection__rendered {
    color: #fff
}

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 div, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success span, html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--success::before, 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: 0 0
}

.mobile-form-content .dots span.active, .right-bar, body .video-js .vjs-big-play-button, body .video-js .vjs-load-progress, html .body-content .footer .social .icon:hover, html .body-content footer .social .icon:hover {
    background-color: #fff
}

html[data-browser=ie] .inspection-alert .swal-modal .swal-icon--error::after {
    opacity: 1 !important
}

html .body-content {
    width: 100%;
    display: flex;
    -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: 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%;
        z-index: 10
    }

        html .body-content .header .logo {
            width: 22.8%;
            min-width: 180px;
            max-width: 230px
        }

            .booking-result-alert-form, .calculate-price, .calculate-price .section-info-wrapper, .calculate-price .section-info-wrapper *, .defoult-error-popup, .mobile-form-content, .mobile-form-content .section-info-wrapper, .mobile-form-content .section-info-wrapper *, .password-recovery-alert, .password-recovery-alert .section-info-wrapper, .password-recovery-alert .section-info-wrapper *, html .body-content .header .logo img, html[data-page=booking] body section.left-container-wrapper .logo-container .logo img {
                width: 100%
            }

        html .body-content .header .menu {
            padding-bottom: 18px
        }

            html .body-content .header .menu .menu-list {
                color: #fff;
                display: flex;
                font-size: 13.5px
            }

                html .body-content .header .menu .menu-list li:not(:first-child), html[data-page=contact] .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a p {
                    margin-left: 30px
                }

                html .body-content .header .menu .menu-list li {
                    -webkit-transition: .1s;
                    transition: .1s
                }

                    html .body-content .header .menu .menu-list li.active a, html .body-content .header .menu .menu-list li:hover a {
                        color: #e6b03d !important
                    }

html[data-page=booking] body section.right-container-wrapper .form-content .error .select2-selection__placeholder, html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content.error input {
    color: red !important
}

html .body-content .header .menu .menu-list li.disabled {
    min-width: 45px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    opacity: .6
}

    html .body-content .header .menu .menu-list li.disabled a:not(.temp-info) {
        display: block;
        -webkit-transition: .2s;
        transition: .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: .3s;
        transition: .3s
    }

    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), 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 .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: #fff;
    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 .social .icon svg, html .body-content .footer.news-inner-footer .social .icon, html .body-content footer .social .icon svg, html .body-content footer.news-inner-footer .social .icon {
            -webkit-transition: .3s;
            transition: .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 0 1px #005341;
                box-shadow: inset 0 0 0 1px #005341
            }

                html .body-content .footer .social .icon:hover svg, html .body-content .footer.news-inner-footer .social .icon:hover svg, html .body-content footer .social .icon:hover svg, html .body-content footer.news-inner-footer .social .icon:hover svg, html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr:hover .edit-img-btn {
                    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
            }

    .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info, .password-recovery-alert .inspection-result-alert-form .inspection-result .price-info, html .body-content .footer .social, html .body-content footer .social, 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
    }

.right-bar, .right-bar .header, html[data-browser=ie] .body-content footer {
    display: -webkit-box;
    display: -ms-flexbox
}

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: .3s;
    transition: .3s
}

    html .body-content .footer .social .icon:not(:hover) svg, html .body-content footer .social .icon:not(:hover) svg {
        fill: white;
        -webkit-transition: .3s;
        transition: .3s
    }

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 .ls svg, html .body-content footer .ls svg {
    height: 14px;
    width: 53px;
    fill: white
}

html[data-browser=ie] .body-content footer {
    display: flex;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit
}

.right-bar {
    width: 37%;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative
}

    .right-bar .header {
        height: 10.5vh;
        min-height: 80px;
        padding-right: 11.2%;
        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
    }

        .language, .language .lang-dd-icon, .right-bar .footer, .right-bar .header .header-content {
            display: -webkit-box;
            display: -ms-flexbox
        }

        .right-bar .header .header-content {
            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: 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: #666;
            font-size: 12px;
            font-family: FiraGO-Book,Arial
        }

.language {
    height: 43px;
    width: 113px;
    border: 1px solid #ccc;
    color: #000;
    border-radius: 10px;
    font-size: 14.5px;
    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: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 12px
    }

        .language .lang-dd-icon svg {
            -webkit-transition: .2s;
            transition: .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: .2s 0.15s;
        transition: .2s 0.15s
    }

        .language .lang-list li {
            opacity: 0;
            -webkit-transition: .2s;
            transition: .2s
        }

.password-with-recovery input, .resend-code-container input {
    padding-right: 94px
}

.password-with-recovery .get-pass-recovery-form, .password-with-recovery .psswd-recovery-btn, .password-with-recovery .resend-recovery-sms-code, .password-with-recovery .resend_sms_code, .resend-code-container .get-pass-recovery-form, .resend-code-container .psswd-recovery-btn, .resend-code-container .resend-recovery-sms-code, .resend-code-container .resend_sms_code {
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #acacac;
    cursor: pointer
}

    .password-with-recovery .get-pass-recovery-form:hover, .password-with-recovery .psswd-recovery-btn:hover, .password-with-recovery .resend-recovery-sms-code:hover, .password-with-recovery .resend_sms_code:hover, .resend-code-container .get-pass-recovery-form:hover, .resend-code-container .psswd-recovery-btn:hover, .resend-code-container .resend-recovery-sms-code:hover, .resend-code-container .resend_sms_code:hover {
        color: #696969
    }

.password-with-recovery .resend-recovery-sms-code, .password-with-recovery .resend_sms_code, .resend-code-container .resend-recovery-sms-code, .resend-code-container .resend_sms_code {
    color: #333;
    font-size: 12px;
    z-index: 1
}

    .password-with-recovery .resend-recovery-sms-code .resemd-icon, .password-with-recovery .resend_sms_code .resemd-icon, .resend-code-container .resend-recovery-sms-code .resemd-icon, .resend-code-container .resend_sms_code .resemd-icon {
        margin-bottom: -5px;
        margin-left: 7px;
        width: 17px;
        height: 14px
    }

    .password-with-recovery .resend-recovery-sms-code:hover .message-popup, .password-with-recovery .resend_sms_code:hover .message-popup, .resend-code-container .resend-recovery-sms-code:hover .message-popup, .resend-code-container .resend_sms_code:hover .message-popup, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item, html[data-page=booking][data-browser=ie] body section.right-container-wrapper .header, html[data-page=contact][data-browser=ie] .body-content .contact-contaiener .info-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .password-with-recovery .resend-recovery-sms-code .message-popup, .password-with-recovery .resend_sms_code .message-popup, .resend-code-container .resend-recovery-sms-code .message-popup, .resend-code-container .resend_sms_code .message-popup {
        position: absolute;
        width: 300px;
        height: 60px;
        background-color: #fff;
        bottom: 25px;
        right: -100%;
        border-radius: 10px;
        -webkit-box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
        box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
        padding: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #797979;
        display: none;
        text-align: left
    }

        .password-with-recovery .resend-recovery-sms-code .message-popup .info-icon, .password-with-recovery .resend_sms_code .message-popup .info-icon, .resend-code-container .resend-recovery-sms-code .message-popup .info-icon, .resend-code-container .resend_sms_code .message-popup .info-icon {
            width: 22px;
            min-width: 21px;
            min-height: 22px;
            height: 22px;
            margin-right: 13px;
            fill: #797979
        }

.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: #333;
    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: 0 5px 18px 0 rgba(3,3,3,.26);
        box-shadow: 0 5px 18px 0 rgba(3,3,3,.26)
    }

    .fb-massanger svg {
        width: 36px;
        height: 36px;
        fill: white
    }

.yelow-txt {
    color: #e6b03d;
    background-color: unset !important
}

.colored-arrows .flickity-button-icon {
    fill: #e6b03d
}

.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 .goto-faq {
        margin: 20px 0 10px;
        background-color: #21544b;
        width: 100%;
        height: 50px;
        display: block;
        border-radius: 25px;
        color: #fff;
        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.gm-style-iw-c {
    background-color: #005341;
    border-radius: 30px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    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: #fff;
        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,.16);
                box-shadow: 0 3px 9px 0 rgba(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, html[data-page=contact] .body-content .contact-contaiener .info-container.show-work-hours .work-hours, html[data-page=faq][data-browser=ie] body .body-content .faq .faq-container, html[data-page=news][data-browser=ie] body .body-content .news .content-box .new-container {
                display: block
            }

.inspection-result-alert.winner-popup {
    max-width: 960px;
    max-height: 530px;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0,0,0,.11);
    box-shadow: 0 4px 11px 0 rgba(0,0,0,.11);
    padding: 0
}

.swal-modal .swal-content .winner-alert-container .winner-content {
    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: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: #fff;
            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: #fff;
        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: 0
}

.defoult-error-popup .swal-modal {
    background-color: #fff;
    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
}

.modal-profile-edit {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

    #overlay, .modal-profile-edit .modal-dialog {
        -webkit-box-pack: center;
        height: 100%;
        width: 100%
    }

    .modal-profile-edit .modal-dialog {
        border-radius: 5px;
        max-width: 550px;
        max-height: 580px;
        min-height: 320px;
        background-color: #fff;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -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;
    background-color: rgba(23,92,74,.75);
    grid-template-columns: 1fr;
    -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 .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: 0 8px 18px 0 rgba(0,0,0,.31);
    box-shadow: 0 8px 18px 0 rgba(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 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: 1.5vh auto auto;
    text-align: center;
    font-size: 24px;
    color: #000;
    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: #666;
    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: #ccc;
            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: #fff
}

    .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%;
        margin: 0
    }

        .inspection-result-alert .swal-content .alert-close, .password-recovery-alert .swal-content .alert-close, html .content .cabinet .add-car-popup .content-container .close-btn, html .content .cabinet .edit-car-popup .content-container .close-btn, html .content .cabinet .edit-password-container .content-container .close-btn, html .content .cabinet .edit-profile-image-container .content-container .close-btn, html .content .cabinet .remove-car-popup .content-container .close-btn {
            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, html .content .cabinet .add-car-popup .content-container .close-btn:hover, html .content .cabinet .edit-car-popup .content-container .close-btn:hover, html .content .cabinet .edit-password-container .content-container .close-btn:hover, html .content .cabinet .edit-profile-image-container .content-container .close-btn:hover, html .content .cabinet .remove-car-popup .content-container .close-btn:hover, html[data-page=cabinet] .car-info .car-infoes-container .car-prop .add-car-popup-btn:hover:after, 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)
            }

            .inspection-result-alert .swal-content .alert-close:after, .inspection-result-alert .swal-content .alert-close:before, .password-recovery-alert .swal-content .alert-close:after, .password-recovery-alert .swal-content .alert-close:before, html .content .cabinet .add-car-popup .content-container .close-btn:after, html .content .cabinet .add-car-popup .content-container .close-btn:before, html .content .cabinet .edit-car-popup .content-container .close-btn:after, html .content .cabinet .edit-car-popup .content-container .close-btn:before, html .content .cabinet .edit-password-container .content-container .close-btn:after, html .content .cabinet .edit-password-container .content-container .close-btn:before, html .content .cabinet .edit-profile-image-container .content-container .close-btn:after, html .content .cabinet .edit-profile-image-container .content-container .close-btn:before, html .content .cabinet .remove-car-popup .content-container .close-btn:after, html .content .cabinet .remove-car-popup .content-container .close-btn:before {
                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, .social-modal .social-modal-content .close-icon:after, html .content .cabinet .add-car-popup .content-container .close-btn:before, html .content .cabinet .edit-car-popup .content-container .close-btn:before, html .content .cabinet .edit-password-container .content-container .close-btn:before, html .content .cabinet .edit-profile-image-container .content-container .close-btn:before, html .content .cabinet .remove-car-popup .content-container .close-btn:before {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .inspection-result-alert .swal-content .alert-close:after, .password-recovery-alert .swal-content .alert-close:after, .social-modal .social-modal-content .close-icon:before, html .content .cabinet .add-car-popup .content-container .close-btn:after, html .content .cabinet .edit-car-popup .content-container .close-btn:after, html .content .cabinet .edit-password-container .content-container .close-btn:after, html .content .cabinet .edit-profile-image-container .content-container .close-btn:after, html .content .cabinet .remove-car-popup .content-container .close-btn: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, 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
        }

            .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 .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: 1px solid #e1e1e1;
                    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: #fff;
                        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: 50px;
                                background-color: #cacaca;
                                -webkit-box-shadow: 0 2px 3px 0 rgba(3,3,3,.24);
                                box-shadow: 0 2px 3px 0 rgba(3,3,3,.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;
                                -webkit-transition: .2s;
                                transition: .2s
                            }

                            .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: #fff
                            }

                .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: 0 4px 11px 0 rgba(0,0,0,.11);
    box-shadow: 0 4px 11px 0 rgba(0,0,0,.11);
    background-color: #fff !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 #fff;
            display: block;
            border-radius: 50%;
            -webkit-transition: .2s;
            transition: .2s
        }

    .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: #fff !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 {
        color: #fff !important;
        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, .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 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 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 .direction-el, .mobile-form-content .fixed-container, .mobile-form-content body {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .mobile-form-content .direction-el {
        -webkit-transition: 350ms linear;
        transition: 350ms linear
    }

    .mobile-form-content .fixed-container .fixed-container-content, html[data-page=faq] .full-height, html[data-page=home] .right-bar .content.scrollable-box.mobile-register .form-content .calculate-price {
        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 .form-content {
    overflow: scroll;
    height: 100%;
    padding: 2vh 0
}

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, 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
}

.social-modal {
    background-color: rgba(198,198,198,.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: #fff
    }

        .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: .2s;
            transition: .2s
        }

            .social-modal .social-modal-content .close-icon:hover, html[data-page=booking] body section.right-container-wrapper .header .goback .go-back:hover svg {
                -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: #000;
                position: absolute;
                -webkit-transform-origin: center center;
                transform-origin: center center;
                top: 8px;
                left: 1px
            }

.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: 700
    }

    .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(.8);
                transform: rotate(45deg) scale(.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(.3);
                transform: rotate(45deg) scale(.3);
                left: 2.8px;
                bottom: 2px;
                -webkit-transition: .1s;
                transition: .1s;
                opacity: 0
            }

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: #fff;
        width: auto !important;
        height: 50px !important;
        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 .content .cabinet .add-car-popup .content-container .content-box .icon.cross:before, html .content .cabinet .edit-car-popup .content-container .content-box .icon.cross:before, html .content .cabinet .edit-password-container .content-container .content-box .icon.cross:before, html .content .cabinet .edit-profile-image-container .content-container .content-box .icon.cross:before, html .content .cabinet .remove-car-popup .content-container .content-box .icon.cross:before, 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: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: #fff;
            display: block;
            position: absolute;
            border-radius: 1px;
            -webkit-transition: .2s;
            transition: .2s
        }

    html .content .cabinet .add-car-popup .content-container .content-box .default-form.remove .buttons, html .content .cabinet .edit-car-popup .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 .edit-profile-image-container .content-container .content-box .default-form.remove .buttons, html .content .cabinet .remove-car-popup .content-container .content-box .default-form.remove .buttons, 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, html[data-page=cabinet] .car-info .car-infoes-container .car-prop .arrows, 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=cabinet] .car-info .car-infoes-container .car-prop .arrows svg {
            width: 10px;
            height: 17px;
            fill: #999999;
            -webkit-transition: .2s;
            transition: .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.right {
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

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 .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 #999
    }

        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: .2s;
                transform: .2s
            }

            html[data-page=cabinet] .car-info .car-infoes-container .car-infoes-sllder .car-details .heder-info .left-wrapper .actions .edit-icon:hover svg, 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[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: .2s;
                transform: .2s
            }

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,.6);
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0
}

    html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn .backgorund {
        background-color: #fff;
        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 .add-car-popup, html .content .cabinet .edit-car-popup, html .content .cabinet .edit-password-container, html .content .cabinet .edit-profile-image-container, html .content .cabinet .remove-car-popup {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23,92,74,.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;
    display: none
}

    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 {
        border-radius: 5px;
        opacity: .961;
        max-width: 550px;
        max-height: 580px;
        width: 100%;
        min-height: 320px;
        height: 100%;
        background-color: #fff;
        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 .add-car-popup .content-container.remove, html .content .cabinet .edit-car-popup .content-container.remove, html .content .cabinet .edit-password-container .content-container.remove, html .content .cabinet .edit-profile-image-container .content-container.remove, html .content .cabinet .remove-car-popup .content-container.remove {
            max-height: 490px;
            max-width: 720px
        }

        html .content .cabinet .add-car-popup .content-container .content-box, html .content .cabinet .edit-car-popup .content-container .content-box, html .content .cabinet .edit-password-container .content-container .content-box, html .content .cabinet .edit-profile-image-container .content-container .content-box, html .content .cabinet .remove-car-popup .content-container .content-box {
            text-align: center;
            width: 100%
        }

            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 {
                border-radius: 50%;
                background-color: #0d5242;
                -webkit-box-shadow: 0 8px 18px 0 rgba(0,0,0,.31);
                box-shadow: 0 8px 18px 0 rgba(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 auto 2vh
            }

                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, 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 .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 .edit-car-popup .content-container .content-box .icon.cross:after, html .content .cabinet .edit-car-popup .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 .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 .remove-car-popup .content-container .content-box .icon.cross:after, html .content .cabinet .remove-car-popup .content-container .content-box .icon.cross:before {
                    content: "";
                    width: 35px;
                    height: 2px;
                    background-color: #fff;
                    display: block;
                    position: absolute;
                    border-radius: 1px
                }

            html .content .cabinet .add-car-popup .content-container .content-box .title, html .content .cabinet .edit-car-popup .content-container .content-box .title, html .content .cabinet .edit-password-container .content-container .content-box .title, html .content .cabinet .edit-profile-image-container .content-container .content-box .title, html .content .cabinet .remove-car-popup .content-container .content-box .title {
                font-size: 21px;
                margin-bottom: 5px;
                display: block;
                font-family: FiraGO-Medium,Arial
            }

                html .content .cabinet .add-car-popup .content-container .content-box .title.remove-message-text, html .content .cabinet .edit-car-popup .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 .edit-profile-image-container .content-container .content-box .title.remove-message-text, html .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text {
                    font-size: 36px;
                    padding: 5vh 0;
                    text-align: left
                }

                    html .content .cabinet .add-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, html .content .cabinet .edit-password-container .content-container .content-box .title.remove-message-text .car-number-text, html .content .cabinet .edit-profile-image-container .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 {
                        color: #e6b03d;
                        text-transform: uppercase
                    }

            html .content .cabinet .add-car-popup .content-container .content-box .desc, html .content .cabinet .edit-car-popup .content-container .content-box .desc, html .content .cabinet .edit-password-container .content-container .content-box .desc, html .content .cabinet .edit-profile-image-container .content-container .content-box .desc, html .content .cabinet .remove-car-popup .content-container .content-box .desc {
                display: block;
                color: #666;
                font-size: 14px
            }

            html .content .cabinet .add-car-popup .content-container .content-box .upload-btn, html .content .cabinet .edit-car-popup .content-container .content-box .upload-btn, html .content .cabinet .edit-password-container .content-container .content-box .upload-btn, html .content .cabinet .edit-profile-image-container .content-container .content-box .upload-btn, html .content .cabinet .remove-car-popup .content-container .content-box .upload-btn {
                margin: 3.5vh auto 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 .add-car-popup .content-container .content-box .upload-btn:hover svg, html .content .cabinet .edit-car-popup .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 .edit-profile-image-container .content-container .content-box .upload-btn:hover svg, html .content .cabinet .remove-car-popup .content-container .content-box .upload-btn:hover svg {
                    fill: #e6b03d;
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1)
                }

                html .content .cabinet .add-car-popup .content-container .content-box .upload-btn svg, html .content .cabinet .edit-car-popup .content-container .content-box .upload-btn svg, html .content .cabinet .edit-password-container .content-container .content-box .upload-btn svg, html .content .cabinet .edit-profile-image-container .content-container .content-box .upload-btn svg, html .content .cabinet .remove-car-popup .content-container .content-box .upload-btn svg {
                    margin-bottom: 20px;
                    width: 60px;
                    height: 60px;
                    fill: #c0c0c0;
                    -webkit-transition: .2s;
                    transition: .2s
                }

            html .content .cabinet .add-car-popup .content-container .content-box .crop-image-contaienr, html .content .cabinet .edit-car-popup .content-container .content-box .crop-image-contaienr, html .content .cabinet .edit-password-container .content-container .content-box .crop-image-contaienr, html .content .cabinet .edit-profile-image-container .content-container .content-box .crop-image-contaienr, html .content .cabinet .remove-car-popup .content-container .content-box .crop-image-contaienr {
                margin: 3.5vh auto 3.3vh;
                border-radius: 10px;
                width: 250px;
                height: 250px;
                display: none;
                overflow: hidden
            }

            html .content .cabinet .add-car-popup .content-container .content-box .save-profile-img, html .content .cabinet .edit-car-popup .content-container .content-box .save-profile-img, html .content .cabinet .edit-password-container .content-container .content-box .save-profile-img, html .content .cabinet .edit-profile-image-container .content-container .content-box .save-profile-img, html .content .cabinet .remove-car-popup .content-container .content-box .save-profile-img {
                margin: auto;
                background-color: #0d5242;
                width: 250px;
                height: 50px;
                border-radius: 25px;
                -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: #fff;
                cursor: pointer;
                display: none
            }

            html .content .cabinet .add-car-popup .content-container .content-box .password-replace-result, html .content .cabinet .edit-car-popup .content-container .content-box .password-replace-result, html .content .cabinet .edit-password-container .content-container .content-box .password-replace-result, html .content .cabinet .edit-profile-image-container .content-container .content-box .password-replace-result, html .content .cabinet .remove-car-popup .content-container .content-box .password-replace-result {
                color: #0d5242;
                margin-top: 4vh;
                font-size: 16px;
                margin-bottom: 4vh
            }

            html .content .cabinet .add-car-popup .content-container .content-box .default-form, html .content .cabinet .edit-car-popup .content-container .content-box .default-form, html .content .cabinet .edit-password-container .content-container .content-box .default-form, html .content .cabinet .edit-profile-image-container .content-container .content-box .default-form, html .content .cabinet .remove-car-popup .content-container .content-box .default-form {
                max-width: 400px;
                margin: 2.2vh auto auto
            }

                html .content .cabinet .add-car-popup .content-container .content-box .default-form.remove, html .content .cabinet .edit-car-popup .content-container .content-box .default-form.remove, html .content .cabinet .edit-password-container .content-container .content-box .default-form.remove, html .content .cabinet .edit-profile-image-container .content-container .content-box .default-form.remove, html .content .cabinet .remove-car-popup .content-container .content-box .default-form.remove {
                    max-width: 540px
                }

                    html .content .cabinet .add-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, html .content .cabinet .edit-password-container .content-container .content-box .default-form.remove .buttons .submit-btn, html .content .cabinet .edit-profile-image-container .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 {
                        max-width: 230px;
                        font-size: 18px
                    }

                html .content .cabinet .add-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), html .content .cabinet .edit-password-container .content-container .content-box .default-form .validate-input:not(:first-child), html .content .cabinet .edit-profile-image-container .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) {
                    margin-top: 10px
                }

                html .content .cabinet .add-car-popup .content-container .content-box .default-form .submit-btn, html .content .cabinet .edit-car-popup .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 .edit-profile-image-container .content-container .content-box .default-form .submit-btn, html .content .cabinet .remove-car-popup .content-container .content-box .default-form .submit-btn {
                    margin-top: 1.8vh
                }

    html .content .cabinet .add-car-popup .car-info-form, html .content .cabinet .edit-car-popup .car-info-form, html .content .cabinet .edit-password-container .car-info-form, html .content .cabinet .edit-profile-image-container .car-info-form, html .content .cabinet .remove-car-popup .car-info-form, 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
    }

.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: 5s steps(37) infinite position-changer;
                    animation: 5s steps(37) infinite position-changer
                }

            .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 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: 700
                }

@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(.8);
        transform: scale(.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(.7);
        transform: scale(.7);
        margin-left: -105px;
        margin-top: 0
    }

    .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(.6);
        transform: scale(.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%,100% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 0
    }
}

@keyframes position-changer {
    0%,100% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 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: #fff;
    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, html[data-page=servicecenters] body {
    background-color: unset !important;
    color: #000 !important;
    padding: 25px
}

html[data-page=contact] .body-content, html[data-page=faq] body .body-content, html[data-page=news-inner] body .body-content, html[data-page=news] body .body-content, html[data-page=privacypolicy] body .body-content, html[data-page=servicecenters] .body-content {
    background-color: #fff;
    height: calc(100vh - 50px);
    border-radius: 5px
}

    html[data-page=contact] .body-content .header, html[data-page=faq] body .body-content .header, html[data-page=news-inner] body .body-content .header, html[data-page=news] body .body-content .header, html[data-page=privacypolicy] body .body-content .header, 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=contact] .body-content .header .menu, html[data-page=faq] body .body-content .header .menu:not(.burger), html[data-page=news-inner] body .body-content .header .menu:not(.burger), html[data-page=news] body .body-content .header .menu:not(.burger), html[data-page=privacypolicy] body .body-content .header .menu:not(.burger), html[data-page=servicecenters] .body-content .header .menu {
            padding-bottom: 0
        }

    html[data-page=contact] .body-content .contact-contaiener, 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=contact] .body-content .contact-contaiener .info-container {
            width: 35.4%;
            height: 100%;
            display: grid;
            -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, 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 .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, 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 .phone svg {
                        width: 20px;
                        height: 21px
                    }

                    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 .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 #ccc;
                    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 #ccc;
                        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: .2s;
                            transition: .2s
                        }

                        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 .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 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: 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 .popup-container, html[data-page=servicecenters] .body-content .s-centers-contaiener .map-container #map .popup-container {
                position: absolute
            }

                html[data-page=contact] .body-content .contact-contaiener .map-container #map .popup-container #popup-content, 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: #fff;
                    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 .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-inner] body, html[data-page=news] body, html[data-page=privacypolicy] body {
    background-color: unset !important;
    color: #000 !important;
    padding: 25px;
    overflow: hidden
}

    html[data-page=faq] body .body-content .faq, html[data-page=news-inner] body .body-content .news-inner, html[data-page=news] body .body-content .news, html[data-page=privacypolicy] body .body-content .news-inner {
        height: calc(100% - 10.3vh);
        overflow-y: auto
    }

        html[data-page=news] body .body-content .news .content-box {
            max-width: 1370px;
            padding: 0 65px;
            width: 100%;
            margin: 8vh auto auto;
            display: block;
            height: calc(100% - 8vh)
        }

            html[data-page=news] body .body-content .news .content-box .subscrie-section {
                display: grid;
                grid-template-columns: 1fr 1fr
            }

                html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content, html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content, 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=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::-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 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=booking] body section.right-container-wrapper .header .goback .go-back svg, html[data-page=news] body .body-content .news .content-box .subscrie-section .subscribe-wrapper .subscribe-content svg {
                            width: 16px;
                            height: 13px;
                            -webkit-transition: .2s;
                            transition: .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: .3s;
                            transition: .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: #333;
                            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: #333;
                                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: #333;
                                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: #333;
                                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: #333;
                                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: #fff;
                        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: #fff;
                        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 .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=faq] body {
    background-color: unset !important;
    color: #333 !important;
    padding: 25px;
    overflow: hidden
}

    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 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: #fff
                }

                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, 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 {
                    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-selection__arrow {
                    border: 0;
                    right: 20px;
                    width: 9px;
                    height: 6px;
                    background: 0 0
                }

                    html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content .select2-selection__arrow:after {
                        border-color: #fff
                    }

                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, 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: #fff;
                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: .3s;
                transition: .3s
            }

                html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content .search-btn, 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=faq] body .body-content .faq .filter-section .filter-wrapper .search-content .search-btn svg, 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: .3s;
                        transition: .3s
                    }

                html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input, 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: #333;
                    font-size: 14px;
                    -webkit-transition: .3s;
                    transition: .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: #333;
                        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: #333;
                        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: #333;
                        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: #333;
                        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: #fff;
                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 #fff;
                        border-width: 0 1.5px 1.5px 0;
                        display: inline-block;
                        padding: 3px;
                        -webkit-transition: .15s;
                        transition: .15s
                    }

            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: #fff;
                    padding: 20px 70px;
                    border-top: 1px solid #a5a5a5
                }

    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 .dropdown-box {
            background-color: #fff;
            -webkit-box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
            box-shadow: 0 3px 9px 0 rgba(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 .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=booking] body section.right-container-wrapper .form-content .inline-form.second-step .bottom-area, html[data-page=faq][data-browser=ie] body .body-content .faq .faq-container .faq-item {
    margin-bottom: 10px
}

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: 7vh 25px 0;
    width: 100%;
    margin: auto;
    display: block;
    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: .2s;
                transition: .2s
            }

        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: #000;
            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: #fff;
                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: #fff;
                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: #000;
            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-play-control, body .vjs-icon-volume-mute {
    border: 1px solid rgba(251,251,250,.2);
    border-radius: 50%;
    margin: 0 5px
}

body .video-js .vjs-fullscreen-control, body .video-js .vjs-mute-control, body .video-js .vjs-mute-control.vjs-vol-0, body .video-js .vjs-volume-menu-button, body .video-js .vjs-volume-menu-button.vjs-vol-0 {
    position: relative;
    margin-right: 10px
}

    body .video-js .vjs-fullscreen-control:after, body .video-js .vjs-mute-control.vjs-vol-0:after, body .video-js .vjs-mute-control:after, body .video-js .vjs-volume-menu-button.vjs-vol-0:after, body .video-js .vjs-volume-menu-button:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 4em;
        border: 1px solid rgba(251,251,250,.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 .vjs-lock-showing .vjs-menu-content, body .vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 4em
}

body .video-js .vjs-volume-bar {
    margin: 1.75em .45em
}

body .video-js .vjs-control-bar {
    height: 4em;
    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-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:focus, body .video-js:hover .vjs-big-play-button {
    background-color: rgba(255,255,255,.7)
}

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: 9vh 25px 0;
        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: #fff;
                -webkit-box-shadow: 0 3px 9px 0 rgba(0,0,0,.16);
                box-shadow: 0 3px 9px 0 rgba(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=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, 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 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 .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: #333;
        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: #333;
        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: #333;
        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: #333;
        font-size: 14px;
        font-family: FiraGO-Medium,Arial
    }

html[data-page=servicecenters] .body-content .s-centers-contaiener .map-container {
    width: 42%;
    height: 100%;
    background-color: #696969
}

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 .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 .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 .body-content {
    height: 100vh;
    background-color: #fff;
    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:before {
        display: none;
        min-height: 9.5vh
    }

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.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 .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;
                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 .virtual-header {
        height: 10.5vh;
        min-height: 80px
    }

    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.third-step {
                margin-top: 100px;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

            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,.31);
                    box-shadow: 0 8px 18px 0 rgba(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 .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: 700;
                        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: #666;
                        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.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: 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 ul {
                        padding: 0 10px
                    }

                        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: .1s;
                            transition: .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 .form-control.active .selected-item.date, 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 .next-arrow, html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-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 .next-arrow.loading, html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow.loading {
                            opacity: .5
                        }

                        html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow svg, html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-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 .next-arrow.prev-arrow, html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow.prev-arrow {
                            left: 0
                        }

                        html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow.next-arrow, html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-arrow.next-arrow {
                            right: 0
                        }

                        html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .next-arrow.slick-disabled, html[data-page=booking] body section.right-container-wrapper .form-content .inline-form .form-box .date-picker .carousel-controls .prev-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 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 .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;
        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
        }

        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,.16);
            box-shadow: 0 3px 9px 0 rgba(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 .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
        }

    html[data-page=booking] body .form-control .submit {
        background-color: #848484;
        border: none;
        outline: 0;
        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.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, html[data-page=booking] body .body-content .header .logo .white, html[data-page=booking] body .body-content:before {
        display: block
    }

        html[data-page=booking] body .body-content .header .logo .blue, html[data-page=booking] body .body-content section.left-container-wrapper .logo-container, html[data-page=booking] body .body-content section.right-container-wrapper .header, html[data-page=booking] body .body-content section.right-container-wrapper .virtual-header, 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 .header {
            display: grid
        }

        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.right-container-wrapper {
            padding: 40px 15px 0;
            width: 100%
        }

            html[data-page=booking] body .body-content section.right-container-wrapper .form-content {
                height: auto;
                padding: 0 0 30px;
                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;
                        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: .2s;
                            transition: .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: #fff;
        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: .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 (min-width:993px) {
    .inspection-alert:not(.full-width) {
        width: 37%;
        left: auto;
        background-color: #cccc
    }

    .language.burger, .menu.burger, html .content .cabinet .left-container .personal-info .person-infoes .infoes .reset-password.mobile, html .content .cabinet .left-container .personal-info .title .personal-info-down-arrow, html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .hidden, html .status-mobile-text {
        display: none
    }

    html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .profile-image-container > img, html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes table, html[data-page=cabinet] .inspection-alert.active-reminder-alert {
        width: 100%
    }

        html[data-page=cabinet] .inspection-alert.active-reminder-alert .swal-modal {
            background-color: #fff;
            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,.19);
        border-radius: 5px;
        overflow: hidden;
        position: relative
    }

        html .content .cabinet .left-container, html .content .cabinet .right-contaienr {
            display: grid;
            grid-template-rows: 72% 28%
        }

            html .content .cabinet .left-container .personal-info {
                grid-row: 1/2;
                grid-column: 1;
                background-color: #fff;
                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 .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 .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: .2s;
                                transition: .2s
                            }

                            html .content .cabinet .left-container .personal-info .person-infoes .infoes .editable-info .edit-field {
                                -webkit-transition: .2s;
                                transition: .2s;
                                opacity: 0;
                                border-left: 1px solid #999;
                                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 .settings {
                background-color: #fff;
                grid-row: 2/3;
                grid-column: 1;
                font-size: 18px;
                display: grid;
                max-width: 420px
            }

                html .content .cabinet .left-container .settings .logoff, html .content .cabinet .left-container .settings .reset-password {
                    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 .logoff svg, html .content .cabinet .left-container .settings .reset-password svg {
                        margin-right: 25px;
                        width: 18px;
                        height: 23px
                    }

                html .content .cabinet .left-container .settings .logoff, html .content.active-reminder .cabinet .car-info .contact .contact-infoes div, html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes div {
                    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 .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, 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 .cabinet .right-contaienr .inspection-info .infoes {
                    color: #fff;
                    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: none !important;
                    transition: none !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 {
                        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: #fff;
                            color: #000
                        }

                        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: #fff;
                            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, 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 .date .title, 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 .date .desc, 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;
                            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.active-reminder .cabinet .car-info .contact .contact-infoes div span, html .content:not(.active-reminder) .cabinet .right-contaienr .contact .contact-infoes div span {
                    margin-left: 18px;
                    font-family: FiraGO-Book,Arial
                }

            html .content.active-reminder .cabinet .car-info .contact .fb svg, html .content:not(.active-reminder) .cabinet .right-contaienr .contact .fb svg {
                fill: #0084ff;
                width: 16px;
                height: 16px
            }

        html .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr, 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 .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: #fff;
            max-width: 320px;
            height: 60px;
            border-radius: 30px;
            color: #000;
            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: #fff;
        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 .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: #333;
                        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 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 #ccc;
            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 .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%;
                            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
                }

    .language:hover .lang-dd-icon svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .language:hover .lang-list {
        height: 50px;
        border-color: #ccc
    }

        .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: .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: .3s;
            transition: .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: .3s;
            transition: .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: .3s;
            transition: .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: .3s;
                    transition: .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: .3s;
                transition: .3s
            }

    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-width: 450px;
        max-height: 470px
    }

        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: 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
    }

    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 .car-info .car-details .infoes, html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes, html[data-browser=ie] .body-content .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title, 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 .inspection-info .infoes .status-contaienr {
                    max-width: none;
                    text-align: center
                }

        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 .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(.6);
        transform: translate(-50%,-50%) scale(.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 .form-select, html[data-page=booking] body .form-control .selected-item, html[data-page=booking] body .form-control .submit {
        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 .cabinet .right-contaienr .inspection-info, html body .content.active-reminder .cabinet .right-contaienr .inspection-info {
        background-size: 32%
    }

        html body .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .status-contaienr {
            grid-row-gap: 30px
        }

            html body .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: 28px
            }

        html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date, html body .content .cabinet .right-contaienr .inspection-info .infoes .techdata-info .title, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .techdata-info .date, html body .content.active-reminder .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 .form-select, html[data-page=booking] body .form-control .selected-item, html[data-page=booking] body .form-control .submit {
        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, html[data-page=cabinet] body .content .cabinet .inspection-info .infoes .live-buttons .live-button.submit-btn {
        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 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 .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 .cabinet .right-contaienr .inspection-info .infoes, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes {
        padding-left: 8%
    }

        html body .content .cabinet .right-contaienr .inspection-info .infoes .status-contaienr, html body .content.active-reminder .cabinet .right-contaienr .inspection-info .infoes .status-contaienr {
            grid-row-gap: 20px
        }

            html body .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: 24px
            }

        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, 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 {
            font-size: 16px
        }

    html body .content .cabinet .right-contaienr .car-info .car-infoes-container, html body .content.active-reminder .cabinet .right-contaienr .car-info .car-infoes-container {
        padding: 3% 3% 0 6%
    }

    html body .content .cabinet .right-contaienr .car-info .car-image img, html body .content.active-reminder .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 .cabinet .right-contaienr .car-info, html .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes, html body .content.active-reminder .cabinet .right-contaienr .car-info {
        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, 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 .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 html body .content.active-reminder .cabinet .right-contaienr .car-info .car-details, html html body .content.active-reminder .cabinet .right-contaienr .car-info .infoes, html[data-browser=ie] .content .cabinet .right-contaienr .car-info .car-details, html[data-browser=ie] .content .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, html body .content.active-reminder .cabinet .right-contaienr .car-info .contact .contact-infoes div {
        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 .content.active-reminder .cabinet .car-info .car-infoes-container .car-infoes-sllder .car-details .infoes, 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 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%
        }
}

@media (max-width:1150px) {
    html .body-content .footer.news-inner-footer .ls {
        text-align: center
    }
}

@media (max-width:992px) {
    .body-content .header .autorization, .body-content .header .header-content, .body-content .header .language:not(.burger), .body-content .header .menu:not(.burger), .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-style-iw-d > div .gotomap .popup-message {
        display: none !important
    }

    html .content .cabinet .right-contaienr .inspection-info .infoes {
        -webkit-transition: none !important;
        transition: none !important
    }

    html .content .cabinet .content-container .content-box {
        padding: 0 20px
    }

    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: 70px;
        height: 70px
    }

    .body-content .header .menu.burger .menu-list li a, html .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .profile-image-container, html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr img {
        width: 100%
    }

    html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .active-reminder-btn, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .booking-disabled-text {
        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: #fff;
        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 body .body-content, html[data-page=home] body {
        -ms-flex-flow: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    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, .marker-infobox .gm-style-iw, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item .info-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;
        flex-flow: column
    }

        html body .body-content:before {
            content: '';
            display: block;
            width: 100%;
            height: 9.5vh
        }

        html body .body-content .header {
            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, html[data-page=contact] body .body-content .header .logo .white, html[data-page=error] .error-container .error-mobile-image, html[data-page=error] .error-container .mobile-serive-text, html[data-page=error] .error-container .text-404, html[data-page=faq] body .body-content .faq .mobile-categoryes, html[data-page=faq] body .body-content .header .logo .white, html[data-page=home] body .body-content .mobile-home, html[data-page=news-inner] body .body-content .header .logo .white, html[data-page=news] body .body-content .header .logo .white, html[data-page=privacypolicy] body .body-content .header .logo .white, html[data-page=servicecenters] body .body-content .header .logo .white {
        display: block
    }

    html[data-page=cabinet] .content {
        margin: 0 auto;
        width: 100%
    }

        html[data-page=cabinet] .content .cabinet {
            background-color: #fff
        }

            .animating-container-wrapper, html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info svg, html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn svg:not(.mobile-icon), html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes .image-contaienr .edit-img-btn:not(.no-image) .mobile-icon, html[data-page=cabinet] .content .cabinet .left-container .settings, html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-image, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info > span, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .title, html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .desc, html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a svg, html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .title, html[data-page=contact] body .body-content .header .logo .blue, html[data-page=contact] body .fb-massanger.abs, html[data-page=error] .body-content footer, html[data-page=error] .error-container .error-container-wrapper, html[data-page=error] .error-container .title, html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .filter-content, html[data-page=faq] body .body-content .header .logo .blue, html[data-page=home] .right-bar .footer, html[data-page=home] .right-bar .header, html[data-page=home] body .body-content footer, html[data-page=news-inner] body .body-content .header .logo .blue, html[data-page=news] body .body-content .header .logo .blue, html[data-page=privacypolicy] body .body-content .header .logo .blue, html[data-page=servicecenters] body .body-content .header .logo .blue, html[data-page=servicecenters] body .body-content .s-centers-contaiener .content-info .info-container .filter-section, html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .filter-content {
                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%;
                -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
                }

                    .language.burger.active .lang-dd-icon svg, 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: .3s;
                        transition: .3s;
                        width: 18px;
                        height: 100%
                    }

            html[data-page=cabinet] .content .cabinet .left-container .personal-info .person-infoes, html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details {
                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: 4.6vh auto 3.6vh;
                    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
                }

                    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 .backgorund, 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 .mobile-icon {
                            display: block;
                            width: 64px;
                            height: 64px;
                            fill: #666666;
                            margin-left: 9px;
                            margin-top: 9px
                        }

            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;
                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;
                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.active-reminder .cabinet .inspection-info, html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info {
            background-image: none !important
        }

            html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes, 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 .status-info {
                        margin-top: 4vh;
                        color: #fff;
                        position: relative;
                        font-family: FiraGO-Medium,Arial;
                        background-color: #e6b03d;
                        width: 100%;
                        border-radius: 45px;
                        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 .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 .status-mobile-text {
                display: inline-block;
                font-family: FiraGO-SemiBold,Arial;
                font-size: 28px;
                color: #fff
            }

            html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info {
                border-radius: 0;
                font-family: FiraGO-Bold,Arial;
                background-color: transparent !important;
                font-size: 18px;
                color: #fff;
                width: unset
            }

                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: #fff;
            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 {
                -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: #fff;
            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;
                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% 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 .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, 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 .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, html[data-page=faq] body .body-content .header, html[data-page=news-inner] body .body-content .header, html[data-page=news] body .body-content .header, html[data-page=privacypolicy] body .body-content .header, html[data-page=servicecenters] body .body-content .header {
                    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 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
                }

    body {
        background-color: #125d4a
    }

    .body-content .header {
        background-color: #005341
    }

        .body-content .header .language.burger {
            width: 48px;
            height: 48px;
            border-color: #fff
        }

            .body-content .header .language.burger .lang-icon {
                width: 22px;
                height: 22px
            }

                .body-content .header .language.burger .lang-icon svg, .body-content .header .menu.burger .menu-list .social .icon:not(:hover) 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: #fff
                }

        .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: .3s;
                transition: .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: #fff
                }

                .body-content .header .menu.burger .menu-list .user-info-container:hover {
                    color: #fff;
                    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: #fff;
                        width: 176px;
                        height: 43px;
                        font-family: FiraGO-Regular,Arial;
                        font-size: 18px;
                        color: #000;
                        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: #fff !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: .3s;
                        transition: .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: .5;
                            -webkit-transition: .3s;
                            transition: .3s
                        }

                .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:first-child, .body-content .header .menu.burger.active .burger-btn span:nth-child(4) {
                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 .menu-list {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .body-content .header .menu.burger .burger-btn {
                position: relative;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: .5s ease-in-out;
                transition: .5s ease-in-out;
                height: 23px;
                cursor: pointer
            }

                .body-content .header .menu.burger .burger-btn span {
                    display: block;
                    position: absolute;
                    height: 3px;
                    width: 100%;
                    background-color: #fff;
                    opacity: 1;
                    left: 0;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transition: .25s ease-in-out;
                    transition: .25s ease-in-out
                }

                    .body-content .header .menu.burger .burger-btn span:first-child {
                        top: 0
                    }

                    .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;
            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] .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.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-list {
        height: 50px;
        border-color: #ccc
    }

        .language.burger.active .lang-list li {
            opacity: 1;
            -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s
        }

    .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, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .desc, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .icon {
                    font-size: 16px
                }

    html[data-page=error] .error-container .error-mobile-image {
        margin-top: 8vh;
        margin-bottom: 7vh;
        width: 85%
    }

    html[data-page=contact] body {
        padding: 0
    }

        html[data-page=contact] body .body-content, html[data-page=servicecenters] body .body-content {
            height: unset
        }

            html[data-page=contact] body .body-content .contact-contaiener, html[data-page=servicecenters] body .body-content .s-centers-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;
                    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 .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 .icon, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .social .pre-text {
                                width: 20%
                            }

                                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: #fff
                        }

                            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 {
                            max-width: 490px;
                            margin: auto;
                            padding: 0 20px
                        }

                            .swal-modal .swal-content .winner-alert-container .winner-content .infoes .title, html .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text, html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn a, 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, html[data-page=news] body {
        background-color: #fff !important;
        height: 100vh;
        padding: 0
    }

        html[data-page=faq] body .body-content, html[data-page=news] body .body-content {
            height: 100vh
        }

            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, 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: .3s;
                        transition: .3s
                    }

                    html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper.active .filter-content, 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: .3s;
                        transition: .3s
                    }

                    html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content, 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: .3s;
                        transition: .3s
                    }

                        html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content .search-btn, 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=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content .search-btn svg, 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: .3s;
                                transition: .3s
                            }

                        html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper:not(.active) .search-content input, 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: .3s;
                            transition: .3s
                        }

                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 .answer-container, html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box .question-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 .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: #fff !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 .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=news-inner] body .body-content .news-inner .content-box .video-iframe, html[data-page=privacypolicy] body .body-content .news-inner .content-box .info-container .news-sllider, html[data-page=privacypolicy] body .body-content .news-inner .content-box .video-iframe {
                            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
                        }

    .fb-massanger.abs {
        right: 35px;
        bottom: 35px;
        width: 65px;
        height: 65px
    }

        .fb-massanger.abs svg, .swal-modal .swal-content .winner-alert-container .alert-close {
            width: 30px;
            height: 30px
        }

    html[data-page=servicecenters] body {
        background-color: #fff !important;
        padding: 0
    }

        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 .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: 3.8vh 65px 0;
                height: 100%
            }

                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
    }

    .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 .info-item .info-icon {
            width: 28px;
            height: 28px;
            min-width: 28px;
            font-size: 14px;
            margin-right: 12px
        }

    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, 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:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .status-info.add-car-btn {
        margin: 0;
        background: inherit
    }

    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, html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .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=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 {
            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 .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 .gift-name, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .title {
                font-size: 28px
            }

    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 {
        min-height: 55px
    }
}

@media (max-width:700px) {
    .mobile-form-content .section-info-wrapper .submit-btn, 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, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label {
        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 .email a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location a, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone 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 .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text, html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn, html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info, 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 .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, html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .title {
            font-size: 26px
        }

    html[data-page=cabinet] .content .cabinet .edit-password-container .content-container, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container {
        max-width: 100%;
        max-height: 450px
    }

        html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .close-btn, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .close-btn {
            right: 12px;
            top: 12px
        }

        html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .infoes .icon, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .infoes .icon {
            width: 70px;
            height: 70px
        }

            html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .infoes .icon svg, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .infoes .icon svg {
                width: 28px;
                height: 28px
            }

        html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .infoes .title, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .infoes .title, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-info, 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, 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 .work-hours .work-hours-wrapper .info-box {
            font-size: 16px
        }

        html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .infoes .desc, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .infoes .desc {
            font-size: 13px
        }

        html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .crop-image-contaienr, html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .content-box .upload-btn, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .content-box .crop-image-contaienr, html[data-page=cabinet] .content .cabinet .edit-profile-image-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-password-container .content-container .content-box .save-profile-img, html[data-page=cabinet] .content .cabinet .edit-profile-image-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: #fff
    }

        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: 1.8vh 0 0;
            font-family: FiraGO-Medium,Arial
        }

            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%
        }

            .winner-alert-container .winner-content .infoes .gift-name, .winner-alert-container .winner-content .infoes .title, html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td div, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-mobile-text, html[data-page=news] body .body-content .news .content-box .subscrie-section .title-wrapper .title-content {
                font-size: 24px
            }

        .calculate-price .section-info-wrapper .title, .password-recovery-alert .section-info-wrapper .title, html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn, html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info, html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .infoes table td, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .desc, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .title, 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=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .title, html[data-page=error] .error-container .text-404 {
            font-size: 30px
        }

        html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .desc, 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, html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content {
            font-size: 28px
        }

    html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .title, html[data-page=faq] body .body-content .faq .content-box .filter-section .title-wrapper .title-content {
        font-size: 22px
    }

    html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions svg {
        width: 20px
    }

    .body-content .header .menu.burger .menu-list .user-info-container .user-info, 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%
    }

    .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 .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 .settings-icon {
        width: 60px;
        height: 60px
    }

    .calculate-price .section-info-wrapper .title {
        max-width: 260px
    }

    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, 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 .social .icon, html[data-page=error] .error-container .mobile-serive-text {
        font-size: 14px
    }

    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 .email label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label svg, 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 .social .icon svg {
            margin-right: 10px
        }

        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 .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 .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 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 .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 .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 .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.reserved .status-contaienr .live-buttons .submit-btn, html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info {
        font-size: 18px
    }

    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 .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) {
    body .video-js .vjs-control-bar {
        padding: 0 5px;
        bottom: 10px
    }

    .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, .calculate-price .section-info-wrapper .desc, .marker-infobox .gm-style-iw, .password-with-recovery .get-pass-recovery-form, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .info-item .info-text, 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, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a, 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
        }

        .booking-result-alert-form .booking-result .message-item .info-text, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .desc, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .title {
            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
        }

    .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .date, html[data-page=cabinet] .content .cabinet .left-container .infoes label, html[data-page=cabinet] .content .cabinet .left-container .title, html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .title, html[data-page=faq] body .body-content .faq .content-box .filter-section .title-wrapper .title-content, html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .title-wrapper .title-content, html[data-page=news] body .body-content .news .content-box .subscrie-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=cabinet] .content .cabinet .left-container .image-contaienr {
        margin: 3.5vh auto;
        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 .editable-info, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .title {
            font-size: 24px
        }

            html body .body-content .header .language.burger .lang-icon, 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: 2vh 0 0;
            font-family: FiraGO-Medium,Arial;
            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 body .body-content .header .menu.burger .menu-list .ls-sect .copyright, html body .body-content .header .menu.burger .menu-list .social .pre-text, html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn, html[data-page=cabinet] .content .cabinet .inspection-info .infoes.reserved .status-contaienr .live-buttons .submit-btn.status-info, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .status-contaienr .status-mobile-text, 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 .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 .date .desc, html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content {
        font-size: 22px
    }

    html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box {
        height: 75px
    }

        .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .submit-btn, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes.reserved .location-info .info-box .title, 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, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label, 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=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.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 .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, 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 .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
                    }

    .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 {
            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 .price-info .result, .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info .title, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .gift-name, .swal-modal .swal-content .winner-alert-container .winner-content .infoes .title, html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn, html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info, 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
            }

            .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;
                    min-width: 120px
                }

    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
    }

    .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 .email label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label svg, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label svg, 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=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, html[data-page=faq] body .body-content .faq .faq-container .faq-item .dropdown-box {
                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 .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, 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=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 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 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 .body-content .footer.news-inner-footer, 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 .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 .info-container .news-sllider .flickity-prev-next-button, html[data-page=news-inner] body .body-content .news-inner .content-box .title-section .back-wrapper a, 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 .info-container .news-sllider .flickity-prev-next-button, html[data-page=privacypolicy] 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 .title-wrapper .tag-wrapper .share-wrapper .fb-share-btn svg, 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=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 .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 .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 .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
    }

    .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
        }

    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.live-button svg {
            margin-right: 7px;
            width: 22px
        }

    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(.8);
        transform: translate(-50%,-50%) scale(.8)
    }

    html .body-content .footer.news-inner-footer .ls {
        text-align: left
    }
}

.accordion, .accordionHomePage {
    cursor: pointer;
    width: 100%;
    background-color: #fff;
    border-radius: 40px;
    grid-template-columns: 68.5% 31.5%;
    margin-top: 20px
}

@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, .booking-result-alert-form .booking-result .message-item .info-text, .winner-alert-container .winner-content .infoes .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 .gift-name, .winner-alert-container .winner-content .infoes .title, html[data-page=cabinet] .content .cabinet .contact .contact-infoes div, html[data-page=cabinet] .content .cabinet .left-container .infoes .editable-info, html[data-page=cabinet] .content .cabinet .left-container .infoes label {
                font-size: 16px
            }

            .winner-alert-container .winner-content .infoes .contact-us {
                height: 40px;
                font-size: 12px;
                max-width: 140px
            }

    .inspection-result-alert .inspection-result-alert-form .inspection-result .techdata-info .title, .mobile-form-content .section-info-wrapper .title, html[data-page=faq] body .body-content .faq .filter-section .title-wrapper .title-content, 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
    }

    .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
    }

    .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box, .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .reminder-box .reminder-checkbox, html[data-page=home] .right-bar .calculate-price .form-container .registration-section, 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
    }

    .inspection-result-alert .inspection-result-alert-form {
        margin-top: 3vh
    }

        .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 .result, .inspection-result-alert .inspection-result-alert-form .inspection-result .price-info .title, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .fb-massanger, 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, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone a {
            font-size: 13px
        }

        .inspection-result-alert .inspection-result-alert-form .inspection-result .inspection-result-form .submit-btn {
            height: 60px
        }

    html .content .cabinet .remove-car-popup .content-container .content-box .title.remove-message-text, html[data-page=cabinet] .content .cabinet .contact .title, html[data-page=cabinet] .content .cabinet .left-container .title, html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .title, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .date .desc, html[data-page=cabinet] .content:not(.active-reminder) .cabinet .right-contaienr .inspection-info .infoes .status-contaienr .title, html[data-page=contact] body .body-content .contact-contaiener .title.mobile, html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .title-wrapper .title-content {
        font-size: 18px
    }

    html[data-page=cabinet] .content .cabinet .left-container .image-contaienr {
        width: 80px;
        height: 80px
    }

    html[data-page=cabinet] .content .cabinet .contact .contact-infoes {
        padding-right: 0
    }

        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 .desc, html[data-page=cabinet] .content.active-reminder .cabinet .inspection-info .infoes .techdata-info .price .title, html[data-page=contact] body .body-content .contact-contaiener .info-container .work-hours .work-hours-wrapper .info-box {
        font-size: 14px
    }

    html[data-page=cabinet] .content.active-reminder .cabinet .car-info .car-details .heder-info .left-wrapper .actions, 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 .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 .cabinet .edit-password-container, html[data-page=cabinet] .content .cabinet .edit-profile-image-container {
        padding: 20px
    }

        html[data-page=cabinet] .content .cabinet .edit-password-container .content-container, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container {
            max-height: 360px
        }

            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, 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 {
                min-height: 50px
            }

            html[data-page=cabinet] .content .cabinet .edit-password-container .content-container .default-form .submit-btn, html[data-page=cabinet] .content .cabinet .edit-profile-image-container .content-container .default-form .submit-btn {
                margin-top: 2.8vh;
                height: 50px
            }

    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 .email label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .location label, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label {
                    font-size: 15px;
                    margin-bottom: 5px
                }

                    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, html[data-page=contact] body .body-content .contact-contaiener .info-container .contact-infoes .info-box .phone label svg {
                        margin-right: 10px
                    }

            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 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, html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content {
        width: 240px;
        height: 35px
    }

        html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content .search-btn, html[data-page=servicecenters] body .body-content .s-centers-contaiener .filter-section-mobile .filter-wrapper .search-content .search-btn {
            width: 35px
        }

        html[data-page=faq] body .body-content .faq .filter-section .filter-wrapper .search-content input, 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=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 svg, 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=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 .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 .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 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 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
    }

        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: 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 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
    }

    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, 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 .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, 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 .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 .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(.7);
        transform: translate(-50%,-50%) scale(.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 .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, .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, html[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.status-info, 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[data-page=cabinet] .content .cabinet .inspection-info .infoes .status-contaienr .live-buttons .submit-btn.live-button svg {
                margin-right: 5px;
                width: 20px
            }

    html .body-content .footer.news-inner-footer .ls {
        padding-left: 25px;
        text-align: left
    }
}

.accordion {
    -webkit-box-shadow: 0 3px 9px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 16%);
    height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.accordionHomePage {
    -webkit-box-shadow: 0 3px 9px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 16%);
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}