/*   
Theme Name: mann
Author: SERG.WP
*/
.alignleft {float: left}
.alignright {float: right; margin: 0 0 15px 15px;}
header .phones {margin-top: 12px; }
header .lng a {padding: 4px 10px;}
header .lng a:first-child {border: none; }
	p {
		color: #303030;
		line-height: 1.6em;
		font-size: 15px;
	}
/*header .lng .wpml-ls-item-uk a {border-right: 1px solid #ccc;} */
.country-list .pageid-978, .pageid-910, .pageid-941, .pageid-959 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
}
.ornament {z-index: 1 !important}
.service-list a {text-decoration: none}
.country-list .pageid-978, .pageid-910, .pageid-941, .pageid-959 .items {
    background-size: 70px;
    background-position: 20px 4px;
    padding-left: 100px;
    padding-right: 15px;
}
.country-list .pageid-978, .pageid-910, .pageid-941, .pageid-959, .items:last-child {
    border-right: 0;
}
.home-text
{
    padding-left: 100px;
    padding-right: 100px;
}
.mann
{
    color: red;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    margin: 25px 0px;
}
section { padding: 1px 0 20px }
header .phones {margin-top: 22px; background-position: left 15px;}
header .lng {margin-top: 28px}
.home-text p {
    line-height: 1.4em;
    font-size: 15px;
    }
.phones a
{
    text-decoration: none;
    color: black;
}
.column .phones
{
    padding: 0 0 0 50px;
}
footer {
    background-color: #00040f;
    background-image: url(https://mannschaft.ck.ua/wp-content/uploads/2019/01/puteshestviya.jpg);
    box-shadow: 0 0 0 180px rgba(0, 0, 0, 0.83) inset;
}
#footer-grid .cols .phones
{
   background-position: 20px 86px;
}
.header .lng
{
    margin-right: 0px;
}
#breadcrumbs
{
 background: #eee;
 border-width: 0px;
 border-style: solid;
 border-color: #f5f5f5 #e5e5e5 #ccc;
 border-radius: 5px;
 box-shadow: 0 0 7px rgba(0,0,0,.2);
 overflow: hidden;
 width: 100%;
 }
 
#breadcrumbs li{
 float: left;
 }
 
#breadcrumbs a{
 font-size: 13px;   
 padding: 0.7em 1em 0.7em 1.7em;
 float: left;
 text-decoration: none;
 color: #444;
 position: relative;
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
 background-color: #ddd;
 background-image: linear-gradient(to right, #f5f5f5, #ddd);
 }
 
#breadcrumbs li:first-child a{
 padding-left: 1em;
 border-radius: 5px 0 0 5px;
 }
 
#breadcrumbs a:hover{
 background: #fff;
 }
 
#breadcrumbs a::after,
 #breadcrumbs a::before{
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -1.5em;
 border-top: 1.5em solid transparent;
 border-bottom: 1.5em solid transparent;
 border-left: 1em solid;
 right: -1em;
 }
 
#breadcrumbs a::after{
 z-index: 2;
 border-left-color: #ddd;
 }
 
#breadcrumbs a::before{
 border-left-color: #ccc;
 /*right: -1.1em;*/
 z-index: 1;
 }
 
#breadcrumbs a:hover::after{
 border-left-color: #fff;
 }
 
#breadcrumbs .current,
 #breadcrumbs .current:hover{
 font-weight: bold;
 background: none;
 }
 
#breadcrumbs .current::after,
 #breadcrumbs .current::before{
 content: normal;
 }
.breadcrumb_last
 {
 font-size: 13px;
 padding: 8px 30px;
 display: inline-block;
 }
