/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/



/* === genereal ===  */

html{-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;-webkit-font-smoothing: antialiased}

#main .white-color * {
    color: #fff;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p {
    margin-bottom: 20px;
}
    
#main ol, #main ul {
    margin: 0 0 20px 20px;
}

#phantom a, #page a {
    text-decoration: none;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0;
}

body .ring-loader .load-wrap {
    background: url(/wp-content/uploads/2019/01/clairville-homes-preloader.gif) no-repeat center;
    background-size: 90px;
}


/* header */

.ph-wrap {
    position: relative;
}

.mini-widgets {
    position: absolute;
    top: 20px;
    right: 0;
}

.mini-widgets a, .mobile-mini-widgets a {
    color: #fff;
}

.masthead:not(.side-header) .header-bar .main-nav>li>a, .masthead:not(.side-header).full-height .header-bar .main-nav>li>a, .masthead:not(.side-header).full-height .main-nav>li>a {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.from-centre-line > li > a .menu-item-text:before {
    bottom: -100%;
}


/* mobile menu */


.dt-mobile-header {
    padding:  0;
}


#mobile-menu {
    padding: 30px 30px 106px 30px;
}

.mobile-main-nav > li > a {
    padding: 13px 30px 13px 0;
}

.mobile-mini-widgets-in-menu {
    padding: 0px;
}

.mobile-mini-widgets-in-menu a {
    width:  100%;
    float:  left;
    color: #fff;
    text-decoration: none!important;
}

.mobile-mini-widgets-in-menu p span {
    display: none;
}

#page .mobile-mini-widgets-in-menu a {
    background: #b71234;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    padding: 10px;
}

#page .mobile-mini-widgets-in-menu a img {
    display: block!important;
    margin-right: 15px;
}

.dt-mobile-header .mobile-mini-widgets-in-menu>* {
    margin: 0;
}

.mobile-mini-widgets-in-menu .text-area {
    width: 100%;
    text-align:  center;
}

.dt-mobile-menu-icon {
    padding-left: 20px;
}

.floating-btn {
    padding: 0;
}


/* footer */

#page .footer .widget {
    margin-bottom: 0;
}

#page .footer .widget-title {
    display: none;
}

#footer .wf-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#footer .wf-container #text-2 ul, #footer .wf-container #text-3 ul {
    width: 100%;
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

#footer .wf-container #text-2 ul li, #footer .wf-container #text-3 ul li, #footer .wf-container #text-2 ul li a, #footer .wf-container #text-3 ul li a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#footer .wf-container #text-2 ul li, #footer .wf-container #text-3 ul li {
    padding-right: 15px;
}

#footer .wf-container #text-2 ul li:last-child, #footer .wf-container #text-3 ul li:last-child {
    padding-right: 0;
}

#footer .wf-container #text-3 ul {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

#bottom-bar {
    font-family: "Nanum Gothic", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 400;
}

#bottom-bar .wf-float-left span:before {
    content: "|";
    padding: 10px;
}


/* form */

#main .gform_wrapper div.validation_error {
    border-top: 2px solid #c51230;
    border-bottom: 2px solid #c51230;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

#main .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #main .gform_wrapper li.gfield_error textarea {
    border: 1px solid #c51230;
}


/* contact form section */

#main .contact-form-section-wrapper {
    overflow: initial;
    margin-bottom: 75px;
}

#main .contact-form-section-wrapper .gform_wrapper {
    margin: 0;
}

.contact-form-section-wrapper .widget-title {
    display: none;
}

#main .contact-form-section-wrapper form#gform_1 input, #main .contact-form-section-wrapper form#gform_1 textarea {
    background: rgba(0, 0, 0, 0.19);
    border-bottom: 1px solid #fff;
    color: #fff;
}

#main .contact-form-section-wrapper .upb_row_bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 100%;
    background: #ffffff;
    pointer-events: none;
    z-index: 9;
}

#main .contact-form-section-wrapper .upb_row_bg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 25px;
    height: 100%;
    background: #ffffff;
    pointer-events: none;
}

#main .contact-form-section-wrapper .ult-content-box-container .ult-content-box {
    position: relative;
    z-index: 9;
}

#main .contact-form-section-wrapper .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}

