@import url('../Divi/style.css');

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);

/*

Theme Name: ProMixNW

Author: Livetech

Template: Divi

*/



/* Livetech Logo SVG */

img.livetech {

  vertical-align: baseline;

}



path#livetech {

  fill: #68FF02;

}



g#device {

  fill: #68FF02;

}



a:hover g#livetech-device path#livetech {

  fill: #4A799B;

}



a:hover g#livetech-device g#device {

  fill: #F96A15;

}

/* end of SVG */

/** HEADER **/



#main-header #logo {

 display: inline-block;

   float: left;

    max-height: 90%;

    position: relative;

    margin-bottom: 0;

     margin-top: 0%;

    vertical-align: middle;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    -webkit-transform: translate3d(0, 0, 0);

    max-width: 100%!important;

}



#main-header {

	box-shadow: none!important;

}

#et-top-navigation {

    margin-top: 0px;

    clear: both;

    padding-left:0px!important;

    width: 100%;

       background: #3B3946;

}

#et-top-navigation .container {

    width: 100%;

    max-width: 100%;

    float: left;

    padding: 0 2%;

}



#et-top-navigation li a{

	color:#fff;

	font-size:17px;

}



nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {

    float: right;

    display: inline-block;

    position: relative;

}



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

    #top-menu {

        display:none;

    }



    #et-top-navigation .container {

    width: 80%;

}

}



.et_header_style_left .logo_container {

    position: relative;

    width: 20%;

      height: 63px;

    float: left;

    padding-top: 11px;

    display: inline-block;

}

.container.et_menu_container {

    z-index: 99;

    margin-top: 10px;

}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {

    padding-top: 0px;

}



.et_header_style_left #et-top-navigation nav > ul > li > a {

    padding-bottom: 15px;

    padding-top: 15px;

      padding: 25px 9px 25px 9px;

    color:#fff!important;

}





.et_header_style_left #et-top-navigation nav > ul > li.current_page_item a {

     color: #3B3946!important;

}

.et_header_style_left #et-top-navigation nav > ul > li > a:hover

{

   /* background: #529C00;*/

       background: #68FF02;

    color: #3B3946!important;

    opacity: 1;

}



.et_header_style_left #et-top-navigation nav > ul > li.current-menu-item > a

{

   /* background: #529C00;*/

       background: #68FF02;

  }



#top-menu li {

    display: inline-block;

padding-right:0px;

    font-size: 14px;

}





/** HOMEPAGE **/

#fullwidth-grid {

    padding: 0px!important;

        background: #E9E9E9;

}

#fullwidth-grid .et_pb_row {

    padding: 0px;

max-width:100%;

width:100%;

}

@media (min-width: 981px) {

#fullwidth-grid .et_pb_column_1_3,#fullwidth-grid .et_pb_row .et_pb_column_1_3 {

        width: 33.33333%;

        margin-right: 0px!important;

}

#fullwidth-grid .et_pb_column_1_3:hover,#fullwidth-grid .et_pb_row .et_pb_column_1_3:hover{

	opacity:0.9;

	cursor:pointer;

}

}



#fullwidth-grid .et_pb_column_1_3 .et_pb_code, #fullwidth-grid .et_pb_row .et_pb_column_1_3 .et_pb_code {

    min-height: 175px;

        padding: 15px;

  }



#fullwidth-grid .et_pb_row .et_pb_column_1_3 .et_pb_code {

        font-size: 24px;

    line-height: 30px;

    color: #fff;

    position: relative;

}



#trycalcbox {

    /*    background: #68FF02;*/

    background:url('http://www.promixnw.com/wp-content/themes/promix/images/conccalc.jpg');

        background-size: 100% 100%;

    background-position: center center;



    padding: 25px;



}



#trycalcbox p {

         color:#fff;

            font-weight: bold;

}



#trycalcbox:hover {

   background: #4CC303;

}



#trycalcbox:hover p {

        color:#fff;

    }



.try_calc {

    color: #fff;

    font-size: 21px;

}



.try_calc:after {

    font-family: FontAwesome;

    content: "\f1ec";

    font-size: 54px;

    top: 10%;

    right: 15px;

    display: block;

    position: initial;

    color: #fff;

    float: right;

}

#fullwidth-grid .view_services:after {

    font-family: FontAwesome;

    content: "\f085";

    font-size: 67px;

    right: 15px;

    display: block;

    position: absolute;

    color: #fff;

}

