/*  
Theme Name: Plumberx child
Theme URI: http://www.templatation.com/
Version: 1.0
Description: Plumberx is powerful WordPress theme suitable for Construction and Plumbing agencies.
Author: templatation
Author URI: http://www.templatation.com
Template: plumberx

	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../plumberx/style.css");
body {
    font-family: 'Open Sans', sans-serif !important;
}


/* .header-fixed {
    display: none !important
} */

header.header-fixed .mainmenu-container ul li {
    line-height: 102px !important;
}

header.header-fixed .logo {
    margin-top: 0 !important;
}

.header-fixed {
    box-shadow: 0 3px 5px rgba(255, 0, 0, .2) !important;
}

#topbar .social ul {
    /* margin: 0; */
    padding-left: 0;
    list-style: none;
    margin-top: 10px;
}

.search .icon-Search {
    color: #222
}

.title-bg:after {
    background: url(img/title-bg.png) no-repeat center center;
    display: block;
    width: 126px;
    height: 13px;
    content: "";
    margin: 10px auto 0px;
}

.left-title-bg:after {
    background: url(img/left-title-bg.png) no-repeat center center;
    display: block;
    width: 90px;
    height: 13px;
    content: "";
    margin: 10px 0;
}

.strong-view.default .testimonial-heading {
    background: none !important;
    padding-left: 0px !important;
    text-align: center !important;
}

.home-btn a {
    background: #cf1d15 !important;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    color: #fff !important;
}

.project-title {
    font-weight: 700;
    margin-top: 65px;
}

.home-box {
    border: 1px solid #d1d1d1;
    margin: 15px;
    width: 47.5% !important;
    background: #fff;
}

.product-icon {
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -60px;
}

.title-bg {
    text-transform: uppercase;
}

.balun-images {
    height: 727px;
}

.product-wrapper {
    position: relative;
    margin-top: 50px;
}

.do-product1 {
    background: url(img/we-do-images10.png) no-repeat center center;
    display: block;
    width: 358px;
    height: 467px;
    position: absolute;
    top: 0%;
    left: 0%;
    transition: background 0.20s;
}

.product-container1:hover .do-product1 {
    background: url(img/we-do-images101.png) no-repeat center center;
    transition: background 0.20s;
}

.do-product2 {
    background: url(img/we-do-images20.png) no-repeat center center;
    display: block;
    width: 266px;
    height: 401px;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: background 0.20s;
}

.product-container2:hover .do-product2 {
    background: url(img/we-do-images202.png) no-repeat center center;
    transition: background 0.20s;
}

.do-product3 {
    background: url(img/we-do-images30.png) no-repeat center center;
    display: block;
    width: 317px;
    height: 174px;
    position: absolute;
    top: 0px;
    left: 0%;
    transition: background 0.20s;
}

.product-container3:hover .do-product3 {
    background: url(img/we-do-images303.png) no-repeat center center;
    transition: background 0.20s;
}

.do-product4 {
    background: url(img/we-do-images40.png) no-repeat center center;
    display: block;
    width: 318px;
    height: 173px;
    position: absolute;
    top: 0px;
    left: 0%;
    transition: background 0.20s;
}

.product-container4:hover .do-product4 {
    background: url(img/we-do-images404.png) no-repeat center center;
    transition: background 0.20s;
}

.do-product5 {
    background: url(img/we-do-images-hand.png) no-repeat center center;
    display: block;
    width: 139px;
    height: 323px;
    position: absolute;
    top: 439px;
    left: 52%;
    z-index: 9999
}

.do-product1 h3 {
    color: #fff;
    max-width: 200px;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 40px;
    font-size: 20px;
}

.do-product2 h3 {
    color: #fff;
    max-width: 250px;
    position: absolute;
    text-align: center;
    top: 84px;
    left: 10px;
    font-size: 20px;
}

.do-product3 h3 {
    color: #fff;
    max-width: 250px;
    position: absolute;
    text-align: center;
    top: 58px;
    left: 45px;
    font-size: 20px;
}

.do-product4 h3 {
    color: #fff;
    max-width: 250px;
    position: absolute;
    text-align: center;
    top: 63px;
    left: 162px;
    font-size: 20px;
}

.title-line {
    padding-bottom: 7px;
    font-weight: 600;
}

.tnp-subscription input.tnp-submit {
    background-color: #cf1d15 !important;
    color: #fff !important;
    width: auto;
    font-size: 20px !important;
    height: auto;
    padding: 7px 20px !important;
}

