body, html{  margin:0; padding:0; color:#5f5f5f; height:100%; min-width:1000px;}
body{font:normal 13px/16px "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif; background:#1c1c1e url(../pic/design/bg-inner.jpg) 50% 0 no-repeat; }
body.index{background-image:url(../pic/design/bg-index.jpg);}

h1,h2,h3,h4,h5,h6,p,img,table,ul,ol,form,li,fieldset{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; list-style:none;}
input, textarea, select{outline:none; font:inherit;}
a{color:#c7bc0c; outline:none;}
img, area{outline:none;}
a:hover{text-decoration:none;}
p{margin:0 0 10px;}
button{padding:0; margin:0; vertical-align:middle;}

h1,h2,h3,h4,h5{ margin: 0 0 10px; font: 26px/28px  "Myriad Pro", "Trebuchet MS", Arial, Tahoma, sans-serif; color:#7a7a80;}

.welcome-block + h2{clear:both; padding-top:30px;}
h3{font-size:18px; margin:5px 0 ; color:#FEFEFE;}
h4{font-size:16px; font-weight:bold; margin:5px 0;}
h5{font-size:14px; font-weight:bold; margin:5px 0; color:#a04f67;}

h1 a, 
h2 a{color:inherit;}
h3 a, 
h4 a, 
h5 a{color:inherit; text-decoration:none; }
h3 a:hover, 
h4 a:hover, 
h5 a:hover{ text-decoration:underline; }

.functional{ text-decoration:none; border-bottom:1px dashed;}
.functional:hover{border:none;}

td, th{vertical-align:top; text-align:left;}
ul, ol{margin:10px 0 10px 30px;}

ul  li{list-style:disc;}
ul  li li{list-style:circle;}
ul  li li li{list-style:square;}
ul  li li li li{list-style:circle;}
ol  li{list-style:decimal;}

.r3{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.r5{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.r8{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.r10{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.r11{-webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px;}
.r13{-webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px;}
.r14{-webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px;}
.r15{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}

.r3, .r5, .r8, .r10, .r11, .r13, .r14, .r15{position:relative; behavior: url(styles/PIE.htc);}

#main{min-height:100%; position:relative; min-width:1000px;}

#header, #middle, #footer{width:900px; position:relative; margin:0 auto;}

#header{margin-bottom:20px; height:260px;}
.index #header{position:relative; height:435px;}
.index .flash-city{position:absolute; height:389px;width:100%;top:0;left:0;}
#middle{padding-bottom:120px;}

#footer{position:absolute; bottom: 0;  left:50%; margin-left:-450px; height:100px; border-top:1px solid #2e2e2f; color:#858585;}

#footer .lanovia{position:absolute; right: 290px; top: 30px;}

.copyright{position:absolute; left:0; top:25px;}

.bottom-contacts{position:absolute; left:165px; top:25px; }

.dev{position:absolute; right:0; top:25px; padding-left:38px;}
  .dev span{display:inline-block; color:#858585; text-decoration:none;}

#logo{position:absolute; left:15px; top:30px;}

.top-icons{margin:0; position:absolute; right:0; top:60px;}
  .top-icons li{float:left; margin-left:25px; list-style:none; width:30px; height:30px; text-align:center;}
  .top-icons li.current{background: url(../pic/design/bg-top-icons.png) 0 0 no-repeat;}
    .top-icons li img{height:10px;background: url(../pic/icons/top-icons.png) 0 0 no-repeat; margin-top:10px;}
    .top-icons li .home img{width:11px;}
    .top-icons li.current .home img{background-position:0 -10px;}
    .top-icons li .map img{width:17px; background-position:-11px 0;}
    .top-icons li.current .map img{background-position:-11px -10px;}
    .top-icons li .cont img{width:12px; background-position:-28px 0;}
    .top-icons li.current .cont img{background-position:-28px -10px;}

.top-nav{position:absolute; width:100%; text-align:center; left:0; bottom:10px; margin:0;z-index:11;}
  .top-nav li{display:inline-block; height:24px; list-style:none; text-align:center; font:italic 18px/20px "Trebuchet MS", Arial, sans-serif; padding:0 35px; background: url(../pic/design/bg-top-nav-item.gif) 0 0 repeat-y;}
  .top-nav li:first-child{background:none;}
    .top-nav li a{color:#FFF;}
    .top-nav li a.current{color:#6db4eb; text-decoration:none;}
    
.side-nav{margin:43px 0 50px; border:2px solid #525a6c; padding:5px 0; -pie-poll:true;}
  .side-nav li{list-style:none; margin:10px 15px 10px 35px; font-size:16px; line-height:20px;}
  .side-nav li:before{content:"\2012"; position:absolute; margin-left:-15px; color:#FFF;}
  .side-nav li a.current{color:#FFF; text-decoration:none;}
  
.index-content-holder{overflow:hidden; padding-bottom:120px; width:100%; position:relative;}

.main-pages{display:inline; margin:0; white-space:nowrap;}
  .main-pages .main-page {display:inline-block; vertical-align:top; width:100%; }
  .main-pages .main-page *{ white-space:normal;}
  .main-pages .main-page .middle{width:900px; margin:0 auto;}
  
.page-content{float:left; width:580px; color:#FFF;}
.index .page-content{ width:565px; }
.page-content h2,
.page-content h1{}
.page-sidebar {float:right; margin-right:40px; width:190px; color:#FFF;}

.side-contacts-block{padding:35px 0 0 45px; line-height:18px; /*background: url(../pic/design/phone.png) 0 0 no-repeat;*/ margin:15px 0 55px -10px;}
.index .side-contacts-block{margin-left:0;}
.side-contacts-block .phone{margin-bottom:5px; font-size:35px; line-height:37px;}
.side-contacts-block .phone .code{font-size:14px; line-height:18px; color:#777779;}

.gallery-preview-block{background: url(../pic/design/bg-gallry-title.png) 0 0 no-repeat; text-align:right; padding-left:22px; margin:15px 0;}
  .gallery-preview-block img{border:5px solid #FFF;}

.main-page .page-sidebar{margin-right:0; width:240px;}

.autopark{margin:15px 0 15px -50px; font-size:0; line-height:0;}
  .autopark .item{display:inline-block; vertical-align:top;  font-size:20px; line-height:22px; margin:0 0 20px 50px; width:176px; list-style:none;}
  .autopark .item img{display:block; vertical-align:top; border:5px solid #FFF; margin-bottom:5px;}
  .autopark .item a{color:#FFF;}
  .autopark .item a img{text-decoration:none;}

.services{margin:15px 0 15px -11px; font-size:0; line-height:0;}
  .services .item{display:inline-block; vertical-align:top;  font-size:13px; line-height:18px; margin:0 0 20px 10px; width:86px; list-style:none;}
  .services .item img{display:block; vertical-align:top; border:3px solid #FFF; margin-bottom:3px;}
  .services .item a{color:#FFF;}

.gallery{margin:15px 0 15px -20px; font-size:0; line-height:0;}
  .gallery .photo{display:inline-block; vertical-align:top;  font-size:15px; line-height:20px; margin:0 0 20px 20px; width:180px; list-style:none;}
  .gallery .photo img{display:block; vertical-align:top; border:5px solid #FFF; margin-bottom:5px;}
  .gallery .photo a{color:#FFF;}

.galleries{margin:15px 0 }
  .galleries .item{display:inline-block; vertical-align:top;  font-size:20px; line-height:22px; margin:0 0px 20px 0px; width:210px; list-style:none;}
  .galleries .item img{display:block; vertical-align:top; border:5px solid #FFF; margin-bottom:5px;}
  .galleries .item a{color:#FFF;}

.contacts .map{margin-bottom:15px;}

.services-slider-block{margin:15px 0; position:relative;}
  .services-slider-block .scroll{position:absolute; top:25px; cursor:pointer;}
  .services-slider-block .scroll.left{left:-15px;}
  .services-slider-block .scroll.right{right:-15px;}
  .services-slider-block .items-holder{position:relative; overflow:hidden; }
  .services-slider-block .items-holder .items{margin:0; width:9000px;}
  .services-slider-block .items-holder .items .item{float:left; width:87px; margin-right:8px; list-style:none;}
  .services-slider-block .items-holder .items .item img{border:3px solid #FFF;}
  .services-slider-block .items-holder .items .item a{color:#FFF;}

.catalog{margin:15px 0 0 0px;}
  .catalog .item{list-style:none; margin:15px 0 30px; overflow:hidden; zoom:1;}
  .catalog .item .picture{float:left; width:210px; margin-right:20px;}
  .catalog .item .picture img{border:5px solid #FFF;}
  .catalog .item .text{overflow:hidden; zoom:1;}
  .catalog .item .text .title{font-size:20px; line-height:22px; margin-bottom:10px;}
  .catalog .item .text .title a {color:#FFF;}
  .catalog .item .text .description{margin:10px 0; font-size:14px; color:#b3b3b3;}
  .catalog .item .text .price{margin:10px 0; background-color:#494b5e; padding:1px 10px; width:245px;}
  .catalog .item .text .price li{margin:5px 0; list-style:none; font-size:15px; }
    
.car-block{margin:15px 0;}  
  .car-block .photos{margin:15px 0; overflow:hidden; zoom:1;}
  .car-block .photos li{list-style:none;}
  .car-block .photos li img{border: 3px solid #fff;}
  .car-block .photos li.thumb{margin:0 0 10px 10px; display: block; float: left;} 
  .car-block .prices{margin:10px 0; background-color:#494b5e; padding:1px 10px; width:350px; font-size:14px;}
  .car-block .prices li.title{color:#969696;}
  .car-block .prices li{margin:5px 0; list-style:none;}
  .car-block .description{width:370px; margin:15px 0;}
  .car-block .main-photo{width:384px; float: left; padding: 3px; background: #fff;}
  .car-block .main-photo img{width: 100%; height: auto; display: block;}
  .car-block .thumb-photos{margin: 0; width: 190px; float: left;}
  
#top-car{position:absolute; bottom:17px; left:225px;z-index:10;}

.form{}
.form .field{margin:10px 0;}
.form .r{color:#de2a00;}
.form .label{display:block;}
.form input[type=text],
.form select,
.form .jqTransformSelectWrapper,
.form input[type=password],
.form textarea{display:inline-block; vertical-align:middle; width:130px; padding:3px 9px ; background-color:#1C1C1E; width:350px; position:relative;
  border:1px solid #666;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  behavior: url(styles/PIE.htc);
  color:#FFF;
}
.form textarea{resize: vertical; overflow:auto; height:100px; min-height:100px; max-height: 300px;}

.clearfix:after { content:".";   display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix{ display:inline-block;}
html[xmlns] .clearfix{ display:block;}
* html .clearfix{ height:1%;}


/* доработка футер */

.icon_set  {
	position:relative;
	float:right;
	margin:9px 0 0 5px;

}
.welcome-block a {
  background: none;
  float: left;
  width: 11.5%;
  cursor: pointer;
  border-bottom: 1px dotted;
  color: #a1a1a7;
}

#for_more {
   width: 88.5%;
}
#icon {
  width: 5%;
  float: left;
  margin-left: 1%;
}
#hr {
  width: 93%;
  float: right;
  margin-right: 1%;
  background: url(../pic/design/hr.png) 100% 75% repeat-x;
}

.welcome-block .sho {
 background: url(../pic/design/show.png) 0 0 no-repeat;
}
.welcome-block .hid {
  background: url(../pic/design/hide.png) 0 0 no-repeat;
}
.header__contacts{
	float:right;
	width:180px;
	padding:20px 0 0;
	}
.header__contacts .phone{
	border-left:3px solid #3f75ad;
	padding:4px 0 5px 15px;
	margin:0 0 10px 6px;
}
.header__contacts .phone .code{
	color:#2e4563;
	font-size:14px;
	margin:0 0 5px;
	line-height: 19px;
}
.header__contacts .phone .number,.header__contacts .phone .number:visited,.header__contacts .phone .number:hover{
	color:#fbfbff;
	font-size:30px;
	margin:5px 0 0;
	text-decoration:none!important;
}
.header__contacts a,.header__contacts a:active,.header__contacts a:visited,.header__contacts a:hover{
	color:#fff;
	font-size:14px;
	padding:0 0 0 26px;
	background:url(../pic/mail.png) no-repeat top left;
	}
.header__contacts .cell-phone{
	color:#fff;
	font-size:14px;
	padding:0 0 0 26px;
	margin:0 0 5px;
	background:url(../pic/cell.png) no-repeat top left;
}
.mobile  .top-nav{display:none;}
.header__mobile{
	display:none;
	position:fixed;
	z-index:10;
	background:rgba(0,0,0,0.7);
	width:100%;
	left:0;
	right:auto;
	margin:0 auto;
	top:0;
	height:75px;
}
  
.mobile .header__contacts,  .mobile  #logo{display:none;}


.mobile  .header__mobile {
	display:block;
	z-index:999;

	
}
.header__mobile #logo-mobile{
	min-width:52px;
	min-height:21px;
	max-width:104px;
	max-height:42px;
	background:url(../pic/logo-mobile.png) contain;
	    display: inline-block;
    position: relative;
	overflow:hidden;
	vertical-align:middle;
	margin:0 0 0 15px;
}
.header__mobile #logo-mobile img{
	width:100%;
}
.mobile__menu .top-nav{
		display:none;
}
.mobile__menu__icon{
	background:url(../pic/mobile-menu-2.png);
	width:75px;
	height:75px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
.mobile__menu{
	width:75px;
	height:75px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
.mobile__menu__icon:hover{
	background:url(../pic/menu-mobile-active-2.png);
}

.mobile__menu .top-nav{
	display:none;
	margin:0;
	padding:0;
	position:absolute;
	top:76px;
	left:0;
	background:#142032;
	width:60%;
	height:100%;
	z-index:999;
	
}

.mobile__menu ul.top-nav  li {
	margin:0;
	padding:0;
	height:auto;
	line-height:auto;
	width:100%;
}
 .mobile__menu ul.top-nav  li  ul{
	margin:0;
	padding:0; 
 }
  .mobile__menu ul.top-nav  li  ul li a{
	  padding-left:30px;
	  position:relative;
      text-decoration:none;
  }
   .mobile__menu ul.top-nav  li  ul li a:before{
	   content:'';
	   display:block;
	   position:absolute;
		top: 30px;
		left: 12px;
		width: 11px;
		height: 1px;
	   background:#fff;
   }
.mobile__menu ul.top-nav  li a,.mobile__menu  ul.top-nav li a:visited,.mobile__menu  ul.top-nav  li a:hover{
	display:block;
	height:3em;
	line-height:1em;
	font-size:1.4em; 
	padding:0.7em 1em;
	background:#142032;
	box-sizing: border-box;
	width:100%;
	border-bottom:1px solid #515a67;
	color:#fff;
	text-align:left;
	font-style:normal;
     text-decoration:none;

}
.mobile__menu  ul.top-nav  li a:hover{
	background:#344051;
      text-decoration:none;
}
.header__mobile .phone{
	float: right;
    margin: 33px 10px 0 0;
}
.header__mobile .phone .number{
	font-size:2em;
	color:#fff;
	display:inline;
	text-decoration:none;
	border:0;
}
.header__mobile .phone .code{
	font-size:18px;
	color:#d9e5f5;
	display:inline;
}
.header-mobile ul.top-nav li ul li{
	    padding: 0 0 0 10px;
    width: 170px;
}
.header__mobile .phone .code{
		display:none; 
		}
.header__mobile .phone .number-mobile {
    display: none;
}

@media only screen   and (min-device-width: 320px)   and (max-device-width: 480px)  and (-webkit-min-device-pixel-ratio: 2) {

    .page-content{
        margin-left:-30px;
    }

	.header__mobile .phone .code{
		display:none; 
	}
	
	.header__mobile .phone .number-desktop {
	    display: none;
	}
	
	.header__mobile .phone .number-mobile {
	    display: inline;
	}
	
	.header__mobile .phone .phone-icon {
	    display: block;
	    width: 40px;
	    height: 40px;
	    margin-top: -16px;
        position: relative;
        left: -10px;
	}
	
	.header__mobile .phone .phone-icon svg {
	    fill: #fff;
	}
	
	.header__mobile{
		width:100vw;
		-webkit-backface-visibility: hidden;
		float:left;
		}
	.header__mobile #logo-mobile{
		margin:0 0 0 5px;
		max-width: 135px;
		max-height: 50px;
		}
	#fancybox-overlay{
		min-width:1000px;
	}
	@viewport {

		user-zoom: fixed;
	}
	body{
		-webkit-font-smoothing: subpixel-antialiased !important;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility:    visible;
		-ms-backface-visibility:     hidden;
	}
}
@media only screen and (max-device-width: 767px) {
    body,
    html{
        min-width: 320px;
        width: 100%;
    }
    
    body {
        font-size: 16px;
        line-height: 20px;
    }
    
    #main {
        min-width: 320px;
    }
    
    #header,
    #middle,
    #footer {
        width: 100%;
    }
    
    #header {
        overflow: hidden;
    }
    
    #top-car {
        left: 50%;
        transform: translate(-50%, 0);
    }
    
    .main-pages .main-page .middle {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .index .page-content, .page-content {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    
    .page-sidebar {
        float: none;
        width: 100%;
    }
    
    .main-page .page-sidebar {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .services-slider-block .items-holder .items {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    
    .services-slider-block .items-holder .items .item {
        float: none;
        width: 30%;
        margin: 0 10px 20px 0;
    }
    
    .services-slider-block .items-holder .items .item img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    
    .services-slider-block .scroll {
        display: none;
    }
    
    #footer {
        left: 0;
        margin-left: 0;
        height: auto;
    }
    
    .mobile__menu .top-nav {
        width: 100%;
    }
    
    #middle {
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .contacts img {
        width: 100%;
        height: auto;
    }
    
    .catalog .item .picture {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    
    .catalog .item .picture img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    
    .catalog .item .text {
        margin-top: 10px;
    }
    
    .catalog .item .text .price {
        width: 100%;
    }
    
    .car-block .main-photo {
        width: 100%;
        float: none;
    }
    
    .car-block .thumb-photos {
        margin: 10px 0 0;
        width: 100%;
        float: none;
    }
    
    .car-block .photos li.thumb {
        margin: 0 0 5px 5px;
    }
    
    .car-block .prices {
        width: 100%;
        box-sizing: border-box;
    }
    
    .car-block .description {
        width: 100%;
    }
    
    .car-block .description {
        width: 100%;
    }
    
    .responsive-video {
        position: relative;
        margin-bottom: 10px;
    }
    
    .responsive-video::before {
        padding-top: 56.25%;
        display: block;
        content: "";
    }
    
    .responsive-video iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        border: 0;
    }
    
    .galleries, .gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-left: 0;
    }
    
    .galleries .item, .gallery .photo {
        width: 48%;
        margin-left: 0;
    }
    
    .galleries .item img, .gallery .photo img {
        width: 100%;
        box-sizing: border-box;
    }
}