/*------------------------------------*\
    #BASE ELEMENTS
\*------------------------------------*/
::-moz-selection {
  background-color: #38c9dd;
  color: #FFF; }
::selection {
  background-color: #38c9dd;
  color: #FFF; }

.pl20 {padding-left:20px}
.greyback {background-color:#263A4D;padding:20px!important }
.picback {background:url('../images/bowls.webp') no-repeat center center;background-size: cover;min-width:122px!important;min-height:288px!important}
.cbp-af-header {
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
	position:fixed;z-index:5;top:0px;width:100%;height:100px;background:rgba(0,0,0,0)
}

.cbp-af-header .prospereo-logo-image{
	background-image:url("../images/prospereo-logo.png");
		background-repeat: no-repeat;
	background-position: bottom;
	width:288px;height:111px;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}

.cbp-af-header .logo-image{
	background-image:url("../images/allbright-logo.png");
		background-repeat: no-repeat;
	width:222px;height:139px;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}

.cbp-af-header .logo-image:hover {
	background-image:url("../images/allbright-logo-over.png");
		background-repeat: no-repeat;
}


.cbp-af-header.cbp-af-header-shrink {
	background:rgba(22,10,21,0.8);
}
.cbp-af-header.cbp-af-header-shrink .logo-image {
	width:155px;height:90px;	
		background-image:url("../images/allbright-logo-sml.png");
		background-repeat: no-repeat;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}

.cbp-af-header.cbp-af-header-shrink .logo-image:hover {
		background-image:url("../images/allbright-logo-over-sml.png");
		background-repeat: no-repeat;
}

.hero-main-slider .slide:after {
		opacity: 0.5;
	}
.hero-main-slider .swiper-buttons {
		position: absolute;
		left: 50%;
	margin-left:-31px;
		bottom: 15px;
	}

.titles-sub { position:absolute; top:200px; z-index: 3;width:100%}

.titles-sub-title {font-size:18px; font-weight: 700; text-transform: uppercase;line-height: 44px;}

.sub-main {text-align:center;width:100%;margin:0 auto!important;padding: 0px!important}
.sub-contain {padding:0 148px;}

.line-separator-medium {
    background: #ffffff;
    width: 100px;
    height: 3px;
    margin: 5px 0 15px 0;
    display: inline-block;
}

.fbsocmed {
	width: 22px;
	height: 22px;
	background: url("../images/fb.png") no-repeat;
	background-size: contain;
	-webkit-transition: 0.6s;
    transition: 0.6s;
}
.fbsocmed:hover {
	width: 22px;
	height: 22px;
	background: url("../images/fb-over.png") no-repeat;
	background-size: contain;
}

.lisocmed {
	width: 22px;
	height: 22px;
	background: url("../images/linkedin.png") no-repeat;
	background-size: contain;
	-webkit-transition: 0.6s;
    transition: 0.6s;
}
.lisocmed:hover {
	width: 22px;
	height: 22px;
	background: url("../images/linkedin-over.png") no-repeat;
	background-size: contain;
}

.tcpp {color:#4ba4b1!important;
  font-size: 0.7rem!important;
  font-weight: 600!important;}
.tcpp:hover {color: #fff!important;
  font-size: 0.7rem!important;
  font-weight: 600!important;}

.titles h1 {
  font-size: 3.8rem;font-family: 'Barlow Condensed', sans-serif;line-height:1; font-weight:500; letter-spacing:-2px; text-shadow: 0 0 0px rgba(255,255,255, 0) }
 h5 {
  font-family: 'Barlow Condensed', sans-serif; font-weight:300; letter-spacing:0.1em; font-size: 1.8rem; line-height:2.5rem;color:#b3ee9f }
.titles p {margin:-5px 0 50px 0;width:72%;font-size:1rem;}

.text-primary{color:#b3ee9f !important;}
.playfair{color:#ffffff !important;font-size: 64px;font-weight:900;font-family: 'Oswald', sans-serif;line-height:0.6;text-transform:none}

.btns {
  background: none;
  border: 1px solid #dadada;
  color: #222;
  font-size: 1rem;
  font-weight: 600;
  outline: none !important;
  padding: 14px 40px;
  -webkit-transition: .2s border-color, .2s background-color, .2s color;
          transition: .2s border-color, .2s background-color, .2s color;
  appearance: none;
  -webkit-appearance: none; }

.findoutmore .btns {
  color:#D6D6D6;
  background: rgba(0, 0, 0, .2);  
  -webkit-border-radius: 0;
          border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  max-width: 100%;
  -webkit-transition: 0.6s;
  transition: 0.6s
}

.findoutmore .btns:hover {
      border-color:#FFFFFF;
      color:#ffffff;
	  background: rgba(0, 0, 0, .6);  
}
.findoutmore .btns.btn-lg {
  padding: 11px 33px; }

.h-text {font-size:0.9rem}
.h-text a {color:#38c9dd!important;
  font-size: 0.8rem!important;
  font-weight: 600!important;
text-transform: uppercase;
-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;}

.h-text a:hover {color: #fff!important;
  font-size: 0.9rem!important;
  font-weight: 600!important;}

.work-indent {margin:0 0 20px 0}
.right-indent {padding-right:44px;}
.left-indent {padding-left:10px;}

.white-active {color:#b3ee9f!important;font-weight: 700!important;
-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;}

.white-active a {color:#999!important;
-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;}

.white-active:hover {color:#fff!important;}

.strategy-icon{background:url("../images/icon-strategy.png") no-repeat;min-width:222px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }
.design-icon{background:url("../images/icon-design.png") no-repeat;min-width:222px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }
.brand-icon{background:url("../images/icon-brand-dev.png") no-repeat;min-width:288px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }
.web-icon{background:url("../images/icon-web.png") no-repeat;min-width:222px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }
.mobile-icon{background:url("../images/icon-mobile.png") no-repeat;min-width:222px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }
.search-icon{background:url("../images/icon-seo.png") no-repeat;min-width:222px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }
.social-icon{background:url("../images/icon-socials.png") no-repeat;min-width:222px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }
.video-icon{background:url("../images/icon-video.png") no-repeat;min-width:222px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }
.support-icon{background:url("../images/icon-support.png") no-repeat;min-width:222px;height: 44px;background-size: contain;font-size:14px;text-transform: uppercase;float:left;padding:11px 0px 0px 55px;margin:-25px 0px 10px 13px  }

@media only screen and (max-width: 991px) {
.strategy-icon{background:url("../images/icon-strategy.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.design-icon{background:url("../images/icon-design.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.brand-icon{background:url("../images/icon-brand-dev.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.web-icon{background:url("../images/icon-web.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.mobile-icon{background:url("../images/icon-mobile.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.search-icon{background:url("../images/icon-seo.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.social-icon{background:url("../images/icon-socials.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.video-icon{background:url("../images/icon-video.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.support-icon{background:url("../images/icon-support.png") no-repeat;min-width:366px;height: 66px;background-size: contain;font-size:16px;text-transform: uppercase;float:left;padding:18px 0px 0px 88px;margin:-25px 0px 10px 13px  }
.pl20 {padding-left:0px}

}

@media only screen and (max-width: 576px) {
.strategy-icon{background:url("../images/icon-strategy.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
.design-icon{background:url("../images/icon-design.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
.brand-icon{background:url("../images/icon-brand-dev.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
.web-icon{background:url("../images/icon-web.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
.mobile-icon{background:url("../images/icon-mobile.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
.search-icon{background:url("../images/icon-seo.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
.social-icon{background:url("../images/icon-socials.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
.video-icon{background:url("../images/icon-video.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
.support-icon{background:url("../images/icon-support.png") no-repeat;width:100%;height: 88px;background-size: contain;font-size:18px;text-transform: uppercase;float:left;padding:28px 0px 0px 111px;margin:-25px 0px 10px 13px  }
}

@media screen and (max-width: 768px) {
.hero-main-slider .slide-titles { top:0px;}
.titles p {margin-top:-15px;width:88%;font-size: 1rem;}
.titles h1 {font-size: 2.6rem;padding-bottom:2px;letter-spacing:-1px;}
.findoutmore .btns.btn-lg {padding: 8px 22px}
.hero-main-slider .swiper-buttons {}
.line-separator-medium {margin: 0 0 15px 0;}
.sub-contain {padding:0 28px;}
.cbp-af-header {height:81px;}
.cbp-af-header .logo-image {
	width:133px;height:68px;	
		background-image:url("../images/allbright-logo-mobile.png");
		background-repeat: no-repeat;
}
	
	.cbp-af-header .logo-image:hover {
			width:133px;height:68px;	
		background-image:url("../images/allbright-logo-mobile.png");
		background-repeat: no-repeat;
}
	
.cbp-af-header.cbp-af-header-shrink .logo-image {
	width:133px;height:68px;	
		background-image:url("../images/allbright-logo-mobile.png");
		background-repeat: no-repeat;
	-webkit-transition : all 0.4s ease-out;
	-moz-transition : all 0.4s ease-out;
	-o-transition :all 0.4s ease-out;
	transition : all 0.4s ease-out;
}
	
	.cbp-af-header.cbp-af-header-shrink .logo-image:hover {
	width:133px;height:68px;	
		background-image:url("../images/allbright-logo-mobile.png");
}
	
	.logo-image {
	width:133px;height:68px;	
		background-image:url("../images/allbright-logo-mobile.png");
		background-repeat: no-repeat;
}
	
		.logo-image:hover {
	width:133px;height:68px;	
		background-image:url("../images/allbright-logo-mobile.png");
		background-repeat: no-repeat;
}
	
.vid1{margin-left:-200px;width:auto;height:100%;opacity:1}
.vid2{margin-left:-200px;width:auto;height:100%;opacity:1}
.vid3{margin-left:-400px;width:auto;height:100%;opacity:1}
.vid4{margin-left:-500px;width:auto;height:100%;opacity:1}
.vid5{margin-left:-500px;width:auto;height:100%;opacity:1}
}

@media only screen and (min-width:769px) and (max-width:991px)
{
.vid1{width:auto;height:100%;opacity:1}
.vid2{margin-left:-100px;width:auto;height:100%;opacity:1}
.vid3{margin-left:-200px;width:auto;height:100%;opacity:1}
.vid4{margin-left:-200px;width:auto;height:100%;opacity:1}
.vid5{margin-left:-200px;width:auto;height:100%;opacity:1}
	
	.cbp-af-header .logo-image img {
	max-width: 155px;width:155px;height:90px;
}
	
	.logo-image {
	width:155px;height:90px;	
		background-image:url("../images/allbright-logo-sml.png");
			background-repeat: no-repeat;
}
	
	.logo-image:hover {
		background-image:url("../images/allbright-logo-over-sml.png");
			background-repeat: no-repeat;
}	
	
	.cbp-af-header .logo-image {
	width:155px;height:90px;	
		background-image:url("../images/allbright-logo-sml.png");
			background-repeat: no-repeat;
}
	
	.cbp-af-header .logo-image:hover {
		background-image:url("../images/allbright-logo-over-sml.png");
			background-repeat: no-repeat;
}
	
	.cbp-af-header.cbp-af-header-shrink .logo-image {
	width:155px;height:90px;	
		background-image:url("../images/allbright-logo-sml.png");
			background-repeat: no-repeat;
}
	
	.cbp-af-header.cbp-af-header-shrink .logo-image:hover {
		background-image:url("../images/allbright-logo-over-sml.png");
			background-repeat: no-repeat;

}
}

@media only screen and (min-width:992px) and (max-width:1300px)
{
.vid1{min-width:100%;min-height:100%;opacity:1}
.vid2{margin-left:0px;min-width:100%;min-height:100%;opacity:1}
.vid3{margin-left:0px;min-width:100%;min-height:100%;opacity:1}
.vid4{margin-left:0px;min-width:100%;min-height:100%;opacity:1}
.vid5{margin-left:0px;min-width:100%;min-height:100%;opacity:1}
}

@media (min-width:1301px)
{
.vid1{min-width:100%;min-height:100%;opacity:1}
.vid2{min-width:100%;min-height:100%;opacity:1}
.vid3{min-width:100%;min-height:100%;opacity:1}
.vid4{min-width:100%;min-height:100%;opacity:1}
.vid5{min-width:100%;min-height:100%;opacity:1}
}


@media only screen and (min-width:768px) and (max-width:1100px){

.sub-contain {padding:0 56px;}
}

@media only screen and (min-width:1101px){

.slide-titles .row {margin-top:60px;}
}

@media only screen and (min-width:768px) and (max-width:1100px){

.slide-titles .row {margin-top:94px;}
}