/*
	Minimaxing by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/

/* Basic */
	body {
		min-width: 1200px;
	}

	section, article {
		margin: 0 0 60px 0;
	}

	section:last-child, article:last-child {
		margin-bottom: 0;
	}

	section.left-content {
		padding-right: 30px;
	}

	section.right-content {
		padding-left: 30px;
	}

	section.middle-content {
		padding: 0 30px 0 30px;
	}

	ul.small-image-list img {
		width: 78px;
	}

	ul.big-image-list img {
		width: 178px;
	}

	#city {
		display: inline-block;
		margin-left: 15px;
	}

	#city > div > div.cs-select {
		display:none !important;
	}

/* Reusable */

	.blog-post-image {
		width: 100%;
	}

/* Header */
	#logo {
		display: inline-block;
		float: left;
		height: 65px;
		margin-left: 15px;
		margin-top: 15px;
		max-width:190px;
	}

	#header-wrapper {
		background-color: #62B1D0;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 1000;
	}

	.container100{
		width:100%;
	}

	#header {
		position: relative;
		margin: 0;
		padding: 0;
		height: 105px;
		-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box
	}

		#header .header_panel {
			bottom: 0;
			color: #fff;
			line-height: 105px;
			position: absolute;
			top: 0;
			width: 32%;
		}

		#header .header_panel a {
			color: #fff;
			text-decoration: none;
		}

		#header nav {
			background: url("images/nav_bg.png") repeat-x scroll 0 65px rgba(0, 0, 0, 0);
			font-size: 18px;
			font-weight: bold;
			letter-spacing: 0px;
			line-height: 105px;
			margin: 0 auto;
			text-align:center;
			width: 34%;
		}

			#header nav a {
				background: url("images/nav_point.png") no-repeat scroll center 65px rgba(0, 0, 0, 0);
				color: #fff;
				display: inline-block;
				outline: 0 none;
				text-decoration: none;
				font-family: AvantGardeGothicCBold;
			}

			#header nav a.one {
				background-position: 32px 65px;
				float: left;
				text-align: left;
				width: 75px;
			}

			#header nav a.two {
				text-align: center;
				width: 25%;
			}

			#header nav a.three {
				text-align: center;
				width: 25%;
			}

			#header nav a.four {
				float:right;
				text-align: right;
				width:95px;
			}

			#header nav a.current-page-item {
				background: url("images/nav_point_active.png") no-repeat scroll center 65px rgba(0, 0, 0, 0);
				/*
				background-color: #007897;
				background-image: -moz-linear-gradient(top, #007b99, #007897);
				background-image: -webkit-linear-gradient(top, #007b99, #007897);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007b99), to(#007897));
				background-image: -ms-linear-gradient(top, #007b99, #007897);
				background-image: -o-linear-gradient(top, #007b99, #007897);
				background-image: linear-gradient(top, #007b99, #007897);
				box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
				*/
			}

			#header nav a:hover {
				background: url("images/nav_point_hover.png") no-repeat scroll center 65px rgba(0, 0, 0, 0);
				/*
				background-color: #0882a1;
				background-image: -moz-linear-gradient(top, #0782a0, #077d9b);
				background-image: -webkit-linear-gradient(top, #0782a0, #077d9b);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0782a0), to(#077d9b));
				background-image: -ms-linear-gradient(top, #0782a0, #077d9b);
				background-image: -o-linear-gradient(top, #0782a0, #077d9b);
				background-image: linear-gradient(top, #0782a0, #077d9b);
				box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
				*/
			}

		#app {
			bottom: 0;
			font-weight: bold;
			letter-spacing: 0;
			line-height: 105px;
			margin: 0 0 0 67%;
			position: absolute;
			text-align: right;
			top: 0;
			width: 16%;
		}

			#app a {
				display: inline-block;
				height: 49px;
				margin: 15px 20px;
			}

			#app .apple img:hover {
				background: url("../images/apple.png");
			}

			#app .android img:hover {
				background: url("../images/android.png");
			}

		#lang {
			bottom: 0;
			font-weight: bold;
			letter-spacing: 0;
			line-height: 105px;
			margin: 0 0 0 83%;
			position: absolute;
			text-align: right;
			top: 0;
			width: 16%;
		}

			#lang a {
				color: #ffffff;
				font-family: AvantGardeGothicCBold;
				font-size: 120%;
				font-weight: bold;
				margin: 15px 10px;
			}

			#lang a:hover {
				color: #ff8500;
			}

