/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14.10.2017, 14:42:21
   
*/
@font-face {
  font-family: 'NadejdaBold';
  src: url('fonts/NadejdaBold.eot?#iefix') format('embedded-opentype'),  url('fonts/NadejdaBold.woff') format('woff'), url('fonts/NadejdaBold.ttf')  format('truetype'), url('fonts/NadejdaBold.svg#NadejdaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: Proxima; /* Имя шрифта */
src: url(/fonts/ProximaNova-Reg.otf); /* Путь к файлу со шрифтом */
}
/*@font-face {
font-family: Nadejda;  Имя шрифта 
src: url(nadejda_bold.ttf);  Путь к файлу со шрифтом 
}*/
@font-face {
font-family: ProximaBold; /* Имя шрифта */
src: url(/fonts/proximanova-bold.otf); /* Путь к файлу со шрифтом */
}
@font-face {
font-family: ProximaNovaLt; /* Имя шрифта */
src: url(/fonts/ProximaNova-Light.otf); /* Путь к файлу со шрифтом */
}
@font-face {
font-family: DaysSansBlack; /* Имя шрифта */
src: url(/fonts/days_sans_black.ttf); /* Путь к файлу со шрифтом */
}
body {
    font-style: Proxima;
    font-size: 12px;
/*    background: url('../images/site_finish_fon.jpg');
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/
    
}
.hed {
    background: #000;
    color: #F7BF1F;
    font-family: Proxima;
    font-size: 1.3em;
    padding-bottom: 5px;
    padding-top: 5px;
}
.hed a{
    color: #F7BF1F;
    text-decoration: underline;
}
.hed span{
    padding-left: 5%;
    
}
.fant-a{
    padding-top: 2%;
    padding-bottom: 10px;
    background: url('../images/backgrand-c.png') repeat-y;
        
}
/*.fant-a h3{
    text-align: right;
    font-family: Proxima;
    font-size: 1.6em;
    padding-right: 10%;
}*/
.fant-c{
    background: url('../images/backgrand-c.png') repeat-y;
    
    
}
.fant-b{
    background: url('../images/backgrand-c.png') repeat-y;
    padding-right: 0px;
    padding-left: 0px;
    /*height: 250px;*/
   
}
.fant-c p{
    padding-top: 3%;
    font-family: ProximaNovaLt;
    text-align: right;
    font-size: 1.3em;
}
.fant-c h2{
    padding-top: 3%;
    font-family: ProximaBold;
    text-align: right;
    font-size: 2em;
}

.bagrabf {  
    
    background:#F7BF1F;
    /*background: url('../images/backgrand.png') repeat-y;*/
}
/*.fant_b{
   background: url('../images/fant-b') ; 
}*/
.serf{
  background: #B2B3B3;
  color: #FFF;
  
  text-transform:uppercase;
  font-size: 1.3em;
  font-family: DaysSansBlack; 
}

.body_bag{
   background: url('../images/body-bag.png'); 
}
.body_b a{
    color:#5B5B5B;
    
}
.body_b a:hover, a:active{
   color: #F7BF1F;  
   font-weight: bold;
}
.body_b{
    background: url('../images/body-b.png') repeat-y;
    color:#5B5B5B;
    font-size: 1.4em;
    height: 285px;
    font-family: ProximaNovaLt;
/*    left:-15px;*/
}
.body_b .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
}
.body_b:hover{
    background: none;
}
.body_b ul{
    padding-top: 15%;
    padding-bottom: 15%;
}
/**/
.hovered{
    background: #F7BF1F;
     color:#5B5B5B;
}

.serf_1{
  background: #B2B3B3;
  color: #FFF;
  font-family: DaysSansBlack; 
  text-transform:uppercase;
  font-size: 1.3em;
} 

.body_b_1 a{
    color:#5B5B5B;
}
.body_b_1 a:hover{
   color: #F7BF1F;
   font-weight: bold;
}
.body_b_1{
    background: url('../images/body-b.png') repeat-y;
    color:#5B5B5B;
    font-size: 1.4em;
    height: 285px;
    font-family: ProximaNovaLt;
/*    left:-15px;*/
}
.body_b_1 .col-md-12{
    padding-left: 0px;
    padding-right: 0px;    
}
.body_b_1:hover{
    background: none;
}
.body_b_1 ul{
    padding-top: 15%;
    padding-bottom: 15%;
}
.hovered_1{
    background: #F7BF1F;
     color:#5B5B5B;
}
/**/
.serf2{
  background: #B2B3B3;
  color: #FFF;
  font-family: DaysSansBlack; 
  text-transform:uppercase;
  font-size: 1.3em;
}
.body_b2 a{
   color:#5B5B5B;
}
.body_b2 a:hover{
   color: #F7BF1F;  
   font-weight: bold;
}
.body_b2{
    background: url('../images/body-b.png') repeat-y;
    color:#5B5B5B;
    font-size: 1.4em;
    height: 310px;
    font-family: ProximaNovaLt;
/*    left:-15px;*/
}
.body_b2 .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
}
.body_b2:hover{
    background: none; 
}
.body_b2 ul{
    padding-top: 10%;
    padding-bottom: 10%;
}
.hovered_2{
    background: #F7BF1F;
     color:#5B5B5B;
}
/**/
/**/
.serf3{
  background: #B2B3B3;
  color: #FFF;
  font-family: DaysSansBlack; 
  text-transform:uppercase;
  font-size: 1.3em;
}
.body_b3 a{
    color:#727271;
}
.body_b3 a:hover{
   color: #F7BF1F;  
}
.body_b3{
    background: url('../images/body-b.png') repeat-y;
    color:#5B5B5B;
    font-size: 1.4em;
    height: 310px;
    font-family: ProximaNovaLt;
/*    left:-15px;*/
}
.body_b3 .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
}
.body_b3:hover{
    background: none;
}
.body_b3 ul{
    padding-top: 10%;
    padding-bottom: 10%;
}
.hovered_3{
    background: #F7BF1F;
    color:#5B5B5B;
}
/**/
.footer {
/*    position: absolute;*/
    bottom: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #5B5B5B;
    color: #fff;
    font-size: 1.4em;
   
}
.footer p{
   margin: 0 0 0px;  
   
}
/*footer {
    background: #B2B3B3;
    color:#fff;
    height: 25px;
    display: block;
}*/
.spolerer{
    padding-top: 5px;
    width: 100%;
    height: 278px;
    background: #fff;
    padding-left: 25px;
    padding-right: 25px;
    
    
}
.spolerer h2{
   font-weight: bold;
   font-size: 1.6em;
   margin-top: 5px;
   margin-bottom: 5px;
   
}
.refr{
    display: inline;
}
.refr3{
    display:none;
}
button.close {
     padding-right: 15px;
     font-size: 2em;
     border:0px;
}
button.close:active, button.close:hover {
     border: 0px;
     border-color: #fff;
}
a,a:focus,a:hover,a:active,button, 
button:hover { outline: 0 !important;} 
a:focus {text-decoration: none;} 
iframe.embed-responsive-item {height: 273px;}
.panel {
	padding: 2px;
	width: 350px;
	background: #626262;
	/*border: #282828 2px solid;*/
	font-family: Georgia;
        display: block;
        z-index: 999;
        min-height: 100%;
}
.fadback_head{
    background: #edcc36;
    color: #626262;
    font-size: 1.8em;
    
}
.modal-body{
    background: #626262;
}
.modal-header{
    background: #edcc36;
}
.modal-footer{
    background: #626262;
}
/*.modal{
    right: 15px;
}*/
.fadback_head p{
    /*padding: 5px;*/
    text-align: center;
    font-family:Proxima;   
    
}
.btn-success2 {
    color: #626262;
    background-color: #edcc36;
    border-color: #626262;
}
.btn-success3 {
    color: #edcc36;
    background-color: #626262;
    border-color: #edcc36;
}
#contact-form{
   background: #626262;
   border: 2px #626262;
}
.serf8{
    height: 15px;
}
.alert{
    margin-top: 20px;
    height: 200%;
}
/*----  ---*/
.first{
  background-color: #546E7A;
}

