html,body{
 margin: 0; 
 padding: 0;
 height:100%;

}
ul.menu {
  list-style: none;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}
.menu li {
  margin: 5px;
  float: left;
}
.menu li a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 10px;
  font-weight: 500;
}
.wrapper {
  width: 100%;
  padding: 80px 20% 80px 20%;
}
#header .wrapper {
  position: fixed;
  color: #fff;

  padding: 0px 20% 20px 20%;
}
.container{
  width: 1470px;
  margin: 0 auto;
}
.text .wrapper{
  position: fixed;
}
#header:after {
  display: block;
  height: 770px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #fff;
  padding-top: 200px;
  text-align: center;
  font-weight: 100;
}
#header:after {
  content: "Nika Models" ;
  background-image: url(../images/fon1.jpg);
  font-size: 100px;

}
.box_wrapper{
  background-image: url(images/fon1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.box {
  color: #fff;
  text-align: center;
  position: relative;
  top: -600px;
font-family: 'Playfair Display', serif;
  padding-left: 20px; 
}
 p {
    font-size: 18px;
    margin: 20px 0;
    line-height: 140%;
    font-weight: 500;
}
#container {
     
     padding-left: 50px;
      width: 400px;
      height: 269px;
      z-index: 1;
      perspective: 1000px;
    }

    #card {
      position: absolute;
      bottom: -300px;
      width: 100%;
      height: 100%;
     
      transform-style: preserve-3d;
      transition: all 1.0s linear;
    }

    #container:hover #card {
  
      transform: rotateY(180deg);
    }

    .front {
      position: absolute;
      backface-visibility: hidden;
    }

    .front img {
      width: 400px;
      position: absolute;

    }
      .back img{
        width: 400px;
        position: absolute;

      }
    .back {
      backface-visibility: hidden;
    
      transform: rotateY(180deg);
      width: 400px;
      height: 269px;
     
    }
#tex{
padding-top: 150px;
padding-left: 300px;
}
   
.photos1{ 
position: absolute;
left: 1150px;
bottom: -755px;
  }
.photos1 a{
  display:block-inline;
  background:#fff;
  margin-right:5px;
  margin-top:5px;
  padding:5px;
  float:left;
} 
.photos1 a:hover    { 
  background:white;
 }
.pressbox {
    width: 0;
    height: 0;
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    z-index: 9999;
    text-align: center;
    background: rgba(0,0,0,0.5);
    }
.foto{
  background: #fff;
  width:260px;
  height:300px;
  margin:50px auto; 
  box-shadow: 0px 0px 15px #444;
}

.pressbox img    {
  opacity: 0;
  padding: 10px;
  background: #ffffff;
  margin-top: 0px;  
  transition: opacity .25s ease-in-out;       
  }

.pressbox:target {
    width: auto;
    height: auto;
    bottom: 0;
    right: 0;
    }
 .pressbox:target img {
    opacity: 1;
    }
.fash1{
  
  position: absolute;
left: 200px;
bottom: -700px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
}
.t{
  padding-left: 520px;
  padding-top: 100px;
}
.i{
padding-top: 150px;
padding-left: 50px;
}
.i1{
padding-left: 200px;
}
.i2{
padding-left: 200px;

}
.i3{
padding-top: 50px;
padding-left: 50px;
}

.mod{

  position: absolute;
  left: 1080px;
  bottom: -2250px;

}
.vid{
padding-left: 1000px;
padding-top: 300px;
  font-size: 18px;
    margin: 20px 0;
    line-height: 140%;
    font-weight: 500;
}


.slayd{
  position: absolute;
bottom: -1500px;
left: 40px;
}

span.cap {
    display:none;
}
ul.slider {
    margin:0 auto;
    height:534px;
    list-style:none;
    position:relative;
    width:900px;
}
ul.slider li {
    float:left;
    transition: 1s;
}
ul.slider li.slides {
    height:534px;
    overflow:hidden;
    position:relative;
    width:600px;
    z-index:10;
    transition: 1s;
}
ul.slider li.slides img {
    display:block;
    left:50%;
    opacity:0; 
    position:absolute;
    top:0;
    transition: 1s;
}
ul.slider li.slides img.g1,
ul.slider li.slides img.g2,
ul.slider li.slides img.g3 {
    margin-left:-400px
}
ul.slider li.lArrow,
ul.slider li.rArrow {
    background-color:#ccc;
  top:200px;
    position:relative;
  height:40px;
  width:40px;
    z-index:5;
}
ul.slider li.lArrow {
  left:-15px;
  
}
ul.slider li.rArrow {
  left:15px;
}
ul.slider li.lArrow a,
ul.slider li.rArrow a {
    display:block;
    position:absolute;
    top:5px;
    width:50px; 
}
ul.slider li.lArrow a:before {
  content: "<";
    margin-left:15px;
  font: bold 20px "Verdana, Arial, sans-serif";
  color:black;
}
ul.slider li.rArrow a:after {
  content: ">";
    margin-left:15px;
  font:bold 20px "Verdana, Arial, sans-serif";
  color:black;
}




span#slide1:target ~ ul.slider li.slides .g1,
span#slide2:target ~ ul.slider li.slides .g2,
span#slide3:target ~ ul.slider li.slides .g3 {
    opacity:1;

}




span#slide1:target ~ ul.slider li.lArrow a,
span#slide1:target ~ ul.slider li.rArrow a {z-index:10}
span#slide1:target ~ ul.slider li.rArrow .a2 {z-index:100}

span#slide2:target ~ ul.slider li.lArrow a,
span#slide2:target ~ ul.slider li.rArrow a {z-index:10}
span#slide2:target ~ ul.slider li.rArrow .a3 {z-index:100}
span#slide2:target ~ ul.slider li.lArrow .a1 {z-index:100}

span#slide3:target ~ ul.slider li.lArrow a,
span#slide3:target ~ ul.slider li.rArrow a {z-index:10}
span#slide3:target ~ ul.slider li.lArrow .a2 {z-index:100}

span#slide4:target ~ ul.slider li.lArrow a,
span#slide4:target ~ ul.slider li.rArrow a {z-index:10}
span#slide4:target ~ ul.slider li.lArrow .a3 {z-index:100}

span#slide5:target ~ ul.slider li.lArrow a,
span#slide5:target ~ ul.slider li.rArrow a {z-index:10}
span#slide5:target ~ ul.slider li.rArrow .a1 {z-index:100}

.map{
margin-top: 60px;
}        

#footer{ 
   clear:both;
   width:1873px; 
   vertical-align: bottom; 
   text-align:center;
   margin:0 auto;
   height: 350px;
   margin-top:-100px;
       color: #fff;
    padding: 100px 15px;
    background: #212121;
}
#footer p{ 
 
}
.zn{
 position: absolute;
  margin-left: 600px;
  margin-top: 100px;
}
.reg{
 position: absolute;
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 20px;
padding-left: 370px;
padding-top: 80px;


}

.forma{
        margin:150px 300px ;
        width:400px;

      }
.input{
    width:300px;
    margin:20px 0;
}

input:focus:valid {
        background: lightgreen;
        outline: 2px black solid; 
}
input:valid {
        background: white;
        outline: none; 
}
input:invalid {
        background: white;
        outline: 2px black solid;
}

.col-sm{
  position:absolute;
  padding-left: 700px;
  padding-top: 100px;
  font-family: 'Source Sans Pro', sans-serif;
      font-size: 20px;
}