/*
Theme Name: longray-theme
Description: longray-theme
Author: web-shop.tk
Author URI: http://web-coder.esy.es
Theme URI: http://web-coder.esy.es
Version: 1.0
Tags: light, white, one-column
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
	font-family: "IcoFont";
	src:url("fonts/icofont/icofont.eot");
	src:url("fonts/icofont/icofont.eot?#iefix") format("embedded-opentype"),
		url("fonts/icofont/icofont.ttf") format("truetype"),
		url("fonts/icofont/icofont.svg#fontawesome-webfont") format("svg"),
		url("fonts/icofont/icofont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
/* STANDART WORDPRESS CSS */
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	margin-bottom: 18px;
	max-width: 100%;
}
p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {margin-bottom: 0;}
/* Alignment */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {margin: 11px 18px 11px 0;}
.wp-caption.alignleft {margin: 11px 15px 11px 0;}
blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {margin: 11px 0 11px 18px;}
.wp-caption.alignright {margin: 11px 0 11px 15px;}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}
.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 15px;
	width: 50%;
}
.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: 18px;}
/* /STANDART WORDPRESS CSS */
/* reset */
body{
	margin:0;
	font:18px/29px 'Roboto', Helvatica, Arial, sans-serif;
	min-width: 244px;
	background: linear-gradient(to right, #f5f5f5 50%, #fff 50%);
    color: #050505;
    min-width: 320px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color: #649fff;
	transition: all 0.2s ease-in-out 0s;
}
a:hover{
	text-decoration:underline;
}
input,
textarea,
select{
	font: 18px/29px 'Roboto', Helvetica, Arial, sans-serif;
	vertical-align:middle;
	color:#050505;
	display: block;
	margin: 0 0 15px;
	background: none;
	border: 1px solid #f5f5f5;
	padding: 0 11px;
	box-sizing: border-box;
	max-width: 320px;
	width: 100%;
}
textarea{
	resize: none;
	height: 122px;
}
form label{
	display: block;
	margin: 0 0 11px;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#header .amount,
#header .amount span{
	font-family: 'Roboto', Helvatica, Arial, sans-serif;
}
*:focus{
	outline: none;
}
::-webkit-input-placeholder {color:#5f5f5f;}
::-moz-placeholder          {color:#5f5f5f;}/* Firefox 19+ */
:-moz-placeholder           {color:#5f5f5f;}/* Firefox 18- */
:-ms-input-placeholder      {color:#5f5f5f;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

.error::-webkit-input-placeholder {color:#ff6464;}
.error::-moz-placeholder          {color:#ff6464;}/* Firefox 19+ */
.error:-moz-placeholder           {color:#ff6464;}/* Firefox 18- */
.error:-ms-input-placeholder      {color:#ff6464;}
button,
.submit,
.button{
	font: 18px/18px 'Roboto', Helvetica, Arial, sans-serif;
	border-radius: 0;
	padding: 11px 47px;
	border: none;
	color: #649fff;
	transition: all 0.2s ease-in-out 0s;
	margin: 0 0 18px;
	cursor: pointer;
	display: inline-block;
	width: auto;
	text-align: center;
	border: 1px solid #649fff;
}
button:hover,
.submit:hover,
.button:hover{
	background: #649fff;
	color: #fff;
	text-decoration: none;
}
h2 {
    font-size: 29px;
    line-height: 29px;
    margin: 0 0 11px;
}
h3{
	font-size: 18px;
    line-height: 29px;
    margin: 0 0 11px;
}
p{
	margin: 0 0 18px;
}
ol{
	margin: 0;
	padding: 0 0 0 18px;
}
table{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0 0 18px;
}
th,
td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px;
}
/* /reset */
/* header */
#header {
    background: linear-gradient(to right, #3c9f64 50%, #fff 50%);
    border-bottom: 1px solid #f7f7f7;
}
.header-holder {
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}
#header .logo {
    background: #3c9f64 url(images/logo-green.png) no-repeat left center;
    -webkit-background-size: 198px auto;
    background-size: 198px auto;
    display: block;
    flex: 0 1 250px;
    text-indent: -9999px;
}
#header .logo a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 100%;
}
/* right-side */
.right-side {
    flex: 1 1 250px;
    box-sizing: border-box;
    padding: 11px 18px 0;
}
.description {
    font-size: 29px;
    line-height: 29px;
    margin: 0 0 11px;
    display: block;
    font-weight: 100;
    
}
#header .phones{
	margin: 0 0 11px 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
#header .phones li{
	display: inline;
	padding: 0 0 0 18px;
	white-space: nowrap;
}
.phones li:before{
	content: '\ec49';
	font-family: "IcoFont";
	display: inline-block;
	font-size: 29px;
	line-height: 29px;
	text-align: center;
	color: #3c9f64;
}
.phones li a{
	color: #050505;
}
.callback-button{
	color: #649fff;
	cursor: pointer;
}
.callback-button:hover{
	text-decoration: underline;
}
/* main-nav */
#main-nav {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}
#main-nav li {
    display: inline-block;
}
#main-nav .current-post-ancestor > a,
#main-nav .current-menu-item > a {
    font-weight: bold;
}
#main-nav .current-post-ancestor a,
#main-nav .current-menu-item a:hover{
	color: #050505;
}
#main-nav a{
    padding: 0 11px 0 0;
    color: #050505;
    text-decoration: none;
    line-height: 47px;
    display: inline-block;
}
#main-nav .menu-item-has-children:hover > a,
#main-nav a:hover{
	color: #ff9f64;
}
.mobile-button{
	display: none;
}
.menu-item-has-children{
	position: relative;
}
.sub-menu{
	max-height: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: -11px;
	z-index: 9;
	background: #3c9f64;
	transition: all 0.2s ease-in-out 0s;
	padding: 0;
}
.menu-item-has-children:hover .sub-menu{
	max-height: 500px;
}
#main-nav .sub-menu li{
	display: block;
}
#main-nav .sub-menu a{
	white-space: nowrap;
	padding: 0 11px;
	color: #fff;
	cursor: pointer;
	display: block;
}
#main-nav .sub-menu a:hover{
	background: #fff;
	color: #649fff;
}
/* /main-nav */
.language-chooser{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	line-height: 47px;
}
.language-chooser li{
	display: inline-block;
	margin: 0 0 0 7px;
}
/* /right-side */
/* /header */
/* intro */
#intro{
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	clear: both;
}
#intro ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#intro li{
	flex: 1 1 340px;
	overflow: hidden;
}
#intro a{
	display: block;
	position: relative;
}
#intro img{
	display: block;
	width: 100%;
	height: auto;
}
#intro span{
	position: absolute;
	left: 7px;
	bottom: 7px;
	background: rgba(60,159,100,0.75);
	color: #f5f5f5;
	font-size: 29px;
	line-height: 47px;
	padding: 0 18px;
	transition: all 0.2s ease-in-out 0s;
	font-weight: 100;
}
#intro a:hover span{
	background: rgba(60,159,100,1);
}
/* /intro */
/* main */
#main{
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
}
/* content */
#content {
    flex: 1 1 250px;
    padding: 15px;
    overflow: hidden;
}
.page-title{
	color: #3c9f64;
	line-height: 29px;
	font-weight: 100;
}
.posts .post{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-bottom: 1px solid #f5f5f5;
	margin: 0 0 18px;
}
.posts .post:last-child{
	border: none;
}
.posts .post-holder{
	padding: 11px 11px 0;
}
#content .gallery{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -9px;
}
.gallery-item{
	flex: 0 1 33.33%;
	padding: 0 9px;
	box-sizing: border-box;
	width: auto;
}
.gallery img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 18px;
}
.posts img{
	display: block;
	width: 198px;
	height: auto;
	border: 1px solid #f5f5f5;
	margin: 0 0 18px;
}
.alignnone{
	border: 1px solid #f5f5f5;
}
.posts h2{
	font: 29px/29px 'Roboto', Helvetica, sans-serif;
	margin: 0 0 11px;
}
.posts h2 a{
	color: #3c9f64;
}
.posts .more{
	display: block;
	text-align: right;
	padding: 18px 0 0;
}
.wpcf7-submit{
	display: block;
	line-height: 47px;
}
.wpcf7-submit{
	text-align: center;
	border: 1px solid #649fff;
	box-sizing: border-box;
	color: #649fff;
}
.wpcf7-submit:hover{
	background: #649fff;
	color: #fff;
	text-decoration: none;
}
.wpcf7-submit{
	margin: 0;
	border-radius: 0;
	cursor: pointer;
}
/* /content */
/* sidebar */
#sidebar {
    flex: 0 1 250px;
    padding: 18px;
    background: #f5f5f5;
    box-sizing: border-box;
    overflow: hidden;
}
#sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
/* product-categories */
#sidebar li{
	margin: 0 0 6px;
}
#sidebar a{
	color: #050505;
	display: block;
	position: relative;
	padding: 0 0 0 7px;
}
#sidebar a:hover{
	text-decoration: none;
	color: #649fff;
}
#sidebar a:before{
	content: '';
	border: 3px solid transparent;
	border-left: 3px solid #0f0f0f;
	position: absolute;
	left: 0;
	top: 11px;
	font-size: 11px;
	line-height: 11px;
}
/* /product-categories */
/* /sidebar */
/* /main */
/* footer */
#footer{
    background: #f5f5f5;
}
.footer-holder {
    max-width: 1000px;
    margin: 0 auto;
    padding: 18px 0;
}
#footer .blocks{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	justify-content: space-between;
}
#footer .block{
	flex: 1 1 250px;
	padding: 0 18px;
	box-sizing: border-box;
}
#footer .logo{
	display: block;
	background: url(images/logo-footer.png) no-repeat right bottom;
	-webkit-background-size: 198px auto;
	background-size: 198px auto;
	text-indent: -9999px;
	height: 100%;
}
#footer .logo a{
	display: block;
	height: 100%;
}
#footer ul{
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}
#footer li{
	margin: 0 0 7px;
}
#footer a{
	color: #3c9f64;
}
#footer a:hover,
.social-links .facebook:hover:before,
.social-links .youtube:hover:before{
	color: #649fff;
	text-decoration: none;
}
.social-links{
	margin: 0;
}
.social-links li{
	display: inline-block;
	padding: 0 7px 0 0;
}
.social-links a:before{
	display: inline;
	font-family: "IcoFont";
	font-size: 47px;
	line-height: 47px;
}
.social-links .facebook:before{
	content: '\ed37';
	color: #3c649f;
}
.social-links .youtube:before{
	content: '\e95f';
	color: #ff6464;
}
.social-links span{
	text-indent: -9999px;
	display: block;
}
#footer strong{
	display: block;
	margin: 0 0 15px;
}
#footer .icon{
	display: inline-block;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	text-align: center;
    line-height: 37px;
    font-size: 18px;
    margin: 0 11px 0 0;
    background: #646464;
    color: #fff;
}
#footer .sub-menu{
	display: none;
}
/* /footer */
#back-top{
	position: fixed;
	right: 18px;
	bottom: 18px;
	font-size: 37px;
	line-height: 37px;
}
#back-top a{
	display: block;
	width: 18px;
	height: 18px;
	border-top: 7px solid #ff9f64;
	border-left: 7px solid #ff9f64;
	-moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
}
#back-top a:hover{
	text-decoration: none;
	opacity: 0.6;
}
.shadow{
	position: fixed;
	width: 100%;
	padding: 11px 11px 122px;
	box-sizing: border-box;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}
