/*
Theme Name: comscape
Theme URI: http://underscores.me/
Author: Vivek C S
Author URI: http://lordvcs.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: comscape
Tags:

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.

comscape is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/

/*Basic body styles including base font*/
body {
    /*background: url(./img/bg.jpg);
    background-size: 100%;*/
    /*margin-bottom: 1500px;*/
   /* font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;*/
   font-family: open sans !important;
    font-size: 16px;
}

/*Max stretchable width of the contents on the website*/
.max-width {
    max-width: 1225px;
    margin: 0 auto;
}

/*Remove padding from bootstrap columns*/
.padding-zero {
    padding: 0;
}

/*Extra padding in cases where bootstrap columns are not used*/
.extra-padding {
    padding: 0 15px;
}

/*Keep contents on a single line*/
.single-line {
    white-space: nowrap;
}

/*Hover effects for clickable items*/
.hover-element {
    color: inherit;
}

.hover-element:hover {
    color: #14b557;
    border-color: #14b557;
    text-decoration: none;
}

.footer_service-areas {
    left: 56px;
    position: relative;
}

.footer_facebook { float: right; }


/*Change breakpoint of mobile menu*/
@media (max-width: 1050px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        /*border-top: 1px solid transparent;*/
        border: none;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}


/***************************************************************
                            HEADER
***************************************************************/
header {
    background: #393939;

}

/**
 * Upper nav row
 */
.nav-upper-row_container {
    text-align: right;
    color: #f9f9f9;
    position: relative;
    z-index: 2;
    /*height: 44px;*/
    line-height: 44px;
}

/*Overide facebook feed style*/
.nav-upper-row_container .fa {
    float: inherit;
    float: inherit;
    margin-top: inherit;
    background-color: inherit;
    width: initial;
    height: inherit;
    text-align: inherit;
    padding-top: inherit;
    border-radius: inherit;
    margin-left: inherit;
    color: inherit;
    position: inherit;
    right: inherit;
    margin-top: inherit;
    margin-right: inherit;
}

.phone_container,
.get-quote_container,
.facebook-fa_container,
.twitter-fa_container,
.instagram-fa_container,
.linkedin-fa_container {
    /*float: right;*/
    color: #f9f9f9;
    margin: 0 5px;
}

.phone_container:hover,
.get-quote_container:hover,
.facebook-fa_container:hover,
.twitter-fa_container:hover,
.instagram-fa_container:hover,
.linkedin-fa_container:hover {
    text-decoration: none;
    color: inherit;
}

/*fa containers*/
.facebook-fa_container,
.twitter-fa_container,
.instagram-fa_container,
.linkedin-fa_container,
.phone-fa_container {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #f9f9f9;
    position: relative;
    text-align: center;
    margin: 0 0px;
    display: inline-block;
    line-height: 24px;
}

.phone-fa_container {
    color: #14b557;
    border-color: #14b557;
    font-size: 17px;
}

.phone_container .phone_text{
    font-size: 18px;
    font-weight: 700;
    color: #dedede;
}

.facebook-fa_container:hover,
.twitter-fa_container:hover,
.instagram-fa_container:hover,
.linkedin-fa_container:hover,
.phone-fa_container:hover,
.phone_text:hover {
    color: #14b557;
    border-color: #14b557;
}

/*Get quote button*/
.get-quote_container {
    color: #14b557;
    border: 2px solid #14b557;
    width: 150px;
    height: 28px;
    line-height: 24px;
    font-weight: 800;
    text-align: center;
    display: inline-block;
}



/**
 * Navigation Menu
 */
.navbar {
    background: transparent;
    border: 0;
    position: relative;
}

.navbar-brand {
    display: inline-table;
    position: relative;
    z-index: 40;
    padding: 10px;
}

.navbar-brand img {
    width: 280px;
}

.nav {
    z-index: 41;
    position: relative;
}

/*Nav logo base*/
.nav-log-base_container {
    position: absolute;
    left: -420px;
    z-index: 39;
}

.nav-log-base {
    max-width: 1035px;
}

/*Menu items*/
.navbar-default .navbar-nav>li>a {
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 5px;
    margin: 15px 15px;
    margin-bottom: 20px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #14b557;
    outline: none;
}

.navbar-default .navbar-nav>li:last-child>a {
    margin-right: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #f8f2ec;
    background-color: #089644 !important;
}

