@charset "utf-8";
@media only screen and (max-device-width : 720px){
	body, div, p{
		font-size:18px;	
		}
	img{
		max-width:360px;
	}
	#upper-header{
		display:none;
	}
	#wrapper {
	  top: 10px !important;
	}
	
	#header div#contacts{
		float:none !important;
		}
	#header .logo .slogan{
		display:none !important;
		font-size:2px !important;
	}
	#header .logo{
		margin:0 !important;
		padding:5px !important;	
	}
	#header .logo img{
		max-width:220px;
		float:left;
		}
	#header ul.menu_level_3 li.home {
	  padding:5px 5px 5px 0;
	  display:none;
	}	
	#wrapper{
		overflow:auto;
		padding:10px 0 0 0;
	}
	#wrapper #slides{
		width:100%;	
		height:300px;	
	}
	
	#wrapper .fpPicBgr{
		height:300px;	
		background-size: contain !important;
		  background-image:url(../resources/uploads/static-pages/mobile-header.jpg) !important;
		  resize: both !important;
		  overflow: scroll;
	}
	#wrapper .pagination {
	  display:none;
	}
	#header #mainMenuMobileIcon{
		display:block;
		float:right;
		margin:40px 10px 0 0px;
	}
	#header #mainMenuMobileIcon span{
		font-weight:bold;
		line-height:42px;
		color:#52434A;
		text-decoration:none;
		display:block;
		float:left;	
	}
	#header #mainMenuMobileIcon img{
		margin:0 10px 0 10px;	
	}
	#header div#mainMenu{
		float:right;
		clear: both;
		margin:0 0 5px 0;
		display:none;
		background-color:#fff;
		overflow:visible;
		position:absolute;
		z-index: 1000;
		top:90px;
		right:0;
		width:340px;
	}
	/*#header div#mainMenu ul{
		line-height:normal;
		height:auto;	
		padding:10px 0 0 0;
		}
	#header div#mainMenu a{
		font-size:12px;	
		padding:0 5px;
	}*/
	#header #mainMenu ul.menu_level_3{
		float:none;
		display:block;
		overflow: auto;
		margin-right:10px;
		height:auto;		
	}	
	#header #mainMenu ul.menu_level_3 li.menu_item{
		display:block;
		float:none;
		text-align:left;
	}	
	#header #mainMenu li.menu_item a{
		float:none;
		font-size: 20px;
		padding:3px 20px;
	}
	#header #mainMenu ul.menu_level_3 li.home{
		text-align:left;
		width:100%;
		height:inherit;
		}	
	#header #mainMenu ul.menu_level_3 li.home a{
		text-indent:inherit;
		background:none;
		color:#333;
		width:100%;
		height:inherit;
		padding:3px 20px;
	}
	#sub-header{
		padding:320px 0 40px 0 !important;
	}
	#sub-header ul li{
		padding:15px 10px 5px 50px !important;
	}
	#bodyWrapper-home .tripple-column{
		max-width:380px;
		margin:60px 24px 0 24px;
		padding:3px 15px 20px 20px;
		float:none;
		text-align:center;
		border:1px solid #CCCCCC;
		box-shadow:none;
	}
	#wrapper .half-column {
	   margin: 30px 5px 0 5px;
		max-width:720px;	
	}
	#wrapper div#bodyWrapper{
		padding:0 10px;
		}
	#wrapper #bodyWrapper-home{
		padding:10px 0;
	}
	#wrapper div#bodyWrapper .menu_level_4{
		max-width:720px;
		width:100%;
		float:none;
		}
	#bodyWrapper-home ul.menu_level_4 li {
		padding: 10px 0 10px 30px !important;
	}
	#copyright-container .copyright-inner{	
		padding:0 10px 10px 10px;
	}
	.double-column{
		width:auto !important;
		margin:20px 0px 0 0px !important;
		padding:23px 15px 20px 20px;
		float:none !important;
		box-shadow:none !important;

	}
	#bodyWrapper .tripple-column{
		max-width:370px !important;
		margin:10px 0 !important;
		float:none !important;
		box-shadow: none !important;
		min-height:100px !important;
	}
	#bodyWrapper .aboutus .double-column{
		padding:20px 10px 20px 0px;
		
	}
	.fpPic h1{
	display:none;
	}
	.contacts .double-column{
		padding:20px 0 0 0px !important;
	}
	/*.swiper-slide img{
		max-width:150px !important;
	}*/		
	
}
body {
	margin:0;
	padding:0;
}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#463A43;	
}
img{
	border:0;
}
form{
	padding:0;
	margin:0;
}
input{
	padding:0;
	margin:0;
	border:1px solid #CCC;
	}
