/*

My Custom CSS
=============

Author:  Ciuski 2017

*/


/* --------------------------------------
   Colors
   --------------------------------------


/* --------------------------------------
   Global / Debug
   -------------------------------------- */

/* show MD columns 
div { border: solid 1px #000;} */

/*.container { max-width: 974px; }*/


.nopadding { padding: 0; }

.noleft { padding-left: 0;}
.noright { padding-left: 0;}

nav ul, nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


.widthauto {
	width: 100%;
	height: auto;
}

.img-responsive { display: inline; }

body { overflow-x: hidden;}

#envirabox-title { display: none!important; }

/* --------------------------------------
   Mobile Header
   -------------------------------------- */

 
#mobile-menu {
	display: none;
    padding: 10px;
    z-index: 50;
    position: absolute;
}

#mobile-menu a, #mobile-footer a {
	color: #c3c3c3;
	font-size: 24px;
    text-align: center;
	font-weight: normal;
    padding: 0px;
    background-color: #f2f2f2;
    border-radius: 5px;
}


#mobile-menu .glyphicon, #mobile-footer .glyphicon {
	text-shadow: none;
    padding: 5px;
}


#mobile-footer {
	text-align: center;
	background-color: #ccc;
}



/* --------------------------------------
   header
   -------------------------------------- */

body {
	font-family: "Open Sans", Arial, sans-serif;
    color: #575d63;
}
header #actions {
    float: right;
    padding-top: 80px;
}
header #phone-number {
    text-align: right;
    font-size: 14px;
}
header #phone-number span {
    font-size: 18px;  
}
header #logo {
    margin: 10px 0;
}
#banner img {
    width: 100%;
}
#banner-homepage {
    background: url("../images/bg-banner.jpg");
    padding-top: 15px;
    background-size: 100% auto;
}
#text {
    padding: 40px 100px;
    text-align: center;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
	background-image: url(../images/bg-green-light.jpg);
	background-size: 100% 100%;   
}

.metaslider .caption-wrap {
	bottom: 25%!important;
	padding: 60px;
	background-image: url(../images/bg-slideshow-box.png)!important;
	font-family: 'Raleway', sans-serif;
	font-size: 48px;
	text-align: center;
	background-color: transparent!important;
	font-weight: 800;
	text-transform: uppercase;
	opacity: 1!important;
	background-repeat: no-repeat;
}

/* --------------------------------------
   subpage
   -------------------------------------- */
   

#banner-sub {
	position: relative;
    background: url("../images/bg-banner.jpg");
    padding-top: 25px;
    margin-top: 160px;
}
#banner-sub img {
	width: 100%;
}

#banner-sub .sub-caption {
	padding-top: 70px;
	background-image: url(../images/bg-slideshow-box.png);
	background-size: 100% 200px;
	font-family: 'Raleway', sans-serif;
	font-size: 48px;
	text-align: center;
	font-weight: 800;
	text-transform: uppercase;
	background-repeat: no-repeat;
	z-index: 50;
	color: #fff;
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: 0px;
}

#testimonial, #green-section {
	background-image: url(../images/bg-green-light.jpg);
	background-size: 100% 100%;
	padding: 40px 80px;	
	font-size: 18px;
	line-height: 1.8em;	
}
#blog #testimonial {
/* 	margin-bottom: 40px; */
}
#main-content {
	margin-bottom: 40px;
}
#first-section, #last-section {	
	padding: 40px 80px;
}
#last-section {	
	padding-bottom: 0px
}

#first-section .container {
	border-bottom: 1px solid #b1c00c;
	padding-bottom: 40px;
}




/* --------------------------------------
   Mini Search
   -------------------------------------- */
   
#custom-search-input {
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
    width: 300px;
    float: right;
    margin-bottom: 10px;
    margin-top: -20px;
}

#custom-search-input form {
	margin: 0;
}
#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 15px;
    color: #749cc0;
}
   
   

#services #first-section, #contact #first-section {
	display: none; 
	}
   
   
/* --------------------------------------
   Navbar Horizontal with Dropmenu
   -------------------------------------- */



nav {
	padding: 0;
	list-style: none;
	list-style-type: none;
	float: right;
	padding-top: 10px;

}

nav li {
	float: left;
	position: relative;
	list-style: none;
}

nav li a {
	text-decoration: none;
	display: block;
	font-size: 14px;
	padding-left: 30px;
	color: #707070;
	font-weight: 600;
    text-transform: uppercase;
    
	-o-transition:color .2s ease-out, background 2s ease-in;
	-ms-transition:color .2s ease-out, background 2s ease-in;
	-moz-transition:color .2s ease-out, background 2s ease-in;
	-webkit-transition:color .2s ease-out, background 2s ease-in;
	/* ...and now for the proper property */
	transition:color .2s ease-out, background .2s ease-in;


}

nav .last a {
	padding-right: 0px;
}	


nav li a:hover, nav li li a:hover, nav ul li:hover > a  { 
	color: #b1c00c;
	text-decoration: none; 
	}


nav li ul li {
	float: none; 
	position: relative;	
}

nav li ul {
	position: absolute; 
	top: 40px; 
	left: 10px; 
 	opacity: 0;
	width:200px;
	z-index: 600;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	transition: opacity 0s, opacity 0.2s linear;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #acacac;
}
nav li ul:before {
	position: absolute;
	top: -8px;
	left: 30px;
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	content: '';		
}
	
nav li:hover > ul {
 	opacity: 1;
}


nav li ul li a {
	font-size: 12px;
	text-align: left;
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;
}

nav ul ul li:last-child a  {
	border-bottom: 0;

}
.current_page_item > a, .current_page_item a:hover {
	color: #b1c00c;
	text-decoration: none;
} 