#fullwidth-grid .domestic:after {

    font-family: FontAwesome;

    content: "\f015";

    font-size: 67px;

    right: 15px;

    display: block;

    position: absolute;

    color: #fff;

}

#fullwidth-grid .commercial:after {

    font-family: FontAwesome;

    content: "\f19c";

    font-size: 67px;

    right: 15px;

    display: block;

    position: absolute;

    color: #fff;

}



#fullwidth-grid a {

	color:#fff;

	display:block;

}



#fullwidth-grid .et_pb_code_0{

    background: url('http://www.promixnw.com/wp-content/themes/promix/images/Comp_81137438_o.jpg') #000;

    background-position: center center;

    background-repeat: no-repeat;

        background-size: cover;



}

#fullwidth-grid .et_pb_code_1{

background: url('http://www.promixnw.com/wp-content/themes/promix/images/Comp_83069190_o.jpg');

    background-position: center center;

        background-repeat: no-repeat;

            background-size: cover;

}

#fullwidth-grid .et_pb_code_2{

    background: url('http://www.promixnw.com/wp-content/themes/promix/images/Comp_82334968_o.jpg') #000;

    background-position: center center;

    background-repeat: no-repeat;

        background-size: cover;

}

/*

#fullwidth-grid .et_pb_code_0{

    background: url('http://www.promixnw.com/wp-content/themes/promix/images/Comp_81137438.jpg') #000;

}



#fullwidth-grid .et_pb_code_1{

background: url('http://www.promixnw.com/wp-content/themes/promix/images/Comp_83069190.jpg');

}



#fullwidth-grid .et_pb_code_2{

    background: url('http://www.promixnw.com/wp-content/themes/promix/images/Comp_82334968.jpg') #000;

}

*/



#fullwidth-grid .arrow:after {

	font-family: FontAwesome;

	content:"\f101";



}

/** Concrete Calculator **/

#cemcalc {

    width:100%;

}



#cemcalc .top {

    display: block;

        width: 50%;

    float: left;

}



#cemcalc .bottom {

    width: 50%;

    float: left;

    display: inline-block;

}



#cemcalc input[type=number] {

    padding: 10px;

    border: 1px solid #bbb;

    color: #4e4e4e;

    width: 73%;

    border-radius:3px;

    background-color: #fff;

}

#cemcalc select {

    border: 1px solid #bbb;

    width: 24%;

    padding: 10px;

    color: #4e4e4e;

}



#cemcalc sub.m2 {

    top: -5px;

    font-size: 11px;

}



#cemcalc input[type="button"] {

    -webkit-appearance: none!important;

    background-color:#68FF02;

    border: 0px;

    padding: 10px;

    font-weight: bold;

    font-size: 16px;

    color: #fff;

    cursor:pointer;

}



#cemcalc input[type="button"].reset {

     background-color: #000;

 }



#cemcalc input[type="button"]:hover {

    opacity:0.8;

}





#cemcalc label {

    padding: 2px;

    width: 23%;

    display: inline-block;

}



#breadcrumbs{

    list-style:none;

    margin:0;

    overflow:hidden;

        padding: 0px 0 0px 20px;

}







#breadcrumbs li{

    display:inline-block;

    vertical-align:middle;

    margin-right:15px;

}

  

#breadcrumbs .separator{

    font-size:18px;

    font-weight:100;

    color:#ccc;

}







.et_pb_slide_description .et_pb_slide_title {

    background: rgba(0, 0, 0, 0.55);

}



.et_pb_fullwidth_header_container h1{

    color: #626262;

    font-size: 21px;

    padding-bottom: 0px;

}



.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {

    text-align: center;

    background: #E5E5E5;

    color: #fff;

        display: inline-block;

}



.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content:after {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 60px 0 0 20px;

    border-color: transparent transparent transparent #fff;

    position: absolute;

    right: -20px;

    top: 0;

}

.et_pb_fullwidth_header {

    padding: 0px 0;



}



.et_pb_fullwidth_header_container {

    max-width:100%!important;

    width:100%!important;

}



.et_pb_fullwidth_header_container .header-content {

    margin-right:0px!important;

    margin-left:0px!important;

}



/** HIGHLIGHT BOXES **/



.highlight_box {

    width: 25%;

    padding: 10px;

    display: inline-block;

    float: left;

        min-height: 200px;

}



.highlight_box p {

    color:#fff;

    text-align:center;

    font-size:16px;

}



