@font-face {
    font-family: 'Franklin';
    src: url('../fonts/franklin-gothic-book.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Franklin bold';
    src: url('../fonts/franklin-gothic-demi-cond.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/ubuntu.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/Segoe.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas';
    src: url('../fonts/Bebas/Bebas.otf');
    src: url('../fonts/Bebas/Bebas.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


a:focus {outline: none;}
li:focus {outline: none;}
img:focus {outline: none;}
input:focus {outline: none;}
select:focus {outline: none;}
option:focus {outline: none;}
textarea:focus {outline: none;}
.clear, .clear_both {
clear: both;
}
.hidden, .display_none {
display: none;
}
.visible {
display: block;
}
.visible2 {
display: inline-block;
}
img {border: none;}


header,
 nav,
 section,
 article,
 aside,
 footer {
   display: block
 }
 html {
  height:100%;
}
body{
	color: #434343;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	min-width:1100px;
        padding:0;
        margin:0;
	background-color: #fff;
	text-align:left;
}
.row{
    position:relative;
    width:1100px;
    max-width:100%;
    padding:0;
    margin:0 auto;
    /*outline:1px solid #fa9e3c;*/
}


a{color:#006ab3; text-decoration:none;transition:all 0.3s ease 0s;}
a:hover{color:#004b7f;}


.display_none{display:none;}
.display_block{display:block;}
.clear_both{clear:both;}
.float_left{float:left;}
.float_right{float:right !important;}
.text_center{
    text-align:center !important;
}
.text_right{text-align:right !important;}
.text_left{text-align:left !important;}
.text_justify{text-align:justify;}
.align_left_img{float:left;margin:0 20px 10px 0;}

.line_h_15{line-height:1.5em;}
.small{font-size:0.8em;}
.little{font-size:0.9em !important;}
.large{font-size:1.1em !important;}

.big{font-size:1.3em;}
.uppercase{text-transform: uppercase;}
.margin_30_auto{margin:30px auto !important;}
.margin_left_2{margin-left:2%;width:96%;}
.margin_left_10{margin-left:10%;width:80%;}
.margin_left_11{margin-left:11% !important;}
.margin_left_10px{margin-left:10px;}
.margin_top_5px{margin-top:5px !important;}
.margin_top_10px{margin-top:10px;}
.margin_right_5px{margin-right:5px;}
.margin_0_15px{margin:0 15px;}
.margin_0_auto{margin:0 auto;}
.margin_top_0{margin-top:0px !important;}
.padding_top_0{padding-top:0px !important;}
.padding_bottom_0{padding-bottom:0px !important;}
.padding_10px_20px{padding:10px 20px !important;}

.w_150px{width:150px;}
.w_470px{width:470px;}
.w_260px{width:260px;}
.w_630px{width:630px;}
.w_100px{width:100px;}

.h_50px{height:50px;}
.h_40px{height:40px;}
.h_20px{height:20px;}

.white{color:#fff !important;}
.orange{color:#c54408;}
.pink{color:#982275;}
.grey{color:#9f9f9f;}
.blue{color:#46a6af;}
.dark_blue{color:#2d5a5e;}
.red_back{background-color:#fdefef;}
.text_b{font-weight:bold;}
.nobr{white-space:nowrap;}
.del{text-decoration: line-through;}

.transparent_back{background:transparent !important;}
a.white:hover{color:rgba(255,255,255,0.9);}
a.black{color:#484443;}
a.black:hover{color:#222;}
a.pink{color:#982275;}
a.pink:hover{color:#7b135c;}
.red, a.red{color:#c30214;}
a.red:hover{color:#f0071d;}

.green, a.green{color:#1c5a01;}
a.green:hover{color:#2c790a;}

.yellow, a.yellow{color:#d89403;}
a.yellow:hover{color:#fdb00b;}

.grey_button{
    display:inline-block;
    background:#514c4c;
    border:2px solid #efede7;
    color:#efede7;
    text-transform:uppercase;
    padding:8px 12px;
    border-radius:3px;
    transition:all 0.3s ease 0s;
}
.grey_button:hover{
    background:#292626;
    box-shadow:0px 0px 15px -2px #fff;
}

.opacity_7{opacity:0.5;}



/*    Шапка    */
.topline{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#01789e;
    z-index:200;
}
         

.header-holder{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:270px;
    padding-top:60px;
    overflow-x: hidden;
    overflow-y: visible;
    z-index:99;    
}
.header-back{
    position:absolute;
    bottom:35%;
    width:112%;
    left:-4.7%;
    height:500px;
    background: rgba(255,255,255,0.9);
    box-shadow:0px 5px 5px 0px rgba(0,0,0,0.4);
    transform:rotateZ(-6deg);
}
.header-holder table{
    width:100%;
}
.logo{
    text-align:center;
    
}
.logo a {
text-decoration: none;
}

.header-callback{text-align:center;}
.header-callback a{
    color:#fff;
    text-transform: uppercase;
    font-family:'Ubuntu', Arial, sans-serif;
    font-size:1.2em;
    border-radius:5px;
    background: #01779d; /* Old browsers */
    background: -moz-linear-gradient(top,  #01779d 0%, #0d5066 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #01779d 0%,#0d5066 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #01779d 0%,#0d5066 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01779d', endColorstr='#0d5066',GradientType=0 ); /* IE6-9 */
    padding:10px 20px;
    text-shadow:1px 1px 0px rgba(0,0,0,0.5);
    box-shadow:1px 1px 4px rgba(0,0,0,0.4);
}
.header-callback a:hover{
    box-shadow:1px 1px 2px rgba(0,0,0,0.7), inset 0px 3px 5px -2px rgba(255,255,255,0.5);
}

.header-contacts{ 
    color:#002229;
    font-family:'Ubuntu', Arial, sans-serif;
    font-size:1.3em;
    line-height:1.5em;
}
.header-contacts a{color:#002229;}
.header-contacts p{
    margin:0;
    background:transparent url(../img/icon_geo.png) left center no-repeat;
    padding-left:35px;
    margin-left:10%;
}
.footer .header-contacts{margin:10px 0;}
.footer .header-contacts p{
    margin:0;
}
.footer .header-contacts p, .footer .header-contacts a{
    color:#fff;
}
.header-contacts p:nth-of-type(2){
    background-image:url(../img/icon_phone.png);
}
.header-contacts p:nth-of-type(3){
    background-image:url(../img/icon_mail.png);
}
.footer .header-contacts p{
    background:transparent url(../img/icon_geo_white.png) left center no-repeat;
}
.footer .header-contacts p:nth-of-type(2){
    background-image:url(../img/icon_phone_white.png);
}

.header-phone{
   float:left; 
   font-size:1.33em;
   width:calc(43% - 84px);
   background:transparent url(../img/header-phone.png) 7% 30px no-repeat;
   padding:30px 0 5px calc(4% + 51px);
}
.header-phone a{text-decoration:none;display:block;}
.header-adres{
   float:left; 
   font-size:1.15em;
   width:calc(49% - 33px);
   text-align:right;
   padding:30px 0 5px 0;
   color:#006ab3;
}
.header-adres img, .header-adres>div{float:right;}
.header-adres img{margin:0 15px 0 0;}

.header_soc{
    float:left;
    margin:5px 5px 3px 0;
}
.header_soc a{
    display:inline-block;
    margin:0 5px;
    height:36px;
}


/*    Топменю    */
.topmenu {
    background-color:inherit;
    font-family:'Ubuntu', Arial, sans-serif;
}
.footer-menu{
    font-family:'Ubuntu', Arial, sans-serif;
}
.topmenu a, .footer-menu a{
    font-size:1.3em;
    color:#fff;
    text-transform:uppercase;
    position:relative;
}

.topmenu table , .footer-menu table{
   width:75%;
   margin:0 5%;
   float:left;
}
.footer-menu table{
    width:auto;
    margin:0;
    float:right;
}
.topmenu td , .footer-menu td{
    text-align:center; 
    position:relative;
    padding:9px 0;
    transition:all 0.3s ease 0s;
}
.footer-menu td{text-align: left;padding:8px 10px; white-space: nowrap;}
.topmenu td.active a, .topmenu a:hover, .topmenu td.active a.lm.lm-active{color:#fff;}

.topmenu td.active>a, .topmenu a:hover{
    text-shadow:1px 1px 0px rgba(0,0,0,0.7), -1px -1px 0px rgba(0,0,0,0.4);
}



/*  Слайдер + акция   */
#slider-section {
    position: relative;
    height: 890px;
    background:#01789e;
    background: linear-gradient(135deg, #01789e 0%,#0090a3 100%);
    width:100%;
}
.slider, .owl-wrapper-outer, .owl-wrapper, .owl-item{height:100%;}
.slider {
    display: block;
    overflow: hidden;
    color: #fff;
    padding: 0;
}
.slider .slide {
    position:relative;
    display: block;
    clear: both;
    height: calc(100% - 350px);
    background-position: center center;
    background-size: cover;
    width: 100%;
    padding: 350px 0 0 0;
    font-family:'Bebas', Arial, sans-serif;
}
.slide-text{
    position:relative;
    text-align:center;
    color:#0095c4;
    text-shadow:1px 1px 0px rgba(255,255,255,0.3);
    font-size:4.5em;
    line-height:1.3em;
    margin:0 auto;
    padding:0px 2%;
    width:94%;
    max-width:900px;
    background:rgba(255,255,255,0.6);
}

.add_request{text-align:center;margin-top:75px;}
.add_request a, .blue_button{
    display:inline-block;
    background:#0095c4;
    border-radius: 5px;
    border:1px solid #fff;
    color:#fff;
    padding:12px 20px;
    text-transform: uppercase;
    font-size:1.66em;
    font-family:'Ubuntu', Arial, sans-serif;
    transition: transform 0.2s ease 0s, box-shadow 0.25s ease 0s;
}
.add_request a:hover, .blue_button:hover{
    box-shadow:inset 1px 1px 12px rgba(255,255,255,0.3);
}


.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

#slider-section .owl-buttons{position:absolute;height:0px;overflow: visible;left:calc((100% - 1410px)/2);top:310px;margin:0 auto;width:1410px;}
#slider-section .owl-prev, #slider-section .owl-next{
    width:50px;
    height:70px;
    position:absolute;
    left:10px;bottom:0;
    background:transparent;
}
#slider-section .owl-next{    
    left:auto;right:10px;
}

.slider .owl-controls {
    
}

.slider .owl-pagination {
    display:inline-block;
    zoom:1;
    position: absolute;
    bottom: 10px;
    left:0;right:0;
    display: block;
    text-align:center;
    
    -webkit-tap-highlight-color:transparent;
    display:inline
}

.slider .owl-page {
    display: inline-block;
    margin:0px 4px;
}

.slider .owl-page span {
    width:12px;
    height:12px;
    background: rgba(255,255,255,.8);
    border:1px solid rgba(0,106,179,.5);
    display:block;
    -webkit-backface-visibility:visible;
    -webkit-transition: 800ms ease;
    -moz-transition: 800ms ease;
    -ms-transition: 800ms ease;
    -o-transition: 800ms ease;
    transition: 800ms ease;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px
}
.slider .owl-page span:hover{ border:1px solid rgba(0,106,179,1);}

.slider .owl-page.active span {
    background: rgba(0,149,176,1);
    border:1px solid rgba(255,255,255,1);
}



.title, h1.title, h2.title{
    font-size:2.66em;
    text-transform: uppercase;
    margin:30px 0 30px 0;
    font-weight:normal;
    font-family: 'Bebas', Arial, sans-serif;
    color:#01789e;
    position:relative;
}
 h1.title.simple_title{margin-top:30px;}
.title:after{
    content:'';
    position:absolute;
    bottom:-10px;
    left:50%;
    width:20%;
    margin:0 0 0 -10%;
    height:0;
    border-top: 2px solid #01789e;
}
.title.white:after{  
    border-top: 2px solid #fff;
}
.after_title{
    text-align:center;
    text-transform: uppercase;
    color:#585858;
    font-family: 'Franklin', Arial, sans-serif;
    font-size:1.3em;
    margin:5px 0 10px 0;
}
.title.new img{
    margin:0 0 20px 0;
}

/*Преимущества*/
.section_permissions{
    background:transparent url(../img/perm_back.png) right center no-repeat;
}
.permissions{
    float:left;
    position:relative;
    width:96%;
    margin:35px 0 35px 2%;
    max-width:850px;
}
.permission{
    position:relative;
    float:left;
    width:23%;
    margin:0 1%;
    text-align:center;
    color:#002229;
    font-family:'Segoe', Arial, sans-serif;
    line-height:1.2em;
}
.permissions .clear_2{display:none;}

.permissions-list{
    float:left;
    position:relative;
    width:96%;
    margin:0 0 20px 2%;
    max-width:950px;
}
.permission-list-item{
    background:transparent url(../img/perm_list.png) left 5px no-repeat;
    font-size:1.15em;
    line-height:1.5em;
    padding:5px 0 5px 40px;
    margin:5px 0;
    color:#002229;
    font-family:'Segoe', Arial, sans-serif;
}

/*Типы бассейнов*/
.pool_types-item{
    float:left;
    width:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    overflow:hidden;
}
.pool_types-content{
    width:700px;
    max-width:50%;
    background:#012e4a;
    color:#fff;
    transform:skewX(-14deg);
    padding:0 5% 35px 5%;
    text-align:justify;
     box-shadow:0px 5px 5px 0px rgba(0,0,0,0.4);
}
.pool_types-content>div{
    transform:skewX(14deg);
}
.pool_types-item:nth-of-type(1) .pool_types-content{
    float:right;
    margin-right:5%;
}
.pool_types-item:nth-of-type(2) .pool_types-content{
    float:left;
    margin-left:5%;
}

/*Развлекательные бассейны*/
.razvl_pools{
    position:relative;
    float:left;
    width:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    text-align:center;    
}
.razvl_pools .row{
    width:96%;
    text-align:center;
}
.razvl_pools_holder{
   padding:80px 0 100px 0; 
}
.razvl_pool{
    position:relative;
    display:inline-block;
    border:3px solid #012e4a;
    border-radius:3px;
    margin:1px;
    height:300px;
    width:300px;
    max-width:calc(25% - 15px);
    min-width:280px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.razvl_pool div{
    position:absolute;
    bottom:15%;
    background:rgba(1,46,74,0.5);
    text-transform:uppercase;
    font-size:1.8em;
    font-family: 'Ubuntu', Arial, sans-serif;
    color:#fff;
    width:98%;
    padding:10px 1%;
    transition:all 0.3s ease 0s;
}
.razvl_pool:hover div{
    background:rgba(1,46,74,0.9);
}


/*Как работаем*/
.how-work{
    float:left;
    position:relative;
    text-align:center;
    width:15.5%;
    margin:0.5%;
    font-size:0.9em;
}
.how-work:after{
    content:'';
    position:absolute;
    width:74px;
    height:1px;
    border-top:1px solid #01789e;
    top:85px;
    right:-42px;
    z-index:3;    
}
.how-work:last-of-type:after{display:none;}
.how-work-title{
    color:#565757;
    font-size:1.2em;
    text-transform:uppercase;
    font-family: 'Segoe', Arial, sans-serif;
}
.how-work-body{
    color:#5f6161;
    font-size:1.05em;
    font-family: 'Segoe', Arial, sans-serif;
}

.how-work>div{
    display:inline-block;
    border:2px solid #01789e;
    color:#01789e;
    font-size:2.6em;
    line-height:1.5em;
    height:1.5em;
    width:1.5em;
}
.how-work-text{
    width:96%;
    margin:20px auto;
    max-width:1000px;
    color:#002229;
    font-size:1.05em;
    font-family: 'Segoe', Arial, sans-serif;
}
/*Галерея*/
.photo-section{width:100%;overflow:hidden;}
.show_gall_buttons{
    text-align:center;
    margin:-5px 0 15px 0;
}
.show_gall_buttons a{
    display:inline-block;
    color:#01789e;
    padding:5px 10px;
    text-transform: uppercase;
    text-decoration:underline;
    font-size:1.3em;
    font-family: 'Ubuntu', Arial, sans-serif;
}
.show_gall_buttons a:hover{
    background:rgba(1,120,178,0.1);
}
.show_gall_buttons a.active{
    outline:2px solid #01789e;
    text-decoration:none;
}

#gallery_objects_1,#gallery_holder_1{height:640px;}
#gallery_objects_1 .bx-wrapper{height:640px;width:100%;}
.photo-slide{ width:480px !important;height:640px;}
.photo-slide a{display:block;margin-bottom:1px;width:480px;height:320px;overflow:hidden;outline:1px solid #fff;}
.photo-slide a+a{margin-left:-160px;margin-top:0px;}
.gallery_arrows{
    width:1080px;
    position:absolute;
    height:5px;
    top:45.9%;
    left:50%;
    margin-left:-540px;
    z-index:120;
}
.gallery_arrows>div{
    background:#43779b !important;
    text-align:center;
    border:3px solid #fff;
    border-radius:5px;
    font-size:3em;
    color:#fff;
    line-height:1em;
    height:1.1em !important;
    width:1.1em !important;
    opacity:1 !important;
    font-family: 'Ubuntu', Arial, sans-serif;
    box-shadow:2px 2px 3px 1px rgba(0,0,0,0.5);
}
.gallery_arrows>div a{
    position:absolute !important;
    top:0;
    left:0;
    right:0;
    bottom:0;
}




.gallery-item{
    position:relative;
    float:left;
    display:block;
    width:calc(23% - 4px); 
    margin:1%;
    border:2px solid #01789e;
    border-radius:3px;
}
.gallery-item-photo{
    height:0;
    padding-top: 66.6%;
}
.gallery-item-photo div{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    transition: all 0.4s ease 0s;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*Услуги*/
.section-services{
    position:relative;
    float:left;
    width:100%;
    background:transparent url(../img/services_back.jpg) center center no-repeat;
    background-size:cover;
}
.section-services #gallery_objects_3{
    width:900px;
    max-width:90%;
    margin:10px auto 40px auto;
    background:transparent url(../img/services_gallery_back.jpg) center center no-repeat;
    background-size:cover;
    padding:4%;
}
.section-services .bx-wrapper{
    background:rgba(1,45,62,0.9);
    color:#fff;
    padding:2% 2%;
    width:96%;
}
.service-title{
    font-size:2em;
    text-transform:uppercase;
    text-align:center;
    font-family: 'Bebas', Arial, sans-serif;
    margin:0 0 10px 0;
}
.section-services .orange_button{
    display:inline-block;
    color:#fff;
    font-family: 'Franklin', Arial, sans-serif;
    text-transform:uppercase;
    text-align:center;
    border:1px solid #fff;
    padding:15px 20px;
    background:#f37404;
    font-weight: bold;
    border-radius:4px;
}
.section-services .orange_button:hover{
    box-shadow:inset 2px 2px 15px rgba(255,255,255,0.4);
}
.section-services .button_holder{
    text-align:center;
    width:100%;
    left:0;
    position:absolute;
    bottom:-25px;
}


/*Рассчитать стоимость*/
.section-calculate{
    position:relative;
    float:left;
    width:100%;
    background:transparent url(../img/section_calculate_back.jpg) center center no-repeat;
    background-size:cover;
    margin-top:20px;    
    text-align:center;
}
.section-calculate-title{
    color:#fff;
    font-family: 'Franklin bold', Arial, sans-serif;
    text-transform:uppercase;
    font-size:5em;
    line-height:1.2em;
    margin:70px 0 60px 0;
    text-shadow:5px 5px 0 rgba(0,0,0,0.55);
}
.section-calculate form{
    margin:0 0 65px 0;     
    font-family: 'Franklin bold', Arial, sans-serif;
}
.section-calculate input{
    width:250px;
    padding:8px 15px;
    border:1px solid #026e8d;
    margin:10px;
    font-size:1.2em;    
}
.section-calculate input[type="submit"]{
    background:#f37404;
    color:#fff;
    text-transform:uppercase;
    width:auto;    
    font-family: 'Franklin bold', Arial, sans-serif;
}
.section-calculate .callback_message{
    color:#fff;
    text-shadow:2px 2px 0 rgba(0,0,0,0.55);
    font-size:1.5em;
}


/*О компании*/
.section-about{
    position:relative;
    float:left;
    width:100%;
    background:transparent url(../img/section_about_back.jpg) center center no-repeat;
    background-size:contain;
}
.section-about .row{
    width:96%;
    margin:0 auto 20px auto;
    max-width:1350px;
    text-align:justify;
    columns: 2;
    -moz-columns: 2;
    column-gap: 2.5em;
    -moz-column-gap: 2.5em;
    color:#002229;
    font-family: 'Segoe', Arial, sans-serif;
}

.simple{
    margin-top:300px;
}
.simple_text{margin-top:15px; margin-bottom:15px;}

/*Контакты*/
.oc-form_holder{
    width:80%;
    max-width:600px;
    margin:15px auto;
    text-align:center;
}
.oc-title{
    text-transform:uppercase;
    font-family:'Franklin', sans-serif;
    font-size:1.5em;
    margin:25px 0 10px 0;
}
.oc-form input, .oc-form textarea{
    width:calc(46% - 2px);
    border:1px solid #d7cecb;
    padding:8px 1%;
    border-radius:3px;
    margin-right:1.5%;
    transition:all 0.3s ease 0s;
}
.oc-form textarea{
    width:96%;
    margin:1.5% 1.5% 1.5% 0;
    height:100px;
}
.oc-form .blue_button{
    font-size:1.1em;
}
.oc-form_holder .callback_message{font-size:1.2em;text-transform:uppercase;}

div[id^=oc-form].oc-form_holder{ width: 100%; margin:0;padding:0 0 10px 0;}
div[id^=oc-form] .oc-title{
    background: #0095c4;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
    color:#fff;
    padding:15px 0 15px 0;
    margin:0 0 10px 0;
}
div[id^=oc-form] .oc-form input, div[id^=oc-form] .oc-form textarea{
    width:90%;
    margin:1.5% 2%;
    padding:8px 1.5%;
}

.err_404{
    font-size:10em;
    margin:100px auto 100px auto;
    text-align:left;
    animation-name: err_404;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay:15s;
}
.err_404 div{display:inline-block;}
.err_404 div+div{transform:rotateZ(90deg);}
@keyframes err_404 {
  0%{
    transform: rotateZ(6deg) translate(-100%, -60px);
    opacity:0;
  }
  5%{
    transform: rotateZ(0deg) translate(0%); 
    
  }
  10% {
    transform: rotateZ(-6deg) translate(10%, -30px);
    color:#01789e;
    opacity:1;
  } 
  20% {
    transform: rotateZ(0deg) translate(20%, -60px);
  }
  30% {
    transform: rotateZ(6deg) translate(30%, -30px);
  } 
  40% {
    transform: rotateZ(0deg) translate(40%, 0px);
  } 
  50%{
    transform: rotateZ(-6deg) translate(50%, -30px);
  }
  60%{
    transform: rotateZ(0deg) translate(60%, -60px);
  }
  70%{
    transform: rotateZ(6deg) translate(70%, -30px);
    opacity:1;
  }
  80%{
    transform: rotateZ(0deg) translate(80%, 0px);
  }
  
 
  to {
    transform: rotateZ(-6deg) translate(100%, 60px);
    opacity:0;
  }
}


/*Таблица прайс*/
.catalog-block table{
    border:1px solid #fff;
    border-collapse: collapse;
    background:#dceef3;
    width:calc(100% - 2px);    
    font-size:1.3em;
}
.catalog-block table tr:first-of-type{
    background:#007596;
    color:#fff;
    font-family:'Franklin', sans-serif;
    text-transform:uppercase;
    text-align:center;
}
.catalog-block table tr:nth-of-type(even){
    background:#a7d2de;
}
.catalog-block table tr:first-of-type td{
    padding:10px 2px;
}
.catalog-block table td{ border:1px solid #fff;padding:5px;}
.catalog-block table td[colspan="3"]{
    text-align:center;
    background:#007596;
    color:#fff;
    font-family:'Franklin', sans-serif;
    padding:8px 2px;
}




div.catalog-block {

}


.seo_text{
    width:98%;
    margin:20px 1%;
}



/*Футер*/
.footer{
    background:#4d5b5f url(../img/footer_back.jpg) center center no-repeat;
    background-size:cover;
    margin:0;
    width:98%;
    padding:1% 1% 0.5% 1%;
    color:#fff;
}
.logo_footer{
    display:block;
    float:left;
    margin:10px;
    padding:31px 0 0 0;
}
.footer_soc{
    float:right;
    margin:5px 10px 0 10px;
}
.footer_soc a{
    display:inline-block;
    text-align:center;
    margin:0 5px;
}
.footer-copyright{
    float:left;
    margin-top:5px;    
    font-size:0.95em;
    font-family:'Ubuntu', sans-serif;
}
a.footer-wi{
    display:block;
    color:#a9a9a6;
    float:right;
    margin-top:5px;
    font-size:0.95em;
    font-family:'Ubuntu', sans-serif;
}

.footer-center{float:left;width:calc(94% - 180px);margin:0 0 0 2%;}

.footer-right{
    float:left;
}
#zayavka_form{ margin:0px 0 12px 0;}
#zayavka_form input[type=text]{
    width:100px;
    border:1px solid #d7cecb;
    padding:8px 12px;
    border-radius:3px;
    margin-right:5px;
    transition:all 0.3s ease 0s;
}
/*Футер END*/



a.lm {
display: inline-block;
font-size:1.05em;
line-height: 22px;
margin:8px 5px;
}
a.lm div{
    float:left;
    width:38px;
    height:21px;
    margin:0 10px 0 10px;
    background-size:100% auto;
    background-repeat:no-repeat;
    transition:transform 0.6s ease 0s;
}
a.lm:hover div{background-position:center bottom; transform:rotateY(180deg);}

.lm-active, .lm2-active {
    color: #ff802d;
}
.lm-active div{background-position:center bottom; transition:transform 0.6s ease 0s;}
.lm-active:hover div{transform:rotateY(180deg);}

a.lm2 {
    display: inline-block;
    margin: 0px 0px 5px 65px;
}
a.lm2 .circ{
    width:8px;
    height:8px;
    background:#fff url(../img/menu_circ.png) center top no-repeat;
    margin:5px 5px 0 0;
    float:left;
}
a.lm2.display_none, a.lm2.display_none+br{display:none;}
a.lm2:hover .circ, a.lm2-active .circ{background-position:center bottom;}



.oc_header{
    display:inline-block;
    margin:20px auto;
    padding:5px 10px;
    border-radius: 3px;
    border: 2px solid #514c4c;
    text-transform:uppercase;
    font-size:1.7em;
}




/* Дополнительный стили*/
.red{color:red;}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider

*/
div[id^=gallery_objects_]{
	position:relative;
	padding-top:0;
}
div[id^=slider-next_], div[id^=slider-prev_]{
    position:absolute;
    top:0;
    width:34px;
    height:100%;
    cursor:pointer;
    z-index:115;
    opacity:.9;
    transition: all 0.4s ease 0s;
}

div[id^=slider-next_] a, div[id^=slider-prev_] a
{
    position:relative;
    display:block;
    opacity:0.01;
    width:100%;
    height:100%;
}
div[id^=slider-next_]{
    right:-40px;
    background:  url(../img/viewed-next.png) center center no-repeat;  
}
div[id^=slider-next_]:hover, div[id^=slider-prev_]:hover{opacity:1;}
div[id^=slider-prev_]{
    left:-40px;
    background: url(../img/viewed-prev.png) center center no-repeat; 	
}
div[id^=slider-next_]:hover{background-position:right center;}
div[id^=slider-prev_]:hover{background-position:left center;}


/** GALLERY
===================================*/
.bx-wrapper{
position:relative;
width:100%;
height:auto;
overflow:hidden;
}

/*.bx-controls{opacity: 0;visibility: hidden;transition: all 0.4s ease 0s;}*/
/*.bx-wrapper:hover .bx-controls{opacity: 1; visibility: visible;}*/

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	border:  none;
	padding-top:0px;
	background: transparent;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper {overflow:hidden;}
.bx-viewport{}
aside .bx-wrapper .bx-viewport, #home_white+.bx-wrapper .bx-viewport{left:0;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	display:none;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}
.bx-pager{
    z-index:100;
    top:625px;
    height:20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #e2ac01;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        box-shadow:0px 0px 2px 0px rgba(0,0,0,.2);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ffc303;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}



.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
#bx-pager{position:absolute;text-align:center;opacity:0;top:537px;left:0;height:50px;overflow:hidden; display:none !important;opacity:0;}
#bx-pager a{position:relative;display:inline-block;margin:2px;height:50px;background:#fff;}
#bx-pager a img{position:relative;height:50px;width:auto;opacity:.7;transition: opacity 0.4s ease 0s;}
#bx-pager a:hover img{opacity:1;}


.map iframe{
    width:100% !important;
    height:250px;
    margin:10px 0;
}


div[class^=navbar-toggle]{display:none;position:relative;font-size:1em;font-weight:bold;font-family:Calibri, arial, sans-serif; color: #fff;padding:0; height:27px;cursor:pointer;transition:all 0.3s ease 0s;}
div[class^=navbar-toggle] div{float:left;width:33px;height:27px;line-height:0;margin:0px 10px 0 0px !important;padding:0; transition:all 0.3s ease 0s;}
div[class^=navbar-toggle] span{display:inline-block;width:100%;height:3px;margin:3px 0 3px 0;background:#fff;transition:all 0.3s ease 0s;}
div[class^=navbar-toggle]:hover{color:#fff;}
div[class^=navbar-toggle]:hover div{transform:rotateX(180deg);}
div[class^=navbar-toggle]:hover div span{background:#fff;}

.navbar-toggle-menu{float:left;margin:10px;}


.catalog-block img, .seo_text img, .index-text img{max-width:100% !important;}