/*
Theme Name: Ecology
Theme URI: https://webcomers.com/
Author: Webcomers Team
Author URI: https://webcomers.com/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */

body {
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
}
#main {
  padding-top: 120px;
}
#main h2 {
  font-size: 28px;
}
a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
}
.container{  padding:0px 25px; width: auto;}
a:focus{ outline:none;}
h1,h2,h3,h4,h5,h6{ color:#7ac142;}
h4{ color:#fff;}
h1{ font-size: 24px; font-weight:700;  }
.header-top{  position:relative; }
.header-wrap {
    background: none repeat scroll 0 0 #000;
    margin: 0 auto;
    position: relative;
    width: 80vw;

	z-index:1;
}
.header-top span{ float:left; color:#c4c4c4; font-size: 12px;}
.header-top span a { color:#c4c4c4;}
.header-top span i{ padding-right:5px; margin:0px;}
.header-top span.mail{ float:right;}
.header-top .wrapper{ background: none;}
.header-top .container{ border-right:#0d0d0d solid 7px; padding:11px 25px; border-left:#0d0d0d solid 7px; box-shadow:#0c0c0c 2px 0px 0px inset,#0c0c0c -2px 0px 0px inset;  -moz-box-shadow:#0c0c0c 2px 0px 0px inset,#0c0c0c -2px 0px 0px inset; -webkit-box-shadow:#0c0c0c 2px 0px 0px inset,#0c0c0c -2px 0px 0px inset;}
.header-main{ position:relative;}
.header-top:after{ border:#7ac042 solid 2px; width:100%;  position:absolute; content:''; z-index:-1; bottom:-4px;}
.wrapper{     width: 80vw;  margin:0px auto; background:#000;}
.navbar{ margin-bottom:0px; border: none;}
.navbar-default .navbar-nav > li{ padding:0px 45px; position:relative;}
.navbar-default .navbar-nav > li:last-child{ padding-right:6px;}
.navbar-default .navbar-nav > li a{ border-bottom:#000 solid 4px; font-size:14px; text-transform:uppercase; padding:24px 0px 24px;}
.navbar-default .navbar-nav > li:hover  a,.navbar-default .navbar-nav > li.current-menu-item a,.navbar-default .navbar-nav > li.current_page_ancestor a { border-bottom:#7ac042 solid 4px;}
.navbar-default{ border:none; border-radius:0px 0px 0px; background:none; border-top:#070905 solid 1px;}
.navbar-brand{ padding:50px 5px 0px;}

.navbar-default .navbar-nav > li:hover ul.sub-menu{ display:block; }
.navbar-default .navbar-nav > li ul.sub-menu a{ border:none;}
.navbar-default .navbar-nav > li:hover ul.sub-menu a:hover { color: #7ac142;}
.navbar-default .navbar-nav > li:hover ul.sub-menu li a{ border:none;}
.sub-menu{ position:absolute; left:0px; width:200px; background:rgba(0,0,0,.5); z-index:1; padding:0px; display:none;  padding: 10px; transition: top .3s; -moz-transition: top .3s; -webkit-transition: top .3s;}
.sub-menu li{ float:none; display:block; padding:5px 0px 0px 10px;}
.navbar-default .navbar-nav > li ul.sub-menu li a{ color:#fff; padding:0px; display:block; text-transform:none; }
.navbar-default .navbar-nav > li.current-menu-item ul.sub-menu li a{ border:none;}
.cycloneslider{ z-index:0;}
.welcom p{ color:#999999;}
.welcom h1{ font-size:30px; text-align:center; }
.welcom h1 span{ color:#d5d5d5; font-size:30px; font-weight:400;}
.carousel{ border-bottom:#7ac042 solid 3px;}
.carousel-caption{ background:rgba(0,0,0,.5); border-radius:0px 20px 20px 0px;  -moz-border-radius:0px 20px 20px 0px; -webkit-border-radius:0px 20px 20px 0px;font-size:21px; bottom:70px; left:27px; right:auto; padding:20px 70px 20px 10px; }
.footer h2{ font-size:18px; text-transform:uppercase;}
.footer{ padding-top:0px; padding-bottom:25px; padding-left: 13px; padding-right: 13px;}
.main{ padding-bottom:20px; padding-top:22px;}
.welcom{ padding-bottom:75px; }
.footer p{ margin-bottom:0px; font-size:13px; }
.footer p.mail{ margin-bottom:10px;}
.footer ul li{ display:block; list-style:none;}
.footer ul{ padding:0px; margin:0px;}
.footer ul li a{ font-size:13px; line-height:19px; display:block; color:#fff;}
.footer-bottom p{ font-size:12px; text-align:right; padding:10px 0px; margin:0;}
.footer-bottom{ position:relative;}
.footer-bottom:before{ border:#7ac042 solid 2px; width:100%;  position:absolute; content:''; z-index:-1; top:-4px;}
.contact-info i{ padding-right:5px; margin:0px; color:#c4c4c4;}
.contact-info p.number,.contact-info p.number span,.contact-info p.mail,.contact-info p.number a{ color:#bebebe;}
.page-id-11 p.number a { color: #999999;}
.contact-info p.number a,.contact-info p.number a:linked { color:#bebebe;}
.header-top a,.header-top a:linked { color:#c4c4c4; }
.img-widget .feature-img{ position:relative; text-align: center; margin-bottom: 5px;}
.img-widget .feature-img img{ width:100%; height:auto; border: #000 solid 1px;}
.img-widget .text{ position:absolute; bottom:20px; font-size:30px; text-transform:uppercase; left:20px; color:#fff;}

.text_pages{ font-size:13px;  font-weight:bold; display:block; padding:10px 15px; text-align:center; color: #7ac142; line-height:18px; transition:background 1s,color 1s;  -moz-transition:background 1s ,color 1s; -webkit-transition:background 1s, color 1s;}
.img-widget:hover .text_pages{ color:#fff; background:#7ac142;}
.img-widget{ margin-bottom:10px;}
.page-id-9 .img-widget {  min-height: 278px;}
.img-widget:hover .feature-img img{ border: #7ac142 solid 1px;}
.img_layer{ left:0; right:0; top:0; bottom:0; background:rgba(122,192,66,0.37); position:absolute; opacity:0; transition: opacity 1s; -moz-transition: opacity 1s; -webekit-transition: opacity 1s; display:none;}
.page-id-9 .text_pages{ text-align: center; font-size:13px; font-weight:700; }
.img-widget:nth-child(2) .text{ top:20px; bottom:auto;}

.cycloneslider-caption{ background:rgba(0,0,0,.5); border-radius:0px 20px 20px 0px;  -moz-border-radius:0px 20px 20px 0px; -webkit-border-radius:0px 20px 20px 0px;font-size:21px !important; bottom:70px !important; left:0px !important; width:auto !important; right:auto; padding:18px 70px 18px 10px; line-height:21px !important; }
.cycloneslider-template-default .cycloneslider-caption-title{ font-size:21px !important; line-height:21px !important; padding:0 !important;}
.cycloneslider-template-default .cycloneslider-caption-description{ padding:0px !important;}

.feature_image_cap{ position:relative; margin: 0 -30px; border-bottom:3px solid #7ac142; }	
.feature_image_cap img{ height:400px;  }
p{ color: #999999; text-align:justify; margin-bottom:15px; }	
.category_posts{ padding-top: 60px; }
.left_sidebar p{ text-align: left;}
.left_sidebar a p:hover{ color:#7ac142;}

/*--------------- contact page----*/
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form textarea { width: 100%; padding: 10px; border: 1px solid #444444; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

.wpcf7-form textarea{ height: 96px; }

.wpcf7-form .wpcf7-submit{ float:right; border-radius:5px;  border: 1px solid #5e9d2c; display:block; background-color:#7ac142; padding:5px; line-height: 38px;  padding: 0 34px; color: #FFF; }
.left_contact { padding-left: 13px; padding-right: 30px;}
.right_contact { padding-left: 30px; padding-right: 13px;}

.page-id-11 p{ color:#999999; }
.page-id-11 .entry-title{ display: none; }
.right_contact i{ color: #7ac142; padding-right: 10px; }
.wpcf7-form p{  margin: 0 0 13px; }
.page-id-11 .main{ padding-top: 60px; }
.right_contact img{ width: 100%; }

/*--------------- eof contact page----*/

/*--------------- single page----*/
.left_content{ padding-left:13px; padding-right: 60px;}
.right_content{ padding: 0px 13px 0px 0px;}

.left_sidebar{ border-bottom: 1px solid #7ac142; background: #070707; border-top: 1px solid #7ac142; margin-top: 30px; padding: 0 20px 15px; }
.single_featured_img img{ width: 100%; }
.single_featured_img{ padding-top: 30px; margin: 0 -25px; }
.entry-content li { color: #999999; display: block; background:url(images/dot-green.png) left 6px no-repeat; padding-left: 15px; }
.entry-content li span { color: #999999; }
.left_sidebar p{ margin-bottom:5px;}
.entry-content ul{ padding-left: 0px; margin:0px; padding-bottom:10px;}


/*--------------- eof single page----*/

/*--------------- side bar menu----*/
.sidebar_menu { padding:0px; list-style:none;}
.sidebar_menu li{ display:block; border-bottom:#282828 solid 1px; padding:5px 0px;}
.sidebar_menu li:hover,.sidebar_menu li.active{ border-bottom: #7ac042 solid 1px; }
.sidebar_menu li:hover a,.sidebar_menu li.active a{ color:#fff;}
.sidebar_menu li a{ color:#999; }

/*--------------- side bar menu----*/

#menu-header{ padding-top:37px; }
.category_posts { padding: 40px 8px 0px 8px;}
.content { padding: 0px 13px;  }
.footer-bottom .wrapper{ background: none;}
.header-top span.mail a{ color:#c4c4c4; }
.contact-info p.mail a{ color:#bebebe; }

h4, .h4 { font-size: 16px;}
@media (min-width: 1441px){
	      .entry-content li { padding-left: 1vw; background-size: 0.5vw; background-position: left 0.5vw;}
	      .header-top span { font-size: 0.8vw;}
	      body{ font-size:1vw;}
		  .container{ padding: 0px 2.5vw;}
		  .single_featured_img { margin: 0px -2.5vw; padding-top: 3vw;}
		  h1,h2,h2{ margin-bottom: 1vw; margin-top: 1vw;}
	      .text_pages,.page-id-9 .text_pages { font-size: 0.9vw; line-height:1.4vw;}
		  .sidebar_menu li{ margin-top: 0.5vw;}
		 p{ margin-bottom:20px;}
		 .location img{ width: 7vw;}
		 .footer p{ font-size:0.9vw;}
		 .footer h2{ font-size:1.2vw;}
		 .footer ul li a{ font-size:0.9vw; line-height:1.3vw;}
		 .cycloneslider-template-default .cycloneslider-caption-title{ font-size:28px !important; line-height:28px !important; }
		  .navbar-default .navbar-nav > li a{ padding: 2vw 0px;}
		 .feature-img{ text-align:center;}
		 .welcom h1,h1,.welcom h1 span { font-size:2vw;}
		 .footer-bottom p{ font-size:0.8vw; }
		 .cycloneslider-template-default .cycloneslider-caption-title { font-size: 1.5vw !important; line-height: 1.6vw !important; }
		.navbar-brand{ height: auto;}
		.navbar-brand img{ width: 25vw;}
		.navbar-default .navbar-nav > li a { font-size: 1vw;}
		.sub-menu{ width: 17vw; padding:1vw;}
		.cycloneslider-caption{ padding: 1vw 70px;}
		.single_featured_img img { height: auto;}
		.left_content { padding-left: 1.3vw; padding-right: 4vw;}
		.right_content { padding: 0 0 1.3vw 0;}
		 .footer {  padding: 0 1.3vw 2.5vw; }
		.img-widget { margin-bottom: 1vw; padding: 0px 0.5vw;} 
		.content{ padding: 0px 1.3vw;}
		h4{ font-size: 1.3vw; margin-bottom:1vw; margin-top:1vw;}
		.main{ padding:20px 0px 3vw 0;}
		.entry-content ul { padding-bottom:0px;}
		.footer h2 { margin-top:0px;}
	
	 }
	 @media (max-width: 1170px){
		   .navbar-right{ float:left !important; width: 100%;}
		   #menu-header{ padding-top:0px; }
		   .navbar-default .navbar-nav > li:first-child{ padding-left: 0px;}
		   }

@media (max-width: 1060px){
	
	.wrapper,.header-wrap{ width:auto; margin: 0px 20px;}
    
	
	}
	
@media (max-width: 992px){  
             
             .navbar-default .navbar-nav > li a{ padding:0px;}
              
			 .location{ text-align:center;}
                   }	
@media (max-width: 838px) {
	           .single_featured_img { margin: 0 -8px;}
	             }	
				 		   
@media (max-width: 960px){
	         .navbar-header{ float: none;}
			 .navbar-collapse.collapse.in{ display: block !important;} 
			 .navbar-collapse.collapse{ display: none !important;}
			 .navbar-nav > li { float: none;}
	         .navbar-toggle { display: block;}
	         .navbar-brand { padding: 37px 5px 0px; width: 70%;}
	         .navbar-default .navbar-nav > li a{ padding:10px; display:block;}
			 .sub-menu{ display:block; padding-left:20px; width:auto; position:relative; background:none;}
	                   }				   
			   
@media (max-width: 768px){
     .container{ padding: 0px 10px; } 
	.navbar-brand { padding: 37px 5px 0px; width: 70%;}
	.navbar-default .navbar-nav > li a{ padding:10px; display:block;}
	.carousel-caption{ font-size:15px; padding:5px 10px;}
	.navbar-right{ float:none !important;}
	.img-widget .text{ font-size:20px;}
	.footer,.footer p{ text-align:center;}{ text-align:center;}
	.welcom h1,.welcom h1 span{ font-size:20px;}
   .img-widget{ margin-bottom:20px; width:100%; text-align:center; float:none;}
  .img-widget .text{ left:0px; right:0px; padding-left:0px;}
	body{ font-size:12px;}
	.cycloneslider-template-default .cycloneslider-caption-title { font-size: 14px !important; line-height:14px !important; }
	.cycloneslider-caption { bottom: 30px !important; padding:5px 10px !important; }
    .footer-bottom p { text-align: center;}
	.footer .contact-info a, .footer .contact-info a span, .footer .contact-info span a { color: #bebebe !important; } 
	.page-id-9 .text_pages{ font-size:14px; text-align:center;}
	.sub-menu{ display:block; padding-left:20px; width:auto; position:relative; background:none;}
	.navbar-default .navbar-nav > li a{ padding: 0px; font-size:12px;}
	.page-id-9 .img-widget{ min-height:inherit;}
	.img-widget .feature-img img { width:auto; }
	.single_featured_img img { height:auto;}
	
	
	}	

@media (max-width: 480px){
	body{ font-size:10px;}
	.header-top span{ display: block; text-align: center; float: none; padding-bottom: 5px;}
	.header-top span.mail{ float: none;}
	 .cycloneslider-caption { padding: 10px !important; bottom:5px;}
	 .cycloneslider-template-default .cycloneslider-caption-title { font-size: 12px !important; line-height:12px !important; }
	  
	}