/*  General CSS*/
body{
    background: #fff;
    min-width: 1280px;
}

.wrapper{
   width:800px;
    margin: auto;
    
}

h1, h2, h3, h4, h5,h6, h7{
    color: #626262;
    font-family:  "arial";
    letter-spacing: 1px;
}


h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4              { font-size: 1.17em; margin: .83em 0 }
h5              { font-size: 1.17em; margin: .83em 0 }
h6              { font-size: 1em; margin:  .83em 0 }
h7              { font-size: 1em; margin:  .83em 0 }

h1, h2, h3, h4,
h5, h6 ,h7        { font-weight: bolder }

.clearfix:before,  
.clearfix:after {  
    content: "";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
 
.clearfix {  
    *zoom: 1; 
    
}


/*    Billboard    */
.billboard{
    width: 100%;
    height: 600px;
   position: relative;
   background: url('../img/fon2.jpg') no-repeat;   
     
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    
}

.billboard1{
    width: 100%;
    height: 250px;
   position: relative;
   background: url('../img/fon3.jpg') no-repeat;   
     
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    
}

/*.billboard.light{
    background: url('../img/fon.jpg') no-repeat;   
     
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}



/*.billboard .shadow{
    position: absolute;
    width: 100%;
    height: 142px;
    bottom: 0;
    left: 0;
    margin-bottom: -1px;
    background: url('../img/shadow.png') repeat-x;
}*/

.billboard .caption{
    
    margin-top: 130px;
    text-align: center;
    color: #fff;
}

.billboard1 .caption{
    text-align: center;
    color: #fff;
    margin-top:20px; 
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
a:hover {
    color: #C0BC02;
    text-decoration: none;
}

.billboard .caption h1{
    font-family: "arial";
    font-size: 70px;
    font-weight: bold; 
    margin-bottom: 30px;
   color: #FFFFFF;
}

.billboard1 .caption h1{
    font-family: "arial";
    font-size: 50px;
    font-weight: bold; 
    color: #FFFFFF;
    text-align: center;
}




.billboard .caption p{
    font-family: "arial";
    font-size: 30px;
    margin-bottom: 30px;
    color: #FFFFFF;
   /* text-shadow: #FFFFFF 0 0 10px;*/
}


.billboard .caption hr{
    background: #fff;
    display: inline-block;
    height: 1px;
    width: 30px;
    border: 0!important;   
    margin: 0;
    padding: 0;
}










/*    header    */
header{
    width: 100%;
    height: 200px;
    text-align: center;
}

header .logo{
    margin-top: 80px;
    margin-right: 220px;
    height: 150px;
    width: 150px;
    
    
}

header .logo1{
    margin-top: 80px;
    height: 150px;
    width: 200px;
    margin-left: 220px;

    
    
}

header nav{
    
    padding-top: 57px;   

}

header nav ul li{
    list-style: none;
    display: inline-block;
    margin-top:20px;
    margin-left: 20px;
    
}

header nav ul li a{
    text-decoration: none;  
    font-family: "arial";
    font-size: 18px;

    transition:all .2s linear;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
     color: #FFFFFF;
    margin: 50px auto; border-bottom: 2px solid white;
}

/*header.light nav ul li a{  
    color: #000;

    margin: 50px auto; border-bottom: 2px solid white;
    text-shadow: #FFFFFF 0 0 10px;
}*/

header nav ul li a:hover{
    color: #000;
    text-shadow: #FFF 0 0 10px;
}




/*   о компании   */
.services{
 margin-top: 50px;
    
}
.services  p{
    color: #838181;
    font-family: "arial";
    font-size: 16px;
    line-height: 28px; 
    margin-top: 20px;
    letter-spacing: .5px;
    text-align: justify;
   
}


/*.services ul{
    margin-top: 100px;
   
}*/

.services ul li{
    list-style: none;
    display: block;
    width: 240px;
    height: 300px;
    float: left;
    margin-left: 25px;
    text-align: center;
    /*border: 1px solid black;*/
    }

.services ul li:nth-child(4)
{
    margin-top: 20px;
}
.services ul li:nth-child(5)
{
    margin-top: 20px;
}
.services ul li:nth-child(6)
{
    margin-top: 20px;
}
.services ul li:nth-child(7)
{
    margin-top: 20px;
    
}
.services ul li:nth-child(8)
{
    margin-top: 20px;
      
}

/*.services ul li:first-child{
    margin-left: 0;
}*/


.services ul li .separator{
   display: block;
    width: 200px;
    height: 1px;
    background-color: #9b9b9b;
    margin: 0 auto;
    padding: 0;
    border: 0!important;
}


.services h2{
   text-align: center;
    
}

.services ul li p{
   color: #838181;
    font-family: "arial";
    font-size: 16px;
    line-height: 28px; 
    letter-spacing: 0.5px;
    text-align: center;
    word-wrap: break-word;
    
}

/*    Video    */
/*.video{
    display: block;
    width: 100%;
    height: 350px;
    text-align: center;
    margin-top: 100px;
    background: url('../img/video.jpg') no-repeat;    
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.video .video_logo{
    margin-top: 85px;
}

.video h3{
    color: #fff;
    font-family: "raleway-regular";
    font-size: 14px;
    font-weight: normal!important;
    margin: 20px 0 0 0;
}

.video #play_btn{
    display: inline-block;
    width: 71px;
    height: 71px;
    background: url('../img/play_btn.png') no-repeat;
    margin-top: 40px;
}*/

#service{
    margin-top: 50px;
}
#text-serv{
   
   text-align: center;
}

