@font-face {
    font-family: "RobotoSlabThin";
    src: url("../fonts/RobotoSlabThin.eot") format("embedded-opentype"), url("../fonts/RobotoSlabThin.woff2") format("woff2"), url("../fonts/RobotoSlabThin.woff") format("woff"), url("../fonts/RobotoSlabThin.ttf") format("truetype"), url("../fonts/RobotoSlabThin.svg#RobotoSlabThin") format("svg");
}
@font-face {
    font-family: "unisansthincaps";
    src: url("../fonts/unisansthincaps.eot") format("embedded-opentype"), url("../fonts/unisansthincaps.woff2") format("woff2"), url("../fonts/unisansthincaps.woff") format("woff"), url("../fonts/unisansthincaps.ttf") format("truetype"), url("../fonts/unisansthincaps.svg#unisansthincaps") format("svg");
}
@font-face {
    font-family: "clearsans-bold";
    src: url("../fonts/clearsans-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/clearsans-bold.woff") format("woff"), url("../fonts/clearsans-bold.ttf") format("truetype"), url("../fonts/clearsans-bold.svg#clearsans-bold") format("svg");
}
@font-face {
    font-family: "clearsans-regular";
    src: url("../fonts/clearsans-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/clearsans-regular.woff") format("woff"), url("../fonts/clearsans-regular.ttf") format("truetype"), url("../fonts/clearsans-regular.svg#clearsans-regular") format("svg");
}
@font-face {
font-family:"PF Din CondPro";
src:url("fonts/PFDinTextCondPro-Regular.ttf");
}
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma,sans-serif;
	font-size: 16px;
	color: #000000;
}
img {
	max-width: 100%;
	border: none; 
}

