/*!
Theme Name: ecospan
Theme URI: http://webhungers.com/
Author: webhungers.com
Author URI: http://webhungers.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ecospan
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

ecospan is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 *{
 	outline: none !important;
 }
body{
 overflow-x: hidden;
  }
*{
	 font-family: 'Montserrat', sans-serif;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar{
	height: 125px;
}
.navbar-default .navbar-nav > li > a {
    color: #674f3d ;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    position: relative;

}
.carousel-inner img{
   width: 100%;

}

.social li {
	background: none repeat scroll 0 0 #d2d4d5;
	border: 2px solid #d2d4d5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 50px;
	line-height: 56px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 50px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
	color: #EDEFF1;
}
.social li:hover {
	border: 2px solid #96c606;
	background: #96c606;
}
.social li a i {
	font-size: 27px;
	color: #EDEFF1 !important;
}
.bg-change h5 {
    font-size: 29px;
    font-weight: 600;
        margin-bottom: 0px;
            margin-top: 0px;
}
.footer p {
    font-size: 16px;
    text-align: center;
    color: #9496a0;
    font-weight: 600;
}
.footer {

    padding: 50px 0px;
    background: #e7e8e9;

}
.footer ul {
   font-size: 13px;
    list-style-type: none;
    padding-left: 0;
    color: #7F8C8D;
    display: table;
    margin: 0 auto;
}

.footer ul li a {
	padding: 0 0 5px 0;
	display: block;
}
.footer a {
	color: #78828D
}
section.New-bg-sec {
    margin: 45px 0px;
}
.container.container-bg {
    background: url(img/image_bg.png);
    padding: 31px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
 a.btn.btn-primary img {
    display: inline-block;
    width: 13px;
    margin-right: 8px;
        margin-top: -5px;
}
.New-bg-sec .caption p {
    font-size: 12px;
        margin-bottom: 8px;
}
ul.nav.navbar-nav.navbar-right img {
    position: absolute;
    right: -4px;
    top: 16px;
}
.New-bg-sec .caption {
    background: #96c606;
    color: white;
    padding: 15px 10px;
    text-align: center;
     min-height: 145px;
}
.bg-change01 {
    padding: 0px;

}
a.btn.btn-primary.ne-0 {
    float: left;
}
.bg-change {
    background: #685041;
    color: white;
    text-align: center;
        padding: 17px 15px;    
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s ease;
    background-color:rgba(170, 225, 4, 0.6313725490196078);
     width: 254px;
    height: 173px;
}

.image:hover .overlay {
  opacity: 1;
}
.image:hover .case_overlay {
  opacity: 1;
}
.dropbtn {
    border: none;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    position: relative;
}
.dropbtn a{
        color: #ffffff !important;
    font-size: 16px;
    text-decoration: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #695042;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
/*.navbar-default .navbar-nav > li > a:hover {
    color: #9ecd58 !important;
}*/
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
        font-size: 13px;
}