/**
 * Submenus
 */
 .nav li {
     position: relative;
 }

 .nav li>ul {
     display: none;
     position: absolute;
     list-style: none;
     background: #393939;
	 

     padding: 0;
     /*border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;*/
     /*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.49);*/
     /*opacity: 0;
      -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 2.2s ease;*/
 }

 .nav li>ul ul {
     right: 100%;
     top: 0;
     /*margin-right: 2px;*/
 }

 .nav li:hover>ul {
   /*  display: block;*/
   display: inline-block;
     /*border-left: 1px solid rgba(0, 0, 0, 0.12);*/
     z-index: 21;
     /*opacity: 1;*/
 }

 .nav li>ul li a {
     color: white;
     font-size: 16px;
     /*padding: 10px 8px;*/
     font-weight: bold;
     white-space: nowrap;
 }
 
/*  .nav ul > li:hover
  {
     background-color: #089644;
     cursor: pointer !important;
  }
 
 .nav ul > li > ul.sub-menu > li:hover 
 {
   background-color: #089644;
   cursor: pointer !important;
 }*/
 


 .nav li>ul li a:hover {
     /*color: #3b3b3b !important;*/
	 color: #fff !important;
     text-decoration: none;
	 cursor: pointer !important;
	 

	 
 }

 .nav li>ul li {
     /*padding: 5px 0;*/
     border-bottom: 1px solid white;
 }

 .nav li>ul li:last-child  {
     border: none;
 }



 @media (min-width: 768px) {
     .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
         margin-left: 0;
         padding-left: 0;
     }
 }
 
 
 
 @media screen and (min-width: 700px) and (max-width: 768px) 
{

.footer_service-areas 
{
    left: 10px;
    position: relative;
    width: 100%;
}
}



@media screen and (min-width: 1000px) and (max-width: 1024px) 
{

.footer_service-areas 
{
    left: 0px;
    position: relative;
	
	width: 100%;
}

}


 @media all and (min-width: 1050px) {
     .navbar-brand {
         margin-bottom: -45px;
     }
 }

@media all and (max-width: 1050px) {


    /*Sub menu*/
    .nav li ul  {
        display: inline-block;
        margin-left: 40px;
        position: relative;
        border-radius: 0;
        background: inherit;
        box-shadow: none;
        text-align: left;
        /*border-left: 8px solid rgb(152, 97, 59);*/
    }

    .nav li>ul ul {
        left: 0;
    }

    .nav li>ul li a {
        white-space: initial;
        padding-left: 0;
        display: block;
        padding: 0;
        font-size: 16px;
    }

    .nav li>ul li {
        border: none;
    }

    /*Change hover color on mobile devices*/
    .nav li>ul li a:hover {
        color: #066123;
    }

    /*Logo base*/
    .nav-log-base_container {
        display: none;
    }

    .nav-upper-row_container {
        text-align: center;
    }
}
/***************************************************************
                            MAIN
***************************************************************/
.home_main-content_container {
    text-align: center;
    height: 750px;
    background: url(img/stone.png);
    background-size: cover;
    background-position: 0;
    margin-bottom: -80px;
}

.home_main-content_outer-container {
    text-align: center;
    top: 80px;
    width: 100%;
    height: 245px;
    display: table;
    position: relative;
    background: rgba(29, 163, 76, 0.59);
}

.home_main-content_outer-container:after {
    content: '';
    border: 2px dashed #88ffbf;
    position: absolute;
    left: 10px;
    bottom: 10px;
    top: 10px;
    right: 10px;
}

.home_main-content_inner-container {
    display: table-cell;
    vertical-align: middle;
    padding: 5% 20px;
}

.home_main-content_inner-container h2 {
    font-size: 60px;
    font-weight: 600;
    color: #88ffbf;
}

.home_main-content_inner-container h4 {
    font-size: 35px;
    font-weight: 600;
    color: #88ffbf;
}

/*Blog section*/
.home_blog_container {
    margin-bottom: 5px;
}

.home_blog_outer-container {

}

.blog_item_text {
    padding-left: 10px;
    color: #646464;
    font-weight: 600;
}

.blog_item_text h4 {
    margin-top: 0;
    font-size: 21px;
    font-weight: 600;
    color: #0ba44a;
    margin-bottom: 0px;
}

.blog_item_text .blog_item_date {
    color: #6d6d6d;
    font-weight: 600;
    margin-bottom: 10px;
}

.blog_item_read-more {
    text-align: right;
    color: #2ab061;
    font-size: 12px;
    display: block;
}

.blog_item_read-more:hover {
    color: inherit;
    text-decoration: none;
}

.blog_item_container {
    margin-bottom: 35px;
}

.blog_item_img img {
    width: 100%;
}

/*Gallery section*/
.home_gallery_outer-container  {
    margin-bottom: 7%;
}

.home_gallery_content {
    padding: 0 30px;
}

