@charset "utf-8";
/* CSS Document */
/*@import url(http://allfont.ru/allfont.css?fonts=droid-sans);*/
@font-face {
    font-family: 'Intro';
    src: local('Intro'), url('font/intro.woff2') format('woff2'), url('font/intro.woff') format('woff'), url('font/intro.ttf') format('truetype');
    font-weight: 400;
    font-style: inline;
}

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ @font-face {font-family:"Intro-Inline";src:url("font/Intro_Inline.eot?") format("eot"),url("font/Intro_Inline.woff") format("woff"),url("font/Intro_Inline.ttf") format("truetype"),url("font/Intro_Inline.svg#Intro-Inline") format("svg");font-weight:normal;font-style:normal;}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,600,700);
html{ width:100%; overflow-x:hidden;}
body{ width:100%; height:auto; background:url(../img/fon.jpg) repeat;}
h1, h2, h3, h4, p, *p{font-family:open sans;}
a:hover{ text-decoration:none;}
header{ width:100%; height:720px; position:relative; display:block; background:url(../img/grid.png) repeat; padding:40px; opacity:0.97;}
.box,.page {
position: absolute;
top:0;
left:0;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
z-index:999;
background:rgba(15, 102, 99, 0.5);
color:white;
}
.is_overlay{
	position:absolute; top:0; left:0;
display: block;
width: 100%;
height: 100%;
}
.is_overlay video {
position: absolute; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url(/videos/bck.jpg) no-repeat;
background-size: cover;
}
.shapka { width:1000px; position:relative; margin:40px auto; display:block; }
.kachestvo{ width:100%; height:55px; display:inline;}
.kachestvo img{ position:relative; display:inline; width:55px; height:55px; float:left; }
.kachestvo p{position:relative; display:inline; float:left; text-align:left; font-family:open sans; text-transform:uppercase; color:#a69744; font-size:12px; margin-left:10px; margin-top:2px;}
.logo{ width:100%; height:auto; display:block; position:relative; text-align:center; margin:0 auto;margin-top:-15px; }
.logo img{ position:relative; display:block; width:160px; height:45px;margin:0 auto; }
.logo p{position:relative; display:block;  text-align:center; font-family:open sans; color:#fff; font-size:16px;margin:0 auto; margin-top:10px;}
.tel{ width: auto; height:auto; display:block; position:relative; float:right; }
.tel p{position:relative; display:block;  text-align:right; font-family:open sans; color:#fff; font-size:20px;margin:0 auto; margin-top:10px;}
.tel p b{ font-weight:800;}
.text_head{ width:620px; height:auto; margin:130px auto 0 auto; position:relative; display:block;}
.text_head p{  width: auto; height:auto; font-size:15px; display:block; position:relative; font-family:open sans; text-align:center; padding-top:5px; text-transform:uppercase; color:#fff;letter-spacing:2px;}
.text_head h1{  width: auto; height:auto; font-size:15px; display:block; position:relative; font-family:open sans; text-align:center; padding-top:5px; text-transform:uppercase; color:#fff;letter-spacing:2px;}
.text_head p span{padding:7px; color:#000; background:#ffd200; font-family:Open Sans Extrabold; font-size:18px; text-transform:uppercase; text-align:center; font-weight:800;  margin-top:5px;}
.text_head h1 span{padding:7px; color:#000; background:#ffd200; font-family:Open Sans Extrabold; font-size:18px; text-transform:uppercase; text-align:center; font-weight:800;  margin-top:5px;}
.luk{ position:relative; display:block; width:550px; height:350px; margin:60px auto 0 auto;}
.luk .ten{ position:absolute; top:270px; width:550px; height:100px; background:url(../img/ten.png) no-repeat; background-position:center top; background-size:550px 100px; left:50%; margin-left:-275px;} 
.container{ width:1000px; position:relative; margin:150px auto 0 auto; display:block; height:auto;margin-bottom:110px;}
.container p{ width: auto; height:auto; font-size:16px; display:block; position:relative; font-family:open sans extrabold; text-align:center; padding-top:5px; text-transform:uppercase; color:#000; margin-bottom:0;}
.container h2{  width: auto; height:auto; font-size:30px; display:block; position:relative; font-family:open sans extrabold; text-align:center; text-transform:uppercase; color:#000; margin-top:5px;}
.luki{ width:100%; height:auto; position:relative; display:block; margin-top:60px;}
.luki .row .col-md-4 .obzor{ width:307px; position:relative; margin:0 auto; display:block; height:383px; border:5px solid #e9ebea;
-webkit-transition: all 220ms ease-in-out;
-moz-transition: all 220ms ease-in-out;
-ms-transition: all 220ms ease-in-out;
-o-transition: all 220ms ease-in-out;
transition: all 220ms ease-in-out;}
.luki .row .col-md-4 .obzor:hover{border:5px solid #ffd200;
-webkit-transition: all 220ms ease-in-out;
-moz-transition: all 220ms ease-in-out;
-ms-transition: all 220ms ease-in-out;
-o-transition: all 220ms ease-in-out;
transition: all 220ms ease-in-out;}
.luki .row .col-md-4 .obzor:hover img{width:310px;
-webkit-transition: all 220ms ease-in-out;
-moz-transition: all 220ms ease-in-out;
-ms-transition: all 220ms ease-in-out;
-o-transition: all 220ms ease-in-out;
transition: all 220ms ease-in-out;}
.luki .row .col-md-4 .obzor a{  position:relative; display:block; float:left; overflow:hidden; width:297px; height:226px;} 
.luki .row .col-md-4 .obzor img{ width:297px; height:auto; position:relative; display:block; float:left;
-webkit-transition: all 220ms ease-in-out;
-moz-transition: all 220ms ease-in-out;
-ms-transition: all 220ms ease-in-out;
-o-transition: all 220ms ease-in-out;
transition: all 220ms ease-in-out;}
.luki .row .col-md-4 .obzor .ramka { position:relative; display:block; width:297px; height:210px; float:left;  padding:15px 20px;}
.luki .row .col-md-4 .obzor .ramka h3{font-size:17px; display:block; position:relative; font-family:open sans; text-align:center; padding-top:5px; text-transform:uppercase; color:#000; margin-bottom:0;}
.luki .row .col-md-4 .obzor .ramka a{ padding:15px 25px; position:relative; width:100%; margin-top:30px; height:auto; display:block; background:#ffd200; font-size:15px; text-align:center; font-family:open sans extrabold; color:#2b2b2b; text-transform:uppercase;}
.kachestvo_block{ width:100%; height:625px; position:relative; display:block; background: url(../img/kachestvo.png); background-size:100% auto;}
.kachestvo_block .block{ width:900px; height:auto; margin:0px auto; padding-top:55px; }
.kachestvo_block .block h2{ font-size:24px; font-family:open sans extrabold; text-align:center; text-transform:uppercase; color:#fff; line-height:26px;}
.kachestvo_block .block h2 span{ font-size:18px;}
.kachestvo_block .block .col-md-6{ margin-top:50px; }
.kachestvo_block .block .col-md-6 .into{ width:380px; margin:0 auto; float:right; margin-right:15px;}
.kachestvo_block .block .col-md-6 img{ position:relative; float:left; display:inline; width: auto; height: auto;}
.kachestvo_block .block .col-md-6 .text{ position:relative; width:300px; height:auto; float:left; margin-left:10px; display:inline;}
.kachestvo_block .block .row .col-md-6 .text h3{ font-size:14px; font-family:open sans extrabold; text-transform:uppercase; color:#fff; margin-left:10px; margin-top:8px;}
.kachestvo_block .block .row .col-md-6 .text p{color:#fff; text-transform:none;margin-left:10px; font-size:12px;}
.nevidim{ width:1000px; height:920px; margin:0 auto; position:relative; display:block; background:url(../img/nevidim.png) no-repeat; background-position:center 85px;}
.nevidim h2{ text-align:left; position:absolute; display:block; text-transform:uppercase; font-family:open sans extrabold; font-size:20px; width:480px; left:50%; margin-left:-95px; margin-top:95px; color:#000;}
footer{ width:100%; height:440px; background:#ebebeb; position:relative; display:block;}
footer .footer_block{ position: absolute; display:block; background:#fff; height:480px; width:880px; top:-200px; left:50%; margin-left:-440px;}
footer .footer_block .row{ margin:0; padding:0;}
footer .footer_block .row .col-md-6{ margin:0; padding:0; height:100%;}
footer .footer_block .row .col-md-6 .block_top{ height:200px; width:100%; position:relative; float:left; background:#ebebeb; padding:30px 35px;}
footer .footer_block .row .col-md-6 .block_bot{height:240px; width:100%; position:relative; float:left;padding:30px 35px;}
footer .footer_block .row .col-md-6 .block_top h3{ text-transform:uppercase; font-size:16px; font-family:open sans extrabold; margin:0; color:#000;}
footer .footer_block .row .col-md-6 .block_top p{ margin-top:20px; font-size:14px; font-family:open sans; color:#000;}
footer .footer_block .row .col-md-6 .block_bot h3{ text-transform:uppercase; font-size:16px; font-family:open sans extrabold; margin:0; color:#000; margin-bottom:40px;}
footer .footer_block .row .col-md-6 .block_bot a{ margin-top:10px; font-size:16px; font-family:open sans; color:#000; position:relative; display:block; width:400px; padding:20px 30px;letter-spacing:1px; cursor:pointer; z-index:5;}
footer .footer_block .row .col-md-6 .block_bot a .ygol{ background:#ebc200; height:100%; width:65px; position:absolute; right:-35px; display:block; top:0; opacity:0;
-moz-transform: skewX(-45deg);
-webkit-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);}
footer .footer_block .row .col-md-6 .block_bot a p{ position:absolute; left:-14px; font-size:14px; background:#000; color:#fff; padding:3px 10px; border-radius:50px; font-family:open sans extrabold; opacity:0; }
footer .footer_block .row .col-md-6 .block_bot a.selected{ font-family:open sans extrabold; background:#ebc200;}
footer .footer_block .row .col-md-6 .block_bot a.selected p{ opacity:1;}
footer .footer_block .row .col-md-6 .block_bot a.selected .ygol{ opacity:1;}
footer .footer_block .row .col-md-6 .map_1, footer .footer_block .row .col-md-6 .map_2{ position:relative; width:100%; height:480px; z-index:-1; opacity:0;}
footer .footer_block .row .col-md-6 .top_map{ z-index:1; opacity:1; position:absolute; top:0;}
footer p.foot{ position:absolute; text-align:center; left:50%; width:880px; margin-left:-440px; display:block; top:350px; font-family:open sans; font-size:20px; color:#000;}
footer p.foot a{ text-decoration:underline; color:rgba(0,0,0,1.00);}

.dataTables_scrollHeadInner table{width: 1000px !important; }
.dataTables_scrollHeadInner table th,.dataTables_scrollHeadInner table td{ width:20% !important;}
table.table-bordered.dataTable th, table.table-bordered.dataTable td{ width:20% !important;}