/*
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 : 08.01.2018, 15:45:41
    Author     : sasha
*/
@font-face {
font-family: Proxima; /* Имя шрифта */
src: url(/fonts/ProximaNova-Reg.otf); /* Путь к файлу со шрифтом */
}
@font-face {
font-family: ProximaBold; /* Имя шрифта */
src: url(/fonts/proximanova-bold.otf); /* Путь к файлу со шрифтом */
}

.head-rigth{
    text-align: right;
    padding-right: 20px;
}
.head-rigth span{
    padding-left: 12px;
    
}
.fant-a {
    background: #f1bf1f;
}
.fant-b {
    background: #f1bf1f;
}
.fant-c {
    background: #f1bf1f;
}
.sys-gps{
    padding-top: 0px;
    text-align: center;
}
.sys-gps h1{
    font-size: 2.3em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: center; 
}
.sys-gps span{
    font-size: 1.3em;
    font-family: Proxima;
    font-weight: 700;
    text-align: center; 
}
.fant-c-new{
    padding-top: 30px;
    text-align: right;
}
.fant-c-new h3{
    font-size: 2.5em;
    font-family: ProximaBold;
    font-weight: 800;
}
.fant-c-new span{
    font-size: 1.7em;
    font-family: Proxima;
    font-weight: 700;
}
.img-konv{
    padding-bottom: 5px;
}
.row-sys{
    margin-top: 100px;
    margin-bottom: 50px;
    /*position: relative;*/
/*    box-shadow: inset 0px 0px 10px #000000;*/
}
.sys-ten{
    box-shadow: inset 0 15px 15px -15px #333 , inset 0 -15px 15px -15px #333;
}
.row-sys-bootom{
    margin-top: 170px;
    margin-bottom: 0px;
}
.row-sys-bootom-ty{
    margin-top: 170px;
    margin-bottom: 0px;
}
.row-sys-bootom-ty h3{
     font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: right;
}
.row-sys-bootom-tyen{
    margin-top: 170px;
    margin-bottom: 0px;
}
.row-sys-bootom-tyen h3{
     font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: right;
}

.row-sys-top{
    margin-top: 0px;
}
.img-sys{
    width: 200px;
}
.row-sys-top h3{
   font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: right;
}
.row-sys-bootom h3{
     font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: right;
}
.img-sys-bg{
    margin-top: 10px;
    height: 240px;
    width: 400px;
}
.img-sys-bg-none{
    display: none;
}
.img-sys-bg-none a{
    text-decoration: none;
    color: #474646;
}
.img-sys-bg-none a:hover{
    text-decoration: none;
    color: #474646;
}
.row-sys-top-right{
   margin-top: 0px;
}
.row-sys-top-right h3{
   font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: left;
}
.row-sys-bootom-right{
    margin-top: 170px;
    margin-bottom: 0px;
}
.row-sys-bootom-right h3{
    font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: left;
}
.row-sys-bootom-right h2{
    font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: left;
}
.row-sys-bootom-right-ty{
    margin-top: 145px;
    margin-bottom: 0px;
}
.row-sys-bootom-right-ty h3{
    font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: left;
}
.row-sys-bootom-right-ty h2{
    font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: left;
}
.row-sys-bootom-right-tyen{
    margin-top: 170px;
    margin-bottom: 0px;
}
.row-sys-bootom-right-tyen h3{
    font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: left;
}
.row-sys-bootom-right-tyen h2{
    font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: left;
}
.row-sys-bootom-right-typl{
    margin-top: 150px;
    margin-bottom: 0px;
}
.row-sys-bootom-right-typl h3{
    font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: left;
}
.row-sys-bootom-right-typl h2{
    font-size: 2em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: left;
}
.sys-rty{
    background: #f1bf1f;
    color: #454444; 
    font-size: 2.3em;
    font-weight: 800;
    font-family: ProximaBold;
}
.sys-rty h2{  
    margin-top: 0px;
    margin-bottom: 0px;
    
}
.body-rt{
    /*background: url('../images/site_finish_fon.jpg');*/
    top:0px;
    left:0px; 
    height: 100%;
}
.body-rt-img{
   
}
.body-rt-r{
    background: url('../images/zadachi-sys-2.png');
    top:0px;
    left:0px;  
}
.offer-item p{
    opacity:0;
    transition:opacity ease-out .6s;
    text-align: right;
    font-size: 1.3em;
    position: absolute;
    padding-right: 15px;
}
.offer-item-b p{
    opacity:0;
    transition:opacity ease-out .6s;
    text-align: right;
    font-size: 1.3em;
    
}
.offer-item:hover p{
    opacity:1;
}
.offer-item-b:hover p{
    opacity:1;
}
.offer-item-right p{
    opacity:0;
    transition:opacity ease-out .6s;
    text-align: left;
    font-size: 1.3em;
    position: absolute;
   
    
}
.offer-item-right-b p{
    opacity:0;
    transition:opacity ease-out .6s;
    text-align: left;
    font-size: 1.3em;  
    
}
.offer-item-right:hover p{
    opacity:1;
}
.offer-item-right-b:hover p{
    opacity:1;
}
.sys-two{
    background: url('../images/backgran-two.jpg');
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
/*.offer-item-two{
    margin-top: 30px;
}*/
.offer-item-two h3{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: center;
    color: #fff;
}
.offer-item-two h2{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800;
    text-align: center;
    color: #fff;
}
.offer-item-two p{
    opacity:0;
    transition:opacity ease-out .6s;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
}
.offer-item-two:hover p{
    opacity:1;
}
.ig-two-top {
    margin-top: 50px;
}
.ig-two-bottom{
    margin-top: 30px;
    margin-bottom: 50px;
}
.img-two-bl{
    width: 70px
}
.sys-three{
    box-shadow: inset 0 15px 15px -15px #333 , inset 0 -15px 15px -15px #333;
   
}
#lang a{
    text-decoration:none;
}
#lang a:hover {
    text-decoration:underline;
}
#lang a.selected {    
     text-decoration:underline;
     
 }