.feat
{
  background-color: #FFC300;
}

/*svg {
  width: 100%;
  
}*/
.text--line, .text--line2{
  font-family: nadejda;
  font-size:40px;
}
.mysvg {
    width: 300px;
    height: 80px;
}
#rufg{
   float: right;
}

.text-copy {
  fill: none;
  stroke: white;
  stroke-dasharray: 7% 8%;
  stroke-width: 2px;
  -webkit-animation: stroke-offset 5s infinite linear;
          animation: stroke-offset 5s infinite linear;
}
.text-copy:nth-child(1) {
  stroke: #626262;
  stroke-dashoffset: 7%;
}
.text-copy:nth-child(2) {
  stroke: #626262;
  stroke-dashoffset: 14%;
}
.text-copy:nth-child(3) {
  stroke: #626262;
  stroke-dashoffset: 21%;
}
.text-copy:nth-child(4) {
  stroke: #626262;
  stroke-dashoffset: 28%;
}
.text-copy:nth-child(5) {
  stroke: #626262;
  stroke-dashoffset: 35%;
}

@-webkit-keyframes stroke-offset {
  50% {
    stroke-dashoffset: 35%;
    stroke-dasharray: 0 87.5%;
  }
}

@keyframes stroke-offset {
  50% {
    stroke-dashoffset: 40%;
    stroke-dasharray: 0 87.5%;
  }
}
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
.row-flex {
    display: flex;
    flex-flow: row wrap;
}
iframe{
    height: 270px;
}






