/*
Theme Name: EcoNature
Theme URI: http://eco-nature.cmsmasters.net/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: EcoNature Wordpress Theme is amazing. Unlimited design solutions can be created due to a great flexibility of settings and shortcode options. 99+ Custom Shortcodes are added through a Visual content composer with  drag'n'drop function. You can set a completely custom layout that stretches to any width, set your content in many columnns and assign animation many parts of your content. EcoNature theme has a Portfolio that can be set to any sort of a grid or a Masonry puzzle with variable paddings for elemens, while Blog can have several different layouts too. Custom Profiles and Projects post types offer an optimal way to present your content, while valid code, SEO-optimized structure and microformats guarantee this content is easily crawled and indexed by search engines. EcoNature comes with a Custom Mega Menu plugin, a really functional Form Builder and premium Revolution and Layer Slider plugins included for free. Multilanguage, RTL-ready, plugin-compatible and professionally-supported theme will make every day you work with your website be a EcoNature!
Version: 1.4.1
License:
License URI:
Text Domain: econature
Domain Path: /framework/languages
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/*-------------------------------------------------------------------------*/
/* Browser Reset
/*-------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
}
html {
  height: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
object,
video,
audio,
embed,
canvas,
iframe,
main,
summary {
  display: block;
}
video,
audio,
progress,
canvas {
  vertical-align: baseline;
}
video {
  background-color: #000000;
}
template,
[hidden],
audio:not([controls]) {
  display: none;
}
audio:not([controls]) {
  height: 0;
}
iframe {
  max-width: 100%;
}
abbr,
address,
progress {
  display: inline-block;
  text-decoration: none;
}
abbr:not([class]),
acronym {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
#middle ul:after,
#bottom ul:after,
#middle ol:after,
#bottom ol:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
dl {
  display: block;
  overflow: hidden;
}
dt {
  display: block;
  font-weight: bold;
  overflow: hidden;
}
dd {
  display: block;
  overflow: hidden;
}
q:before,
q:after {
  content: none;
}
del {
  text-decoration: line-through;
}
table {
  width: 100%;
}
img {
  display: inline-block;
  color: transparent;
  height: auto;
  font-size: 0;
  vertical-align: middle;
  max-width: 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: auto;
  -ms-interpolation-mode: bicubic;
}
img.wp-smiley,
img.emoji {
  font-size: 1em;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
}
figure {
  background-image: none !important;
}
fieldset {
  margin: 25px 2px 30px;
  padding: 1.5em 1em .5em;
  border-width: 0;
  border-style: solid;
}
fieldset legend {
  padding: 3px 10px;
  margin-top: -25px;
}
input {
  line-height: normal;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
textarea {
  resize: vertical;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
optgroup {
  font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=submit],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
  pointer-events: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
p:empty {
  display: none;
}
:focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  background-color: transparent;
  color: inherit;
  font-family: monospace;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: 1px;
}
pre {
  white-space: pre-wrap;
}
pre a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
}
code {
  display: inline-block;
}
code a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
}
svg:not(:root) {
  overflow: hidden;
}
sub,
sup,
small {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
b,
strong {
  font-weight: 500;
}
th,
td,
caption {
  font-weight: normal;
}
dfn {
  font-style: italic;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
mark {
  color: #000000;
}
.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}


/*-------------------------------------------------------------------------*/
/* Custom styles
/*-------------------------------------------------------------------------*/
body .cmsms_posts_slider .post .cmsms_slider_post_cont{
	border-color:#fff;
}
body .cmsms_text, body .cmsms_toggle_inner, body .cmsms_post_content{
	color:#7b7b7b;
}
body .cmsms_text a, body .cmsms_toggle_inner a, body .cmsms_post_content a{
	font-size:16px;
}

.usl-o{
	position:relative;
	top: 8px;
    margin-right: 5px;
}

html.csstransitions .cmsms_color_scheme_first .widget_nav_menu ul li a:hover,
html.csstransitions .cmsms_color_scheme_first .widget_nav_menu ul li.current-menu-item > a,
html.csstransitions .cmsms_color_scheme_first .widget_nav_menu ul li a:hover:before,
html.csstransitions .cmsms_color_scheme_first .widget_nav_menu ul li.current-menu-item > a:before{
	color:#59C6C5;
}
section#bottom .bottom_bg{
	background:url(img/bg-prlx-big-2.jpg);
}
section#bottom {
	background:none;
}
.empty-top{
	margin-top:60px;
}
html #page #header .header_top .header_top_but.closed{
	display:none;
}