#tours
 {
 padding: 10px 0;
 }
 .mail_col
 {
    text-decoration: none;
    color: black;
 }
 .time-work
 {
    background-image: url(https://mannschaft.ck.ua/wp-content/uploads/2019/02/clock.png);
    font-size: 15px;
 }
header .nav ul li {
    display: inline-block;
}
header .nav ul li a{
    border: 1px solid #fff;
    padding:10px 10px;
}
header .nav ul li a:hover {
    background: #f5f5f5;   
    border-radius: 15%;
    }
header .nav ul {
    list-style: none;
    padding-left: 0px;
}
header .nav {
    margin-right: 12px;    
}

.with-border .items {padding: 25px; border: 1px solid #d5d5d5;}
.with-border .items ul {list-style: none; padding: 0 0 0 15px; }
.with-border .items ul li {padding: 0 0 15px 40px; color: #303030; line-height: 1.4em; background: url(images/tick.png) no-repeat left 3px; background-size: 18px auto;}
#gal.owl-carousel .owl-item img {height: auto;}
.health {background: url("./images/hospital.png") no-repeat; }

.text_down
{
    width: 1180px;
    margin: 35px auto;
    color: #303030;
    line-height: 1.4em;
}
.text_down h2
{
    text-transform: uppercase;
    text-align: center;
}
.block-b h3 {
    font-family: sans-serif;
    font-size: 22px;
    color: #4e4e4e;
    margin: 17px 0px;
    text-transform: uppercase;
    text-align: center;
}
.push {
  list-style: none;
}
.push li {
  position: relative;
  padding: 20px 0px 5px 25px;
  color: #000;
  cursor: pointer;
  font-size: 16px;
}
.push li:hover {
 font-weight: bold;
}
.push li:before {
 position: absolute;
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #4F5151;
 content: "";
 left: 0;
 transition: .3s ease-in-out;
 top: 27px;
}
.push li:after {
 position: absolute;
 border-left: 1px dotted #4F5151;
 width: 1px;
 bottom: -12px;
 content: "";
 left: 3px;
 top: 48px;
}
.push li:hover:before{box-shadow: 0 0 0 10px rgba(0,0,0,.2)}
.push li:last-child:after {content: none;}

.show-more {
 margin-top: 20px;
}
.block-b {
 background-image: url(images/b1.jpg);
}
.two-footer {
 color:#fff;
 text-align: center;  
}
.two-footer p {
 font-size:12px; 
 margin: 0px;
 color:#fff;
}
.two-footer p:last-child {
 padding-bottom: 16px;
}
.two-footer img {
 vertical-align: middle;
 margin-left: 6px;
}    

#suggest_form {}
#suggest_form .layout {background: #fff; padding: 30px;}
#suggest_form .layout .form-title {font-size: 22px;text-align: center;color:red; text-transform: uppercase}
#suggest_form .layout .form_body .field strong {margin: 0 0 12px 6px; display: block;}
#suggest_form .layout .form_body .step1 {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 25px; margin: 25px 0 }
#suggest_form .layout .form_body .step1 input, #suggest_form .layout .form_body .step1 select {width: 100%; padding: 4px 6px; border: 1px solid #ccc;}
#suggest_form .layout .form_body .step2, .form-alert {display: none;}
.form-alert {color: red;}
#suggest_form .layout .form_body .next-step, #suggest_form .layout .form_body .step2 .submit, .top {text-align: center; margin: 50px 0 20px; }
#suggest_form .layout .form_body .next-step span, .top a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 400;
	padding: 8px 14px;
	background-color: red;
	text-decoration: none;
	border: none;
	transition: all 0.2s ease;
}
#suggest_form .layout .form_body .next-step span:hover, .top a:hover,
#suggest_form .layout .form_body .step2 input[type=submit]:hover {background-color: #B30000; cursor: pointer;}
#suggest_form .layout .form_body .step2 .two-in-row {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px; margin: 25px 0 }
#suggest_form .layout .form_body .step2 .two-in-row .name strong {margin-left: 51%}
#suggest_form .layout .form_body .step2 .two-in-row .field {width: 100%}
#suggest_form .layout .form_body .step2 input[type=email],
#suggest_form .layout .form_body .step2 input[type=text] {width: 50%; padding: 12px 16px; border: 1px solid #ccc;}
#suggest_form .layout .form_body .step2 .name input {float: right}
#suggest_form .layout .form_body .step2 input[type=submit] {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 400;
	padding: 8px 14px;
	background-color: red;
	text-decoration: none;
	border: none;
	transition: all 0.2s ease;
}

#suggest_form .under_line {width: 50%; height: 2px; display: block; background: red;}
.wpcf7-not-valid-tip {display: none !important}
.wpcf7-mail-sent-ok {
	padding: 12px 16px !important;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: green;
}

.numbers {
	background: url('https://mannschaft.ck.ua/wp-content/uploads/2019/03/fone-podbor.jpg') no-repeat;
    height: 325px; padding: 100px 0;
	box-sizing: border-box;
	color: #fff;
}
.numbers .grid-4 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    width: 100%;
}
.numbers .grid-4 .items {text-align: center; }
.numbers .grid-4 .num1 .count {background: url('images/ico1.png') no-repeat left center;}
.numbers .grid-4 .num2 .count {background: url('images/ico2.png') no-repeat left center;}
.numbers .grid-4 .num3 .count {background: url('images/ico3.png') no-repeat left center;}
.numbers .grid-4 .num4 .count {background: url('images/ico4.png') no-repeat left center;}