.sys-three-top{
    margin-top: 100px;
    margin-bottom: 50px;
}
.row-sys-top-three{
    margin-top: 50px;
}
.row-sys-top-three h3{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: right;
}
.row-sys-top-three h2{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: right;
}
.img-sys-bg-three{
    width: 600px;
}
.row-sys-top-three-right h3{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: left;
}
.row-sys-top-three-right h2{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: left;
}
.row-sys-top-three-right{
    margin-top: 50px;
}
.three-bottom{
    margin-top: 20px;
}
.three-bottom-right{
    margin-top: 20px;
}
.three-bottom h3{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: left;
}
.three-bottom h2{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: left;
}
.three-bottom-right h3{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: left;
}
.three-bottom-right h2{
    font-size: 1.7em;
    font-family: ProximaBold;
    font-weight: 800; 
    margin-top: 0px;
    text-align: left;
}



@media (max-width: 480px) {
    .img-sys-bg-three{
      display:none;  
    }
    .img-sys-bg{
    display:none;
    }
    .img-sys-bg-none{
        margin-top: 30px;
        display: block;
        /*max-width: 400px;*/
        text-align: center;
    }
    .row-sys-top h3{
   text-align: center;
    }
    .row-sys-bootom h3{
     text-align: center;
    }
    .row-sys-bootom-right-ty h3{
     text-align: center;
    }
    .row-sys-bootom-right-tyen h3{
     text-align: center;
    }
    .row-sys-bootom-right-typl h3{
     text-align: center;
    }
    .row-sys-bootom-tyen h3{
        text-align: center;
    }
    .row-sys-top h2{
   text-align: center;
    }
    .row-sys-bootom h2{
     text-align: center;
    }
    .row-sys-bootom-right-ty h2{
     text-align: center;
    }
    .row-sys-bootom-right-tyen h2{
     text-align: center;
    }
    .row-sys-bootom-right-typl h2{
     text-align: center;
    }
    .row-sys-bootom-tyen h2{
        text-align: center;
    }
    
    
    
    
    .offer-item p{
    text-align: center;
    }
    .offer-item-right p{
    text-align: center;
    }
    .offer-item-b p{
    text-align: center;
    }
    .offer-item-right-b p{
    text-align: center;
    }
    .row-sys-top-right{
        margin-top: 30px;
    }
    .row-sys-top-right h3{
    text-align: center;
    }

    .row-sys-bootom-right h3{
    text-align: center;
    }
    .row-sys-top-right h2{
    text-align: center;
    }

    .row-sys-bootom-right h2{
    text-align: center;
    }
    .row-sys-bootom-right{
    margin-top: 30px;
    margin-bottom: 30px;
    }
    row-sys-bootom-right-ty h3{
        text-align: center;
    }
    row-sys-bootom-right-ty h2{
        text-align: center;
    }
    .row-sys{
        margin-top: 30px;
    }
    .row-sys-bootom{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .row-sys-top-three h3{  
    text-align: center;
    }

    .row-sys-top-three-right h3{ 
    text-align: center;
    }
    .three-bottom h3{
    text-align: center;
    }
    .three-bottom-right h3{
    text-align: center;
    }
    .row-sys-top-three h2{  
    text-align: center;
    }

    .row-sys-top-three-right h2{ 
    text-align: center;
    }
    .three-bottom h2{
    text-align: center;
    }
    .three-bottom-right h2{
    text-align: center;
    }
    
    .row-sys-top-three{
    margin-top: 30px;
    }
    .sys-three-top{
    margin-top: 30px;
    margin-bottom: 50px;
    }
}



@media (min-width: 768px) and (max-width: 991px) {
	
	.img-sys-bg-three{
      display:none;  
    }
    .img-sys-bg{
    display:none;
    }
    .img-sys-bg-none{
        margin-top: 30px;
        display: block;
        /*max-width: 400px;*/
        text-align: center;
    }
    .row-sys-top h3{
   text-align: center;
    }
    .row-sys-bootom h3{
     text-align: center;
    }
    .row-sys-top h2{
   text-align: center;
    }
    .row-sys-bootom h2{
     text-align: center;
    }
    .offer-item p{
    text-align: center;
    }
    .offer-item-b h3{
    text-align: center;
    }
    .offer-item-b p{
    text-align: center;
    }
    .offer-item-right-b h3{
     text-align: center;
    }
    .offer-item-right-b p{
    text-align: center;
    }
    .offer-item-right p{
    text-align: center;
    }
    .row-sys-top-right{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .row-sys-top-right h3{
    text-align: center;
    }
    .row-sys-bootom-right h3{
    text-align: center;
    }
    .row-sys-top-right h2{
    text-align: center;
    }

    .row-sys-bootom-right h2{
    text-align: center;
    }
    .fant-c{
        width: 100%;
    }
    .fant-c-new{
        text-align: center;
        padding-bottom: 20px;
    }
    .row-sys-bootom-right{
    margin-top: 40px;
    margin-bottom: 10px;
    }
    .row-sys{
        margin-top: 30px;
    }
    .row-sys-bootom{
        margin-top: 50px;
        margin-bottom: 10px;
    }

}

@media (max-width: 767px) {
    .img-sys-bg-three{
      display:none;  
    }
    .img-sys-bg{
    display:none;
    }
    .img-sys-bg-none{
        margin-top: 30px;
        display: block;
        /*max-width: 400px;*/
        text-align: center;
    }
    .row-sys-top h3{
   text-align: center;
    }
    .row-sys-bootom h3{
     text-align: center;
    }
    .row-sys-top h2{
   text-align: center;
    }
    .row-sys-bootom h2{
     text-align: center;
    }
    .offer-item p{
    text-align: center;
    }
    .offer-item-b h3{
    text-align: center;
    }
    .offer-item-b p{
    text-align: center;
    }
    .offer-item-right-b h3{
     text-align: center;
    }
    .offer-item-right-b p{
    text-align: center;
    }
    .offer-item-right p{
    text-align: center;
    }
    .row-sys-top-right{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .row-sys-top-right h3{
    text-align: center;
    }
    .row-sys-bootom-right h3{
    text-align: center;
    }
    .row-sys-top-right h2{
    text-align: center;
    }

    .row-sys-bootom-right h2{
    text-align: center;
    }
    .fant-c{
        width: 100%;
    }
    .fant-c-new{
        text-align: center;
        padding-bottom: 20px;
    }
    .row-sys-bootom-right{
    margin-top: 40px;
    margin-bottom: 10px;
    }
    .row-sys{
        margin-top: 30px;
    }
    .row-sys-bootom{
        margin-top: 50px;
        margin-bottom: 10px;
    }
}

/* paralax */
/*.parallax {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 1px;
    perspective: 1px;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2);
  }
  
  .parallax__group {
  position: relative;
  height: 100vh;
  transform-style: preserve-3d;
}*/
/* paralax */

/* 404 */
div.background {
  background: url(../images/site_finish_fon_1.jpg) ;
  border: 1px solid white;
     background-size: cover;
     background-repeat: no-repeat;
     height: 100%;
     width: 100%;
     margin : auto;
     padding: 120px;
}

/* Below piece of code makes  the highlitened box*/ 
div.err {
  margin: 100px;
  background-color: #ffffff;/* Used for colouring the transition box*/
  border: 1px solid white;
  opacity: 0.6;/*Used to specify opacity*/
  padding-top: 50px;
  padding-bottom: 50px
  
}

div.err p {
  margin: 2%;
  font-weight: bold;
  color: #000000;
  padding: 90px;
}

.gps-mon p{
    font-size: 1.7em;
    font-family: Proxima;
    /*font-weight: 400;*/
    /*text-shadow: 1px 1px 0px #fff, 3px 2px 0px rgba(0,0,0,0.15);*/
}
.gps-mon h1{
    font-size: 2.8em;
    font-family: ProximaBold;
    text-align: center;
}
2
3
4
5
.animated {
  -webkit-animation-duration: .6s;
  -o-animation-duration: .6s;
  -moz-animation-duration: .6s;
  animation-duration: .6s;
  
  -webkit-animation-delay: 10s;
  -o-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
}
.nodisplay{
display: none;
}

.blink-2 {
		-webkit-animation: blink-2 1.9s cubic-bezier(0.645, 0.045, 0.355, 1.000) 3 both;
	        animation: blink-2 1.9s cubic-bezier(0.645, 0.045, 0.355, 1.000) 3 both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-30 21:19:31
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation blink-2
 * ----------------------------------------
 */
@-webkit-keyframes blink-2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink-2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.yey {
position: absolute;
margin-left: -25px;
margin-top: -15px;
}