#main .contact-form-section-wrapper .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: calc(100% - 0px)!important;
}

#main .contact-form-section-wrapper label {
    font-family: "Muli", Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #fff;
}

#main .contact-form-section-wrapper label .gfield_required {
    display: none;
}

#main .contact-form-section-wrapper textarea {
    height: 200px;
}

#main .contact-form-section-wrapper .gform_title {
    color: #fff;
    font-size: 32px;
    margin: 0;
    font-family: "Crimson Text", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
}

#main .contact-form-section-wrapper form#gform_1 .gform_footer input {
    background: #fff;
    color: #000;
    margin: 0;
    width: 191px;
    border: none!important;
    font-weight: bold;
}

#main .contact-form-section-wrapper form#gform_1 .gform_footer input:hover {
    background: #C51230;
    color: #fff;
}

#main .contact-form-section-wrapper .gform_wrapper .validation_message, #main .contact-form-section-wrapper .gform_wrapper div.validation_error {
    color: #fff;
}

#main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner {
    background: rgba(197, 18, 48, 0.95);
    position: absolute;
    left: 0;
    top: -100px;
    padding: 100px;
    width: 90%;
}

#main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul {
    width: 100%;
    float: left;
    margin: 80px 0 0;
}

#main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul li {
    width: 100%;
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    font-size: 22px;
    line-height: 32px;
    padding-bottom: 20px;
    font-family: "Muli", Helvetica, Arial, Verdana, sans-serif;
}

#main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul li:last-child {
    padding-bottom: 0;
}

#main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul li p {
    margin: 0;
    font-weight: bold;
}

#main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul li .image {
    width: 30px;
    text-align: center;
    margin-right: 15px;
}

#main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul li .image img {
    position: relative;
    top: 3px;
}

#main .contact-form-section-wrapper .contact-form-wrapper {
    max-width: 650px;
    margin: auto;
    padding-left: 50px;
    padding-right: 30px;
}

#main .contact-form-section-wrapper .contact-form-wrapper .wpb_wrapper {
    padding-right: 10px;
}


/* button */

.black-border-btn {
    border: 1px solid rgba(0, 0, 0, 0.69);
}

#main .dt-btn.black-border-btn:hover {
    border: 1px solid #C51230;
    background: #C51230!important;
}


#main .dt-btn.black-border-btn span {
    position: relative;
    bottom: 2px;
}


/* page title */

.custom-page-title-wrapper.vc_row:before {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    background: rgba(38,36,42,1);
    background: -moz-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,36,42,1)), color-stop(29%, rgba(38,36,42,1)), color-stop(86%, rgba(38,36,42,1)), color-stop(86%, rgba(236,237,238,1)), color-stop(89%, rgba(236,237,238,1)), color-stop(100%, rgba(236,237,238,1)));
    background: -webkit-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
    background: -o-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
    background: linear-gradient(to bottom, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26242a', endColorstr='#ecedee', GradientType=0 );
    position: absolute;
    left: 0;
    top: 0;
}

.custom-page-title-wrapper.vc_row:after {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    background: rgba(38,36,42,1);
    background: -moz-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgb(255, 255, 255) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,36,42,1)), color-stop(29%, rgba(38,36,42,1)), color-stop(86%, rgba(38,36,42,1)), color-stop(86%, rgba(236,237,238,1)), color-stop(89%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgb(255, 255, 255) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgb(255, 255, 255) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgb(255, 255, 255) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgb(255, 255, 255) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26242a', endColorstr='#ffffff', GradientType=0 );
    position: absolute;
    right: 0;
    top: 0;
}

.custom-page-title-wrapper * {
    color: #fff;
}

.custom-page-title-wrapper h1 {
    font: normal 300 51px / 61px "Muli", Helvetica, Arial, Verdana, sans-serif;
}

.custom-page-title-wrapper h1 strong {
    font-weight: 900;
}


/* custom two columns */

.custom-two-col-wrapper:before {
    content:"";
    display: block;
    background: #ECEDEE;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -50%;
    top: 0;
}

.custom-two-col-wrapper .vc_row .wpb_column:first-child {
    padding-right: 50px;
}

.custom-two-col-wrapper .vc_row .wpb_column:last-child {
    padding-left: 50px;
}


/* custom list */