.numbers .items .count {font-size: 38px; font-weight: 700; line-height: 100px; padding: 20px 0 20px 100px; }
.numbers .items strong {display: block; font-szie: 18px;}

#articles {background-color: #eee;}
.article-image {position: relative; height: 250px; overflow: hidden; }
.article-image  img {max-width: 100%; height: 100%;}
#articles article {background-color: #fff;}
.meta {padding: 20px; box-sizing: border-box;}
.meta h2 {margin: 0;}
.meta h2 a {color: #000; text-decoration: none;}
.meta h2 a:hover {}
.date {font-size: .8em; color: red; font-weight: 900; margin-top: 15px;}
.meta p {margin-bottom: 0; color: #303030; line-height: 1.6em; font-size: .9em; text-align: justify;}
.meta .link, .backlink {text-align: right; padding: 14px 0;}
.meta .link a {
	color: #fff;
	text-transform: uppercase;
	font-size: .9em;
	padding: 8px 18px;
	background-color: red;
	text-decoration: none;
	margin: 8px 0;
	transition: all 0.1s ease;
}
.meta .link a:hover {
	background-color: #dc0000;
}
.single-post img.alignright {float: right; padding: 10px 0 10px 10px;}
.single-post img.alignleft {float: left; padding: 10px 10px 0 10px;}
.backlink a {color: red; font-weight: 400; }
.backlink a:hover {color: #dc0000;}
.meta__h2 {/*width: 330px;*/ height:100%}
.meta__h2 a {    color: black; font-weight: 700;}
.preview__articles {/*width: 330px;*/ height:140px}
.footer__right {width: 137px; margin-bottom: 10px}
.footer__right a {color: #fff; text-decoration: none; font-size: 12px;}
.footer__right span {display: block; text-transform: uppercase;font-size: 14px;}
.phones span {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; margin-bottom: 22px; display: block;}
.wpml-ls-statics-shortcode_actions {margin-left: 22px;}
.phones_contact a {color: #000; text-decoration: none; text-transform: uppercase; font-size: 15px; margin-bottom: -18px; display: block;}
.container p img {max-width: 100%; height: auto}
.text_down {max-width: 100%;}
* {
  box-sizing: border-box;
}
.column {
  width: 100%;
}
/* Create two equal columns that floats next to each other */
.column_article {
  float: left;
  width: 50%;
  padding: 0px 35px;
  height: 100%; /* Should be removed. Only for demonstration */
}
.column_article img {		
    margin: 10px 0;       
}
.fea-row {
	display: table;
	background: #f6f6f6;
	margin-bottom: 15px;
	padding: 0 25px 0 0;
}
.fea-img {margin-right: 25px}
/*********************** menu ******************/

header{
    background: url('./images/bg-menu.jpg') no-repeat;
    height: 158px;
    display: flex;
    align-items: center;
}

header>.container{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
header .logo-text{
    height: auto;
    margin-top: 0;
}
.logo-block{
    display: flex!important;
    align-items: center;
}
.header__wrap{
    /*width: calc(100% - 284px);*/
    /*margin-left: 22px;*/
    margin-left: 15px;
}
.header__top{
    border-bottom: 2px solid #dc0000;
    padding: 0 0 0 0;
}
.header__top ul{
    margin-bottom: 20px;
}
header .header__bottom .nav{
    margin-top: 0;
}
.header__bottom{
    padding-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .logo-text .cur {
    font-size: 1.6em;
    padding-top: 0px;
}
header .nav {
    margin-right: 6px;
    margin-top: 16px;
}
header .nav ul li a{
    border: none;
    font-size: 15px;
}

header .nav ul li:nth-child(1) a{
    padding-left: 0;
}
.phones{
    margin-top: 10px;
}
.phones a {
    padding-left: 26px;
    padding-bottom: 7px;
}

.phones + .phones{
    padding-left: 34px;
}
.icon-ks{
    background: url('./images/ks.png') no-repeat;
}
.icon-life{
    background: url('./images/life.png') no-repeat;
}
.phone-icon{
    background: url('./images/phone-icon-foot.png') no-repeat;
}
.phone-icon-foot{
    background: url('./images/phone-icon-foot.png') no-repeat;
}
.phone-icon-kontakty
{
    background: url('./images/phone-icon-foot.png') no-repeat;
    padding-left: 26px;
    padding-bottom: 7px;
    line-height: 16px;
}
.icon-ks-kontakty
{
    background: url('./images/ks.png') no-repeat;
    padding-left: 26px;
    padding-bottom: 7px;
    line-height: 16px;
}
.icon-life-kontakty
{
    background: url('./images/life.png') no-repeat;
    padding-left: 26px;
    padding-bottom: 7px;
    line-height: 16px;
    
}
header .lng {
    margin: 30px 0 0 0px;
}
#footer-grid .cols .phones a {line-height: 16px;}
.wpml-ls-legacy-list-horizontal ul{
    display: flex;
    flex-direction: column;
}
.wpml-ls-legacy-dropdown {
    width: 53px;
    max-width: 100%;
}
header .lng a {
    padding: 0px 10px;
    background: transparent;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag {
    width: 20px;
    height: 15px;
    border-radius: 2px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
    background: #ffffff;
}
.wpml-ls-statics-shortcode_actions {
    margin-left: 20px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding-right: 0;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: '';
    right: 5px;
    top: 5px;
}
.motel_subpages {max-width: 680px; margin-bottom: 40px;}
.subs {width: 50%; }
.subs .sb {height: 150px; text-align: center; color: #fff;}
.subs .sb .sb_title {text-transform: uppercase; font-size: 18px; padding: 12px 0; display: inline-block; position: relative;}
.sub-1 .sb .sb_title::before, .sub-1 .sb .sb_title::after,
.sub-2 .sb .sb_title::before, .sub-2 .sb .sb_title::after,
.sub-3 .sb .sb_title::before, .sub-3 .sb .sb_title::after,
.sub-4 .sb .sb_title::before, .sub-4 .sb .sb_title::after {
	width: 90%; height: 1px; background: #fff; content: ''; display: block; position: absolute; left: 5%;
	transition: all ease .2s;
}

.sub-1 .sb .sb_title::before, .sub-2 .sb .sb_title::before, .sub-3 .sb .sb_title::before, .sub-4 .sb .sb_title::before {top: 0;}
.sub-1 .sb .sb_title::after, .sub-2 .sb .sb_title::after, .sub-3 .sb .sb_title::after, .sub-4 .sb .sb_title::after  { bottom: 0; top: auto; }

.subs a:hover .sb_title::before, .subs a:hover .sb_title::after {width: 110%;left: -5%}

.sub-1 .sb .sb_title {margin: 52px 0;}
.sub-2 .sb .sb_title {margin: 42px 46px; }
.sub-3 .sb .sb_title {margin: 42px 116px;}
.sub-4 .sb .sb_title {margin: 42px 118px}

header .social{
    margin-top: 0;
    transform: translate(-12px, -5px);
}
.sum-menu-arrow{
    position: relative;
    min-width: 132px;
    z-index: 1;
}
.sum-menu-arrow:hover>a{
    color: red;
}
.sum-menu-arrow:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    border: .35em solid transparent;
    border-top: .5em solid;
    position: absolute;
    right: 14px;
    top: 7px;
}
.sub-menu:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 50px;
    right: 0;
    top: -31px;
}
.sum-menu-arrow:hover:after{
    border-top-color: red;
}
.sub-menu{
    position: absolute;
    top: 48px;
    right: -152px;
    z-index: 2;
    display: none;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
    width: 357px;
    padding: 19px 32px 2px 32px!important;
}
.sub-menu:after{
    content: '';
    vertical-align: middle;
    display: inline-block;
    border: 15px solid transparent;
    border-bottom: 15px solid white;
    position: absolute;
    right: 44%;
    top: -30px;
}
.sum-menu-arrow:hover .sub-menu{
    display: flex;
}
header .nav ul.sub-menu li a{
    padding: 0;
}
header .nav ul.sub-menu li a:hover{
    padding: 0;
    background-color: transparent;
}

.sub-menu li{
    background-position: left top;
    padding: 0 0 20px 43px;
    width: 50%;
}
.sub-menu li a:hover{
    text-decoration: underline;
}
.sub-menu li:nth-child(even){
    padding-left: 50px;
    background-position-x: 12px;
}
.sloven{
    background: url("./images/sl.png") no-repeat;
}
.gruz{
    background: url("./images/gr.png") no-repeat;
}
.egypet{
    background: url("./images/eg.png") no-repeat;
}
.ukraine{
    background: url("./images/uk.png") no-repeat;
}
.turr{
    background: url("./images/tr.png") no-repeat;
}
.cherkassy{
    background: url("./images/ch.png") no-repeat;
}
.letter{
    background: url("https://mannschaft.ck.ua/wp-content/uploads/2019/09/gmail_logo.png") no-repeat;
    background-position-x: 19px;
    background-position-y: 3px;
    padding-left: 50px;
    color: #5f5f5f;
    font-size: 15px;
    font-weight: 400;
}
.letter:hover{
    color: red;
}
header .phones a {
    font-size: 15px;
    }
#main .row h1{
    font-size: 35px;
    font-style: italic;
    text-transform: none;
}
#main .row .description{
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
}
#main {
    padding: 8.7% 0 10.7%;
}

.mobile-header{
    background: url('./images/bg-menu.jpg') no-repeat;
}
.mobile-social{
    display: none;
    position: relative;
    top: -3px;
    right: 120px;
    float: right;
}
.listmann {
    padding:0;
    list-style: none;
}
.listmann li{
    padding:6px;
}
.listmann li:before {
    padding-right:10px;
    font-weight: bold;
    color: #77AEDB;
    content: "\2606";
    transition-duration: 0.5s;
}
.listmann li:hover:before {
    color: #337AB7;
    content: "\2605";
}


.four {
  background: #F4F7EE;
  padding: 0px 20px;
  text-align: center;
} 
.four div {
  font-family: 'Merriweather', serif;
  position: relative;
  color: #C44737;
  font-size: 30px;
  font-weight: normal;
  padding: 8px 20px 7px 20px;
  border-top: 2px solid;
  border-left: 2px solid;
  display: inline-block;
  margin: 0;
  line-height: 1;
}
.four div:before {
  content: ""; 
  position: absolute;
  width: 28px;
  height: 28px;
  top: -28px;
  left: -28px;
  border: 2px solid #C44737;
  box-sizing: border-box;
}
@media (max-width: 450px) {
  .four h1 {font-size: 36px;}
  .four h1:before {
    width: 20px;
    height: 20px;
    top: -20px;
    left: -20px;
  }
}

.wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-size: 5vw;
  font-weight: 100;
}


a{
  color: #000;
  text-decoration: none;
  span{
    font-weight: 100;
    transition: all .5s;
    border-bottom: 1px solid;
  }
  span:nth-child(2){
    transition-delay: .1s;
  }
  span:nth-child(3){
    transition-delay: .2s;
  }
  span:nth-child(4){
    transition-delay: .3s;
  }
  &:hover{
    span{
      font-weight: 700;
    }
    span:nth-child(4){
      transition-delay: .3s;
    }
    span:nth-child(3){
      transition-delay: .2s;
    }
    span:nth-child(2){
      transition-delay: .1s;
    }
    span:nth-child(1){
      transition-delay: 0s;
    }
  }
  
  
  &.hover-shadow{
    &:hover{
      $color: #ddd;
    text-shadow: 1px 1px 0px $color, 2px 2px 0px $color, 3px 3px 0px $color;
    }
  }
  &.hover-color{
    &:hover{
      $color: #ddd;
    //color: darkmagenta;
    border-color: darkmagenta;
    }
  }
}

.slide1 {
  display: block;
  width: 555px;
  position: relative;
  float: left;
}
.slide1 img {
  display: block;
  position: relative;
  height: auto;
  border-style: ridge;
}
.slide-content {
  margin: -10px 20px 0;
  position: relative;
  z-index: 3;
  text-align: left;
  transform: translateY(0);
  transition: transform .4s ease-in-out;
}
.slide-content:before, .slide-content:after {
  content: "";
  position: absolute;
  bottom: 0;
  margin: 0 0 2px;
  height: 1px;
  box-shadow: 0 0 7px 0 rgba(0,0,0,0.6);
  transition: .4s ease-in-out;
}
.slide-content:before {
  left: 0;
  right: 50%;
  transform: rotate(1deg);
}
.slide-content:after {
  right: 0;
  left: 50%;
  transform: rotate(-1deg);
}
.slide-item {
  background: #FBFAF1;
  padding: 20px 20px 18px;
  position: relative;
  z-index: 5;
  border-radius: 0;
  transition: .4s ease-in-out;
}
.slide-item h3 {
  font-family: 'Playfair Display', serif;
  color: #B4111A;
  font-size: 28px;
  margin-bottom: 15px;
}
.slide-item p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #1E2630;
}
.slide1:hover .slide-content{
  transform:translateY(-10%);
}
.slide1:hover .slide-item{
  border-radius: 0 0 200px 200px/0 0 10px 10px;
}
.slide1:hover .slide-content:before {
  left: 10px;
}
.slide1:hover .slide-content:after {
  right: 10px;
}
.slide1:hover .slide-content:before, .slide:hover .slide-content:after {
  box-shadow: 0 0 16px 3px rgba(0,0,0,0.6);
  margin: 0 0 6px;
}
.slide1:hover .slide-content:before {
  right: 50.4%;
}
.slide1:hover .slide-content:after {
  left: 50.4%;
}


.slide2 {
  display: block;
  width: 555px;
  position: relative;
  float: right;
}
.slide2 img {
  display: block;
  position: relative;
  height: auto;
  border-style: ridge;
}
.slide-content {
  margin: -10px 20px 0;
  position: relative;
  z-index: 3;
  text-align: left;
  transform: translateY(0);
  transition: transform .4s ease-in-out;
}
.slide-content:before, .slide-content:after {
  content: "";
  position: absolute;
  bottom: 0;
  margin: 0 0 2px;
  height: 1px;
  box-shadow: 0 0 7px 0 rgba(0,0,0,0.6);
  transition: .4s ease-in-out;
}
.slide-content:before {
  left: 0;
  right: 50%;
  transform: rotate(1deg);
}
.slide-content:after {
  right: 0;
  left: 50%;
  transform: rotate(-1deg);
}
.slide-item {
  background: #FBFAF1;
  padding: 20px 20px 18px;
  position: relative;
  z-index: 5;
  border-radius: 0;
  transition: .4s ease-in-out;
}
.slide-item h3 {
  font-family: 'Playfair Display', serif;
  color: #B4111A;
  font-size: 28px;
  margin-bottom: 15px;
}
.slide-item p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #1E2630;
}
.slide2:hover .slide-content{
  transform:translateY(-10%);
}
.slide2:hover .slide-item{
  border-radius: 0 0 200px 200px/0 0 10px 10px;
}
.slide2:hover .slide-content:before {
  left: 10px;
}
.slide2:hover .slide-content:after {
  right: 10px;
}
.slide2:hover .slide-content:before, .slide:hover .slide-content:after {
  box-shadow: 0 0 16px 3px rgba(0,0,0,0.6);
  margin: 0 0 6px;
}
.slide2:hover .slide-content:before {
  right: 50.4%;
}
.slide2:hover .slide-content:after {
  left: 50.4%;
}
.cl-effect-15 a {
    color: rgb(167, 21, 21);
    text-shadow: none;
}
 
.cl-effect-15 a::before {
    color: #000;
    content: attr(data-hover);
    position: absolute;
    transition: transform 0.3s, opacity 0.3s;
}
 
.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
    transform: scale(0.9);
    opacity: 0;
}

