/******************* Layouts css goes here ********************/
/*Superfly/NKS fixes*/

.sfm-pos-right .sfm-rollback {
    width: 0px;
}

.nks_cc_transitioning #nks_cc_sidebar,
.nks_cc_hidden #nks_cc_sidebar {
    z-index: -3 !important;
}

#nks-body-bg {
    z-index: -3 !important;
}



.dtf-header-title h1{
    text-transform: none;
    font-variant:small-caps;
}

blockquote{
    position:relative;
    padding-left: 40px;
    padding-right: 40px;
    border-left: 0px;
}
  blockquote>*{
  }
blockquote::before,
blockquote::after{
  display:inline-block;
  font-size: 100px;
  position:absolute;
  font-family:Raleway, Helvetica, Arial, sans-serif;
  color: #5D9ABE !important;
}
.title-larger-tagline-body-with-background blockquote::before,
.title-larger-tagline-body-with-background blockquote::after{
  color: #FFFFFF !important;
}
blockquote::before{
  left: 0;
  top: 0;
  height: 25px;
  line-height: 100px;
  margin-bottom: 0px;
  Content:"“";
}
blockquote::after{
  right: 0;
  bottom: 0;
  height: 30px;
  line-height: 70px;
  margin-bottom: 0px;
  Content:"”";
}

/** FORCE HEADER SPACER BEHIND UNSCROLLED NON-HERO PAGES TO BE A SPECIFIC COLOUR RATHER THAN THE INVERTED BG COLOR **/
body.theme-light .header-spacer, body.theme-light .dtf-hero {
    background-color: #132530 !important;
}

