/*
Theme Name:   the7dtchild
Theme URI:    http://example.com/The7/
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!
Author:       G.Maccario (child) - Dream-Theme (parent)
Author URI:   http://example.com
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
Tags:         theme, child, responsive-layout, accessibility-ready
Text Domain:  dt-the7
Template: 	  dt-the7
*/
/* =Theme customization starts here
/* -------------------------------------------------------------- */
a[href^=tel], a[href^=mailto] {white-space:nowrap;}
/* paddings */
.default-row.remove-top{padding-top:0px;}
.default-row.remove-bottom{padding-bottom:0px;}
/* separator */
.bespoke-separator > span > span {border-width:0!important;background-color:#10c3cb;background:#10c3cb;background:-webkit-gradient(linear, left top, right top, color-stop(30%, #10c3cb), to(#45faa5));background:linear-gradient(left, #10c3cb 30%, #45faa5 100%);height:3px!important;}
/* text */
p {letter-spacing: 0.02em;}
@media screen and (max-width:400px) {
	h1 {font-size:27px;line-height:33px;}
	h2 {font-size:22px;line-height:28px;}
	h3 {font-size:19px;line-height:25px;}
	p {font-size:16px;line-height:26px;}
}
/* list */
.bfg-list ul li {list-style:none;position:relative;padding:4px 0;}
.bfg-list ul li:before {content:'';display:block;position:absolute;left:-18px;top:18px;height:3px;width:8px;background-color:#10c3cb;background:#10c3cb;background:-webkit-gradient(linear, left top, left bottom, from(left), color-stop(30%, #10c3cb), to(#45faa5));background:linear-gradient(left, #10c3cb 30%, #45faa5 100%);}
/* columns */
@media screen and (min-width:767px) {.only-mobile{display:none!important;}}
@media screen and (max-width:767px) {.only-desktop{display:none!important;}}

/* NAV -------------------------------------------------------------- */
.header-bar {position:relative;padding:0 30px;}
.header-bar:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:-40px;z-index:2;
	background: rgba(0,0,0,0.51);
	background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(0,0,0,0.51)), color-stop(61%, rgba(0,0,0,0.25)), color-stop(70%, rgba(0,0,0,0.2)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0,0,0,0.51)), color-stop(61%, rgba(0,0,0,0.25)), color-stop(70%, rgba(0,0,0,0.2)), to(rgba(0,0,0,0)));
	background: linear-gradient(to bottom, rgba(0,0,0,0.51) 40%, rgba(0,0,0,0.25) 61%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.header-bar .branding, .header-bar #primary-menu {z-index:10;}

/* logo */
.branding {width:300px;padding-top:6px;}
/* text */
.main-nav > li > a .menu-text {text-transform:lowercase;text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6);}
/* sticky nav */
#phantom .logo-box img {width:300px;padding-top:6px;height:auto;}
#phantom {padding:0 30px;}
/* mobile nav */
.mobile-header-bar {padding-top:30px;}
.mobile-branding {max-width:300px;}
.mobile-main-nav li > a .menu-text {color:#fff;}
.mobile-main-nav .current-menu-item {background-color:#2c2e2f;padding-left:10px;}
.mobile-main-nav .current-menu-item  a .menu-text {font-weight:bold;}
@media screen and (max-width:1290px) {.main-nav > li > a {margin-left:8px;margin-right:8px;}}
@media screen and (max-width:1110px) {.main-nav > li > a span{font-size:15px;}}
@media screen and (max-width:420px) {.mobile-branding {max-width:230px;}}

/* HOME SLIDER -------------------------------------------------------------- */
#home-slider-row .hero-text {font-size:5em!important;text-align:center!important;line-height:1.2!important;text-shadow: 1px 2px 5px black, 1px 2px 10px rgba(0, 0, 0, 0.09);}
#home-slider-row .tp-dottedoverlay {background-image:none!important;background-color:#000!important;opacity:0.3;}
/* scroll down */
#home-slider-row  #scroll-down {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:0.3s all ease!important;transition:0.3s all ease!important;padding-bottom:8px!important;border-bottom:3px solid #2ee2b6 !important;}
#home-slider-row  #scroll-down:hover {-webkit-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1050px) {#home-slider-row .hero-text {font-size:4em!important;}}
@media screen and (max-width:600px) {#home-slider-row .hero-text {font-size:3em!important;}}

/* H1 ROW -------------------------------------------------------------- */
#h1-row .first-p {font-size:18px;line-height:32px;}
@media screen and (max-width:800px) {#h1-row .first-p {font-size:16px;line-height:27px;}}
@media screen and (max-width:767px) {#h1-row .first-p {padding-bottom:0;}}

/* PODS ROW -------------------------------------------------------------- */
#pods-row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

#pods-row .single-pod-column .single-pod {background:#10c3cb;background:-webkit-gradient(linear, left top, right top, color-stop(30%, #10c3cb), to(#45faa5))!important;background:linear-gradient(left, #10c3cb 30%, #45faa5 100%)!important;border-radius:4px;margin-bottom:0;height:140px;}
#pods-row .single-pod-column .single-pod img {max-width:none;}
/* title */
#pods-row .single-pod-column .single-pod .ult-new-ib-title {font-weight:bold!important;padding: 0 5px;font-size:20px;letter-spacing:0.05em;text-transform:uppercase;text-shadow: 0px 2px 4px rgba(41, 41, 41, 0.83), 0px 2px 20px rgba(41, 41, 41, 0.83);}
/* read more */
#pods-row .single-pod-column .single-pod .ult-new-ib-content p {font-size:12px;font-weight:bold;letter-spacing:0.01em;text-transform:uppercase;text-shadow: 0px 2px 4px rgba(41, 41, 41, 0.83), 0px 2px 20px rgba(41, 41, 41, 0.83);}


/* FORM COLUMN ----------------------------------------------------------  */
.form-column {background:#10c3cb;background:-webkit-gradient(linear, left top, left bottom, from(left), color-stop(30%, #10c3cb), to(#45faa5))!important;background:linear-gradient(left, #10c3cb 30%, #45faa5 100%)!important;border-radius:6px;}
.form-column:before {content:'';display:block;position:absolute;background-color:#2c2e2f;top:3px;bottom:3px;left:3px;right:3px;border-radius:3px;}
/* labels */
.form-column > div .gform_wrapper .gform_body label.gfield_label {font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:0.05em;}
/* input */
.form-column > div .gform_body .top_label input, .form-column > div .gform_wrapper textarea.small {color:#333;font-size:16px!important;padding-left:10px!important;border-radius:5px;}
.form-column > div .gform_body .email input {width:100%;}
.form-column > div .gform_body .top_label input:focus, .form-column > div .gform_wrapper textarea.small:focus {border:3px solid #10c3cb;}
/* required */
.form-column > div .gform_body .required-text-container {font-size: 13px;}
.form-column > div .gform_body .required-text-container span {color:#10c3cb;}
/* button */
.form-column > div .gform_footer input.button {width:calc(100% - 16px);padding-right:16px;margin-right:0;border-color:#fff;border-radius:0;background-color:#333;color:#fff;line-height:1;letter-spacing:0.08em;font-size:15px!important;text-transform:uppercase!important;font-weight:bold!important;border-radius:5px;text-shadow: 0px 2px 4px rgba(41, 41, 41, 0.83), 0px 2px 20px rgba(41, 41, 41, 0.83);}
.form-column > div .gform_footer input.button:hover {color:#fff;text-decoration:underline;}
/* contact page fix */

@media screen and (max-width:800px) {
	#form-row.contact-page {padding-top:20px!important;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	#form-row > div {width:100%;}
	.form-column{margin-bottom:40px;}
}

@media screen and (max-width:779px) {#form-row .form-column {width:calc(100% - 20px);margin-left:10px;margin-right:10px;}}

@media screen and (max-width:640px) {.form-column > div .gform_footer input.button{width:100%;}}

/* TESTIMONIAL ROW ----------------------------------------------------------  */
#testimonial-row {max-width:780px;margin: 0 auto;overflow:visible;left:auto!important; background-position: center center !important;}
#testimonial-row .slick-list {overflow:visible;}
#testimonial-row .slick-slide {opacity:0.6;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
#testimonial-row .slick-slide.slick-current {opacity:1;}
#testimonial-row .slick-slide .single-testimonial-row p {text-align:center;}
@media screen and (max-width:576px) {
  /*#testimonial-row {display:none;}*/
  #testimonial-row {
    width:100% !important;
  }

}

/* USP ROW ----------------------------------------------------------  */
/* 
#awards-row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#awards-row .single-awards-column {width:25%;}
#awards-row .single-awards-column img {max-width:150px;}
@media screen and (max-width:750px) {#awards-row .single-awards-column {width:50%;}}
*/

/* CTA ROW ----------------------------------------------------------  */
#cta-row {background:#10c3cb;background:-webkit-gradient(linear, left top, right top, color-stop(30%, #10c3cb), to(#45faa5))!important;background:linear-gradient(left, #10c3cb 30%, #45faa5 100%)!important;border-radius:6px;overflow:hidden;}
#cta-row:before {content:'';display:block;position:absolute;background-color:#2c2e2f;top:3px;bottom:3px;left:3px;right:3px;border-radius:3px;}
/* text */
#cta-row .text {margin-bottom:0;padding-left:30px;}
#cta-row .text p {color:#fff;font-size:28px;letter-spacing:0.05em;line-height:1.5;font-family: Lato, Helvetica, Arial, Verdana, sans-serif;}
#cta-row .text p a {color:#fff;letter-spacing:0.05em;-webkit-transition:0.3s all ease;transition:0.3s all ease;font-size:32px;}
#cta-row .text p a:hover {letter-spacing:0.08em;}
/* map */
#cta-row .map-column > div {padding-right:0;padding-left:0;}
#cta-row .map-widget {margin-bottom:0;}
@media screen and (max-width:1150px) {
	#cta-row > div {width:100%;}
	#cta-row .text {padding-left:10px;padding-right:10px;max-width:700px;margin:40px auto;}
	#cta-row .text p {text-align:center;text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.09);}
}
@media screen and (max-width:600px) {#cta-row .text p {font-size:20px;}}
@media screen and (min-width:550px) {#cta-row .cta-br {display:none;}}

/* FOOTER ----------------------------------------------------------  */
/*#footer .wf-container-footer {padding-top:120px;padding-bottom:75px;}*/
#footer .wf-container {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#footer section {width:25%;min-width:140px;}
#footer section:nth-child(2) {width:50%;}
#footer section #footer-logo {max-width:200px;float:left;}
#footer section #footer-contacts {text-align:center;}
#footer section #footer-contacts p {font-size:15px;letter-spacing: 0.05em;}
#footer section #footer-contacts p a {font-size:20px;}
#footer section #footer-socials {float:right;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#footer section #footer-socials a {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid #fff;border-radius:50%;width:30px;height:30px;margin: 0 5px;}
@media screen and (max-width:760px) {
	#footer section, #footer section:nth-child(2) {width:100%;min-width:140px;}
	#footer section #footer-logo, #footer section #footer-socials {float:none;margin:0 auto;}
}
@media screen and (max-width:450px) {#footer section #footer-contacts p a {font-size:17px;}}

/* 10.08.2018 - MS */

/*
.home #pods-row .single-pod-column {
    width: 20% !important;
}
*/
.mobile-ctc {display:none;}

@media screen and (max-width:480px) {
    .mobile-ctc {
        display: block;
        z-index: 9;
        background-color: #10c3cb;
        background: #10c3cb;
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, #10c3cb), to(#45faa5));
        background: linear-gradient(left, #10c3cb 30%, #45faa5 100%);
        -webkit-transition: 0.2s all ease;
        transition: 0.2s all ease;
        position: fixed;
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 20px 0 10px 0;
        text-align: center;
    }
    .mobile-ctc a {
        color: #fff !important;
        font-size: 18px;
        font-weight: 100;
    }
}

/*--additional css--*/

h3 {
    font-size: 20px;
}

#footer section #footer-socials a:hover i{color:#33E1B0;}

.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: 0px !important;
}

ul.sub-nav.gradient-hover.level-arrows-on span.menu-text{
	font-weight: bold;
}
.vc_column-inner.vc_custom_1539769260371, .vc_column-inner.vc_custom_1539767369201, .vc_column-inner.vc_custom_1539767848312, .vc_column-inner.vc_custom_1539768514129, .vc_column-inner.vc_custom_1539768784213, .vc_column-inner.vc_custom_1539763511637, .vc_column-inner.vc_custom_1539763697200,.vc_column-inner.vc_custom_1539765827822, .vc_column-inner.vc_custom_1539765393453, .vc_column-inner.vc_custom_1539764832798{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
	margin-bottom: 0px;
}
span.menu-text{
	text-transform: capitalize !important;
}
/*ET amend*/

.banner-col {padding: 2%}
.bg-banner {background: #10c3cb; /* Old browsers */
    background: -moz-linear-gradient(left, #10c3cb 0%, #45faa5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #10c3cb 0%,#45faa5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #10c3cb 0%,#45faa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10c3cb', endColorstr='#45faa5',GradientType=1 ); /* IE6-9 */
}

    .bg-banner .vc_btn3-container {
        margin-bottom: 0px;}

.btn-banner .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-fla {
    background-color: #fff0;
    border: solid #2bdfb8;
    color:#2bdfb8;
    line-height: 1;
    letter-spacing: 0.08em;
    font-size: 15px!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    text-shadow: 0px 2px 4px rgba(41, 41, 41, 0.83), 0px 2px 0px rgba(41, 41, 41, 0);
        } 

.btn-banner a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-color-grey {
            background-color: #fff;
            border: solid #fff;
            color: #2c2e2f;
            line-height: 1;
            letter-spacing: 0.08em;
            font-size: 15px!important;
            text-transform: uppercase!important;
            font-weight: bold!important;}
        
.btn-banner .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover, .btn-banner .vc_btn3.vc_btn3-color-white:hover {
    color: #000;
    background-color: #2bdfb8;
    border: solid #2bdfb8;
        }

 .btn-banner a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-color-grey:hover {
            color: #FFF;
            background-color: #fff0;
            border: solid #fff;
            text-shadow: 0px 2px 4px rgba(41, 41, 41, 0.83), 0px 2px 0px rgba(41, 41, 41, 0);
                }
.banner p {
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
    color: #fcfcfc;
    font: normal 100 44px / 54px "Lato", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
}

.banner2 p {
    
    font-weight: bold;
    color: #fcfcfc;
    font: normal 100 44px / 54px "Lato", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
}


/* AW GENERAL --------------------------------------------------------------*/
.aw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  /* columns start stacking on small screens */
  @media (max-width: 1240px) {
    .aw {
      -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
      -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
    }
  }
  
  /* columns expand to 100% on mobile */
  @media (max-width: 600px) {
    .aw .wpb_column.vc_column_container {
      -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
    }
  }
  
  /* column max-width - please only change the margin between the columns and adjust the flex-basis so the total is always 50 */
  .aw .wpb_column.vc_column_container {
    width: 0;
   -ms-flex-preferred-size: calc(50% - 20px);
    flex-basis:calc(50% - 20px);
    margin:10px;
  }
  
  /* use this class when you have 3 aw to adjust the responsive - please only change the margin between the columns and adjust the flex-basis so the total is always 33 */
  .aw.aw-three-col .wpb_column.vc_column_container {
     -ms-flex-preferred-size: calc(33.333% - 20px);
    flex-basis:calc(33.333% - 20px);
    margin:10px;
  }
  
  .aw.aw-three-col {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  
  /* columns expand to 100% on mobile */
  @media (max-width: 680px) {
    .aw.aw-three-col .wpb_column.vc_column_container {
      -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
    }
  }
  
  /* add margin bottom to icon image */
  .aw .wpb_single_image img {
    margin-bottom: 15px;
  }
  
  
  /* aw ONE ------------------------------------------------------------------*/
 
  /* columns padding */
  .aw.aw-one .vc_column-inner {
    padding: 8% !important;
  }
  
  /* center align content and image */
  .aw.aw-one, .aw.aw-one .wpb_single_image.vc_align_left {
    text-align: center !important;
  }
.banner-two {border-radius: 4px;}

.banner-link {
    position: absolute;
    position: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     z-index: 9 !important;}


    .text-top{position: relative;
    z-index: 2;}

#banner-three {
    border-left: 4px solid #3EC8AC;
    border-right: 4px solid #4E90A4;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 4px;
    -moz-background-size: 100% 4px;
    background-size: 100% 4px;
    background-image: -webkit-linear-gradient(left, #3EC8AC 0%, #10c3cb 100%), -webkit-linear-gradient(left, #3EC8AC 0%, #10c3cb 100%);
    background-image: -moz-linear-gradient(left, #3EC8AC 0%, #10c3cb 100%), -moz-linear-gradient(left, #3EC8AC 0%, #10c3cb 100%);
    background-image: -o-linear-gradient(left, #3EC8AC 0%, #10c3cb 100%), -o-linear-gradient(left, #3EC8AC 0%, #10c3cb 100%);
    background-image: linear-gradient(to right, #3EC8AC 0%, #10c3cb 100%), linear-gradient(to right, #3EC8AC 0%, #10c3cb 100%);}
  .banner-img {padding:20px 0px 15px 0px}

  #banner-three:hover .btn-banner .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat, #banner-three:hover .btn-banner .vc_btn3.vc_btn3-color-white {
    color: #000;
    background-color: #2bdfb8;
    border: solid #2bdfb8;
} 


.awards {
  position: absolute; 
  right: 20px; 
  top: 120px; 
  z-index: 999;
  width:300px;
  display:inline-block;
}

@media only screen and (min-width: 600px) {
  .awards {
    right: 20px; 
    top: 150px; 
  }
}

.awards img {
  width:75px;
  height:auto;
  float:right;
  margin-right:15px;    
  border: 1px solid #505050;

}