@charset "UTF-8";
/*
Theme Name: SERGIO’S CONCRETE INC.
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
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.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 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:
----------------------------------------------------------------
# Variables
# Normalize
# Typography ## Headings ## Copy
# Elements ## Lists ## Tables
# Forms ## Buttons ## Fields
# Navigation ## Links ## Menus ## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content ## Archives ## Posts and pages ## Comments
# Blocks
# Media ## Captions ## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */


--------------------------------------------------------------*/

html {line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {max-width: 100%; min-width: 1200px; margin: 0 auto; font-family: 'Oswald', sans-serif; position: relative; font-size: 16px; color: #FFF;}
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Form */
.visually-hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.display-none {
	display: none;
}

/*###################################
## Layouts
###################################*/
.row {max-width: 1220px; margin: 0 auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.cta {display: none;}
.grecaptcha-badge {z-index: 999999;}

.home .entry-header{ display: none; }

.flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;  -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; align-items: center; flex-wrap: wrap; }
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{ padding: 0!important; }

/*###################################
## Fonts
###################################*/

h1, h2 , h3, h4, h5, h6, p, ul, ol { padding: 0; margin: 0}
a, a:visited { -webkit-transition: all .5s ease; text-decoration: none !important; text-decoration: none; -o-transition: all .5s ease; transition: all .5s ease;color: inherit;}
a:focus {outline: none !important;}
a:hover {text-decoration: none; color:inherit;}
h1, h2, h3, h4, h5, a, p, ul, ol {padding: 0; margin: 0; line-height: 1.35; font-weight: 400; }
h1, h2{ font-size: 45px; }
h3 { font-family: 'Abel', sans-serif; font-size: 22px; }
h4 { font-size: 25px; }
h5, p, ul, ol { font-family: 'Abel', sans-serif; font-size: 17px; }


/*###################################
## Buttons
###################################*/
/*.btn a, .ctc-form input[type="submit"]{ font-family: 'Poppins', sans-serif; position: relative; overflow: hidden; z-index: 999; display: block; margin: 0 auto; text-align: center; padding: 9.5px 0; width: 439px; font-size: 17px; font-weight: 700; background-color: #492656; color: #FFF; line-height: 1.2; height: 36px; -webkit-appearance: inherit; border: none!important; border-radius: 20px;}*/

/*.btn a:hover, .ctc-form input[type="submit"]:hover{  transition: background-color .8s ease-out;   -o-transition: background-color .8s ease-out;   -moz-transition: background-color .8s ease-out;   -webkit-transition: background-color .8s ease-out; background-color: #fff; color: #492656; }*/

.btn a, .ctc-form .elementor-button-content-wrapper, .ctc-form .wpmtst-submit{font-size: 20px; font-weight: 300; background-color: #10B1E0; padding: 0; box-sizing: border-box; display: block; max-width: 154px; margin: 0 auto; text-align: center; position: relative; transition: all 0.5s ease; border-radius: unset;}
/*.btn:after {content: ""; background: url('../images/content/btn-arrow.jpg') no-repeat; background-size: 100% 100%; position: absolute; right: -32px; top: 0; width: 32px; height: 44px;}*/
.btn a:hover, .ctc-form .elementor-button-content-wrapper:hover, .ctc-form .wpmtst-submit:hover{background-color: #D32323;}
.btn a:hover i, .ctc-form .elementor-button-content-wrapper:hover i{background-color: #10B1E0;}
.btn a i, .btn .elementor-button-content-wrapper i{ line-height: 44px; width: 32px; height: 44px; background-color: #fff; color: #000;}
.btn .elementor-button-text{ padding: 10px 0; }

/*###################################
## Forms
###################################*/
.ctc-hide, .ctc-form br{ display: none; }
#footer .ctc-form{ max-width: 840px; }
.ctc-form textarea ,
.ctc-form input[type="date"],
.ctc-form input[type="text"],
.ctc-form input[type="email"], 
.ctc-form input[type="tel"]{ background: transparent; font-family: 'Abel', sans-serif; font-size: 17px; color: #FFF; height: 40px; display: block; width: 100%; border-top: none; border-right: none; border-left: none; padding: 5px 10px; box-sizing: border-box; margin: 0 auto 20px; border-bottom: 1px solid #A3A3A3; }
.ctc-form label{ font-family: 'Oswald', sans-serif; width: 49%; }
.ctc-form .wpcf7-list-item label{ width: 100%; display: block; text-align: center; }
.ctc-form ::placeholder{ font-family: 'Abel', sans-serif; font-size: 17px; color: #FFF; }
.ctc-form textarea { height: 140px; padding-top:10px; }
.ctc-form input[type="submit"]{ font-size: 20px; font-family: 'Oswald', sans-serif; font-weight: 300; color: #FFF; border: none; background: none; width: 100%; height: 44px;  }
.ctc-form input[type="submit"]:hover{  }
.ctc-form .wpcf7-list-item{ margin: 0; display: block;}
.ctc-form .elementor-button-icon{ display: flex; justify-content: center; }
.ctc-form .btn{ margin-top: 40px; }
.ctc-form .btn .elementor-button-text{ width: 75px; height: 44px; padding: 0; order: 1; }
.ctc-form .btn .elementor-button-content-wrapper i{ order: 2; }

/*contact form messages*/
form .messages p {display: none;font-family: Arial !important;font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
form .alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
form .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}

/*###################################
## Social
###################################*/
.social ul{ list-style: none; display: flex; justify-content: space-between; }
.social ul i{ width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 50%; }
.social > div{ max-width: 183px; }


/*###################################
## Menus
###################################*/

/*Main Menu*/
.menu-main-navigation-container {}
.menu-main-navigation-container ul { align-items: center; display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex; list-style: none; }
.menu-main-navigation-container ul li { padding: 0 10px; text-align: center;line-height: 1;}
.menu-main-navigation-container ul li a{ font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 300; display: block; transition: all 0.5s ease; }
.menu-main-navigation-container ul li a:hover, 
.menu-main-navigation-container .current-menu-item a{ color: #10B1E0; }

/*Sub Menu*/
/*.navigation-top ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;}
.navigation-top ul ul { background:#16A085;position: absolute; visibility: hidden; margin-top: 50px; width: 250px;display: block; opacity: 0; }
.navigation-top ul ul li {display: block; margin-right: 0; border: none;}
.navigation-top ul ul li a {padding: 10px; display: block; text-align: left;}
.navigation-top ul ul li:hover a {color: #fff; background: linear-gradient(#008E80,#006D5D,#006450)}
*/
/*Sub Sub Menu*/
/*.menu-main-navigation-container ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px;  }
.menu-main-navigation-container ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 182px;  }
.menu-main-navigation-container ul ul ul li {}*/


/*###################################
## Social
###################################*/
.elementor-widget-social-icons a:hover{  }

/*###################################
## HEADER
###################################*/
#header {position: absolute; left: 0; right: 0; z-index: 999;}
#header .row {position: relative;}
#header .top-section .call-us {text-align: right;}
#header .top-section .call-us i { font-size: 23px; }
#header .top-section .label p {display: inline-block; font-family: 'Abel', sans-serif; font-size: 17px; letter-spacing: 1px;}
#header .top-section .phone a {display: block; font-size: 30px;}
#header .menu-main-navigation-container ul li {margin-right: 15px;}
#header .menu-main-navigation-container ul li:nth-of-type(3) {margin-right: auto;}
#header .menu-main-navigation-container ul li:last-of-type {margin-right: 0;}


/*###################################
## BANNER
###################################*/
#banner {position: relative;}
#banner .bnimg img {display: block; width: 100%; max-height: 810px;}
#banner .logo { position: absolute; top: 0; left: 0; right: 0; max-width: 440px; margin: 0 auto; z-index: 999;}

#banner .logo img {display: block; width: 100%;}

.bagde {
        display: flex;
        margin: -140px 100px 0;
}
.bagde a img {
        width: 110px;
}

/*###################################
## CONTENT
###################################*/
.site-content { position: relative; }

#welcome h3{ color: #10B1E0; }
#welcome .row{  max-width: 1000px!important; }

.services .row{ text-align: center;  max-width: 1000px!important; overflow: hidden;}
.services .lists .hexagon > div { overflow: hidden; visibility: hidden; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); cursor: pointer; width: 313px; height: 361px; margin: 0 auto!important; }
.services .lists .hexagon-in1 { overflow: hidden; width: 100%; height: 100%; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); }
.services .lists .hexagon-in1 > div{ width: 100%; height: 100%; visibility: visible; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); }
.services .lists .svcbox > div{ align-content: center!important; }
.services .lists .svcbox h3{ padding-top: 115px; font-size: 32px; font-weight: 400; text-shadow: 2px 2px 5px #000; font-family: 'Oswald', sans-serif;}
.services .lists .svcbox h3:hover a {color: #D32323;}
#about .row{ text-align: center; max-width: 1000px!important; }
#about h2 { font-size: 32px; text-shadow: 2px 2px 5px #000; line-height: 1.2;}

#projects .box > div{ align-content: center!important; }
#projects .projtext{ padding: 0 10px; max-width: 310px; margin: 0 auto; }
#projects img{ object-fit: cover; width: 100%;}
#projects .owl-carousel .owl-item p {line-height: 0;}

#reviews .strong-view.wpmtst-default .wpmtst-testimonial-inner,
#reviews .strong-view.wpmtst-default .wpmtst-testimonial{ padding: 0!important; border: none!important; }
#reviews img{ border-radius: 50%; border: none!important; background: none; padding: 0; }
#reviews .strong-view.wpmtst-default .wpmtst-testimonial-image{ margin-right: 4em!important; }
#reviews .strong-view.wpmtst-default .wpmtst-testimonial-field{ text-align: left!important; font-family: 'Abel', sans-serif; font-size: 17px; }
#reviews .strong-view.wpmtst-default .wpmtst-testimonial-field.testimonial-name{ font-size: 22px; margin-top: 20px;}

#choose img{ width: 100%!important; }
#choose h3{ color: #10B1E0; }
#choose figcaption{ font-size: 32px; color: #FFF; text-shadow: 2px 2px 5px #000; position: absolute; bottom: 70px; left: 0; right: 0; max-width: 305px; margin: 0 auto;}

/*###################################
## FOOTER
###################################*/
#footer h3{ color: #10B1E0; font-size: 1.17em; }
#footer .contactdetails .elementor-shortcode{ padding: 9px 0 9px 70px; font-size: 17px; font-family: 'Abel', sans-serif; margin:  0; margin-left: auto; margin-bottom: 20px; position: relative; max-width: 233px ;}
#footer .contactdetails i{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 60px; height: 60px; line-height: 60px; margin-right: 10px; text-align: center; background: #fff; color: #10b1e0; border-radius: 50%; font-size: 25px; }
#footer .contactdetails a{ display: block; }

.copyright { font-size: 17px; text-align: center; font-family: 'Abel', sans-serif; line-height: 1.8;}
.copyright span { display: block; }
.copyright img{ display: inline-block; vertical-align: middle; }

/*###################################
## Inner Pages
###################################*/

/*CONTENT*/
.inner .site-main, .inner .site-main .inbox { min-height: 400px}
.inner .entry-header{ display: none!important; }
.inner .site-main h1{ padding: 0 0 20px; }
.inner .site-main p, .inner .site-main h3, .inner .site-main h4, .inner .site-main h5, .inner .site-main h6 .inner .site-main ul{ padding-bottom: 20px; }
.inner .site-main ul{ padding-left: 20px; }
.inner .site-main ul li{ padding-bottom: 5px; }
.inner .site-main ul.colfive{ column-count: 4; }

/*###################################
## Reviews Page
###################################*/
.page-id-13 .site-main form{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 50px;}
.page-id-13 .site-main form .form-field{ width: 49% }
.page-id-13 .site-main form .form-field.field-post_content{ width: 100%; }
.page-id-13 .site-main form .form-field.field-featured_image { width: 33%; }
.page-id-13 .site-main form .form-field.field-star_rating{ width: 33%; }
.page-id-13 .site-main form .form-field.wpmtst-submit{ width: 33%; margin: 0; height: 100%;}
.page-id-13 .site-main form textarea, .page-id-13 .site-main form input[type="text"]{ border: 1px solid #fff }
.page-id-13 .site-main form textarea { height: 80px; }
.page-id-13 .site-main .strong-view.wpmtst-default .wpmtst-testimonial-image img{ border-radius: 50%; border: none; padding: 0;}

/*###################################
## Gallery Page
###################################*/
.page-id-12 .bwg-item img { object-fit: cover !important; }
#bwg_container1_0 #bwg_container2_0 .bwg_gal_title_0,
#bwg_container1_1 #bwg_container2_1 .bwg_gal_title_1,
#bwg_container1_2 #bwg_container2_2 .bwg_gal_title_2,
#bwg_container1_3 #bwg_container2_3 .bwg_gal_title_3,
#bwg_container1_4 #bwg_container2_4 .bwg_gal_title_4,
#bwg_container1_5 #bwg_container2_5 .bwg_gal_title_5
{
	color: #fff !important; 
	font-size:25px !important;
}

/*###################################
## Error Page
###################################*/


/*###################################
## RESPONSIVE
###################################*/

@media screen and (max-width: 1440px) { 


}

/*VIEW 1200px*/
@media screen and (max-width: 1439px) { 
    body { min-width: 320px; }

}

/*VIEW 1024*/
@media screen and (max-width: 1199px) {

    #banner .mobile-logo { text-align: center; position: absolute; top: 65%; left: 0; right: 0; margin: 0 auto; transform: translateY(-65%); z-index: 99; max-width: 450px; }

    #choose figcaption { font-size: 26px; }

    .page-id-12 .site-main .ngg-gallery-thumbnail-box { width: 19%; }
	
	.bagde {
        margin: 0 25px !important;
        top: 0;
	}
	.bagde a img {
        margin: 10px;
	}
	.banner-bagde{
		background-color: #0F0F0D !important;
	}


}

@media screen and (max-width: 1023px) {

    h1, h2{ font-size: 32px; }
    h3{ font-size: 25px; }
    h4{ font-size: 20px; }
    h5{ font-size: 18px; }

    #header .navigation-top{ position: fixed; margin: 0; padding: 5px; left: 0;}
    #header .top-section > div{ flex-wrap: nowrap; margin-top: 50px; }
    #banner .mobile-logo{ max-width: 400px; }
    .hfe-nav-menu__toggle{ width: 100%; }

    #about, #welcome, .services , #reviews, #choose, #footer{ padding: 50px 0!important; }
    #projects .lists > div > div{ width: 33.33%!important; }
    #projects .lists > div > div.box{ width: 66.66%!important; }
    .services .lists .hexagon{ margin-bottom: 20px; }
    #reviews .strong-view.wpmtst-default .wpmtst-testimonial-image { margin-right: 4em!important; margin: 40px 4em 40px 0; }
    #choose .choosetxt > div{ padding-bottom: 40px!important; }
    #choose .lists > div > div {max-width: 400px; margin: 0 auto 30px;}
    #footer .ctc-form .btn{ margin-bottom: 30px; }
    #footer .contactdetails .elementor-shortcode{ margin: 10px auto; }

    /*INNER CONTENT*/
    .inner .site-main ul.colfive{ column-count: 3; }
    .inner .site-main h1,
    .inner .site-main{ text-align: center; }
    .inner .site-main ul{ text-align: left; }
    .page-id-14 .site-main img{ margin: 0 auto 20px; display: block; }
    .page-id-12 .site-main .ngg-gallery-thumbnail-box { width: 45%; }

    /*CTA*/
    /*.cta{
        background: #F15924  url("assets/images/phonecall.png") no-repeat center center;
        border-bottom-left-radius: 40px;
        border-top: 2px solid #fff ;
        border-top-left-radius: 40px;
        bottom: 10%;
        display: block;
        height: 60px;
        position: fixed;
        right: 0;
        text-decoration: none;
        text-indent: -9999em;
        width: 60px;
        z-index: 999;
    }*/

}

@media screen and (max-width: 767px) {

    #header .top-section .phone a{ font-size: 28px; }
    #banner .bnimg img { min-height: 450px; }
    #banner .mobile-logo{ max-width: 300px; }
    #about h2 { font-size: 23px; }
    #about h3 { font-size: 22px; }

    #projects .lists > div > div { width: 50%!important; }
    #projects .lists > div > div.box{ width: 100%!important; text-align: center; }
    #projects .projtext{ padding: 20px 10px; }

    #reviews .strong-view.wpmtst-default .wpmtst-testimonial-inner,
    #reviews .strong-view.wpmtst-default .wpmtst-testimonial-field,
    .page-id-13 .site-main .strong-view.wpmtst-default .wpmtst-testimonial-field{ text-align: center!important; }
    #reviews .strong-view.wpmtst-default .wpmtst-testimonial-image,
    .page-id-13 .site-main .strong-view.wpmtst-default .wpmtst-testimonial-image{ text-align: center; float: none; margin: 0 auto!important; }
    .ctc-form label{ width: 100%; }
    #footer .contactdetails .elementor-shortcode{ max-width: 100%; }

    .inner .site-main ul.colfive{ column-count: 1; }

    .inner .site-main{ text-align: center; }

    .page-id-13 .site-main .strong-view.wpmtst-default .wpmtst-testimonial-inner{ padding: 10px!important; text-align: center!important; }
    .page-id-13 .site-main form .form-field{ width: 100%!important; margin: 0 auto 10px!important;}
    .page-id-13 .site-main form textarea, .page-id-13 .site-main form input[type="text"]{margin: 0!important;}
    .page-id-12 .site-main .ngg-gallery-thumbnail-box { width: 210px; margin: 0 auto 20px;}


}

@media screen and (max-width: 374px) {

    #header .top-section .phone a { font-size: 24px; }
    #header .top-section .label p{ font-size: 15px; }

    .services .row section{ margin-bottom: 0!Important; }


}