h1 {
    color: #fff;
    font: 35px "unisansthincaps";
    margin: 23px 40px;
}
h2 {
	color: #000000;
	font:  52px "Tahoma";
	margin-top: 0px;
}
h3 {
	color: #000;
	font:  50px "Tahoma";
}
h4 {
	color: #000;
	font:  23px "Tahoma";
	text-align:center;
	margin: 15px 0;
}
p{
  font-size: 18px;
}
.wrapper {
    margin: 0 auto;
    padding: 0 20px;
    width: 1060px;
}
/*меню*/
#fix #header {
  min-width: 1100px;
  top: 0;
  z-index: 110;
  background: #f7f7f7;
  opacity:0.9;
}
#fix #header .wrap {
  height: 79px;
}
#fix #header .wrap .logo {
  margin-top: 20px;
}
#fix #header .wrap .logo::after {
  color: #000;
}
#fix #header .wrap .menu {
  top: 09px;
}
#fix #header .wrap .menu li a {
  color: #000000;
}
#fix #header .wrap .menu li a.curr {
  color: #ffae00;
}
#fix #header .wrap .menu li a.curr:hover {
  text-decoration: none;
}
#fix #header .wrap .phones {
  top: -36px;
}
#header {
  display: flex;
  min-width: 1100px;
  z-index: 3;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: #5A5560;
  height: 120px;
}
#logos{
  float: left;
  margin: 32px 0 0 0;
}
#fones{
  float: left;
  margin: 28px 0 0 0;
}
#fones p{
  margin: 0px;
  font-size: 20px;
  font-family: Tahoma,sans-serif;
  font-weight: bold;
  text-decoration: none;
}
#fones p span{
  color: #ffffff;
  font-size: 22px;
}
#header .wrap {
  height: 119px;
  width: 1060px;
  margin: 0 auto;
  padding:0 20px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#header .wrap .menu {
  float: left;
  height: 36px;
  top: 28px;
  right: 0;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  margin-right: 35px;
}
.menu ul {
  padding-left: 42px;
  margin: 41px 0 0 0;
}
#header .wrap .menu ul li {
  float: left;
  position: relative;
  list-style: none;
}
#header .wrap .menu ul li::before {
  position: absolute;
  left: 0;
  width: 1px;
  height: 15px;
  background: #807878;
  top: 11px;
}
#header .wrap .menu ul li:last-child::after {
  position: absolute;
  right: 0;
  width: 1px;
  height: 15px;
  background: #807878;
  top: 11px;
}
#header .wrap .menu ul li a {
  display: inline-block;
  font: 400 16px ;
  color: #DCDCDC;
  line-height: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 9px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  text-decoration:none;
}
/*слайдер*/
.bxslider, .slider1{
    display: flex;
    min-width: 1100px;
    max-width: 100%;
}
.description {
  width: 100%;
  height: 730px;
}
.description_wrapper {
  padding-top: 562px;
}
.opacitys{
  background: rgba( 0, 0, 0, 0.5);
  padding: 15px 0;
}
.bx-wrapper {
  margin: 0;
}
.bxslider .bx-viewport {
  padding: 0;
  border: 0; 
  left: 0px;
  right: 0px;
  box-shadow: none;
}
#slider1 {
  margin: 0;
  padding: 0;
}
.bx-wrapper .bx-pager {
  width: 0;
  height: 0;
}
.bx-pager-link {
  width: 0;
  height: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a{
  opacity: 0.00;
}
.bxslider h1 {
    color: #fff;
    font-size: 56px;
    font-weight: normal;
    font-family: Tahoma, Arial, sans-serif;
    line-height: 56px;
    margin: 0 auto;
    padding: 15px 0 19px;
    text-align: center;
}
.napisat{
  color: #DCDCDC;
  font-family: Tahoma, Arial, sans-serif;
  display: block;
  background-color: #5A5560;
  font-weight:bold;
  margin: 0 auto;
  text-decoration: none;
  font-size: 22px;
  width: 210px;
  padding: 10px 15px;
  text-align: center;
}

.opacitys {
    height: 140px;
}
/*стрелочка вверх*/
.scrollTop {
  background: url("../images/scrollTop.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  bottom: 63px;
  display: none;
  height: 38px;
  position: fixed;
  right: 30px;
  width: 38px;
  z-index: 10000;
  display: inline;
}
/*О нас*/
#O_nas {
  min-width: 1100px;
  display: flex;
  text-align: center;
  margin: -1px auto 0 auto;
  background-color: #5A5560;
}
.O_nasContent {
  padding: 50px 20px;
  width: 1060px;
  margin: 0 auto;
  color: #ffffff;
}

.left-p{
  text-align: center;
  font-size: 22px;
}

.center {
    margin-bottom: 50px;
}

.podzagolovok{
  font-size: 30px;
  font-weight: bold;
  margin: 100px 0 30px 0;
  color: #000000;
}
.soblydenie {
  overflow: hidden;
}
.soblydenie div{
  float: left;
  font-weight: bold;
  width: auto;
  margin: 50px 6px;
}
#Prozhes{
  display: flex;
  background: url("../images/fon.jpg") no-repeat ;
  padding: 0;
  text-align: center;
  min-width: 1100px;
  height: 622px;
}
#Prozhes iframe{
  width: 778px;
  height: 434px;
  margin: 20px 0 0 0;
}

#Prozhes h2{
  color: #5A5560;
  margin:0 0 30px 0;
  padding-top: 20px;
}

#Fotogalereja{
  display: flex;
  background-color: #5A5560;
  padding: 22px 0;
  text-align: center;
  min-width: 1100px;
}

#Fotogalereja h3{
    color: #DCDCDC;
}

/*фотогалерея*/
#Fotogalereja ul, li {
  margin:0;
  padding:0;
 }