.title{
    text-align: center;
    overflow: hidden;
    
}

.title h2{
    color: #616161;
    font-family: "arial";
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.title h3{
    color: #9b9b9b;
    font-family: "arial";
    font-size: 14px;
    margin: 0 0 20px 0;
    font-weight: normal!important;
}

.title hr.separator{
    display: block;
    width: 100px;
    height: 1px;
    background-color: #9b9b9b;
    margin: 0 auto;
    padding: 0;
    border: 0!important;
}


/* картинка на странице */
.minimized {
  width: 250px;
  height: 200px;
  cursor: pointer;
  border: 3px solid white;

}

.minimizedone {
  width: 600px;
  height: 350px;
  cursor: pointer;
  border: 3px solid white;
  margin-left: 100px;
  margin-right: 100px; 

}
 
.minimized:hover {
  border: 3px solid #b9ae01;
}
.minimizedone:hover {
  border: 3px solid #b9ae01;
}
 
/* увеличенная картинка */
#magnify {
  display: none;
  position: fixed;
  max-width: 700px;
  height: auto;
  z-index: 9999;
}
 
#magnify img {
  width: 100%;
}
 
/* затемняющий фон */
#overlay {
  display: none;
 
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 9990;
}
 
/* кнопка закрытия */
#close-popup {
  width: 30px;
  height: 30px;
 
  background: #b9ae01;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}
 
#close-popup i {
  width: 30px;
  height: 30px;
  background: url('../img/x.png') no-repeat center center;
  background-size: 30px 30px;
  display: block;
}
 

/*    клиенты   */

.testimonials{
    background: #f2f2f2;
    margin-top: 50px;
   padding: 50px 0;
   
    
}



.testimonials ul li{
    list-style: none;
    display: block;
    width: 200px;
    height: 150px;
    float: left;
    margin-left: 50px;
    text-align: center;
    margin-top: 50px;
   
    }
.testimonials ul li:nth-child(4)
{
    margin-top: 0px;
}
.testimonials ul li:nth-child(5)
{
    margin-top: 0px;
}
.testimonials ul li:nth-child(6)
{
    margin-top: 0px;
}
.testimonials ul li:nth-child(7)
{
    margin-top: 0px;
}
.testimonials ul li:nth-child(8)
{
    margin-top: 0px;
}
.testimonials ul li:nth-child(9)
{
    margin-top: 0px;
}
.testimonials ul li:nth-child(10)
{
    margin-top: 0px;
}
.testimonials ul li:nth-child(11)
{
    margin-top: 0px;
}
.testimonials ul li:nth-child(12)
{
    margin-top: 0px;
}


.testimonials ul li p{
   color: #838181;
    font-family: "arial";
    font-size: 14px;
    line-height: 28px; 
    /*margin-top: 40px;*/
    letter-spacing: .5px;
    
}

.testimonials ul li .separator{
   display: block;
    width: 200px;
    height: 1px;
    background-color: #9b9b9b;
    margin: 0 auto;
    padding: 0;
    border: 0!important;
}
















/*    контакты    */
.blog_posts{
    margin-top: 50px;
    padding: 50px 0;
    width:800px;
    margin: auto;
   
    
}

.blog_posts ul{
    list-style: none;
    margin-top: 50px;
    margin-bottom:0px; 
}

.blog_posts ul li{
    display: block;
    width: 400px;
    text-align: center; 
    float: left;
}

/*.blog_posts ul li:first-child{
    margin-left: 0;
}*/


.blog_posts .dat{
    width: 200px;
}

.blog_posts ul li h1{
    color: #616161;
    font-family: "arial";
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    margin: 20px 0 0 0;
}
.blog_posts ul li h2{
    color: #616161;
    font-family: "arial";
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    margin: 20px 0 0 0;
}


.blog_posts ul li p{
    color: #616161;
    font-family: "arial";
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    white-space: nowrap;
   text-align: left;
    
}


.blog_posts p{
    color: #616161;
    font-family: "arial";
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    white-space: nowrap;
   text-align: center;
    
}
.blog_posts h1{
    color: #616161;
    font-family: "arial";
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    white-space: nowrap;
   text-align: center;
    
}



#toTop {
width:40px;
height:40px;
opacity:0.7;
position:fixed;
bottom:50px;
right:200px;
display:none;
text-indent:-9999px;
background: url('../img/icon_top1.png') no-repeat;

}


/*    footer    */
footer{
    padding: 35px 0;
    overflow: hidden;
    background-color: #f2f2f2; 
}

footer .footer_logo{
    float: left;
}

footer .rights p{
    float: left;
    color: #838181;
    font-family: "arial";
    font-size: 13px;
    margin: 5px 0 0 40px; 
}