/** CLIENT BACKGROUND ACCENT IMAGE **/
.dtf-background-accent {
    background-image: url(http://agency.theme.to/cre/_vanilla/wp-content/uploads/2017/08/SE001_OurStory_bg-1024x768.png) !important;
    background-attachment:fixed !important;
}
.dtf-background-accent2{
	background-image: url(http://agency.theme.to/cre/_vanilla/wp-content/uploads/2017/09/SE001-Client_Focus_background_fade.jpg) !important;
	background-size: cover;
  	background-position: center center;
  	background-repeat:no-repeat;
    box-shadow: 
        inset 0px 21px 28px -20px rgba(0,0,0,0.4),
}

/**** HERO OVERLAY ADJUSTMENT FOR SE001 - SEE REVO SLIDE CSS FOR SLIDER SPECIFIC CSS ****/
body.theme-dark .dtf-image-overlay::before,
body.theme-light .invert .dtf-image-overlay::before{
	opacity: 0.25;
}
body.theme-dark .dtf-image-overlay::after,
body.theme-light .invert .dtf-image-overlay::after{
	opacity: 0.25;
}

/**** SPLASH PAGE HERO ADJUSTMENTS - FIRST LETTER ALL CAPS ****/
body.home .dtf-hero h1 {
    white-space: normal !important;
    font-style:italic;
}
body.home .dtf-hero h4{
    font-family: 'Selima';
    letter-spacing: -.01em !important;
    font-size: 11em !important;
    margin-bottom: 50px !important;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.51);
}
body.home .dtf-hero h4::first-letter{
    font-size: 1.7em !important;
    letter-spacing: -.1em !important;
}
@media screen and (max-width: 496px){
  body.home .dtf-hero .tp-caption h4{
    line-height: 5rem !important;
    font-size: 5em !important;
  }
}


/**** SPLASH PAGE TABS - UNDERLINED SERIF ****/
.splash-tabs{
    margin-top: 5px;
}
    .splash-tabs ul.nav-pills{
        text-align:center !important;
    }
    .splash-tabs ul.nav-pills li{
        float: none;
        display: inline-block;
    }

    .splash-tabs .tab-content {
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .splash-tabs ul.nav-pills li a{
        font-family: "Lora", Georgia, serif;
        text-transform: uppercase;
        font-weight: 400;
        font-style: normal;
        font-size: 1.3em;
        border-radius: 0px !important;
        border-width: 0 0 2px 0 !important;
        background:none !important;
        border-color: rgba(255, 255, 255, 0) !important;
        padding-left: 0px;
        padding-right: 0px;
        color: #5d9abe !important;
    }
        .splash-tabs ul.nav-pills li.active a,
		.splash-tabs ul.nav-pills li:hover a{
            border-color: #fff !important;
            color: #fff !important;
        }
    @media screen and (min-width: 768px){
        .splash-tabs ul.nav-pills li:first-child{
          padding-left:0px;
        }
        .splash-tabs ul.nav-pills li{
            border-right: 2px solid #ffffff;
            padding-right:20px;
            padding-left:20px;
        }
        .splash-tabs ul.nav-pills li:last-child{
          	border-right: 0px solid #ffffff;
          	padding-right:0px;
        }
    }
    @media screen and (max-width: 767px){
        .splash-tabs ul.nav-pills li{
            display: block !important;
            width: auto !important;
            margin: 0 60px !important;
            position:relative !important;
        }
    }


/**** SPLASH PAGE TABS - SANS SERIF ****/

.splash-tabs-2 .tab-content {
  margin-top: 30px;
  margin-bottom: 50px;
}

.splash-tabs-2 ul.nav-pills{
    text-align:center !important;
}
    .splash-tabs-2 ul.nav-pills li{
        float: none;
        display: inline-block;
        border-radius: 0px;
    }
        .splash-tabs-2 ul.nav-pills li a{
            border-width: 0;
            background:none !important;
            border-radius: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            font-variant: small-caps;
            font-family: "Raleway", Helvetica, Arial, sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 1.4em;
            line-height: 1.10em;
        }
    .splash-tabs-2 ul.nav-pills li:not(.active) a{
        color: #5d9abe;
    }
    .splash-tabs-2 ul.nav-pills li:hover a{
        color: #000000 !important;
    }

@media screen and (min-width: 768px){
    .splash-tabs-2 ul.nav-pills li:first-child{
        padding-left:0px;
    }
    .splash-tabs-2 ul.nav-pills li{
        border-right: 2px solid #000000;
        padding-right:10px;
        padding-left:10px;
    }
    .splash-tabs-2 ul.nav-pills li:last-child{
        padding-left:10px;
        border-right: 0px;
    }
}
@media screen and (max-width: 767px){
    .splash-tabs-2 ul.nav-pills li{
        display: block !important;
        width: auto !important;
        margin: 0 60px !important;
        position:relative !important;
    }
}


/******** footer menu adjustments *********/
.dtf-footer-menu a{
    text-transform: uppercase;
    font-size: 80%;
}

body.theme-light .dtf-footer-menu ul.sub-menu li a {
    color: #ffffff;
    text-transform: none;
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.dtf-footer-menu ul.sub-menu{
    margin-bottom: 13px;
}
.dtf-footer-menu ul li a{
    width: 100%;
    display: block;
}
  .dtf-footer-menu ul li a:hover,
  .dtf-footer-menu ul.sub-menu li a:hover{
      color: #fff !important;
  }
.footer-left i.icon-agency-location {
    display:none;
}
.footer-left p{
    text-transform:none !important;
    padding-left: 0px !important;
    font-size: 1.2rem;
}
  .footer-left i.icon-agency-location {
      display:none;
  }

/******************* FLOW FLOW FIX ********************/
.ff-stream{
    min-height: 0px !important;
}


/******************* GLOBAL REACH ACCORDION BTN *********************/
.globalreachaccordion .vc_tta-panel{
    text-align:center;
}

.globalreachaccordion .vc_tta-panel-heading{
    width: auto !important;
    display: inline-block;
    font-size: .8em;
    background-color:#5d9abe !important;
    color: #FFF !important;
}
.globalreachaccordion .vc_tta-panel-heading a{
    color: #FFF !important;
}
.globalreachaccordion .vc_tta-controls-icon::before{
    border-color: #FFF !important;
}
.globalreachaccordion .vc_tta-panel span.vc_tta-title-text::before {
    content: "Expand " !important;
}
.globalreachaccordion .vc_tta-panel.vc_active span.vc_tta-title-text::before {
    content: "Close " !important;
}
=