/*
 Theme Name:   Hatch Child
 Theme URI:    http://highgradelab.com
 Description:  Hatch Child Theme
 Author:       HighGrade
 Author URI:   http://highgradelab.com
 Template:     hatch
 Version:      1.0.0
 License:      Commercial
 License URI:  http://themeforest.net
 Tags:         light, dark, white, one-column, two-columns, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, theme-options, translation-ready
 Text Domain:  hatch-child
*/


/* Add your custom css below */
.vc_row.vc_column-gap-30 > .vc_column_container.home_menu{
    padding: 0 !important;
}

/************** noor 23-2-2017 *********************/

.section2, .section3, .section5, .section7 {
    padding: 63px 0px !important;
}

.section4 {
    padding: 60px 190px 0 !important;
}
.section2{
	background: #f9f9f9;
}

.section2  h1, .section3 h1, .section7 h1, .section4 h1{
    color: #444 !important;
    font-size: 50px;
    line-height: 55px;
}

.section4 h1{
	margin-top: 0px !important;
}

.vc_general.vc_btn3:focus, .vc_general.vc_btn3:hover {
    background: transparent none repeat scroll 0 0 !important;
    border: 1px solid #ff3300;
    color: #ff3300  !important;
    text-decoration: none;
}
/
.section2 .vc_box_border_grey img {
    
   
    
    position: absolute;
   
    top: 20px;
}


.section3 .vc_custom_1453564038684 {
    padding-bottom: 0 !important;
}

.section6{
	padding: 30px 200px !important;
}

.section6 .vc_custom_1487591904969{
	padding-top: 0px !important;
}

.section7 .hgr_blog_post {
    border: 1px solid #ddd;
    min-height: 590px;
    padding: 10px;
}



.section7 .hgr_post_content {
    font-size: 14px;
    padding: 0px;

}

.section7 .vc_custom_1453575351165{
	padding-bottom: 0px !important;
}
/**************New get quote css@07 march by sunil***********/
.overlay {
    background-color: #f2f2f2;
    max-height: 900px;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 100px;
    transition: all 0.5s ease 0s;
    width: 0;
    z-index: 99999999;
}

.overlay-content {
    margin-top: 0;
    padding: 20px;
    position: relative;
    text-align: left;
    top: 0%;
    width: 100%;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    background: #ff3300 none repeat scroll 0 0 !important;
    color: #f2f2f2;
    font-size: 41px;
    height: 50px;
    line-height: 45px;
    padding: 0 12px 0 10px;
    position: absolute;
    right: -1px;
    top: -6px;
    width: 50px;
    z-index: 2147483647;
}

.quote-btn {
    background: #ff3300 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    font-family: arial;
    font-size: 16px !important;
    height: 34px;
    left: -44px;
    letter-spacing: 0.5px;
    position: absolute;
    top: 81px;
    transform: rotate(90deg);
    width: 117px;
}
.quate-main-container {
    position: fixed;
    top: 120px;
}

.section5, .section6{
    z-index: -1;
}  

.quate-main-container {
    display: inline-block;
    z-index: 99999;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .overlay{
        top: 40px;
    }

    .overlay .closebtn{
        padding: 0 12px 0px 13px;
    }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.overlay .closebtn {
    font-size: 40px;
    top: 0px !important;
    right: 0px !important;
}

.overlay .closebtn {
    padding: 0 12px 0px 14px;
}
}


@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


.overlay-content div.wpcf7-validation-errors, .overlay-content div.wpcf7-mail-sent-ok {
    border: 2px solid #ff3300;
    color: #000;
    font-family: arial;
    font-size: 15px;
    line-height: 20px;
    padding: 10px;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
}

.overlay-content form textarea, .overlay-content form input{
    height: 40px;
} 
/***************/ 

/** by Sunil  for quick quote **/
/****
.quote-form-container .col-small{padding:0 8px}


.quote-form-container input[type="checkbox"] {width: auto;}


.quote-form-container .wpcf7-list-item {display:block}

.quote-form-container .quote-btn{
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);

   background-color: #ff3300;
    border:0px!important;

    border-radius: 5px 5px 0 0;
    font-family: arial;
    height: 33px;
    letter-spacing: 0.5px;
    position: absolute;
    right: -75px;
    top: 81px;
    width: 115px;
    z-index: 999;

}

.quote-form-container .quote-btn:focus, .quote-form-container .quote-btn:hover{ outline: none!important; }


.quote-form-container div.wpcf7-response-output {
    color: #333!important;
    margin: 0;
    padding: 0.2em 1em!important;
}

.quote-form-container .wpcf7 input[type="text"], 
.quote-form-container .wpcf7 input[type="email"], 
.quote-form-container .wpcf7 textarea, 
.wpcf7 input[type="submit"] {
    margin: 0 0 2px!important;
}

.quote-form-container .wpcf7 input[type="submit"] {
    background: #ff3300!important;
}

.quote-form-container .wpcf7 input[type="text"], 
.quote-form-container .wpcf7 input[type="email"], 
.quote-form-container .wpcf7 textarea {
    border: 1px solid #ddd;
}

.quote-form-container {width:375px;position: fixed;top: 120px;left: -395px;padding:10px; z-index: 9;}


.quote-form-container .wpcf7-mail-sent-ok { display: inline-block!important; width: 89%; }

.hide {
float: left;
left: -600px;
display: none;

width: 720px;

}
.outer{background: #f2f2f2; border: 1px solid #ddd;}

**/

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.quote-form-container {
    width:260px;
    position: fixed;
    top: 100px;
    left: -280px;
    padding:10px 10px 10px 10px; 
    z-index: 95; }

    .text-light .esg-filterbutton, 
    .text-light .esg-navigationbutton, 
    .text-light .esg-sortbutton, 
    .text-light .esg-cartbutton{
        margin-right:0px!important;
    padding: 0 8px!important;   
    }

body .hgr_counter_row .hgr_counter_units{font-size: 32px;}    

}