@media (max-width: 1700px) {
    body {
    font-size: 16px;   
    }
    .body_b ul{
    padding-top: 10%;
    padding-bottom: 10%;
    }
    .body_b_1 ul{
       padding-top: 10%;
        padding-bottom: 10%; 
    }
    .body_b2 ul{
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .spolerer{   
    height: 270px;    
    }
    .fant-c p{
        font-size: 1.8em; 
        padding-top:5%;
    }
    .fant-c h2{
        padding-top:10%;
        font-size: 2.3em;       
    }
    .panel{
        width: 400px;
    }
    
}
@media (max-width: 1400px) {
    body {
    font-size: 14px;   
    }
    .body_b ul{
    padding-top: 10%;
    padding-bottom: 10%;
    }
    .body_b_1 ul{
       padding-top: 10%;
        padding-bottom: 10%; 
    }
    .body_b2 ul{
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .spolerer{   
    height: 272px;    
    }
    .fant-c p{
        font-size: 1.6em; 
        padding-top:5%;
    }
    .fant-c h2{
        padding-top:10%;
        font-size: 2.1em;       
    }
    .panel{
        width: 400px;
    }
    iframe{
    height: 273px;
    }
    
}
@media (max-width: 1300px) {
    body {
    font-size: 12px;   
    }
    .body_b ul{
    padding-top: 10%;
    padding-bottom: 10%;
    }
    .body_b_1 ul{
       padding-top: 10%;
        padding-bottom: 10%; 
    }
    .body_b2 ul{
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .spolerer{   
    height: 272px;    
    }
    .fant-c p{
        font-size: 1.6em; 
        padding-top:5%;
    }
    .fant-c h2{
        padding-top:10%;
        font-size: 2em;       
    }
    .panel{
        width: 400px;
    }
    iframe{
    height: 278px;
    }
    
}
@media (max-width: 1200px) {
    body {
    font-size: 12px;   
    }
    .body_b ul{
    padding-top: 10%;
    padding-bottom: 10%;
    }
    .body_b_1 ul{
       padding-top: 10%;
        padding-bottom: 10%; 
    }
    .body_b2 ul{
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .spolerer{   
    height: 272px;    
    }
    .fant-c p{
        font-size: 1.4em; 
        padding-top:5%;
    }
    .fant-c h2{
        padding-top:10%;
        font-size: 1.8em;       
    }
    .panel{
        width: 400px;
    }
    iframe{
    height: 278px;
    }
    
}
@media (max-width: 992px) {
    .hed{
        font-size: 1.1em;
    }
    iframe{
    height: 279px;
    }
    .fant-c h2{
        padding-top:8%;
        font-size: 1.6em;       
    }
}
@media (max-width: 768px) {
     body {
    font-size: 11px;   
    }
     .spolerer h2{
   font-size: 1.2em;
    }
    .fant-c{ 
        background: url('../images/backgrand-c.png') repeat-x;
    }
    .spolerer{
        height: 100vh;
        
    }
    .panel{
      height: 100vh; 
    }
}

@media (max-width: 480px) {
    body {
    font-size: 11px;   
    }
  .fant-c{       
        background: url('../images/backgrand-c.png') repeat-x;
    }   
    .spolerer h2{
   font-size: 1.2em;
    }
    .spolerer{
       height: 100vh; 
       
    }
    .panel{
      height: 100vh; 
      
    }
}
/*Animatia - logo*/
.letter-container {
/*	border-bottom: 1px dashed rgba(255,255,255,0.3);
	border-top: 1px dashed rgba(255,255,255,0.3);*/
	margin: 0px;
	padding: 0px;
	height: 50px;
}
.letter-container h2 {
	text-align: center;
	font-family: nadejda; 
	letter-spacing: 3px;
/*        font-size: 2em;*/
        
}
.letter-container h2 a {
	text-align: center;
	font-size: 1.1em;
	line-height: 40px;
	display: block;
	padding-bottom: 20px;
	-webkit-mask: url(../images/mask.png) repeat;
	-o-mask: url(../images/mask.png) repeat;
	-moz-mask: url(../images/mask.png) repeat;
	-ms-mask: url(../images/mask.png) repeat;
	mask: url(../images/mask.png) repeat;
}
.letter-container h2 a:hover{
    text-decoration: none;
	
}
.letter-container h2 a span {
	color: #454444;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-animation: sharpen 0.9s linear backwards;
	-moz-animation: sharpen 0.9s linear backwards;
	-ms-animation: sharpen 0.9s linear backwards;
	animation: sharpen 0.9s linear backwards;
}
.letter-container h2 a span:hover{
	text-shadow: 0px 0px 40px #fff;
}
.letter-container h2 a span:nth-child(1) {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}
.letter-container h2 a span:nth-child(2) {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-ms-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.letter-container h2 a span:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.letter-container h2 a span:nth-child(4) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.letter-container h2 a span:nth-child(5) {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.letter-container h2 a span:nth-child(6) {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.letter-container h2 a span:nth-child(7) {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.letter-container h2 a span:nth-child(8) {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	-ms-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.letter-container h2 a span:nth-child(9) {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.letter-container h2 a span:nth-child(10) {
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.letter-container h2 a span:nth-child(11) {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}
.letter-container h2 a span:nth-child(12) {
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-ms-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.letter-container h2 a span:nth-child(13) {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.letter-container h2 a span:nth-child(14) {
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	-ms-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.letter-container h2 a span:nth-child(15) {
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-ms-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.letter-container h2 a span:nth-child(16) {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.letter-container h2 a span:nth-child(17) {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.letter-container h2 a span:nth-child(17) {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.letter-container h2 a span:nth-child(18) {
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
	-ms-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
.letter-container h2 a span:nth-child(19) {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-ms-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.letter-container h2 a span:nth-child(20) {
	-webkit-animation-delay: 1.9s;
	-moz-animation-delay: 1.9s;
	-ms-animation-delay: 1.9s;
	animation-delay: 1.9s;
}
.letter-container h2 a span:nth-child(21) {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
}
.letter-container h2 a span:nth-child(22) {
	-webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
	-ms-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
.letter-container h2 a span:nth-child(23) {
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	-ms-animation-delay: 2.2s;
	animation-delay: 2.2s;
}
.letter-container h2 a span:nth-child(24) {
	-webkit-animation-delay: 2.3s;
	-moz-animation-delay: 2.3s;
	-ms-animation-delay: 2.3s;
	animation-delay: 2.3s;
}
.letter-container h2 a span:nth-child(25) {
	-webkit-animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	-ms-animation-delay: 2.4s;
	animation-delay: 2.4s;
}
.letter-container h2 a span:nth-child(26) {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.letter-container h2 a span:nth-child(27) {
	-webkit-animation-delay: 2.6s;
	-moz-animation-delay: 2.6s;
	-ms-animation-delay: 2.6s;
	animation-delay: 2.6s;
}
.letter-container h2 a span:nth-child(28) {
	-webkit-animation-delay: 2.7s;
	-moz-animation-delay: 2.7s;
	-ms-animation-delay: 2.7s;
	animation-delay: 2.7s;
}
.letter-container h2 a span:nth-child(29) {
	-webkit-animation-delay: 2.8s;
	-moz-animation-delay: 2.8s;
	-ms-animation-delay: 2.8s;
	animation-delay: 2.8s;
}
.letter-container h2 a span:nth-child(30) {
	-webkit-animation-delay: 2.9s;
	-moz-animation-delay: 2.9s;
	-ms-animation-delay: 2.9s;
	animation-delay: 2.9s;
}
.letter-container h2 a span:nth-child(31) {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}
.letter-container h2 a span:nth-child(32) {
	-webkit-animation-delay: 3.1s;
	-moz-animation-delay: 3.1s;
	-ms-animation-delay: 3.1s;
	animation-delay: 3.1s;
}
.letter-container h2 a span:nth-child(33) {
	-webkit-animation-delay: 3.2s;
	-moz-animation-delay: 3.2s;
	-ms-animation-delay: 3.2s;
	animation-delay: 3.2s;
}
@keyframes sharpen {
 0% {
   	opacity: 0;
   	text-shadow: 0px 0px 100px #fff;
   	color: transparent;
 }
 90% {
   	opacity: 0.9;
   	text-shadow: 0px 0px 10px #fff;
   	color: transparent;
 }
 100% {
    color: #fff;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
 }
}
@-moz-keyframes sharpen {
 0% {
   	opacity: 0;
   	text-shadow: 0px 0px 100px #fff;
   	color: transparent;
 }
 90% {
   	opacity: 0.9;
   	text-shadow: 0px 0px 10px #fff;
   	color: transparent;
 }
 100% {
    color: #fff;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
 }
}
@-webkit-keyframes sharpen {
 0% {
   	opacity: 0;
   	text-shadow: 0px 0px 100px #fff;
   	color: transparent;
 }
 90% {
   	opacity: 0.9;
   	text-shadow: 0px 0px 10px #fff;
   	color: transparent;
 }
 100% {
    color: #fff;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
 }
}
@-ms-keyframes sharpen {
 0% {
   	opacity: 0;
   	text-shadow: 0px 0px 100px #fff;
   	color: transparent;
 }
 90% {
   	opacity: 0.9;
   	text-shadow: 0px 0px 10px #fff;
   	color: transparent;
 }
 100% {
    color: #fff;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
 }
}
#butforma {
margin: 0px;
/*background: url('../images/feedback_1_2.png') repeat-none;*/
z-index: 2;
position: fixed;
top: 330px;
right: 0px;
/*width: 90px;
height: 89px;*/
}