nav li ul li ul {
	position: absolute; 
	top:0px; 
	left:200px; 
	display: none; 
	width:300px;
}

/* --------------------------------------
   fixed nav
   -------------------------------------- */
   
#top-navigation {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s; 
	-o-transition:color .2s ease-out, background 2s ease-in;
	-ms-transition:color .2s ease-out, background 2s ease-in;
	-moz-transition:color .2s ease-out, background 2s ease-in;
	-webkit-transition:color .2s ease-out, background 2s ease-in;
	/* ...and now for the proper property */
	transition:color .2s ease-out, background .2s ease-in;
	background-color: #fff;
	height: 170px;
}

#top-navigation.smaller {
	height: 110px; 
	background-color: rgba(255, 255, 255, 1);
	padding-bottom: 15px;
	box-shadow: 0px 0px 5px #a3a3a3;
}

#top-navigation.smaller img {
	height: 90px;
	width: auto;
}

#top-navigation.smaller #actions {
	padding-top: 25px;
}

#banner-homepage {
	margin-top: 170px; 
}

/* --------------------------------------
   CONTENT
   -------------------------------------- */	   


#content {
	line-height: 1.8em;
/*     padding: 40px 80px; */
    font-size: 18px;
    margin-bottom: 40px;
    padding-top: 40px;
}


#content a {
	text-decoration: underline;
	color: #000;
}

#content a:hover {
	color: #b1c00c;
	text-decoration: none;
}

/* --------------------------------------
   Main
   -------------------------------------- */
#main {
	padding-right: 20px;
	}
#main ul {
	padding: 0;
	margin: 0;
}   

#main li {
	list-style-type: disc;
	margin-left: 18px;
}


 
/* --------------------------------------
   SIDEBAR
   -------------------------------------- */

#sidebar {
	
}

#sidebar ul {
	padding-left: 17px;
}
#sidebar li {
    margin-bottom: 10px;
    
}
#sidebar li a {
	color: #b1c00c;
}

/*
#sidebar ul {
    padding-left: 17px;
    list-style: none;
}
#sidebar li {
    margin-bottom: 10px;
}
#sidebar li a {
	color: #b1c00c;
}
*/
/*
#sidebar li::before {
    content: "¥ ";
    color: #b1c00c; 
    position: absolute;
    left: 0;
    margin-left: 17px;
}
*/

#sidebar blockquote {
	font-size: 140%;
	font-style: italic;
	line-height: 1.4em;
	padding: 0;
	margin:0;
	border-left: none;
	padding: 15px;
	background-color: #f3f4e7; 
}


/* --------------------------------------
   FOOTER
   -------------------------------------- */
   
   
footer {
	background-color: #cbced0;
    text-align: center;
    padding: 40px 0;
    line-height: 2em;
    color: #57585b;
}

footer a {
	color: #57585b;
	text-decoration: underline;	
}

footer a:hover {
	text-decoration: none;
	color: #969696;
}

footer .credits, footer .credits a {
	color: rgba(0, 0, 0, 0.4);
	font-size: 12px;
	text-transform: capitalize;
    margin-top: 40px;
 }



/* --------------------------------------
   Simple classes
   -------------------------------------- */
.big-text {
	font-size: 22px;	
}  
   

.small-text {
	font-size: 12px;
	text-align: center;
	font-style: italic;
    font-weight: 400;
    border-top: 1px solid #d3d3d3;
    padding: 30px 120px;
    line-height: 1.8em;
/*     margin-top: 30px; */
    color: #969696;

 }
#home .small-text, #contact .small-text { 
	border: none;	
}
 
/* --------------------------------------
   TYPOGRAPHY
   -------------------------------------- */
.green-color {
	color: #b1c00c;
}
  

h1 {
	margin-top: 0px;
	margin-bottom: 40px;
	line-height: normal;
	font-size: 30px;
	color: #b1c00c;
    text-align: center;
    font-weight: normal;
}

#home h1 {
	color: #575d63;
	margin-bottom: 20px;

}

h2 {
	margin: 10px 0 30px 0;
	line-height: normal;
	font-size: 30px;
    color: #b1c00c;
    text-align: center;
    font-weight: normal;
}

#home h2 {
/* 	margin-top: 40px!important; */
}
h3 {
	font-size: 110%;
	margin-bottom: 10px;
	margin-top: 0px;
    color: #b1c00c;
    font-weight: normal;
}

h4 {
	font-size: 18px;
	padding-bottom: 10px;
}

h5 {
	font-size: 14px;	
}

#sidebar h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-style: normal;
	padding-top: 0px;
} 

#services #content {
	margin-bottom: 0; 
}
#services #last-section { 
	display: none; 
}
#services #first-section, #about-how-we-work #first-section {
	padding: 0;

}
#services #first-section .container, #services .small-text {
	border: none;
}
#about-how-we-work h1 {
	padding-top: 40px;
	}
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {


}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

nav li a { padding: 0 10px;}
#content, #text, .small-text, #green-section { padding-left: 15px; padding-right: 15px;}
.metaslider .caption-wrap { font-size: 35px; }
}

/* Small Devices, Tablets  - */
@media only screen and (max-width : 768px) {
#banner-sub .sub-caption { position: inherit; margin-top: -40px!important; margin-bottom: 0px; }
.metaslider .caption-wrap { font-size: 20px!important; position: inherit!important; margin-top: -40px!important; }
#banner-sub .sub-caption  { font-size: 30px; height: 140px;}
#banner-homepage, #banner-sub { margin-top: 0; }   
#top-navigation { position: inherit; height: auto; } 

#logo { text-align: center; }
header #phone-number { text-align: center; }
header #actions { padding: 20px; float: none; }
#testimonial, #first-section, #main-content, #green-section, #last-section { padding: 15px!important; }
}


}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}