/* ## TEST
--------------------------------------------------------------------- */

.wpnaw-news-grid-main.design-1 .readmorebtn {border: 0px solid #fff;}

.readmorebtn {
    background-color:  #ff7800;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 16px;
}

.readmorebtn:hover, 
.readmorebtn:focus {
    background-color:  #494949;
    color: #fff;
}
.number-counter {
    padding-bottom:10px!important;
    padding-top: 25px!important;
}

.number-count-up-vc p {
    text-align: center;
    font-weight: 600;
}

.number-count-up-vc p {
    margin-top: 1rem !important;
}

.number-count-up-vc .number-counter, 
.number-count-up-vc h4, 
.number-count-up-vc p {font-size: 40px;}

.grid-post-title {
    font-size: 20px;
    line-height:24px;
    text-align: center;
    font-family:Lato;
    font-weight:700;
}


/* CTA Footer Widget Container
------------------------------------------------------- */
.footerwidgetheader-container {
    background-color:#ff7800;
    color: #fff;
}

.footerwidgetheader-container .wrap {padding: 30px 55px;}

.cta-button-position {padding-top: 10%;}


.white-button {
    color: #fff;
    font-size: 16px;
    padding: 17px 24px;
    border: 2px solid #fff;
    background-color: transparent;
    font-weight:600;
}

.white-button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #ff7800;
}

.footerwidgetheader-container h4 {
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    margin-bottom: .3rem;
}




.footer-widgets {
    background: linear-gradient(rgba(73,73,73,0.76), rgba(73,73,73,0.76)), url(https://n8id.com/wp-content/uploads/2018/03/molecules-dark-small.png);
    background-attachment: fixed;
    background-repeat: no-repeat;

}





/* ## GLOBAL
--------------------------------------------------------------------- */


.section {padding: 30px 0;}

.section-top {padding: 30px 0 0;}

.section-bottom {padding: 0 0 30px;}

.colored-background {color: #fff;}

.remove-bottom .entry {
    margin-bottom: 0;
    padding-bottom: 0;
}

.works-section {
    font-size: 16px;
    line-height:1.3;
}

.vc_responsive .five_column_wrap.wpb_row .vc_col-sm-2 {
float: left;
width: 18.8%;
padding: 0;
margin-right: 1.5%;
min-height: 0;
}

.five_column_wrap .five_column_last {
margin: 0 !important;
}

/* ## Header
--------------------------------------------- */

#logo {
    max-width:280px;
    line-height:1;
    font-size:0;
    padding-top: 15px;

}

.site-header {background-color: rgba(73,73,73,0.76);}

.site-description {display:none;}

.site-header > .wrap {padding:0;}

.title-area {padding: 0;}

.genesis-nav-menu a {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight:600;
    display: block;
    padding: 31px 20px;
    text-decoration: none;
}

.genesis-nav-menu a:hover {color: #ccc;}


/* ## GRAVITY FORMS
--------------------------------------------- */
body #gform_wrapper_1 textarea.medium,
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text],
body #gform_wrapper_3 textarea.medium,
body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type=text]{
    background-color: rgba(255,255,255,0.1);
    color: #fff;
}
::-moz-placeholder {color: #fff;}

body #gform_wrapper_1 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body #gform_wrapper_3 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){padding-left: 10px;}

body #gform_wrapper_1 .gform_footer input[type=submit] {
    background-color: #fff;
    color: #ff8000;
}

body #gform_wrapper_3 .gform_footer input[type=submit]{
    background-color: #fff;
    color: #0a34b2;
}

body #gform_wrapper_1 textarea.medium, body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type="text"] {border: 1px solid #042892;}

body #gform_wrapper_1 textarea.medium, body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type="text"] {border: 1px solid #042892;}

/* ## HOME PAGE
--------------------------------------------------------------------- */

/* ## Home Page Background
--------------------------------------------- */
body .page-id-926
.page-id-926 body,
.page-id-926 body,
.page-id-926 {
    background-image: url(https://n8id.com/wp-content/uploads/2018/03/molecules-dark-small.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.page-id-926 .entry {
    background-color: transparent;
    margin-bottom: 0;
    padding: 70px 80px 0;
}

.page-id-926 .footer-widgets {
    background-image: none;
    background-color: rgba(73,73,73,0.76);}

.section-shadow {
    background-color: #f4f4f4 !important;
    box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.2);
}

.hero-headline {
    font-weight: 600;
    font-size: 44px;
    color: #ffffff !important;
    line-height: 1.2em;
    text-shadow: 0em 0em 0.13em #000000;
}

.hero-copy {
    color: #fff;
    font-size: 26px;
    line-height: 1.4em;
    text-shadow: 0em 0em 0.31em #000000;
}



/* ## HP Pricing
--------------------------------------------- */

.pricing-headline-orange {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
    color: #ff8000;
    text-align: center;
}

.pricing-headline-blue {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
    color: #0a34b2;
    text-align: center;
}

.price-amount {
    font-weight: 600;
    font-size: 40px;
    color: #000000;
}

.price-dollar-sign {
    position: absolute;
    margin-left: -.5em;
    font-size: 18px;
    font-weight: 400;
}

.blue-section {background-image: radial-gradient(circle at bottom left,#00063a 0%,#3590ea 100%) !important;}

/* ## HP Services
--------------------------------------------- */
.service-box-gradient {background: linear-gradient(0deg, #d8d8d8, #f2f2f2 80%);}

.interior-services-boxes {
    color: #fff;
    line-height: 1.3;
}

/* ## HP Stats
--------------------------------------------- */

.hp-stats {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

.hp-stats-label {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}

/* ## Media Queries
--------------------------------------------- */

@media only screen and (max-width: 1366px) {
    
    
    .hp-section-3 {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    
    
    
}

@media only screen and (max-width: 1200px) {
    
    
.genesis-nav-menu a {padding: 31px 10px;}
    
.hp-stats {font-size: 30px;}

.number-counter {font-size: 24px!important;}

.number-counter p {font-size: 6px!important;}
    
.grid-post-title {font-size: 16px;}

.responsive-1200   {width: 100%!important;}

.hero-left-button,
.hero-right-button {width: 45%;}
    
}


@media only screen and (max-width: 1024px) {
    .hp-section-3 {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .vc_custom_1542122691477 {
        padding-left: 0!important;
        padding-right:0!important;
    }

}

@media only screen and (max-width: 800px) {
    .vc_custom_1542122691477,
    .vc_custom_1542122706656 {
        padding-left: 20px!important;
        padding-right:20px!important;
    }
        
    .hp-section-3 {
        padding-left: 0px;
        padding-right: 0px;
    }
    

    
}

@media only screen and (max-width: 768px) {
.cta-button-position {
    padding-top: 5%;
}




}