/*
	Theme Name: lathe
	Theme URI: mari-med.de
	Description: Тема для сайта mari-med.de
	Author: Taranov Denys
	Author URI:

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  { 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0;
	
	font-style:inherit; 
	font-size:100%; 
	font-family:inherit; 
	vertical-align:baseline;
}
/* media queries */
@media only screen and (max-width : 767px) {	
	.logotype {
		clear: both;	
	}
	.left-column-header, .right-column-header {
		margin-top: 20px;
	}
	.top-info span {
		display: block;
		margin-right: 0;
		line-height: 24px;
	}
	.footer-menu , .copyright {
		display: none;
	}
	
}
@media only screen and (min-width : 1px) {	
	.container {
		width: 280px;
	}
	.logotype {
		margin: 0 auto;	
	}
	.left-column-header {		
		text-align: center;			
	}
	.right-column-header {		
		text-align: center;	
		margin-bottom: 10px;		
	}
	.logotype { 
		width: 280px;
	}
	.top-info  {
		font-size: 12px;
	}
	.top-navigation .menu {
		display: none;
	}
	.fa.fa-bars {
		cursor: pointer;
		color: #fff;
		font-size: 35px;
		margin-top: 3px;
		display: inline-block;
	}	
	.carousel-block  {
		margin: 0 13px;
	}
	.top-image:after {
		bottom: -38px;
	}
}
@media only screen and (min-width : 320px) {
	
}
@media only screen and (min-width : 480px) {
	.container {
		width: 440px;
	}
	.logotype { 
		width: 289px;
	}
	.left-column-header {		
		float: left;
		text-align: left;
	}
	.right-column-header {		
		float: right;	
		text-align: right;
		margin-bottom: 0;		
	}	
	.carousel-block  {
		margin: 0 93px;
	}
	.top-image:after {
		bottom: -32px;
	}
	
}
@media only screen and (min-width : 768px) {
	.container {
		width: 728px;
	}
	.logotype {
		margin: 0 220px;				
	}
	.left-column-header {		
		width: 220px;			
	}
	.right-column-header {		
		width: 220px;		
	}	
	.top-header .button {
		margin-top: 67px;
	}	
	.top-navigation .menu li a {		
		font-size: 10px;
		padding: 15px 7px 14px;	
	}
	.top-navigation .menu {
		display: block;
	}
	.top-navigation .mobile-menu, .fa.fa-bars {
		display: none;
	}
	.carousel-block {		
		margin: 0 10px;
	}
	footer {
		padding-bottom: 40px;
	}
	.top-image:after {
		bottom: -23px;
	}
}
@media only screen and (min-width : 992px) {
	.container {
		width: 952px;
	}
	.logotype {
		margin: 0 332px;	
	}
	.left-column-header {		
		width: 332px;			
	}
	.right-column-header {		
		width: 332px;		
	}
	.top-info  {
		font-size: 14px;
	}
	.top-navigation .menu li a {
		font-size: 11px;
		padding: 15px 15px 13px;		
	}
	.carousel-block {		
		margin: 0 10px;
	}
	.top-image:after {
		bottom: -16px;
	}	
}
@media only screen and (min-width : 1150px) {
	.container {
		width: 1012px;
	}
	.logotype {
		margin: 0 361px;	
	}
	.left-column-header {		
		width: 361px;			
	}
	.right-column-header {		
		width: 361px;		
	}
	.carousel-block {		
		margin: 0 18px 0 17px;
	}	
	.top-image:after {
		bottom: -3%;
	}
}
/* end media queries */
body {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 14px;
}

.container {
	margin: 0 auto;
}
/* header */
.top-header {
	border-bottom: 2px solid #b39eb5;	
}
.top-header .button {
	width: 141px;	
}
.logotype {		
	text-align: center;
	background: #fff;
	position: relative;
	top: 12px;
}
.left-column-header {		
	min-height: 1px;	
}
.right-column-header {		
	min-height: 1px;	
}
.top-info {
	color: #afc182;
	text-align: center;
	padding: 15px 0 13px;
}
.top-info span {
	margin-right: 15px;
}
.top-info a {
	color: #afc182;
	text-decoration: none;
}
/* top menu */