#main .custom-list ul {
    margin-left: 0;
    width: 100%;
    float: left;
}

.custom-list ul li {
    list-style: none;
    position: relative;
    padding-left: 25px;
}

.custom-list ul li:before {
    content: "■";
    color: #B71234;
    margin-right: 15px;
    position: absolute;
    top: -1px;
    left: 0;
}

.custom-list-inline li {
    width: auto;
    float: left;
    margin-right: 50px;
}


/* home */

body #main-slideshow {
    margin: 0 30px;
}

body #main-slideshow  .slotholder:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.18);
    position: absolute;
    top: 0;
    left: 0;
}

body #main-slideshow .custom.tparrows {
    background: none;
    width: auto;
    height: auto;
    position: r;
}

body #main-slideshow .tp-leftarrow:before {
    content: '';
    background: url(/wp-content/uploads/2019/01/arrow-left-white-ico.png) left center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 38px;
    height: 54px;
    position: relative;
    left: 30px;
}

body #main-slideshow .tp-rightarrow:before {
    content: '';
    background: url(/wp-content/uploads/2019/01/arrow-right-white-ico.png) right center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 38px;
    height: 54px;
    position: relative;
    right: 30px;
}

#main .home-gallery-bg:before {
  content: url(/wp-content/uploads/2019/01/home-be-inspired-bricks-transparent.svg);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 585px;
}

#main .home-gallery-wrapper {
    overflow: inherit;
}

.home-gallery-wrapper .wpb_column {
    margin-top: -300px;
}

.home-gallery-wrapper .dt-gallery-container .iso-item a:hover {
    content: attr(title);
}

.home-gallery-wrapper .dt-gallery-container .iso-item a:hover:before {
    content: attr(data-dt-img-description)  "\a ...";
    display: block;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    white-space: pre;
    color: #fff;
}

.home-gallery-wrapper .dt-gallery-container .iso-item span.gallery-zoom-ico {
    display: none;
}

.home-gallery-wrapper .dt-gallery-container .gallery-rollover {
    background: rgba(183,18,52,0.95)!important;
}

body .pswp__caption {
    display: none!important;
}


/* about */

#main .about-clairville-homes-team-wrapper h3 {
    margin-bottom: 10px;
}

#main .about-clairville-homes-team-wrapper ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

#main .about-clairville-homes-team-wrapper ul li {
    display: inline-block;
    color: #B71234;
}

#main .about-clairville-homes-team-wrapper ul li:after {
    content: "|";
    padding: 5px;
}

#main .about-clairville-homes-team-wrapper ul li:last-child:after {
    display: none;
}


/* our homes */

#main .property-features-wrapper ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 30px;
    max-width:420px;;
}

#main .property-features-wrapper ul li {
    display: inline-block;
    vertical-align:baseline;
    font: normal 600 14px / 16px "Muli", Helvetica, Arial, Verdana, sans-serif;
    color:#4D5457;
    width:32%;
}

#main .property-features-wrapper ul li:last-child{padding-right:0;}

#main .property-features-wrapper ul li img {
	float:left;
    margin-right: 4px;
}

#main .property-features-wrapper h2{margin-bottom:35px;}