.ex-footer .social ul {
    list-style: none;
    padding-left: 0;
}

.ex-footer .social ul li {
    float: left;
    margin-right: 10px;
}

.ex-footer .social ul li a {
    padding: 7px 10px;
    border: 1px solid #222;
    color: #222;
}

.ex-footer .widgettitle {
    display: none
}

.post-date {
    display: block
}

.widget_recent_entries li {
    border-bottom: 1px solid #222
}

.widget_recent_entries li a {
    color: #222
}

footer {
    display: none !important
}

.photo-gallery .home-btn {
    width: 100%;
    text-align: center !important;
}

.copyright.pull-left {
    float: none !important;
    text-align: center !important
}

.more-link.home-btn {
    text-align: center !important;
    width: 100% !important;
    /* display: inline-block!important; */
    background: #cf1d15 !important;
    padding: 10px 20px !important;
    color: #fff !important;
    max-width: 124px !important;
    /* text-align: center; */
    margin: 0 auto !important;
}

.less-link.home-btn {
    text-align: center !important;
    width: 100% !important;
    /* display: inline-block !important; */
    background: #cf1d15 !important;
    padding: 10px 20px !important;
    color: #fff !important;
    max-width: 124px !important;
    /* text-align: center; */
    margin: 0 auto !important;
}

.next-content .col-md-4 img {
    width: 100%;
    margin: 15px 0;
}

.next-content .col-md-6 img {
    width: 100%;
    margin: 15px 0;
}

.next-content .col-md-12 img {
    margin: 15px 0;
}

ul.slick-dots {
    display: none;
}

.wp_teamshowcase_slider.design-1 .member-content .member-desc::before {
    display: none;
}

.wp_teamshowcase_slider.design-1 .member-content {
    text-align: left;
}

.wp_teamshowcase_slider.design-1 .member-content .member-desc {
    text-align: center;
}

.wp_teamshowcase_slider.design-1 .contact-content {
    text-align: left;
    margin-top: 5px;
}

.wp_teamshowcase_slider.design-1 .teamshowcase-image-bg {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 0 auto;
}

.contact-content a {
    border: 1px solid #cf1d15;
    background: none;
    border-radius: 50%;
    padding: 5px 11px;
}

.contact-content a .fa {
    color: #cf1d15;
}

.team-slider .contact-content a:hover {
    background: #cf1d15;
}

.team-slider .contact-content a:hover .fa {
    color: #fff;
}

.wp_teamshowcase_slider.design-1 .member-content .member-job {
    font-style: italic;
}

.team.home-btn {
    text-align: center !important;
    width: 100% !important;
    /* display: inline-block!important; */
    background: #cf1d15 !important;
    padding: 10px 20px !important;
    color: #fff !important;
    max-width: 124px !important;
    /* text-align: center; */
    margin: 0 auto !important;
}

.do-product h3 a {
    color: #fff;
    display: block;
}

.get-touch p {
    color: #666;
}

.wp_teamshowcase_slider.design-1 .member-content p {
    text-align: left;
    margin: 0px;
}

.photo-gallery-display {
    display: none !important;
}

.home-map .wpb_content_element {
    margin-bottom: 0px !important;
}

.home-map .vc_column-inner {
    padding-top: 0px !important;
}

.height-images {
    height: 400px;
}

.para-row {
    background: url(img/slider4-new.jpg) no-repeat center center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 501px;
}

.para-images1 {
    background: url(img/read-more-img1-1.jpg) no-repeat center center;
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 560px;
}

.para-images2 {
    background: url(img/read-more-img2.jpg) no-repeat center center;
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 688px;
}

.ex-footer {
    background: url(img/contact-bg.png) no-repeat center center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* bubbles code */


/* do-product1 */

.product-container1 {
    position: absolute;
    height: 470px;
    width: 359px;
    top: 50%;
    left: 26%;
    transform: rotate(2deg);
    animation-name: rotate-container;
    animation-delay: 2s;
    /* animation-duration: 2s; */
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: right bottom;
    animation-timing-function: ease-in-out;
    z-index: 5
}

.do-product1 {
    height: 100%;
    width: 100%;
    transform: rotate(-2deg);
    animation-name: rotate;
    animation-delay: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: right bottom;
    animation-timing-function: ease-in-out;
}

@keyframes rotate {
    0% {
        transform: rotate(-2deg);
    }
    100% {
        transform: rotate(2deg);
    }
}

@keyframes rotate-container {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}


/* do-product1 end */


/* do-product2 */

.product-container2 {
    position: absolute;
    height: 403px;
    width: 268px;
    left: 57%;
    top: 52px;
    transform: rotate(2deg);
    animation-name: rotate-container;
    animation-delay: 1s;
    /* animation-duration: 2s; */
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: left bottom;
    animation-timing-function: ease-in-out;
    z-index: 2
}

.do-product2 {
    height: 100%;
    width: 100%;
    transform: rotate(-2deg);
    animation-name: rotate;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: left bottom;
    animation-timing-function: ease-in-out;
}

@keyframes rotate {
    0% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(1deg);
    }
}