.dropdown-content a:hover {background-color: #9ecd58}

.dropdown:hover .dropdown-content {
    display: block;
}
.bg-change h6 {
    font-size: 18px;
    font-weight: bold;
}
.bg-change p {
    font-size: 14px;
    margin-bottom: 0px;
}
.bg-change img {
    width: 253px;
    display: block;
    margin: 15px auto;
}
.New-bg-sec .caption h3 {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 8px;
}
 a.btn.btn-primary {
    background: transparent;
    border: none;
    font-weight: 600;
    font-size: 14px;


}
a.Project-name {
    font-size: 24px;
    font-weight: bold;
    color: #336666;
    line-height: 27px;
    margin-bottom: 10px;
    display: block;
}
.row.top-box {
    text-align: center;
    margin-bottom: 45px;
}
.row.top-box h1 {
    font-weight: bold;
    color: #96c606;
    font-size: 31px;
    margin-top: 0px;
}
section.Two-section {
    margin-bottom: 45px;
}
.row.top-box p {
    color: #674f3d !important;
    font-size: 17px;
    font-weight: 600;
}
.img-fixed {
    position: absolute;
    right: 0;
    z-index: 999;
    top: 75px;
    width: 200px;
}

.carousel-indicators .active {
    width: 6px;
    height: 26px;
    margin: 0;
    background-color: #fff;
    border-radius: 0px;
    border: none;
    box-shadow: -1px 1px 5px 2px rgba(0, 0, 0, 0.10980392156862745);
}
.carousel-indicators li{
    width: 6px;
    height: 25px;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.4392156862745098);
    border: none;
    box-shadow: -1px 1px 5px 2px rgba(0, 0, 0, 0.10980392156862745);
}
.img-box{
width: 64%;
    display: block;
    float: right !important;
}
.row.colored {
    background: #e9eaeb;
    padding: 31px 25px;
}
.row.colored ul {
        padding-left: 0px;
   /* list-style-image: url(images/right-arrow.png);*/
        margin-bottom: 0px;
        list-style-type: none;
}
.bg-new {
    background: #96c606;
    color: white;
    padding-top: 17px;
    padding-bottom: 17px;
}
.bg-new li {
    
    background-image: url(http://newmarkdevsite.co.nz/ecospan/wp-content/uploads/2018/06/right-arrow-1.png);
    background-repeat: no-repeat;
    padding-left: 39px;
        min-height: 34px;
    margin-bottom: 6px;
}
.row.colored p {
    color: #6d6e70;
    font-size: 14px;
    line-height: 24px;
}
.pad-0{
	padding-left: 0px;
}
.img-section img {
    height: 223px;
}
.carousel-caption p {
    text-align: left;
    font-size: 18px;
}
.bg-gray h3 {
    margin-top: 0px;
    font-weight: 600;
    color: #674f3d;
    font-size: 23px;
}
.bg-gray li {
    color: #727375;
    font-size: 15px;
    margin-bottom: 6px;
}
.carousel-caption a {
    color: white !important;
}
.New-abt .bg-gray li {
    color: #9ecd58;
    font-size: 19px;
    margin-bottom: 6px;
    line-height: 23px;
   padding-bottom: 15px;
}
.row.margn-01 {
    margin: 35px 0px 0px;
    background: #e9eaeb;
    padding: 34px 15px;
    min-height: 472px;
}
.bg-gray h3 {
    margin-top: 0px;
}
.bg-gray ul {
    padding-left: 18px;
    margin-bottom: 0px;
}
.New-abt .bg-gray ul{
     padding-left: 0px;
}
.col-md-12.case_std h1 {
    margin-top: 55px;
}
#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
}
.carousel-caption.why-wood {
    right: 20%;
    left: 2%;
    background: rgba(150, 198, 6, 0.788235294117647);
    padding: 82px 38px;
    width: 32%;
    bottom: 120px;
}
.add_projects ul
{
    line-height: 24px;
}
.container.about-us.add_projects {
    margin-bottom: 0px !important;
}
@media screen and (min-width: 768px){
.carousel-caption {
    right: 20%;
    left: 0%;
    background: rgba(150, 198, 6, 0.788235294117647);
    padding: 70px 38px;
    width: 100%;
    bottom: 66px;
}
.carousel-caption h1 {
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
}
}
.single_ecospan_buildings img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-bottom: 30px;
}
.single_ecospan_buildings h1{
    text-decoration: underline;
    color: #674f3d !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 25px;
        margin-bottom: 22px;

}
h2.Pictures-01 {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #336666;
}
section.New-bg-sec.single_ecospan_buildings p {
     font-size: 15px;
    line-height: 28px;
    color: #404040;
    text-align: justify;
  }
  .thumbnail{
  	border: none;
  	    margin-bottom: 9px;
        padding: 0px;
  }
.current-menu-item a{
color: #9ecd58 !important;
}
a.btn.btn-primary:focus , a.btn.btn-primary:active{
color: #336666;
background-color: transparent;
border: none;
outline: none;
box-shadow: none;
}
.New-abt a.btn.btn-primary{
	padding-left: 0px;
}
.contact_form div {
    padding-bottom: 10px;
}
.contact_form{
    padding-bottom: 10px;
    padding-top: 15px;
    background: url("img/image_bg.png");
}
.contact_row{
   margin-right: auto !important;
    margin-left: auto !important;
    }
.contact_heading{
   font-weight: bold !important;
    color: #96c606;
    font-size: 31px;
    margin-top: 0px;
        font-family: inherit !important;
    }