.home_gallery_outer-container h2 {
    width: 308px;
    margin: 0 auto;
    color: #907d3e;
    font-weight: 700;
    position: relative;
    margin-bottom: 50px;
}

.home_gallery_outer-container h2:after {
    content: '';
    width: 278px;
    position: absolute;
    z-index: -1;
    height: 28px;
    background: url(img/leaf.png);
    background-repeat: no-repeat;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#wonderplugincarousel-1 ul.amazingcarousel-list {
    padding: 20px 0px 0px !important;
}

#wonderplugincarousel-1 ul.amazingcarousel-list .amazingcarousel-item {
    transition: all 0.3s ease-in-out;
}

#wonderplugincarousel-1 ul.amazingcarousel-list .amazingcarousel-item:hover {
    transform: scale(1.25);
    z-index: 9;
}

/*Wonderplugin carousel arrow reposition*/
#wonderplugincarousel-1 .amazingcarousel-next {
    margin-right: -30px !important;
}

#wonderplugincarousel-1 .amazingcarousel-prev {
    margin-left: -30px !important;
}

@media all and (max-width: 450px) {
    .home_main-content_inner-container h2 {
        font-size: 42px;
    }

    .home_main-content_inner-container h4 {
        font-size: 28px;
    }
	
	.footer_service-areas 
	{
    left: 0px;
    position: relative;
}
}


/***************************************************************
                            MAIN
***************************************************************/
footer {
    margin-top: 130px;
    background: #383838;
    position: relative;
}


.footer_bg-img_container {
    position: absolute;
    bottom: 100%;
    width: 100%;
    overflow: hidden;
    margin-bottom: -15px;
    background: linear-gradient(transparent, #def4ff 80px, #bbe9ff 146px, #383838 146px, #383838);
}

.footer_container {
    position: relative;
    padding-top: 20px;
}

/*.footer_container>img {
    position: absolute;
    bottom: 100%;
}*/

/*Footer each column*/
.footer_col {
    margin-bottom: 20px;
}

.footer_heading {
    color: white;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
}

.footer_content {
    color: #9a9a9a;
}

.footer_item_icon {
    display: inline-block;
    /*width: 17px;*/
    vertical-align: top;
    font-size: 17px;
    margin-left: 3px;
}

.footer_item_icon .fa {
    vertical-align: top;
}

.footer_item_text {
    display: inline-block;
    width: 175px;
    font-weight: 600;
    font-size: 13px;
    color: #9a9a9a;
    margin-left: 5px;
    white-space: normal;
	
	position: relative;
    bottom: 2px;
}

.footer_item_text:hover {
   color: #9a9a9a;
    text-decoration: none;
}

/*Contact Us*/
.contact-us_item_phone-text {
    font-size: 13px;
}

a.footer_item_text:hover {
    color: #21793d;
}

.contact-us_item_container {
    white-space: nowrap;
}

.footer-logo {
    width: 165px;
    margin-top: 15px;
}

/*Maps*/
.service-areas_item_container {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    z-index: 1;
}

/*Facebook*/
.footer_facebook {
    /*height: 250px;
    overflow: hidden;*/
}

.social-feed-container,
.social-feed-main-container {
    width: 100% !important;
    margin: 0 !important;
}

.social-feed-main-container {
    height: 250px;
    overflow: hidden;
    border-radius: 15px;
    z-index: 2;
    position: relative;
}

#wpsfp-item {
    box-shadow: none !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    color: white !important;
    padding: 0 !important;
}

.social-feed-element .author-title {
    color: white !important;
}

.social-feed-element .smuzsf-socialicon{
    display: none !important;
}

/*Lower footer*/
.footer-lower_container {
    background: #2f2f2f;
}

.footer-lower_outer-container {
    height: 40px;
    line-height: 40px;
    color: #9a9a9a;
    font-size: 12px;
}

.copyright_container,
.hosted_container {
    /*width: 50%;*/
    font-size: 14px;
    font-weight: 600;
}

.copyright_container {
    float: left;
}

.hosted_container {
    float: right;
    text-align: right;
}

@media all and (max-width: 580px) {
    .footer-lower_outer-container {
        height: 60px;
        line-height: 30px;
    }

    .copyright_container, .hosted_container {
        float: left;
    }
}

@media all and (max-width: 370px) {
    .footer-lower_outer-container {
        height: 80px;
        line-height: 25px;
    }
}

/********************************************************
                        PAGE
*********************************************************/
.inner-page header {
    height: initial;
}

.page-title {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    color: #089544;
    text-shadow: 0px 1px 3px #929292;
    font-size: 42px;
    letter-spacing: 0px;
    font-style: italic;
    margin-bottom: 10px;
}