@keyframes rotate-container {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}


/* do-product2 end */


/* do-product3 */

.product-container3 {
    position: absolute;
    height: 175px;
    width: 319px;
    top: 370px;
    left: 28%;
    transform: rotate(2deg);
    animation-name: rotate-container;
    animation-delay: 1s;
    /* animation-duration: 2s; */
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: right bottom;
    animation-timing-function: ease-in-out;
    z-index: 30
}

.do-product3 {
    height: 100%;
    width: 100%;
    transform: rotate(-2deg);
    animation-name: rotate;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: right bottom;
    animation-timing-function: ease-in-out;
}

@keyframes rotate {
    0% {
        transform: rotate(1deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}

@keyframes rotate-container {
    0% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(2deg);
    }
}


/* do-product3 end */


/* do-product4 */

.product-container4 {
    position: absolute;
    height: 175px;
    width: 319px;
    top: 365px;
    left: 57%;
    transform: rotate(2.5deg);
    animation-name: rotate-container;
    animation-delay: 2s;
    /* animation-duration: 2s; */
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: left bottom;
    animation-timing-function: ease-in-out;
    z-index: 4;
}

.do-product4 {
    height: 100%;
    width: 100%;
    transform: rotate(-2.5deg);
    animation-name: rotate;
    animation-delay: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: left bottom;
    animation-timing-function: ease-in-out;
}

@keyframes rotate {
    0% {
        transform: rotate(-2.5deg);
    }
    100% {
        transform: rotate(2.5deg);
    }
}

@keyframes rotate-container {
    0% {
        transform: rotate(2.5deg);
    }
    100% {
        transform: rotate(-2.5deg);
    }
}


/* do-product4 end */


/* bubbles code end */

.vc_gitem-zone-img {
    display: none !important;
}

.vc_gitem-zone {
    height: 200px;
}

.home-contact #contact-content {
    padding: 0;
}

.hr-thin {
    border: 0.5px solid #333;
}

.home-contact #contact-content .contact-form textarea {
    height: 57px;
    padding-top: 15px;
}

.display-none {
    position: absolute;
    top: 0px;
}

.get-touch a {
    color: #666;
}

.get-touch a:hover {
    color: #666;
}


/* .home-why {
    position: absolute;
    top: 0px;
    z-index: 999
}

.home-how {
    position: absolute;
    top: 0px;
    z-index: 9999
} */

.leveling-para-img {
    background: url(img/flooring-section-images2.jpg) no-repeat center center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
}

.leveling-para-row {
    background: url(img/slider4-new123.jpg) no-repeat center center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
}


/*.heading2 a::after {
    content: "Installation";
    display: block;
    width: 100%;
}

.heading2:hover a::after {
    content: "Flooring Installation";
    display: block;
    width: 60%;
}

.heading3 a::after {
    content: "Product Sales and Consultation";
    display: block;
    width: 100%;
}

.heading3:hover a::after {
    content: "Hardwood and Laminate Flooring Store";
    display: block;
    width: 100%;
}*/


/*.do-product1 h3.heading2 {
    display: none;
}

.do-product1 h3.heading1 {
    display: block;
}

.product-container1:hover .do-product1 h3.heading1 {
    display: none;
}

.product-container1:hover .do-product1 h3.heading2 {
    display: block;
}*/

.heading2 a {
    width: 60%;
}

.wedo-mobile {
    display: none;
}

@media only screen and (max-width: 1199px) {
    header .logo {
        width: 100% !important;
        text-align: center !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
    }
    header .mainmenu-container ul li {
        line-height: 60px !important;
    }
    .mainmenu-container {
        margin-top: 15px !important;
    }
    .home-box {
        width: 46.5% !important;
    }
    .do-product1 {
        left: 21% !important;
    }
    .header-fixed {
        display: none;
    }
    .contact-info {
        display: none;
    }
    .product-container1 {
        left: 47px;
    }
    .product-container2 {
        left: 478px;
    }
    .product-container3 {
        left: 139px;
    }
    .product-container4 {
        left: 473px;
    }
    .do-product5 {
        left: 44%;
    }
    #topbar .social ul {
        margin: 5px;
    }
}