/* home page houses */
.home-houses .wpb_single_image{position: relative;}
.home-houses .wpb_single_image .rollover i{background-color: rgba(183,18,52,0.95);background: rgba(183,18,52,0.95);visibility: visible;}
.home-houses .wpb_single_image .rollover:hover i, .home-houses .wpb_single_image .rollover:focus i{display:block;opacity: 1;visibility: visible;}
.home-houses .wpb_single_image h2{position: absolute;z-index: 99;pointer-events: none;left: 0;right: 0;margin-left: auto;margin-right: auto;font-size: 30px;line-height: 36px;color: #fff;margin-bottom: 0!important;display: none;top:45%;}
.home-houses .wpb_single_image:hover h2{display: block;}
.home-houses .wpb_single_image h2:after{content:url(/wp-content/uploads/2019/01/home-gallery-squares.svg);display:block;}
.home-houses .wpb_single_image{overflow:hidden;}
.home-houses .wpb_single_image img{-webkit-transition: -webkit-transform .25s ease-out,opacity .25s;transition: transform .25s ease-out,opacity .25s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.home-houses .wpb_single_image:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

/* contact us */

.contact-details-wrapper ul {
    width: 100%;
    float: left;
    margin: 0!important;
    padding: 0;
}

.contact-details-wrapper ul li {
    width: 100%;
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    padding-bottom: 15px;
}

.contact-details-wrapper ul li:last-child {
    padding-bottom: 0px;
}

.contact-details-wrapper ul li div {
    width: 23px;
    text-align: center;
    margin-right: 20px;
}

.contact-details-wrapper ul li h6 {
    font-size: 20px;
    line-height: 30px;
}

.contact-social-wrapper ul {
    width: 100%;
    float: left;
    margin: 0!important;
    padding: 0;
}

.contact-social-wrapper ul li {
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    padding-right: 15px;
}

.contact-social-wrapper ul li:last-child {
    padding-right: 0;
}

#main .gform_wrapper {
    margin: 0;
}

#main form#gform_1 input, #main form#gform_1 textarea {
    font-family: "Nanum Gothic", Helvetica, Arial, Verdana, sans-serif!important;
    border: none;
    border-bottom: 1px solid #242729;
    font-weight: 400;
    font-size: 16px;
    color: #3E4345;
}

form#gform_1 textarea {
    height: 108px;
}

form#gform_1 * {
    font-family: "Muli", Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
}

body form#gform_1 ul li.gfield {
    margin-top: 0;
    padding-top: 0;
}

form#gform_1 input#gform_submit_button_1 {
    border: 1px solid #000000;
    color: #000;
    margin: 0;
    width: 191px;
}

form#gform_1 input#gform_submit_button_1:hover {
    background: #C51230;
    border-color: #C51230;
    color: #fff;
}

.wpb_gmaps_widget .wpb_wrapper {
    padding: 0!important;
}

#main form#gform_1 .gform_footer input {
    font-weight: bold;
}


/* design process */

.step-process-wrapper {
    counter-reset: section; 
}

.step-process-wrapper .ult-content-box-container .ult-content-box .wpb_text_column:first-child h3 {
    padding-left: 60px;
    position: relative;
}

.step-process-wrapper .ult-content-box-container .ult-content-box .wpb_text_column:first-child h3:before {
    font-family: "Muli", Helvetica, Arial, Verdana, sans-serif;
    font-size: 29px;
    counter-increment: section;
    content: counter(section);
    border: 2px solid #B71234;
    color: #B71234;
    width: 28px;
    float: left;
    height: 28px;
    padding: 3px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
}

.step-process-wrapper .ult-content-box-container .ult-content-box .wpb_text_column:first-child {
    padding: 0;
}

.step-process-wrapper .ult-content-box-container .ult-content-box .wpb_text_column {
    padding-left: 60px;
}

.step-process-wrapper .vc_row .wpb_column:first-child {
    padding-right: 30px;
}

.step-process-wrapper .vc_row .wpb_column:last-child {
    padding-left: 30px;
}

.step-process-wrapper .vc_row .wpb_column:only-child, .step-process-wrapper .vc_row .wpb_column:only-of-type  {
    padding: 0;
}



/** ========== MEDIA QUERIES ========== **/


@media all and (min-width: 767px) {
    
    
    /* alternate cols */

    .full-width-alternate-cols-wrapper .home-full-width-two-cols-wrapper .content-inner {
        padding: 0 50px;
        max-width: 650px;
    }
    
    .full-width-alternate-cols-wrapper.full-width-image-left-wrapper .home-full-width-two-cols-wrapper:nth-child(even) .content-inner {
        margin-left: auto;
        margin-right: 0;
    }
    
    
    .full-width-alternate-cols-wrapper.full-width-image-left-wrapper .home-full-width-two-cols-wrapper:nth-child(odd) .content-inner, .full-width-alternate-cols-wrapper.full-width-image-left-wrapper  .home-full-width-two-cols-wrapper:only-child .content-inner, .full-width-alternate-cols-wrapper.full-width-image-left-wrapper .home-full-width-two-cols-wrapper:only-of-type .content-inner {
        margin-right: auto;
        margin-left: 0;
    }
    
    
    .full-width-alternate-cols-wrapper.full-width-image-right-wrapper .home-full-width-two-cols-wrapper:nth-child(even) .content-inner {
        margin-right: auto;
        margin-left: 0;
    }
    
    
    .full-width-alternate-cols-wrapper.full-width-image-right-wrapper .home-full-width-two-cols-wrapper:nth-child(odd) .content-inner, .full-width-alternate-cols-wrapper.full-width-image-right-wrapper  .home-full-width-two-cols-wrapper:only-child .content-inner, .full-width-alternate-cols-wrapper.full-width-image-right-wrapper .home-full-width-two-cols-wrapper:only-of-type .content-inner {
        margin-left: auto;
        margin-right: 0;
    }
}