.inner-page_outer-container {
    max-width: 940px;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 75px;
    padding: 20px;
}

.page_header {
    border-top: 1px solid;
    display: inline-block;
    border-bottom: 1px solid;
    padding: 2px 10px;
    margin-bottom: 35px;
}

.inner-page {
    font-size: 18px;
}

/*List item image ico*/
.wp-image-2864,
.wp-image-2861 {
    margin-bottom: 11px;
}

@media all and (max-width: 450px) {
    .page-title {
        font-size: 32px;
    }
	.footer_facebook
	 {
    float: none;
     }
}


@media all and (max-width: 1024px) {


.tab_phone { font-size: 14px !important; }

   #bs-example-navbar-collapse-1 li a 
   {
    border-bottom: 1px solid #adadad;
    padding-bottom: 11px;
    padding-top: 3px;
   }

#wpsfp-item {
   
    min-width: 100% !important;

    width: 100% !important;
	
	}
	
	}
	
	
@media (min-width: 1025px) 
{
.nav li>ul li:hover 
 {
   background-color: #089644;
   cursor: pointer !important;
 }
 
}

/********************************************************
                        CONTACT US
*********************************************************/
.contact-page_form_row-container {
    border-left: 4px solid #018a02;
    box-shadow: 1px 1px 5px #007d04;
    margin-bottom: 25px;
    /*padding: 25px;*/
	
	 padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
}

/*Contact form*/
.contact-page_form .wpcf7-form label {
    width: 100%;
}

.contact-page_form .wpcf7-form input:not([type="submit"]),
.contact-page_form .wpcf7-form textarea {
    border: none;
    box-shadow: 1px 1px 6px #9e9e9e;
    padding: 10px;
    max-width: 100%;
    border-radius: 1px;
    -webkit-appearance: none;
	width: 100%;
	font-weight: 600 !important;
}

.contact-page_form .wpcf7-form input:not([type="submit"]):focus,
.contact-page_form .wpcf7-form textarea:focus {
    box-shadow: 2px 2px 8px #9e9e9e;
    outline: none;
}

.contact-page_form .wpcf7-form input[type="submit"] {
    float: right;
    border: none;
    padding: 10px 20px;
    background: #4CAF50;
    color: white;
    font-weight: 600;
    box-shadow: 2px 2px 0px #0a8602;
    transition: all 0.3s ease-in-out;
}

.contact-page_form .wpcf7-form input[type="submit"]:hover {
    box-shadow: 3px 3px 0px #0a8602;
    background: #80bb83;
}

/********************************************************
                        CONTACT US
*********************************************************/
.request-quote label,
.request-quote input:not([type="submit"]),
.request-quote textarea {
    width: 100% !important;
}

.request-quote label {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.request-quote .form-required-star {
    color: #E91E63;
}

.request-quote input:not([type="submit"]),
.request-quote textarea {
    border: none;
   /* background: #cccccc;*/
    /*border-radius: 5px;*/
    box-shadow: 1px 1px 6px #9e9e9e;
	
	
    padding: 10px;
    color: #000;
}

.request-quote input:not([type="submit"]):focus {
    outline: 0;
}

.request-quote input[type="submit"] {
    margin-left: 15px;
    border: none;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    color: white;
    background: #4CAF50;
    box-shadow: 2px 2px 0px #8BC34A;
    transition: all 0.3s ease-in-out;
}

.request-quote input[type="submit"]:hover {
    box-shadow: 3px 3px 0px #0a8602;
    background: #80bb83;
}

/********************************************************
                        MISC
*********************************************************/

/*Wordpress specific*/
.aligncenter {
    margin: 0 auto;
}

.alignright {
    float: right;
	margin-bottom: 10px !important;
    margin-left: 15px;
}

.alignleft {
    float: left;
	margin-right:15px;
	margin-bottom: 10px !important;
	
}

.wp-caption-text {
    text-align: center;
}

#menu-home-menu li.current-menu-ancestor a
{
background-color: #089644;
color: #f8f2ec;
}

li.current-menu-ancestor .sub-menu a {
    background: none !important;
}


.contact-page_form label {
    margin-top: -20px;
}

.contact-page_form_row-container .vc_col-sm-2 
{
    width: 7% !important;
}

.sub-menu li a
{
  padding-left: 6px;
  padding-right: 6px;
}


.in .current_page_item,   
{

  background: #089544;
  display: inline;

}

.sub-menu .current_page_item
{
   background: #089544;
}

.in .current_page_item a, .sub-menu .current_page_item a
{

  color: #000 !important;

}

ul.sub-menu li a 
    {
    line-height: 30px;
	}

.contact_top_section .vc_column-inner  {  padding-top: 0 !important; }