@media screen and (max-width: 1200px) {
	.motel_logo {width: 100%; text-align: center; background-color: #f1edea;}
	.motel_subpages {max-width: 100%; }
	.subs .sb {background-size: cover}
    header{
        display: none;
    }
    .nav{
        width: 100%;
    }
    .ico-uk{
        background: url("./images/ico-uk.png") no-repeat;
        width: 30px;
        height: 20px;
    }
    .lng a:first-child{
        border: none;
        margin-right: 25px;
    }
    .letter{
        background-position-x: 0;
        padding-left: 31px;
        margin-top: 9px;
        display: inline-block;
    }
    .ico-rus{
        background: url("./images/ico-rus.png") no-repeat;
        width: 30px;
        height: 20px;
    }
    .mobile-menu{
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: start;
        padding-left: 30px;
        padding-top: 66px;

    }
    .mobile-menu ul{
        padding: 10px 0 0 0;
    }
    .mobile-menu ul li{
        text-align: left!important;
        padding: 8px 0 14px 0;
    }
    .mobile-menu ul li a{
        text-transform: none;
        font-size: 16px;
    }
    #menu-verhnee-v-shapke{
        margin-bottom: 0;
    }
    #menu-nyzhnee-v-shapke{
        margin-top: 0;
        padding-top: 4px;
    }
    .lng{
        display: inline-block;
        margin-left: 0;
    }
    .sum-menu-arrow .sub-menu{
        display: flex;
        justify-content: flex-start;
        position: static;
        width: calc(100% + 40px);
        transform: translate(-28px, 12px);
        padding-left: 27px!important;
    }
    .sub-menu:after{
        display: none;
    }
    .mobile-menu ul li .sub-menu li{
        padding: 0px 0 0px 43px;
        margin-bottom: 16px;
        background-position-y: center;
        font-size: 20px;
    }
    .mobile-menu ul li .sub-menu li:nth-child(odd){
        width: 159px;
    }
    .mobile-menu ul li .sub-menu li:nth-child(even){
        width: calc(100% - 160px);
        background-position-x: 0;
    }
    .sum-menu-arrow:after {
        content: '';
        left: 112px;
        top: 15px;
        width: 0px;
    }
    .mobile-social{
        display: inline-block;
    }

    .mobile-social .social img{
        width: 75%;
        height: auto;
        margin-top: 7px;
    }
    .mobile-social .social{
        width: 43px;
        height: 42px;
        display: inline-block;
    }
    .phones {
        margin-top: 36px;
        margin-left: 7px;
    }
    .phones a {
        text-align: left;
        font-size: 20px;
        font-weight: 600;
        background-size: 23px;
        padding-left: 32px;
        margin-bottom: 16px;

    }
    .close {
        top: 17px;
        right: 30px;
        width: 34px;
        height: 32px;
        background-size: 29px auto;
    }
    #main .row h1{
        font-size: 64px;
    }
    #main .row .description{
        font-size: 20px;
    }
}

