@charset "UTF-8";
/* CSS Document */
body {
	color: #363636;
	font-weight:300;
	overflow-x: hidden;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #363636;
}
em {
color: #fff;
}
nav {
	background-color: #fff;
-webkit-box-shadow: 0px 10px 17px -9px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 17px -9px rgba(0,0,0,0.1);
box-shadow: 0px 10px 17px -9px rgba(0,0,0,0.1);}
.right-part-nav {
	    padding: 10px 30px 10px 0;
}
.logo a {
	display:block;
	padding:10px 20px;
}
.nav-top {
	font-weight: 500;
}
.nav-top a:hover, .nav-top a.active {
	border-bottom:1px solid #a9dc0f;
	padding-bottom: 5px;
	text-decoration:none;
	color:#a9dc0f;
}
nav .uk-icon-button {
    border-color: #a9dc0f;
    background: transparent;
    color: #a9dc0f;
	width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
	margin-top:10px;
}
.uk-icon-button:hover {
	background: #a9dc0f;
	border:1px solid #a9dc0f;
	color: #fff;
	text-shadow:none;
}
.right-part-nav p {
	margin:0;
	line-height:1.5;
}
.nav-top a {
	color: #363636;
	text-transform:uppercase;
	padding: 0 9px!important;
}
.green-bg {
	background-color: #2b6429;
	color: #fff;
}
.white-bg {
	background-color:#fff;
}
.haki-bg {
	background-color:#a2ca28;
}
.green-bg h2, .green-bg i, .green-bg h3 {
	color: #fff;
}
.main-about a.uk-button, .main-sad-center a.uk-button, .photo-button {
	background: #a9dc0f;
    border: none;
    border-radius: 50px;
    padding: 5px 80px;
    text-shadow: none;
}
.buy-button {
	background: #a9dc0f;
    border: none;
    border-radius: 0;
    padding: 5px 80px;
    text-shadow: none;
	font-weight:400;
}
.dark-button {
	background: #363636;
    border: none;
    border-radius: 50px;
    padding: 5px 80px;
    text-shadow: none;
	color: #fff;
}
.lightgreen-bg {
	background-color: #a9dc0f;
}
.padding-35 {
	padding:35px;
}
.footer {
	background-color:#197b30;
	color: #fff;
}
.footer h3 {
	color: #fff;
}
.footer h2 {
	color: #fff;
    line-height: 1;
    font-size: 26px;
}
.footer h3 a{
	color: #fff!important;
	text-decoration:none!important;
}
.uk-margin-mod-large-top {
	margin-top: 152px;
}
.panel-transp {
	background-color: rgba(0,0,0,0.5);
	padding:35px;
	color: #fff;
}
.panel-transp h2{
	color: #fff;
	font-weight:400;
	
}
	
