@font-face {
    font-family: 'DINCyr-Regular';
    src: url('fonts/DinCyRg.ttf');
    src: url('fonts/DinCyRg.ttf') format('truetype');
}

@font-face {
    font-family: 'DINCyr-Bold';
    src: url('fonts/DinCyBd.ttf');
    src: url('fonts/DinCyBd.ttf') format('truetype');
	font-weight:bold;
}

@font-face {
    font-family: 'BodoniCondC';
    src: url('fonts/BodoniCondC.otf');
    src: url('fonts/BodoniCondC.otf') format('truetype');
	font-weight:bold;
}



html {
   font-family: 'DINCyr-Regular', Arial,sans-serif;
   font-size:10px;
}

body {
   font-family: 'DINCyr-Regular', Arial,sans-serif;
   font-size:10px;
   color:#ffffff;
   line-height:1.2;
   background-color:#000000;
   min-width:320px;
}

.resolution-info {
font-size:16px;
text-align:center;
}


@media only screen and (min-width: 320px) {
   html {
   font-size:1.38vw;
  }
   
   body {
	  font-size:1.38vw;
	  min-width:320px;
   }
   
   section, footer,p {
		font-size:2.8rem;
	}
	
.resolution-info {
display:none;
}
}

@media only screen and (min-width: 768px) {
    html {
      font-size:1vw;
   }
	body {
	  font-size:1vw;
	  min-width:768px;
	}
	
	section, footer,p {
		font-size:1.2rem;
	}
}

@media only screen and (min-width: 1200px) {
   html {
   font-size:0.52vw;
  }
   
   body {
	  font-size:0.52vw;
	  min-width:1200px;
   }
	
   section, footer,p {
	font-size:1.8rem;
  }
}





.y{
color:#af955c;
}

.b, b {
font-family: 'DINCyr-Bold', Arial,sans-serif;
}

h1, .h1, h2, .h2 {
font-family: 'DINCyr-Bold', Arial,sans-serif;
font-size:4.8rem;
font-weight:bold;
line-height:1.3;
margin-bottom:4rem;
text-transform:uppercase;
}

h3, .h3 {
font-family: 'DINCyr-Bold', Arial,sans-serif;
font-size:2.8rem;
font-weight:bold;
line-height:1.3;
text-transform:uppercase;
}

.break-xs {
    display: block;
    width: 0;
}

@media only screen and (min-width: 768px) {
h1, .h1, h2, .h2 {
font-size:2.5rem;
margin-bottom:5rem;
}

h3, .h3 {
font-size:1.4rem;
}

.break-xs {
    display: inline;
    width: auto;
}

}

@media only screen and (min-width: 1200px) {
h1, .h1, h2, .h2 {
font-size:3.8rem;
margin-bottom:5rem;
}

h3, .h3 {
font-size:2.1rem;
}
}

p {
color:white;
line-height:1.2;
margin-bottom:1rem;
}

a { 
transition: color 1s ease;
}

a:link, a:visited {
color:#af955c;

}

a:hover {
color:#af955c;
}

.fs21 {
font-size:2.1rem;
color:white;
}

.fs18 {
font-size:1.8rem;
}

.fs23 {
font-size:2.3rem;
}

.upperc {
text-transform: uppercase;
}

form.custom input[TYPE=TEXT], form.custom input[TYPE=EMAIL], form.custom input[TYPE=PHONE] {
height:6.2rem;
border:none;
outline:none;
border-bottom:0.3rem solid white;
background-color:transparent;
color:white;
font-size:2.8rem;
padding-left:2rem;
padding-right:2rem;
}

form.custom textarea {
border:none;
outline:none;
color:white;
font-size:2.8rem;
line-height:8.2rem;
padding-left:2rem;
padding-right:2rem;
resize: none;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 96%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 100%); 
background-size:100% 8.2rem;
margin-top:-2rem;
}

@media only screen and (min-width: 768px)  {

form.custom input[TYPE=TEXT],form.custom input[TYPE=EMAIL],form.custom input[TYPE=PHONE] {
height:2.7rem;
font-size:1.2rem;
padding-left:1.3rem;
padding-right:1.3rem;
}

form.custom textarea {
font-size:1.2rem;
line-height:4rem;
padding-left:1.3rem;
padding-right:1.3rem;
margin-top:-1.3rem;
background-size:100% 4rem;
}

}

@media only screen and (min-width: 1200px)  {

form.custom input[TYPE=TEXT] , form.custom input[TYPE=EMAIL] , form.custom input[TYPE=PHONE] {
height:4rem;
font-size:1.8rem;
padding-left:2rem;
padding-right:2rem;
}

form.custom textarea {
font-size:1.8rem;
line-height:6rem;
padding-left:2rem;
padding-right:2rem;
margin-top:-2rem;
background-size:100% 6rem;
}

}