#content .wp-pagenavi a, #content .wp-pagenavi a:link, #content .wp-pagenavi a:active {
 padding: 3px 8px 3px 8px;
 margin: 2px;
 text-decoration: none;
 color: #fff;
 border: 0px;
 line-height:24px;
 background-color: #2b99ff;
}


@media screen and (max-width: 1024px) {
	#suggest_form .layout .form_body .step1 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}


@media screen and (max-width: 980px) {
    #main {
        padding: 7.7% 0 14.7%;
    }
    #main .row {
        padding: 40px 65px;
    }
    #main .row h1{
        font-size: 34px;
    }
    #main .row .description{
        font-size: 16px;
    }
    .mobile-social{
        right: 76px;
    }
    .mobile-header{
        padding: 12px 0;
    }
    .mobile-header .menu-icon{
        background: url('./images/mobile-menu.png') no-repeat;
        transform: translate(14px,6px);
    }
    .mobile-header .mob-logo {
        width: 134px;
        -webkit-transform:translate(-50%, -5%);
        -ms-transform: translate(-50%, -5%);
        transform: translate(-50%, -5%);
    }
    .mobile-header .mob-logo .logo-text{
        padding-top: 9px;
        position: relative;
        z-index: 0;
    }
    .mobile-header .mob-logo .logo-text .cur{
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
        line-height: 19px;
        position: absolute;
        right: 0;
    }
    .mobile-header .mob-logo .logo-text .normal{
        font-size: 8px;
        font-weight: 400;
        line-height: 12px;
        position: absolute;
        bottom: -27px;
        right: 11px;
    }
    .mobile-header .phone-icon {
        right: -30px;
        top: 5px;
        width: 47px;
        height: 42px;
        background-size: 30px auto;
    }
    .column_article img
    {
        width: 100%;
        height: 100%;
    }
    .home-text {
		padding-left: 15px;
		padding-right: 15px;
	}
	.numbers {
		height: auto;
		padding: 40px 0;
	}
	.numbers .grid-4 {grid-template-columns: 1fr 1fr;}
	.fea-row {}
	.fea-img {width: 320px; height: auto; }
}