/* Banner */

	#banner-wrapper {
		background: #c8d2bc url(images/bg1.png);
		padding: 2em 0;
	}

	#banner {
		position: relative;
		width: 1160px;
		height: 265px;
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
		border-radius: 10px;
		padding: 20px;
		background: #fff url(images/banner.jpg) no-repeat 20px 20px;
		background-size: 1160px 265px;
		-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box
	}

		#banner h2 {
			position: absolute;
			z-index: 1;
			width: 100%;
			top: 100px;
			left: 0;
			font-size: 3.3em;
			color: #fff;
			text-align: center;
		}

		#banner span {
			display: block;
			position: absolute;
			z-index: 1;
			width: 100%;
			bottom: 105px;
			left: 0;
			font-size: 1.6em;
			color: #fff;
			text-align: center;
			text-transform: lowercase;
			opacity: 0.8;
		}

/* Main */

	#phone {
		color: #62b1d0;
		font-size: 18px;
		line-height: 22px;
		padding-left: 0;
		text-align: center;
	}

	#phone h1 {
		color: #0776a0;
		font-size: 24px;
		margin-bottom: 10px;
		text-align: center;
	}

	#phone h2 {
		color: #0776a0;
		font-size: 24px;
		margin-bottom: 10px;
		margin-top: 20px;
		text-align: center;
	}

	#main {
		background: url("../images/ukraine.png") no-repeat scroll center 60px #fff;
		padding: 130px 0 0;
	}

	#infography_bg {
		background: url("../images/home_bg.png") no-repeat scroll center top transparent;
		margin-top: -10px;
	}

	#infography_nobg {
		background: transparent;
		margin-top: -10px;
	}

	#infography_nobg .autotype {
		border: 3px solid #0776a0;
		border-radius: 57px;
		float: left;
		height: 115px;
		width: 115px;
	}

	#infography_nobg .t1 {
		background: url("../images/autotype1.png") no-repeat scroll center center transparent;
	}

	#infography_nobg .t2 {
		background: url("../images/autotype2.png") no-repeat scroll center center transparent;
	}

	#infography_nobg .t3 {
		background: url("../images/autotype3.png") no-repeat scroll center center transparent;
	}

	#infography_nobg .t4 {
		background: url("../images/autotype4.png") no-repeat scroll center center transparent;
	}

	#infography_nobg .t5 {
		background: url("../images/autotype5.png") no-repeat scroll center center transparent;
	}

	#infography_nobg .t6 {
		background: url("../images/autotype6.png") no-repeat scroll center center transparent;
	}

	#infography_nobg .t7 {
		background: url("../images/autotype7.png") no-repeat scroll center center transparent;
	}

	#infography,
	#noinfography {
		padding:0;
	}

	#infography section {
		cursor:pointer;
	}

	#noinfography section {
		height:115px;
		margin-bottom:40px;
		padding-top:0px;
	}

	#noinfography section h2 {
		background: url("../images/autotype_bg.png") no-repeat scroll right bottom transparent;
		float: left;
		font-family: AvantGardeGothicCBold;
		font-size: 18px;
		margin-bottom: 0;
		margin-left: 0;
		margin-top: 33px;
		padding-bottom: 10px;
		padding-right: 20px;
		text-align: left;
		text-indent: 20px;
	}

	#noinfography h2 {
		font-family: AvantGardeGothicCBold;
		font-size: 18px;
		margin:0 20px;
		text-align: left;
	}

	#noinfography .text {
		color: #024c68;
		font-family: arial;
		font-size: 14px;
		line-height: 120%;
		margin: 20px;
		text-align: left;
	}

	#noinfography .autotext {
		color:#024c68;
		font-family: arial;
		font-size: 14px;
		margin-left: 135px;
		padding-top: 70px;
		text-align: left;
	}

	#infography section:hover {
		background-color: #0776a0;
	}

	#infography section:hover .textin,
	#infography section:hover .textin1,
	#infography section:hover .textin2	{
		color: #0776a0;
	}

	#infography #tel579:hover 	{
		background-color: transparent;
	}

	#infography .textout{
		color: #ffffff;
		font-family: AvantGardeGothicCBold;
	}

	.textin,
	.textin1,
	.textin2 {
		color: #62b1d0;
		font-size: 77%;
		letter-spacing: 0;
		margin-bottom: 0;
		position: relative;
		text-align: left;
		width: 170px;
	}

	.clear {
		clear:both;
		padding:0;
		margin:0;
	}

	#road {
		background: url("../images/road.png") no-repeat scroll center 67px #62b1d0;
		border-radius: 57px;
		float: left;
		height: 115px;
		left: 240px;
		margin-bottom:0px;
		padding: 0;
		position: relative;
		top: 13px;
		width: 115px;
	}

	#road .textout{
		font-size: 135%;
		margin-top: 37px;
	}

	#road .textin{
		left: -150px;
		top: -18px;
	}

	#road .popup {
		display:none;
		margin-top: 50px;
		z-index: 100;
	}

	#road .popup.bottom:after {
		left: 48px;
	}

	#road .popup.bottom:before {
		left: 48px;
	}

	#cities {
		background: url("../images/city.png") no-repeat scroll center 52px #62b1d0;
		border-radius: 45px;
		float: right;
		height: 90px;
		right: 250px;
		margin-bottom:0px;
		padding: 0;
		position: relative;
		top: 40px;
		width: 90px;
	}

	#cities .textout{
		font-size: 165%;
		margin-top: 18px;
	}

	#cities .textin{
		left: 102px;
		top: -18px;
	}

	#cities .popup {
		display:none;
		margin-top: 38px;
		width:180px;
		z-index: 100;
	}

	#cities .popup.bottom:after {
		left: 36px;
	}

	#cities .popup.bottom:before {
		left: 36px;
	}

	#cities .popup a {
		display: block;
	}

	#cities .popup a:hover {
		background: none repeat scroll 0 0 #1e6fa4;
		color: #ffffff;
		display: block;
		width: 100%;
	}


	#car {
		background: url("../images/car.png") no-repeat scroll center 93px #62b1d0;
		border-radius: 80px;
		float: left;
		height: 160px;
		left: 105px;
		margin-bottom:0px;
		padding: 0;
		position: relative;
		top: 85px;
		width: 160px;
	}

	#car .textout{
		font-size: 200%;
		margin-top: 47px;
	}

	#car .textin{
		left: -175px;
		text-align: right;
		top: -33px;
	}

	#car .popup {
		display:none;
		margin-top: 60px;
		width:160px;
		z-index: 100;
	}

	#car .popup.bottom:after {
		left: 68px;
	}

	#car .popup.bottom:before {
		left: 68px;
	}

	#tel579 {
		background: none repeat scroll 0 0 transparent;
		border: 3px solid #0776a0;
		border-radius: 105px;
		cursor: default !important;
		float: left;
		height: 210px;
		left: 143px;
		margin-bottom: 0;
		padding: 0;
		position: relative;
		top: 0;
		width: 210px;
	}

	#tel579 .textout{
		color: #0776a0;
		font-family: "AvantGardeGothicC";
		font-size: 91px;
		line-height: 45%;
		letter-spacing: 0;
		margin-bottom: 0;
		margin-top: 20px;
	}

	#tel579 .textout span{
		font-size: 40%;
	}

	#tel579 .textin {
		background: url("../images/call.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 29px;
		left: 137px;
		top: -98px;
		width: 29px;
	}

	#tel579 .textin a.call{
		width:29px;
		height:29px;
		display:block;
	}

	#client {
		background: url("../images/client.png") no-repeat scroll center 73px #62b1d0;
		border-radius: 67px;
		float: right;
		height: 125px;
		right: 135px;
		margin-bottom:0px;
		padding: 0;
		position: relative;
		top: 95px;
		width: 125px;
	}

	#client .textout{
		font-size: 135%;
		margin-top: 42px;
	}

	#client .textin{
		left: 134px;
		top: -19px;
	}

	#client .popup {
		display:none;
		margin-top: 55px;
		z-index: 100;
	}

	#client .popup.bottom:after {
		left: 53px;
	}

	#client .popup.bottom:before {
		left: 53px;
	}

	#year {
		background: #62b1d0;
		border-radius: 95px;
		height: 190px;
		margin:0 auto;
		padding: 0;
		position: relative;
		top: 0;
		width: 190px;
	}

	#year .textout{
		font-size: 280%;
		line-height: 60%;
		padding-top: 58px;
	}

	#year .textout span{
		font-family:"AvantGardeGothicC";
		font-size: 70%;
	}

	#year .textin1{
		left: -107px;
		text-align: right;
		top: -68px;
		width: 90px;
	}

	#year .textin2{
		left: 214px;
		line-height: 290%;
		top: -133px;
		width: 170px;
	}

	#year .popup {
		display:none;
		margin-top: -80px;
		z-index: 100;
	}

	#year .popup.bottom:after {
		left: 84px;
	}

	#year .popup.bottom:before {
		left: 84px;
	}

	#bottomsec {
		cursor:pointer;
	}

	#bottomsec ul {
		list-style: circle inside;
	}

	#bottomsec .popup {
		display: none;
		margin-top: -310px;
		margin-left: 164px;
		width: 800px;
		z-index: 100;
		font-size:12px;
	}

	#bottomsec .popup.right::before {
		top: 286px;
	}

	#bottomsec .popup.right::after {
		top: 286px;
	}

	#bottomsec .popup h2{
		font-size:16px;
	}

	#bottomsec .popup p{
		margin-bottom:4px;
	}

	.order {
		padding:0;
	}

	.order .section1{
		padding: 17px 0;
		margin-bottom: 220px;
	}

	.order .section1 h2 a{
		color: #ffffff;
		display: inline-block;
		font-family: avantgardegothiccbold;
		font-size: 15px;
		line-height: 120%;
		padding: 18px 10px;
	}

	.order .section1_1{
		padding: 0;
		margin-bottom: 222px;
	}

	.order .section1_1 h2 a{
		color: #ffffff;
		display: inline-block;
		font-family: avantgardegothiccbold;
		font-size: 15px;
		line-height: 120%;
		padding: 18px 10px;
	}

	.order .section2{
		padding: 0;
	}

	.order .section2 h2, .order .section2 p {
		color: #0776a0;
		font-family: Verdana;
		font-size: 90px;
		font-weight: bold;
		line-height: 40%;
		margin-bottom:10px;
	}

	.order .section2 h2 span, .order .section2 p span {
		color: #0776a0;
		font-family: avantgardegothicc;
		font-size: 24px;
		padding: 0;
	}

	#trucking {
		border-bottom: 2px solid #0776a0;
		border-top: 2px solid #0776a0;
		margin: 10px 0;
		width: 100%;
	}

	#trucking tr td{
		background: none repeat scroll 0 0 #ffffff;
		border-top: 1px solid #62b1d0;
		padding: 10px;
		text-align: center;
		vertical-align: middle;
	}

	#trucking .name {
		font-family: avantgardegothiccbold;
	}

	#trucking .col2 {
		background: #e8f3f8;
	}

	#trucking .parameters {
		text-align:left;
	}

	#payment a {
		background: none repeat scroll 0 0 #62b1d0;
		border-radius: 5px;
		color: #ffffff;
		display: block;
		font-family: avantgardegothiccbold;
		font-size: 18px;
		margin: 0 auto;
		padding: 18px 20px;
		text-align: center;
		width: 200px;
	}

	#payment a:hover {
		background: none repeat scroll 0 0 #0776a0;
	}

	#payment h2 {
		text-align:center;
		margin-bottom:20px;
	}


