#back-top {position: fixed; bottom: 0; z-index: 300; float:right; padding:10px 0; right:0; display:none; }
#back-top a{}
#back-top div{ padding:15px 20px;border:1px solid #D5B82C;margin-right:5px;color:white;background-color:#E59712;opacity:0.5;
   transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -moz-transition:opacity 1s;
  -o-transition:opacity 1s;  
}
#back-top div:hover{opacity:0.8}


.zagolov{
  position:absolute;
}
.zagolov .otstup{padding:5% 20% 35%;}
.zagolov .flash{padding-top:15vh;}
.blueopacity{background:rgba(53,126,189,0.7);
      border:1px solid black;
     transition: background-color 0.5s ease 0s,color 0.5s;
    -webkit-transition: background-color 0.5s ease 0s,color 0.5s;
    -moz-transition:background-color 0.5s ease 0s,color 0.5s;
    -o-transition:background-color 0.5s ease 0s,color 0.5s;  
}
.proj{color:#F8E161;}
.proj:hover{color:white;}
h2.blueopacity{
  font-size:28px;
  height:85px;
  padding:5% 0;
}
h2.blueopacity.extra{padding:6% 0;}
#contacts_top{padding:0 10px;}
#contacts_top p{font-size: 23px;}


@media only screen and (max-width: 1200px) {
  .zagolov .otstup{padding-top:7%;padding-bottom:70vh;}
  .zagolov .otstup h3{font-size:18px;}
  .zagolov .otstup h4{font-size:16px;}
  .zagolov .otstup p{font-size:16x;}  
}
@media only screen and (max-width: 991px) {
  .zagolov .otstup{padding-top:10%;padding-bottom:70vh;}
  #contacts_top{padding-top:5px;}
  #contacts_top p{font-size: 19px}
  #contacts_top span{font-size: 12px}
  h2.blueopacity{font-size:20px;height:50px;padding:3% 0;}
  h2.blueopacity.extra{padding:5% 0;}  
  .proj{font-size:14px;}
  #contacts_top{}
  .dropdown-menu{position:relative;}
}
@media only screen and (max-width: 768px) {
  .zagolov .flash{padding:15px 0;}
  h2.blueopacity{font-size:20px;height:50px;padding:2% 0;}
  h2.blueopacity.extra{padding:3% 0;}
  .zagolov .otstup{padding:1%;font-size:14px;}
  .zagolov .otstup h3{font-size:14px;}
  .zagolov .otstup h4{font-size:14px;}
  .zagolov .otstup p{font-size:14px;}  
}
body a:hover{text-decoration:none;}
#details h3{display:inline;text-transform:uppercase;font-size:18px}
#details{padding-bottom:20px;}
.textshadow{text-shadow: 1px 1.7px 3px rgba(0, 0, 0, 0.44);}
.nopadding{padding:0px;margin:0px;}


            .shema {color:white;text-align:center;}
            .shema div{width:245px;position:relative;}
            .shema .step1{left:140px;top:170px;}
            .shema .step2{left:210px;top:175px;}
            .shema .step3{left:260px;top:180px;}
            .shema .step4{left:135px;top:280px;}
            .shema .step5{left:215px;top:290px;}
            .shema .step6{left:265px;top:280px;}
            @media only screen and (max-width: 1199px) {
              .shema .step1{left:40px;top:170px;}
              .shema .step2{left:110px;top:175px;}
              .shema .step3{left:160px;top:180px;}
              .shema .step4{left:40px;top:280px;}
              .shema .step5{left:120px;top:290px;}
              .shema .step6{left:165px;top:280px;}            
            }
            @media only screen and (max-width: 991px) {
              .shema .step1{left:-70px;top:170px;}
              .shema .step2{left:5px;top:175px;}
              .shema .step3{left:55px;top:180px;}
              .shema .step4{left:-70px;top:280px;}
              .shema .step5{left:5px;top:290px;}
              .shema .step6{left:55px;top:280px;}     
            }            
            @media only screen and (max-width: 860px) {
              .shema div{font-size:10px;width:220px;}      
              .shema .step1{left:-40px;top:160px;}
              .shema .step2{left:35px;top:175px;}
              .shema .step3{left:90px;top:180px;}
              .shema .step4{left:-30px;top:280px;}
              .shema .step5{left:40px;top:290px;}
              .shema .step6{left:90px;top:280px;}            }
              
@media only screen and (min-width: 768px) {
.s-first{min-height:800px}
.anime{
  -webkit-animation: example 1.5s infinite;
  -moz-animation:example 1.5s infinite;
  -o-animation: example 1.5s infinite;
  animation: example 1.5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%  {opacity:0;}
    50%  {background-color: #52BADA;}
    100% {background-color: #46B8DA;}
}

/* Standard syntax */
@keyframes example {
    0%  {opacity:0;}
    50%  {background-color: #52BADA;}
    100% {background-color: #46B8DA;}    
}
}