@media screen and (max-width: 720px) {
	.motel_logo, .motel_subpages {width: 300px; margin: 0 auto; float: none !important; }
	.motel_logo img, .subs {width: 100%; height: auto;}
	.sub-2 .sb .sb_title { margin: 32px 46px;}
	.sub-3 .sb .sb_title, .sub-4 .sb .sb_title { margin: 42px 76px; }
	
    .mobile-header .container{
        width: 100%;
        padding: 0;
    }
	#suggest_form .layout .form_body .step2 input[type="email"], #suggest_form .layout .form_body .step2 input[type="text"] {width: 100%}
	#suggest_form .layout .form_body .step2 .two-in-row .name strong {margin-left: 0}
	#suggest_form .layout .form_body .step2 .two-in-row {grid-template-columns: 1fr;}
	.fea-img {width: 200px;}
}
@media screen and (max-width: 700px) {
    #main {
        padding: 7.7% 0 200px;
    }
    .home-text {
		padding-left: 15px;
		padding-right: 15px;
	}
	#suggest_form .layout .form_body .step1 {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 600px) {
    .column_article {
        width: 100%;
    }

    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }
    .column_article img
    {
        width: 100%;
        height: 100%;
    }
    .home-text {
		padding-left: 15px;
		padding-right: 15px;
	}
	.numbers {
		background-size: cover
	}
	.numbers .grid-4 {grid-template-columns: 1fr;}
    .slide1 img {max-width: 60%;}
    .slide2 img {max-width: 60%;}
    .slide1:hover .slide-content {transform: translateY(-3%);}
    .slide2:hover .slide-content {transform: translateY(-3%);}
    .slide2 {float: none;}
    .slide-item {max-width: 59%; padding: 5px 20px 5px;}
    .slide-item ul {padding-left: 7px;}
    .slide-content {margin: -10px 10px 0px;}
    .slide-content:before, .slide-content:after {position: unset;}
}

