/**  Fix Quarto font **/
@font-face {
    font-family: "quarto-bold";
    src: url("/wp-content/uploads/2019/03/Quarto-Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "quarto-light-italic";
    src: url("/wp-content/uploads/2019/03/Quarto-LightItalic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "quarto-light";
    src: url("/wp-content/uploads/2019/04/Quarto-Light.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


h1 {
    font-family: "quarto-bold", serif;
    font-weight: 400;
    font-size: 65px;
    line-height: 55px;
    letter-spacing: -1.6px;
    text-transform: none;
}


/**  End - Fix Quarto Bold font **/

.q_logo {
   padding-top: 23px;
}

.title_outer {
    margin-top: 33px;
}

h2, h3 {
   text-decoration: underline;
}

p {
      letter-spacing: 1px;
      line-height: 24px;
}

.cu-white-text p {
   color: #fff;
   font-weight: 500;
   line-height: 19px;
}


.cu-white-text h2 {
   color: #fff;
}

.cu-smaller-h1 h1 {
   color: #fff;
   font-size: 60px;
}


.cu-btn {
   font-family: "Montserrat", sans-serif;
   letter-spacing: 0.75px;
   border-width: 1px;
   height: 42px !important;
}

.cu-mobile-show {
   display: none;
}


@media screen and (max-width: 600px) {
    .cu-mobile-hide {
        display: none;
    }
    
    .cu-mobile-show {
        display: block;
    }
}



/***************** Header Top & Bottom *****************/
.header_top {
    height: 56px;
}

.cu-header-top {
    padding-top: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.cu-header-top a {
    color: #000000;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.cu-header-top a:hover {
    color: #CCC4B7;
}

.cu-header-top-left-space {
  padding-right: 67px ;    
}

.cu-header-top-contact {
    padding: 13px 35px 7px 35px;
    background-color: #ECE9E1;
    margin-right: 23px;
}

.cu-header-top-contact a {
    color: #505050;
    font-family: "Roboto Mono", sans-serif;
    font-weight: 500;
    font-size: 19px;
    letter-spacing: -0.02em;
    text-decoration: underline;
}

.cu-header-top-contact a:hover {
    color: #bcbdc4;
}



.q_logo .sticky {
   top: -47px;
}


header.sticky .header_top {
    display: block;
    background-color: #fff !important;
}

@media (max-width: 1000px) {
    .header_top {
        display: none !important;
    }
    .header_bottom {
        max-height: 68px;
    }
   .header_inner_right {      
        margin-right: calc(163px - 0.1631 * 100vw);
        margin-top: -14px;       
    }


    .side_menu_button {
        width: 40px;
   }
    .side_menu_button a span,
    .side_menu_button a.opened span {
        width: 30px !important;
    }

     
    .q_logo {
        display: none;
    }

    .title_outer .title {
       height: 0px!important;
    }

    .title_outer {
       margin-top: -20px!important;
    }

    .portfolio_single .flexslider .slides img {
        margin-top: 50px !important;
    }

    .sticky_mobile page_header .header_inner {
         padding-top: 0px !important;
    }

} /* End media 1000 */

 @media (max-width: 768px) {

   .header_inner_right {      
        margin-right: calc(172px - 0.2245 * 100vw);
    }

    .portfolio_single .flexslider .slides img {
        margin-top: 40px !important;
    }
 }   /**  end media 768 **/

@media (max-width: 600px) {
    .popup_menu_holder_inner {
        padding-top: 70px;
    }

   .header_inner_right {      
        margin-right: calc(29.5px - 0.0491 * 100vw);
    }

} /**  end media 600 **/


/********   End- Header Top & Bottom  ***********/

/******* Header Bottom Right Widget (mobile menu icons) *******/
header .fa,
header .cu-mobile-header {
    display: none;
    color: #707070;
    position: relative;
    vertical-align: middle;
}

.cu-mobile-header {
    margin-top: 10px;
}
	
header .fa-envelope {			
    font-size: 27px;
}	
	
header .fa-envelope::before {		
    margin-right: 18px;
    margin-left: 18px;		
}
	
header .fa-mobile {
    font-size: 40px;		
}	
	
@media (max-width: 1000px) {
    header .fa,
        header .cu-mobile-header {
        display: inline-block;
    }
	
    .header_bottom_right_widget_holder {
        display: block;
        margin-top: 25px;
       margin-left: calc(-0.3994 * 100vw - 370.11px);
        }
    }

@media (max-width: 768px) {
    .header_bottom_right_widget_holder {
     margin-left: calc(1.3424px - 0.7952 * 100vw);
    }
}

/****** End - Header Bottom Right Widget (mobile menu icons) ******/

/******************** MENU ********************/

.popup_menu_opened header .q_logo img.popup {
   display: none;
}


i.line, i.line:before, i.line:after {
    width: 30px !important;
    height: 2px !important; 
}


.home i.line, .home i.line:before, .home i.line:after {
    background-color: #fff ;      
}


.home .sticky i.line,  .home .sticky i.line:before, .home .sticky i.line:after {
    background-color: #000 ;
}


nav.popup_menu ul li {
   padding: 20px 0px;
}

nav.popup_menu ul {
  display: block;
  margin-top: 60px;
}

nav .cu-sub-menu-item {
   padding: 8px 0px !important;
}

nav .cu-sub-menu-item a span, nav .cu-sub-menu-item-last a span {
   font-weight: 300;
   font-size: 17px;
   line-height: 17px;
}

nav .cu-sub-menu-item-last {
   padding-top: 8px!important;
   padding-bottom: 15px!important;
}

.popup_menu_widget_holder {
   padding-top: 20px;
}

.popup_menu_widget_holder .widget_custom_html {
   display: inline-block;
   font-size: 16px;
   line-height: 21px;
   font-family: Montserrat;
   font-weight: 600;
   padding-left: 3em;
}

.popup_menu_widget_holder .widget_custom_html a {
   color: #fff;
}

.popup_menu_widget_holder .widget_custom_html a:hover {
   color: #CCC4B7;
}

.popup_menu_widget_holder .q_social_icon_holder.normal_social {
   padding: 0px 6px;
}

.popup_menu_opened .header_top {
    visibility: visible!important;
    background-color: #fff !important;
}

@media screen and (max-width: 1000px) {
    nav.popup_menu ul {     
        margin-top: 0px;
   }
}

@media screen and (max-width: 768px) {
   nav.popup_menu ul li a {
        font-size: 20px;
        line-heigth: 22px;
   }

   nav.popup_menu ul li {
        padding: 8px 0px;
   }

   nav .cu-sub-menu-item {
         padding: 0px !important;
   }

   nav .cu-sub-menu-item-last {
         padding-bottom: 10px !important;
         padding-top: 0px !important;
   }
}


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

   nav.popup_menu ul li {
       padding: 2px 0px;
   }

   nav .cu-sub-menu-item, nav .cu-sub-menu-item-last {
       padding: 0px 0px !important;
   }

   .popup_menu_widget_holder .widget_custom_html {
       padding-left: 1em;
       font-size: 14px;
   }

   .popup_menu_widget_holder .q_social_icon_holder.normal_social {
       padding: 0px 4px;
   }

   .popup_menu_opened .header_bottom_right_widget_holder {
        visibility: visible !important;
   }
}  /* End media 600 */



/******************** End- MENU ********************/




/**************** Carousel in Advanced Image Gallery ************/

.qode-advanced-image-gallery .qode-aig-image img {
    max-width: 200px;
    width: 100%;
    height: auto;
    margin: auto;
}

.qode-advanced-image-gallery .qode-prev-icon,
.qode-advanced-image-gallery .qode-next-icon {
    border-width: 0 !important;
}

.qode-advanced-image-gallery .fa-angle-left::before {
    color: #ababab !important;
    margin-left: -102px !important;
}

.qode-advanced-image-gallery .fa-angle-right::before {
    color: #ababab !important;
    margin-left: 73px !important;
}

.qode-advanced-image-gallery .fa-angle-left:hover::before, 
.qode-advanced-image-gallery .fa-angle-right:hover::before {
    color: #505050 !important;
}

/**************** End- Carousel in Advanced Image Gallery ************/


/********************** SUBSCRIBE FORM **********************/
.cu-signup-left-col .vc_column-inner {
  padding: 0px;
}

.cu-sign-up-title h1 {
  color: #E5DFD5;
}

.cu-sign-up-info p {
    font-family: "quarto-light", sans-serif;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000;
}

.cu-sign-up-ps p {
  line-height: 20px;
  color: #4D5555;
}

.cu-subscribe-form {
  clear: both;
  width: 100%;
  padding: 0;
  margin: 0;
}

.cu-subscribe-form::after {
  content: "";
  clear: both;
  display: block;
}

.cu-subscribe-col {
  display: block;
  float: left;
  margin: 10px 1% 10px 1%;
}

.cu-subscribe-form .cu-one-third,
.cu-subscribe-form .cu-one-third-submit {
  width: 31.1%;
}

.cu-subscribe-form input::placeholder,
.cu-subscribe-form textarea::placeholder {
  color: #000;
}

.cu-subscribe-form input.wpcf7-form-control.wpcf7-text {
  color: #000000;
  background-color: #F7F6F6;
  padding: 13px 0px;
  padding-left: 15px;
}

.cu-subscribe-form input.wpcf7-form-control.wpcf7-submit {
  width: 98%;
  padding: 0px 0px;
  text-align: center;
  border-width: 1px;
  margin: 5px 0px 5px 0px;
  border-radius: 0px;
  height: 42px;
}

.cu-signup-left-col h1 {
  margin-top: -82px;
  background: #ffffff;
  width: 214px;
}

@media (max-width: 1000px) {
    .cu-subscribe-form .cu-one-third {
        width: 46% ;
    }

   .cu-subscribe-form .cu-one-third-submit {
        width: 100%;
    }
  
   .cu-subscribe-form input.wpcf7-form-control.wpcf7-submit {
        width: 94%;
    }     
}

@media (max-width: 600px) {
    .cu-signup-left-col h1 {
         margin: 0 auto;
         text-align: center;
    }

    .cu-sign-up-info {
         padding-left: 20px;
         padding-right: 10px;
    }

    .cu-sign-up-ps {
         padding-left: 6px;
    }

    .cu-subscribe-form .cu-one-third {
        width: 100% ;
    }

   .cu-subscribe-form input.wpcf7-form-control.wpcf7-submit {
        width: 100%;
    }  

}

.give-away-form {
   padding: 23px;
   background-color: #f7f7f7;
   max-width: 559px;
   width:82%;
}



.cu-subscribe-form.give-away-form input.wpcf7-form-control.wpcf7-text {
       background-color: #fff;
}

.cu-subscribe-form.give-away-form input.wpcf7-form-control.wpcf7-submit {
       color:#fff;
       background-color:#000;
       width:100%;
}

.cu-subscribe-form.give-away-form input.wpcf7-form-control.wpcf7-submit:hover {
       color:#000;
       border:1px solid #000;
       background-color:#f8f7f5;
}

.cu-subscribe-form.give-away-form h3 {
       text-align:center;
       padding-bottom:33px;
}

.cu-subscribe-form.give-away-form .wpcf7-list-item-label {
    margin-left: 30px;
    float: right;
    margin-top: -25px;
}


.give-away-form.download-free-guide {
   padding: 23px;
   background-color: #F9F7F4;
   width:100%;
   max-width:95%;
}

@media screen and (max-width:600px) {
  .give-away-form.download-free-guide {
   width:85%;
   max-width:95%;
}
}

.give-away-form.download-free-guide h5 {
   color:#505050;
}

.give-away-form.download-free-guide h1 {
   color:#000;
}

.cu-subscribe-form.give-away-form.download-free-guide input.wpcf7-form-control.wpcf7-submit {
       color:#505050;
       background-color:transparent;
       width:100%;
       border:1px solid #505050;
}

.cu-subscribe-form.give-away-form.download-free-guide input.wpcf7-form-control.wpcf7-submit:hover {
       color:#fff;
       border:1px solid #505050;
       background-color:#505050;
}

.cu-subscribe-form.give-away-form.download-free-guide .checkbox-row {
       padding:15px 0px;
}

.checkbox-row {
       padding:33px 0px;
}

@media screen and (max-width:600px) {
      .cu-subscribe-form.give-away-form .column2 {
           padding-top:20px;
      }
}

/******************* End- SUBSCRIBE FORM *******************/


/********************** LATEST AND GREATEST **********************/


.cu-ho-r06c2 img {
    max-width: 313px;
}

.tparrows, .tparrows:hover {
    background: transparent;
}

.tparrows:before {
    color: #A8A8A8;
}


.cu-ho-latest-greatest-txt-slider .tp-caption {
   letter-spacing: 1px !important;
   font-size: 16px !important;
}


.q_elements_holder .q_elements_item {
   background-repeat: no-repeat;
   background-size: cover;
}


.cu-mobile-latest-greatest-title p {
   font-size: 16px;
}


        /* Row 7 Our Latest... qode-content-slider approach   */

.cu-ho-content-slide-toptext h2 {
    text-decoration: underline;
}

.cu-ho-content-slide-title h5,
.cu-ho-content-slide-details h5 {
    line-height: 22px;
}

.cu-ho-content-slide-toptext {
    margin-top: calc(0.04 * 100vw);
}

.cu-ho-content-slide-title {
    margin-top: 76px;
}

.cu-ho-content-slide-details {
    margin-top: 44px;
}

.cu-ho-content-slide-title,
.cu-ho-content-slide-details {
    max-width: 394px;    
    margin-left: auto;
    margin-right: auto;
}

.cu-ho-content-slide-btn {
    width: 86%; 
    max-width: 354px;  
    border: 1px solid #505050;
    color: #505050;
    padding: 0;
    text-align: center;
    display: block; 
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(0.05 * 100vw);
    cursor: pointer;

    font-family: Montserrat;
    font-weight: 700;
    font-size: 12px;
    line-height: 42px;
    letter-spacing: 0.05em;  
}

.cu-ho-content-slide-btn:hover {
    background-color: #505050;
    color: #fff;
    
}

.cu-ho-r07-content-slider .qode_content_slider .flex-direction-nav .flex-prev {
    left: calc(50% + 22px);
}

.cu-ho-r07-content-slider .qode_content_slider .flex-direction-nav .flex-next {
    right: 8px;
}

.cu-mobile-btn {
    display: none;
}

@media (max-width: 1500px) {
    .cu-ho-content-slide-title {
        margin-top: 60px;
    }

    .cu-ho-content-slide-details {
        margin-top: 35px;
    }

   .cu-ho-content-slide-toptext,
   .cu-ho-content-slide-btn  {
        margin-top: calc(0.03 * 100vw);
    }

}  /*  end media 1500 */

@media (max-width: 1200px) {
    .cu-ho-content-slide-title {
        margin-top: 48px;
    }

    .cu-ho-content-slide-details {
        margin-top: 25px;
    }

   .cu-ho-content-slide-toptext {
        margin-top: calc(0.02 * 100vw);
    }

   .cu-ho-content-slide-btn  {
        margin-top: calc(0.038 * 100vw);
    }


}   /*  end media 1200 */

@media (max-width: 1000px) {

    .cu-ho-r07-content-slider img {
        height: 310px;     
    }

   .cu-ho-content-slide-toptext, {
        margin-top: calc(0.031 * 100vw);
    }
    .cu-ho-content-slide-toptext h2 {
        font-size: 24px;
    }

    .cu-ho-content-slide-title {
        margin-top: calc(0.045 * 100vw);
    }

    .cu-ho-content-slide-details {
        margin-top: 20px;
        max-width: 290px;
    }

   .cu-ho-content-slide-btn  {
        margin-top: calc(0.052 * 100vw);
    }

}   /*  end media 1000 */


@media (max-width: 767px) {

    .cu-ho-r07-content-slider img {
         margin-top: 46px;
        height: unset;
    }

   .cu-ho-content-slide-toptext {
        margin-top: 50px;
    }

   .cu-ho-content-slide-toptext h2 {
        font-size: 22px;
    }

    .cu-ho-content-slide-title {
        margin-top: 27px;
    }

    .cu-ho-content-slide-details {
        display: none;
    }

    a.cu-ho-content-slide-btn {
        font-size: 9px;
        line-height: 32px;
        width: 272px;
    }

    .cu-ho-r07-content-slider .full_section_inner {
        display: flex;
        flex-direction: column-reverse;
    }

    .cu-desktop-btn,
    .cu-ho-r07-content-slider .flex-prev,
    .cu-ho-r07-content-slider .flex-next {
        display: none;
    }

    .cu-mobile-btn {
        display: block;
        margin-top: 24px;
        margin-bottom: 24px;
    }

}  /**  end media 767 **/



/****  End Latest and Greatest section ***/

/********************** INSTAGRAM **********************/

.cu-insta-title {
   position: relative;
   top: 20px;
}

@media screen and (max-width: 600px) {
    .cu-insta-title {
          display: none;
    }
}


/********************** CONTACT **********************/

.cu-contact-form7 label {
    font-size: 12px !important;
    font-weight: 400;
    line-height: 28px;
    font-family: Montserrat;
}

.cu-contact-form7 .section {
    clear: both;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.cu-contact-form7 .col {
    display: block;
    float: left;
    margin: 0px 0px 0px 0px !important;
}

.cu-contact-form7 .col:first-child {
    margin-left: 0;
}

.cu-contact-form7 .group:before,
.cu-contact-form7 .group:after {
    content: "";
    display: table;
}

.cu-contact-form7 .group:after {
    clear: both;
}

.cu-contact-form7 .group {
    zoom: 1;     /* For IE 6/7 */
}


/*  GRID  */
.cu-contact-form7 .span_1_of_2 {
    width: 47%;
    padding: 5px 1.5%;
}

.cu-contact-form7 .span_1_of_1 {
    width: 97% !important;
    padding: 5px 1.5%;
}

.cu-contact-form7 .cu-input-field,
.cu-contact-form7 .cu-input-textarea {
    background-color: #F7F6F6 !important;
    width: 100% !important;
    padding: 13px 5px !important;
    margin: 0 !important;
}

.cu-contact-form7 .cu-contactformbutton {
    width: 99% !important;
    text-align: center !important;
    padding: 0 !important;
    height: 42px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    margin-top: -6px !important;
    border-width: 1px !important;
}


div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #000;
    color: #fff;
}


/*  GO FULL WIDTH AT <= 1000 px */

@media only screen and (max-width: 1000px) {
    .cu-contact-form7 .col {
        margin: 1% 0 1% 0%;
    }

    .cu-contact-form7 .span_1_of_2 {
        width: 97.3%;
    }

    .cu-contact-form7 .span_1_of_1 {
        width: 100%;
    }

    .cu-contact-form7 .cu-contactformbutton {
        width: 99% !important;
    }
}



/******************** SOCIAL LIST********************/

.cu-social-list {
   text-align: center;
}

.cu-social-list a img {
   height: 14px;
   padding: 0px 10px;
}

.cu-social-list-insta a {
   font-family: "Montserrat", sans-serif;
   font-size: 18px;
   line-height: 23px;
   font-weight: 700;
   padding-left: 25px;
   color: #000000;
}

.cu-social-list-insta a:hover {
   color: #CCC4B7;
}


/******************** FOOTER ********************/

.cu-group {
	clear: both;
        width: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.cu-group::after {
	content:"";
	clear: both;
	display: block;
}

.cu-col {		
	display: block;
	float:left;
	margin: 26px 0 1.5% 1%;

}

/* 4x1fr 2fr */
.cu-span_1_of_6 {
	width: 16.2%;
        min-height: 125px;
}

.cu-span_2_of_6 {
	width: 30%;       
}

/* First responsive trigger  5x1fr */
@media (max-width: 1279px) {
	.cu-span_1_of_6 {
		width: 19%;
	}
	.cu-span_2_of_6 {
		width: 19%;
	}
} 


/* ipX Landscape (grid 768) */
@media (max-width: 1000px) {

} 

/*  iPAD, iP6/7/8+Landscrape (grid 600) 2x1fr */
@media (max-width: 768px) {
       .cu-col {
                margin-left: 6.5%;
        }
        .cu-span_1_of_6 {
		width: 39%;
	}

	.cu-span_2_of_6 {
		width: 100%;
	}

        .cu-footer-logo {
                margin-right: auto;
        }

        .cu-col:last-child {
	    margin-left: 0; 
        }
 }  


@media (max-width: 600px) {
   .cu-footer-bottom-left-col {
         padding-top: 18px;
   }

   .cu-footer-bottom-right-col {
         padding-top: 18px;
   }

   .cu-social-list-insta a {
         padding-left: 0px;
   }

}


/* Mate 9,  ip5 */
@media (max-width: 370px) { 
     .cu-col {
                margin-left: 14%;
        }
        .cu-span_1_of_6 {
		width: 100%;
	}
	.cu-span_2_of_6 {
		width: 100%;
	}
}  

/* Text Styling */
.cu-footer-heading {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: 0.75px;
	margin-bottom: 16px;
	color: #ECE9E1;
}
.cu-footer-services {
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 1.1px;
	color: #fff;
	margin-bottom: 10px;
}
.cu-footer-services li a:hover {
	color: #CCC4B7 !important;
}

.cu-footer-logo {
	display: block;
	margin-top: 6px;
	margin-left: auto;
        width: 40px;
}

.cu-footer-bottom {
   font-family: "Montserrat", sans-serif;
   font-size: 12px;
   font-weight: 400;
   line-height: 14px;
}



/******************** ABOUT ********************/

.cu-about-slide-bold {
   font-size: 15px !important;
   font-weight: 700 !important;
}

.cu-ho-r05c2-slider .tp-caption.tp-resizeme {
   line-height: 22px !important;
}

.page-id-649 .title_outer {
    background-color: #ECE9E1;
}

.cu-ab-r04 h1 {
    font-size: 40px;
    margin-top: -38px;
}

.cu-ab-r05 h5 {
    font-weight: 700 !important;
}

.cu-ab-r05c2 p {
    font-family: "Roboto Slab";
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 26px;
    color: #E5DFD5;
}

.cu-ab-r06 h3 {
    padding: 0 51px;
}

.cu-ab-r06 .cu-btn,
.cu-ab-r07 .cu-btn {
    padding: 0;
    width: 90%;
    max-width: 352px;  
    font-size: 12px;  
    line-height: 42px;
}


@media (max-width: 600px) {
    .cu-ab-r08-es-hide600 {
        display: none;
    }
    

} /* end media 600 */



/******************** COMMON ITEMS (SERVICE PAGES) ********************/

@media (max-width: 600px) {
    .cu-service-testimonial-row {
        background-image: none !important;
        background-color: #000;
    }

}

/******************** BRANDING ********************/

.cu-bra-r01 {
    margin-top: -178px;
}

.cu-bra-r01 h1 {
    margin-top: 178px;
}

.cu-branding-carousel .qode-aig-image img {
   max-width: 238px;
   width: 100%;
   height: auto;
   margin: auto;
}

.cu-branding-testimonials-row h2 {
   color: #fff;
   margin-left: 80px;
}


.cu-branding-testimonials-row .testimonials_carousel {
   text-align: left;
}

.cu-branding-testimonials-row .testimonials_carousel .testimonial_text_inner {
   margin-left: 80px;
   margin-right: 270px;
}

.cu-branding-testimonials-row .testimonials_carousel .testimonial_text_inner p {
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
   font-size: 13px;
   line-height: 24px;
}


.cu-branding-testimonials-row .testimonials_carousel .testimonial_text_inner .testimonial_author {
    font-family: 'Montserrat', sans-serif;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
}

.cu-branding-testimonials-row .testimonials_holder .flex-direction-nav {
   position: absolute;
   top: 40px;
   width: 100%;
}

.cu-branding-testimonials-row .testimonials_holder .flex-direction-nav a:before {
   color: #BABABA;
}


.cu-branding-testimonials-row .testimonials_holder .flex-direction-nav .flex-nav-next {
   float: right;
}

.testimonials_holder .flex-direction-nav a {
   border: 0px;
   background-color: #000;
}

.testimonials_holder .flex-direction-nav a:hover {
   background-color: #000;
}

.cu-underline {
   text-decoration: underline;
}

.cu-branding-list ul {
    list-style: none;
    position: relative;
    margin-left: 0;
   padding-left: 1.2em;
}

.cu-branding-list ul li:before {
    content: "-"; 
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
    position: absolute;
    left: 0;
}

.cu-branding-list li {
    letter-spacing: 1.17px;
}

.cu-branding-btn-row .vc_column-inner {
    padding: 0 5px;
}

.cu-branding-btn-row .cu-btn {
   padding-left: 0px;
   padding-right: 0px;
   width: 96%;
   max-width: 358px;
}

.cu-process-text p {
   font-size: 16px;
}

.cu-process-subtitle1,
.cu-process-subtitle2,
.cu-process-subtitle3,
.cu-process-subtitle4 {
    letter-spacing: 1.8px;
    padding: 0 50px;
    min-height: 60px;
}


.cu-bra-ourprocess-col-text p {
    letter-spacing: 0.85px !important;
}

.cu-bra-row-contact-btn .cu-btn {
    padding: 0;
    width: 90%;
    max-width: 354px;   
}

@media (max-width: 1200px) {
    .cu-process-subtitle1,
    .cu-process-subtitle2,
    .cu-process-subtitle3,
    .cu-process-subtitle4 {  
        padding: 0 26px;   
   }

}  /** end media 1200 **/


@media (max-width: 1000px) {

    .cu-bra-r01 h1 {
        margin-top: 10px;
    }


    .cu-branding-testimonials-row .testimonials_carousel .testimonial_text_inner {
        margin: 0 16%;
    }

    .cu-process-subtitle1,
    .cu-process-subtitle2,
    .cu-process-subtitle3,
    .cu-process-subtitle4 {
        padding: 0 4px;  
        min-height:  90px;     
    }

    .cu-bra-r07,
    .cu-bra-r07-eshide1000 {
        display: none;
}

}  /**  end media 1000 **/

@media (max-width: 767px) {

    .cu-bra-r01 h1 {
        margin-top: 140px;
    }

    .cu-process-subtitle1,
    .cu-process-subtitle2,
    .cu-process-subtitle3,
    .cu-process-subtitle4 {
        padding: 0 10px;  
        min-height:  20px;     
    }

    .cu-bra-r06c1-eshide767,
    .cu-bra-r08c1-eshide767 {
        display: none;
    }

}  /** end media 767  **/


@media (max-width: 600px) {

    .cu-bra-r01 h1 {
        margin-top: 160px;
    }

    .cu-bra-eshide600 {
        display: none;
    }

    .cu-bra-row-contact-btn .cu-btn {
        font-size: 10px;
        line-height: 44px;
    }

   .cu-branding-testimonials-row h2 {
       padding-left: 0px;   
        margin-left: 42px;    
    }


    .cu-branding-btn-row .cu-btn {
        max-width: 265px;
    }
    
}


/******************** WEB DESIGN ********************/

.cu-web-r01  {
    margin-top: -178px;
}

.cu-web-r01 h1 {
    margin-top: 178px;
}

.cu-web-design-slider .qode-aig-slider img {
   max-width: 1814px;
   width: 100%;
   height: auto;
   margin: 0 auto;
}

.cu-web-design-slider, .cu-web-design-slider.qode-advanced-image-gallery .qode-aig-slider {
    max-height:452px !important;
}

.cu-web-design-slider .fa-angle-right::before, .cu-web-design-slider .fa-angle-left::before {
   margin-left: 0px !important;
}

.cu-web-design-slider .owl-stage { 
    margin-left: 25%;
}


.cu-web-r04c2 ul { 
    list-style: none;
    position: relative;
    margin-left: 0;
   padding-left: 1.2em;
}

.cu-web-r04c2 ul li::before {
    content: "-"; 
    font-family: Montserrat;
    font-size: 16px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
    position: absolute;
    left: 0;
}

.cu-web-r04c2 li h5 {
    letter-spacing: 0.07em;
}

.cu-web-design-logo-row .wpb_single_image {
    margin-top: -80px;
}


.wpb_text_column.wpb_content_element ul:not(.cu-footer-services) { 
    list-style: none;
    position: relative;
    margin-left: 0;
   padding-left: 1.2em;
}


.wpb_text_column.wpb_content_element ul:not(.cu-footer-services) li::before {
    content: "-"; 
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
    position: absolute;
    left: 0;
}

.wpb_text_column.wpb_content_element li {
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;    
}

.cu-web-ourprocess-row .cu-btn,
.cu-web-welove-row .cu-btn {
    padding: 0;
    width: 90%;
    max-width: 352px;  
    font-size: 12px;  
    line-height: 42px;
}

@media (max-width: 1000px) {
    .cu-web-r01 h1 {
        margin-top: 10px;
    }
}  /* End media 1000 */

@media (max-width: 767px) {
    .cu-web-r01 h1 {
        margin-top: 140px;
    }

}  /* End media 767 */

@media (max-width: 600px) {

    .cu-web-r01 h1 {
        margin-top: 160px;
    }

    .cu-web-design-logo-row .wpb_single_image {
        margin-top: 10px;
    }

   .cu-web-ourprocess-row .cu-btn,
   .cu-web-welove-row .cu-btn {    
          max-width: 265px;    
    }

    .cu-web-design-slider .owl-stage {
         margin-left: 0vw;
     }

}

/******************** DESIGN ********************/

.cu-des-r01 {
    margin-top: -178px;
}

.cu-des-r01 h1 {
    margin-top: 178px;
}

.cu-design-process-list ul { 
    list-style: none;
    position: relative;
    margin-left: 0;
   padding-left: 1.2em;
}

.cu-design-process-list ul li {
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
}

.cu-design-process-list ul li::before {
    content: "-"; 
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
    position: absolute;
    left: 0;
}

.cu-design-slider .qode-aig-image img {
   max-width: unset;
   width: 100%;
   height: auto;
   margin: 0px;
}


.cu-design-slider .fa-angle-right::before, .cu-design-slider .fa-angle-left::before {
   margin-left: 0px !important;
}

.cu-des-contact-btn-row .cu-btn {
    padding: 0;
    width: 90%;
    max-width: 352px;  
    font-size: 12px;  
    line-height: 42px;
}

@media (max-width: 1000px) {
    .cu-des-r01 h1 {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .cu-des-r01 h1 {
        margin-top: 140px;
    }
}

@media (max-width: 600px) {

    .cu-des-r01 h1 {
        margin-top: 160px;
    }

    .cu-des-contact-btn-row .cu-btn { 
        max-width: 265px; 
    }   
}



/******************** BLOG SIDEBAR ********************/
 
aside .widget h5 {
   font-family: 'Roboto Mono', sans-serif;
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 0px;
   text-decoration: underline;
   margin-bottom: 0px;
}

aside .widget.posts_holder li {
   padding: 0px;
}

aside .widget a {
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   font-size: 13px;
   letter-spacing: 1px;
}

aside .widget li:hover, aside .widget li a:hover {
   color: #CCC4B7 !important;;
   cursor: pointer;
}


.pagination {
    font-family: "Montserrat", sans-serif;
    line-height: 26px;
    text-align: right;
    font-size: 16px;
}

.pagination ul li a:hover,
.pagination ul li span {
    border: 0px;
    background-color: transparent;
    text-decoration: underline;
}


.pagination ul li a,
.pagination ul li span {
    margin: 0px;
    width: 20px;
    height: auto;
    line-height: 26px;
}


.pagination .cu-no-prev {
    display: none;
}

.pagination ul li:nth-child(1) {
    padding-right: 5px;
}

@media (max-width: 1000px) {
    .single-post aside.sidebar {
        margin-top: 40px;
    }

}

/******************** BLOG ********************/

.blog_holder.blog_small_image article .post_image {
    width: 23%;
    padding-right: 8%;
}

.blog_holder.blog_small_image article .post_text {
    width: 66%;
}

.blog_holder article .post_text h2 .date {
    display: none;
}


.blog_holder.blog_small_image article .post_text .post_text_inner {
    padding-top: 0px;
}


.blog_holder.blog_small_image article .post_text .post_text_inner h2, .blog_holder.blog_small_image article .post_text .post_text_inner h2 a {
    font-family: "Roboto Mono", sans-serif;
    font-size: 20px;
    text-decoration: underline;
    line-height: 32px !important;
    letter-spacing: -0.58px;
    font-weight: 500;
}


.blog_holder article .post_info {
    font-family: "Roboto Mono", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #4D5555;
    letter-spacing: -0.58px;
}


.blog_holder article .post_info a {
    color: #4D5555;
}


.blog_holder article .post_info a:hover {
    color: #CCC4B7;
}

.cu-blog-list-read-more-btn {
    text-decoration: underline;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    letter-spacing: 0.07em;
    font-weight: 400;
    color: #4D5555;
}

.cu-blog-list-read-more-btn:hover {
    color: #CCC4B7;
}


.page-template-blog-small-image .container aside {
    padding-top: 189px;
}

.page-template-blog-small-image .post_info {
    font-family: "Roboto Mono", sans-serif;
    font-size: 14px;
    letter-spacing: -0.02em;
    font-weight: 300;
    line-height: 44px;
    color: #4D5555;
}

.single.single-post  table td{
   border:1px solid #000;
   text-align:left;
}

/*** style the list ***/

.post-template-default.single.single-post ol li {
    margin-left:1.2em;
    color: #4d5555;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
}

.post-template-default.single.single-post ul:not(.cu-footer-services) {
     list-style: none;
    /*position: relative;*/
    margin-left: 0;
   padding-left: 1.2em;
   
}

.post-template-default.single.single-post ul:not(.cu-footer-services) li::before {
    content: "-"; 
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
    position: absolute;
    left: 0;
}

.post-template-default.single.single-post ul:not(.cu-footer-services) li {
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
}
/*** end style the list ***/


@media (max-width: 600px) {
    .cu-blog-botm-cont-es-hide600 {
        display: none;
    }

    .page-template-blog-small-image .post_text_inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

   .blog_holder.blog_small_image article .post_image {
        width: 100%;
        padding-right: 0%;
    }

    .blog_holder.blog_small_image article .post_text {
         width: 100%;
    }

    .page-template-blog-small-image .container aside {
           padding-top: 50px;
    }
}


/******************** BLOG SINGLE ********************/

.single-post .title .title_holder {
    margin-top: 83px;
}

.blog_holder.blog_single article h2,
.blog_single article .post_info {
    display: none;
}


.cu-blog-single-container {
  /* padding: 0px 93px;*/
    padding: 0 8%;
}

.single-post .container aside {
   padding-top: 18px;
    margin-left: -37px;
}


.cu-blog-single-btn-row {
   /*padding-left: 157px;*/
    padding-left: 11%;
}

.cu-blog-single-btn-row .vc_column-inner {
    padding: 0;
}

.cu-blog-single-btn.qbutton.large {
    padding: 0;
    width: 92%;
    max-width: 257px;
   font-family: "Montserrat", sans-serif;
   letter-spacing: 0.75px;
   border-width: 1px;
   height: 42px !important;
}

/*^^ Fix the problem of single blog sidebar not clickable */
aside.sidebar {
    z-index: 999;
}

.single .blog_single article {
     max-width:700px;
}

.qode_content_slider_item .full_section_inner {
    background-color:#f7f7f7;
}

@media (max-width: 1000px) {
    .cu-blog-single-btn.qbutton.large {
        width: 80%;
    }

    .single-post .title .title_holder {
        margin-top: 0;
    }

    .single-post .parallax_section_inner_margin, .section_inner_margin {
        margin-top: 40px;
    }

    

}

@media (max-width: 768px) {
    .cu-blog-single-btn-row {
       padding-left: 0;
    }
    .cu-blog-single-container {
        padding: 0 2%;
    }
    .single-post .container aside {
         margin-left: 0;
    }


} /* end media 768 */

@media (max-width: 600px) {
    .cu-blog-sing-botm-cont-es-hide600 {
        display: none;
    }

    .single .title.title_size_large h1 {
        letter-spacing:0px;
        font-size:23px;
   }
}

/******************** PORTFOLIO ********************/

.cu-portf-r01 {
        margin-top: -26px;
}


.filter_holder ul li span {
    text-decoration: underline ;
}

.filter_holder ul li span:before {
   content: "+";
}

.filter_holder ul li span:after {
   content: ".";
   display: inline-block;
}

.filter_holder ul li span {
    padding: 0px 45px;
}

.filter_outer {
   margin: -30px 0 55px;
}

.portfolio_paging .load_more a, .portfolio_paging_loading a {
    width: 80%;
    max-width: 350px;
    border-width: 2px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.portfolio_with_space .portfolio_paging, .portfolio_with_space .portfolio_paging_loading {
   margin: 30px 0 50px;
}

.cu-white-left-border-text, .cu-white-mid-border-text, .cu-white-right-border-text {
   height: 222px;
   width: 362px;
}

.cu-white-left-border-text {
   border-left: 1px solid #fff;
}

.cu-white-mid-border-text {
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
}

.cu-white-right-border-text {
   border-right: 1px solid #fff;
}

.cu-white-left-border-text p, .cu-white-text-with-border p, .cu-white-mid-border-text p, .cu-white-right-border-text p {
   color: #fff;
   font-weight: 500;
   line-height: 19px;
}

.cu-inner-title1 {
   padding-top: 18px;
}

.cu-inner-info1 {
   margin: 0px 50px;
   padding-top: 20px;
}

.cu-inner-info2 {
   margin: 0px 50px;
   padding-top: 20px;
}

.cu-inner-info3 {
   margin: 0px 26px;
   padding-top: 20px;
}

@media (max-width: 768px) {
     .filter_holder ul li span {
          padding: 0px 16px;
     }

}

@media (max-width: 600px) {
     .filter_holder ul li span {
          padding: 0px 5px;
          font-size: 19px;
     }

} /* End @media 600 */

@media (max-width: 480px) {
     .filter_holder ul li span {
          font-size: 16px;
     }

} /* End @media 480 */

/******************** PORTFOLIO-SINGLE ********************/


.portfolio_single .two_columns_75_25 {
   width: 82%;
   margin: 0 auto;
}

.portfolio_single .two_columns_75_25>.column1 {
   width: 57%;
}

.portfolio_single .two_columns_75_25>.column2 {
   width: 43%;
}


.portfolio_single .two_columns_75_25 .column1 .portfolio_single_text_holder {
   padding-right: 67px;
}

.title.title_size_large h1 {
   font-family: "quarto-bold", serif;
    font-weight: 400;
    font-size: 65px;
    line-height: 55px;
    letter-spacing: -1.6px;
   padding-top: 10px;
}

.portfolio_single h3 {
   text-transform: uppercase;
   font-size: 29px;
   padding-top: 40px;
   padding-bottom: 20px;
}

.cu-port-sing-r04-img {
    padding: 0 8px;
}

.cu-vertical-line {
   transform: rotate(-90deg);
}


.portfolio_detail .portfolio_custom_field {
   padding-top: 100px;
}

.portfolio_detail .portfolio_custom_field p {
   color: #4D5555;
   font-size: 13px;
   font-weight: 500;
   font-style: italic;
}


.portfolio_single .flexslider .slides img {
   max-width: 904px;
   margin: 0 auto;
}

.cu-additional-name {
   padding-top: 24px;
   font-size: 14px;
   letter-spacing: 0px;
   font-weight: 500;
   line-height: 24px;
   font-family: Montserrat;
}

.cu-additional-company {
   font-size: 14px;
   letter-spacing: 0px;
   font-weight: 500;
   line-height: 24px;
   font-family: Montserrat;
}

.flex-direction-nav a i {
   color: #BABABA;
}

.flex-direction-nav a {
   border: 0px;
}

.portfolio_single .portfolio_categories {
   display: none;
}

.single-portfolio_page .projects_holder article .image_holder {
   max-height: 260px;
}

.projects_holder article .portfolio_description {
   padding: 30px 0 22px;
}

.projects_holder article .portfolio_description .portfolio_title a {
   font-weight: 500;
   letter-spacing: 0px;
}

.projects_holder article .portfolio_description .portfolio_title a:hover {
    color: #505050 ;
    text-decoration: underline ;
}

.portfolio_navigation .portfolio_next a, .portfolio_navigation .portfolio_prev a {
   border: 0px;
   width: auto;
   height: auto;
   font-family: Roboto Mono;
   font-size: 20px;
   color: #505050;
   line-height: 32px;
   text-decoration: underline ;
   letter-spacing: -0.5px;
}

.portfolio_navigation .portfolio_next a:hover, .portfolio_navigation .portfolio_prev a:hover {
   background-color: transparent;
   border-color: transparent;
   color: #A8A8A8;
}

.portfolio_navigation {
   padding: 36px 0 50px;
}

.cu-portf-single-lnktolist {
    width: 150px;
    position: absolute;
    left: calc(50% - 57.5px);
}

.cu-portf-single-lnktolist a {
    font-family: "Roboto Mono";
    font-size: 20px;
    color: #505050;
    line-height: 32px;
    text-decoration: underline;
    letter-spacing: -0.5px;
}

.cu-portf-single-lnktolist a:hover {
    background-color: #0000;
    border-color: #0000;
    color: #A8A8A8;
}

.cu-port-sing-btm-cont-r01 .projects_holder article .image img {
    height: 258px;
    object-fit: cover;
}

.cu-port-sing-botm-cont-row .vc_column-inner {
    padding: 0;
}

.cu-port-sing-botm-cont-row .cu-btn {
    padding: 0;
    width: 80%;
    max-width: 220px;
    line-height: 42px;
}

.cu-port-sing-botm-cont-contactus-row .cu-btn {
    padding: 0;
    width: 80%;
    max-width: 352px;

    font-family: Montserrat;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.05em;  
    line-height: 42px;
}

@media (max-width: 1200px) {
    .cu-port-sing-btm-cont-r01 .projects_holder article .image img {
        height: 223px;       
    }
} 


@media (max-width: 1000px) {
    .portfolio_single .two_columns_75_25 {
      width: 100%;
   }

   .portfolio_single .two_columns_75_25>.column1 {
      width: 100%;
   }

   .portfolio_single .two_columns_75_25>.column2 {
       width: 100%;
   }


   .portfolio_single .two_columns_75_25 .column1 .portfolio_single_text_holder {
       padding-right: 0px;
   }

   .portfolio_detail .portfolio_custom_field {
       padding-top: 20px;
   }

   .cu-port-sing-btm-cont-r01 .projects_holder article .image img {
        height: 176px;       
    }

} /* End media 1000 */



@media (max-width: 768px) {
    .cu-port-sing-botm-cont-contactus-row .cu-btn {
        max-width: 220px;
    }

    .cu-port-sing-btm-cont-r01 .projects_holder article .image img {
        height: 287px;       
    }
}  /* End media 768 */

@media (max-width: 600px) {
    .portfolio_navigation .portfolio_next a, .portfolio_navigation .portfolio_prev a {
        font-size: 14px;
    }

    .cu-portf-single-lnktolist {
         width: 100px;
        left: calc(50% - 39.7px);
        top: 37px;
    }

    .cu-portf-single-lnktolist a {
        font-size: 14px;
    }

   .cu-port-sing-btm-cont-r01 .projects_holder article .image img {
        height: 201px;       
    }

} /* End @media 600 */

@media (max-width: 480px) {
    .portfolio_navigation .portfolio_next a, .portfolio_navigation .portfolio_prev a {
        font-size: 11px;
    }

    .single-portfolio_page .container_inner.default_template_holder {
        width: 90%;
    }

    .single-portfolio_page .title_subtitle_holder h1 {
        font-size: 30px !important;
    }
  
   .portfolio_single h3 {
        padding-top: 15px;
    }

   .portfolio_single .flex-direction-nav a {
         margin: auto 0px;
   }

    .cu-port-sing-btm-cont-r01 .projects_holder article .image img {
        height: 300px;       
    }

    .cu-portf-single-lnktolist {
        width: 76px;
        left: calc(50% - 31.3px);
        top: 38px;
    }

    .cu-portf-single-lnktolist a {
        font-size: 11px;   
    }

} /* End @media 480 */

/************** End - PORTFOLIO-SINGLE ***************/


/***************** Home *****************/

    /*home body signup form  section*/

.home_signup_form  input.wpcf7-form-control.wpcf7-submit,.home_signup_form input.wpcf7-form-control.wpcf7-submit:not([disabled]){
    width: 100%;
    border: none;
    text-align: center;
    padding: 14px 0px;
    border: 1px solid #505050;
    color: #505050;
    text-align: center;
    display: block;
    cursor: pointer;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.05em;
    background-color: transparent;
}


.home_signup_form  input.wpcf7-form-control.wpcf7-submit:hover,.home_signup_form input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{
    background-color:#505050;
    color:#fff;
}

.home_body_signup_section .signup_form_hints {
   font-size:10px;
}


.home_signup_middle_col_heading h3 {
   font-family: Quarto, sans-serif;
   color:#000;
   font-size:31px;
}

.home_signup_middle_col_heading h1 {
   font-size:91px;
   line-height:77px;
}

@media screen and (min-width:1001px) {
    .home_signup_middle_col_heading {
        left:-106px;
        position:relative;
    }
}

 .home_body_sign_up_section .signup_form_hints p{
    font-size:10px;
    line-height:18px;
}


@media screen and (max-width:1000px) {
    .home_body_sign_up_section .vc_col-sm-4 {
        width:100%;
    }

   .home_signup_middle_col_heading h3 {
      font-size:26px;
   }

   .home_signup_middle_col_heading h1 {
      font-size:72px;
      line-height:61px;
   }
}

    /* hide the header logo on home page */
.home img.normal {
    display: none;
}

.home .cu-row01 {
    margin-top: -177px;
}

.home .cu-row01-image {
    margin-top: 52px;
}

.cu-row01-vertical-txt {
    transform: rotate(-90deg);
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.03em;
    line-height: 14px;
    float: left;
    margin-top: 334px;
    margin-left: calc(0.1646 * 100vw - 186.69px);
}


.cu-row01-right {
    background-color: #000;
    padding: 0;
    margin: 0;
}

.cu-row01-right-top p {
    font-family: "quarto-bold", serif; 
    font-size: 71px;
    letter-spacing: -0.02em;
    color: #ffffff;
    line-height: 60px;
    max-width: 394px;
    padding: 178px 0 54px 84px;
}

.cu-row01-right-bottom p {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.07em;
    color: #ffffff;
    line-height: 23px;
    max-width: 248px;
    padding-left: 84px;
    padding-bottom: 111px;
}

.cu-row01-right-img {
    display: none;
}

.cu-ho-r01ac1-htm {
    width: 550px;    
    height: 27px;
    background-color: #ece9e1;          
    position: absolute;
    bottom: 0px;
    right: 0.5px;
}

    /* Row 2 */
.cu-ho-row02 {
    margin-left: 15px;
    padding: 0;
}

.cu-ho-row02b {
    display: none;
}

.cu-ho-row02-left-col .vc_column-inner {
    padding-left: 0px !important;

}

.cu-ho-row02-text {
    padding: 0;
    width: 100%;
}

.cu-ho-row02-text h2 {
    margin-top: -39px;
    padding: 0 0 21px 83px;
    letter-spacing: -1.9px;
    font-family: "Roboto Mono";
    font-size: 29px;
    font-weight: 400;
}

    /* Row 3 */

.cu-ho-row03 .vc_column-inner {
    padding: 0;
}

.cu-ho-row03 .section_inner {
    background-color: #000;
}

.cu-ho-row03 p {
    color: #fff;
    padding: 31px 38px 10px 38px;
    margin: 0;
    line-height: 19px;
}

.cu-ho-row03 img {
    padding: 0;
    margin: 0 auto;
}

.cu-ho-row03 h6 {
    color: #fff;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 23px;
    padding: 0;
    margin: 0;
}

.cu-ho-row03-col1 p:first-child,
.cu-ho-row03-col3-text .wpb_wrapper p:nth-child(2) {
    padding: 0 !important;
    margin: 0 !important;
}

.cu-ho-row03-col2-text {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.cu-ho-row03-col3-text p {
    padding-top: 22px;
}

.cu-ho-row03 .qbutton {
    width: 220px;
    border-width: 1px;
}

.cu-ho-row03 .qbutton.large {
    padding-left: 0;
    padding-right: 0;
}

.cu-ho-row03-col3-es45 {
    display: none;
}


@media (min-width: 1001px) and (max-width: 1199px) {
    .cu-ho-row03-col3-text p {
        padding-bottom: 30px;
    }
}

    /* Row 4 What we are about... */
   /** Row 4 on Home delated but these CSS are used in About Page. **/ 

.cu-ho-row04-col1 h1 {
    font-size: 64px !important;
    line-height: 54px !important;
}

.cu-ho-row04-col1-sep {
    width: 40px !important;
}


    /* Row 5 WHAT MAKES */
    /**  Row 5 removed on Home but still required in About page. **/
.cu-ho-r05c2-slider {
    display: none;
}

.cu-ho-r05c1 h2 {
    text-decoration: underline;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 39px;
    color: #505050;
}

.cu-ho-r05c2 h5 {
    font-size: 15px;
    line-height: 22px;
}

.cu-ho-r05c2 ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 -15px;
}

.cu-ho-r05c2 li {
    background: url('/wp-content/uploads/2019/03/plus-dark.png') no-repeat left top;
    background-size: 24px;
    padding: 0 0 0 38px;
    margin-bottom: 30px;
}


    /* Row 6 We are ready.. */
.cu-ho-r06c2 h4 {
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
}


    /* Row 8 TO PUT... */

.cu-ho-r08 h3 {
    font-size: 23px;
    line-height: 35px;
    text-decoration: underline;
    max-width: 814px;
}

    /* Row 9 carousel */


    /* Row 10 BUT DONT... */
.cu-ho-r10 .vc_single_image-wrapper {
    padding-right: 4%;
}

.cu-ho-r10 h2 {
    font-weight: 500;
    line-height: 40px;
    color: #000;
    margin-bottom: 15px;
}

.cu-ho-r10 h4 {
    font-size: 15px;
    line-height: 29px;
    letter-spacing: 0.1em;
    color: #505050;
}


    /* Row 11 Testimonial */
.cu-ho-r11 p {
    text-align: left;
}

.cu-ho-r11 .testimonial_content_inner {
    background: #F2EEE8;
    background: url('/wp-content/uploads/2019/03/plus-light.png') no-repeat left top;
    padding: 29px 0 0 45px;
}

.cu-ho-r11 .testimonial_text_inner p:first-child {
    font-family: Montserrat;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 24px;
    min-height: 244px;
}

.cu-ho-r11 p.testimonial_author {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
}

    /* Row 12 Written To... & latest posts */

.cu-ho-r12-img600 {
    display: none;
}

.cu-ho-r12-vert-sep {
    width: 43px;
    transform: rotate(90deg);
    margin: 0 auto;
}

.cu-ho-r12 h2 {
    margin-top: -38px;
}

.cu-ho-r12 .latest_post_two_info {
    display: none;
}

.cu-ho-r12 .latest_post_two_holder.two_columns {
    display: none;
}

.cu-ho-r12 .latest_post_two_holder.three_columns img {
    height: 270px;
    max-height: 270px;
    object-position: center center;
}

.cu-ho-r12 .latest_post_two_text {
    text-align: left;
    padding: 20px 90px 0 5px;
}

.cu-ho-r12 .latest_post_two_text .separator {
    display: none;
}

.cu-ho-r12 .latest_post_two_text h4 {
    height: 95px;
    padding-top: 4px;
    line-height: 22px;
    letter-spacing: 0.01em;
}

.cu-ho-r12 .latest_post_two_text h4 a {
    text-transform: uppercase !important;
    line-height: 22px;
    letter-spacing: 0.01em;
}

.cu-ho-r12 .latest_post_two_text h4 a:hover {
    color: #ccc4b7 !important;
}

.cu-ho-r12 .latest_post_two_text p.latest_post_two_excerpt {
    min-height: 180px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0em;
    line-height: 30px;
}

.cu-ho-r12 .wp-post-image {
    margin: 0 auto;
}

.cu-ho-r12 .latest_post_two_holder li {
    padding: 0 5px;
}

.cu-ho-r12 .cu-php-read {
    text-decoration: underline;
    font-family: "Montserrat";
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    line-height: 22px !important;
    padding-top: 6px;
}

.cu-ho-r12 .qbutton {
    border-width: 1px;
}


.cu-ho-r12 a.qbutton {
    padding: 0;
    width: 90%;
    max-width: 354px;
    min-width: 300px;
    margin: 0 auto;
}

.cu-ho-r13-esshow1000 {
    display: none;
}

@media (max-width: 1200px) {
    .cu-ho-r01ac1-htm {
        width: 475px; 
    }   

    .cu-row01-right-top p,
    .cu-row01-right-bottom p {
        padding-left: 10%;
    }
 
}  /* end @media 1200  */


    /* iPhone X Landscape */
@media (max-width: 1000px) {

    .header_top .left {
        float: left;
    }

    .header_top .right {
        float: right;
    }

    .home i.line,
    .home i.line:before,
    .home i.line:after {
       background-color: #000  ;        
    }

    .home .popup_menu.opened  i.line:before,
    .home .popup_menu.opened  i.line:after,
    .home .sticky .opened  i.line:before,
    .home .sticky .opened  i.line:after {
           background-color: #fff !important; 
    }

    .home .cu-row01 {
        margin-top: -111px;
    }

    .home .cu-row01-image{
        margin-top: 70px;
    }

    .cu-row01-right-top p,
    .cu-row01-right-bottom p {
        padding-left: 4%;
    }

   .cu-row01-right-top p {
        padding-top: 100px;
    }

    .cu-row01-right-img {
        display: block;
        padding: 27px 0 0 4%;
    }

    .cu-row01-vertical-txt {
        margin-top: 400px;
    }

    .cu-ho-r01ac1-htm {
        width: 384px;   
        bottom: 40px;        
    }    


    .cu-ho-row02  {        
        margin-top: -80px !important;
    }
    
    .cu-ho-row03 .qbutton.large {
        width: 192px;
    }


    .cu-ho-r12 .latest_post_two_holder.three_columns {
        display: none;
    }

    .cu-ho-r12 .latest_post_two_holder.two_columns {
        display: block;
    }

    .cu-ho-r12 .latest_post_two_holder.two_columns .latest_post_two_text {
        padding-left: 17.5px;
    }

    .cu-ho-r13-esshow1000 {
        display: block;
    }

} /** end @media 1000 **/

    /*  iPAD, iP6/7/8+Landscrape (grid 600) */
@media (max-width: 768px) {

    .cu-ho-r01c1,
    .cu-ho-r01c2,
    .cu-ho-r01a,
    .cu-ho-row02 {
        display: none;
    }

    .cu-row01-right {
        width: 100%;
    }

    .cu-row01-right-img {
        padding: 45px 0 0 28px;
    }

    .cu-row01-right-top p {
        padding-top: 97px;
    }

    .cu-ho-row02b {
        display: block;
    }

    .cu-ho-row02-text h2 {
        margin-top: 0;
        padding: 17px 0 18px 0;
    }

    .cu-ho-row02-text::after {
        content: url(/wp-content/uploads/2019/03/Path-762.png);
        display: block;
    }

    .cu-ho-row03-col1, .cu-ho-row03-col2, .cu-ho-row03-col3 {
        width: 98%;
    }

    .cu-ho-row03-col2-text {
        border-left: 0;
    }

    .cu-ho-row03 .qbutton.large {
        width: 220px;
    }


    .cu-ho-r05c2 {
        width: 60%;
    }


    .cu-ho-r11 .testimonial_text_inner p:first-child {
        min-height: 194px;
    }

    .cu-ho-r12 .latest_post_two_holder.two_columns .latest_post_two_text {
        padding-left: 0;
    }

    .cu-ho-r12 a.qbutton {
        margin-top: 22px;
   }


}  /* end @media 768 */

/**  For iPad portrait mod only **/
@media (width: 768px) and (height: 1024px) and (orientation: portrait) {
    .cu-row01-right-top {
        padding-top: 64px;
    }

    .cu-row01-right-bottom {
        padding-bottom: 122px;
    }

   .cu-home-how-we-help-row {
       background-image: none !important;
       background-color: #000;
   }

}  /**  end for iPad only **/


@media (max-width: 767px) {
    .cu-row01-right-img {
        padding: 107px 0 0 28px;
    }
}  /* end @media 767 */



    /* ip5 Landscrape (grid 420) */
@media (max-width: 600px) {

    .mobile_hide,
    .cu-ho-r05,
    .cu-ho-r05c2-list {
        display: none;
    }

    .cu-ho-r05c2-slider {
        display: block;
    }

    .cu-row01-right-img {
        padding-top: 120px;
    }

    .cu-row01-right-img,
    .cu-row01-right-top p,
    .cu-row01-right-bottom p {
        padding-left: 9%;
    }


    .cu-row01-right-top p {
        font-family: "quarto-bold", serif;
        font-size: 67px;
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 60px;
        padding-top: 100px;
    }

   .cu-ho-row02-text {
        height: 62px;
    }

    .cu-ho-row02-text h2 {
        font-size: 20px;
        letter-spacing: -0.02em;
        line-height: 30px;
        padding: 10px 0 0 0;
    }

    .cu-ho-row03 .section_inner {
        width: 100% !important;
    }

    .cu-ho-row03-col1 .wpb_text_column .wpb_wrapper p:nth-child(5),
    .cu-ho-row03-col2 .wpb_text_column .wpb_wrapper p:nth-child(6),
    .cu-ho-row03-col3 .wpb_text_column .wpb_wrapper p:nth-child(3) {
        display: none;
    }

  .cu-ho-row03-col2 a.qbutton.large {
        margin-top: 20px !important;
  }

    .cu-ho-row03-col3-es14 {
        display: none;
    }
    .cu-ho-row03 .qbutton.large {
        width: 225px;
    }

    .cu-ho-row03-col3-es45 {
        display: block;
    }
    .cu-ho-row04-ingd .section_inner_margin {
        display: flex;
        flex-direction: column-reverse;
    }

    .cu-ho-row04-col1 h1 {
        font-size: 49px !important;
        line-height: 41px !important;
        margin-top: 33px;
    }


    .cu-ho-row04-col3 img {
        width: 107px;
        height: 107px;
    }

    .cu-ho-r05c1 h2 {
        font-size: 20px;
        line-height: 30px;
        margin-top: -22px;
    }

    .cu-ho-r05c2 {
        width: 100%;
    }

    .cu-ho-r05c2 ul {
        margin-top: 21px;
        margin-bottom: 0;
    }

    .cu-ho-r06 {
        display: none;
    }


    .cu-ho-r12-es-hide600,
    .cu-ho-r12-img,
    .cu-ho-r12-vert-sep {
        display: none;
    }

    .cu-ho-r12-img600 {
        display: block;
    }

    .cu-ho-r12 h2 {
        margin-top: 2px;
        line-height: 32px;
    }

    .cu-ho-r12 .latest_post_two_holder.three_columns {
        display: block;
    }

    .cu-ho-r12 .latest_post_two_holder.two_columns {
        display: none;
    }

    .cu-ho-r12 .latest_post_two_text {
        padding-left: 0;
        padding-right: 12px;
    }

    .cu-ho-r12 .latest_post_two_text h4 {
        height: unset;
        padding-bottom: 52px;
}
    .cu-ho-r12 .latest_post_two_text p.latest_post_two_excerpt {
        min-height: unset;
    }

    .cu-ho-r12 .cu-php-read {
        padding-top: 37px;
        padding-bottom: 18px
    }
    .cu-ho-r12-es25 {
        display: none;
    }

    .cu-ho-r13-esshow1000 {
        display: none;
    }

}  /* end @media 600 -ip5 Landscrape */


    /* ipX, iP6/7/8 & plus (grid 300) */
@media (max-width: 480px) {

    .cu-row01-right-img {
        display: none;
    }

    .cu-row01-right-top p,
    .cu-row01-right-bottom p {
        padding-left: 7%;
    }

    .cu-row01-right-top p {
        padding-top: 99px;
    }

    .cu-row01-right-bottom p {
        padding-bottom: 78px;
    }

   .cu-row01-right-bottom {
        display: none;
    }

    .cu-ho-r12 .latest_post_two_text p.latest_post_two_excerpt {
        min-height: 10px;
    }


    .cu-ho-r10 h2 {
        text-align: center;
    }

    .cu-ho-r10 h4 {
        text-align: center;
        font-size: 14px;
    }

    .cu-ho-r12 .cu-php-read {
        padding-top: 20px;
        padding-bottom: 26px
    }


}  /* end @media 480 */


/** Mobile - Above the Fold media 411-480 portrait, ip6/7/8+**/
@media (min-height: 650px) and (min-width: 411px) and (max-width: 480px) and (orientation: portrait) {

     .cu-row01-right-top p {
        padding-top: calc(50vh - 119px + 9px);
        padding-bottom: calc(50vh - 187px + 9px);
    }

 

} /**  end media 411-480 portrait, ip6/7/8+ **/

/**  Above The Fold /  ipX, ip 5/6/7/8  **/
@media (min-width: 319px) and (max-width: 410px) and (orientation: portrait) {
 
    .cu-row01-right-top p {
        padding-top: calc(50vh - 149px + 9px);
        padding-bottom: calc(50vh - 217px + 9px);
    }



} /**  end media 319-410 portrait, ipX, ip 5/6/7/8 **/



    /* Mate 9, ip5 */
@media (max-width: 360px) {

   .cu-row01-right-top p {
        font-size: 66px;
    }

   .cu-ho-r12 .latest_post_two_text {
        padding-left: 5px;
        padding-right: 12px;
    }

}  

/*********** End- Home *************/


/*********** Services *************/

.page-id-593 .title_outer {
    background-image: url("/wp-content/uploads/2019/04/TDO_Services-Banner.jpg");
    background-size: cover;
}



    /** Row 1 Our Services ***/
.cu-ser-r01c2-h3text {
    padding: 0 50px;
}

    /** Row 2 What can we...  **/
.cu-ser-r02c1  p, .cu-ser-r02c2  p, .cu-ser-r02c3  p {
    color: #fff;
}

.cu-ser-r02c1, .cu-ser-r02c2, .cu-ser-r02c3 { 
    padding: 0;
    margin: 0
    float: left;
}

.cu-ser-r02c1 .vc_column-inner,
.cu-ser-r02c2 .vc_column-inner,
.cu-ser-r02c3 .vc_column-inner {
    padding: 0;
}

.cu-ser-r02c1-info-text, .cu-ser-r02c2-info-text, .cu-ser-r02c3-info-text {
    height: 222px;
}

.cu-ser-r02c1-info-text, .cu-ser-r02c3-info-text {
     border-left: 1px solid #fff;
     border-right: 1px solid #fff;
}

.cu-ser-r02-3 .cu-btn {
    width: 66%;
    max-width: 354px;
    padding: 0;
}

@media (max-width: 768px) {



    .cu-ser-r01c2-h3text {
        padding: 0 1%;
    }

    .cu-ser-r02c1, .cu-ser-r02c2, .cu-ser-r02c3 {
        width: 100%;
        margin-top: 20px;
    }

    .cu-ser-r02c1-info-text, .cu-ser-r02c2-info-text, .cu-ser-r02c3-info-text {       
        height: unset;
       border-width: 0;
    }

    .cu-ser-r02c1 .cu-btn, .cu-ser-r02c2 .cu-btn, .cu-ser-r02c3 .cu-btn {
        width: 50%;
        max-width: 354px;
        margin-top: 20px;
    }    

    .cu-ser-r02-3 .cu-btn {
        font-size: 12px;
        line-height: 42px;
    }

}  /* End-(max-width: 768px) */ 



/*********** End - Services *************/




/*********** Privacy Policy *************/

.page-id-1354 ul {
    list-style: none;
    position: relative;
    margin-left: 0;
   padding-left: 1.2em;
}

.page-id-1354 ul li:before {
    content: "-"; 
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
    position: absolute;
    left: 0;
}

.page-id-1354 li {
    letter-spacing: 1.17px;
}

/*********** End - Privacy Policy *************/



/*********** T+C *************/

.page-id-1347 ul {
    list-style: none;
    position: relative;
    margin-left: 0;
   padding-left: 1.2em;
}

.page-id-1347 ul li:before {
    content: "-"; 
    font-family: Montserrat;
    font-size: 13px; 
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #4D5555;
    position: absolute;
    left: 0;
}

.page-id-1347 li {
    letter-spacing: 1.17px;
}

/*********** End - T+C *************/



/***************** FAQS *****************/





/*********** End - FAQS *************/


/** 404 **/
.error404 .header_top, .error404 .header_bottom{
     background-color: transparent !important;
}
@media screen and (min-width:1000px) {
.error404 .title {
    display:none;
}

.error404 header:not(.sticky) .popup_menu .line, .error404 header:not(.sticky) .popup_menu .line:after, .error404 header:not(.sticky) .popup_menu .line:before {
   background-color:#fff;
}
}

@media screen and (max-width:1000px) {
 .error404 .title_outer .title {
     padding:0px !important;
 }
}

.error404 header:not(.sticky) .q_logo img.dark {
   opacity:1;
}

.error404 header:not(.sticky) .q_logo img.normal {
   opacity:0;
}

.heading_404 h1{
    color:#fff;
}

.text_body_404 {
    padding: 15px 20px;
    background-color:#000;
    margin:auto;
    max-width:800px;
}

.text_body_404 p, .text_body_404 a, .text_body_404 a:visited {
    color:#fff;
}

.text_body_404 a, .text_body_404 a:hover, .text_body_404 a:visited {
   text-decoration:underline;
}

@media screen and (max-width:600px) {
    .header_top_padding_404, .header_bottom_padding_404 {
         height:150px !important; 
    }
}

/** 404 end **/

/** social share **/
.social_share_list_holder span {
   font-family:"Montserrat";
   font-size:16px;
   color:#000;
   font-weight:bold;
}

.social_share_list_holder ul li i {
   font-size: 18px;
   color: #000;
}

.social_share_list_holder ul li>a:hover, .social_share_list_holder ul li i:hover {
   color: #ccc4b7;
}

.social_share_list_holder ul {
   margin-left:25px;
}

.social_share_list_holder ul li {
   padding-right:10px;
}

.social_share_holder {
   display:none !important;
}

.single.single-post .social_share_list_holder {
    margin-top:50px;
}

/** social share end**/}