@media all and (max-width: 1400px) {
    
    /* contact form section */
    
    #main .contact-form-section-wrapper .contact-form-wrapper {
        padding-left: 0;
    }
    
}


@media all and (max-width: 1300px) {
    
    /* contact form section */
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner {
        padding: 60px;
    }
    
}


@media all and (max-width: 1200px) {
    
    /* contact form section */
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner {
        top: -75px;
    }
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner h2 {
        font-size: 30px;
        line-height: 36px;
    }
}


@media all and (max-width: 1199px) {
    
    #main h2 {
        font-size: 34px;
        line-height: 36px;
    }
    
    
    /* contact form section */
    
    #main .contact-form-section-wrapper {
        margin-bottom: 50px;
    }    
    
    
    /* page title */
    
    #main .custom-page-title-wrapper h1 {
        font-size: 35px;
        line-height: 45px;
    }
    
    
    /* our homes */

    #main .property-features-wrapper ul {
        margin: 10px 0 20px;
    }


}


@media all and (max-width: 1170px) {
    
    /* contact form section */
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner {
        padding: 60px;
    }
    
}


@media all and (max-width: 1100px) {
    
    /* contact form section */
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner {
        padding: 45px;
    }
    
}


@media all and (max-width: 991px) {
    
    /* custom two columns */
    
    .custom-two-col-wrapper br {
        display: none;
    }

    .custom-two-col-wrapper .vc_row .wpb_column:first-child {
        padding-right: 20px;
    }
    
    .custom-two-col-wrapper .vc_row .wpb_column:last-child {
        padding-left: 20px;
    }
    
    
    /* header */
    
    .main-nav > li > a {
        margin: 14px 10px 14px 10px;
    }
}


@media all and (max-width: 768px) {
    
    /* page title */

    .custom-page-title-wrapper.vc_row:before, .custom-page-title-wrapper.vc_row:after { 
        width: 15px;
    }
    
    
    /* home */
    
    body #main-slideshow {
        margin: 0 15px;
    }
    
}