.header_top_right #flags{
	width:auto;
	margin-top:8px;
}
.icon-boxes-block .icon-box-custom{
	overflow:hidden;
	position:relative
}
.icon-box-custom:after{
	content:'';
	display:block;
	width: calc(100% + 40px);
    height: 200px;
    position: relative;
    left: -20px;
    bottom: -32px;
	opacity:0.7;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.icon-box-custom.icon-box-1:after{
	background-image:url(img/icon-block-1.jpg);
}
.icon-box-custom.icon-box-2:after{
	background-image:url(img/icon-block-2.jpg);
}
.icon-box-custom.icon-box-3:after{
	background-image:url(img/icon-block-3.jpg);
}
.icon-box-custom.icon-box-4:after{
	background-image:url(img/icon-block-4.jpg);
}
.icon-box-1{
	background: rgb(101,190,217);
	background: -o-linear-gradient(45deg, rgba(101,190,217,1) 0%, rgba(101,190,217,1) 50%, rgba(119,233,235,1) 100%);
	background: linear-gradient(45deg, rgba(101,190,217,1) 0%, rgba(101,190,217,1) 50%, rgba(119,233,235,1) 100%);
}
.icon-box-2{
	background: rgb(101,190,217);
	background: -o-linear-gradient(45deg, rgba(101,190,217,1) 0%, rgba(121,222,223,1) 50%, rgba(114,226,184,1) 100%);
	background: linear-gradient(45deg, rgba(101,190,217,1) 0%, rgba(121,222,223,1) 50%, rgba(114,226,184,1) 100%);
}
.icon-box-3{
	background: rgb(114,226,184);
background: -o-linear-gradient(45deg, rgba(114,226,184,1) 0%, rgba(114,226,184,1) 50%, rgba(145,225,139,1) 100%);
background: linear-gradient(45deg, rgba(114,226,184,1) 0%, rgba(114,226,184,1) 50%, rgba(145,225,139,1) 100%);
}
.icon-box-4{
	background: rgb(145,225,139);
background: -o-linear-gradient(45deg, rgba(145,225,139,1) 0%, rgba(145,225,139,1) 50%, rgba(198,248,119,1) 100%);
background: linear-gradient(45deg, rgba(145,225,139,1) 0%, rgba(145,225,139,1) 50%, rgba(198,248,119,1) 100%);
}

body .cmsms_toggles .cmsms_toggle_wrap .cmsms_toggle_title > a{
	color:#1faa91;
	font-size:18px;
}
html.csstransitions .cmsms_toggle_wrap{
	border-bottom:1px solid #efeeee;
}
html.csstransitions .cmsms_toggle_wrap:last-child{
	border-bottom:none;
}
.cmsms_toggles{
	border:1px solid #efeeee;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

body .post .cmsms_post_date .cmsms_day_mon{
	font-size:16px;
}



.icon-box-custom a{
	text-transform: unset;
	background:transparent!important;
}
.icon-box-custom a:hover{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

.services-block .cmsms_icon_list_items.cmsms_icon_list_type_block .cmsms_icon_list_item{
	min-height:200px;
}
.service-portfolio-block h3, .service-portfolio-block h3 a{
		line-height:120%!important;
	}
.cmsms_stats .cmsms_stat_wrap .cmsms_stat .cmsms_stat_inner{
	text-align:center;
}
body .cmsms_icon_box.cmsms_box_colored h3{
	font-size:18px;
}
h2.cmsms_icon_list_item_title{
	font-size:20px;
}
h3.cmsms_slider_post_title.entry-title, h3.cmsms_slider_post_title.entry-title a{
	font-size:16px;
	line-height:120%;
}

@media only screen and (max-width: 1439px) and (min-width: 1025px){
	#header nav{
		width:calc(100% - 400px);
		margin-top:12px;
	}
	.header_mid .header_mid_inner nav > div > ul > li, .header_mid .header_mid_inner nav > div > ul > li a{
		height:35px!important;
	}
	.header_mid .header_mid_inner nav > div > ul > li a + ul.sub-menu li,
	.header_mid .header_mid_inner nav > div > ul > li a + ul.sub-menu li a{
		height:auto!important;
	}
	.icon-box-custom h3{
		font-size:15px!important;
	}
	.header_mid_outer{
		height:95px!important;
	}
}
@media only screen and (max-width: 1024px){
	body .cmsms_clients_slider .owl-buttons{
		top:0px;
	}
	body .header_mid_inner .logo .logo_retina {
		max-width: unset;
	}
	html #page #header .header_top .header_top_outer .header_top_inner .header_top_left{
		display:none;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
	.icon-box-custom h3{
		max-width: 220px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 860px) and (min-width: 768px){
	.services-block .cmsms_icon_list_items.cmsms_icon_list_type_block .cmsms_icon_list_item{
		min-height:250px;
	}
}
@media only screen and (max-width: 767px){
	.services-block .cmsms_icon_list_items.cmsms_icon_list_type_block .cmsms_icon_list_item{
		min-height:auto;
	}
	body .cmsms_footer_small .footer_inner .footer_custom_html{
		width:100%;
		text-align:center;
	}
	.footer_copyright{
		display: block;
		width: 100%;
		text-align: center;
	}
	.table-mob{
		max-width:100%;
		overflow:scroll;
	}
	h1.entry-title{font-size:26px;}
	
}
@media only screen and (min-width: 1440px){
	.service-portfolio-block h3, .service-portfolio-block h3 a{
		font-size:18px;
	}
}
@media only screen and (max-width: 1439px){
	.service-portfolio-block h3, .service-portfolio-block h3 a{
		font-size:14px;
	}
}
@media only screen and (max-width: 550px){
	img.alignright.size-medium{
		float:none;
	}
}