@charset "utf-8";
/*
	Theme Name:	LKV	
	Theme URI: 		
    Version: 1.0 		
	Description: 
	Author: Gusar_Yulia	
	Tags: 
*/




@font-face {
    font-family: 'caudexregular';
    src: url('fonts/caudex-regular.eot');
    src: url('fonts/caudex-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/caudex-regular.woff') format('woff'),
         url('fonts/caudex-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caudexbold';
    src: url('fonts/caudex-bold.eot');
    src: url('fonts/caudex-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/caudex-bold.woff') format('woff'),
         url('fonts/caudex-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caudexitalic';
    src: url('fonts/caudex-italic.eot');
    src: url('fonts/caudex-italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/caudex-italic.woff') format('woff'),
         url('fonts/caudex-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caudexbold';
    src: url('fonts/caudex-bolditalic.eot');
    src: url('fonts/caudex-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/caudex-bolditalic.woff') format('woff'),
         url('fonts/caudex-bolditalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html {
height: 100%;}

body {
background: #CEA773 url(images/fon15.jpg);
background-attachment: fixed; 
font-family: 'caudexregular';
-webkit-background-size: cover; /* Для хрома */
-moz-background-size: cover;  /* Для лисы*/
-o-background-size: cover;  /* Для оперы*/
-ms-background-size: cover;  /* Для ИЭ*/
background-size: cover;
}

*{
margin: 0;
padding: 0;}

.main-container{
overflow: hidden;
position: relative;
}


#logo {
margin:auto;
z-index: 100;
position: relative;
}

#logo img{
display: block;
z-index: 100;
position: absolute;
background: url(images/ie-fon.png);
margin-top: 10px;
left: 5%;
-moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
max-width:320px;
width: 30%;
height:auto;
}

#logo img:hover{
 -webkit-transform: translate(0,15px);
 -moz-transform: translate(0,15px);
 -o-transform: translate(0,15px);
}

.slider {
position: relative;
}

.slider img{
width: 100%;
height: 90%;
}

/****************menu*************************/
.menu ul li a, .v-menu ul li a {
text-decoration: none;
color: #fff;
display: block;
padding: 7px 0px;
margin-top:-7px;}

.v-menu{
right: 0px;
bottom: 90px;
position: absolute;
overflow:hidden;
}

.v-menu ul{
z-index: 20;
}

.v-menu ul li{
list-style: none;
height: 23px;
width: 160px;
background: url(images/ie-fon.png);
text-align: right;
font-size: 17px;
padding: 10px 10px 10px 0px;
color: #fff;
font-weight: #fff;
 transition: all 0.3s ease 0s;
}

.v-menu ul:hover li a {
text-shadow: 0 0 5px rgba(255,255,255,0.8);
color: rgba(255,255,255,0.3);
}

.v-menu ul li a:hover{
color: #fff;
text-shadow: none;
  
}

.v-menu ul li:hover{
background: url(images/ie-fon-h.png);
}



.menu {
background: url(images/ie-fon.png);
height: 44px;
margin-top:-47px;
width: 100%;
position:relative;
}

.menu ul {
margin: auto;
display: block;
width: 90%;
}

.menu ul li{
list-style: none;
width: 25%;
text-align: center;
font-size: 17px;
padding: 10px 0px 10px 0px;
float: left;
color: #fff;
font-weight: #fff;
transition: all 0.3s ease 0s;
}


.menu ul:hover li a{
text-shadow: 0 0 5px rgba(255,255,255,0.8);
color: rgba(255,255,255,0.3);
}

.menu ul li a:hover{
color: #fff;
text-shadow: none;}
	
.menu ul li:hover{
background: url(images/ie-fon-h.png);
height: 24px;
}

/************image-mennu*****************/


	
.img-menu{
max-width: 1200px;
width: 100%;
text-align:center;
margin: auto;
margin-bottom: 20px;
}

.pictures {
overflow:hidden;
width: 100%;
margin: auto;
display:inline-block;
}

.pic {
margin: 20px 9%;
width: 80%;
float: left;
overflow:hidden;
-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;               
 position:relative;
background: url(images/ie-fon.png);
padding:0px;
}

.pic  div{
font-size: 1.1em;
background: url(images/ie-fon.png);
max-width:200px;
width: 80%;
position: absolute;
bottom: 20px;
right: 0px;
z-index: 20;
padding: 6px;
color: #fff;
}

 .pic div a{
text-decoration:none;
color: #fff;
}

.pic img {
max-width: 350px;
width:130%;
max-height:200px;
height:auto;
margin-bottom: -10px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
        transition: all 1s ease;
}

.pic img:hover{
margin-left: -30px;
}

.pic  div p{
   -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;
}   
  
.pic:hover  div p{
 -webkit-transform: translate(15px,0);
 -moz-transform: translate(15px,0);
 -o-transform: translate(15px,0);
}

.blocks a{
}



/*********Content*********/

.contant{
text-align:center;}

.content-text{
display: inline-block;
background: url(images/ie-fon.png);
max-width: 1150px;
width: 86%;
color: #fff;
padding: 20px;
line-height: 25px;
margin: auto!important;
margin-top: 20px!important;
text-align: left;
}

.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6{
color:#f8c27c;}

.content-text a{
color:#f8c27c;}

.content-text p{
margin: 20px 0px;}

.content-text h5{
margin: 30px 0px 20px 0px;
font-size: 1em;
color:#f8c27c;}

.title {
margin: 20px 0px;
color:#f8c27c;
text-transform:uppercase;}

.content-text ul{
margin: 0px 0px 0px 20px;}

.first-list{
list-style-image: url('images/list.png');
}

.first-list li{
margin: 10px 0px 10px 20px;}

.second-list li{
list-style-type: disc;
list-style-image: none;}

.footer{
background: url(images/ie-fon.png);
text-align: center;
color: #fff;
padding: 10px 40px;
margin-top: 30px;
overflow:hidden;
}

.footer a{
display:block;
text-decoration:none;
color:#f8c27c;
margin: 10px 0px;
}

.footer ul{
max-width:1200px;
width: 100%;
margin: auto;
margin-bottom: 20px;
}

.footer ul li{
list-style:none;
float: left;
width: 33%;
margin: 10px 0px;
}


.bloks{
overflow:hidden;
width: 33%;
float:left;
margin-top: 20px;
}



.inner, .menu ul{
max-width: 1200px;
width:100%;
margin: auto;
}

.cont {
background: none;
}

.cont ul li{
width: 100%;
}


.attachment-post-thumbnail{
width: 30%;
height:auto;
display: block;
margin:20px ;
float:left;}

.post{
border-bottom:2px solid #ccc;
overflow:hidden;
padding: 20px 0px;}

.title-page{
color:#f8c27c;
Margin: 20px 0px;
text-align: center; }

.pagination{
margin-top: 20px;}

.pagination a, .pagination span{
padding: 4px 8px;
background: url(images/ie-fon-h.png);
border-radius: 10px;
}

.category{
font-size: 1.2em;}


.attachment-post-thumbnail{
margin: 0px;
padding: 0px;}

/******************C-form*********************/
.wpcf7-form{
max-width: 450px;
width: 60%;
text-align:left;

}

#cf-email, #cf-name, #cf-phone, #cf-adres{
max-width: 200px;
width: 100%!important;
border: 1px solid #ccc;}



table{
}

table td{
width: 30%;
height: 40px;}


#cf-chek label{
display:block;
float:none;}

#cf-text{
width:98%;}

#cf-send{
padding: 10px 20px;
text-transform:uppercase;
margin-top: 20px;}

#cf-name {
width:98%!important;

}