@media all and (max-width: 767px) {
    
    
    /* contact form section */
    
    #main .contact-form-section-wrapper .upb_row_bg:before, #main .contact-form-section-wrapper .upb_row_bg:after {
        width: 10px;
    }
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner {
        position: relative;
        width: 95%;
        top: 0;
        margin-top: -75px;
    }
    
    #main .contact-form-section-wrapper .contact-form-wrapper {
        padding-right: 0;
    }
    
    #main .contact-form-section-wrapper .contact-form-wrapper .wpb_wrapper {
        padding: 0 15px;
    }
    
    #main .contact-form-section-wrapper .gform_wrapper .gform_footer {
        text-align: center;
    }
    
    #main .contact-form-section-wrapper .widget {
        padding-bottom: 0;
    }
    
    
    /* alternate cols */
    
    .full-width-alternate-cols-wrapper .home-full-width-two-cols-wrapper .vc_row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
     
    .full-width-alternate-cols-wrapper .home-full-width-two-cols-wrapper .wpb_column {
        padding: 0 15px;
    }

    .full-width-alternate-cols-wrapper .home-full-width-two-cols-wrapper .content-inner {
        margin-top: 50px;
        padding: 0 60px;
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    
    
    /* custom two columns */
    
    .custom-two-col-wrapper:before {
        background: none;
    }
    
    .custom-two-col-wrapper .vc_row .wpb_column:first-child {
        padding-right: 0px;
    }
    
    .custom-two-col-wrapper .vc_row .wpb_column:last-child {
        padding-left: 0px;
    }
    
    .custom-two-col-wrapper .vc_row .wpb_column:first-child:before {
        content: "";
        background: #ecedee;
        position: absolute;
        left: -100%;
        top: 0;
        width: 10000em;
        height: 100%;
        z-index: 1;
    }
    
    .custom-two-col-wrapper .vc_row .wpb_column:first-child .vc_column-inner {
        position: relative;
        z-index: 9;
    }
    
    
    /* page title */
    
    .custom-page-title-wrapper.vc_row:after {
        background: rgba(38,36,42,1);
        background: -moz-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,36,42,1)), color-stop(29%, rgba(38,36,42,1)), color-stop(86%, rgba(38,36,42,1)), color-stop(86%, rgba(236,237,238,1)), color-stop(89%, rgba(236,237,238,1)), color-stop(100%, rgba(236,237,238,1)));
        background: -webkit-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
        background: -o-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
        background: -ms-linear-gradient(top, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
        background: linear-gradient(to bottom, rgba(38,36,42,1) 0%, rgba(38,36,42,1) 29%, rgba(38,36,42,1) 86%, rgba(236,237,238,1) 86%, rgba(236,237,238,1) 89%, rgba(236,237,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26242a', endColorstr='#ecedee', GradientType=0 );
    }
    
    
    /* design process */
    
    .step-process-wrapper .vc_row .wpb_column:first-child, .step-process-wrapper .vc_row .wpb_column:last-child {
        padding: 0px;
    }

}

@media all and (max-width: 678px) {
    
    /* header */
    
    #footer .wf-container {
        display: block;
    }
    
    #page .footer .widget {
        margin-bottom: 50px;
    }
    
    #page .footer .widget:last-child {
        margin-bottom: 0px;
    }
    
    #footer .wf-container #text-2 ul, #footer .wf-container #text-3 ul {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
    }
    
    
    /* home */
    
    #main .home-gallery-bg:before {
        top: 60px;
        right: -170px;
        width: 400px;
    }
    
    #main .home-houses .wpb_single_image h2{font-size:20px;line-height:26px;}
}


@media all and (max-width: 479px) {
    
    #main h2 {
        font-size: 26px;
        line-height: 26px;
    }
    
    #main h3 {
        font-size: 24px!important;
        line-height: 30px!important;
    }
    
    /* page title */
    
    #main .custom-page-title-wrapper h1 {
        font-size: 25px;
        line-height: 30px;
    }
    
    
    /* contact form section */
    
    .full-width-alternate-cols-wrapper .home-full-width-two-cols-wrapper .content-inner {
        margin-top: 35px;
        padding: 0 15px;
    }   
    
    
    /* home */
    
    body #main-slideshow .custom.tparrows {
        display: none;
    }
    
    .home-gallery-wrapper .wpb_column {
        margin-top: -155px;
    }
    
    .home-gallery-wrapper .dt-gallery-container .iso-item a:hover:before  {
        font-size: 16px;
        line-height: 20px;
    }
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner {
        padding: 45px 45px 60px;
    }
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul {
        margin: 30px 0 0;
    }
    
    
    /* contact us */
    
    .contact-social-wrapper ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }
    
    .contact-social-wrapper ul li img {
        width: 100%;
    }
    
    .contact-details-wrapper ul li h6 {
        font-size: 18px;
        line-height: 25px;
    }
    
    
    /* design process */
    
    #main .step-process-wrapper .ult-content-box-container .ult-content-box .wpb_text_column:first-child h3 {
        font-size: 23px!important;
    }
    
    .step-process-wrapper .ult-content-box-container .ult-content-box .wpb_text_column:first-child h3:before {
        font-size: 16px;
        width: 20px;
        height: 20px;
    }
    
    .step-process-wrapper .ult-content-box-container .ult-content-box .wpb_text_column:first-child h3, .step-process-wrapper .ult-content-box-container .ult-content-box .wpb_text_column {
        padding-left: 50px;
    }
    
}


@media all and (max-width: 370px) {
    
    /* contact form section */
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner h2 {
        font-size: 24px;
        line-height: 30px;
    }
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul {
        margin: 35px 0 0;
    }
    
    #main .contact-form-section-wrapper .contact-details-wrapper .vc_column-inner ul li {
        font-size: 18px;
        line-height: 25px;
    }
    
}