input[type='submit']{
	cursor:pointer;	
}
h1, h2, h3, h4{
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-family::"Century gothic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
h1{
	font-size:24px;
	font-weight:normal;
	clear:both;
	margin:15px 0 0 0;
	padding:25px 0 0 0;
	}	
h3{
	color:#525252;
	font-size:18px;
	padding:20px 0 10px 0;
	}
p{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	clear:both;
}
.clear-line{
	clear:both;
}
.tripple-column{
	max-width:280px;
	margin:60px 24px 0 24px;
	padding:3px 15px 20px 20px;
	float:left;
	text-align:center;
	border:1px solid #CCCCCC;
	box-shadow: 2px 2px 15px 2px #ccc;
	min-height:250px;
	position:relative;
	}
.double-column{
	width:440px;
	margin:20px 20px 0 0px;
	padding:23px 15px 20px 20px;
	float:left;
	text-align:left;
	border:1px solid #eee;
	box-shadow: 1px 1px 10px 1px #ccc;
	position:relative;
}
.double-column h3{
	padding:0 0 10px 0;
}
h3.box1,
h3.box2,
h3.box3{
	background:url(../resources/defImages/implantology.png) top center no-repeat;
	position:relative;
	top:-40px;
	font-size:24px;
	font-weight: normal !important;
	text-align:center;
	padding:120px 0 0 0;
}
h3.box2{
	background:url(../resources/defImages/aesthetic.png) top center no-repeat;
}
h3.box3{
	background:url(../resources/defImages/koren-lechenie.png) top center no-repeat;
}
.tripple-column span.smaller-text{
	display:block;
	clear:both;
	font-size:19px;
}
.tripple-column div.small-text{
	font-size:18px;
	position:relative;
	top:-20px;
	text-align:left;
}
.tripple-column a{
	color:#97BA40;
	position:absolute;
	bottom:20px;
	display: block;
	text-align: center;
}

div.text{
	padding:10px 0;
	}	

#header{
	max-width:1200px;
	padding:5px 0 0 0;
	overflow:hidden;

	}
#header .logo{
	margin:0 0 10px 20px;
	display:block;
	float:left;
	}
#header .logo img{
	display: block;	
}
#header .logo .slogan{
	text-transform: uppercase;
	font-size:14px;
	color:#52434A;
	display:block;
	clear:both;
	float:left;
	padding:0 0 0 130px;
}
#header .logo .slogan:hover{
	color:#52434A;
}
#upper-header{
	background-color:#97BA40;
	color:#fff;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom:20px;
}
#upper-header .wrapper{
	max-width:1200px;
}
#upper-header .name,
#upper-header .phone{
	padding:0 10px 0 20px;
}
#upper-header .fb-connect{
	padding:5px 20px 0 0;
	display:block;
	float:right;
	}
#upper-header .phone{
	padding:5px 20px 5px 30px;
	background:url(../resources/defImages/phone-icon.png) center left no-repeat;
}
#wrapper{
	clear:both;
	text-align:left;
	min-height:440px;
	background-color:#fff;
	}

#bodyWrapper{
		max-width:1000px;
		padding:30px 20px 30px 10px;
		text-align:left;
		color:#444;
		overflow:hidden;
	font-size:18px;
	line-height: 30px;
	}		
#bodyWrapper a,
#bodyWrapper-home a{	
	color:#97B93F;
	font-weight:bold;
	text-decoration:none;
}
#bodyWrapper a:hover,
#bodyWrapper-home a:hover{
	color:#8EB339;
}
#mainMenuMobileIcon{
	display:none;
}	
#contacts{
	float:right;
	padding:10px 0 0 0;
	}
#contacts div.phone{
	float:left;
	background:url(../resources/defImages/phone-icon.jpg) center left no-repeat;
	padding:0 20px 0 40px;	
	line-height:32px;
	border-right:1px solid #333;
}
#contacts a.fb-connect{
	display:block;
	float:right;
	padding:10px 0 0 20px;
	}
#copyright-container{
	clear:both;
	overflow:hidden;
	}
#copyright-upper{
	background-color:#DAD8D9;
	overflow: auto;
}
#copyright-upper .double-column,
.contacts .double-column,
.aboutus .double-column{
	float:left;
	max-width:400px;
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 0 20px 60px;
}
.contacts .double-column{
	padding:20px 70px 0 0px;
	max-width: 500px;
}
.contacts .double-column.address{
	position:relative;
	top:-45px;
}
.contacts .double-column.address h1{
	margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.contacts .double-column:last-of-type{
	padding:20px 0px 0 0px;
	
}
#copyright-upper .double-column.address{
	background:url(../resources/defImages/location-icon.png) center left no-repeat;
	margin:0 140px 0 0;
}
#copyright-upper .double-column.phones{
	background:url(../resources/defImages/phone-icon-grey.png) center left no-repeat;
}
#copyright-down{
	background-color:#473B43;
	color:#fff;.copyright
}
.aboutus .double-column{
	padding:20px 80px 20px 0px;
	max-width:420px;
}
.aboutus ..fpPic h1 .bgr-column:last-of-type{
	padding:20px 0 20px 0px;
}

