/*
     FILE ARCHIVED ON 7:03:23 дек 19, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:41:08 окт 27, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
html{
}
* {
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	background-color: #fff;
	color:#000;
	-webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
input:focus{
	outline: none;
}



.title  img{
	margin-top:14px;

}
.title h2{
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	font-size:30px;
}
.download_price{
	float: left;
	position: relative;
	width: 320px;
	height: 38px;
	border-radius:2px;
	border:1px solid #1d6dd0;
	padding: 13px 19px;
	color:#247dc9;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.download_price:hover{
	background-color: #1d6dd0;
	color:#fff;
}
.download_price img{
	float:left;
	position: relative;
}
.download_price h4{
	float:left;
	position:relative;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;

	font-size: 17px;
	margin-left:20px;
}
.download_price p{
	width:70%;
	float:left;
	position:relative;
	color:#b8b8b8;
	text-decoration: none;
	margin-left:20px;
}
header{
	position:relative;
	width:100%;
	height:54px;
	background-image: url(/images/top_menu.png);
	z-index:100;
}
    #menu {
        text-transform: uppercase;
        text-align: center;
		z-index:9999;
		background-image: url(/images/top_menu.png);
        height:54px;

    }
    .default {
    	background-image: url(/images/top_menu.png1);
    }
    .fixed {
        position:fixed;
        width:100%;
        height:54px;
        background-image: url(/images/top_menu.png1);
        z-index:9999;
    }
    .transbg {
        background-image: url(/images/top_menu.png1);
        	z-index:9999;
    }


header ul#top_menu{
	z-index:9999;

}
header ul#top_menu2{
	z-index:9999;

}
header  li{
	padding-left:15px;
	//float: left;
	//position: relative;
}
header  li a{
	//float:left;
	//position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 17px;
	cursor: pointer;
	text-decoration: none;
	color:#fff;

}
header  li span{
	//float:left;
	//position: relative;
	margin-left:15px;
}
header   li .current{
	border-bottom:2px solid #88291b;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.slider{
	float:left;
	position: relative;
	width:100%;
	height: 569px;
	z-index:2;
	overflow: hidden;
}
.slider .left{
	float:left;
	position: relative;
	width:525px;
}
.slider .left span{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size:25px;
	/*margin-top:60px;*/
	color:#fff;
	float:left;
	position: relative;
}
.slider .left p{
	font-family: 'Roboto', sans-serif;
	font-weight: 600;


	font-size:21px;
	float:left;
	position: relative;
}
.slider .left > a{
		font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color:#fff;
	margin-top:8px;

	font-size:16px;
	float:left;
	position: relative;
}
.slider .left > ul.slider_info{
	float:left;
	position: relative;
	color:#fff;
	margin-left: 20px;
	width:100%;
}
.slider .left ul.slider_info li{
	width:100%;
	float:left;
	position: relative;
	margin-top:33px;
}
.slider  .buttons{
	margin-top: 23px;
	float: left;
	position: relative;
}
.slider .left .buttons p{
	float:left;
	position: relative;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size:16px;
	margin-left: 5px;
	margin-top:15px;

}
.slider .left .buttons a{
	float:left;
	position: relative;
	width:235px;
	height: 52px;
	background-color: transparent;
	color:#fff;
	border-radius: 2px;
	border:1px solid #fff;
	text-decoration: none;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size:21px;

	text-align: center;
	line-height: 52px;
	margin-left: 5px;
		-webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}