.highlight_box.box_1{

background:#484848;

}

.highlight_box.box_1:before {

    font-family: FontAwesome;

    content: "\f015";

    text-align: center;

    font-size: 77px;

    display: block;

    clear: both;

    margin: 38px 0 22px 0;

    color: #fff;

}



.highlight_box.box_2{

background: #565656;

}

.highlight_box.box_2:before {

    font-family: FontAwesome;

    content: "\f154";

    text-align: center;

    font-size: 77px;

    display: block;

    clear: both;

    margin: 38px 0 22px 0;

    color: #fff;

}





.highlight_box.box_3{

background: #4E4E4E;

}

.highlight_box.box_3:before {

    font-family: FontAwesome;

    content: "\f085";

    text-align: center;

    font-size: 77px;

    display: block;

    clear: both;

    margin: 38px 0 22px 0;

    color: #fff;

}





.highlight_box.box_4{

background: #414040;

}



.highlight_box.box_4:before {

    font-family: FontAwesome;

    content: "\f017";

    text-align: center;

    font-size: 77px;

    display: block;

    clear: both;

    margin: 38px 0 22px 0;

    color: #fff;

}



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

    .highlight_box {

    width: 100%;

}

}





#homepage-slider .et_pb_container {

    position: relative;

    z-index: 2;

    width: 33%;

    max-width: 1080px;

    padding: 100px 0;

    float: left;

    background: rgba(0, 0, 0, 0.3);

    /* margin: 0 auto; */
/*min-height: 410px;*/
}



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

    #homepage-slider .et_pb_container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1080px;

    /*padding: 100px 0;*/

    float: left;

    background: rgba(0, 0, 0, 0.3);

    /* margin: 0 auto; */

}



}

.et_pb_slider .et_pb_slide {
    /*background-size:100%!important;*/
}

/** COMING SOON PAGE **/



#comingsoon-content {

background: #fff;

padding: 60px;

display: block;

height: 100%;

width: 100$;

width: 100%;

text-align: center;

}



/** HOMEPAGE **/

#home-row-full {

    padding:0px!important;

}



#home-row-full .et_pb_row {

    width:100%!important;

}



.et_parallax_bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center left;

    }



#home-row-full .et_pb_section_parallax h1, #home-row-full .et_pb_section_parallax span {

      font-size: 40px;

}



#home-row-full .top_cols {

    display:block;

}



#home-row-full .top_cols .col_left {

    float:left;

    display:inline-block;

    width:50%;

   border-right: 1px solid rgba(32, 80, 1, 0.21);

    padding:10px;

}



#home-row-full .top_cols .col_right {

    float:left;

    display:inline-block;

    width:50%;

    padding:10px;

}





#home-row-full .findoutmore {

    background: #68FF02;

    /* width: 97%; */

    display: inline-block;

    color: #3B3946;

    font-size: 21px;

    margin: 2%;

    padding: 12px;

    float: right;

    border:2px solid #3B3946;

}



#home-row-full .findoutmore:hover {

    opacity:0.8;

}



#home-row-full .top_cols ul li:before {

    font-family: FontAwesome;

    content:"\f00c";

    font-size:15px;

    color:#000;

    padding:0 10px;

}



#home-row-full .top_cols ul li {

    list-style: none!important;

}



/** CONTACT PAGE **/



.page-id-75 form p {

    font-weight: bold;

    font-size: 13px;

}



.page-id-75 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {

    width: 100%;

    background: #fff;

    padding: 10px;

    border: 1px solid #EFEFEF;

}



.page-id-75 input[type=number] {

    width: 100%;

    background: #fff;

    padding: 10px;

    border: 1px solid #EFEFEF;

}



.page-id-75 textarea {

    width: 100%;

    background: #fff;

    padding: 10px;

    border: 1px solid #EFEFEF;

}



.page-id-75 input[type="submit"]{

    border: 0px;

    background: #3B3946;

    display: block;

    padding: 10px 23px;

    color: #fff;

    font-weight: bold;

    font-size: 17px;

    cursor:pointer;

}



.page-id-75 input[type="submit"]:hover {

    opacity:0.8;

}



@media (min-width: 981px) {

.et_pb_section {

    padding:0;

}

}



h1, h2, h3, h4, h5, h6 {

    color: #3B3946;

}



p.small {

    font-size: 11px;

    line-height: 16px;

    padding-top:20px;

}



