@charset "utf-8";
/* CSS Document*/
* 					{margin:0;padding:0;-webkit-font-smoothing:antialiased;line-height:normal;}
body 				{margin:0 auto;font-size:17px;color:#000;font-family: 'Roboto', sans-serif;}
html				{ }
a:active, a:focus,input:focus, textarea:focus,select button{outline:0}
a:active, a:focus	{outline:expression(hideFocus='true')}
::-moz-focus-inner	{border:1px solid transparent!important;}
:link,:visited      {text-decoration:none}
ul,ol,li,pre,
form,blockquote,
fieldset,input,p,select,label,button,textarea,section,a{margin:0px;list-style:none;padding:0;vertical-align:top;border-radius:0;font-family: 'Roboto', sans-serif;}
a img				{border:none;}
h1,h2,h3,h4,h5,h6	{margin:0px;padding:10px 0px;color:#212222;font-family: 'Roboto', sans-serif;text-transform:uppercase}
.button,.view-dealer-div a,.slideshow-button-next::before, .slideshow-button-next::after,.slideshow-button-next span,.slideshow-button-next,.slideshow-button-next span::before, .slideshow-button-next span::after,.slideshow-button-prev,.slideshow-button-prev span,.menu-anchor span
					{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s}
.home-logo{position:fixed;top:5%;left:4.94791666667%;z-index:50;width:250px}
.home-logo img{width:100%}
.menu-main{position:fixed;top:3.9%;right:2.03125%;z-index:999;width:44px;height:30px; }
.menu-link,.menu-anchor{position:absolute;width:100%;height:100%;top:0;left:0;z-index:15}
.menu-link span,.menu-anchor span{position:absolute;width:60%;height:3px;top:50%;transform:translateY(-50%);right:0;display:block;background:rgba(0,0,0,1)}
.menu-link span::after,.menu-link span::before,.menu-anchor span::after,.menu-anchor span::before{position:absolute;width:44px;height:3px;background:#000;content:'';right:0;transition:all 0.4s ease-out 0s}
.menu-link span::before,.menu-anchor span::before{top:-13px;}
.menu-link span::after,.menu-anchor span::after{bottom:-13px;}
.menu-sub{position:absolute;top:0;right:-500px;z-index:-1;white-space:nowrap;padding:0 50px 0 15px;/*background:#000;*/}
.menu-sub-sub{position:absolute;background:#000;top:13px;right:0;width:26px;height:3px;z-index:-1;transition:all 0.4s ease-out 0s}
/*.menu-sub-sub::after{background:#000;content:'';position:absolute;top:13px;right:0;width:26px;height:3px;z-index:-1;transition-property:transform;transition-duration:0.4s}*/
.menu-sub ul,.menu-sub ul li{list-style-type:none;margin:0;padding:0}
.menu-sub ul{overflow:hidden;display:flex;transform:translateX(35px);opacity:0;transition:all 0.4s ease-out 0s}
.menu-sub ul li{float:left;}
.menu-sub ul li a{color:#fff;display:block;padding:6px 10px;text-transform:uppercase;font-size:12px;letter-spacing:2px;transition:all 0.4s ease-out 0s}
.menu-sub ul li a:hover{color:#fdb913;}

.menu-sub.opened{right:0;}
.menu-sub-sub.show{height:40px;width:106%;top:-5px;right:-3%;border-radius:25px;}
.menu-sub ul.appear{transform:translateX(0px);opacity:1;margin:2px 0 0 0}
.menu-sub ul.appear li a{letter-spacing:0px}
/*.menu-sub-sub.show::after{height:30px;width:100%;top:0;border-radius:15px 0 0 15px  }*/
.menu-link.active span,.dropdown.show .menu-anchor span{background:rgba(0,0,0,0)}
.menu-link.active span::after,.menu-link.active span::before,.dropdown.show .menu-anchor span::after,.dropdown.show .menu-anchor span::before{background:#000;}
.menu-link.active span::before,.dropdown.show .menu-anchor span::before{transform:rotate(-55deg);top:0px;width:26px;right:3px;}
.menu-link.active span::after,.dropdown.show .menu-anchor span::after{transform:rotate(40deg);bottom:0px;width:26px;right:3px;}

.menu-main .dropdown{height:30px}
.menu-main .dropdown-toggle::after{display:none}
.slideshow-button-prev{margin:0;top:auto;bottom:7%;color:#000}
.slideshow-button-prev span{display:block;left:30px;position:absolute;}
.slideshow-button-prev:hover{color:#fdb913}
.slideshow-button-prev:hover span{color:#fdb913}
.slideshow-container .swiper-slide,.slideshow-contents{height:100vh}
.slideshow-contents{position:relative;z-index:1;overflow:hidden}
.homepage{/*background: url("../img/crossing.png") center bottom no-repeat;background-size:100% auto;*/}
.homepage::after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;background: url("../imgs/crossing.png") center bottom no-repeat;background-size:100% auto;display:block;z-index:-1}
.road-div1{background: url("../img/road.png") center bottom no-repeat;background-size:100% auto;}
.road-div2{background: url("../img/road2.png") center bottom no-repeat;background-size:100% auto;}
.circle{position:absolute;border-radius:50%}
.bg-yellow{background-color:#fdb913;}
.bg-grey1{background-color:#c9c8c8;}
.bg-grey2{background-color:#dddddd;}
.bg-grey3{background-color:#ebebeb;}
.circle.bg-dark{background-color:#231f20!important;}
.bg-very-dark{background-color:#020303;}
.bg-dark3{background-color:#040404;}
.circle1{width:27.4479166667%;bottom:-7%;left:36.3020833333%;}
.circle2{width:23.4375%;left:6.40625%;bottom:29.7%; }
.circle3{width:8.64583333333%;left:32.7604166667%;top:19.4%; }
.circle4{width:39.5833333333%;left:54.4791666667%;bottom:50.8%; }
.circle5{width:17.5%;left:91.09375%;bottom:32.1%;}
.circle6{width:5.20833333333%;left:75.9375%;bottom:33%;}
.circle-title{width:16.9270833333%;left:18.3333333333%;bottom:44.9%;}
.circle-slogan{width:31.5520833333%;right:7.08333333333%;top:-20.4%;}
.circle-common1{width:2.60416666667%;left:7.08333333333%;bottom:38.8%;}
.circle-common2{width:7.29166666667%;right:17.34375%;bottom:37.2%;}
.pattern1{background-image:url("../img/pattern1.png");}
.pattern2{background-image:url("../img/pattern2.png");}
.pattern3{background-image:url("../img/pattern3.png");}
.pattern4{background-image:url("../img/pattern4.png");}

.circle1 h1{font-size:3rem;font-weight:900}
.logo-arrow{height:95px}
.logo-arrow img{height:100%}
.circle1 .circle-sub{padding-bottom:7%}
.circle2 img{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.circle3 img{left:50%;transform:translate(-50%,-60%);width:131%}
.circle5 img{position:absolute;right:0;top:50%;transform:translateY(-50%);max-height:100%}
.circle6 img{width:148%}
.slideshow-button-next{width:355px;height:35px;bottom:7%;margin-top:0;top:auto;font-size:21px;color:#000;display:block;padding:6px 0 0 0;right:2%}
.slideshow-button-next div,.slideshow-button-next span{display:inline-block}
.slideshow-button-next span{width:17.7464788732%;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#000;height:3px;  }
.slideshow-button-next span::before,.slideshow-button-next span::after{position:absolute;background:#000;height:3px;width:24px;content:'';right:-5px; }
.slideshow-button-next span::before{transform:rotate(45deg);top:-8px;}
.slideshow-button-next span::after{transform:rotate(-45deg);bottom:-8px;}
.slideshow-button-next::before,.slideshow-button-next::after{position:absolute;background:#000;height:3px;width:16.9014084507%;content:'';right:0;}
.slideshow-button-next::before{top:20%;right:7.60563380282%}
.slideshow-button-next::after{bottom:20%;right:11.2676056338%;width:30% }
.slideshow-button-next:hover{color:#fdb913}
.slideshow-button-next:hover span,.slideshow-button-next:hover::before,.slideshow-button-next:hover::after,.slideshow-button-next:hover span::before,.slideshow-button-next:hover span::after{background:#fdb913;}
.slideshow-button-prev span{}
.swiper-button-prev.swiper-button-disabled{opacity:0}

.circle-inner{bottom:18.5%;z-index:9}
.circle-inner::after{content:'';position:absolute;width:50px;height:75px;background:#fdb913;left:50%;transform:translateX(-44%) skew(30deg, -64deg);bottom:0;display:block;z-index:-1;}
.pos-hori-center{left:50%;transform:translateX(-50%)}
.pos-verti-center{top:50%;transform:translateY(-50%)}
.pos-center{top:50%;left:50%;transform:translate(-50%,-50%)}
.agency-img1 img{width:129%}
.title-icon{height:95px;margin:0 auto;}
.title-icon img{height:100%;filter: grayscale(1) brightness(5);}
.circle-title h1{color:#fff;font-size:40px;font-weight:700;line-height:40px;}
.circle-title h1 span{display:block;font-size:40px;}
.circle-slogan h1{font-size:3rem;font-weight:700;color:#020303;}
.circle-slogan .circle-sub{padding-top:100px}
.view-dealer-div{text-align:center;padding-top:20px}
.view-dealer-div a{display:inline-block;padding:12px 40px;background:#fff;color:#fdb913;font-size:1.5rem;text-transform:uppercase;box-shadow:0px 2px 2px 3px rgba(0,0,0,0.1) }
.view-dealer-div a:hover{background:#fdb913;color:#000;}
.garage-base1 img{width:100.3%;}
.garage-img1 img{width:100%;}
.spare-parts img{width:103%;}
.washing img{width:116.55%;}
.taxi{width:136.55%}
.taxi-map-pin img{width:110%}
.rent-a-car img{width:189.5%}
.driving-school-base{width:100%}
.driving-school{width:140%;margin-left:-20%;bottom:-20%;}
.car-insurance{width:100%}
.car-insurance-car{z-index:30}
.car-insurance-shield{z-index:10}
.car-insurance-pad{z-index:1}
.car-protection img{width:128%}
.car-protection-shield img{width:100%}
.rent-a-car-tag img{width:115%}
.air-conditioning{z-index:9}
.swiper-slide-active .air-conditioning-red{animation:rotationdesign 20s ease infinite}
.swiper-slide-active .air-conditioning-blue{animation:rotationdesignRev 18s ease infinite}
.swiper-slide-active .air-conditioning-wheel{animation:rotationWheel 10s ease infinite}
.air-conditioning-red,.air-conditioning-blue,.air-conditioning-wheel{z-index:1;}
.swiper-slide-active .circle-common2{animation:bgColor 5s linear infinite}
@keyframes bgColor{
	0%{background-color:#040404;}
	33%{background-color:#000000;}
	36%{background-color:#3e3e3e;}
	100%{background-color:#040404;}
}
.swiper-slide-active .circle-common1{animation:bgColor1 5s linear infinite}
@keyframes bgColor1{
	0%{background-color:#fdb913;}
	33%{background-color:#fbd370;}
	66%{background-color:#d59700;}
	100%{background-color:#fdb913;}
}
.air-conditioning-wheel img{}
@keyframes rotationWheel{
	0%{transform:rotate(0deg)}
	20%{transform:rotate(20deg)}
	40%{transform:rotate(20deg)}
	60%{transform:rotate(-20deg)}
	80%{transform:rotate(-20deg)}
	90%{transform:rotate(00deg)}
	100%{transform:rotate(00deg)}
}
@keyframes rotationdesign{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(90deg)}
	50%{transform:rotate(180deg)}
	75%{transform:rotate(270deg)}
	100%{transform:rotate(360deg)}
}
@keyframes rotationdesignRev{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(-90deg)}
	50%{transform:rotate(-180deg)}
	75%{transform:rotate(-270deg)}
	100%{transform:rotate(-360deg)}
}

.dark-color h1{color:#000}
.dark-circle.circle-inner::after{/*background:#000*/} 
.car-dealers img{width:100%}

.overflow-radius{border-radius:50%;overflow:hidden;}
.swiper-slide-active .car-sale-tag img,.swiper-slide-active .rent-a-car-tag img{animation:carForSaleTag 3s alternate infinite;transform-origin:70% top;}
.quick-services{width:100%}
.slideshow-container .swiper-pagination-bullet{opacity:1;margin:0 7px!important}
.swiper-pagination-bullet-active{background:#fdb913}

@keyframes carForSaleTag{
	0%{transform:rotate(-7deg)}
	100%{transform:rotate(12deg)}
}

.circle,.circle2 div,.circle3 div,.circle4 div:first-child,.circle5 div,.circle6 div,.circle1 .circle-sub,.circle-title .title-icon,.circle-title h1,.circle-slogan,.circle-inner,.circle-title,.view-dealer-div,.circle-slogan h1,.garage-base1,.garage-img1,.rent-a-car img,.taxi-base img,.taxi img,.washing img,.car-insurance-pad,.car-insurance-shield,.car-insurance-car img,.driving-school-base,.driving-school,.car-protection-shield,.car-protection,.air-conditioning,.air-conditioning-wheel img,.quick-services img,.agency-img1,.towing-car img{transition:all 1s ease-out 0s}
.spare-parts,.car-dealers img,.car-sale img{transition:all 1.5s ease-out 0s}
.circle4 div:last-child,.taxi-map-pin{transition:all 0.4s ease-out 0s}

.circle,.circle2 div,.circle3 div,.circle4 div,.circle6 div,.circle1 .circle-sub,.circle-title,.circle-title .title-icon,.circle-title h1,.circle-slogan,.view-dealer-div,.circle-slogan h1,.garage-base1,.garage-img1,.spare-parts,.car-dealers img,.rent-a-car img,.taxi-base img,.taxi img,.taxi-map-pin,.washing img,.car-insurance-pad,.car-insurance-shield,.car-insurance-car img,.driving-school-base,.driving-school,.car-protection-shield,.car-protection,.air-conditioning,.air-conditioning-wheel img,.quick-services img,.agency-img1,.towing-car img{opacity:0}
.circle2{transform:translate(-250px,-250px);}
.circle2 div{transform:translate(-150px,-150px);}
.circle3{transform:translate(-100px,-250px);}
.circle3 div{transform:translate(-50px,-100px);}
.circle4{transform:translate(250px,-300px);}
.circle4 div:first-child{transform:translate(-200px,-100px);}
.circle4 div:last-child{transform:translate(0px,-300px);}
.circle5{transform:translate(200px,-100px);}
.circle5 div{transform:translate(200px,-100px);}
.circle6{transform:translate(250px,-250px);}
.circle6 div{transform:translate(70px,-70px);}
.slideshow-button-next{transform:translate(0px,200px);}
.circle1 .circle-sub{transform:scale(1.5)}
.circle-title .title-icon,.circle-title h1,.view-dealer-div,.circle-title,.circle-title,.circle-slogan h1{transform:translateY(-150px);}
.circle-inner{transform:translate(0,150px)}
.circle-slogan{transform:translateY(-250px);}
.garage-base1,.air-conditioning,.agency-img1{transform:scale(0.8)}
.garage-img1{transform:scale(0.3) translate(0,15%);}
.spare-parts{transform:rotate(-45deg) scale(0.8)}
.car-dealers img{transform:scale(1.3)}
.car-sale img{transform:translateX(70%)}
.rent-a-car img{transform:translate(-50%,-50%) scale(0.5)}
.taxi-base img{transform:translateY(50%);}
.taxi img{transform:translate(70%,-30%)}
.taxi-map-pin{transform:translateY(-70%)}
.washing img,.air-conditioning-wheel img{transform:translate(-50%,-50%) scale(0.8);left:50%;top:50%}
.car-insurance-pad{transform:translateY(30%)}
.car-insurance-shield{transform:translateY(45%)}
.car-insurance-car img{transform:translate(-100%,-40%)}
.driving-school-base{transform:scale(1.3)}
.driving-school{transform:translate(70%,-10%);}
.car-protection-shield{transform:scale(0.5);transform-origin:center bottom}
.car-protection{transform:scale(0.5) translateX(25%)}
.quick-services img{transform:translate(-100%,-50%);left:50%;top:50%;width:100%;}
.circle.circle-common1,.circle.circle-common2{transform:translateX(250px);}
.towing-car img{width:140%;right:2%;bottom:0;transform:translateX(-50%);}


.homepage.swiper-slide-active .circle3 div,.homepage.swiper-slide-active .circle6 div{transition-delay:0.1s;}
.homepage.swiper-slide-active .circle2 div:first-child,.homepage.swiper-slide-active .circle4 div:first-child,
.homepage.swiper-slide-active .circle5 div,.homepage.swiper-slide-active .circle1,.swiper-slide-active .circle-title,.swiper-slide-active .circle-slogan h1,.swiper-slide-active .car-insurance-pad{transition-delay:0.3s;}
.homepage.swiper-slide-active .circle2 div:last-child,.homepage.swiper-slide-active .circle4 div:last-child,.homepage.swiper-slide-active .circle1 .circle-sub,.swiper-slide-active .circle-slogan,.swiper-slide-active .circle-title .title-icon,.swiper-slide-active .view-dealer-div,.swiper-slide-active .circle-inner,.swiper-slide-active .taxi-base img,.swiper-slide-active .car-insurance-shield,.swiper-slide-active .driving-school-base,.swiper-slide-active .car-protection-shield{transition-delay:0.5s;}
.swiper-slide-active .garage-base1,.swiper-slide-active .car-dealers img,.swiper-slide-active .car-sale img,.swiper-slide-active .taxi img,.swiper-slide-active .washing img,.swiper-slide-active .car-insurance-car img,.swiper-slide-active .driving-school,.swiper-slide-active .air-conditioning,.swiper-slide-active .air-conditioning-wheel img,.swiper-slide-active .quick-services img,.swiper-slide-active .agency-img1,.swiper-slide-active .circle.circle-common1,.swiper-slide-active .towing-car img{transition-delay:0.7s;}
.swiper-slide-active .garage-img1,.swiper-slide-active .spare-parts,.swiper-slide-active .rent-a-car img,.swiper-slide-active .taxi-map-pin,.swiper-slide-active .car-protection,.swiper-slide-active .circle.circle-common2{transition-delay:1s;}

.homepage.swiper-slide-active .circle2,.homepage.swiper-slide-active .circle2 div,
.homepage.swiper-slide-active .circle3,.homepage.swiper-slide-active .circle3 div,
.homepage.swiper-slide-active .circle4,.homepage.swiper-slide-active .circle4 div,
.homepage.swiper-slide-active .circle5,.homepage.swiper-slide-active .circle5 div,
.homepage.swiper-slide-active .circle6,.homepage.swiper-slide-active .circle6 div,
.swiper-container-initialized .slideshow-button-next,.swiper-slide-active .circle-title .title-icon,.swiper-slide-active .circle-title h1,.swiper-slide-active .circle-inner,.swiper-slide-active .circle-title,.swiper-slide-active .circle-slogan,.swiper-slide-active .view-dealer-div,.swiper-slide-active .circle-slogan h1,.swiper-slide-active .car-insurance-pad,.swiper-slide-active .car-insurance-shield
{transform:translate(0px,0px);opacity:1}
.homepage.swiper-slide-active .circle1,.homepage.swiper-slide-active .circle1 .circle-sub,.swiper-slide-active .garage-base1
{transform:scale(1) translate(0%,0%);opacity:1}
.swiper-slide-active .garage-img1{transform:scale(1) translate(0%,0%);opacity:1}
.swiper-slide-active .spare-parts{transform:rotate(0deg) scale(1);opacity:1}
.swiper-slide-active .car-dealers img{transform:scale(1);opacity:1}
.swiper-slide-active .car-sale img{transform:translateX(0%);opacity:1}
.swiper-slide-active .rent-a-car img{transform:translate(-50%,-50%) scale(1);opacity:1}
.swiper-slide-active .taxi-base img{transform:translateY(0%);opacity:1}
.swiper-slide-active .taxi img{transform:translate(0%,0%);opacity:1}
.swiper-slide-active .taxi-map-pin{transform:translateY(0%);opacity:1}
.swiper-slide-active .washing img,.swiper-slide-active .air-conditioning-wheel img{transform:translate(-50%,-50%) scale(1);opacity:1}
.swiper-slide-active .car-insurance-car img,.swiper-slide-active .quick-services img{transform:translate(-50%,-50%);opacity:1}
.swiper-slide-active .driving-school-base{transform:scale(1);opacity:1}
.swiper-slide-active .driving-school{transform:translate(0%,0%);opacity:1}
.swiper-slide-active .car-protection-shield,.swiper-slide-active .air-conditioning,.swiper-slide-active .agency-img1{transform:scale(1);opacity:1}
.swiper-slide-active .car-protection{transform:scale(1) translateX(0%);opacity:1}
.swiper-slide-active .circle.circle-common1,.swiper-slide-active .circle.circle-common2,.swiper-slide-active .towing-car img{transform:translateX(0px);opacity:1}
.swiper-slide-prev .circle.circle-common1,.swiper-slide-prev .circle.circle-common2{transform:translateX(-250px);opacity:0}


button,.form-control,
textarea:hover, 
.form-control:hover, 
textarea:active, 
.form-control:active, 
textarea:focus, 
.form-control:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,.swiper-button-next, .swiper-button-prev
{
    outline:0px !important;
    -webkit-appearance:none;box-shadow:none!important 
}
::selection 		{color:#000;background:#fdb913}
::-moz-selection	{color:#000;background:#fdb913}
.none				{display:none !important}

.fancybox-close-small,.fancybox-close-small:after,.swiper-pagination-bullet{outline: none !important; box-shadow: none;}

a					{color:#000000;text-decoration:none}
a:hover 			{color:#fdb913;text-decoration:none}
a:focus 			{color:#000000;text-decoration:none}

.button{font:400 17px/25px 'sofia_proregular';color:#fff;background:#9dca00;padding:8px 25px 10px 25px;display:inline-block;border-radius: 50px 50px 50px 50px;cursor:pointer;text-align:center;border:1px solid transparent;text-decoration:none;vertical-align:middle;letter-spacing:0px}
.button:hover,.button:focus{background:#000;color:#fff;border:1px solid transparent;}