/* end top menu */
.top-navigation {
	background: #b39eb5;
	min-height: 41px;
	margin-bottom: 11px;
}
.top-navigation .menu {
	padding: 0;
	/*margin: 0 35px;*/
}
.top-navigation .menu > li {
	float: left;
	list-style: none;
	position: relative;
}
.top-navigation .menu > li > a {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;	
	display: inline-block;	
	border-right: 1px solid #fff;
}
.top-navigation .menu .current_page_item > a {
	background: #fff;
	color: #b39eb5;
}
.top-navigation .menu > li a:hover  {
	background: #fff;
	color: #b39eb5;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} 
.top-navigation .menu > li.open-sub-items > a {
	background: #fff;
	color: #b39eb5;
}
.top-navigation .menu > li:first-child > a {
	border-left: 1px solid #fff;
}
.top-navigation  .sub-menu {
	position: absolute;
	top: 41px;
	left: -1px;
	background: #b39eb5;
	background: #6a606b;
	opacity: 0.9;
	width: 200px;
	z-index: 100;
	display: none;
	border-left: 1px solid #b39eb5;
	border-right: 1px solid #b39eb5;
}
.top-navigation  .menu > li:hover .sub-menu {
	display: block;
}
.top-navigation  .sub-menu li {
	list-style: none;
}
.top-navigation  .sub-menu li a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	border-bottom: 1px solid #b39eb5;
	padding: 10px;
}
.top-image {	
	text-align: center;
	position: relative;	
	max-width: 1153px;
	margin: auto;
	background: url(images/top-image-bg.jpg) repeat-x bottom left #fff;
}
.top-image img {
	max-width: 100%;	
	position: relative;
	z-index: 10;
	height: auto;
}

/* start mobile menu*/
.menu-mobi {
  display: none;
}

input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

@media only screen and (max-width: 760px) {
  .menu-mobi {
    display: block;
  }

  nav[role="custom-dropdown"] ul {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
  }
  nav[role="custom-dropdown"] label {
    font-size: 18px;
    margin: 0;
    display: inline-block;
  }
  nav[role="custom-dropdown"] label:after {
    content: "\2261";
    font-size: 1.8em;
    color:#FFFFFF;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
    color: #222;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    transition-delay: 0s;
  }
  nav[role="custom-dropdown"] input[type=checkbox] ~ ul > li {
    width: 100%;
    text-align: center;
    list-style: none;
    font-size: 18px;
    border-bottom:1px solid white;
    padding-bottom:2px;
  }
  nav[role="custom-dropdown"] input[type=checkbox] ~ ul > li a{
    color:#FFFFFF;
    text-decoration:none;
    width:100%;
    display:block;
  }
}
/* end mobile menu*/

/* end header */
/* content */
.content {
	color: #7b7b7b;
	padding-bottom: 15px;
	padding-top: 15px;
}
.content h1 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 20px;
	color: #767375;
}
.content h3 {
	font-size: 18px;
	font-weight: normal;
	color: #767375;
}
.content p, .content h3, .content ol li  {
	margin-bottom: 20px;
}
/* end content */
/* footer */
.top-footer {
	background: #b39eb5;
	height: 41px;
}
.footer-menu {
	padding: 0;
	text-align: center;
	margin: 21px 0 10px 0;
}
.footer-menu li {
	list-style: none;
	text-transform: uppercase;	
	border-left: 1px solid #a4a4a4;
	display: inline;
}
.footer-menu li:first-child {
	border-left: none;
}
.footer-menu li a {
	color: #a4a4a4;
	text-decoration: none;
	display: inline-block;
	padding: 0 4px;
}
.copyright {
	clear: both;
	text-align: center;
	color: #a4a4a4;
	font-size: 12px;
}
/* end footer */
/* slider */
.carousel  {
	margin: 25px auto;
	position: relative;
}
.carousel-wrapper {
	margin: 10px 24px; 
	overflow: hidden; 
	position:relative;
	padding: 0;
}
.carousel-items {
	width: 10000px; 
	position: relative; 
}
.carousel-block {	
	width: 200px;
	border: 3px solid #c6b1c8;
	list-style: none;
	text-align: center;
	overflow: hidden;
	float: left;
	font-size: 0;
}
.carousel-block a {
	text-decoration: none;
	color: #fff;
}
.carousel-block a:hover {
	color: #fff;
}
.carousel-block a img {
	height: 137px;
}
.carousel-block a span {
	text-transform: uppercase;
	display: block;
	background: #5c86ba;
	padding: 10px 5px 12px;
	border-top: 1px solid #fff;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
 /*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
	cursor: pointer;
	position: absolute;
	top: 44px;
	width: 25px;
	height: 40px;
	text-align: center;
}
.carousel-button-left a {
	left: 0;
	top: 50%;
	margin-top: -20px;
	background: url(images/cl_arrow_left.png);
	z-index: 100;
	opacity: 0.7;
}
.carousel-button-right a {
	right: 0;
	top: 50%;
	margin-top: -20px;
	background: url(images/cl_arrow_right.png);
	z-index: 100;
	opacity: 0.7;
}
.carousel-button-left a:hover, .carousel-button-right a:hover {
	opacity: 1;
}
/* end slider */
.button {
	font-size: 13px;
	color: #fff;
	background: #b39eb5;
	text-decoration: none;
	padding: 8px 5px 9px 5px;
	text-align: center;
	display: inline-block;
}
.button:hover {
	background: #cca5d0;
	transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s;
	color: #fff;
}
.clear {
	clear: both;
}
a {
	color: #AFC182;
}
a:hover {
	color: #767375;
}