.wpcf7-not-valid-tip{
color: #fff!important;
text-shadow: red 1px 0 0px, red 0 1px 0px, red -1px 0 0px, red 0 -1px 0px!important;}

/******************end.C-form*********************/

.menu-btn{
display:none;
max-width:60px;
width: 25%;
float: left;}

.menu-btn img{
margin: 2px 0px 0px 2px;}
 
 

.menu, #logo, .v-menu, .slider, .b1, .b2, .b3, .footer, .contant{display:none;}


.content-text .pic p {
margin:0px!important;
padding:0px!important}

.content-text .pic div{
padding: 8px 0px;}



.for-img .bloks{
width: 280px!important;
}

#cf-text{
padding: 10px!important;
font-size: 14px!important;
font-family: 'caudexbold'!important;
 }
 
.menu4 .bloks{
width: 24.5%!important;
padding:0px!important;
}

.menu4 .bloks .pic{
width: 92%!important;
margin:7px!important;
}

.menu3{
margin: -20px auto -10px auto!important;
}

.content-text p strong{
color:#F8C27C;
}

.akcent{
color:#F8C27C;
font-weight:bold;
text-align:center;
}

#text-c{
padding:3px;
margin-top:10px;
width: 260px!important;
font-family:verdana;
}

.wpcf7-form-control-wrap{
width: 340px!important;
padding:3px;
}