.contact_email a {
    color: #96c606;
}
.page-title.banner-img.block2 {
    background: linear-gradient(0deg,rgba(150, 198, 6, 0.788235294117647),rgba(150, 198, 6, 0.788235294117647)),url(img/slider_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin-bottom: 30px;
    clear: both;
    background-position: top center;
}
.wrap{
        
        width: 100%;
        margin: 0 auto;
}

.wrap h1{
    padding: 81px 0px;
    font-weight: 700 !important;
    text-align: center;
    color: #fff;
}
.wrap h2{
    font-weight: 700 !important;
    text-align: center;
    color: #fff;
    padding-bottom: 35px;
        margin-bottom: 0px;
}
.page-title.banner-img.block2_404 {
        background: linear-gradient(0deg,rgba(150, 198, 6, 0.788235294117647),rgba(150, 198, 6, 0.788235294117647)),url(img/slider_03.jpg);
    background-repeat: no-repeat;
    clear: both;
    background-position: top center;
}

.button-style-dark{
    
    background-color: #96c606;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    transition: all 0.5s;
    cursor: pointer;
    padding: 9px 40px;
    font-weight: 600;
    border-radius: 50px;
}

.button-style-dark:hover {
    background-color: #FFFFFF;
    color: #674f3d;
    
}

.form-control:focus {
    border-color: #96c606 !important;
}
.blog_img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}
#blog-section .col-lg-4.col-md-4 {
    
        min-height: 439px;
    margin-bottom: 36px;
}
#blog-section aside{
  box-shadow: -2px 2px 18px 6px rgb(224, 224, 224);
}
.content-title h3 a:hover {
    color: #96c606;
}
.content-title h3 a {
    color: #333;
    text-decoration: none;
    transition: 0.5s;
   font-weight: 600;
}
section#blog-section {
    padding-top: 40px;
    padding-bottom: 40px;
}
.content-footer {
    background-color: #96c606;
    padding: 10px;
    position: relative;
    height: 50px;
}
.content-footer span a {
    color: #fff;
    display: inline-block;
    padding: 6px 5px;
    text-decoration: none;
    transition: 0.5s;
    font-weight: 600;
    letter-spacing: 1px;
}
.content-footer span a:hover {
    color: #674f3d;
}
.contact_us_temp i {
    margin-right: 13px;
    color: #96c606;
    font-size: 29px;
}
.contact_us_temp i.fa.fa-map-marker {
    font-size: 37px;
}
.contact_us_temp h2 {
    margin-top: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 25px;
        color: #66506d;
}
.contact_us_temp h4, .contact_email a {
    color: #695042 !important;
    font-weight: 600;
}

.container.contact_us_temp {
    padding-top: 40px;
    padding-bottom: 40px;
}
.container.about-us {
    margin-bottom: 30px !important;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #9ecd58;
}
.Background-section-new .vc_column-inner {
    padding: 0px !important;
}
.sub-menu li a{
	    border-bottom: 1px solid #917238;
}
.paginatiuon_new_jardin {
    float: right;
}
span.page-numbers.current {
    background: #96c606;
    color: white;
    padding: 10px 18px;
    font-weight: bold;
    font-size: 17px;
    border-radius: 50%;
}
a.page-numbers{
	color: #96c606;
	font-weight: bold;
	font-size: 17px;
	    margin: 0px 12px;
}

/*About lvl new*/

.about-lvl{
    background-color: rgb(200, 207, 214);
        margin-bottom: 35px;
    padding-bottom: 30px;
}

.row.margn-011 {
    margin: 25px 0px 0px;
    background: #ffffff;
    padding: 34px 15px;
    min-height: 268px;
}
a.btn.btn-primary {
     color: #336666;
}
.about-us h1 {
    font-size: 26px;
    font-weight: bold;
    color: #336666;
}
.case_std{
    text-align: center;
}
.case_overlay{
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
transition: .5s ease;
background-color: rgba(170, 225, 4, 0.6313725490196078);
width: 100%;
height: 100%;
}
.bg-gray .image a
{
    position: relative;
    display: block;
}
.overlay0 {
  position: relative;
}

.overlay0:after {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
}

.overlay0:hover:after  {
  opacity: .6;
    background-color: #96c606;
        transition: .5s ease;
}

.red0:after {
  background-color: #96c606;
}
#image-gallery button.close{
    right: 38px;
    top: 38px;
    position: absolute;
    opacity: 1;
}
/*#image-gallery .modal-dialog{
    margin: 100px auto;
}*/
ul.case_ul a {
    list-style-type: none;
    text-decoration: none;
}
.row.colored h1 {
    color: #336666;
    font-size: 26px;
    font-weight: bold;
}
#image-gallery .modal-body{
	display: inline-block;
	padding: 15px;
        width: 100%;
}
img#image-gallery-image {
    width: 100%;
}
div#image-gallery {
    background: rgba(150, 198, 6, 0.788235294117647);
        z-index: 9999;
}
div#image-gallery .modal-content{
    border-radius: 0px;
}
button#show-previous-image, button#show-next-image {
    margin-top: 20px;
        background: #91b736;
    color: white;
}
.about-lvl{
margin-bottom: 0px;
}
.case_1 .item{
    display:block;
}
.case_1 img {
    max-height: 493px;
}
.case_1 .carousel-caption{
    text-transform: uppercase;
}
.case_studies_row_out .row.margn-01
{
	    padding: 0px 15px !important;
}
.row.colored ul li {
    color: #6d6e70;
    font-size: 14px;
    line-height: 24px;
   
}
#brochureModal h4.modal-title {
    display: inline-block;
}
.clickbroch {
    text-align: right;
    font-size: 20px;
    color: #6e5648;
}
.brochureimg
{
	cursor:pointer;
}
.clicktext {
    margin-bottom: 10px;
    width: 87.5%;
	    text-decoration: underline;
}
.single-case_studies a.thumbnail.overlay0.red img {
    height: 200px;
}
.case_backimg
{
    height: 200px;
    width: 100%;
    background-position: center center !important;
    background-size: cover !important;
}
@media (min-width: 992px){
.modal-lg {
width: 700px;
}}