.height-100 {
	min-height: calc(100vh - 200px);
}
.text-white, .text-white h1, a.text-white:hover, a.text-white:active, a.text-white:visited, p.text-white a {
	color: #fff;
	text-decoration:none;
}
.text-lgreen, a.text-lgreen, a.text-lgreen:hover, a.text-lgreen:visited {
	color: #a9dc0f;
	text-decoration:none;
}
.partners a img {
	padding:10px;
	width:30%;
}
.contact p, .contact a, .contact a:hover, .contact a:visited {
	color: #494949!important;
	line-height:2;
}
.cottage .uk-panel-box {
    padding: 15px 15px 0;
    background: #494949;
    color: #fff;
    border: 1px #494949 solid;
    border-radius: 0;
	-webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.09);
	box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.09);
}
.cottage .uk-panel-box .uk-panel-teaser {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
span.cottage-type {
	background-color: #a9dc0f;
    padding: 5px 10px;
    margin: 0;
    display: inline-block;
    font-weight: 500;	
}
.cottage-plan, .cottage-plan h2 {
	color: #fff;
}
.td1 {
	width:10%;
}
.td2 {
	width:50%;
}
.td3, .td4 {
	width:10%;
}
.cottage-about p {
	font-weight:400;
	font-size: 16px;
}
.uk-tooltip {
    background: #ff302c;
    color: #fff;
    border-radius: 3px;
    text-shadow: none;
}
.green-tooltip {
	background: #4e810c;
}
.yel-tooltip {
	background:#fff200;
	color: #4e810c;
}
.uk-modal-dialog {
	padding:0;
}
.main-slider h1 {
	color: #fff;
	font-size:50px;
	font-weight:400;
}
.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus {
    border-left-color: #fff;
    border-right-color: #fff;
    border-top-color:#fff;
    box-shadow: none;
    color: #a9dc0f;
}
li.separator {
	height:41px;
	padding: 10px 0;
}
.uk-dropdown {
	width: 300px;
    text-align: left;
    padding: 15px 20px;
    border: none;
    border-radius: 0;
    font-size: 12px;
}
.uk-dropdown>.uk-nav-navbar>li>a:focus, .uk-dropdown>.uk-nav-navbar>li>a:hover {
    background: #fff;
    color: #a9dc0f;
    outline: 0;
    box-shadow: none;
    text-shadow: none;
    border:none;
	padding-bottom:3px;
}
.uk-dropdown>.uk-nav-navbar>li>a {
	border:none;
}
.uk-navbar-nav:first-child>li:first-child>a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.uk-navbar-nav>li>a:active {
    background-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-top-color: #fff;
    box-shadow: none;
}
ul.outer-navbar-nav>li:last-child {
display: none;
}
.uk-icon-button {
	background:#fff;
}
.uk-icon-button:hover {
    border-color: #fafafa;
}
.uk-icon-lang-en:before {
    content: "EN";
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1;
} 
.uk-icon-lang-ru:before {
    content: "RU";
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1;

}
.appoint, a.appoint:active, a.appoint:visited {
	width: auto;
    font-size: 10px;
    padding: 0 15px;
	background: #a9dc0f;
	border: 1px solid #a9dc0f;
    border-radius: 50px;
    text-shadow: none;
    color: #fff;
	box-shadow:none;
	}
a.appoint:hover  {
	border: 1px solid #a9dc0f;
	background: none;
	color:#a9dc0f;
}
.appoint-single, a.appoint-single:active, a.appoint-single:visited {
	width: auto;
    padding: 0 15px;
	background: #a9dc0f;
	border: 1px solid #a9dc0f;
    border-radius: 50px;
    text-shadow: none;
    color: #fff;
	box-shadow:none;
	}
a.appoint-single:hover  {
	border: 1px solid #a9dc0f;
	background: none;
	color:#a9dc0f;
}
.appoint-modal>.uk-modal-header>h3 {
	text-align:center;
}
.appoint-modal>.uk-modal-header, .appoint-modal>.uk-modal-footer {
	background: #fff;
	border-top:none;
}
.appoint-modal>.uk-modal-header {
border-bottom: 1px solid #a9dc0f;
}
.appoint-modal {
	padding:20px;
	
}
.appoint-modal>.uk-form {
	text-align:center;
}
.ok, .cancel:hover {
	border-radius: 50px;
    background: #a9dc0f;
    border: 1px solid #a9dc0f;
    text-shadow: none;
	color:#fff;
}
.cancel, .ok:hover {
	border-radius: 50px;
    background: #fff;
    border: 1px solid #a9dc0f;
    text-shadow: none;
	color: #a9dc0f;
}
.appoint-modal>.uk-form input[type=text], .appoint-modal>.uk-form textarea  {
	border-color: #a9dc0f;
    font-weight: 300;
	background: none!important;
	width: 50%;
}

@media (max-width: 767px) {
.right-part-nav {
    padding: 20px 0px 0 0;
    width: 40%;
    float: left;
	font-size:11px;
}
.uk-navbar-center {
    float: left;
    text-align: left;
    max-width: 40%;
    margin-left: 0;
    margin-right: 0;
	height: auto;
	    padding-left: 10px;
    padding-right: 10px;
}
.uk-navbar-toggle {
    padding-top: 15px;
}
.right-part-nav p {
    line-height: 1;
	color: #363636;
}
.uk-navbar-toggle {
    color: #197b30;
}
.uk-offcanvas-bar {
    background: #197b30;
}
.uk-offcanvas-bar:after {
    width: 1px;
    background: none;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);
}
.uk-nav-offcanvas>li>a {
    color: #fff;
    padding: 10px 15px;
    border-top: 1px solid rgba(255,255,255,0.1);
    box-shadow: none;
    text-shadow: none;
}
.uk-nav-offcanvas {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    box-shadow: none;
}
html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
    background: #a9dc0f;
    color: #fff;
    box-shadow: none;
}
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
    background: #197b30;
}
.uk-nav-offcanvas ul a {
    color: #ececec;
    font-size: 12px;
}
.uk-grid>* {
    padding-left: 25px;
    /*padding-right: 25px;*/
}
.uk-margin-remove {
	/*margin-left:-35px!important;*/
}
.main-slider h1 {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
	text-transform:uppercase;
}
.uk-icon-button {
	    width: 25px;
    height: 25px;
	line-height: 25px;
	font-size:12px;
}
.main-overlay-panel {
margin-right: 0!important;
}
.about-body {
height: auto!important;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.logo {
width:35%;
}
.right-part-nav {
    width: 65%;
}
.nav-top {
width: 100%;
}
li.separator {
    height: 25px;
	}

.footer h3 {
    font-size: 15px;
    line-height: 24px;
}
.bl2 {
background-image: url(../img/bl2.jpg);
width:60%;
}
.bl2-before {
width:40%;
}
.bl3 {
background-image: url(../img/bl3.jpg);
width:60%;
}
.bl3-before {
width:40%;
}

.bl2, .bl3 {
    background-repeat: no-repeat;
    background-size: cover;
	background-position: 50%;
	}
	.bl2 img, .bl3 img {
	display: none;
	}
}