@font-face {
 font-family: 'robot';
 src: url('../fonts/roboto/Roboto-Regular.eot'); 
}

@font-face {
 font-family: 'robotb';
 src: url('../fonts/roboto/Roboto-Bold.eot'); 
}

@font-face {
 font-family: 'robotm';
 src: url('../fonts/roboto/Roboto-Regular.eot'); 
}

@font-face {
 font-family: 'robotl';
 src: url('../fonts/roboto/Roboto-Regular.eot'); 
}


@font-face {
  font-family: 'robot';
  src: url('../fonts/roboto/Roboto-Regular.eot?') format('eot'),
  url('../fonts/roboto/Roboto-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotm';
  src: url('./../fonts/roboto/Roboto-Medium.ttf');

  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotl';
  src: url('./../fonts/roboto/Roboto-Light.ttf');

  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotb';
  src: url('../fonts/roboto/Roboto-Bold.eot'); 
  src: url('../fonts/roboto/Roboto-Bold.eot?') format('eot'),
  url('./../fonts/roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{font-family: "glober"; background: url(../images/bg.jpg)center no-repeat;width: 100%; height: 100%;}

.zd1{animation-delay:.2s; -webkit-animation-delay:.2s;}
.zd2{animation-delay:.6s; -webkit-animation-delay:.6s;}
.zd3{animation-delay:1s; -webkit-animation-delay:1s;}
.zd4{animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.zd5{animation-delay:1.2s; -webkit-animation-delay:.3s;}

.container{margin:0 auto; position:relative;padding-top:0px; overflow:hidden; border-left:4px solid #424a51; border-right:4px solid #424a51;}

.shapka{position: fixed; top:0px;height: 60px; width: 100%; background: transparent;z-index: 400; color:#fff; overflow:hidden; min-width: 1200px;}
.shapka .container{height:60px; width: 1200px; background: #424a51;}
.shapka .menu{left:386px; position: relative; top:13px; text-align: left; display: inline-block;   font-family: "robot";  font-size: 16px;}
.shapka .zag{position: absolute; top:12px; left:38px;  color:#fff;font-family: "robotm";  font-size: 24px; color:#fff;}
.menu a{color:#fff;margin:auto 10px;  text-align: center;   display: inline-block; line-height: 35px; background: transition;}
.menu a:hover{ color:#fff; }
.shapka .tel{position: absolute; right:220px; top:18px; font-family: ""; font-size: 18px; color:#fff;}

.shapka .bttn {
  position: absolute;
  -moz-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  -webkit-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  box-shadow:inset 0px 0px 2px -50px #fce2c1;
  background-color:#14a8fd;
  -webkit-border-radius:0px;
  -moz-border-radius05px;
  border-radius:0px;
  text-indent:0;
  display:inline-block;
  color:#fff;
   font-family: "robotm";
   font-weight: bold;
  text-transform: uppercase;
  font-size:16px;
  font-weight:normal;
  font-style:normal;
  height:44px;
  line-height:50px;
  width:168px;
  top:8px;
  right: 36px;
  text-decoration:none;
  text-align:center;
  -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.shapka .bttn:hover {
  background-color:#F4B350;
}

header{overflow:hidden;height:578px;position:relative;background:transparent; text-align: center;}
header .container{height:578px; background: url(../images/bg_main.jpg)center no-repeat; background-size: 100% 100%;}
header .ttext{position: relative; line-height: 1.8; top: 210px; width: auto;  color:#fff; padding:5px 8px; background: #14a8fd;font-family: "robot"; font-size: 27px;}
header .ttext1{font-family: "robotl";}
header .ttext2{font-family: "robotb";}
header .str{position: relative; line-height: 1.8; top: 210px; width: auto;  color:#fff;  font-size: 40px;}
header a{color:#fff; background: rgba(20,168,253,.5); border:2px solid #14a8fd; padding:0px 10px;   }
header a:hover{color:#fff; background: rgba(20,168,253,.9); border:2px solid #14a8fd; padding:0px 10px;}

.block2{overflow:hidden;height:634px;position:relative;background:transparent;}
.block2 .container{height:634px;background: #fff;}
.block2 h1{position: relative; margin-top: 60px;font-family: "robotb"; color:#424a51; font-size: 33px; text-align: center;}
.block2 h2{position: relative; margin: -5px auto; margin-bottom: 90px; border-top:2px solid #14a8fd; width: 50px;}
.block2 .carousel-indicators{top:-50px; }
.block2 li:hover{border-bottom:1px solid #656b71;}
.block2 .carousel-indicators .active{border-bottom:1px solid #656b71; margin: 0px 10px;}
.block2 span {cursor:pointer; position: relative;  background: none; margin: 0px 10px; font-family: "robot"; font-size: 15px;}
.block2 img{position: absolute; right:50px; top:20px; height:356px; width:626px;  }
.block2 .ttx{position: relative; margin-top: 0px;  margin-left: 50px; margin-right: auto;font-family: "robotl"; color:#000; font-size: 17px; width: 400px;}
.block2 .bttn {
  position: relative;
  -moz-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  -webkit-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  box-shadow:inset 0px 0px 2px -50px #fce2c1;
  background-color:#14a8fd;
  -webkit-border-radius:0px;
  -moz-border-radius05px;
  border-radius:0px;
  text-indent:0;
  display:inline-block;
  color:#fff;
   font-family: "robotm";
   font-weight: bold;
  text-transform: uppercase;
  font-size:16px;
  font-weight:normal;
  font-style:normal;
  height:44px;
  line-height:50px;
  width:188px;
  margin-top: 20px;  margin-left: 50px; margin-right: auto;
  text-decoration:none;
  text-align:center;
  -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.block2 .bttn:hover {
  background-color:#F4B350;
}



.block3{overflow:hidden;height:370px;position:relative;background:transparent; text-align: center;}
.block3 .container{height:370px; background:url(../images/bg3.jpg) center no-repeat; }
.block3 h1{position: relative; margin-top: 60px;font-family: "robotb"; color:#fff; font-size: 33px; text-align: center;}
.block3 h2{position: relative; margin: -5px auto; margin-bottom: 30px; border-top:2px solid #14a8fd; width: 50px;}
.block3 h3{position: relative;font-family: "robotl"; color:#fff; font-size: 19px; text-align: center; line-height: 2;}
.block3 .bttn {
  position: relative;
  -moz-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  -webkit-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  box-shadow:inset 0px 0px 2px -50px #fce2c1;
  background-color:#14a8fd;
  -webkit-border-radius:0px;
  -moz-border-radius05px;
  border-radius:0px;
  text-indent:0;
  display:inline-block;
  color:#fff;
   font-family: "robotm";
   font-weight: bold;
  text-transform: uppercase;
  font-size:16px;
  font-weight:normal;
  font-style:normal;
  height:44px;
  line-height:50px;
  width:218px;
  margin-top: 10px;  margin-left: auto; margin-right: auto;
  text-decoration:none;
  text-align:center;
  -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.block3 .bttn:hover {
  background-color:#F4B350;
}

.block4{overflow:hidden;height:413px;position:relative;background:transparent; text-align: center;}
.block4 .container{height:413px; padding: 0px; border-bottom: 4px solid #424a51;}
.block4 .map{position: absolute; left:0px; right: 0px; top:0px; bottom: 0px; z-index: 1;}
.block4 .gde{position: absolute; left:80px; width: 320px; height: 413px; top:0px;z-index: 2; background: rgba(74,85,94,.9);}
.block4 h1{position: relative;margin-top: 10px;font-family: "robotb"; color:#fff; font-size: 33px; text-align: center; }
.block4 .pro{position: absolute; left:30px; top:-5px; width: 250px; font-family: "robotl"; color:#fff; font-size: 15px; text-align: left;}
.block4 .ic_adr{position: relative; margin-top: 10px; margin-bottom: 60px; margin-left: 30px; margin-right: auto; background: url(../images/ic.png) 0 0 no-repeat; width: 17px; height: 20px;}
.block4 b{font-family: "robotb"; font-weight: 400;}
.block4 .ic_tel{position: relative; margin-top: -12px; margin-bottom: 40px; margin-left: 30px; margin-right: auto; background: url(../images/ic.png) 0 -20px no-repeat; width: 17px; height: 18px;}
.block4 .ic_faks{position: relative; margin-top: -12px; margin-bottom: 40px; margin-left: 30px; margin-right: auto; background: url(../images/ic.png) 0 -36px no-repeat; width: 17px; height: 18px;}
.block4 .ic_mail{position: relative; margin-top: -12px; margin-bottom: 40px; margin-left: 30px; margin-right: auto; background: url(../images/ic.png) 0 bottom no-repeat; width: 17px; height: 18px;}
.block4 .bttn {
  position: relative;
  -moz-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  -webkit-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  box-shadow:inset 0px 0px 2px -50px #fce2c1;
  background-color:#14a8fd;
  -webkit-border-radius:0px;
  -moz-border-radius05px;
  border-radius:0px;
  text-indent:0;
  display:inline-block;
  color:#fff;
   font-family: "robotm";
   font-weight: bold;
  text-transform: uppercase;
  font-size:16px;
  font-weight:normal;
  font-style:normal;
  height:44px;
  line-height:50px;
  width:218px;
  margin-top: -6px;  margin-left: auto; margin-right: auto;
  text-decoration:none;
  text-align:center;
  -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.block4 .bttn:hover {
  background-color:#F4B350;
}


.overflow{overflow:hidden}
.modall1{height: 300px;}
.modall2{height: 400px;}
.modall3{height: 500px;}
.modal3{display:none;padding:20px 10px;width:270px; text-align:center;font-size:17px; z-idex:15000;}
.modal3 input{background: #fff;}
.modal3 .pod{position: absolute; left:0px; right: 0px; top:20px; width: 100%; height: 85px; background: #2ba3ff;}
.modal3 .form1 {
      position: relative;
      height:auto;
      width: 260px;
      margin-left: 0px;
      margin-right: auto;
       margin-top: 100px;
      text-align: center;
}

.modal3 h1{ font-family: "robotm"; font-size: 26px;  margin:5px auto;  color:#fff;}
.modal3 h3{ font-family: "robot"; font-size: 15px; margin:-15px auto;  color:#fff;}
.modal3 h4{ position: absolute; width: 200px;  font-family: "robot"; font-size: 11px; text-align: left;  left:25px; top:-10px;  color:#000;}
.modall3 .form2{top:30px;}
.modal3 textarea{width: 100%; resize: none;padding: 10px; text-align: left;color:#000;font-family: "robot";font-size: 16px; margin:-2px auto; border:2px solid #ccc; height: 150px;width: 90%; border-radius: 5px;}
.modal3 input{text-align: left;color:#000;font-family: "robot";font-size: 16px; margin:-2px auto;  border:2px solid #ccc; width: 90%; border-radius: 0px;}
.modal3 .lock{position: relative; margin-left: 30px; margin-top: 15px; margin-right: auto; background: url(../images/lock.png) no-repeat; width: 17px; height: 21px;}
.modal3 button.bttn {
  position: relative; margin: 0px auto; 
 -moz-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  -webkit-box-shadow:inset 0px 0px 2px -50px #fce2c1;
  box-shadow:inset 0px 0px 2px -50px #fce2c1;
  background-color:#f7ca18;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  text-indent:0;
  display:inline-block;
  color:#fff;
   font-family: "robot";
   font-weight: bold;
  font-size:16px;
  font-weight:normal;
  font-style:normal;
  height:44px;
  line-height:44px;
  width:90%;
  text-decoration:none;
  text-align:center;
  -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
  border: none;
 
}
.modal3 button.bttn:hover {
   background-color:#F4B350;
}

.min{width: 210px; display:inline-block;}
.minn{ padding-top: -20px;}

.text{position: absolute;font-family: "Exo"; font-size: 20px;text-transform: uppercase; color:#000; width: 150px; left:-145px; text-align: left;}


.tooltip-inner{white-space: pre;}
.thank-you{width:450px;font-size:18px}
.thank-you h3{font-size:26px}
.fancybox-overlay{background:rgba(0,0,0,0.95)}
.fancybox-opened .fancybox-skin,.fancybox-skin{background:rgba(255,255,255,1); }


.size {
  font-size: 25px;
  color: #fff;
  margin-top: 10px;
}