@font-face {
    font-family: 'Russo One';
    src: url('../fonts/RussoOne-Regular.eot');
    src: local('Russo One'), local('RussoOne-Regular'),
        url('../fonts/RussoOne-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RussoOne-Regular.woff') format('woff'),
        url('../fonts/RussoOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Light'), local('Rubik-Light'), url('../fonts/Rubiklight.woff2') format('woff2'), url('../fonts/Rubiklight.woff') format('woff'), url('../fonts/Rubiklight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

body { background-color:#EFF6F8; margin:0px; padding:0px; width:100%; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:100; color:#333333; position:relative;display:block; float:left; }
a { color:#0CB1F7;}
body h1 {font-family: 'Russo One', sans-serif; font-weight:100;}
h2, h3, h4, h5, h6 {font-size: 36px; font-family: 'Russo One', sans-serif; font-weight:100;}
.full {display:block; margin-left:auto; margin-right:auto; max-width:1800px; width:100%;  }
.fix { background-color:#EFF6F8; display:block; float:left; width:100%; padding-top:5px; padding-bottom:5px;  position:-webkit-sticky; position:sticky; /* Липкое позиционирование */
    top: 0; /* Положение сверху */ 
	z-index:11;}
	
.vert{ display:block;  z-index:100; left:35%; right:45%; bottom:0; padding-top:10px; padding-bottom:10px; color:#cdcdcd; position:absolute;    
width:20%; text-align:left; background: url('../images/aero.png') no-repeat left; padding-left:60px; margin-bottom:30px;	}
.vert h1 {font-family: 'Russo One', sans-serif;
    font-weight: 100; font-size:16px;}
	
.logo a { text-decoration:none; color:#333333;}	
.page-header:after { display:block; margin-bottom:40px; height:1px; content:""; width:20%; border-bottom: solid 10px #c6e9fa;}
.page-header:hover:after {transition: all 300ms linear 3ms; width:30%;}
.breadcrumbs {border-radius:10px;color:#CCCCCC;display:block; float:left; width:96%; padding:2%; padding-top:1%; background-color:#F7FCFF; background: rgb(247,252,255);
background: linear-gradient(120deg, rgba(247,252,255,1) 0%, rgba(239,246,248,1) 100%); font-size:14px;  }
.marquee { background-color:#FFFFFF; padding:0; margin:0; display:block; float:left; z-index:200;  width:100%; font-size:15px; line-height:15px; padding-top:2px; }	
.breadcrumbs ol { margin-left:-40px;}
.breadcrumbs a {color:#333333;}
.breadcrumbs li { list-style:none; display:block; float:left; padding-left:10px; }
.breadcrumbs li:after { content: ">"; padding-left:7px;}
.breadcrumbs li:last-child:after { content:""; padding-left:0px;} 
.breadcrumbs li:first-child:after { content:""; padding-left:0px;} 
.component { display:block; float:left; padding-left:10%; padding-right:10%; width:80%; padding-bottom:3%;}	
.before {display:block; float:left; width:90%; margin-top:0; margin-left:5%; margin-right:5%;}
.after {display:block; float:left; width:94%; margin-top:0; margin-left:3%; margin-right:3%; margin-bottom:5%;}	

.tarif { color:#333333; display:block;  width:98%; margin-left:1%; margin-right:1%;  text-align:center;}

.tarif .lite {background: url('../images/lite.png') no-repeat left; background-size:20px; padding-left:30px;}
.tarif .start {background: url('../images/start.png') no-repeat left; background-size:20px; padding-left:30px;}
.tarif .full {background: url('../images/full.png') no-repeat left; background-size:20px; padding-left:30px;}
.tarif .lux {background: url('../images/lux.png') no-repeat left; background-size:20px; padding-left:30px;}


.tarif .lend {background: url('../images/lend.png') no-repeat left; background-size:20px; padding-left:30px;}
.tarif .vizitka {background: url('../images/vizitka.png') no-repeat left; background-size:20px; padding-left:30px;}
.tarif .magazin {background: url('../images/magazin.png') no-repeat left; background-size:20px; padding-left:30px;}
.tarif .korporate {background: url('../images/korporate.png') no-repeat left; background-size:20px; padding-left:30px;}

.tarif .direkt {background: url('../images/yandex.png') no-repeat left; background-size:20px; padding-left:30px;}
.tarif .adwords {background: url('../images/adwords.png') no-repeat left; background-size:20px; padding-left:30px;}

.tarif .konstruktor {background: url('../images/konstruktor.png') no-repeat left; background-size:20px; padding-left:30px;}

.tarif .item .itemabs {border:1px solid #ffffff;transition: all 300ms linear 1ms;padding:2%; border-radius:20px;  position: absolute; width:96%; top:0px; background: #ffffff;  padding-bottom:5%;  z-index:100;} 
.tarif .item .itemabs:hover { border: solid 1px #0CB1F7;  transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2); 
   
    
}


.site-grid {display:block; float:left; width:100%;}
.clearfix {
    .clearfix();
}

.logo .mal { font-size:12px; font-family: Arial, sans-serif; line-height:10px; color:#ced4d9;}



.telf a { text-decoration: none; color:#333333;}

.navbar-toggler { display:none;}
.spoiler { position:relative; z-index:100;
  border-bottom: 1px solid #CCCCCC; font-family: 'Rubik', sans-serif; font-weight:500; font-size:16px; 
  padding: 0;
}
.spoiler details {
  padding: 12px; padding-left:0; position:relative; z-index:100;
}
.spoiler details + details { 
  border-top: 1px solid #e0e0e0; position:relative; z-index:100;
}
.spoiler summary {
  color: #F9060A; position:relative; z-index:100;
}
.spoiler details div {
  overflow: hidden; position:relative; z-index:100;
  padding: 0;
}
.spoiler details[open] div {
  animation: spoiler 3s; 
}
@keyframes spoiler {
  0%   {max-height: 0;}
  100% {max-height: 10em;}
}
.sp_title{ display:block; float:left; box-sizing: border-box; width:100%; color:#0CB1F7; cursor:pointer; border: solid 0px #333333; font-family: 'Rubik', sans-serif; font-weight:500; font-size:16px;   padding:20px; margin-bottom:0px; border-bottom:dotted 1px #CCCCCC !important;}
.sp_title::after { content:url(../images/str.png); margin-left:10px;}
.tarif .item .itemabs:hover .sp_title::after { transition: all 300ms linear 1ms; margin-left:15px;}

.sp_content{box-sizing: border-box; padding:20px; background-color:#ffffff; float:left; position: relative; z-index:1000;  width:100%; font-family: 'Rubik', sans-serif; font-weight:300; }

table { width:100%;font-family: 'Rubik', sans-serif; font-weight:300;font-size:16px; font-weight:100;  border: solid 0px #333333; border-collapse: collapse; margin: 0px auto; -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear; }
th,  td { border: solid 0px #333333; padding: 10px; border-bottom:dotted 1px #CCCCCC !important; }
tr:nth-child(even) { background: #E9E9E9; }
tr:nth-child(odd) { background: #FFFFFF; }
table:hover th, .tsena table:hover td {border-bottom: dotted 1px #f2f5fa !important;}
th {text-align: left; padding: 5px; background-color:none;}
tr:hover {border:none; color:#ffffff;  box-shadow: 0px 0px 20px 0px #CCCCCC; background-color:#0CB1F7 !important; -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;  }
th:hover {border:none;}
table a {color:#0CB1F7;}
tr:hover a { color:#ffffff;}

.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 80%; /* Full-width */
    height: 15px; /* Specified height */
    background: #ffffff; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
	border-radius:20px; border: solid 1px #333333; 
}
.tsas { display:block; float:left; position: relative; top:-22px; margin-left:150px;  width:100px; font-family: 'Russo One', sans-serif;
    font-weight: 100;}
.slidecontainer input   { padding:0px;border-bottom:1px; width:98% !important; background-color:#EFF6F8;}
/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 30px; /* Set a specific slider handle width */
    height: 30px; /* Slider handle height */
    background:#333333; /* Green background */
    cursor: pointer; /* Cursor on hover */
	border-radius:20px;
	border: solid 3px #ffffff;-webkit-box-shadow: 4px 4px 12px 1px rgba(25, 26, 26, 0.42);
-moz-box-shadow: 4px 4px 12px 1px rgba(25, 26, 26, 0.42);
box-shadow: 4px 4px 12px 1px rgba(25, 26, 26, 0.42);
}

.slider::-moz-range-thumb {
    width: 50px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */

}

.budz { display:block; float:left; position: relative; top:-22px; margin-left:150px;  width:130px; font-family: 'Russo One', sans-serif;
    font-weight: 100;}




.otziv .owl-dots { margin-top:-3%; margin-bottom:0; position: relative; z-index:1000;}
.otziv .owl-theme .owl-dots .owl-dot span { display:block; width: 20px; margin-top:-20px !important; 
    height: 20px ; border-radius:30px; transition: all 300ms linear 1ms;  }
.otziv .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#27a7e7 !important;margin-top:0px; height:30px; width:30px; border:solid 5px #ffffff; transition: all 300ms linear 1ms;}





textarea.uk-form-danger,
input.uk-form-danger {
 border-color: red; 
 animation-duration: .5s;
 animation-timing-function: ease-out;
 animation-fill-mode: both;
 animation-name: uk-shake;
}
.uk-form-danger + .tm-error {
    display: block; margin-top:-10px; margin-bottom:-10px; padding:1%; color: red; 
}
.tm-error {
    position: absolute;
    font-size: 12px;
    color: #666666;
    display: none;
}
.rf-button-send { font-family: 'Russo One', sans-serif; font-weight:100;transition: all 300ms linear 1ms; width:100%; background: #EFF6F8; border: solid 5px #0CB1F7;  cursor:pointer; border-radius:20px; font-size:20px; color:#0CB1F7; }
.rf-button-send:hover { background-color:#0CB1F7;transition: all 300ms linear 1ms; color:#FFFFFF; }
.kalk {  display:block; float:left; width:96%;padding-left:2%; padding-right:2%; position:relative; z-index:1; }

.postimg {background: url('../images/post.png') no-repeat right top; right:0; top:-10px; opacity:0; background-size:1%; position:absolute; display:block; width:280px; height:333px; transition: all 300ms linear 1ms;}


.nav-tabs {display:block; float:left; width:100%;height:30px; position:relative; z-index:10; margin-top:0px;}
.prev {float:left;min-width:100px; cursor:pointer; color:#ffffff; padding:20px; background-color:#666666;}
.next {float:right;min-width:100px; cursor:pointer; color:#ffffff; padding:20px; background-color:#333333;}
.kwiz {display:block; float:left; width:100%;font-size:18px;}
.tab {display: block; position:absolute; opacity:0;  transition: all 300ms linear 0ms;}
/*.current { width:100%;display:block; position:relative; opacity:1; transition: all 300ms linear 0ms;}*/
.two {display: block; float:left; position:relative; z-index:10; margin:2%; margin-left:0px; margin-top:1%; margin-bottom:3%; min-height:200px; width:27.3%; border-radius:20px;  }
.two .zagl {font-family: 'Russo One', sans-serif; font-weight:100;}



.tree {display: block; float:left; position:relative; z-index:10; margin:2%; margin-left:0px; margin-top:1%; margin-bottom:3%; min-height:200px; width:31%;  }
.tree .zagl {font-family: 'Russo One', sans-serif; font-weight:100; }



.vopros:hover {transition-duration: .2s; background: rgb(124,118,236);
background: linear-gradient(120deg, rgba(124,118,236,1) 0%, rgba(0,212,255,1) 100%); }

.vopros:before {content:""; width: 0; top:0; margin-left:20%; 
	height: 0;
	border-width: 55px 52px 0 52px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}


.vopros .sp_title:hover {transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.voprfix { display:block; float:left; position: relative; width:100%;}
.vopros .sp_title::after { content:url(../images/plus.png); margin-right:10px;}

.svoi { display:block; float:left; width:90%; padding:5%; font-size:16px; color:#ffffff;}

.svoi a { position: relative; font-family: 'Rubik', sans-serif; font-size:16px; color:#ffffff; text-decoration:none;  border-bottom: dashed 2px #ffffff;}	   
.svoi a:hover {  border-bottom: dashed 0px #0CB1F7;}



.svoi a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color: #ffffff; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}
.svoi a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #ffffff; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}





.name {font-family: 'Russo One', sans-serif; font-weight:100; display:block; float:left; width:75%; text-align:right; padding-right:25%; margin-top:30px;}
.box { padding:10%; font-family: Arial, sans-serif; font-style:italic; border-radius:40px; font-size:16px; line-height:22px; margin:1%;
	position: relative;
	background: #ffffff;
	
}
.box:after, .box:before {
	top: 100%;
	left: 70%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}
.box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #ffffff;
	border-width: 31px;
	margin-left: -31px;
}
.footer { display:block; float:left; width:100%; text-align:center; margin-top:5%; margin-bottom:5%;}
.footer ul { margin-left:-12px; margin-bottom:20%; }
.footer li {list-style:decimal-leading-zero ; font-size:14px; color:#CCCCCC;  margin-top:8px; margin-bottom:8px; width:100%; }
.footer a { position: relative; font-family: 'Russo One', sans-serif; font-weight:100; font-size:16px; color:#0CB1F7; text-decoration:none;  }	   




.footer a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color:#0CB1F7; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.footer a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #0CB1F7; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}
     	   
.footer li.active a {transition: all 300ms linear 3ms; color:#CCCCCC; }
.footer li.active:hover a {transition: all 300ms linear 3ms; color:#CCCCCC; }
.footer li.active a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color:#CCCCCC; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.footer li.active:hover a:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #CCCCCC; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}






.totop{ display:block; border-radius:10px 0 0 10px; padding:15px; padding-bottom:5px; background-color:#ffffff; z-index:15; position: fixed; bottom:15%; right:-5px; -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
   -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;

}
.totopstr { width:20px; height:20px;display:block;
      border-top: 8px solid #333333 !important;
      border-right: 8px solid #333333 !important;
       transform: rotate(-45deg); }
.drug a { position: relative; font-family: 'Rubik', sans-serif; font-size:16px; color:#0CB1F7; text-decoration:none;  }	   
.drug a:hover {  border-bottom: dashed 0px #0CB1F7;}



.drug a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color: #0CB1F7; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.drug a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #0CB1F7; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}
.numb { font-family: 'Russo One', sans-serif; font-weight:100; font-size:66px;}
	
.tree .zag {color:#c6e9fa; }
.tree .zag a {color:#c6e9fa; }
.tree:hover .zag a {color: #0CB1F7; transition: all 300ms linear 1ms; }
.tree:hover .numb {transition: all 300ms linear 1ms; color:#c6e9fa; animation: bounce 1s;}
.tree:hover {transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.tree:hover .zag {transition: all 300ms linear 1ms; color:#333333;}

.twofull .zag {color:#c6e9fa; }
.twofull:hover .numb {transition: all 300ms linear 1ms; color:#c6e9fa; animation: bounce 1s;}
.twofull:hover {transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.twofull:hover .zag {transition: all 300ms linear 1ms; color:#333333;}
.word {transition: all 300ms linear 3ms;position:relative; display:block; float:left; background: url( '../images/word2.png') no-repeat left; padding-left:40px; background-size:30px; padding-top:5px; padding-bottom:5px; width:90%;  }

.word:hover {transition: all 300ms linear 3ms;  background: url( '../images/word.png') no-repeat left;background-size:30px; }
.word a {color:#00539b; text-decoration:none; display:block; float:left; position:relative; }

.word a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color: #00539b; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.word a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #00539b; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}
	
.sto { width:100%;
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-bottom:2%;
}   

.component .sp_title {display:block; position: relative; top:100%;box-sizing: border-box; margin-top:12px; padding:20px; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333; background-color:#ffffff; border-radius:20px; width:100%;  z-index:1;}

.component .sp_title:hover { -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}

.component .sp_title::after { content:url(../images/str2.png); margin-right:10px;}
.component .sp_content {display:block; float:left; z-index:1; position: relative; background-color:#ffffff; border-radius:0px 0px 20px 20px; box-sizing: border-box; padding:20px;  margin-top:-15px; width:100%; font-family: 'Rubik', sans-serif; font-weight:300; font-style:italic; font-size:18px;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.component .sp_title:hover::after { transition: all 300ms linear 1ms; margin-left:15px;}


.component .calc_form { margin-left:auto; margin-right:auto; width:50%; min-width:300px;}

.component .sp_content li { list-style:none;
  position: relative;
  padding: 0 0 10px 20px;
  font-variant: small-caps;
  cursor: pointer;
}
.component .sp_content li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #333333;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 7px;
}
.component .sp_content li:after {
  position: absolute;
  border-left: 1px dotted #333333;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 8px;
}
.component .sp_content li:hover:before{box-shadow: 0 0 0 10px #EFF6F8;}
.component .sp_content li:last-child:after {content: none;}


.keys .sp_title {display:block; position: relative; top:100%; padding:20px; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333; background-color:#ffffff; border-radius:20px; width:96%;  z-index:1;}

.keys .sp_title:hover { -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}

.keys .sp_title::after { content:url(../images/str2.png); margin-right:10px;}
.keys .sp_content {display:block; float:left; z-index:1; position: relative; background-color:#ffffff; border-radius:0px 0px 20px 20px; padding:20px; padding-top:10px; margin-top:-20px; width:96%; font-family: 'Rubik', sans-serif; font-weight:300; font-style:italic; font-size:18px;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.keys .sp_title:hover::after { transition: all 300ms linear 1ms; margin-left:15px;}

.keys .sp_content li { list-style: disc;}







.tex {display:block; float:left; width:96%; position: relative; margin-top:0; margin-bottom:3%; padding:2%;}

.tex .owl-dots { margin-top:0; margin-bottom:0; position: relative; z-index:1000;}
.tex .owl-theme .owl-dots .owl-dot span { display:block; width: 10px; background-color:#CCCCCC;  
    height: 10px ; border-radius:30px; transition: all 300ms linear 1ms; border:solid 5px #CCCCCC; }
.tex .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#27a7e7 !important; height:10px; width:10px; border:solid 5px #ffffff; transition: all 300ms linear 1ms;}

.tex .item { min-height:200px; transition: all 300ms linear 3ms;border: solid 1px #FFFFFF; border-radius:20px; background-color:#ffffff; padding:8%; margin:5%;  position:relative; }
.tex .item:hover {transition: all 300ms linear 3ms; border: solid 1px #0CB1F7;  }


.after .tsena { display:block; float:left; border:1px solid #ffffff;transition: all 300ms linear 1ms;padding:2%; border-radius:20px;  position: relative; width:96%; top:0px; background: #ffffff;  padding-bottom:5%;  z-index:1; height:auto;} 
.after .tsena:hover { border: solid 1px #0CB1F7;  transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}

.after .tsena .sp_title {display:block; position: relative; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333;  width:100%; padding-top:5px; padding-bottom:5px; padding-left:2%; border:none; border-bottom:0px !important;}
.after .tsena .sp_content { z-index:1; position: relative; background-color:#ffffff; border-radius:0px; padding:0px; padding-top:10px; margin-top:0px; width:100%; font-family: 'Rubik', sans-serif; font-weight:300; font-style:italic; font-size:18px; -webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow: none;}
.after .tsena .sp_title:hover {-webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow: none;} 

.portfolio { display:block; width:80%; float:left; margin-left:10%; margin-right:10%;}
.portfolio .item {  transition: all 300ms linear 3ms;display:block; position:relative; margin:4%; border-radius:20px; overflow:hidden; max-height:350px; border: solid 1px #0CB1F7;}
.portfolio .item img { position:relative; z-index:2; opacity:0.1;}
.portfolio .item::after {  opacity:1; display:block; float:left; position: absolute; top:0; z-index:1; content:""; height:100%; max-height:400px; width:100%;  background-color:#ffffff; border-radius:20px;}
.portfolio .item:hover::after {opacity:1; transition: all 300ms linear 3ms;}
.portfolio .item:hover img {opacity:1; transition: all 300ms linear 3ms;}
.portfolio .item:hover {transition: all 300ms linear 3ms; border:solid 1px #FFFFFF;}
.portfolio .item .portopis { transition: all 300ms linear 3ms;z-index:10; display:block; position:absolute; top:0; width:50%; padding:15%; margin:10%; height:50%; background-color:#0CB1F7;  opacity:1; color:#ffffff;border:solid 1px #0CB1F7; border-radius:20px;}
.portfolio .item .portopis .zag {color:#ffffff; font-size:24px;}
.portfolio .item:hover .portopis {opacity:0; transition: all 300ms linear 3ms; display:none;}

.portfolio .owl-dots { margin-top:0; margin-bottom:0; position: relative; z-index:1000;}
.portfolio .owl-theme .owl-dots .owl-dot span { display:block; width: 10px; background-color:#CCCCCC;  
    height: 10px ; border-radius:30px; transition: all 300ms linear 1ms; border:solid 5px #CCCCCC; }
.portfolio .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#27a7e7 !important; height:10px; width:10px; border:solid 5px #ffffff; transition: all 300ms linear 1ms;}




.work:hover {transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.work .item-image {display:block; float:left; width:100%; height:150px; overflow:hidden; border-radius:20px;}
.work img { width:100%; height:auto;}
.work  .page-header {transition: all 300ms linear 3ms;font-family: 'Rubik', sans-serif; font-weight:500; font-size:16px; color:#c6e9fa; display:block; float:left; margin-top:10px; width:100%; }	

.work:hover  .page-header a {transition: all 300ms linear 3ms; color:#333333; text-decoration:none; }
.work .page-header:after { display:none;}
.work  .page-header:hover:after {transition: all 300ms linear 3ms; width:0;}
.keys ul { display:table;margin-left:10px !important;}


.keys { display:block; float:left; width:80%; padding-left:10%; padding-right:10%;}
.keys .owl-theme .owl-nav { position:absolute; width:150px; height:50px; z-index:1000; display:block; right:-50px; top:-80px;}
.keys .owl-carousel .owl-nav button.owl-next {display:inline-block; vertical-align:middle; width:30px; height:30px; background-color:#EFF6F8;
      border-top: 8px solid #0CB1F7 !important;
      border-right: 8px solid #0CB1F7 !important;
       transform: rotate(45deg); }
.keys .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
.keys .owl-carousel .owl-nav button.owl-prev {display:inline-block; vertical-align:middle; width:15px; height:15px; background-color:#EFF6F8;
      border-top: 8px solid #c6e9fa !important;
      border-right: 8px solid #c6e9fa !important;
       transform: rotate(-135deg); }
.keys .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}


.keys .owl-dots { margin-top:0; margin-bottom:0; position: relative; z-index:1000;}
.keys .owl-theme .owl-dots .owl-dot span { display:block; width: 10px; background-color:#CCCCCC;  
    height: 10px ; border-radius:30px; transition: all 300ms linear 1ms; border:solid 5px #CCCCCC; }
.keys .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#27a7e7 !important; height:10px; width:10px; border:solid 5px #ffffff; transition: all 300ms linear 1ms;}

.portfolio .item .lupa {
    width: 100%; transition: all 300ms linear 1ms;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    top: -500px;
    background: url('../images/lupa.png') 0 0 repeat;
    background-repeat: no-repeat;
    background-position: center center;
}
.portfolio .item:hover::after {background-color:#333333;}
.portfolio .item:hover img {z-index: 10; opacity:0.5; transition: all 300ms linear 1ms;}
.portfolio .item:hover .lupa {z-index: 9; transition: all 300ms linear 3ms; top: 0px;}
.push {
  list-style: none;
  
}
.push li {
  position: relative;
  padding: 0 0 10px 20px;
  font-variant: small-caps;
  cursor: pointer;
}
.push li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #333333;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 7px;
}
.push li:after {
  position: absolute;
  border-left: 1px dotted #333333;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 8px;
}
.push li:hover:before{box-shadow: 0 0 0 10px #ffffff;}
.push li:last-child:after {content: none;}

.banner { display:block; float:left;   width:94%; margin:3%; border-radius:20px; }
.banner .item {position:relative; width:80%; border-radius:20px; padding:5%;  transition-duration: .2s; color:#ffffff;display:block; float:left;background: rgb(33,211,218);
background: linear-gradient(43deg, rgba(33,211,218,1) 1%, rgba(0,112,255,1) 100%); padding:5%; padding-left:10%; padding-right:10%;}
.banner li { list-style:none; z-index:100; 
  position: relative;
  padding: 0 0 10px 20px;
  font-variant: small-caps;
  cursor: pointer;
}
.banner li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #ffffff;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 7px;
}
.banner li:after {
  position: absolute;
  border-left: 1px dotted #ffffff;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 8px;
}
.banner li:hover:before{box-shadow: 0 0 0 10px #333333;}
.banner li:last-child:after {content: none;}

 .banner .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; margin-top:20px; margin-bottom:20px; text-decoration:none; transition: all 300ms linear 1ms; width:50%; min-width:250px;  cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:2%; padding-bottom:2%; text-align:center;background: none; border: solid 5px #ffffff;color:#ffffff; transition: all 300ms linear 1ms; }
 
  .banner:hover .button a {background: none; border: solid 5px #ffffff;color:#ffffff; transition: all 300ms linear 1ms; -webkit-box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);
box-shadow: 0px 1px 21px 7px rgba(34, 60, 80, 0.2);}



 .banner .owl-dots { margin-top:0; margin-bottom:0; position: relative; z-index:1000;}
 .banner .owl-theme .owl-dots .owl-dot span { display:block; width: 10px; background-color:#CCCCCC;  
    height: 10px ; border-radius:30px; transition: all 300ms linear 1ms; border:solid 5px #CCCCCC; }
 .banner .owl-theme .owl-dots .owl-dot.active span,.tex .owl-theme .owl-dots .owl-dot:hover span { background:#27a7e7 !important; height:10px; width:10px; border:solid 5px #ffffff; transition: all 300ms linear 1ms;}


 .banner .owl-theme .owl-nav { position: absolute; width:100%; height:0px; z-index:0 !important; display: inline-block; top:45%;}
 .banner .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0; margin-right:4%; vertical-align:middle; width:30px; height:30px; background-color: none;
      border-top: 8px solid #0CB1F7 !important;
      border-right: 8px solid #0CB1F7 !important;
       transform: rotate(45deg); }
 .banner .owl-carousel .owl-nav button.owl-next:hover {opacity:0.5; background:none !important;}
 .banner .owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0; margin-left:4%;vertical-align:middle; width:30px; height:30px; background-color:none;
      border-top: 8px solid #c6e9fa !important;
      border-right: 8px solid #c6e9fa !important;
       transform: rotate(-135deg); }
 .banner .owl-carousel .owl-nav button.owl-prev:hover { opacity:0.5; background:none !important;}

.banner li a { color:#ffffff; padding:0px !important; margin:0px !important; position: relative; z-index:10;  cursor:pointer; display:block; }
.banner li:hover a { text-decoration:none;}

@media (max-width: 576px) {
 .banner .item:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 22px 26px 0 26px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}   
.voprosform:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 24px 32px 0 32px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}
.otziv { display:block; position:relative; float:left; width:90%; padding:5%; padding-top:3%;}
.vopros .sp_content {font-family: 'Rubik', sans-serif; font-weight:300; display:block; float:left; position:absolute; top:100%; background-color:#ffffff; border-radius:0px 0px 20px 20px; padding:20px; padding-top:30px; margin-top:-20px; width:90%; font-style:italic; font-size:18px; border:1px dotted #CCCCCC; border-top:none;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.vopros .sp_title {display:block; position: relative; top:100%; margin-top:12px; padding:20px; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333; background-color:#ffffff; border-radius:20px; width:90%; border:1px dotted #CCCCCC;transition: all 300ms linear 3ms;}
.vopros { margin-top:5%; display:block; position:relative; float:left; width:86%; margin-left:3%; padding:5%; padding-left:3%; padding-top:3%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:2%; border-radius: 20px; transition-duration: .2s;}
.footer1, .footer2, .footer3{ display:inline-block; vertical-align:top; width:90%; padding-left:5%; padding-right:5%; text-align:left; }
.voprosform .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; text-decoration:none; transition: all 300ms linear 1ms; width:94%;  cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:5%; padding-bottom:5%; text-align:center;background: #ffffff; border: solid 5px #0CB1F7;color:#0CB1F7; transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.voprosform { margin-top:0; color:#FFFFFF; display:block; position:relative; float:left; width:90%; padding-left:3%; padding-right:3%; padding-top:12%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:8%; border-radius: 20px; transition-duration: .2s; }
.polovina { display:block; float:left; width:92%; padding:4%; }
.twofull { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:92%; margin:2%; padding:4%;  }	
.kalk:hover .postimg{opacity:1; transition: all 300ms linear 1ms;background-size:0%;}
.zag {font-family: 'Russo One', sans-serif; font-size:20px; font-weight:100; text-align:left;  }
.zag2 {font-family: 'Russo One', sans-serif; font-size:20px; font-weight:100; text-align:left; color:#CCCCCC; margin-top:20px; }
.zagbig { font-size:36px;font-family: 'Russo One', sans-serif; font-weight:100; color:#c6e9fa; margin-bottom:20px;}
h1,h2,h3,h4,h5,h6 {font-family: 'Russo One', sans-serif; font-weight:100; font-size:18px; }	
.page-header {transition: all 300ms linear 3ms;font-family: 'Russo One', sans-serif; font-weight:100 ; font-size:36px; color:#c6e9fa; display:block; float:left; width:100%; }
.tree { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:88%; margin:2%; padding:4%;  }
.work  {display:block; float:left;  width:92%; padding:4%; margin-left:2%; background-color:#ffffff; border-radius:30px; margin:2%;}
.tarif .item {  display:inline-block; text-align:left; vertical-align:top; width:84%; margin-right:2%; margin-left:2%; position: relative; height:330px; margin-bottom:25%; z-index:0;  }
.logo { display:block; float:left; margin-left:3%; padding-top:0px; margin-top:15px; width:200px; font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-bottom:15px; }
.telf {font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-top:10px; display:block; float:left; margin-left:3%; width:60%; min-width:200px; position:relative;}
.seti { display:block; float:right; width:110px; margin-right:3%; margin-top:-10px;  }
	
	
.menu-triger {
	display: block; float:right;
	width: 58px;
	height: 38px;	
	background: url("../images/menu.png") 0 0 no-repeat;
	position: relative; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:0px;  

}	
.menu-close {
	display: block; float:right;
	width: 40px;
	height: 40px;	
	background: url('../images/menuclose.png') 0 0 repeat;
	position: absolute !important;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.menu-popup {
	display: none; text-align:left;	
	background: #FFFFFF; float:left; width:100%; 
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	box-sizing: border-box;
	padding: 30px;
	z-index: 9999;	
	
}
.menu-popup ul {
	margin: 0;
	padding: 0;
}
.menu-popup li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.menu-popup li a {
	font-size: 18px;
font-family: 'Russo One', sans-serif;
	color: #333333;
	line-height: 1.4;	
	text-decoration: none;
}
.menu-popup li a:hover { text-decoration:none;}

.menu-popup li img { display:none;}	
	
}



@media (min-width: 576px) {
 .banner .item:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 22px 26px 0 26px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}   
.voprosform:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 24px 32px 0 32px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}
.otziv { display:block; position:relative; float:left; width:90%; padding:5%; padding-top:3%;}
.vopros .sp_content {font-family: 'Rubik', sans-serif; font-weight:300; display:block; float:left; position:absolute; top:100%; background-color:#ffffff; border-radius:0px 0px 20px 20px; padding:20px; padding-top:30px; margin-top:-20px; width:95%; font-style:italic; font-size:18px; border:1px dotted #CCCCCC; border-top:none;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.vopros .sp_title {display:block; position: relative; top:100%; margin-top:12px; padding:20px; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333; background-color:#ffffff; border-radius:20px; width:95%; border:1px dotted #CCCCCC;transition: all 300ms linear 3ms;}	
.vopros {margin-top:5%; display:block; position:relative; float:left; width:86%; margin-left:3%; padding:5%; padding-left:3%; padding-top:3%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:2%; border-radius: 20px; transition-duration: .2s;}
.footer1, .footer2, .footer3{ display:inline-block; vertical-align:top; width:90%; padding-left:5%; padding-right:5%; text-align:left; }
.voprosform { margin-top:0; color:#FFFFFF; display:block; position:relative; float:left; width:90%; padding-left:5%; padding-right:5%; padding-top:8%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:8%; border-radius: 20px; transition-duration: .2s; }
.voprosform .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; text-decoration:none; transition: all 300ms linear 1ms; width:94%; margin-top:2%;  cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:3%; padding-bottom:3%; text-align:center;background: #ffffff; border: solid 5px #0CB1F7;color:#0CB1F7; transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.polovina { display:block; float:left; width:96%; padding-right:4%; }
.twofull { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:92%; margin:2%; padding:4%;  }	
.kalk:hover .postimg{opacity:1; transition: all 300ms linear 1ms;background-size:30%;}
.zag {font-family: 'Russo One', sans-serif; font-size:26px; font-weight:100; text-align:left;  }
.zag2 {font-family: 'Russo One', sans-serif; font-size:26px; font-weight:100; text-align:left; color:#CCCCCC; margin-top:20px; }
.zagbig { font-size:36px;font-family: 'Russo One', sans-serif; font-weight:100; color:#c6e9fa; margin-bottom:20px;}
.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Russo One', sans-serif; font-weight:100; font-size:22px; color:#c6e9fa;}	
.page-header {transition: all 300ms linear 3ms;font-family: 'Russo One', sans-serif; font-weight:100; font-size:36px; color:#c6e9fa; display:block; float:left;  width:100%; }	
.tree { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:88%; margin:2%; padding:4%;  }
.work  {display:block; float:left;  width:42%; padding:2%; margin-left:2%; background-color:#ffffff; border-radius:30px; margin:2%;}
.tarif .item {  display:inline-block; text-align:left; vertical-align:top; width:92%; margin-right:2%; margin-left:2%; position: relative; height:330px; margin-bottom:12%; z-index:0;  }
.logo { display:block; float:left; margin-left:3%; padding-top:0px; margin-top:15px; width:200px; font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-bottom:15px; }
.telf {font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-top:20px; display:block; float:left; margin-left:3%; width:200px; position:relative;}
.seti { display:block; float:right; width:110px; margin-right:3%;  }
.menu-triger {
	display: block; float:left;
	width: 58px;
	height: 38px;	
	background: url("../images/menu.png") 0 0 no-repeat;
	position: relative; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:10px;  

}	
.menu-close {
	display: block; float:right;
	width: 40px;
	height: 40px;	
	background: url('../images/menuclose.png') 0 0 repeat;
	position: absolute !important;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.menu-popup {
	display: none; text-align:left;	
	background: #FFFFFF; float:left; width:100%; 
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	box-sizing: border-box;
	padding: 30px;
	z-index: 9999;	
	
}
.menu-popup ul {
	margin: 0;
	padding: 0;
}
.menu-popup li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.menu-popup li a {
	font-size: 18px;
font-family: 'Russo One', sans-serif;
	color: #333333;
	line-height: 1.4;	
	text-decoration: none;
}
.menu-popup li a:hover { text-decoration:none;}

.menu-popup li img { display:none;}	
	
}


@media (min-width: 768px) {
.banner .item:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 26px 32px 0 32px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}    
.voprosform:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 34px 42px 0 42px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}
.otziv { display:block; position:relative; float:left; width:40%; padding:5%; padding-top:3%;}
.vopros .sp_content {font-family: 'Rubik', sans-serif; font-weight:300; display:block; float:left; position:absolute; top:100%; background-color:#ffffff; border-radius:0px 0px 20px 20px; padding:20px; padding-top:30px; margin-top:-20px; width:90%; font-style:italic; font-size:18px; border:1px dotted #CCCCCC; border-top:none;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}	
.vopros .sp_title {display:block; position: relative; top:100%; margin-top:12px; padding:20px; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333; background-color:#ffffff; border-radius:20px; width:90%; border:1px dotted #CCCCCC;transition: all 300ms linear 3ms;}	
.vopros { display:block; position:relative; float:left; width:37%; margin-left:3%; padding:5%; padding-left:3%; padding-top:3%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:2%; border-radius: 20px; transition-duration: .2s;}
.footer1, .footer2, .footer3{ display:inline-block; vertical-align:top; width:29%; padding-left:1%; padding-right:1%; text-align:left; }
.voprosform .button a {font-family: 'Russo One', sans-serif; font-weight:100; margin-top:0;  display:block; text-decoration:none; transition: all 300ms linear 1ms; width:100%;  cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:5%; padding-bottom:5%; text-align:center;background: #ffffff; border: solid 5px #0CB1F7;color:#0CB1F7; transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.voprosform { margin-top:0; color:#FFFFFF; display:block; position:relative; float:left; width:90%; padding-left:5%; padding-right:5%; padding-top:8%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:8%; border-radius: 20px; transition-duration: .2s; }
.polovina { display:block; float:left; width:46%; padding-right:4%;}
.twofull { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:42%; margin:2%; padding:2%;  }	
.kalk:hover .postimg{opacity:1; transition: all 300ms linear 1ms;background-size:50%;}	
.zag {font-family: 'Russo One', sans-serif; font-size:30px; font-weight:100; text-align:left; }
.zag2 {font-family: 'Russo One', sans-serif; font-size:36px; font-weight:100; text-align:left; color:#CCCCCC; margin-top:20px; }
.zagbig { font-size:60px;font-family: 'Russo One', sans-serif; font-weight:100; color:#c6e9fa; margin-bottom:20px;}
.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Russo One', sans-serif; font-weight:100; font-size:30px; color:#c6e9fa;}	
.page-header {transition: all 300ms linear 3ms;font-family: 'Russo One', sans-serif; font-weight:100; font-size:60px;  color:#c6e9fa; display:block; float:left; width:100%; }
.tree { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:25%; margin:2%; padding:2%;  }
.work  {display:block; float:left;  width:42%; padding:2%; margin-left:2%; background-color:#ffffff; border-radius:30px; margin:2%;}
.tarif .item {  display:inline-block; text-align:left; vertical-align:top; width:45.5%; margin-right:2%; margin-left:2%; position: relative; height:330px; margin-bottom:15%; z-index:0;  }
.logo { display:block; float:left; margin-left:3%; padding-top:0px; margin-top:15px; width:200px; font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-bottom:15px; }
.telf {font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-top:20px; display:block; float:left; width:200px; position:relative;}
.seti { display:block; float:right; width:110px; margin-right:3%;  }
.menu-triger {
	display: block; float:left;
	width: 58px;
	height: 38px;	
	background: url("../images/menu.png") 0 0 no-repeat;
	position: relative; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:10px;  

}	
.menu-close {
	display: block; float:right;
	width: 40px;
	height: 40px;	
	background: url('../images/menuclose.png') 0 0 repeat;
	position: absolute !important;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.menu-popup {
	display: none; text-align:left;	
	background: #FFFFFF; float:left; width:100%; 
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	box-sizing: border-box;
	padding: 30px;
	z-index: 9999;	
	
}
.menu-popup ul {
	margin: 0;
	padding: 0;
}
.menu-popup li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.menu-popup li a {
	font-size: 18px;
font-family: 'Russo One', sans-serif;
	color: #333333;
	line-height: 1.4;	
	text-decoration: none;
}
.menu-popup li a:hover { text-decoration:none;}

.menu-popup li img { display:none;}	
	
	
	
}
@media (min-width: 992px) {
.banner .item:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 44px 52px 0 52px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}    
.voprosform:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 44px 52px 0 52px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}
.otziv { display:block; position:relative; float:left; width:40%; padding:5%; padding-top:3%;}
.vopros .sp_content {font-family: 'Rubik', sans-serif; font-weight:300; display:block; float:left; position:absolute; top:100%; background-color:#ffffff; border-radius:0px 0px 20px 20px; padding:20px; padding-top:30px; margin-top:-20px; width:96%; font-style:italic; font-size:18px; border:1px dotted #CCCCCC; border-top:none;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.vopros .sp_title {display:block; position: relative; top:100%; margin-top:12px; padding:20px; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333; background-color:#ffffff; border-radius:20px; width:100%; border:1px dotted #CCCCCC;transition: all 300ms linear 3ms;}
.vopros { display:block; position:relative; float:left; width:37%; margin-left:3%; padding:5%; padding-left:3%; padding-top:3%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:2%; border-radius: 20px; transition-duration: .2s;}
.footer1, .footer2, .footer3{ display:inline-block; vertical-align:top; width:29%; padding-left:1%; padding-right:1%; text-align:left; }
.voprosform .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; text-decoration:none; transition: all 300ms linear 1ms; width:100%; margin-top:0; cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:5%; padding-bottom:5%; text-align:center;background: #ffffff; border: solid 5px #0CB1F7;color:#0CB1F7; transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.voprosform { margin-top:0; color:#FFFFFF; display:block; position:relative; float:left; width:90%; padding-left:5%; padding-right:5%; padding-top:8%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:8%; border-radius: 20px; transition-duration: .2s; }
.polovina { display:block; float:left; width:46%; padding-right:4%;}
.twofull { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:42%; margin:2%; padding:2%;  }	
.kalk:hover .postimg{opacity:1; transition: all 300ms linear 1ms;background-size:90%;}
.zag {font-family: 'Russo One', sans-serif; font-size:36px; font-weight:100; text-align:left; }
.zag2 {font-family: 'Russo One', sans-serif; font-size:36px; font-weight:100; text-align:left; color:#CCCCCC; margin-top:20px; }
.zagbig { font-size:70px;font-family: 'Russo One', sans-serif; font-weight:100; color:#c6e9fa; margin-bottom:20px;}
.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Russo One', sans-serif; font-weight:100; font-size:36px; color:#c6e9fa;}	
.page-header {transition: all 300ms linear 3ms;font-family: 'Russo One', sans-serif; font-weight:100; font-size:70px;  color:#c6e9fa; display:block; float:left;  width:100%; }
.tree { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:25%; margin:2%; padding:2%;  }
.work  {display:block; float:left;  width:42%; padding:2%; margin-left:2%; background-color:#ffffff; border-radius:30px; margin:2%;}
.tarif .item {  display:inline-block; text-align:left; vertical-align:top; width:45.5%; margin-right:2%; margin-left:2%; position: relative; height:330px; margin-bottom:3%; z-index:0;  }
.logo { display:block; float:left; margin-left:3%; padding-top:0px; margin-top:15px; width:200px; font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-bottom:15px; }
.telf {font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-top:20px; display:block; float:left; width:200px; position:relative;}
.seti { display:block; float:right; width:110px; margin-right:3%;  }

.menu-triger {
	background: none;
	display: block; float:left;
	width: auto;
	height: auto;
	position: relative;
	left: auto;
	top: auto; margin-top:0px; margin-bottom:0px;  
}	
.menu-close {
	background: none;
	display: block;
	width: auto;
	height: auto;
	position: relative;
	left: auto; 
	top: auto;
	z-index: 100;
}


.menu-popup ul { margin-left:-40px; margin:0px; padding:0px;}

	.menu-popup li { margin: 0; list-style:none; display:inline-block; vertical-align:top; text-align:center; width:auto !important; padding-left:1% !important; padding-right:1% !important; padding:0px;}
	.menu-popup li:hover a { text-decoration:none;}
.menu-popup { background:none; padding:0px; margin:0;
	
	display: block;
	position: relative;
	left: auto;
	top: 10px;
	width: 48%; 
	box-sizing: inherit;

	z-index: 9999;	
	box-shadow: none;
}


.menu-popup li a { font-size:16px;
	font-family: 'Russo One', sans-serif; position:relative;
	text-decoration: none; display:block;  margin:10px; color:#0CB1F7; 
}

.menu-popup li a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color:#0CB1F7; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.menu-popup li a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #0CB1F7; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}

.menu-popup li.active a {transition: all 300ms linear 3ms; color:#333333; }
.menu-popup li.active:hover a {transition: all 300ms linear 3ms; color:#CCCCCC; }
.menu-popup li.active a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 100%;
    height: 2px; /* Высота линии */
    background-color:#333333; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.menu-popup li.active:hover a:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #CCCCCC; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}
.menu-popup li.active li a { border: none; background-color:#ffffff; color:#666666; 
	
}

.body_pointer * {
	cursor: pointer;
}
.menu-popup li ul {width:250px; display: block; position:absolute; left:-5000px; opacity:0; transition: all 300ms; }
.menu-popup li:hover ul { text-align:left; opacity:1;  left:10%; transition: all 300ms; display: block; width:250px; min-width:150px; padding:10px; position:absolute; background-color:#ffffff; box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);
-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);
-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);}
.menu-popup li:hover ul a { color:#333333; }
.menu-popup li ul li {width:100%; text-align:left; }
.menu-popup li ul li a {font-size:14px;}
.menu-popup li ul li:hover a { color:#666666;background-color:#ffffff;}
.menu-popup li ul:after, .menu-popup li ul:before {
	bottom: 100%; left:30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.menu-popup li ul:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}
.menu-popup .parent:before { content: url(/templates/jblank/images/str.png); display:block; float:right; height: 10px;
	width: 10px;
	position: relative; color:#ffffff; margin-top:22px; }
.menu-popup .parent:hover:before { content: url(/templates/jblank/images/str2.png); }	


.menu-popup li:hover li ul { background-color:#ECECEC; display: block; margin-top:0px; text-align:left; opacity:1;  left:0px; transition: all 300ms; display: block; width:90%; min-width:150px; padding:10px; position: relative;  box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;}
.menu-popup li li ul { display: none; transition: all 100ms;}
.menu-popup li li:hover ul { background-color:#ECECEC; display: block; margin-top:0px; text-align:left; opacity:1;  left:0px; transition: all 300ms; display: block; width:90%; min-width:150px; padding:10px; position: relative;  box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;}
.menu-popup li:hover li ul li{background-color:#ECECEC;}
.menu-popup li:hover li ul li a {background-color:#ECECEC;}
.menu-popup li li:hover ul li{background-color:#ECECEC;}
.menu-popup li li:hover ul li a {background-color:#ECECEC;}
.menu-popup li li ul li:hover a {background-color:#162d50; color:#ffffff;}
.menu-popup li img { display: block;}	
	
}


@media (min-width: 1200px)  {
.banner .item:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 44px 52px 0 52px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}    
.voprosform:before {content:""; width: 0; position:absolute; top:-20; left:20%;
	height: 0;
	border-width: 44px 52px 0 52px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}
.otziv { display:block; position:relative; float:left; width:40%; padding:5%; padding-top:3%;}
.vopros .sp_content {font-family: 'Rubik', sans-serif; font-weight:300; display:block; float:left; position:absolute; top:100%; background-color:#ffffff; border-radius:0px 0px 20px 20px; padding:20px; padding-top:30px; margin-top:-20px; width:100%; font-style:italic; font-size:18px; border:1px dotted #CCCCCC; border-top:none;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.vopros .sp_title {display:block; position: relative; top:100%; padding:20px; margin-top:12px; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333; background-color:#ffffff; border-radius:20px; width:100%; border:1px dotted #CCCCCC;transition: all 300ms linear 3ms;}
.vopros { display:block; position:relative; float:left; width:37%; margin-left:3%;padding:5%; padding-right:7%; padding-left:3%; padding-top:3%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:2%; border-radius: 20px;  transition-duration: .2s;}
.footer1, .footer2, .footer3{ display:inline-block; vertical-align:top; width:29%; padding-left:1%; padding-right:1%; text-align:left; }
.voprosform .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; text-decoration:none; transition: all 300ms linear 1ms; width:100%; margin-top:0; cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:5%; padding-bottom:5%; text-align:center;background: #ffffff; border: solid 5px #0CB1F7;color:#0CB1F7; transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.voprosform { margin-top:0; color:#FFFFFF; display:block; position:relative; float:left; width:90%; padding-left:5%; padding-right:5%; padding-top:8%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:8%; border-radius: 20px; transition-duration: .2s; }
.polovina { display:block; float:left; width:46%; padding-right:4%;}
.twofull { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:42%; margin:2%; padding:2%;  }	
.kalk:hover .postimg{opacity:1; transition: all 300ms linear 1ms;background-size:100%;}
.zag {font-family: 'Russo One', sans-serif; font-size:36px; font-weight:100; text-align:left; }
.zag2 {font-family: 'Russo One', sans-serif; font-size:36px; font-weight:100; text-align:left; color:#CCCCCC; margin-top:20px; }
.zagbig { font-size:80px;font-family: 'Russo One', sans-serif; font-weight:100; color:#c6e9fa; margin-bottom:20px;}
.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Russo One', sans-serif; font-weight:100; font-size:36px; color:#c6e9fa;}	
.page-header {transition: all 300ms linear 3ms;font-family: 'Russo One', sans-serif; font-weight:100; font-size:80px;  color:#c6e9fa; display:block; float:left;  width:100%; }
.tree { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:25%; margin:2%; padding:2%;  }
.work  {display:block; float:left;  width:42%; padding:2%; margin-left:2%; background-color:#ffffff; border-radius:30px; margin:2%;}
.tarif .item {  display:inline-block; text-align:left; vertical-align:top; width:45.5%; margin-right:2%; margin-left:2%; position: relative; height:330px; margin-bottom:6%; z-index:0;  }
.logo { display:block; float:left; margin-left:3%; padding-top:0px; margin-top:15px; width:200px; font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-bottom:15px; }
.telf {font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-top:20px; display:block; float:left; width:200px; position:relative;}
.seti { display:block; float:right; width:110px; margin-right:3%;  }
.menu-triger {
	background: none;
	display: block; float:left;
	width: auto;
	height: auto;
	position: relative;
	left: auto;
	top: auto; margin-top:0px; margin-bottom:0px;  
}	
.menu-close {
	background: none;
	display: block;
	width: auto;
	height: auto;
	position: relative;
	left: auto; 
	top: auto;
	z-index: 100;
}


.menu-popup ul { margin-left:-40px; margin:0px; padding:0px;}

	.menu-popup li { margin: 0; list-style:none; display:inline-block; vertical-align:top; text-align:center; width:auto !important; padding-left:1% !important; padding-right:1% !important; padding:0px;}
	.menu-popup li:hover a { text-decoration:none;}
.menu-popup { background:none; padding:0px; margin:0;
	
	display: block;
	position: relative;
	left: auto;
	top: 10px;
	width: 48%; 
	box-sizing: inherit;

	z-index: 9999;	
	box-shadow: none;
}


.menu-popup li a { font-size:16px;
	font-family: 'Russo One', sans-serif; position:relative;
	text-decoration: none; display:block;  margin:10px; color:#0CB1F7; 
}

.menu-popup li a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color:#0CB1F7; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.menu-popup li a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #0CB1F7; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}

.menu-popup li.active a {transition: all 300ms linear 3ms; color:#333333; }
.menu-popup li.active:hover a {transition: all 300ms linear 3ms; color:#CCCCCC; }
.menu-popup li.active a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 100%;
    height: 2px; /* Высота линии */
    background-color:#333333; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.menu-popup li.active:hover a:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #CCCCCC; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}




.menu-popup li.active li a { border: none; background-color:#ffffff;  color:#666666; 
	
}

.body_pointer * {
	cursor: pointer;
}
.menu-popup li ul {width:250px; display: block; position:absolute; left:-5000px; opacity:0; transition: all 300ms; }
.menu-popup li:hover ul { text-align:left; opacity:1;  left:10%; transition: all 300ms; display: block; width:250px; min-width:150px; padding:10px; position:absolute; background-color:#ffffff; box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);
-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);
-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);}
.menu-popup li:hover ul a { color:#333333; }
.menu-popup li ul li {width:100%; text-align:left; }
.menu-popup li ul li a {font-size:14px;}
.menu-popup li ul li:hover a { color:#666666;background-color:#ffffff;}
.menu-popup li ul:after, .menu-popup li ul:before {
	bottom: 100%; left:30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.menu-popup li ul:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}
.menu-popup .parent:before { content: url(/templates/jblank/images/str.png); display:block; float:right; height: 10px;
	width: 10px;
	position: relative; color:#ffffff; margin-top:22px; }
.menu-popup .parent:hover:before { content: url(/templates/jblank/images/str2.png); }	


.menu-popup li:hover li ul { background-color:#ECECEC; display: block; margin-top:0px; text-align:left; opacity:1;  left:0px; transition: all 300ms; display: block; width:90%; min-width:150px; padding:10px; position: relative;  box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;}
.menu-popup li li ul { display: none; transition: all 100ms;}
.menu-popup li li:hover ul { background-color:#ECECEC; display: block; margin-top:0px; text-align:left; opacity:1;  left:0px; transition: all 300ms; display: block; width:90%; min-width:150px; padding:10px; position: relative;  box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;}
.menu-popup li:hover li ul li{background-color:#ECECEC;}
.menu-popup li:hover li ul li a {background-color:#ECECEC;}
.menu-popup li li:hover ul li{background-color:#ECECEC;}
.menu-popup li li:hover ul li a {background-color:#ECECEC;}
.menu-popup li li ul li:hover a {background-color:#162d50; color:#ffffff;}
.menu-popup li img { display: block;}
}

@media (min-width: 1400px) {
.banner .item:before {content:""; width: 0; position:absolute; top:0; left:20%;
	height: 0;
	border-width: 44px 52px 0 52px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}    
.voprosform:before {content:""; width: 0; position:absolute; top:-25; left:20%;
	height: 0;
	border-width: 54px 62px 0 62px;
	border-color: #EFF6F8 transparent transparent transparent;
	border-style: solid;}
.otziv { display:block; position:relative; float:left; width:40%; padding:5%; padding-top:3%;}
.vopros .sp_content {font-family: 'Rubik', sans-serif; font-weight:300; display:block; float:left; position:absolute; top:100%; background-color:#ffffff; border-radius:0px 0px 20px 20px; padding:20px; padding-top:30px; margin-top:-20px; width:100%; font-style:italic; font-size:18px; border:1px dotted #CCCCCC; border-top:none;  -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.vopros .sp_title {display:block; position: relative; top:100%; padding:20px; margin-top:12px; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:500; background:none; color:#333333; background-color:#ffffff; border-radius:20px; width:100%; border:1px dotted #CCCCCC;transition: all 300ms linear 3ms;}
.vopros { display:block; position:relative; float:left; width:37%; margin-left:3%; padding:5%; padding-left:3%; padding-top:3%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:2%; border-radius: 20px; transition-duration: .2s;}
.footer1, .footer2, .footer3{ display:inline-block; vertical-align:top; width:29%; padding-left:1%; padding-right:1%; text-align:left; }
.voprosform .button a {font-family: 'Russo One', sans-serif; font-weight:100; display:block; text-decoration:none; transition: all 300ms linear 1ms; width:100%; margin-top:0; cursor:pointer; border-radius:20px; font-size:20px;  padding:3%; padding-top:5%; padding-bottom:5%; text-align:center;background: #ffffff; border: solid 5px #0CB1F7;color:#0CB1F7; transition: all 300ms linear 1ms; -webkit-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 41px 39px 0px rgba(34, 60, 80, 0.2);}
.voprosform { margin-top:0; color:#FFFFFF; display:block; position:relative; float:left; width:90%; padding-left:5%; padding-right:5%; padding-top:8%; background: rgb(128,128,236);
background: linear-gradient(120deg, rgba(128,128,236,1) 0%, rgba(0,212,255,1) 100%); padding-bottom:8%; border-radius: 20px; transition-duration: .2s; }
.polovina { display:block; float:left; width:46%; padding-right:4%;}
.twofull { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:42%; margin:2%; padding:2%;  }	
.kalk:hover .postimg{opacity:1; transition: all 300ms linear 1ms;background-size:100%;}	
.zag {font-family: 'Russo One', sans-serif; font-size:36px; font-weight:100; text-align:left; }
.zag2 {font-family: 'Russo One', sans-serif; font-size:36px; font-weight:100; text-align:left; color:#CCCCCC; margin-top:20px; }	
.zagbig { font-size:80px;font-family: 'Russo One', sans-serif; font-weight:100; color:#c6e9fa; margin-bottom:20px;}	
.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Russo One', sans-serif; font-weight:100; font-size:36px; color:#c6e9fa;}	
.page-header {transition: all 300ms linear 3ms;font-family: 'Russo One', sans-serif; font-weight:100; font-size:80px;  color:#c6e9fa; display:block; float:left;  width:100%; }	
.tree { border-radius:20px; display: inline-block; vertical-align:top; background-color:#ffffff; width:25%; margin:2%; padding:2%;  }	
.work  {display:block; float:left;  width:42%; padding:2%; margin-left:2%; background-color:#ffffff; border-radius:30px; margin:2%;}
.tarif .item {  display:inline-block; text-align:left; vertical-align:top; width:45.5%; margin-right:2%; margin-left:2%; position: relative; height:330px; margin-bottom:6%; z-index:0;  }	
.logo { display:block; float:left; margin-left:3%; padding-top:0px; margin-top:15px; width:200px; font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-bottom:15px; }
.telf {font-family: 'Russo One', sans-serif; font-weight:100; font-size:23px; line-height:24px; margin-top:20px; display:block; float:left; width:200px; position:relative;}
.seti { display:block; float:right; width:110px; margin-right:3%;  }


.menu-triger {
	background: none;
	display: block; float:left;
	width: auto;
	height: auto;
	position: relative;
	left: auto;
	top: auto; margin-top:0px; margin-bottom:0px;  
}	
.menu-close {
	background: none;
	display: block;
	width: auto;
	height: auto;
	position: relative;
	left: auto; 
	top: auto;
	z-index: 100;
}


.menu-popup ul { margin-left:-40px; margin:0px; padding:0px;}

	.menu-popup li { margin: 0; list-style:none; display:inline-block; vertical-align:top; text-align:center; width:auto !important; padding-left:1% !important; padding-right:1% !important; padding:0px;}
	.menu-popup li:hover a { text-decoration:none;}
.menu-popup { background:none; padding:0px; margin:0;
	
	display: block;
	position: relative;
	left: auto;
	top: 10px;
	width: 48%; 
	box-sizing: inherit;

	z-index: 9999;	
	box-shadow: none;
}


.menu-popup li a { font-size:16px;
	font-family: 'Russo One', sans-serif; position:relative;
	text-decoration: none; display:block;  margin:10px; color:#0CB1F7; 
}

.menu-popup li a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color:#0CB1F7; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.menu-popup li a:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #0CB1F7; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}

.menu-popup li.active a {transition: all 300ms linear 3ms; color:#333333; }
.menu-popup li.active:hover a {transition: all 300ms linear 3ms; color:#CCCCCC; }
.menu-popup li.active a:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 100%;
    height: 2px; /* Высота линии */
    background-color:#333333; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}

.menu-popup li.active:hover a:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #CCCCCC; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}
.menu-popup li.active li a { border: none; background-color:#ffffff;  color:#666666; 
	
}

.body_pointer * {
	cursor: pointer;
}
.menu-popup li ul {width:250px; display: block; position:absolute; left:-5000px; opacity:0; transition: all 300ms; }
.menu-popup li:hover ul { text-align:left; opacity:1;  left:10%; transition: all 300ms; display: block; width:250px; min-width:150px; padding:10px; position:absolute; background-color:#ffffff; box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);
-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);
-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.32);}
.menu-popup li:hover ul a { color:#333333; }
.menu-popup li ul li {width:100%; text-align:left; }
.menu-popup li ul li a {font-size:14px;}
.menu-popup li ul li:hover a { color:#666666;background-color:#ffffff;}
.menu-popup li ul:after, .menu-popup li ul:before {
	bottom: 100%; left:30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.menu-popup li ul:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}
.menu-popup .parent:before { content: url(/templates/jblank/images/str.png); display:block; float:right; height: 10px;
	width: 10px;
	position: relative; color:#ffffff; margin-top:22px; }
.menu-popup .parent:hover:before { content: url(/templates/jblank/images/str2.png); }	


.menu-popup li:hover li ul { background-color:#ECECEC; display: block; margin-top:0px; text-align:left; opacity:1;  left:0px; transition: all 300ms; display: block; width:90%; min-width:150px; padding:10px; position: relative;  box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;}
.menu-popup li li ul { display: none; transition: all 100ms;}
.menu-popup li li:hover ul { background-color:#ECECEC; display: block; margin-top:0px; text-align:left; opacity:1;  left:0px; transition: all 300ms; display: block; width:90%; min-width:150px; padding:10px; position: relative;  box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;}
.menu-popup li:hover li ul li{background-color:#ECECEC;}
.menu-popup li:hover li ul li a {background-color:#ECECEC;}
.menu-popup li li:hover ul li{background-color:#ECECEC;}
.menu-popup li li:hover ul li a {background-color:#ECECEC;}
.menu-popup li li ul li:hover a {background-color:#162d50; color:#ffffff;}
.menu-popup li img { display: block;}	
	
}




.whatsapp {background: url('../images/whatsapp.png')no-repeat center; width:20px; height:20px; transition: all 300ms linear 0ms; background-color:#3dba2e;  display: inline-block; vertical-align:top;  text-align:center; margin:10px; padding:10px;background-size:20px; margin-right:0px;}
.whatsapp a { padding:10px; display: inline-block; vertical-align:top; color:#FFFFFF;font-family: 'Myriad Pro Black Italic'; font-size:24px;}

.whatsapp:hover { -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
   -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
box-shadow:
    1px 1px #CCCCCC,
    2px 2px #CCCCCC,
    3px 3px #CCCCCC,
    3px 3px #CCCCCC,
    4px 4px #CCCCCC,
    4px 4px #CCCCCC,
    5px 5px #CCCCCC;
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
   -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;}



.telegram {background: url('../images/telegram.png')no-repeat center; width:20px; height:20px; padding:10px; transition: all 300ms linear 0ms; background-color:#31a8e0; display: inline-block; vertical-align:top; text-align:center; margin:10px; margin-right:0px; background-size:20px;  }
.telegram a { padding:10px; display: inline-block; vertical-align:top; color:#FFFFFF;font-family: 'Myriad Pro Black Italic'; font-size:24px;}
.telegram:hover { -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
   -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
box-shadow:
    1px 1px #CCCCCC,
    2px 2px #CCCCCC,
    3px 3px #CCCCCC,
    3px 3px #CCCCCC,
    4px 4px #CCCCCC,
    4px 4px #CCCCCC,
    5px 5px #CCCCCC;
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
   -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;}


.telf .time {transition: all 300ms linear 1ms; opacity:0; display:block; position:absolute; right:20%; top:-18px; font-size:11px; line-height:12px; font-family: Arial, sans-serif;  color:#FFF; background-color:#F7060A; padding:3px; }
.telf:hover .time{transition: all 300ms linear 1ms; opacity:1;}
   .telf .time:after, .telf .time:before {
   
   top: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.telf .time:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #F7060A;
	border-width: 5px;
	margin-left: -5px;
}
.telf .time:before {
	border-color: rgba(102, 102, 102, 0);
	border-top-color: #FFFFFF;
	border-width: 6px;
	margin-left: -6px;
} 

/*Анимация*/
@keyframes bounce {
	0%, 20%, 60%, 100% {
		transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

#qwe {
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }
input[type="checkbox"] { display: block;
    float: left; width:30px;
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }
input[type="radio"] { display: block;
    float: left; width:30px;
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }
.popup input[type="checkbox"] { display: block;
    float: left; width:30px;
  transform:scale(1.4);
  opacity:0.9;
  cursor:pointer;
  }  
input { width:96%; padding:3%; padding-right:0; font-size:18px; line-height:15px; background-color:#FFFFFF; border:0px; border-bottom: dotted 1px #333333; color:#333333;font-family: 'Rubik', sans-serif; font-weight:300;}
select { width:100%; padding:3%; padding-right:0; font-size:18px; line-height:15px; background-color:#FFFFFF; border:0px; border:dotted 1px #333333; border-radius:0px; color:#333333;font-family: 'Rubik', sans-serif; font-weight:300; }
.popup input { width:96%; padding:3%; padding-right:0; font-size:18px; line-height:15px; background-color:#FFFFFF; border:0px; border-bottom:dotted 1px #333333; color:#333333;font-family: 'Rubik', sans-serif; font-weight:300;}
.popup textarea { width:93%; padding:3%; color:#333333; background-color:#ffffff; border:none; border-bottom:dotted 1px #333333; font-size:18px; font-family: 'Rubik', sans-serif; font-weight:300;}
.popup .zag { margin-bottom:10px;}
.popup .rf-button-send {font-family: 'Russo One', sans-serif; font-weight:100;transition: all 300ms linear 1ms; width:100%; background: #ffffff; border: solid 5px #0CB1F7;  cursor:pointer; border-radius:20px; font-size:20px; color:#0CB1F7; }
.popup .rf-button-send:hover { background-color:#0CB1F7;transition: all 300ms linear 1ms; color:#FFFFFF; }



.voprosform .zag {color:#FFFFFF;}
.voprosform:hover {transition-duration: .2s; background: rgb(124,118,236);
background: linear-gradient(120deg, rgba(124,118,236,1) 0%, rgba(0,212,255,1) 100%); }




.voprosform .button a:hover {  transition: all 300ms linear 1ms; background-color:#0CB1F7;color:#FFFFFF; border: solid 5px #ffffff;}



@keyframes uk-shake {
 0%, 100% { transform: translateX(0); }
 10% { transform: translateX(-9px); }
 20% { transform: translateX(8px); }
 30% { transform: translateX(-7px); }
 40% { transform: translateX(6px); }
 50% { transform: translateX(-5px); }
 60% { transform: translateX(4px); }
 70% { transform: translateX(-3px); }
 80% { transform: translateX(2px); }
 90% { transform: translateX(-1px); }
}


textarea.uk-form-danger,
input.uk-form-danger, select.uk-form-danger {
 border:2px solid #FB070B;
 animation-duration: .5s;
 animation-timing-function: ease-out;
 animation-fill-mode: both;
 animation-name: uk-shake;
}
input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}




/* W3C standard
   сейчас только для Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #E9E9E9;
}

/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
*::-webkit-scrollbar-track {
  background:#ffffff;
}
*::-webkit-scrollbar-thumb {
  background-color: #2bbcc9;
  border-radius: 0px;
  border: 0px solid #CCCCCC;
}

/* МОДАЛЬНОЕ ОКНО  */
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 12;
    display: none;
/* фон затемнения */
    background: rgba(0,0,0,.5);
    position: fixed; /* фиксированное поцизионирование */
    cursor: default; /* тип курсара */
}
/* активируем слой затемнения */
.overlay:target {
    display: block;
}
/* стили модального окна */
.popup {
    top: -100%; 
    right: 0;
    left: 50%;
    font-size: 14px;
    z-index: 10000;
    margin: 0;
    width: 75%;
    min-width: 320px;
    max-width: 600px; padding:2%;
/* фиксированное позиционирование, окно стабильно при прокрутке */
    position: fixed;
    
    border: 1px solid #383838;
    background: #FFFFFF;
/* скругление углов */ border-radius:20px;
    
    font: 14px/18px 'Tahoma', Arial, sans-serif;
/* внешняя тень */
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
}
/* активируем модальный блок */
.overlay:target+.popup {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 20%;
}
/* формируем кнопку закрытия */
.close {
    top: 19px;
    right: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 2px;
    border: 1px solid #333333;
	border-bottom: 1px solid #333333 !important;
    text-align: center;
    text-decoration: none;
    font: 20px 'Tahoma', Arial, sans-serif; line-height:20px;
    font-weight: bold; margin-bottom:2px;
    
}
.close:before {
    color: #333333;
    content: "X";
    
    font-size: 20px;
}
.close:hover {
    
}
.close:hover:before {
    
	color:#CCCCCC;
      
}
/* изображения внутри окна */
.popup img {
    width: 100%;
    height: auto;
}
/* миниатюры слева/справа */
.pic-left, 
.pic-right {
    width: 25%;
    height: auto;
}
.pic-left {
    float: left;
    margin: 5px 15px 5px 0;
}
.pic-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* элементы м-медиа, фреймы */
.popup embed, 
.popup iframe {
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0; 
    display:block;
    margin: auto;
    min-width: 320px;
    max-width: 600px;
    width: 100%;
}
.popup h2 { /* заголовок 2 */
    margin: 0;
    color: #333333;
    padding: 5px 0px 10px;
    text-align: left;
    font-weight: 500;
    font-size: 20px;
   font-family: 'Roboto', sans-serif;
    line-height: 1.3;
}
/* параграфы */
.popup p {margin: 0; padding: 5px 0}



@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.blogs { width:100%;  
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-bottom:2%;
}
.banner .owl-dots { display:none;}

.pagination { display:block; width:100%; text-align:center; font-family: 'Russo One', sans-serif;}
.pagination ul { margin-left:-40px;}
.pagination li { display:inline-block; vertical-align:top; margin-bottom:20px;}
.pagination li a { padding:5px;  font-family: 'Russo One', sans-serif; text-decoration:none;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {color:#EFF6F8 !important;}