.slider .left .buttons a:hover{
	color: #7c63cb;
	border: 1px solid #7c63cb;

}
.carousel-item .right{
	color:#19526f;
}
.slider .right > a{
	font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #19526f;
margin-top: 8px;
font-size: 16px;

}
.slider_bg .arrow{
/*	width:25px;
	height:41px;
	position:relative;
	margin-top:236px;
	border:0px;
	background-color: transparent;
	cursor: pointer;*/
}
	.slides {
		height: 100%;
		list-style: none;
		/* Simple clear fix */
		overflow: hidden;

		/**
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}

		.slide {
			height: 100%;
			clear: none;
			/*background-color:#000;*/
		}


	.slider-arrows {}

		.slider-arrow {

			width:25px;
			height:41px;
			position: absolute;
			display: block;
			/*margin-bottom: -20px;
			padding: 20px;*/
		}

			.slider-arrow--right { bottom: 321px; right: 5%;}
			.slider-arrow--left:hover{background-position: 0px -41px;}
			.slider-arrow--right:hover{background-position: 0px -41px;}
			.slider-arrow--left { bottom:321px; left: 5%;}


	.slider-nav {
		position: absolute;
		bottom: 0px;
		height:40px;
		background-image: url(http://bridgestone.cbc-group.kz/img/slider/page.png);
		border-radius: 5px 5px 0px 0px;
/* width: 200px; */
padding-left: 10px;
padding-right: 10px;
	}

		.slider-nav__item {
			width: 20px;
			height: 20px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background-color:#bbbbbd;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			margin-top:10px;

		}

				.slider-nav__item:hover { background: #e3361d; }
				.slider-nav__item--current { background: #e3361d; }
							.box {
				width: 100%;
				height: 100%;
					background-position:center center;
	background-repeat:no-repeat;
	background-color: transparent;

			}
.about-m{
    background-color: #eceff3;
    background-image: url(/images/about_bg.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 2px solid #c7c7c7;
}
@media (max-width: 1220px) {
    .about-m{
        background-image: none;
    }
}
.zakaz_bg{
	float:left;
	position: relative;
	width:100%;
	height: 100%;
	background-image: url(http://bridgestone.cbc-group.kz/img/zakaz_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
}
 ul.left_menu{
 	position: relative;
 	list-style: none;
 	width:266px;
 	margin-top:48px;
 	padding-bottom: 50px;
 }
  ul.left_menu > li{
	float: left;
	position: relative;
	padding-left: 16px;
	padding-right: 16px;
	background-color: transparent;
	border-radius: 2px;
	border: 1px solid #19526f;
	width: 211px;
	cursor: pointer;
	height: 43px;
	line-height: 45px;
	margin-top:2px;
	color:#464646;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
  }

@media (max-width: 1220px) {
    ul.left_menu{
        width:100%;
    }
    ul.left_menu > li{
        width: 100%;
    }
}



    ul.left_menu > li:hover{
  	color:#fff;
  	background-color: #e3361d;
  	border: 1px solid #e3361d;
    }
  ul.left_menu .current{
  	color:#fff;
  	background-color: #e3361d;
  	border: 1px solid #e3361d;
  }
  ul.left_menu li > a{
  	float:left;
  	position: relative;
	font-size: 18px;
	width:88%;
  }
    ul.left_menu li > p{
    	float:right;
    	position: relative;
    		font-family: 'Roboto', sans-serif;
	font-weight: 800;
	font-size: 30px;


    }
ul.left_menu ul.sub_menu{
	float:left;
	position: relative;
	list-style: none;
margin-left: 18px;
margin-top: 5px;
padding-bottom: 21px;
	width:90%;
}
ul.left_menu ul.sub_menu > li{
		width:90%;
	position: relative;
	color:#478bb2;

	margin-top:3px;
	cursor: pointer;
	line-height: 23px;
}
ul.left_menu ul.sub_menu .current2{
	color: #19526f;
		border-bottom:1px solid #19526f;
}
ul.left_menu ul.sub_menu .current3{
	color: #19526f;
		border-bottom:1px solid #19526f;
}
ul.left_menu ul.sub_menu li > a{
	    	float:left;
    	position: relative;
    		font-family: 'Roboto', sans-serif;
	font-weight: 400;
	border-bottom:1px dashed  #478bb2;
	font-size: 14px;
}
ul.left_menu ul.sub_menu li > p{
    	float:right;
    	position: relative;
    		font-family: 'Roboto', sans-serif;
	font-weight: 800;
	font-size: 30px;

}
.info_blog{
	float:left;
	position: relative;
}
.info_blog > h2{
	width: 100%;
	color:#19526f;
	float:left;
	position: relative;
	margin-top: 31px;
font-size: 19px;
}
.info_blog > span{
	float:left;
	position: relative;
	color:#fff;
	width:128px;
	font-size:18px;
	margin-top:25px;
}




.info_blog ul.oil_list{
	list-style: none;
	display: inline;
}
.info_blog ul.oil_list li{
	float:left;
	position: relative;
	padding-right:10px;
	padding-bottom: 10px;
}
.info_blog ul.oil_list li a{
	float:left;
	position: relative;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	border-radius:2px;
	border:1px solid #19526f;
	color:#19526f;
	font-size:13px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.info_blog ul.oil_list li a:hover{
	background-color: #19526f;
	color:#fff;
}
.info_blog ul.oil_list li .current{
	background-color: #19526f;
	color:#fff;
}
.info_blog .content{
	width:100%;
	float:left;
	position: relative;
	margin-top:15px;
	padding-bottom: 42px;
}
.info_blog .content .foto{
	float:left;
	position: relative;
	width:188px;
	/*margin-top: 35px;*/
	/*padding-right:25px;*/
	padding-bottom:10px;
	text-align: center;
	background-image: url(http://bridgestone.cbc-group.kz/img/scale.png);
	background-repeat: no-repeat;
	/*background-position: right bottom;*/
	cursor: pointer;
}
.info_blog .content .foto ul{
	width:195px;
	float:left;
	position: relative;
	list-style: none;
	margin-left:-20px;
display: inline;
}
.info_blog .content .foto ul li{
	float:left;
	position: relative;
	width:40px;
	height:40px;
	border:2px solid #d5d5d5;
	margin-left:20px;
	cursor: pointer;
	margin-top:10px;
}
.info_blog .content .foto ul > .current{
	border:2px solid #eb443d;
}
.info_blog .content > h3{
		width:483px;
	float:left;
	position: relative;
}
.info_blog .content > a{
	width:483px;
	margin-top: 15px;
	font-size: 13px;
	color:#19526f;
}
.zim{
	float:left;
	position: relative;
	height: auto;
	width:100%;
	background-image: url(/images/zim_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-top: 2px solid #c7c7c7;
	border-bottom: 2px solid #c7c7c7;
	background-color: #eceff3;
}
.product2_bg ul.left_menu > li{
border: 1px solid #ffb728;
	color: #ffb728;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product2_bg ul.left_menu > li:hover{
	background-color: #ffb728;
	color:#fff;
}
.product2_bg ul.left_menu ul.sub_menu > li{
	color:#2890cc;
}
.product2_bg ul.left_menu ul.sub_menu > .current2{
	color: #19526f;
		border-bottom:1px solid #19526f;
}

.product2_bg .info_blog span{
	color: #474747;

}
.product2_bg .info_blog ul.oil2_list li{
	padding-bottom: 10px;
}
.product2_bg .info_blog ul.oil2_list li .current{
	background-color: #ffb728;
	color:#fff;
}
.product2_bg .info_blog ul.oil2_list li a{
	border: 1px solid #ffb728;
	color: #ffb728;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product2_bg .info_blog ul.oil2_list li a:hover{
	background-color: #ffb728;
	color:#fff;
}
.product2_bg .info_blog > .pdf{
	color:#2890cc;
}
.trust_bg{
	float:left;
	position: relative;
	width:100%;
	height:265px;
	background-image: url(http://bridgestone.cbc-group.kz/img/trust_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top:-7px;
	z-index:3;
}
.trust_bg ul.trust{
	float:left;
	position: relative;
	width:1014px;
	height: 94px;
	display: inline;
	list-style: none;
	border-radius: 2px;
	border:3px solid #f8f7f3;
	background-color: #fff;
	margin-top:37px;
}
.trust_bg ul.trust li{
	float: left;
	position: relative;
	margin-top: 15px;
	margin-left: 50px;
}
.trust_bg ul.trust li > a {
	width: 70px;
	height: 70px;
	overflow: hidden;
	cursor: pointer;
	float:left;
	position: relative;
}
.product_write{
	float: left;
	position: relative;
	width:100%;
	height: 499px;
	background-color: #eceff3;
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom:2px solid #c7c7c7;
	border-top:2px solid #c7c7c7;
}
.product_write .input_blog{
	width:356px;
	float:left;
	position: relative;
	margin-left:333px;
	margin-top:45px;
}
.product_write .input_blog h5{
	text-align: center;
	font-size: 19px;
}
.product_write .input_blog input[type="text"]{
	float:left;
	position: relative;
	width: 100%;
	height: 55px;
	border-radius: 2px;
	color:#19526f;
	border:1px solid #19526f;
	background-color: rgba(255,255,255,0.6);
	padding:11px 19px;
	margin-top:15px;
}
.product_write .input_blog input[type="text"]:focus{
	color:#000;
}

.product_write .input_blog input[type="submit"]{
	float: left;
	position: relative;
	width: 100%;
	margin-top:15px;
	height: 55px;
	background-color: #ed4128;
	color: #fff;
	border-radius: 2px;
	border: 0px;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-align: center;
	line-height: 52px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom: 4px solid #db351d;
}
.product_write .input_blog input[type="submit"]:hover{
	background-color: #db351d;
}
footer span{
	font-size: 19px;
}
ul.dow{
	width:100%;
	float:left;
	position: relative;
	display: inline;
	list-style: none;
}
ul.dow li{
	float:left;
	position: relative;
	padding-right: 22px;
}
ul.dow li p{
	width: auto;
	float:left;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #2890cc;
	color: #2890cc;
}
.info_blog ul.oil2_list{
	float:left;
	position: relative;
	margin-top: 15px;
	position: relative;
	width: 500px;
	list-style: none;
	display: inline;
}
.info_blog ul.oil2_list li{
	float:left;
	position: relative;
	margin-left:17px;
}
.info_blog ul.oil2_list li a{
	float:left;
	position: relative;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:16px;
	padding-right:16px;
	color:#fff;
	border-radius:2px;
	border:1px solid #fff;
	color:#fff;

	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info_blog ul.oil2_list li a:hover{
	background-color: #fff;
	color:#ffb728;
}
.info_blog ul.oil2_list li .current{
	background-color: #fff;
	color:#ffb728;
}


.b-balloon-body_type_masstransit .b-balloon-body__bullet {
font-size:125%;
display:inline-block;
width:18px;
}

.b-balloon-body_type_masstransit .b-balloon-body__timetable-title {
font:85% Verdana,sans-serif;
margin-bottom:.5em;
}

.b-balloon-body_type_masstransit .b-balloon-body__transport-type {
display:inline-block;
width:7em;
}

.b-balloon-body_type_masstransit .b-balloon-body__departure-time {
font-weight:700;
display:inline-block;
width:3em;
}

.b-icon {
font:0/0 a;
border:0;
}

.b-link_ico_left {
padding-left:23px;
}

.b-link_ico_left .b-icon {
width:16px;
height:16px;
margin:-4px 7px -4px -23px;
}

.b-balloon-foot {
max-width:400px;
margin-top:.5em;
}

.b-menu__title {
font-size:100%;
font-weight:700;
margin:0;
padding:0;
}

.b-menu_layout_horiz-complex .b-menu__layout {
font-size:100%;
border-collapse:collapse;
padding:0;
}
#modal_form {
width: 729px;
/*height: 852px;*/
	border-radius: 5px;
	border: 1px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -350px;
	margin-left: -350px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 20px;
}
#modal_form h2{
	float: left;
	position: relative;
	width:100%;
	text-align: center;
	padding-bottom:15px;
}
/* Кнопка закрыть для тех кто в танке) */
.closeForm {
	width: 34px;
	height: 34px;
	background-image: url(http://bridgestone.cbc-group.kz/img/close.png);
	position: absolute;
	top: -17px;
	right: -17px;
	cursor: pointer;
	display: block;
}
#modal_form #modal_close {
	width: 34px;
	height: 34px;
	background-image: url(http://bridgestone.cbc-group.kz/img/close.png);
	position: absolute;
	top: -17px;
	right: -17px;
	cursor: pointer;
	display: block;
}
#modal_form table{
	float:left;
	position: relative;
	margin-top:15px;

}
#modal_form table p{
	float:left;
	position: relative;
	width:504px;
		padding:5px;

}
#modal_form table a{
	width:200px;
	padding:5px;
	float: left;
	position: relative;
	text-align: center;
	color: #abcae5;
	cursor: pointer;
}
#modal_form table a:hover{
	color:#3c89cb;
}
#modal_form table tr td{
	background-color: #f5f6fa;

}
.blur{
	  -webkit-filter: blur(5px);
	  -moz-filter: blur(5px);
	  -o-filter: blur(5px);
	  -ms-filter: blur(5px);
	  filter: blur(5px);
}
table tr th{
	text-align: left;
}
.tire_desc p, .tire_size p, .tire_char p {
    margin: 0 0 18px;
}
.tire_desc h3, .tire_size h3, .tire_char h3{
    font-size: 100%;
    line-height: 100%;
    margin: 0 0 10px;
    padding: 0 10px 7px;
}
.tire_desc h2, .tire_char h2, .tire_size h2 {
    font-size: 108.3%;
    line-height: 100%;
    margin: 0 0 15px;
    padding: 12px 8px;

}