@media screen and (max-width: 480px) {
    .mobile-social {
        right: 66px;
    }
    #main {
        padding: 76px 0 225px;
    }
    .column_article img
    {
        width: 100%;
        height: 100%;
    }
    .home-text {
		padding-left: 15px;
		padding-right: 15px;
	}
	.column_article {
		padding: 0
	}
	#suggest_form .layout .form_body .step1 {
		grid-template-columns: 1fr;
	}
	.fea-img {width: 100%; margin: 0 0 25px}
	.fea-row {padding: 25px}
}

@media screen and (max-width: 390px) {
    #main .row {
        padding: 40px 0;
        width: calc(100% - 30px);
    }
    .column_article img
    {
        width: 100%;
        height: 100%;
    }
    .home-text {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media screen and (max-width: 370px) {
    .mobile-header .mob-logo {
        left: 45%;
    }
    .mobile-social {
        right: 49px;
    }
    .mobile-social .social img {
        width: 26px;
        height: auto;
        margin-top: 13px;
    }
    .mobile-menu ul li .sub-menu li:nth-child(odd) {
        width: 100%;
    }
    .mobile-menu ul li .sub-menu li {
        margin-bottom: 19px;
    }
    .column_article img
    {
        width: 100%;
        height: 100%;
    }
    .home-text {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media screen and (max-width: 320px) {
    .close {
        top: 23px;
        right: 15px;
        background-size: 23px auto;
    }
    .mobile-header .menu-icon {
        transform: translate(26px,11px);
        background-size: 32px;
        width: 33px;
        height: 25px;
    }
    .mobile-header .phone-icon {
        right: -39px;
        width: 47px;
        height: 27px;
        background-size: 25px auto;
    }
    #main {
        padding: 41px 0 190px;
    }
    .column_article img
    {
        width: 100%;
        height: 100%;
    }
    .home-text {
    padding-left: 15px;
    padding-right: 15px;
}
    .slide1 img {max-width: 53%;}
    .slide2 img {max-width: 53%;}
    .slide-item {max-width: 51%;}
    /*.slide2 img {max-width: 53%;}
    .slide1:hover .slide-content {transform: translateY(-3%);}
    .slide2:hover .slide-content {transform: translateY(-3%);}
    .slide2 {float: none;}
    .slide-item ul {padding-left: 7px;}
    .slide-content {margin: -10px 10px 0px;}
    .slide-content:before, .slide-content:after {position: unset;}*/
}


/* Adding 4th link tot he menu */

#main .nav ul li:nth-child(4) span {
    background-image: url('https://mannschaft.ck.ua/wp-content/themes/mann/images/airplane-icon.png');
    background-size: contain;
}

#main .nav ul li:nth-child(4) {
    border-left: 1px solid #ccc;
}



#main .nav ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 700px) {
    #main .nav ul {
        grid-template-columns: 1fr;
    }
}