html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body { margin:0; color:#333; font-size:14px; font-family:Source Sans Pro, Arial; line-height:20px; -webkit-text-size-adjust:100%; }

*::-moz-selection { background:rgba(0, 0, 0, 0.2); }
*::selection { background:rgba(0, 0, 0, 0.2); }

a { color:#02338D; text-decoration:none; }
a:hover { color:#01A749; text-decoration:none; }

input, textarea, select { float:left; margin:0; font-family:Source Sans Pro, Arial; font-size:14px; border-radius:0; border:0; -webkit-appearance:none; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:Source Sans Pro, Arial; font-weight:700; font-size:17px; }

.input { width:100%; height:36px; padding:0 10px; border:1px solid #898989; transition:ease 0.3s; background-color:#FFF; border-radius:0; }
.input:focus { border-color:#40C200; }

.select {
	color:#666;
	background-image:url(../images/arrow-select.png);
	background-position:right center; 
	background-repeat:no-repeat; 
	background-size:auto 6px;
	border-radius:0;
	box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

textarea.input { padding-top:10px !important; padding-bottom:10px !important; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {

	opacity: 1;

}
.button {
	float:none;
	height:60px;
	font-size:18px;
	display:inline-block;
	padding:0 25px;
	cursor:pointer;
	border:none;
	color:#FFF; 
	background-color:#40C200;
	border:1px solid #349E00;
	transition: all 0.3s;
	border-radius:0;
	position:relative;
	}
	
.button:hover { background-color:#02389B; border-color:#020659; }
.button-small { height:40px; font-size:14px; }
.button-grey { height:40px; background-color:#757575; font-size:14px; border:none; }
.button-upload { margin-top:9px; }
.button-download { height:36px; font-size:14px; text-align:left; }
	.button-download::after {
		content:"";
		position:absolute;
		top:0;
		right:10px;
		width:34px;
		height:34px;
		background:url(../images/icon-play.png) no-repeat center;
		background-size:auto 10px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
		opacity:0.5;
		}
	.button-download:hover::after { opacity:1; }

.input-browse { float:left; width:100%; height:36px; border:1px solid #898989; background-color:#FFF; position:relative; display:table; }
	.input-browse::after { content:""; position:absolute; top:0; right:0; bottom:0; width:40px; background:url(../images/icon-search.png) no-repeat center; background-size:auto 16px; }
	.input-browse:hover::after { background-size:auto 20px; }
	.input-browse span { padding:0 10px; display:table-cell; vertical-align:middle; font-size:14px; cursor:pointer; }
	.input-browse input { display:block !important; width:100% !important; height:100% !important; opacity: 0 !important; overflow: hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; }

.carecusoft { width:100%; display:inline-block; position:relative; }
	.wrap { margin:0 auto; width:1200px; min-height:10px; position:relative; }

.tac { text-align:center; }

.bordered{
	border: solid 1px #CCCCCC;
}

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50%; }
.mt30 { margin-top:30px; }

/*	Start TOP	*/

#header { float:left; width:100%; height:180px; margin-bottom:30px; position:relative; z-index:2000; background-color:#0244AF; color:#FFF; }
.header-home { margin-bottom:0 !important; position:absolute !important; background-color:transparent !important; }

	#logo { position:absolute; top:45px; z-index:10; }
		#logo img { float:left; height:80px; }
	
.nav-icon { display:none; }

#nav-wrap { float:right; position:relative; }
.videoMain{
	background:url(../images/video_bg.png) repeat-x; background-size:auto 100%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper:after {
	content: "";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
video::-webkit-media-controls {
	display:none !important;
}
video::-webkit-media-controls-enclosure {
	display:none !important;
}
.videoWrapper iframe,
.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
	.top-bar { float:right; margin:25px 0; }
		
		.top-login { float:right; margin-left:30px; font-weight:600; line-height:24px; position:relative; }
			.top-login > strong { float:left; min-width:25px; height:25px; padding:0 7px; border-radius:13px; background-color:#40C200; text-align:center; }
			.top-login > a { float:left; height:25px; padding:0 35px 0 20px; margin-right:-25px; border-radius:13px; background-color:rgba(255, 255, 255, 0.1); color:#FFF; }
			.top-login > a:hover { background-color:#40C200; transition:all 0.3s; }
			.top-login span { float:left; height:25px; padding:0 10px; border-radius:13px; background-color:#FFF; color:#000; position:relative; }
			.top-login a.member { float:left; height:25px; padding:0 10px; border-radius:13px; background-color:#FFF; color:#000; position:relative; margin-right: 0; }

			.top-avatar { float:left; position:relative; }
				.top-avatar span { padding-right:30px; cursor:pointer; }
					.top-avatar span::before { content:""; position:absolute; top:0; right:0; width:35px; height:25px; background:url(../images/arrow-down.png) no-repeat center; background-size:auto 5px; transition:all 0.3s; }

				.top-avatar span.top-avatar-close { background-color:#40C200; }
					.top-avatar span.top-avatar-close::before {
						-webkit-transform:rotate(180deg);
						-moz-transform:rotate(180deg);
						-o-transform:rotate(180deg);
						-ms-transform:rotate(180deg);
						transform:rotate(180deg);
					}
					.top-avatar span.top-avatar-close::after {
						content:"";
						border-bottom:5px solid transparent;
						border-left:10px solid transparent;
						border-right:10px solid transparent;
						height: 0;
						position: absolute;
						width:0;
						left:50%;
						bottom:-15px;
						margin-left:-10px;
						border-bottom-color:#FFF;
					}

					.top-login .member.top-avatar-close { background-color:#40C200; }
					.top-login .member.top-avatar-close::after {
						content:"";
						border-bottom:5px solid transparent;
						border-left:10px solid transparent;
						border-right:10px solid transparent;
						height: 0;
						position: absolute;
						width:0;
						left:50%;
						bottom:-15px;
						margin-left:-10px;
						border-bottom-color:#FFF;
					}

			.top-login-menu { display:none; position:absolute; top:40px; right:0; width:280px; padding:20px; background-color:#FFF; border-radius:10px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.25); z-index:10; }
			.top-user-menu { display:none; position:absolute; top:40px; right:0; min-width:200px; padding:20px; background-color:#FFF; border-radius:10px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.25); z-index:10; }
			.top-user-menu>li{
				display: block;
				float: none;
				padding: 1px 0;
			}
			.top-user-menu>li>a{
				display: block;
				padding: 3px 0;
				white-space: nowrap;
			}
			.top-user-menu>li>a.active{
				color: #40C200;
			}
				.top-login-menu section { float:left; width:100%; padding-bottom:15px; }
				.top-login-menu section:last-child { padding:5px 0 0 0; }
				.top-login-menu section.user-name { padding-bottom:10px; line-height:20px; }
					.top-login-menu section .input { height:40px; background-color:#F7F7F7; line-height:40px; border-radius:5px; color: #232425; }
					.top-login-menu section .button { border-radius:5px; }
					.top-login-menu section > a { float:left; font-weight:600; line-height:20px; }
					.top-login-menu section i { float:left; width:1px; height:20px; margin:0 15px; background-color:#DDD; }

				.top-login-menu ul { width:100%; border-top:1px solid rgba(0, 0, 0, 0.06); }
					.top-login-menu li { width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.06); }
						.top-login-menu li a { float:left; width:100%; padding:0 10px; font-weight:600; line-height:40px; }
						.top-login-menu li a:hover { background-color:#FFF; }

				.top-login-menu label{
					color: #454647;
					display: block;
					margin: -10px 0 5px 0;
				}

		.top-language { float:right; line-height:25px; }
			.top-language span { float:left; opacity:0.5; }
			.top-language li { margin-left:5px; }
				.top-language li img { float:left; height:25px; padding:7px 0; opacity:0.7; }
				.top-language li img:hover { opacity:1; }

		.top-currency{
			white-space: nowrap;
			float: right;
			font-size: 13px;
			margin-left: 25px;
			position: relative;
		}
			.top-currency>a{
				display: inline-block;
				width: 40px;
				height: 25px;
				line-height: 25px;
				position: relative;
				color: #FFFFFF;
				text-decoration: none !important;
				text-align: left;
				margin: 0 5px 0 0;
			}
			.top-currency>a:after{
				content: ' ';
				display: block;
				position: absolute;
				right: 0;
				top: 50%;
				margin: -3px 0 0 0;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 6px 7.5px 0 7.5px;
				border-color: #ffffff transparent transparent transparent;
			}
			.top-currency>span{
				display: inline-block;
				height: 25px;
				line-height: 25px;
				position: relative;
				color: #FFFFFF;
				opacity: .5;
				float: right;
			}
			.top-currency .currencies{
				display: none;
				margin: 0;
				padding: 0;
				position: absolute;
				left: 0;
				top: 100%;
				z-index: 1000;
				background: #FFFFFF;
			}
			.top-currency .currencies li{
				padding: 3px 5px 0 5px;
				float: none;
				display: block;
			}
			.top-currency .currencies li:first-child a{
				border: none !important;
			}
			.top-currency .currencies a{
				display: block;
				margin: 0;
				padding: 0 3px;
				color: #02389B;
				border-top: solid 1px #02389B;
				text-decoration: none !important;
			}
			.top-currency .currencies a.current{
				color: #232425;
			}

		.top-basket{  float: right;  line-height: 25px;  margin: 0 30px 0 0; }
			.top-basket a{display: block;width: 25px; height: 25px; background: url(../images/basket.png) center center no-repeat; position: relative; }
				.top-basket a span{display: block; position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; background: rgba(255, 255, 255, .9); color: #02389B; font-size: 15px; text-align:center; padding: 0 7px; border-radius: 50%; line-height: 20px;}
	#nav { float:left; width:100%; }
		#nav ul { float:right; }
			#nav ul li { padding-left:0; }
			#nav ul li:first-child { padding-left:0; }
				#nav ul li > a { float:left; padding:0 25px; color:#FFF; font-weight:600; font-size:17px; line-height:40px; transition:all 0.3s; position:relative; border-radius:20px; }
				#nav ul li > a:hover { color:#40C200; background-color:rgba(255, 255, 255, 0.1); }
		
/*	Finish TOP	*/

.footer-logos { float:left; width:100%; padding:50px 0; text-align:center; overflow:hidden; }
	.footer-logos-inner { margin:0 -10px; }
	.footer-logos ul { width:100%; }
		.footer-logos li { width:12.5%; padding:0 10px; }
			.footer-logos li img { max-width:100%; display:inline-block; transition:all 0.3s; }
			.footer-logos li img:hover { opacity:0.5; }

.footer-wrap { float:left; width:100%; padding:50px 0; color:#999; background:url(../images/shadow.png) no-repeat center top; background-size:80% 23px; }
	.footer { float:left; width:100%; min-height:50px; padding-left:240px; position:relative; }
		.footer > img { position:absolute; top:0; left:0; }
		.footer .copyright { position:absolute; top:60px; left:0; font-size:12px; }
		.footer-ssl { padding: 10px 0 20px 0; }
		.footer-ssl>img { max-width: 100%; }
		.footer-address { float:left; width:35%; font-size:12px; }
			.footer-address .bug-report{ color: #666; font-weight: 700; font-size: 15px; }
		.footer-links { float:left; width:65%; }
			.footer-links ul { float:right; }
				.footer-links li { padding-left:40px; }
				.footer-links li:first-child { padding-left:0; }
					.footer-links li a { float:left; font-weight:700; font-size:15px; color:#666; }
	
/*	Start SLIDER	*/

.controls { height:100%; }
	.slick-prev , .slick-next {
		position:absolute;
		top:50%;
		width:40px;
		height:40px;
		margin-top:-20px;
		text-indent:-9999px;
		cursor:pointer;
		z-index:1000;
		transition:all 0.3s ease;
		background:url(../images/arrow-left.png) no-repeat center;
		background-size:auto 100%;
		opacity:0.3;
		}

	.slick-prev { left:0; }
	.slick-next { right:0; background-image:url(../images/arrow-right.png); }

	.slick-prev:hover , .slick-next:hover { opacity:1; }

.hero-wrap { float:left; width:100%; padding-bottom:180px; background:url(../images/bg-home.png) repeat-x; background-size:auto 100%; position:relative; z-index:10; }
.slider-hero { float:left; width:100%; position:relative; z-index:700; overflow:hidden; }

	.slider-hero div { float:left; width:100%; position:relative; text-align:center; }
		.slider-hero div a { float:left; width:100%; position:relative; }
		.slider-hero div img { float:left; width:100%; }

		.slider-title { position:absolute; top:0; left:120px; bottom:0; width:30%; z-index:1000; text-align:left; color:#FFF; }

			.slider-title-wrap { width:100%; height:100%; display:table; }
				.slider-title-wrap strong { width:100%; display:table-cell; vertical-align:middle; font-weight:700; font-size:30px; line-height:30px; }

		ul.slick-dots { position:absolute; padding:25px 0; text-align:center; right:0; left:0; bottom:0; z-index:1000; }
			ul.slick-dots li { float:none; height:10px; padding:0 3px; display:inline-block; font-size:12px; color:#CCC; }
				ul.slick-dots li::after { content:"/"; float:left; margin:-2px 0 0 5px; }
				ul.slick-dots li:last-child::after { display:none; }
				ul.slick-dots li button { float:left; width:10px; border:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:12px; color:#999; }
				ul.slick-dots li button:hover { color:#E10513; }
				ul.slick-dots li.slick-active button { color:#1D65D1; }

/*	Start CONTENT	*/

.to-header { margin-top:-30px; }

.home-tab-wrap { float:left; width:100%; margin-top:-180px; position:relative; z-index:20; }
	.home-tab { float:left; width:100%; text-align:center; position:relative; }
		.home-tab ul { width:100%; }
			.home-tab li { width:16.66665%; }
				.home-tab li a { float:left; width:100%; padding:20px 40px; color:#FFF; transition:all 0.3s; }
				.home-tab li a:hover { background-color:rgba(0, 0, 0, 0.07); }
				.home-tab li a.active {
					color:#1D66D2;
					background:#F9F9F9;
					background:-webkit-linear-gradient(top,#FFFFFF,#F9F9F9);
					background:-o-linear-gradient(top,#FFFFFF,#F9F9F9);
					background:-moz-linear-gradient(top,#FFFFFF,#F9F9F9);
					background:linear-gradient(top,#FFFFFF,#F9F9F9);
					box-shadow:0 5px 20px rgba(0, 0, 0, 0.2);
					}
					.home-tab li a img { height:80px; display:inline-block; }
					.home-tab li a img.middlemenux { display: none; }
					.home-tab li a.active img.middlemenu { display: none; }
					.home-tab li a.active img.middlemenux { display: inline-block; }
					.home-tab li a strong { float:left; width:100%; height:60px; display:table; }
						.home-tab li a strong span { display:table-cell; vertical-align:middle; font-weight:700; text-transform:uppercase; line-height:14px; }

	.home-tab-shadow { float:left; width:100%; box-shadow:0 5px 40px rgba(0, 0, 0, 0.2); }
	.home-tab-content {
		float:left;
		width:100%;
		position:relative;
		background:#F0F0F0;
		background:-webkit-linear-gradient(top,#F9F9F9,#F0F0F0);
		background:-o-linear-gradient(top,#F9F9F9,#F0F0F0);
		background:-moz-linear-gradient(top,#F9F9F9,#F0F0F0);
		background:linear-gradient(top,#F9F9F9,#F0F0F0);
		display: none;
	}
	.home-tab-content.active {
		display: block;
	}
	.home-tab-body{
		padding: 50px 80px;
		text-align: center;
		font-family: "Source Sans Pro";
		font-size: 15px;
		color: #000000;
	}

.tuning-stages-wrap { float:left; width:100%; }
	.tuning-stages { float:left; width:33.33334%; height:180px; padding:50px; position:relative; }
		.tuning-stages::after { content:""; position:absolute; top:0; bottom:0; right:-10px; width:20px; background:url(../images/space-arrow.png) no-repeat center; }
		.tuning-stages:last-child::after { display:none; }

	.tuning-choose { float:left; width:100%; padding-left:80px; margin-bottom:-10px; position:relative; }
		.tuning-choose > strong { position:absolute; left:0; top:0; width:80px; color:#264793; font-weight:700; text-transform:uppercase; }
		.tuning-choose > section { float:left; width:100%; }
			.tuning-choose > section span { float:left; width:50%; padding:0 0 10px 10px; }
				.tuning-choose > section span i { float:left; width:100%; height:36px; padding:7px 0 0 8px; border:1px solid #898989; background-color:#FFF; }
				.tuning-choose > section label { font-size:12px; font-weight:600; }

	.tuning-browse { float:left; width:100%; position:relative; }
		.tuning-browse > i { position:absolute; top:-24px; left:0; color:#264793; opacity:0.4; font-size:12px; font-weight:600; }
		.tuning-browse > section { float:left; width:100%; margin-bottom:10px; }
		.tuning-browse > section:last-child { margin-bottom:0; }

.home-block-wrap { float:left; width:100%; padding:30px 0; }
	.home-block { float:left; width:33.33334%; padding:0 15px; }
		.home-block-header { float:left; width:100%; padding:15px 0; margin-bottom:20px; border-bottom:1px solid #C4C4C4; font-size:19px; font-weight:700; color:#023087; letter-spacing:-0.5px; }
		.block-header { border-bottom:none; }
			.home-block-header i { font-size:12px; font-weight:600; color:#999; letter-spacing:0; }
			.home-block-header a { float:right; padding-top:3px; margin-bottom:-3px; font-size:12px; font-weight:600; color:#333; letter-spacing:0; opacity:0.5; }
			.home-block-header a:hover { opacity:1; }

.slider-engineers { float:left; width:100%; position:relative; z-index:700; }
	.slider-engineers .slick-list { overflow:hidden; }
	.slider-engineers div { float:left; width:100%; position:relative; }
		.slider-engineers div section { float:left; width:50%; margin-bottom:20px; position:relative; }
			.slider-engineers div section a { float:left; width:100%; height:68px; padding-left:80px; position:relative; color:#050505; }
				.slider-engineers div section a strong { display:block; padding-right:15px; font-size:10px; font-weight:400; text-transform:uppercase; }
				.slider-engineers div section a .en-photo { position:absolute; top:0; left:0; width:68px; height:68px; }
					.slider-engineers div section a .en-photo > img { float:left; width:100%; height:100%; }
					.slider-engineers div section a .en-photo > i { position:absolute; left:0; right:0; bottom:0; height:15px; padding:0 3px; background-color:#919191; color:#FFF; font-size:12px; font-weight:600; line-height:14px; }
						.slider-engineers div section a .en-photo > i img { float:left; margin:2px 4px 0 0; }

	.slider-engineers ul.slick-dots , .slider-files ul.slick-dots { left:auto; top:-51px; bottom:auto; padding:0; }
	.slider-files ul.slick-dots { top:-41px; }

.slider-files { float:left; width:100%; margin-top:-10px; position:relative; z-index:700; }
	.slider-files .slick-list { overflow:hidden; }
	.slider-files div { float:left; width:100%; position:relative; }
		.slider-files div section { float:left; width:100%; position:relative; border-bottom:1px dashed #CCC; }
			.slider-files div section a { float:left; width:100%; height:50px; padding-left:90px; position:relative; color:#050505; display:table; line-height:16px; color:#8E8E8E; }
			.slider-files div section a:hover { color:#1D65D1; }
				.slider-files div section a::before { content:""; position:absolute; left:0; top:0; bottom:0; width:90px; background:url(../images/icon-car.png) no-repeat center; }
				.slider-files div section a span { display:table-cell; vertical-align:middle; }

.online , .offline { position:absolute; bottom:0; left:80px; height:11px; padding-left:20px; font-size:12px; line-height:11px; font-weight:600; }
	.online::before , .offline::before { content:""; position:absolute; left:0; top:0; width:15px; height:11px; background-color:#40C200; }
	.offline::before { content:""; position:absolute; left:0; top:0; width:15px; height:11px; background-color:#EA0000; }

.power-calculate { float:left; width:100%; }
	.power-calculate > section { margin:0 -10px; }
		.power-calculate > section span { float:left; width:50%; padding:0 10px 20px 10px; }

	.power-calculate > div { float:left; width:100%; padding-top:40px; margin-top:20px; border-top:1px solid #C7C7C7; }
		.power-calculate > div .input { float:left; width:60%; }
		.power-calculate > div .button { float:right; width:35%; height:36px; padding:0; }

.bluebox {
	float:left;
	width:100%;
	padding:40px 0;
	background:#3573D8;
	background:-webkit-linear-gradient(top,#427BDC,#074DC3);
	background:-o-linear-gradient(top,#427BDC,#074DC3);
	background:-moz-linear-gradient(top,#427BDC,#074DC3);
	background:linear-gradient(top,#427BDC,#074DC3);
	}

	.video-accordion { float:left; width:100%; min-height:300px; position:relative; }

		.video-block { position:absolute; top:0; bottom:0; left:0; width:50%; padding-right:15px; }

		.video-news { float:right; width:50%; padding-left:15px; color:#FFF; }
			.video-news ul { width:100%; margin:-10px 0; }
				.video-news li { width:100%; padding:20px 0; border-bottom:1px solid rgba(0, 0, 0, 0.2); }
				.video-news li:last-child { border-bottom:none; }
					.video-news li a { float:left; width:100%; color:#FFF; }
						.video-news li a strong { float:left; width:100%; font-weight:700; }
						.video-news li a span { float:left; width:100%; opacity:0.6; }
						.video-news li a:hover span { opacity:1; }

		.accordion-block { float:right; width:50%; padding-left:15px; color:#FFF; }
			.accordion-block ul { width:100%; position:relative; }
				.accordion-block li { width:100%; margin-bottom:10px; }
				.accordion-block li:last-child { margin-bottom:0; }
					.accordion-block li strong { float:left; width:40%; height:100px; padding-left:100px; display:table; position:relative; font-weight:600; background-color:rgba(0, 0, 0, 0.33); }
					.accordion-block li.active strong::after { content:""; position:absolute; top:0; bottom:0; right:-10px; width:10px; background-color:rgba(0, 0, 0, 0.33); }
						.accordion-block li strong img { position:absolute; top:15px; left:15px; width:70px; height:70px; }
						.accordion-block li strong i { display:table-cell; vertical-align:middle; }

					.accordion-block li section { position:absolute; top:0; bottom:0; right:0; width:60%; padding-left:10px; display:none; overflow:hidden; }
						.accordion-block li section p { float:left; width:100%; height:100%; padding:20px 25px; background-color:rgba(0, 0, 0, 0.33); }

.greybox { float:left; width:100%; border:1px solid #DEDEDE; background-color:#EDEDED; }

.panel-wrap { float:left; width:100%; min-height:400px; padding-right:230px; position:relative; }

.panel-left { float:left; width:100%; padding-left:220px; position:relative; }
	.panel-menu-icon { display:none; }
	.panel-menu { position:absolute; left:0; top:0; width:220px; }
		.panel-menu ul { width:100%; }
			.panel-menu li { width:100%; margin-bottom:5px; }
				.panel-menu li a { float:left; width:100%; padding-left:65px; background-color:#02389B; color:#FFF; font-size:17px; font-weight:600; line-height:66px; box-shadow:inset 5px 0 0 #40C200 , inset -5px 0 0 #FFF; position:relative; }
				.panel-menu li a:hover { color:#40C200; }
				.panel-menu li a.active { color:#02389B; background-color:#EDEDED; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; box-shadow:inset 5px 0 0 #020659; }
					.panel-menu li a::before { content:""; position:absolute; left:28px; top:50%; width:25px; height:25px; margin-top:-12px; }
					.panel-menu li a:hover::before { background-position: left -25px; }
					.panel-menu li a.active::before { background-position: left -25px; }
					.panel-menu li a.icon1::before { background-image: url(../images/dosyalar.png); }
					.panel-menu li a.icon2::before { background-image: url(../images/yukle.png); }
					.panel-menu li a.icon3::before { background-image: url(../images/hesabim.png); }
					.panel-menu li a.icon4::before { background-image: url(../images/krediyukle.png); }
					.panel-menu li a.icon5::before { background-image: url(../images/faturalar.png); }
					.panel-menu li a.icon6::before { background-image: url(../images/sepet.png); }

	.panel-content { float:left; width:100%; }
	
.panel-right { position:absolute; top:0; right:0; width:200px; padding:19px; border:1px solid #DEDEDE; background-color:#EDEDED; }
	
.credit-info { float:left; width:100%; min-height:100px; padding:15px; margin-bottom:10px; border:1px solid #898989; background-color:#02389B; color:#FFF; }
	.credit-info strong { display:block; font-size:21px; font-weight:700; line-height:25px; }
	.credit-info a { color:#FFF; }
	
.panel-info { float:left; width:100%; }
	.panel-info ul { width:100%; }
		.panel-info li { width:100%; height:54px; margin-bottom:10px; border:1px solid #898989; background-color:#02389B; color:#FFF; display:table; }
		.panel-info li:last-child { margin-bottom:0; }
			.panel-info li span { padding:0 9px 0 14px; display:table-cell; vertical-align:middle; font-weight:600; line-height:15px; }
			.panel-info li strong { float:right; width:57px; border-left:1px solid #898989; background-color:#FFF; font-size:24px; line-height:52px; color:#022F87; text-align:center; }
			
.text-32 { font-size:32px !important; }
.mt-40 { margin-top:40px; }
.mt-30 { margin-top:30px; }
.mt-20 { margin-top:20px; }
.mt-5 { margin-top:5px; }
.mb-10 { margin-bottom:10px; }
.pl-130 { padding-left:130px; position:relative; }
.pl-30 { padding-left:30px; }
.pl-20 { padding-left:20px; }
.pr-30 { padding-right:30px; position:relative; }
.pr-20 { padding-right:20px; position:relative; }
.pr-5 { padding-right:5px !important; }
.pb-30 { padding-bottom:30px; position:relative; }
.pb-20 { padding-bottom:20px; position:relative; }
.pb-5  { padding-bottom:5px !important; }
.pt-30 { padding-top:30px; position:relative; }
.pt-20 { padding-top:20px; position:relative; }
.pt-5  { padding-top:5px !important; }
.p-0{padding: 0;}

.panel-form {  min-height:400px; padding:30px; }
	.item-wrap { float:left; width:100%; margin-bottom:20px; }
		.item-100 { float:left; width:100%; }
		.item-67 { float:left; width:66%; }
		.item-50 { float:left; width:50%; }
		.item-47 { float:left; width:47%; }
		.item-33 { float:left; width:33.33334%; }
		.item-25 { float:left; width:25%; }
		.item-label { float:left; margin:6px 15px 0 0; font-weight:600; }
			.item-label label { float:left; line-height:25px; }
			.item-label .tooltip { right:0 !important; }
		.item-button { float:left; width:100%; height:60px; padding-right:240px; display:table; position:relative; }
			.item-button span { padding-left:20px; display:table-cell; vertical-align:middle; font-weight:600; line-height:16px; }
			.item-button button { position:absolute; top:0; right:0; width:220px; text-align:left; }
				.item-button button::after { content:""; position:absolute; top:0; bottom:0; right:0; width:58px; background:url(../images/icon-play.png) no-repeat center; background-size:auto 12px; opacity:0.4; transition:all 0.3s; }
				.item-button button:hover::after { width:48px; opacity:1; }
		
		.input-name { position:absolute; top:0; left:15px; width:110px; font-weight:600; line-height:16px; display: flex; align-items: center;  justify-content: flex-start; height: 36px;}
		.input-info { padding-right:36px; position:relative; }
			.input-info > .box { position:absolute; top:0; right:0; width:36px; height:36px; border:1px solid #898989; border-left-width:0; background-color:#FFF; font-weight:700; line-height:34px; text-align:center; }
			
.spacer { float:left; width:100%; height:1px; margin:15px 0; background-color:#000; opacity:0.1; }

.tooltip { width:16px; height:16px; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; background:url(../images/icon-info.png) no-repeat; background-size:100%; cursor:pointer; opacity:0.3; }
.tooltip-right { left:auto; right:0; }
.tooltip:hover { z-index:9995; opacity:1; }
	.tooltip span { 
		padding:10px 14px;
		background-color:#FFF; 
		position:absolute; 
		bottom:23px; 
		left:-100px; 
		right:-100px; 
		font-size:14px;
		line-height:18px;
		box-shadow:0 0 25px rgba(0, 0, 0, 0.15) , 0 1px 0 rgba(0, 0, 0, 0.2);
		display:none;
		font-size:12px;
		font-weight:600;
		color:#666;
		text-align:left;
		}
	.tooltip:hover span { display:block; }
		.tooltip span::before , .tooltip span::after { 
			content:"";
			border-top:5px solid transparent;
			border-left:8px solid transparent;
			border-right:8px solid transparent;
			height:0;
			position:absolute;
			width:0;
			left:50%;
			bottom:-5px;
			margin-left:-8px;
			border-top-color:rgba(0, 0, 0, 0.3);
			z-index:5;
			}
			
		.tooltip span::after { bottom:-4px; border-top-color:#FFF; }
		
.type-of-tuning { float:left; width:100%; padding:19px 0 19px 129px; margin-bottom:30px; border:1px solid #898989; background-color:#D7D7D7; position:relative; }
	.type-of-tuning .input-name { top:50%; margin-top:-18px; }
	.type-of-tuning .tooltip { left:auto; right:12px; }
.type-of-reading { margin:20px 0 0 0; }
	
.upload-wrap { float:left; width:100%; margin-bottom:30px; border:1px solid #898989; border-top:0; background-color:#FFF; color:#022E8A; font-weight:600; }
	
	.upload-drop { float:left; width:70%; height:100px; border-right:1px solid #898989; display:table; text-align:center; position: relative; }
	.upload-drop.drag { background: #F3F3F3; }
		.upload-drop span { display:table-cell; vertical-align:middle; }
			.upload-drop span i { display:inline-block; padding:6px 0 6px 40px; background:url(../images/icon-file.png) no-repeat; background-size:auto 100%; }
		.upload-drop>div{position:absolute; bottom: 0; right: 2px; font-size: 13px; width: 90%; text-align: right; }
	
	.upload-browse { float:left; width:30%; height:100px; position:relative; text-align:center; display:table; }
	.upload-browse:hover { background:#F3F3F3; }
		.upload-browse span{ display:table-cell; vertical-align:middle; font-size:17px; }
		.upload-browse input { display:block !important; width:100% !important; height:100% !important; opacity: 0 !important; overflow: hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; }
		
.panel-history { min-height:495px; padding:29px; }
	.history-wrap { float:left; width:100%; border:1px solid #989898; border-bottom:0; background-color:#FFF; }
	.success{
		margin: 0 0 20px 0;
		padding: 20px;
		background: #0244AF;
		color: #FFFFFF;
		font-size: 14px;
	}
	.success a{
		color: #FFFFFF;
		font-weight: bold;
	}
		.basket-form{ margin: 30px 0 0 0; float: left;}
		.history-item-wrap { float:left; width:100%; }
			.history-item { float:left; width:100%; border-bottom:1px solid #989898; }
			.history-item-head div { font-weight:700 !important; }
				.history-item div { float:left; padding: 0 10px; height: 40px; border-right:1px solid #989898; text-align: left; overflow:hidden; display: flex; align-items: center;  justify-content: flex-start; line-height: 14px; font-size: 92%;  }
				.history-item .h-id { width:14%; }
					.history-item .h-id input[type=number]{ width:60%; margin-right: 4px; }
				.history-item .h-created { width:16%; }
				.history-item .h-vehicle { width:40%; text-align:left; }
				.history-item .h-status { width:14%; }
				.history-item .h-download { width:16%; font-weight:600; border-right:0; text-align: center; }
				.history-item .h-download a{ position: relative; padding-right: 20px;}
				.history-item .h-download a:after{
					content: "";
					border-top: 6px solid transparent;
					border-left: 9px solid transparent;
					border-right: 9px solid transparent;
					height: 0;
					position: absolute;
					width: 0;
					right: 0;
					top: 50%;
					margin-top: -2px;
					border-top-color: #02389B;
				}

				.history-item .h-download a.removeBasket{display: block; width: 100%; height: 25px;  padding: 0; background: url(../images/trash.png) center center no-repeat;}
				.history-item .h-download a.removeBasket:after{display:none;}

			.history-detail { float:left; width:100%; padding:19px; background-color:#CCC; border-bottom:1px solid #989898; display: none;}
				.history-detail-text { float:left; width:100%; }
					.history-detail-text section { float:left; width:33.33334%; padding-right:10px; }
					.history-detail-text section:last-child { padding-right:0; }
						.history-detail-text a { font-weight: bold; }

				.history-detail-message { float:left; width:100%; margin-top:10px; }
					.feedback-form-items{display: none; float: left;}
					.history-detail-message section { float:left; width:100%; padding-bottom:15px; }
					.history-detail-message section:last-child { padding-bottom:0; }
						.history-detail-message section > span { float:left; height:25px; padding:0 40px 0 15px; font-weight:600; line-height:25px; position:relative; background-color:rgba(0, 0, 0, 0.1); color:#000; cursor: pointer; }
							.history-detail-message section > span::after { 
								content:"";
								border-top:6px solid transparent;
								border-left:9px solid transparent;
								border-right:9px solid transparent;
								height:0;
								position: absolute;
								width:0;
								right:10px;
								top:10px;
								border-top-color:#02389B;
							}
/*invoices*/
.invoices-list { float:left; width:100%; margin-bottom:40px; border:1px solid #CECECE; background-color:#FFF; font-weight:700; }
.invoices-list ul { width:100%; }
.invoices-list li { width:100%; padding:20px 5%; border-bottom:1px solid #CECECE; position: relative; }
.invoices-list li.active:after { content: ' '; position: absolute; display: block; width: 25px; height: 25px; right: 20px; bottom: 16px; background: url(../images/check.png) 0 0 no-repeat; }
.invoices-list li:first-child { font-size:20px; }
.invoices-list li:last-child { border-bottom:none; }
.invoices-list li:hover { background-color:#F7F7F7; }
.invoices-list li span { float:left; width:30%; }
.invoices-list li i { float:left; width:60%;}
.invoices-list li section { float:left; width:10%; text-align: right; }
.invoices-list li div { float:left; }
.invoices-list li div.date 				{ width: 30%; text-align: center; }
.invoices-list li div.credit 			{ width: 14%; text-align: center; }
.invoices-list li div.pricing 			{ width: 16%; text-align: center; }
.invoices-list li div.payment_method 	{ width: 20%; text-align: center; }
.invoices-list li div.status 			{ width: 20%; text-align: center; }

.invoice-info { float:left; width:49%; margin: 0 0 0 1%; height:230px; border:1px solid #CECECE; background-color:#FFF; }
.invoice-info:first-child { margin: 0 1% 0 0 !important; }
.invoice-info section { width:100%; padding:24px 29px; font-size: 40px; text-align: center; line-height: 80px; float: left; }


/*	Start PAYMENT	*/

.payment-list { float:left; width:100%; margin-bottom:40px; border:1px solid #CECECE; background-color:#FFF; font-weight:700; }
	.payment-list ul { width:100%; }
		.payment-list li { width:100%; padding:20px 5%; border-bottom:1px solid #CECECE; position: relative; }
		.payment-list li.active:after { content: ' '; position: absolute; display: block; width: 25px; height: 25px; right: 20px; bottom: 16px; background: url(../images/check.png) 0 0 no-repeat; }
		.payment-list li:first-child { font-size:20px; }
		.payment-list li:last-child { border-bottom:none; }
		.payment-list li:hover { background-color:#F7F7F7; }
			.payment-list li span { float:left; width:45%; }
			.payment-list li i { float:left; width:25%; }
			.payment-list li section { float:left; width:30%; }
			.payment-list li input[type=radio] { display: none; }

.billing { float:left; width:54%; height:230px; border:1px solid #CECECE; background-color:#FFF; }
	.billing section { float:left; width:100%; padding:24px 29px; }
.your-order { float:right; width:40%; height:230px; border:1px solid #CECECE; background-color:#FFF; }
	.your-order section { float:left; width:100%; padding:20px 29px; border-bottom:1px solid #CECECE; font-size:17px; font-weight:600; }
	.your-order section:last-child { border-bottom:none; font-weight:800; color:#42c200; }

.box-header { padding:24px 29px; margin-bottom:0; font-size:24px; color:#313131; }

.payment-method { float:left; width:100%; margin-top:40px; border:1px solid #CECECE; background-color:#FFF; }
.payment-method.method-insider{ display: none; }
	.payment-method ul { width:100%; padding:29px; text-align:center; }
        .payment-method li { width:25%; cursor: pointer; }
            .payment-method li img {
                display:inline-block; max-width:95%;
                filter: gray; /* IE */
                -webkit-filter: grayscale(1); /* Old WebKit */
                -webkit-filter: grayscale(100%); /* New WebKit */
                filter: grayscale(100%); /* Current draft standard */
                transition: all .5s;
            }
            .payment-method li.active img,
            .payment-method li:hover img {
                filter: none; /* IE */
                -webkit-filter: grayscale(0); /* Old WebKit */
                filter: grayscale(0); /* Current draft standard */
            }
			.bankInfos>div{
				display: none;
			}

/*	Start VEHICLE DETAIL	*/

.grey-box { background-color:#DCDCDC; }
.vehicle-top-bar { float:left; width:100%; line-height:70px; }
	.vehicle-top-bar section { float:left; padding-left:30px; }
		.vehicle-top-bar i { float:left; padding:0 10px; border-right:1px solid #B8B6B6; }
		.vehicle-top-bar i:last-child { border-right:none; }
	.vehicle-top-bar ul { float:right; }
		.vehicle-top-bar li:first-child { border-right:1px solid #B8B6B6; }
			.vehicle-top-bar li a { float:left; padding:0 40px; font-size:17px; font-weight:700; }

.vehicle-info { float:left; width:100%; padding:40px; }
	.vehicle-info div { float:left; width:48%; height:150px; padding-left:200px; display:table; position:relative; }
		.vehicle-info div section  { display:table-cell; vertical-align:middle; }
			.vehicle-info div section img  { position:absolute; max-width:180px; height:150px; top:0; left:0; padding:0; }
			.vehicle-info div section strong  { font-size:30px; line-height:30px; }
	.vehicle-info a { float:right; width:48%; height:150px; padding:50px 0 0 140px; background-color:#01A446; color:#FFF; position:relative; transition:all 0.3s; }
	.vehicle-info a:hover { background-color:#40C200; }
		.vehicle-info a::before { content:""; position:absolute; top:50%; left:40px; margin-top:-40px; width:80px; height:80px; background:#FFF url(../images/arrow-download.png) no-repeat center; background-size:auto 40px; border-radius:50%; transition:all 0.2s; }
		.vehicle-info a:hover::before { margin-top:-35px; }
		.vehicle-info a > strong { float:left; height:50px; padding-top:4px; padding-right:40px; margin-right:40px; border-right:2px dashed #FFF; font-size:19px; }
		.vehicle-info a > i { float:left; height:50px; padding-top:6px; font-size:15px; }

.vehicle-wrap { float:left; width:100%; padding:40px; }

	.vehicle-stats { float:right; width:48%; text-align:center; }
	.vehicle-stats-inner{margin-bottom: 20px; overflow: hidden}
		.navy-title { float:left; width:100%; padding:15px 0; margin-bottom:15px; color:#FFF; font-size:18px; font-weight:700; background-color:#023CA8; }
		.vehicle-inner { margin:0 -5px; }
			.stats-block { float:left; width:33.33334%; padding:0 5px; }
				.stats-cell { float:left; width:100%; height:130px; margin-bottom:10px; display:table; font-weight:normal;background-color:#FFF; }
					.stats-cell-inner { width:100%; display:table-cell; vertical-align:middle;  }
						.stats-cell-inner i { font-size:20px; }
						.stats-cell-inner section { float:left; width:100%; padding:15px 20px 0 20px; font-size:12px; line-height:16px; }
					.stats-cell-fuel { height:220px; }

.stats-cell-inner { width:100%; display:table-cell; vertical-align:middle; position: relative; }
.stats-cell-inner .circle { position: relative; height: 80px; }
.stats-cell-inner .circle canvas{ display: block; margin: 0 auto; }
.stats-cell-inner .circle strong{ position: absolute; top: 40px;left:0;width: 100%;text-align: center; display:inline;margin-top: -15px; line-height: 20px;font-size: 20px;color:#000000; height:40px; overflow: hidden; }
.stats-cell-inner .circle strong:before{ content: '+';  }
.stats-cell-inner .circle strong:after{ content: attr(data-after); font-size: 12px; font-weight: normal; display: block;}
.stats-cell-inner .circle strong i{ font-size: 20px; }



.vehicle-request { color:#151515; overflow: hidden; margin-bottom: 20px; }
		.vehicle-request section { float:left; width:100%; position:relative; }

			.vehicle-request .options { margin: 20px 0; }
			.vehicle-request .options>div { padding:8px 10px; border:1px solid #C0C0C0; background-color:#FFF; }
				.vehicle-request .options label { float:left; margin: 0 10px 0 0; font-size:12px; font-weight:600; }

			.vehicle-request section textarea { height:146px !important; margin-bottom:15px; }
			.vehicle-request section .input { width:50%; height:40px; }
			.vehicle-request section .button { float:right; width:45%; padding:0; }

	.vehicle-details { float:left; width:48%; color:#151515; }
		.vehicle-details .navy-title , .vehicle-request .navy-title { padding-left:30px; text-align:left; }
		.vehicle-details ul { width:100%; background-color:#FFF; }
			.vehicle-details li { width:100%; padding:3px 30px; }
			.vehicle-details li:nth-child(2n+2) { background-color:#DCDCDC; }
				.vehicle-details li strong { float:left; width:49%; }
				.vehicle-details li span { float:right; width:50%; }

				.vehicle-stats-prices{
					padding: 10px;
					box-sizing: border-box;
					border: solid 1px #232425;
					overflow: hidden;
				}
				.vehicle-stats-prices >div{
					width: 20%;
					float: left;
					text-align: left;
					padding: 8px 10px;
					box-sizing: border-box;
				}
				.vehicle-stats-prices >div.title{
					font-weight: bold;
					border-right: solid 1px  #232425;
					width: 17%;
					margin-right: 3%;
				}


	.engine_content_body{
		font-size: 14px;
		color: #051b33;
		margin: 0 0 20px 0;
	}
	.credit_counter{
		text-align: center;
		font-size: 16px;
		font-weight: 700;
	}

/*	Start HOW IT WORKS	*/

.how-to-wrapper { float:left; width:100%; padding:100px 0; }
	.how-to-wrapper ol { width:100%; }
		.how-to-wrapper ol li { width:100%; padding:120px 100px 80px 100px; position:relative; background-size:100% auto; }
		.how-to-wrapper ol li:nth-child(even) { background-image:url("../images/flow-even.png"); background-repeat: no-repeat; background-position: right top; }
		.how-to-wrapper ol li:nth-child(odd) { background-image: url("../images/flow-odd.png"); background-repeat: no-repeat; background-position: left top; }
		.how-to-wrapper ol li:first-child { padding-top:60px; background-image: url("../images/flow-start.png"); background-repeat: no-repeat; background-position: right top; }
		.how-to-wrapper ol li:last-child { background-image: url("../images/flow-end.png"); background-repeat: no-repeat; background-position: right top; }

.howto-number { position:absolute; top:10px; left:50%; width:60px; height:60px; margin-left:-30px; background-color:#02338D; border:3px solid #01A749; border-radius:50%; font-size:30px; line-height:52px; font-weight:700; color:#FFF; text-align:center; }
	.howto-number::before , .howto-number::after { content:""; position:absolute; top:0; bottom:0; left:-33px; width:30px; background-color:#FFF; }
	.howto-number::after { left:auto; right:-33px; }
	.howto-number span { width:auto; height:70px; }

.howto-content-box { float:left; width:100%; padding-top:50px; }
	.howto-content-box h2 { float:left; width:50%; padding-left:10%; padding-right:60px; font-size:27px; font-weight:700; line-height:30px; color:#02338D; text-align:right; text-transform:uppercase; }
	.howto-content-box p { float:left; width:50%; padding-left:60px; font-size:15px; font-weight:600; line-height:25px; color:#050505; }

.how-to-wrapper ol li:nth-child(odd) .howto-number { left:130px; }
.how-to-wrapper ol li:first-child .howto-number { top:-30px; }

.howto-button { float:left; width:100%; margin-top:30px; text-align:center; }
	.howto-button a { display:inline-block; height:35px; padding:0 25px; background-color:#40C200; border:1px solid #898989; color:#FFF; font-weight:600; font-size:13px; line-height:33px; }
	.howto-button a:hover { background-color:#898989; border-color:#444; }

.slider-sub { float:left; width:100%; position:relative; overflow:hidden; }
	.slider-sub div { float:left; width:100%; position:relative; }
		.slider-sub div img { float:left; width:100%; }

.about-wrap { float:left; width:100%; padding:0 75px; }
.content-text { float:left; width:100%; font-size:15px; line-height:22px; }

.contact-info { float:left; width:40%; margin-top:11px; }
	.contact-info section { float:left; width:100%; margin-bottom:10px; }
	.contact-info section:last-child { margin-bottom:0; }
		.contact-info section span { float:left; width:50%; }

.err404-info{
	float: left;
	width: 40%;
	margin-top: 11px;
	padding: 20px 0;
}
.err404-image{
	float: left;
	width: 60%;
	padding-left: 40px;
}
.err404-info h1{
	font-weight: 700;
	font-size: 30px;
	margin: 0 0 50px 0;
}
.err404-info p{
	font-size: 18px;
	margin: 0 0 10px 0;
}
.err404-image img{
	width: 100%;
}

.contact-form { float:left; width:60%; padding-left:40px; }
	.contact-form-left { float:left; width:50%; }
		.contact-form-left section { float:left; width:100%; margin-bottom:20px; }
		.contact-form-left section:last-child { margin-bottom:0; }
			.contact-form-left section strong { float:left; width:35%; line-height:36px; }
			.contact-form-left section .input { width:65%; }
	.contact-form-right { float:left; width:50%; padding-left:30px; }
		.contact-form-right textarea { height:204px; margin-bottom:20px; }
		.contact-form-right .button-small { height:36px; }

/*	Start BLOG	*/

.container { float:left; width:100%; }

.item-wrapper { margin:0 -15px; }
	.item { float:left; width:50%; padding:0 15px 30px 15px; }

.blog-item { float:left; width:100%; padding:24px 24px 0 24px; background-color:#EDEDED; border:1px solid #DEDEDE; border-radius:3px; }
.blog-item.open { border-color:#999; background-color: #DDDDDD; }
.blog-item:hover { border-color:#999; }

	.blog-item .content { float:left; width:100%; font-size:15px; color:#666; max-height: 250px; overflow: hidden; transition: all .5s; }
	.blog-item.open .content { max-height: 2000px }
		.blog-item .content img { float:left; width:200px; margin:0 25px 15px 0;  cursor: pointer; }
		.blog-item .content>strong { display:block; padding-bottom:10px; font-weight:700; font-size:17px; color:#0341AA; text-transform:uppercase; cursor: pointer; }
		.blog-item .content span { color:#333; }

	.blog-item .item-bottom { float:left; width:100%; margin-top:25px; color:#999; position:relative; text-align:center; }
		.blog-item .item-bottom i { position:absolute; left:0; top:15px; }
		.blog-item .item-bottom em { position:absolute; right:0; top:15px; }
		.blog-item .item-bottom a { display:inline-block; width:180px; height:50px; position:relative; background-color:#FFF; border-radius:10px 10px 0 0; font-weight:600; line-height:50px; }
			.blog-item .item-bottom a::before , .blog-item .item-bottom a::after {
				content:"";
				border-top:5px solid transparent;
				border-left:7px solid transparent;
				border-right:7px solid transparent;
				height:0;
				position: absolute;
				width:0;
				left:20px;
				top:50%;
				margin-top:-2px;
				border-top-color:#427FDC;
			}
			.blog-item .item-bottom a::after { left:auto; right:20px; }
			.blog-item .item-bottom a>span::after { content: attr(data-open); }
			.blog-item.open .item-bottom a>span::after { content: attr(data-close); }

			.blog-item.open .item-bottom a::before , .blog-item.open .item-bottom a::after {
				-webkit-transform:rotate(180deg);
				-moz-transform:rotate(180deg);
				-o-transform:rotate(180deg);
				-ms-transform:rotate(180deg);
				transform:rotate(180deg);
			}

/*	Start PAGINATION */

.pages { float:left; width:100%; font-size:15px; line-height:44px; text-align:center; }
	.pages ul { float:none; display:inline-block; }
		.pages li { padding:0 5px; }
			.pages li a { float:left; width:45px; height:45px; color:#999; border:1px solid #DDD; background-color:#FFF; transition:all 0.3s; border-radius:5px; }
			.pages li a:hover { border-color:#999; }
			.pages li a.current { color:#302583; border:2px solid #302583; line-height:41px; }

/*	Finish PAGINATION */




/*products*/
.credit-info{
	text-align: center;
	padding: 30px 0;
}
.credit-info a{
	font-weight: bold;
	font-size: 16px;
}
.credit-info-shop{
	background: #02389B;
	padding: 30px;
	text-align: center;
	color: #FFFFFF;
	margin: 0 0 20px 0;
	font-size: 16px;
}
.credit-info-shop a{
	color: #FFFFFF;
	font-weight: bold;
}

.product-items .item{
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	padding: 30px 20px;
	background: #FFFFFF;
	border: solid 1px #02389B;
	overflow: hidden;
}
.product-items .item .product-image{
	width: 30%;
	float:left;
}
.product-items .item .product-image img{
	width: 100%;
}
.product-items .item .photo-gallery{
	display: none;
}
.product-items .item .product-info-block{
	width: 67%;
	float:right;
}
.product-items .item .product-info-block .product-title{
	display: block;
	font-size: 20px;
	margin: 0 0 20px 0;
}
.product-items .item .product-info-block .product-body{
	min-height: 160px;
}
.product-items .item .product-detailed-info{
	width: 30%;
	float:left;
	margin: 0;
	padding: 20px 0 0 0;
}
.product-items .item .product-detailed-info>div{
	float: none;
	width: 100%;
	overflow: hidden;
}
.product-items .item .product-detailed-info>div>span{
	width: 50%;
	float:left;
}
.product-items .item .product-detailed-info>div>strong{
	width: 50%;
	float:left;
}
.product-items .item .buttons{
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
}
.product-items .item .buttons .button{
	height: 40px;
	line-height: 35px;
}





@media only screen and (max-width:1260px) {

.wrap { width:1000px; }
#nav ul li > a { padding:0 20px; }
.type-of-tuning .item-33 { width:90%; }

.panel-form , .panel-history {  padding:19px; }

.form-owner-info { float:left; width:100%; }
	.form-owner-info .item-50 { width:100%; }
	.form-owner-info .item-50:first-child { margin-bottom:20px; }
	.form-owner-info .pr-30 { padding-right:0; }

.about-wrap { padding:0; }
.contact-form , .contact-info { width:100%; padding-left:0; }

.vehicle-top-bar { line-height:50px; }
	.vehicle-top-bar section { padding-left:10px; }
	.vehicle-top-bar li a { padding:0 20px; }
.vehicle-info , .vehicle-wrap { padding:20px; }

.footer-wrap { background-size:100% 18px; }
.footer-links li { padding-left:20px; }

}





@media only screen and (max-width:1023px) {

.wrap { float:left; width:100%; padding:0 20px; }

#header { height:70px; margin-bottom:20px; }
	#logo { top:10px; left:15px; }
		#logo img { height:45px; }

.to-header { margin-top:-20px; }

.panel-wrap { padding-right:0; }
.panel-right { float:left; width:100%; margin-bottom:20px; position:static; }
	.credit-info { min-height: 0 !important; }
	
.panel-left { padding-left:0; }
	.panel-menu { float:left; width:100%; margin:-10px 0 15px 0; position:static; display:none; }
		.panel-menu li a { box-shadow:inset 5px 0 0 #40C200; }

.panel-menu-icon { 
	float:left; 
	width:100%; 
	height:50px; 
	padding:0 20px; 
	margin-bottom:15px;
	font-size:17px; 
	font-weight:600; 
	line-height:50px; 
	color:#02389B;
	cursor:pointer;
	display:block; 
	background-color:#EDEDED; 
	border-top:1px solid #DEDEDE; 
	border-bottom:1px solid #DEDEDE; 
	position:relative;
	}
	.panel-menu-icon::after { content:""; position:absolute; top:0; bottom:0; right:0; width:50px; background:url(../images/arrow-down.png) no-repeat center; background-size:16px auto; }
	
.nav-icon { width:70px; height:70px; position:absolute; top:0; right:0; cursor:pointer; display:block; text-indent:-9999px; }
	
	.nav-icon-close::before { 
		content:"";
		border-bottom:4px solid transparent;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		height:0;
		position: absolute;
		width:0;
		left:50%;
		bottom:0;
		margin-left:-10px;
		border-bottom-color:#40C200;
	}
	
	.nav-icon span { position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background-color:#FFF; transition:all 0.3s; }
		.nav-icon span::before { content:""; position:absolute; top:-7px; left:0; right:0; height:2px; background-color:#FFF; transition:all 0.3s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-7px; left:0; right:0; height:2px; background-color:#FFF; transition:all 0.3s; }
	
	.nav-icon-close span { background-color:transparent; }
		.nav-icon-close span::before { 
			-webkit-transform:rotate(-45deg);
			-moz-transform:rotate(-45deg);
			-o-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
			top:0;
			background-color:#40C200;
		}
		.nav-icon-close span::after { 
			-webkit-transform:rotate(-45deg);
			-moz-transform:rotate(45deg);
			-o-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
			transform:rotate(45deg);
			bottom:0;
			background-color:#40C200;
		}
		
#nav-wrap { display:none; position:absolute; left:0; right:0; top:70px; padding:20px; background-color:#02389B; border-top:2px solid #40C200; border-bottom:2px solid #FFF; box-shadow:0 10px 30px rgba(0, 0, 0, 0.3); }
	.top-bar { width:100%; margin:0 0 20px 0; }
	#nav ul { width:100%; border-top:1px solid rgba(0, 0, 0, 0.15); }
		#nav ul li { width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.15); }
			#nav ul li > a { width:100%; line-height:50px; }
				#nav ul li > a::after { display:none; }
				
.upload-drop { display:none; }
.upload-browse { width:100%; }

.how-to-wrapper { padding:50px 0 0 0; }
	.how-to-wrapper ol li { padding:60px 50px 60px 50px; }
	.how-to-wrapper ol li:first-child { padding-top:30px; }
	.howto-number { top:-5px; }

.home-block { width:50%; }
.home-block:last-child { width:100%; }

.video-block { float:left; width:100%; height:400px; position:relative; padding:0 0 20px 0; }
.accordion-block , .video-news { width:100%; padding-left:0; }
	.video-news li { padding:15px 0; }

.slider-hero { padding-bottom:80px; }
	.slider-title { top:auto; left:0; bottom:-40px; width:100%; padding:0 40px; text-align:center; }

.hero-wrap { padding-bottom:140px; }
.home-tab-wrap {     margin-top: 0;  background: #dadada; }
.home-tab li a { height:140px; padding:20px 10px; }
	.home-tab li a img { height:50px; }
	.home-tab li a strong span { font-size:12px; }

.tuning-stages { width:100%; height:auto; padding:20px; border-bottom:2px solid #C5C5C5; }
	.tuning-stages::after { display:none; }
	.tuning-browse > i { float:left; width:100%; margin:-10px 0 5px 0; position:static; }

.vehicle-top-bar section { display:none; }

.vehicle-info { padding:20px 0; }
	.vehicle-info div , .vehicle-info a , .vehicle-details , .vehicle-stats , .vehicle-request { width:100%; }

.vehicle-stats { margin-top:25px; }

.footer-wrap { padding:30px 0; }

.footer-logos { padding:20px 0; }
	.footer-logos li { width:25%; padding:10px; }

.footer-address { width:100%; }
.footer-links { width:100%; padding-top:20px; }
	.footer-links ul { float:left; }

.item-wrapper { margin:0 -10px; }
	.item { padding:0 10px 20px 10px; }
	.blog-item .content { max-height: 500px; }
	.blog-item .content img { float:left; width:100%; margin:0 0 15px 0; }
	.blog-item .content>strong { float:left; width:100%; }
	.blog-item .content span { float:left; width:100%; }

	.blog-item .item-bottom { margin-top:10px; text-align:left; }
		.blog-item .item-bottom i , .blog-item .item-bottom em { float:left; width:100%; position:static; }
		.blog-item .item-bottom a { float:left; width:100%; height:40px; margin-top:10px; line-height:40px; text-align:center; }

}





@media only screen and (max-width:767px) {

.pl-130 , .pl-30 , .pl-20 , .item-button span { padding-left:0; }
.pr-30 , .pr-20 , .pr-5 { padding-right:0; }
.for-tooltip { padding-right:20px; }

.input-name { float:left; width:100%; padding-bottom:10px; position:static; }
.item-wrap { margin-bottom:10px; }
.item-67 , .item-50 , .item-47 , .item-33 , .item-25 { width:100%; margin-bottom:10px; }

.type-of-tuning { padding:19px; }

.history-item-head { display:none; }
	.history-item { padding:15px; }
		.history-item div { width:100% !important; padding:0; border-right:0; text-align:left; white-space:normal; font-weight:700; }
		.history-item div::before { float:left; width:80px; color:#999; font-weight:400; }
		.history-item .h-id::before { content:"ID : "; }
		.history-item .h-created::before { content:"Created : "; }
		.history-item .h-vehicle::before { content:"Vehicle : "; }
		.history-item .h-status::before { content:"Status : "; }
		.history-item .h-download {  }
		
.how-to-wrapper ol li { padding:50px 0 !important; background:none !important; box-shadow:inset 0 2px 0 #01A749; }
.howto-number { top:-30px; left:50% !important; }
.howto-content-box { padding-top:0; }
	.howto-content-box h2 { width:100%; padding:0 0 10px 0; text-align:left; }
	.howto-content-box p { width:100%; padding:0 0 10px 0; text-align:left; }

.home-block { width:100%; padding:0; }
.home-block:last-child { margin-top:20px; }
.bluebox { padding:20px 0; }

.hero-wrap .wrap { padding:0; }
.slider-hero { padding-top:50px; }
	.slider-title { bottom:-50px; }
	.slider-title-wrap strong { font-size:24px; line-height:26px; }

.footer { padding-left:0; }
	.footer > img { float:left; margin-bottom:20px; position:static; }
	.footer .copyright { float:left; width:100%; padding-top:20px; position:static; }

.blog-item { padding:14px 14px 0 14px; }


	.err404-info{
		width: 100% !important;
	}
	.err404-image{
		width: 100% !important;
		padding: 0;
	}

}





@media only screen and (max-width:640px) {

.history-detail-text { margin:-10px 0 5px 0; }
	.history-detail-text section { width:100%; padding:10px 0; border-bottom:1px solid rgba(0, 0, 0, 0.1); }

.accordion-block li strong { width:100%; }
	.accordion-block li.active strong::after { top:auto; bottom:0; left:15px; right:0; width:70px; height:3px; background-color:#FFF; }
.accordion-block li section { float:left; width:100%; padding:10px 0 0 0; position:static; }

.video-block { height:300px; }
.payment-list , .billing { margin-bottom:20px; }
.billing , .your-order { width:100%; height:auto; }
	.billing section , .your-order section { padding:14px; }
.payment-method { margin-top:20px; }
	.payment-method li img { height:40px; }

.box-header { padding:14px; }

	.payment-method li{
		width: 50%;
		margin: 0 0 20px 0;
	}

	.product-items .item .product-image{
		width: 90%;
		float:none;
		margin: 0 auto 20px auto;
	}

	.product-items .item .product-info-block{
		width: 100%;
		float: none;
	}
	.product-items .item .product-detailed-info{
		width: 60%;
		float:right;
	}
	.product-items .item .product-detailed-info span,
	.product-items .item .product-detailed-info strong{
		text-align: right;
	}
}



@media only screen and (max-width:480px) {

.top-bar { text-align:center; }
	.top-login { float:none; display:inline-block; margin:0 0 10px 0; }
		.top-login-menu { left:50%; margin-left:-140px; }
	.top-language { width:100%; }
		.top-language span { width:100%; margin-bottom:5px; }
		.top-language ul { float:none; display:inline-block; }
			.top-language li { margin:0 3px; }
				.top-language li img { opacity:1; }
				
.slick-prev , .slick-next { background-size:auto 24px; }

.item-button { height:auto; padding-right:0; }
	.item-button span { float:left; width:100%; margin-bottom:15px; }
	.item-button button { float:left; position:relative; width:100%; text-align:left; }
	
.history-detail-message .button-upload { width:100%; margin:0 0 15px 0; }
.history-detail-message .button { width:100%; }

.slider-title-wrap strong { font-size:19px; line-height:20px; }

.home-tab li a { padding:20px 0; }
	.home-tab li a strong span { font-size:10px; }

.tuning-choose { padding-left:0; }
	.tuning-choose > strong { float:left; width:100%; padding-bottom:10px; position:static; }
	.tuning-choose > section span { float:left; width:50%; padding:0 10px 10px 0; }

.contact-form-left , .contact-form-right { width:100%; }
.contact-form-right { padding:20px 0 0 0; }
	.contact-form-left section { margin-bottom:15px; }
		.contact-form-left section strong { width:100%; padding-bottom:5px; line-height:20px; }
		.contact-form-left section .input { width:100%; }


	.invoice-info { float:left; width:100%; margin: 0 0 20px 0; height:230px; border:1px solid #CECECE; background-color:#FFF; }

.payment-list li { padding:9px 14px; }
	.payment-list li:first-child { display:none; }
		.payment-list li span { width:100%; }
			.payment-list li span::before { content: attr(data-title); float:left; width:85px; color:#999; font-weight:600; }
		.payment-list li i { width:100%; padding:5px 0; }
			.payment-list li i::before { content: attr(data-title); float:left; width:85px; color:#999; font-weight:600; }
		.payment-list li section { width:100%; }

.vehicle-info div { height:auto; padding-left:0; text-align:center; }
	.vehicle-info div section { float:left; width:100%; }
		.vehicle-info div section img  { position:static; max-width:100%; height:80px; padding:0; display:inline-block; }
		.vehicle-info div section strong { float:left; width:100%; padding:15px 0 20px 0; font-size:22px; line-height:24px; }

	.vehicle-info a { height:70px; padding:10px 0 0 67px; }
		.vehicle-info a::before { left:15px; margin-top:-20px; width:40px; height:40px; background-size:auto 20px; }
		.vehicle-info a:hover::before { margin-top:-20px; }
		.vehicle-info a > strong { padding-right:20px; margin-right:20px; }

.stats-block { width:100%; margin-bottom:10px; }
	.stats-cell { height:auto; padding:15px; }

.vehicle-details .navy-title , .vehicle-request .navy-title { padding-left:20px; }
.vehicle-details li { padding:5px 20px; }
	.vehicle-details li strong , .vehicle-details li span { width:100%; }

.vehicle-request section { padding-left:0; }
	.vehicle-request section .input , .vehicle-request section .button { width:100%; }
	.vehicle-request section .button { margin-top:15px; }
	.vehicle-request section > .options { float:left; width:100%; margin-bottom:15px; position:static; }
		.vehicle-request section > .options label { width:50%; }

.footer-logos li { width:50%; }
.footer-links ul { width:100%; border-top:1px solid #EEE; }
	.footer-links li { width:100%; padding-left:0; border-bottom:1px solid #EEE; }
		.footer-links li a { width:100%; line-height:40px; }

.container { height:auto !important; }
.item { width:100%; position:static !important; }

}



@media only screen and (max-width:360px) {

.wrap { padding:0 15px; }
#header { margin-bottom:15px; }
.to-header { margin-top:-15px; }
.panel-form , .panel-history , .panel-right , .type-of-tuning , .history-detail { padding:14px; }
.history-item div::before { width:100%; margin-bottom:-3px; font-size:13px; }
.video-block { height:240px; }
.home-tab li a img { height:32px; }
.contact-info section span { width:100%; }
.vehicle-wrap { padding:15px; }
.vehicle-info a > strong { padding-right:15px; margin-right:15px; font-size:17px; }
.vehicle-info a > i {  }

}



/* iCheck plugin Minimal skin, pink
----------------------------------- */
.icheckbox_minimal-pink,
.iradio_minimal-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin:-3px 2px 0 0;
    padding:0;
    width: 18px;
    height: 18px;
    background: url(pink.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-pink {
    background-position: 0 0;
}
    .icheckbox_minimal-pink.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal-pink.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal-pink.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal-pink.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-pink {
    background-position: -100px 0;
}
    .iradio_minimal-pink.hover {
        background-position: -120px 0;
    }
    .iradio_minimal-pink.checked {
        background-position: -140px 0;
    }
    .iradio_minimal-pink.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal-pink.checked.disabled {
        background-position: -180px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_minimal-pink,
    .iradio_minimal-pink {
        background-image: url(pink@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}


.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}






.login-form {
	margin: 100px auto;
	max-width: 400px;
}

form[role=login] {
	font: 16px/1.8em Lato, serif;
	background: #0244AF;
	padding: 30px 26px;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
form[role=login] > img {
	display: block;
	margin-bottom: 2em;
}
form[role=login] .form-control,
form[role=login] button {
	font-size: 18px;
	margin: 16px 0;
}

.form-links {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 50px;
}


.reference{
	border: solid 1px #0244AF;
	margin-bottom: 30px;
	padding: 0 0 0 100px;
	box-sizing: border-box;
	position: relative;
	height: 120px;
}
.reference>.img{
	width: 120px;
	height: 120px;
	line-height: 120px;
	position: absolute;
	top: 0;
	left: 0;
}
.reference>.img>img{
	max-width: 110px;
	max-height: 110px;
}
.reference>.carInfo{
	padding: 20px 7px;
}
.reference>.carInfo .car{
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
}
.reference>.carInfo .location{
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 11px;
	font-weight: bold;
}
.error {
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 1.1;
	color: #FA1525;
}