#gallery {
  position: relative;
  width: 1024px;
  margin: 40px auto; 
}
#images {
border: 2px solid #9ac1c9; 
height:225px; 
background:#eef5f6; 
margin-bottom:20px;
}
#image {
  position:relative; 
  width:1014px; 
  height:567px; 
  padding:5px 0; 
  background:url("../images/loading.gif") center center no-repeat;
}
#image img {position:absolute; 
  top: 5px; 
  left: 5px;  
  height: 565px; 
  width: 1014px;
}
#thumbwrapper {
  margin-top:10px; 
  padding:5px 0; 
  width: 1024px; 
  height:100px; 
}
#thumbarea {
  position:relative; 
  overflow:hidden; 
  height:100px; 
  width: 1016px; 
  margin: S0 auto;
}
#thumbs {
  position:absolute; 
  list-style:none; 
  margin-left:5px; 
  height:100px; 
  width:10000px; 
  border-right:5px solid #FFF;
}
#thumbs li {
  float:left; 
  margin-right:5px; 
  cursor:pointer;
}
.imgnav {
  position:absolute; 
  height: 48px; 
  margin: 275px 0 0 0;
  width:20%; 
  z-index:100; 
  width:20%; 
  z-index:100; 
  outline:none; 
  cursor:pointer;
}
#previmg {
  left:0; 
  background:url("../images/left.png") left center no-repeat; 
}
#previmg:hover {
  opacity:1; 
  filter:alpha(opacity=100);
}
#nextimg {
  right:0; 
  background:url("../images/right.png") right center no-repeat; 
}
#nextimg:hover {
  opacity:1; 
  filter:alpha(opacity=100);
}
/*контакты*/
.kontactContent{
    display: flex;
    background:url("../images/fon4.png") right center no-repeat; 
    min-width: 1100px;
}

#kontaktu{
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
  width: 1060px;
}

#kontaktu p{
  text-align: left;
  font-size: 25px;
  margin: 15px 0 15px 27px;
  color: #000000;
  text-decoration: none;
}

#kontaktu .kontakts{
    margin-top: 30px;
}

.forma{
    margin:0 auto;
    overflow: hidden;
    width: 1010px;
}
#blok15-3{
  overflow: hidden;
}
.blok15-5 {
    background-color: #ffffff;
    border: none;
    font-family: a_AvanteLtNr_Thin;
    font-size: 20px;
    height: 40px;
    margin: 7px 0 0;
    padding-left: 24px;
    width: 469px;
    color: #000000;
}
#name{
  background: #fff;
  border: 1px solid #939393;
  font: bold 18px ;
  color: #000;
  margin-right: 18px;
}
#telefon{
  background: #fff;
  border: 1px solid #939393;
  font: bold 18px ;
  color: #000;
}
form textarea {
  background: #fff;
  border: 1px solid #939393;
  font: bold 18px ;
  color: #000;
  padding: 15px 1px 1px 24px;
  resize: none;
  width: 983px;
  margin:20px 0 0 0;
}
form #submit {
  background: #900020;  
  color: #ffffff;
  font: bold 25px ;
  height: 49px;
  margin: 10px 0;
  padding: 0;
  width: 318px;
  border: none;
  font-size: 22px;
}
form #submit:hover {
    cursor:pointer;
    color:#fff;
}
.validate .error input {
    border-color: #ff8983 !important;
}
.validate .ok input {
    border-color: #9bdc94 !important;
}
form .input {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    float: left;
}
#success {
    background: url("../images/otpravleno.png") 50% 0% no-repeat ;
    color: #ffffff;
    display: block;
    font-weight: bold;
    font: 28px "unisansthincaps";
    height: 176px;
    text-align: center;
    vertical-align: bottom;
    width: 360px;
    height: 50px;
    margin: 30px auto;
    padding-top: 60px;
}
/*копирайты*/
#copirates{
  display: flex;
  background: url("../images/fon3.jpg") no-repeat scroll 0 0 / cover ;
  color: #fff;
  padding: 10px 0;
  overflow: hidden;
  text-align: center;
  min-width: 1100px;
}
#logos-footer{
  text-align: left;
}
#copirait{
 color: #ffffff;
}
#Qality {
    float: right;
    margin: 20px 0 0 0;
}

#Qality a {
    color: #337ba7;
    text-decoration: none;
}

@media screen and (max-height: 768px), only screen and (max-height: 768px) {
    .description_wrapper {
        padding-top: 350px;
    }
    .description {
        height: 520px;
        width: 100%;
    }
    .bxslider .bx-viewport {
    border: 0 none;
    box-shadow: none;
    left: 0;
    padding: 0;
    right: 0;
    height: 521px;
    }
    .bxslider, .slider1 {
        height: 521px;
    }
}