/* Left block */

	#left_menu {
		padding: 0;
	}

	.section_menu,
	.section_menu_active {
		padding: 3px 0px;
		margin-bottom: 0px;
	}

	.section_menu h2,
	.section_menu_active h2 {
		background: none repeat scroll 0 0 #62b1d0;
		border-radius: 4px;
		width: 155px;
		margin: 0 auto;
		letter-spacing: 0;
	}

	.section_menu_active h2 {
		background: none repeat scroll 0 0 #0776a0;
	}

	.section_menu h2 a,
	.section_menu_active h2 a {
		color: #ffffff;
		display: block;
		font-family: avantgardegothicc;
		font-size: 14px;
		line-height: 27px;
		padding: 0;
	}

	h2.online-order {
		margin-bottom:20px !important;
		text-align:center !important;
	}

	.online-order-phone {
		color: #007897;
		line-height: 150%;
		text-align: center;
	}

/* Right block */

	#tel579block {
		background: none repeat scroll 0 0 transparent;
		cursor: default !important;
		margin-bottom: 0;
		padding: 0;
		position: relative;
		top: 0;
		width: 100%;
	}

	#tel579block .textout{
		color: #0776a0;
		font-family: "AvantGardeGothicC";
		font-size: 91px;
		line-height: 45%;
		letter-spacing: 0;
		margin-bottom: 0;
		margin-top: 17px;
	}

	#tel579block .textout span{
		font-size: 40%;
	}

	#tel579block .textin {
		background: url("../images/call.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 29px;
		left: 137px;
		top: -108px;
		width: 29px;
	}

	#tel579block .textin a.call{
		width:29px;
		height:29px;
		display:block;
	}

/* Footer */

	#footer-wrapper {
		background: url("../images/footer.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
		min-height:300px;
	}

	#footer-wrapper .row {
		bottom: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		padding-top: 200px;
	}

	#footer-wrapper .icons {
		text-align: center;
		display: block;
		margin: 0px auto;
		width: 228px;
	}

	#footer-wrapper .icon{
		width:36px;
		height:36px;
		margin: 0 10px;
		float:left;
	}

	#footer-wrapper .icon a{
		height:36px;
		display:block;
	}

	#footer-wrapper .you {
		background: url("../images/you.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}

	#footer-wrapper .twit {
		background: url("../images/twit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}

	#footer-wrapper .vk {
		background: url("../images/vk.jpg") no-repeat scroll 50% 50% / 36px auto rgba(0, 0, 0, 0);
		width:62px;
	}

	#footer-wrapper .face {
		background: url("../images/face.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}

	#footer-wrapper .linkedin {
		background: url("../images/linkedin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}

/* Copyright */

	#copyright {
		color: #ffffff;
		font-size: 75%;
		line-height: 150%;
		margin-right: 5%;
		text-align: right;
	}

		#copyright a {
			color: #ffffff;
			font-family: "AvantGardeGothicCBold";
		}