body{
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

.jumbotron h1{
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.jumbotron .lead{
    font-family: 'Poppins';
    font-weight: 400;
    text-transform: uppercase;
}

.jumbotron h1 span{  
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background: #FFF;
    color: #333;
    padding:  8px;
}


.jumbotron p span{  
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background: #FFF;
    color: #333;
    padding:  5px;
}


.section-title{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    letter-spacing: 7px;
    text-transform: uppercase;
}

.section-title::after {
    background: #333;
    content: "";
    display: block;
}


.list-title{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}


/*WRAPPERS*/

.white-wrapper{
	background: #FFF;
	color: #333;
}

.light-wrapper-1{
	background: #fcfcfc;
	color: #333;
}


/*BUTTONS BTN*/

.btn{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 600ms;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;	
}

.btn-default{
    color: #333;
	background-color: #FFF;
    border-color:  #333;   
    border-style: solid;  
}

.btn-default:hover{
	color: #FFF;	
	background-color: #333;
	border-color: #fff;
}

.btn-default:focus, .btn-default:active{
	background-color: #333;
	color: #FFF;
}

.btn-primary{
	color: #FFF;	
	background-color: #333;
    border-color:  #FFF;   
    border-style: solid;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus{
	color: #333;	
	background-color: #fff;
	border-color: #333;
}

.btn-primary:active{
	color: #FFF;	
	background-color: #333;
	border-color: #FFF;
}

.btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #FFF;
	border-color: #333;
	color: #333;	
}


/* BROCHURE */

.feature .icon i {
    color: inherit;
}

/* CLIENT LOGOS */

.client-logos li a  {
    opacity: 0.8;
}

.client-logos li a:hover {
    opacity: 1;
}

/* INSTAGRAM */

.swiper-container.instagram img {
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);

border: 3px solid #333;
}

/* SERVICE ICONS*/

.feature-link:hover{
background: #333;
color: #fff;
}

.feature-link{

background: #FFF;
color: #333;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.services-1 .icon-wrapper:after {

    border-bottom: 1px solid rgba(0,0,0,0.16);

}

/*SERVICE LINKS */


.feature .icon i{
	color: inherit;
}

.feature-link {
    background: #FFF;
	border: 4px solid #f9f9f9;
	
}

.feature-link:hover, .feature-link:focus, .feature-link:active {
    background: #333;
	color: #FFF!important;
	text-decoration: none;
	
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

/*TEAM INFO CARDS*/

.info-card-header{
    background: #333;
    color:  #FFF;
    
}

.info-card .info-card-details::-webkit-scrollbar-track {
	background: transparent;
}
.info-card .info-card-details::-webkit-scrollbar-thumb {
	background: rgb(160, 160, 160);
}
.info-card .info-card-details::-webkit-scrollbar-thumb:hover {
	background: rgb(130, 130, 130);
}

.info-card-details{
    
    background: #333;
    color: #fff;
}

.carousel-caption {
	text-shadow: none;
}

.carousel-indicators .active {

    background-color: #FFF;
	
}

.carousel-indicators li {
border-color: #FFF;
}

/*NAVBAR*/

.navbar-default .navbar-nav > li > a, .dropdown-menu a {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 500;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.navbar-default {
    background-color: #222;
    border-color: #222;
    border-bottom: 0;
    border-radius: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
    color:  #FFF;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #FFF;
}

.navbar-nav .active a, .navbar-nav .active a:hover, .navbar-nav .active a:focus, .navbar-nav .active a:active{
    
    background:  transparent!important;
    color:  #FFF!important;
}

.navbar-nav .dropdown-menu .active a, .navbar-nav .dropdown-menu .active a:hover, .navbar-nav .dropdown-menu .active a:focus, .navbar-nav .dropdown-menu .active a:active{
    
    background:  #333!important;
    color:  #FFF!important;
}

.navbar-collapse {
    background-color: #222222;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:active {
    color: #FFF;
}

/* FOOTER */

footer{
 background:  #333; 
 color:  #FFF;
    
}

.i-customer-service:before {
    color: #FFF;
    content: "\f4b8";
    font-family: "Ionicons";
    font-weight: normal;

  
}

.footer-info a:hover{
    
    color: #FAFAFA ;
}

.footer-credits a{
    text-decoration: none;
    color:  inherit;
}

/* */




.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active{
    color: #FFF;
}


.dropdown-menu {

    background-color: #222;
    border: 1px solid #222;
    border-radius: 0px;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}

.dropdown-menu > li > a {

    color: #FFF;
    white-space: nowrap;
}

.social-inline a{
    
    color: #FFF;
}

.footer-info a{
    
    color:  #FFF;
    text-decoration: none;
}

.footer-info a:hover, .footer-info a:focus, .footer-info a:active{
    
    color:  #FFF;
    text-decoration: none;
}

/*dropdown cta*/

.dropdown-cta{
    background-color:  #fff;
    color: #333;
    border: 2px solid #333;

   
}

.dropdown-cta > li > a {
    color: #333;
}

.dropdown-cta > li > a:hover, .dropdown-cta > li > a:focus, .dropdown-cta > li > a:active {
background-color:  #333;
color: #fff;
}


/* TESTIMONIALS */

.testimonials {
    
    color:  #FFF!important;
    background: #333;
    font-style: italic;
}

.testimonials p, .testimonials small{
    
    color:  #FFF;

}

/* Billboard Contact Form */

.dark-wrapper-1 .vanilla-form input{
background: #333;
border-color: #fff;
color: #FFF;
}

input:placeholder{
color: FFF;
}

.dark-wrapper-1 .vanilla-form label.custom-select span, .dark-wrapper-1 textarea {
	background-color: #333;
	border: 1px solid #fafafa;
}

.dark-wrapper-1 .vanilla-form label.custom-select span{

border-left: 0;
}

.dark-wrapper-1 .vanilla-form label.custom-select .caret{
color: #333;
border-left: 0;
}

.dark-wrapper-1 .vanilla-form label.custom-select select:active + span,
.dark-wrapper-1 .vanilla-form label.custom-select select:focus + span {
  background-color: #66bbfd;
  border: 1px solid #33a4fd;
  
}

.dark-wrapper-1 select{
background: #333;
border: 1px solid #fafafa;
}

.select-caret{
color: #FFF;
}

.dark-wrapper-1 .vanilla-form input[type="radio"] + span {
    border: 1px solid #FFF;
	background: #FFF;
}

.dark-wrapper-1 .vanilla-form input[type="checkbox"] + span {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #FFF;
	background: #FFF;
}

.dark-wrapper-1 .vanilla-form ::-webkit-input-placeholder {
   color: #FFF;
}

.dark-wrapper-1 .vanilla-form :-moz-placeholder { /* Firefox 18- */
   color: #FFF;
}

.dark-wrapper-1.vanilla-form ::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF; 
}

.dark-wrapper-1 .vanilla-form :-ms-input-placeholder {  
   color: #FFF;  
}

.dark-wrapper-1 .back-button{
color: #FAFAFA;
background: transparent;
}


.vanilla-form input, .vanilla-form textarea, .vanilla-form select {
    background: #FFF;

	border: 3px solid  #E0E2E4;
    color: #30364B;
}

/*form*/

.vanilla-form select {

    color: #333;
	font-weight: 400;
}

.vanilla-form label.custom-select span {

    background-color: #FFF;
	border: 3px solid  #E0E2E4;

	border-left: 0;

}

.vanilla-form label.custom-select span i{
color: #AEB3BA;
	padding-top: 0;
}

/* Process Animated */

.tab a{
text-decoration: none;
    color:  #333;
}

.icon-title{
    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    color:  #333;
}

.value-props-2 .icon-title {
    color: inherit;
}

.value-props-2 .tab{
	border: 4px solid #FFF;
	color: #DFDFDF;
	 transition: all 900ms;	
}

.value-props-2 .tab.col-sm-3.active{
	border: 4px solid #FFF;

}

.value-props-2 .tab.col-sm-3.active {
    background: transparent;

	text-decoration: none;
	color:  #333;

}

.value-props-2 .tab.active{
	background: #FFF;
	border: 4px solid #F8F8FA;
}

    .swiper-container {
     
        height: 300px;
        margin: 20px auto;
    }

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFF;
}

.instagram-cta{
    
    margin-bottom: 20px;
}