@viewport{width: device-width}@-ms-viewport{width: device-width}@-o-viewport{width:device-width}

@font-face{font-family:'CirceRounded';font-style:normal;font-weight:light;src: url("../_fonts/CirceRounded-ExtraLight.otf") format("opentype")}
@font-face{font-family:'CirceRounded';font-style:normal;font-weight:normal;src:url("../_fonts/CirceRounded-Regular.otf") format("opentype")}
@font-face{font-family:'CirceRounded';font-style:normal;font-weight:bold;src:url("../_fonts/CirceRounded-AltBold.otf") format("opentype")}
@font-face{font-family:'CirceRounded';font-style:normal;font-weight:900;src:url("../_fonts/CirceRounded-ExtraBold.woff") format("opentype")}

*{margin:0;padding:0;outline:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,{display:block;}
body{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:rgb(51,51,51);}
a,button{outline:none;transition:all 0.4s;text-decoration:none;color:inherit;cursor:pointer}
a:hover,button:hover,.arrow,li:hover,li:hover:before{transition:all 0.4s}
ul li{list-style:none inside;white-space:normal}
input:focus{outline:none}
i{vertical-align:middle;}
  
h1,h2,h3,h4,h5{box-sizing:border-box}
h1,h3{font-family:'CirceRounded',Tahoma,Geneva,sans-serif;font-weight:bold;font-size:35pt;text-shadow:0px 0 10px rgba(0,0,0,0.8);text-transform:uppercase}
h2{font-family:'CirceRounded',Tahoma,Geneva,sans-serif;font-weight:bold;font-size:25pt;text-transform:uppercase}
h1 span,h2 span,h3 span{display:block;font-size:0.60em;padding:20px 0 0 0}


/*.content{background:rgba(0,255,0,0.1);}
.homepage-block,section{background:rgba(0,0,255,0.5);}
	.col{background-color:rgba(0,0,255,0.4);}
		
*/
.wrapper{width:100%;min-width:320px;position:relative;box-sizing:border-box;margin:0 auto}
	.middle{width:100%;height:100%;overflow:hidden}
	.content{width:100%;height:auto;max-width:1000px;min-height:60px;position:relative;margin:0 auto;padding:0 15px 0 15px;box-sizing:border-box;}
	.app-block{width:100%;height:auto;position:absolute;bottom:0;left:0}
	.homepage-block,section{width:100%;margin:0;position:relative;box-sizing:border-box;text-align:center}
	.clear{position:relative;clear:both;padding:0px;}
	.shadow-top{box-shadow:0px -10px 10px rgba(0,0,0,0.5);}
	.shadow-bottom{box-shadow:0px 10px 10px rgba(0,0,0,0.5);}
	.mobile,.mobile-inline{display:none !important}
	.icon-list li{display:block;position:relative;padding:0 0 10px 30px;}
	.icon-list li i{display:inline-block;position:absolute;left:0;top:-3px}
	section{padding:50px 0 50px 0;}
	
/*-- КОЛОНКИ / ЯЧЕЙКИ --*/
.group:before,.group:after{content:"";display:table}.group:after{clear:both;}.group{zoom:1;/* For IE 6/7 */}
	.col{display:block;float:left;margin:1% 0 1% 1.5%}
	.col:first-child {margin-left:0;}
	.cell_1-1{width:100%;margin:1% 0 1% 0}
	.cell_1-2{width:49.25%}.cell_2-2{width:100%}
	.cell_1-3{width:32.33%}.cell_2-3{width:66.16%}cell_3-3{width:100%}
	.cell_1-4{width:23.87%}.cell_2-4{width:49.25%}.cell_3-4{width:74.62%}.cell_4-4{width:100%}
	.cell_1-5{width:18.80%}.cell_2-5{width:39.10%}.cell_3-5{width:59.40%}.cell_4-5{width:79.70%}.cell_5-5{width:100%}
	.cell_1-7{width:13%}.cell_2-7{width:27.5%}.cell_3-7{width:42%}.cell_4-7{width:56.5%}.cell_5-7{width:71%}.cell_6-7{width:85.5%}.cell_7-7{width:100%}

/*-- ШАПКА --*/
header{width:100%;min-width:320px;height:60px;position:relative;z-index:1000;background-color:rgba(83,114,209,0.9);box-shadow:0px 10px 10px rgba(0,0,0,0.5)}
	header .content{height:60px}
		.logotype{position:absolute;left:0;top:0;width:auto;height:auto;box-sizing:border-box;}
		.language,.navigation{height:60px;color:rgb(255,255,255);box-sizing:border-box}
		.language{position:absolute;right:15px;top:0}
			.language a{display:inline-block;height:30px;line-height:30px;text-align:right;margin:15px 0 0 5px}
		.navigation{display:inline-block;width:auto;margin:0 0 0 220px;position:relative;/*background:#CCC;*/}
			.main-nav li{display:inline-block;position:relative;padding:0 4px 0 0px;box-sizing:border-box;text-align:center;border-right:1px solid rgba(255,255,255,0.2);margin:15px 0 0 0}
			.main-nav li:nth-child(3){border:none}
			.main-nav a{display:inline-block;box-sizing:border-box;height:30px;line-height:30px;padding:0 10px 0 10px;cursor:pointer;text-transform:uppercase}
			.main-nav i{padding:0 7px 3px 0;font-size:23px}
		header a:hover{color:rgb(244,118,33)}
		.navigation .mobile.additional-logo{height:120px;background:rgb(244,118,33);text-align:center;border-bottom:2px solid rgb(255,255,255);overflow:hidden;box-sizing:border-box}
			.navigation .mobile.additional-logo img{margin:-3px 0 0 0}
			.navigation .mobile.separator{width:220px;margin:0 auto 6px auto;padding:3px 0 5px 0;border-bottom:1px solid rgba(150,150,150,0.1);box-sizing:border-box;background:rgb(255,255,255) !important}

/*-- МОБИЛЬНОЕ МЕНЮ --*/
@media only screen and (max-width: 800px) {
header{background:rgb(244,118,33);position:fixed}	
	header a:hover{color:rgba(83,114,209,0.9)}
	.logotype{width:130px;height:60px;left:50%;top:0;margin:0 0 0 -65px;overflow:hidden}
		.logotype img{width:130px;margin:-5px 0 0 0}
	.btn-open{width:60px;height:60px;position:absolute;left:0px;top:0px;border:none;transition:all 0.4s;opacity:1.0;box-sizing:border-box;overflow:hidden;text-align:center;background:none}
		.btn-open i{font-size:1.8em;color:rgb(255,255,255)}
	.btn-close {width:25px;height:25px;position:absolute;right:0px;top:0px;border:none;box-sizing:border-box;background:none}
		.btn-close i{font-size:1.5em;color:rgba(83,114,209,0.9)}
	.navigation{float:none;width:250px;height:100vh;margin:0 0 0 0;position:absolute;left:0;padding:0 0 0 0;z-index:10000;background:rgb(255,255,255);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform0.4s;transition:transform 0.4s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);color:rgba(83,114,209,0.9);}
		.main-nav ul{border:none}
		.main-nav li{width:100%;display:block !important;text-align:left;margin:0;padding:0;border:none}
		.main-nav li:hover{background:rgb(244,118,33)}
		.main-nav li.additional-link:hover{background:rgba(83,114,209,0.9)}
		.main-nav li a{display:block !important;height:35px;line-height:35px;padding:0 0 0 15px;margin:0}
			.main-nav li:hover,.main-nav li a:hover{color:rgb(255,255,255) !important}
			.main-nav li{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);}
				.main-nav,.main-nav li {-webkit-transition:-webkit-transform 0s 0.4s;transition:transform 0s 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
				.main-nav li:nth-child(2){-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}
				.main-nav li:nth-child(3){-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}
				.main-nav li:nth-child(4){-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
				.main-nav li:nth-child(5){-webkit-transform:translate3d(0,2500px,0);transform:translate3d(0,2500px,0)}
				.main-nav li:nth-child(6){-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
				.main-nav li:nth-child(7){-webkit-transform:translate3d(0,3500px,0);transform:translate3d(0,3500px,0)}
				.main-nav li:nth-child(8){-webkit-transform:translate3d(0,4000px,0);transform:translate3d(0,4000px,0)}
				.main-nav li:nth-child(9){-webkit-transform:translate3d(0,4500px,0);transform:translate3d(0,4500px,0)}
				.main-nav li:nth-child(10){-webkit-transform:translate3d(0,5000px,0);transform:translate3d(0,5000px,0)}
				.main-nav li:nth-child(11){-webkit-transform:translate3d(0,5500px,0);transform:translate3d(0,5500px,0)}
				.main-nav li:nth-child(12){-webkit-transform:translate3d(0,6000px,0);transform:translate3d(0,6000px,0)}
	.show-mobile-menu .navigation{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.8s;transition: transform 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);}
	.show-mobile-menu .main-nav,.show-mobile-menu .main-nav li {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
	.show-mobile-menu .main-nav li{-webkit-transition-duration:1.5s;transition-duration:1.5s;}
}

/*-- КОНТЕНТ --*/
.middle{clear:both}
	.bg-white{background-color:rgb(255,255,255);height:auto;max-height:100%;min-height:100vh}
	.bg-image{height:100vh;max-height:100%;min-height:450px;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover}
	.bg-violet{background-color:rgba(83,114,209,0.9)}

	.app-block{width:100%;height:auto;position:absolute;bottom:0;left:0}
		.app-block img{height:40px;padding:0 0 0 5px}
		.app-block .col:nth-child(1){height:40px;line-height:20px;text-align:right}
		.app-block .col:nth-child(2){text-align:left}
		.app-block .col:nth-child(2) a:hover{opacity:0.7}
	
	.head-block{position:relative;display:flex;color:rgb(255,255,255)}
		.homepage-block{background-image:url(../_images/background/app-view-02.png)}
		.forclient-block{background-image:url(../_images/background/app-view-03.png)}
		.fordriver-block{background-image:url(../_images/background/app-view-04.png)}
			.head-block .content{margin:auto;text-align:left;}
	
	.using-block{display:flex;text-align:justify;z-index:10}
		.using-block h2{border-bottom:1px solid rgba(150,150,150,0.1);padding:0 0 10px 0;margin:0 0 15px 0; text-align:center}
		.using-block h2 span{text-transform:none}
		.using-block .icon-list li i{color:rgba(83,114,209,0.9);font-size:18pt}
		.using-block .cell_1-1,.using-block .cell_1-3{text-align:center}
		.using-block .cell_1-3{min-height:248px;background:rgba(150,150,150,0.1);padding:15px 5px 0 5px;box-sizing:border-box;font-weight:bold;border-radius:8px;}
		.using-block img{width:45%;max-width:230px;padding:0 1% 0 1%}
		.using-block a{color:rgb(244,118,33)}
		.using-block a:hover{opacity:0.7}
		.using-block .icons{display:block;width:200px;height:175px;margin:0 auto;background-image:url(../_images/graphics/icon-sprites-01.png);background-repeat:no-repeat}
		.using-block .col:nth-child(1) .icons{background-position:0 0}
		.using-block .col:nth-child(2) .icons{background-position:0 -200px}
		.using-block .col:nth-child(3) .icons{background-position:0 -400px}
		
	.dispatching-taxi{background-image:url(../_images/background/app-view-01.png);display:flex;color:rgb(255,255,255)}
		.dispatching-taxi .content{margin:auto;text-align:left}

/*-- ПОДВАЛ --*/	
footer{width:100%;min-width:320px;height:auto;padding:0 0 0 0;background:rgba(150,150,150,0.1)}
	.footer-nav{box-sizing:border-box}
		.footer-nav ul li{display:inline-block;height:35px;line-height:35px;padding:0 10px 0 10px}
		.footer-nav ul li:nth-child(1) {padding-left:0}
		.footer-nav ul li a{text-decoration:underline;text-transform:uppercase}
	.footer-description{box-sizing:border-box;font-size:8pt}
	.footer-icons i{font-size:15pt;padding:0 0 2px 0}
	.footer-nav ul li a:hover,footer a:hover{color:rgb(244,118,33)}
	.copyright{width:100%;margin:0 0 0 0;padding:20px 0 0 0;background:rgb(255,255,255);box-sizing:border-box}
		.copyright .col{height:35px;line-height:35px;position:relative;margin:0 0 0 1.5%;box-sizing:border-box}
		.copyright .col:nth-child(1) {margin-left:0}
		.copyright .col:nth-child(1) img{position:absolute;left:-15px;bottom:-25px}
		.copyright .col:nth-child(3){text-align:right}

@media only screen and (max-width: 800px) {
.mobile{display:block !important}.mobile-inline{display:inline-block !important}
.col{ margin:1% 0 1% 0%}
.cell_1-1,.cell_1-2,.cell_1-2,.cell_1-3,.cell_2-3,.cell_3-3,.cell_1-4,.cell_2-4,.cell_3-4,.cell_4-4,.cell_1-5,.cell_2-5,.cell_3-5,.cell_4-5,.cell_5-5,.cell_1-7,.cell_2-7,.cell_3-7,.cell_4-7,.cell_5-7,.cell_6-7,.cell_7-7,.video-gplus .video-preview .col.cell_1-3{width:100%}
.middle{width:100%;height:100%;overflow:hidden}.show-mobile-menu header .content:before,.middle:before{position:absolute;top:0;left:0;z-index:100;width:auto;height:auto;background:rgba(83,114,209,0.7);content:'';opacity:0.5;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:opacity 0.4s, -webkit-transform 0s 0.4s;transition:opacity 0.4s, transform 0s 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}.show-mobile-menu header .content:before,.show-mobile-menu .middle:before{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.8s;transition:opacity 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	.homepage-block .content h1,.dispatching-taxi .content h3{text-align:center;font-size:2.3em}
	.app-block .col:nth-child(1),.app-block .col:nth-child(2){text-align:center; height:auto}
	.footer-nav,.footer-icons,.copyright,.copyright .col:nth-child(3){text-align:center}
	.footer-description{text-align:justify}
	.copyright{padding:0 0 20px 0;background:rgb(244,118,33);color:rgb(255,255,255)}
	.copyright .col{margin:0 0 0 0}
	.copyright .col:nth-child(1){height:60px;overflow:hidden}
	.copyright .col:nth-child(1) img{width:130px;left:50%;margin:0 0 0 -65px;bottom:-35px}
}