.highlight_box.box_4 p {

    padding-bottom: 0px;

}



.et_color_scheme_green #et_search_icon:hover, .et_color_scheme_green .mobile_menu_bar:before, .et_color_scheme_green .footer-widget h4, .et_color_scheme_green .et_pb_sum, .et_color_scheme_green .et_pb_pricing li a, .et_color_scheme_green .et_pb_pricing_table_button, .et_color_scheme_green .comment-reply-link, .et_color_scheme_green .form-submit input, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_green .et_pb_contact_submit, .et_color_scheme_green .et_password_protected_form .et_submit_button, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_green .et_overlay:before, .et_color_scheme_green .entry-summary p.price ins, .et_color_scheme_green.woocommerce div.product span.price, .et_color_scheme_green.woocommerce-page div.product span.price, .et_color_scheme_green.woocommerce #content div.product span.price, .et_color_scheme_green.woocommerce-page #content div.product span.price, .et_color_scheme_green.woocommerce div.product p.price, .et_color_scheme_green.woocommerce-page div.product p.price, .et_color_scheme_green.woocommerce #content div.product p.price, .et_color_scheme_green.woocommerce-page #content div.product p.price, .et_color_scheme_green #top-menu li.current-menu-ancestor > a, .et_color_scheme_green #top-menu li.current-menu-item > a, .et_color_scheme_green .bottom-nav li.current-menu-item > a {

    color: #68FF02!important;

}





#footer-bottom a {

  color: #68FF02!important;

}



#et-top-navigation  #mobile_menu li a {

        color: #3B3946;

}



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

    .et_header_style_left .logo_container {

    position: relative;

    width: 55%;

}

}



@media only screen and (min-width:480px) and (max-width:820px){

  .et_header_style_left .logo_container {  

    width: 31%;

}

}



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



}





@media only screen and (min-width:980px){

#homeslider .et_pb_slide_1 .et_parallax_bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: -14% 22%;

    background-size: 90%;

}

}

/** New Homepage 2018 **/
#fullwidth_slider .caption p,#fullwidth_slider .caption h1, #fullwidth_slider .caption h2, #fullwidth_slider .caption h3, #fullwidth_slider .caption h4, #fullwidth_slider .caption h5, #fullwidth_slider .caption span {
    color:#fff;
}

#fullwidth_slider .caption {
    position: absolute;
    top: 120px;
    width: 100%;
    height: auto;
    z-index: 1;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    color: #fff;
    font-size: 24px;
    opacity: 1;
    padding: 50px;
    background: #0000003b;
    vertical-align: middle;
    line-height:1.1;
}

@media only screen and (max-width:767px){
    #fullwidth_slider .caption {
        font-size:56px;
    }
    #fullwidth_slider .caption h1 {
        font-size:65px;
    }
    #fullwidth_slider .caption h2 {
        font-size:64px;
    }
    #fullwidth_slider .caption h3 {
        font-size:63px;
    }
}


.contactbox {
	margin:0px!important;
}

.contactbox a {
    color:#3b3946;
}

.contactbox a:hover {
    color: #ffffff;
}

.contactbox p {
    padding: 5px!important;
    background: #68ff02;
    color: #1e1e1e;
    font-weight: bold;
}

.homeservices {
	margin:0px!important;
	margin-bottom:0px!important;
}

.homeservices a {
    padding: 3px;
    color: #252525;
    font-weight: normal;
    text-align: left;
    display: block;
}

#cemcalc.home {
    width: 100%;
    display: block;
    padding-top:10px;
}

#cemcalc.home .top {
    display: block;
    width: 100%;
    float: left;
}
#cemcalc.home .bottom {
    width: 100%;
    float: left;
    display: inline-block;
}

#cemcalc.home input[type=number] {
    padding: 10px;
    border: 1px solid #bbb;
    color: #4e4e4e;
    width: 65%;
    border-radius: 3px;
    background-color: #fff;
}

#cemcalc.home select {
    border: 1px solid #bbb;
    width: 34%;
    padding: 10px;
    color: #4e4e4e;
}

#cemcalc.home input[type="button"] {
    -webkit-appearance: none!important;

    border: 0px;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    width: 50%;
    display: inline-block;
    float: left;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    top:25px;
}


.nav li ul {
    background:#3b3946;
    width:270px;
}

#top-menu li li a {
    width: 225px;
}

/** End New Homepage 2018 */

.collapseomatic_excerpt, .collapseomatic_content {
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
}