@media only screen and (max-width: 991px) {
    button.mainmenu-toggler {
        display: block !important;
    }
    .mainmenu-container ul li {
        line-height: 2 !important;
    }
    header .mainmenu-container ul.mainmenu {
        float: none !important;
        /* display: none; */
        text-align: center;
        clear: both;
        width: 75%;
        margin: auto;
        background: #12AEF8;
        border-radius: 5px;
    }
    header .mainmenu-container ul li {
        display: block !important;
    }
    header .mainmenu-container ul.mainmenu li a {
        text-align: left;
        display: block;
        color: #FFF;
        line-height: 35px;
        font-size: 14px;
        font-weight: 600;
        padding: 0 20px;
        text-transform: capitalize;
        transition: all 0.3s ease 0s;
        border-bottom: 1px solid #E4E4E4;
        background: #cf1d15 !important;
    }
    .home-btn-center a {
        text-align: center !important;
        width: 100% !important;
    }
    .home-box {
        width: 45.5% !important;
    }
    #contact-content .contact-form input,
    #contact-content .contact-form textarea {
        width: auto !important;
    }
    #contact-content .contact-form input[type="submit"] {
        margin: 0;
    }
    .do-product5 {
        left: 39%;
    }
    .product-container1 {
        left: -94px;
    }
    .product-container3 {
        left: 5px;
    }
    .product-container2 {
        left: 341px;
    }
    .product-container4 {
        left: 357px;
    }
    .para-images1 {
        height: 362px;
    }
    .para-images2 {
        height: 442px;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #topbar .contact-info ul li {
        float: none !important;
    }
    .mainmenu-container ul li {
        line-height: 35px !important;
    }
    header .mainmenu-container ul.top-icons-wrap {
        margin-bottom: 0 !important;
    }
    .home-about .vc_column-inner {
        padding-top: 0 !important;
    }
    .home-about .vc_empty_space {
        display: none !important;
    }
    .home-box {
        width: 96% !important;
    }
    .home-box:last-child {
        margin-top: 70px !important;
    }
    .tnp-subscription {
        max-width: 100% !important;
    }
    #contact-content .contact-form input,
    #contact-content .contact-form textarea {
        width: 100% !important;
    }
    #why {
        margin-top: 0px !important;
    }
    #how {
        margin-top: 0px !important;
    }
    .product-container4 {
        left: 374px;
    }
    .product-container3 {
        left: 29px;
    }
    .do-product5 {
        left: 43%;
    }
    .product-container2 {
        left: 372px;
    }
    .product-container1 {
        left: -65px;
    }
    .wedo-mobile {
        display: block;
    }
    .wedo {
        display: none !important;
    }
    .wedo-product {
        text-align: center;
        width: 200px;
        margin: 0 auto;
        height: 200px;
        border-radius: 50%;
        background: #ff0000;
        /* margin-top: 50%; */
    }
    .wedo-product h3 a {
        color: #fff;
        font-size: 18px;
    }
    .wedo-product1 h3 {
        padding-top: 80px;
    }
    .wedo-product1:hover {
        background: #eded0e;
    }
    .wedo-product2 h3 {
        padding-top: 61px;
    }
    .wedo-product2:hover {
        background: #32cd32;
    }
    .wedo-product3 h3 {
        padding-top: 89px;
    }
    .wedo-product3:hover {
        background: #ff6801;
    }
    .wedo-product4 h3 {
        padding-top: 87px;
    }
    .wedo-product4:hover {
        background: #2c12d4;
    }
    .balun-images {
        height: auto !important;
    }
    .title-bg {
        font-size: 30px !important;
    }
    .left-title-bg {
        font-size: 30px !important;
    }
    .title-line {
        font-size: 30px !important;
    }
    .para-images1 {
        height: 289px;
    }
    .para-images2 {
        height: 345px;
    }
    .tp-caption {
        display: none !important;
    }
	.leveling-para-img {
    background: url(img/flooring-section-images2.jpg) no-repeat center center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 100px !important;
    background-size: contain !important;
}
.home .home-btn {
    font-size: 8px;
}
}
a#mvideo1,a#mvideo2 {
    background: #cf1d15 !important;
    padding: 10px 20px !important;
    color: #fff;
}
a#mvideo1:hover,a#mvideo2:hover{cursor: pointer;}