.copyright-inner{
	max-width:1100px;
	overflow:hidden;
	padding:0 10px 10px 70px;
	text-align: left;
	}	
.creative{
	float:left;
	}	
.creative span {
	position:relative;
	top:-10px;
}	
.copyright{
	padding:20px 0 0 0;
	text-align:center;
	}
/***********************************HOME PAGE****************************************/
#bodyWrapper-home{
		text-align: center;
		overflow:auto;
		clear:both;
		max-width:1100px;
		padding:0 0 80px 0;
			}

#bodyWrapper-home	.static-page{
	width:inherit;
	}

#bodyWrapper-home p{
	padding:0;
	}
#slides{
	position:absolute;
	width:100%;
	height:560px;

	text-align:center;
	}
#slider{
	margin:-60px 0 0 0;
	}	
.slides_container,
.fpPicBgr{
	height:560px;	
	text-align: center;
	}
.slides_container div{
	width:100% !important;
}
.slide{
	width:100%;
	}
#sub-header{
	background:url(../resources/defImages/sub-header.jpg) center bottom no-repeat;
	
	text-align: center;
	padding:650px 0 40px 0;
	clear: both;
}
#sub-header ul{
	display: inline;	
	max-width: 1000px;
	overflow: auto;
	}
#sub-header ul li{
	display:inline-block;
	padding:5px 30px 5px 50px;
	background:url(../resources/defImages/thick.png) center left no-repeat;
	list-style-type:none;
	font-size:22px;
	text-transform: uppercase;
	}
#sub-header h3{
	font-size:40px;
	text-transform: uppercase;
	font-weight:normal;
	padding:30px 0 0 0;
}
#sub-header .h-text{
	font-size:20px;
	max-width:1000px;
	padding:20px 0 40px 0;
	display: inline-block;
}
#home-banners{
	padding:0 0 15px 0;
	}
#home-banners a{
	margin:0 3px;
	}
.pagination{
	position:absolute;
	top:15px;
	left:50%;
	padding-right:20px;
	margin-left:380px;
	list-style-type:none;
	float:right;
	}
.pagination li{
	display:inline;
	}	
.pagination li a{	
	width:5px;
	height:5px;
	background-color:#fff;
	border:5px solid #333;
	dipslay:block;
	float:left;
	text-indent: -9999px;
	margin:4px;
}
.pagination li.current a{
	background-color:#A4A730;	
}	
/***********************************ZANAS PAGE****************************************/

	.text-container{
		overflow:auto;
	}
	.double-column.new-line{
		clear:both;
		float:left;
	}


/***********************************USLUGI PAGE****************************************/


#bodyWrapper .tripple-column{
	max-width:270px;
	margin:20px 25px 10px 0;
	padding:60px 15px 20px 20px;
	float:left;
	text-align:left;
	border:1px solid #ddd;
	box-shadow: 2px 2px 15px 2px #ddd;
	min-height:180px;
	position:relative;
	background:url(../resources/defImages/bullet.jpg) 15px 10px no-repeat;
	font-size:19px;
	line-height: 30px;
	}




/*****************************SLIDER******************************************/	
.fpPic h1{
	position:relative;
	top:-400px;
	/*margin:0 0 0 1100px;*/
	float:right;
	margin:10px 100px 10px 10px;
	padding:40px 0 10px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight:normal;
	text-decoration: none;
	color:#463A43;
	font-size:26px;
	overflow: auto;
	width:400px;
	background-color:rgb(255,255,255);
	opacity:0.95;
	box-shadow: 2px 2px 15px 2px #666;
	}	
.fpPic h1 .bigger{
	font-size:36px;
}
.fpPic h1 .g-color{
	color:#97B93F;
	font-size:50px;
	font-weight:normal;
}
.fpPic h1 .bgr{
	background-color:#483C43;
	border-radius:7px;
	padding:10px;
	color:#fff;
	font-size:21px;
	max-width:320px;
	margin:20px 0 0 32px;
	}
.slide a{
		text-decoration:none;
	}
.slider-out{
	float:left;
	width:735px;
	}
.ui-slider-list-container{
	overflow:hidden;
	height:370px;
	padding:10px 0;	
	max-width:720px;
	}		
.swiper-slide{
	float:left;
	width:240px;
	}
.swiper-slide img{
	max-width:238px;
	}	
.swiper-slide a{
	display:block;
	margin:0 1px;
	}

.arrows-contaner{
	position:relative;
	max-width:720px;
	z-index:1000;
	}	
.system-slider-arrow-left,
.system-slider-arrow-right{
	position:absolute;
	margin:140px 10px 0 0;
	width:40px;
	height:55px;
	}
.system-slider-arrow-left{	
	left:0;
	margin:140px 0 0 10px;
}
.system-slider-arrow-right{
	right:0;
}
.contacts-map{
	max-width:1000px;
	width:100%;
	height:500px;
}