body, html{width:100%; min-width:1200px; height:auto; min-height:100%; font-size:16px; font-family: 'PT Sans', arial; color:#000; background:#FFF;}

*{padding:0px; margin:0px;}
.lcol, .left{float:left;}
.rcol, .right{float:right;}
.clr{clear:both;}
.acb:after{display:block; height:0px; width:100%; clear:both; content:" ";}
.dtc{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.tar{text-align:right;}
.tac{text-align:center;}
/* transition: all .2s ease-in-out; */
.wrap{width:1100px; margin:0px auto; position:relative;}
.wrap:after{display:block; height:0px; width:100%; clear:both; content:" ";}

.maintext{padding:15px; width:calc(1100px - 30px); margin:20px auto;}
	.maintext p{padding:3px;}
	.maintext ul{padding:5px 5px 5px 45px;}
	
.cities{width:100%;background: url("../images/b1.png")no-repeat center center;}
	.cities .black{padding: 60px;color:#FFF;font-size:40px;text-align:center;background: rgba(0, 0, 0, 0.6);text-transform: uppercase;}
		.cities .black span{color:#ffbe00;}


.topLine{background:#FFF;}
	.topLine ul{font-size:0px; text-align:right; width:100%;}
		.topLine ul li{display:inline-block; position:relative; margin:0px 30px;}				
			.topLine ul li a{display:block; font-size:12px; color:#000; padding:15px 10px 15px 10px; text-decoration:none; transition: all .2s ease-in-out;}
			.topLine ul li a:hover{color:#DE4637;}
			.topLine ul li::after{content:""; display:inline-block; width:1px; height:10px; background:#999999; position:absolute; right:-32px; top:18px;}
			.topLine ul li:nth-last-child(1)::after{display:none;}
	.topLine .searchBox{position:absolute; right:0px; top:9px; width:260px; height:25px; box-shadow:0px 0px 2px rgba(0,0,0,0.65)}
		.topLine .searchBox input[type="text"]{display:block; border:none; padding:5px 10px; width:240px; height:15px; background:#FFF;}

.header{width:100%; background:#FFF; padding:0px 0px;}
		.header .logo{width:300px; height:100px; display:block; margin:20px 0px; float:left;}
				.header .logo img{display:block; width:100%;}
		.header .box{float:right; margin-top:20px; padding-left:40px;}
		.header .box.loc{background:url("https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/location-32.png")no-repeat left 50%;}
		/*.header .box.tel{background:url("https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/phone1-32.png")no-repeat left 50%;}*/
					.header .box .dtc{width: 308px;height:100px;}
				.header .box span{font-size:15px; display:block;padding-bottom:5px;}
				.header .box b{font-size: 16px;display:block;color: #000000;font-weight: bold;}
				.header .box .dtc > a{font-size:14px; display:inline-block; color:#333; margin-top:4px;}


.menu{width:100%; height:50px; background:#2884B5;}
		.menu ul{width:100%; text-align:center; list-style:none; font-size:0px;}
				.menu ul li{display:inline-block; position:relative;}
						.menu ul li:after{display:block; content:""; width:1px; height:40%; position:absolute; right:0px; top:30%; background:#FFF; opacity:0.6;}
						.menu ul li:nth-last-child(1):after{display:none;}
.menu ul li a{display:block; padding:14px 18px 13px 18px; color:#FFF; font-size:16px; text-transform:uppercase; text-decoration:none; transition: all .1s ease-in-out;}
						.menu ul li a:hover{color:#FFF; background:#333;}

.banner{width:100%; height:auto; position:relative; box-shadow:0px 0px 2px rgba(0,0,0,0.45);}
.banner#b1{background:url("../images/banner1.jpg")no-repeat center center / cover;}
.banner#b2{background:#FFF url("../images/karta.png")no-repeat center center / auto 100%;}
.banner#b2:after, .banner#b3:after{display:none;}
.banner#b2 .text, .banner#b3 .text{opacity:0;}
.banner#b3{background:#FFF url("../images/banner3.jpg")no-repeat center center;}
	.banner:after{content:""; display:block; position:absolute; top:0px; left:0px; background:#000; opacity:0.4; width:100%; height:100%; z-index:2;}
	.banner .wrap{z-index:3;}
	.banner .text{width:600px;padding:50px 0px; color:#FFF;font-size: 22px;text-shadow:0px 0px 1px rgba(0,0,0,0.45); float:left; min-height:240px; margin-top:35px;}
		.banner .text span{display:block;font-size: 25px;color:#FFF;padding:10px 0px;}
		.banner .text a{display:inline-block; color:#000; background:#EFAD00; padding:10px 35px; margin-top:25px; text-decoration:none; font-size:20px; border:2px solid #EFAD00; transition: all .1s ease-in-out;}
		.banner .text a:hover{background:#4C0000; color:#FFF;}
	.banner .img{float:right; padding:50px 0px; width:500px;}
		.banner .img img{display:block;width: 400px;margin-left: 100px; margin-top:24px;}

.banners{border-bottom:4px solid #FFF200; width:100%; height:350px; padding:15px 0px; background:#FFF url("https://girotrand.ru/uploads/banner4.jpg")no-repeat center center;}

.site{width:100%; min-height:600px; padding:25px 0px;}
	.item{position:relative; width:calc(25% - 30px); background:#FFF; margin:10px; padding:5px; float:left; outline:0px solid #696969; box-shadow:0px 0px 0px rgba(0, 0, 0, 0);; transition: all .1s ease-in-out; text-decoration:none;}
	.item:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.45);}
		.item .img{width:100%; height:250px; overflow:hidden; background:no-repeat center center / contain;}
			.item .img img{display:none;}
		.item .name{font-size:17px; color:#333; height:30px; overflow:hidden; text-align:center; padding:10px 5px; clear:both;}
		.item .price{float:left; width:50%; text-align:left; font-size:22px; font-weight:bold; text-align:center; padding-top:4px; color:#000;}
			.item .price:after{font-size:16px; content:" руб.";}
		.item .buy{float:left; display:block; width:50%; padding:7px 0px 5px 0px; color:#000; text-align:center; text-decoration:none; background:#EFAD00; text-transform:uppercase; transition: all .1s ease-in-out;}
		.item .buy:hover{background:#333; color:#FFF;}
	.item[price="14470"]:after{position:absolute;left: 39px;top: 16px;content:"+ Приложение TaoTao";color: #5ea2e8;font-size: 16px;font-weight: bold;}


.topItemaTab{width:100%; border:none;}
.topItemaTab tr:nth-child(1) td{width:25%; text-align:center; font-size:18px; color:#FF0000; font-weight:bold;}
.topItemaTab tr:nth-child(2) td{padding: 0px 45px; font-weight: bold;}
.topItemaTab tr:nth-child(2) span[c="b"]{display:block; color:#5EA2E8;}
.topItemaTab tr:nth-child(2) span[c="r"]{display:block; color:#EE2032;}
	
	.topitem{width:calc(25% - 30px); background:#FFF; margin:10px; padding:5px; float:left; outline:0px solid #696969; box-shadow:0px 0px 0px rgba(0, 0, 0, 0);; transition: all .1s ease-in-out; text-decoration:none;}
	.topitem:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.45);}
		.topitem .img{width:100%; height:250px; overflow:hidden; background:no-repeat center center / 100% auto;}
			.topitem .img img{display:none;}
		.topitem .name{font-size:17px; color:#333; height:30px; overflow:hidden; text-align:center; padding:10px 5px; clear:both;}
		.topitem .price{float:left; width:50%; text-align:left; font-size:22px; font-weight:bold; text-align:center; padding-top:4px; color:#000;}
			.topitem .price:after{font-size:16px; content:" руб.";}
		.topitem .buy{float:left; display:block; width:50%; padding:7px 0px 5px 0px; color:#000; text-align:center; text-decoration:none; background:#EFAD00; text-transform:uppercase; transition: all .1s ease-in-out;}
		.topitem .buy:hover{background:#333; color:#FFF;}

.fullitem{padding:10px;}
	.fullitem .name{font-size:24px; color:#000; padding:5px 0px; border-bottom:3px solid #2884B5;}
	.fullitem .name:first-letter{text-transform:uppercase;}
	.fullitem .left{margin:10px 0px;}
		.fullitem .left .video{width:350px; padding:10px; margin:10px 0px;}
		.fullitem .left .video iframe{width:350px; height:200px; display:block;}
		.fullitem .left .img{font-size:0px; width:350px; height:auto; padding:10px; background:#FFF; box-shadow:0px 0px 2px rgba(0,0,0,0.25);}
			.fullitem .left .img a.highslide{display:inline-block; width:calc(100% / 3); height:75px; overflow:hidden;}
			.fullitem .left .img a.highslide:nth-child(1){width:100%; height:auto;}
				.fullitem .left .img a.highslide img{display:block; width:100%;}
	.fullitem .right{width:calc(100% - 420px); float:right; color:#000; font-size:17px; padding:10px}
		.fullitem .right .top{padding:25px 100px; border-bottom:2px dashed #BA000C;}
			.fullitem .right .top .price{margin:10px 0px; font-size:38px; padding:5px; font-weight:100; text-align:left; color:#000; float:left;}
				.fullitem .right .top .price .cena{font-size:20px;text-transform:uppercase; text-align:center; color:#2884B5; display:inline-block;}
				.fullitem .right .top .price img{height: 16px; position: relative; top: 1px;}
			.fullitem .right .top .buy{float:right; width:200px; margin:10px auto; cursor:pointer; background:#EFAD00; color:#FFF; text-transform:uppercase; font-size:26px; padding:7px 10px; text-align:center; transition: all .3s ease-in-out;}
			.fullitem .right .top .buy:hover{background:#000;}
		.fullitem .right .full{padding:25px;}
			.fullitem .right .full img{display:none;}
		.fullitem .right ul, .fullitem .right ol{padding:5px 10px 5px 35px;}
		.fullitem .right p{padding-bottom:15px;}
		.fullitem .right .dost{padding:25px 25px 10px 25px; border-top:2px dashed #BA000C; font-size:15px;}
				.fullitem .right .dost b{display:block;}
		.fullitem .right .notFound{padding:25px 25px; border-top:2px dashed #BA000C;}
			.fullitem .right .notFound b{font-size:22px; display:block;padding-bottom:4px;}
			.fullitem .right .notFound ul{margin-top:15px; color:#2884B5; list-style:none; padding-left:40px; background:url("https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/phone1-32.png")no-repeat left 50%;}
					.fullitem .right .notFound ul li{font-size:20px; padding:2px;}

	.static{width:100%; height:auto; margin-bottom:35px;}
			.static .name{font-size:24px; text-transform:uppercase; padding:5px 15px; border-left:4px solid #2884B5; color:#DE4637; background:#e6e6e6; /*box-shadow:0px 0px 2px rgba(0,0,0,0.35)inset;*/}
					.static .name a{color:#DE4637; text-decoration:none;}
			.static .cont{font-size:16px; padding:15px;}
					.static .cont a{color:#000;}
					.static .cont ul, .static .cont ol{padding:5px 10px 5px0px 5px 35px;}
			.static .full{width:100%; text-align:right;}
			.static .full a{display:inline-block; background:#DE4637; color:#FFF; font-size:16px; text-transform:uppercase; padding:8px 16px 6px 16px; text-decoration:none;}
	
	.pagenav{width:100%; margin:15px 0px;}
		.pagenav *{display:inline-block; margin:0px 5px 0px 0px; font-size:15px; color:#FFF; text-decoration:none; background:#333; padding:5px 10px;}
		.pagenav span{background:#DE4637; transform:scale(1.2);}

.footer{width:100%; min-height:250px; background:#2884B5;}
		.footer .coll{width:auto; display:block; float:left; margin:25px 0px;}
				.footer .coll > .name{font-size:18px; color:#FFF; text-transform:uppercase; padding:5px 0px; border-bottom:2px solid #FFF; margin:5px 0px;}
		
		.footer .logotype{width:350px; margin-right:100px;}
				.footer .logotype a{display:block; width:350px; height:auto; margin-top:45px;}
						.footer .logotype a img{display:block; width:350px; height:auto;}

		.footer .nav{width:310px; margin-right:50px;}
				.footer .nav ul{padding:5px 5px; list-style:none;}
						.footer .nav ul li{padding:5px; color:#FFF; font-size:19px;}
								.footer .nav ul li a{color:#FFF; text-decoration:none; border-left:4px solid #FFF; padding-left:10px; transition: all .1s ease-in-out;}
								.footer .nav ul li a:hover{border-color:#333; color:#333;}

		.footer .contact{width:220px; margin-right:100px;}
				.footer .contact span{display:block; font-size:15px; color:#FFF; margin-top:10px;}
				.footer .contact b{display:block; font-size:17px; color:#FFF; margin-top:5px; padding-left:10px;}

		.footer .social{width:252px; font-size:0px;}
				.footer .soc{width:252px;}
						.footer .soc a{width:60px; height:60px; display:inline-block; margin:10px; overflow:hidden; border:2px solid #FFF; border-radius:50%; box-shadow:0px 0px 3px rgba(0,0,0,0.45); transition: all .4s ease-in-out;}
						.footer .soc a:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.45); transform:rotate(359deg);}
								.footer .soc a img{width:100%; height:100%;}

.copyright{width:100%; background:#EFAD00; color:#000; text-align:center; font-size:13px; padding:5px 0px; line-height:20px;}

.floatul{width:100%; margin:15px 0px;}
.floatul:after{display:block; clear:both; content:" "; width:100%; height:0px;}
.floatul li{float:left; width:calc(100% / 4)}

.menu ul li a{display:block; padding:14px 18px 13px 18px; color:#FFF; font-size:16px; text-transform:uppercase; text-decoration:none; transition: all .1s ease-in-out;}