#but-c{
padding:10px 15px	;
font-size:0.8em;
}

.wpcf7-response-output {
background: rgba(0,0,0,0.3);
}

#blueimp-gallery .title{
display:none;
}

.video-gal img{
	float:left;
	margin:10px;
	width:30%!important;
}
.page-table{
	width:100%!important;
}


.page-table tr td{
	width:65%;
}

.content-text .page-table tr td:first-child{
	width:35%;

}

.gal-page{
	overflow:hidden;
}

.gal-page a{
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
	display:block;
	padding:10px 20px;
	
}

.photo-gal, .video-gal-btn{
	
	float:left;
	margin: 0px 10px 0px 10px;
	max-width:200px;
	width:90%;
	text-align:center;
	background: rgba(0,0,0,0.6);
	opacity:1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;   


}

.photo-gal:hover, .video-gal-btn:hover{
background: rgba(0,0,0,1);
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
 
}


.photo-gal:hover a, .video-gal-btn:hover a{
	margin-left:20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color:#ccc;
}


.gal-title, .video-title{
	margin: 20px 10px;
	text-align:center;
	font-size: 1.5em;
	text-transform: uppercase;
 	padding:10px;
	background:rgba(0,0,0,0.5);
}

.video-title{
	
}


.video-gal{
	overflow:hidden;
	text-align:center;
	
}
.video-gal img{
	width: 31%;
	height:auto;
}




/********media*************/

/*-----------------------------media---------------------------------*/

@media screen and (max-width: 950px) {
.video-gal img{
	width:30%!important;
}
	
.v-menu {
border: 0px solid #000;
bottom: 50px!important;
}

.v-menu ul li{
height: 18px!important;
}

.slider{
}
}

@media screen and (max-width: 800px) {
	
.menu4 .bloks{
width:50%!important;
}
}

@media screen and (max-width: 700px) {
.video-gal img{
	width:43%!important;
}	
	
.v-menu {
display:none!important;

}

.content-text {

width: 80%!important;
}

.menu4 .bloks{
width:50%!important;
}

}

@media screen and (max-width: 650px) {

.menu-btn{
display:block!important;}

.menu ul {
	display:none;
	float:right;
	width:70%!important;
	
	}
	
	.menu ul li{
	float:none!important;
	width: 100%!important;
	background: url(images/ie-fon.png);
	text-align:right!important;
	padding-right: 20px!important;
	}
	
	.menu ul li a{
	margin-right: 20px!important;
	}
	
	.menu ul li{
	padding-right: 10px;}
	
	
	
	
	.bloks{
	float:none!important;
	width:100%!important;
	height:auto;} 
	
	.pic {
	z-index:-2!important;}
	
	.pic img{
	max-height:280px!important;}
	
	.footer ul li{
	float:none!important;
	width: 100%!important;}


	
.pic img {
max-width: 550px!important;
height: auto!important;
}


.wpcf7-form{
max-width: 450px;
width: 90%;
text-align:left;

}

#cf-email, #cf-name, #cf-phone, #cf-adres{
max-width: 200px;
width: 100%!important;
border: 1px solid #ccc;}



table{
}

table td{
width: 50%;
height: 40px;}


#cf-chek label{
display:block;
float:none;}


.menu4 .bloks{
width:100%!important;
}

.gallery-item{
width:48%!important;

}

}

@media screen and (max-width: 550px){
.video-gal img{
	width:95%!important;
}
}

/********end.media*************/