.shadow.visible{
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}
.shadow-back{
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.37);
	opacity: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	transition: all 0.2s ease-in-out 0s;
}
.shadow.visible .shadow-back{
	opacity: 0.8;
}
.callback-box{
	box-sizing: border-box;
	background: #fff;
	max-width: 320px;
	width: 100%;
	position: relative;
	padding: 18px;
}
.callback-box form{
	position: relative;
	z-index: 1;
	background: #fff;
	text-align: center;
}
.callback-box .close{
	position: absolute;
	right: -11px;
	top: -11px;
	background: #fff;
	border-radius: 50%;
	width: 29px;
	height: 29px;
	cursor: pointer;
}
.close:before{
	content: '';
	display: block;
	width: 18px;
	height: 7px;
	background: #ff9f64;
	-moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(145deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
    margin: 11px 0 0 7px;
}
.close:after{
	content: '';
	display: block;
	width: 18px;
	height: 7px;
	background: #ff9f64;
	-moz-transform: rotate(-45deg); /* Для Firefox */
    -ms-transform: rotate(-45deg); /* Для IE */
    -webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /* Для Opera */
    transform: rotate(-45deg);
    margin: -7px 0 0 7px;
}
.callback-box button{
	margin: 0 !important;
}
@media (max-width: 1024px) {
	#header .logo{
		background-position: center center;
	}
}
@media (max-width: 820px){
	.posts .post{
		display: block;
	}
	.header-holder{
		display: block;
	}
	#header .logo{
		padding: 76px 0 0;
	}
	#footer .logo{
		height: 122px;
		background-position: center center;
	}
	#intro span{
		padding: 7px 18px;
		line-height: 29px;
	}
	.sub-menu{
		display: none !important;
	}
	.language-chooser{
		position: absolute;
		right: 18px;
		top: 76px;
		z-index: 10;
		line-height: 29px;
	}
}
@media (max-width: 640px){
	#intro{
		display: none;
	}
	#main{
		display: block;
	}
	#header .phones{
		text-align: left;
	}
	#header .phones li{
		padding: 0 18px 0 0;
	}
}
@media (max-width: 500px){
	#main-nav{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -9px 18px;
	}
	#main-nav li{
		flex: 0 1 33.33%;
		padding: 0 9px;
		box-sizing: border-box;
	}
	#main-nav a{
		border-bottom: 2px solid #3c9f64;
		display: block;
		padding: 0;
	}
}
.no-found{
	padding: 320px 47px 29px;
	background: #fff url(images/404.gif) no-repeat top center;
	box-sizing: border-box;
	text-align: center;
	min-height: 100vh;
}
.no-found h1{
	font: 47px/47px "Roboto", Helvetica, sans-serif;
	margin: 0 0 18px;
	background: rgba(255,255,255,0.6);
}
.no-found p{
	font-size: 29px;
}