@charset "utf-8";

/* CSS Document */

body {
     background-color: #f0efef;
}

.all-elements{
	position:relative;
	z-index:99999;
	background-color:#f0efef;
}

.disabled {
     display: none!important;
}


.larger-text p {
     font-size: 14px;
     line-height: 30px;
     width: 75%;
     margin-left: auto;
     margin-right: auto;
}

.white-text{
	position:relative;
	z-index:9999;
}

.white-text h1{
	color:#FFFFFF!important;
}

.white-text em{
	color:rgba(255,255,255,0.4)!important;
}

.white-text p{
	color:rgba(255,255,255,0.8)!important;
}

.larger-text .sub-heading{
	text-align:center;
	display:block;
	margin-top:-30px;
	margin-bottom:40px;
	color:rgba(0,0,0,0.4);
	font-size:16px;
	text-transform:none;
	font-family:'Lato', sans-serif;
	font-style:normal;
	font-weight:200;
}

.larger-text .heading {
     margin-bottom: 40px;
     margin-top: 10px;
     font-weight: 600;
}

.welcome-container .heading {
     font-family: 'Lato', sans-serif;
     font-weight: 400;
     font-size: 26px;
}

@media (max-width: 768px) {
     .larger-text .heading {
          margin-bottom: 15px!important;
     }
     .larger-text p {
          font-size: 12px;
          margin-bottom: 20px;
     }
	 
	.larger-text .sub-heading{
		padding-top:25px;
		font-size:12px!important;
		margin-bottom:20px;
	}
}
/*///////////*/
/*Page Header*/
/*///////////*/

.header{
	z-index:9999999;
	width:100%;
	position:fixed;
	height:100px;
	background-color:rgba(0,0,0,0.9);
}

.slider-container{
	z-index:999999;
}

.fullscreen-slider #progressBar{
	top:100px;
	height:0px;
}

.logo img{
	width:200px;
	padding-top:20px;
}

	
.deploy-navigation{
	display:none;
}

.navigation{
	float:right;
	margin-top:-55px;
}

.active-navigation-item{
	border-bottom:solid 0px #000000;
}

.navigation a{
	float:left;
	overflow:visible!important;
	height:100px;
	color:#FFFFFF;
	font-family:'Lato', sans-serif;
	font-weight:900;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	padding:16px 15px 30px 15px;
}

.navigation a em{
	margin-top:-5px;
	text-transform:none;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	text-style:italic;
	font-weight:400;
	display:block;
	color:rgba(255,255,255,0.5);
}

.navigation a i{
	width:0px;
	height:0px;
	overflow:hidden;
}


@media (max-width:1000px){	

	.active-navigation-item{
		color:#000000!important;
	}

	.fullscreen-slider #progressBar{
		top:0px!important;
	}

	.deploy-navigation{
		display:block;
		color:#FFFFFF;
		position:absolute;
		right:0px;
		top:0px;
		height:60px;
		width:60px;
	
	}

	.deploy-navigation i{
		font-size:18px;
		text-align:center;
		width:60px;
		height:60px;
		line-height:60px;
	}
	
	.header{
		overflow:visible!important;
		height:60px;
	}

	.logo img{
		width:100px;
		margin-left:20px;
		padding-top:0px;
		margin-top:15px;
	}
	
	.header .box-960{
		overflow:visible!important;
	}

	.navigation{
		position:absolute;
		right:-250px;
		width:200px;
		z-index:99999;
		margin-top:15px;
		float:none;
		border-top:solid 1px rgba(255,255,255,0.1);
		transition:all 300ms ease;
		
	}
	
	.navigation-active{
		right:0px;
		transition:all 300ms ease;
	}
	
	.navigation a{
		text-align:left;
		font-size:12px;
		float:none;
		display:block;
		background-color:rgba(0,0,0,0.9);
		line-height:24px;
		height:auto;
		padding:20px 30px 20px 30px;
		border-bottom:solid 1px rgba(255,255,255,0.1);
	}
	
	.navigation a i{
		text-align:center;
		font-size:18px;
		position:absolute;
		height:45px;
		width:40px;
		margin-top:3px;
		right:10px;
		margin-top:3px;
	}
	
	.navigation a em{
		display:none;
	}
	
	.navigation a:last-child{
		display:block;
	}
}


/*/////////////*/
/*Page Settings*/
/*/////////////*/

.box-960 {
     position: relative;
     z-index: 99;
}
.box-p80 {
     position: relative;
     z-index: 99;
}
.orange-decoration {
     height: 0px;
     width: 130px;
     margin-left: auto;
     margin-right: auto;
     background-color: #000000;
     display: block;
     margin-bottom: 40px;
     margin-top: 20px;
}
.content-overlay {
     background-color: rgba(0, 0, 0, 0.8);
     position: absolute;
     width: 100%;
     height: 200px;
     top: 0px;
     left: 0px;
     height: 100%;
     z-index: 0;
}
.dark-content {
     padding-top: 40px;
     padding-bottom: 40px;
}
.dark-content .decoration {
     margin-top: 20px;
     background-color: rgba(255, 255, 255, 0.2);
}
.dark-content .heading {
     color: #FFFFFF!important;
}
.dark-content p {
     color: rgba(255, 255, 255, 0.7);
}


.content{
	overflow:visible!important;
}

.white-box{
	background-color:#FFFFFF;
	-webkit-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
	box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
	padding-top:40px;
	padding-bottom:20px;
}

/*////////////////*/
/*Parallax Stellar*/
/*////////////////*/

.parallax {
     background-attachment: fixed;
     background-position: 0% 0%;
     background-repeat: repeat;
	min-height:150px;
}

.parallax-box {
     background-attachment: fixed;
     background-position: 0% -250%;
     background-repeat: repeat;
}
.parallax-overlay {
     background-color: rgba(0, 0, 0, 0.8);
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: 99;
}
.parallax-quotes {
     height: 100%;
}
.parallax-quotes .parallax-overlay {
     height: 100%;
}
.quotes-slider {
     position: relative;
     z-index: 99999;
     padding-bottom: 30px;
}
@media (max-width: 1024px) {
     .parallax {
          background-attachment: scroll!important;
          background-position: 0% 0%!important;
          background-repeat: repeat;
          height: auto;
          position: relative!important;
     }
     .parallax-box {
          background-attachment: scroll!important;
          background-position: 0% 0%!important;
          background-repeat: repeat;
          height: auto;
          position: relative!important;
     }
     .parallax-overlay {
          height: 100%;
     }
}
@media (max-width: 640px) {
     .parallax-left-box {
          padding-left: 0px!important;
          width: 250px;
          margin-left: auto;
          margin-right: auto;
          float: none!important;
          text-align: center;
     }
     .parallax-left-box em {
          font-size: 12px!important;
     }
     .parallax-right-box {
          padding-right: 0px!important;
          width: 250px;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          float: none!important;
          padding-bottom: 40px!important;
          text-align: center;
          display: block;
     }
}
.parallax-strip-content {
	padding-bottom: 30px;
	position: relative;
	z-index: 999;
	color: #FFFFFF;
}

.parallax-title{
	padding-top:40px;
	padding-bottom:40px;
}

.parallax-title h5{
	text-align:center;
	color:rgba(255,255,255,0.7);
	text-transform:uppercase;
	font-size:16px;
}

.parallax-title h1{
	font-size:30px;
	text-align:center;
	font-weight:900;
	color:rgba(255,255,255,0.9);
}


.parallax-heading{
	color:#FFFFFF;
}


.parallax-left-box {
     padding-left: 30px;
     float: left;
}
.parallax-right-box {
     padding-right: 30px;
     float: right;
}
.parallax-right-box i {
     margin-top: 70px;
     margin-left: 20px;
}
.parallax-left-box h3 {
     color: #FFFFFF;
     margin-top: 40px;
}
.parallax-left-box em {
     color: rgba(255, 255, 255, 0.8);
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
}
.bg1 {
     background-image: url(../images/general-fullslider/1.jpg);
}
.bg2 {
     background-image: url(../images/general-fullslider/2.jpg);
}
.bg3 {
     background-image: url(../images/general-fullslider/3.jpg);
}
.bg4 {
     background-image: url(../images/general-fullslider/4.jpg);
}

.bgp{
	background-image:url(../images/phone-parallax.png);
}

.bgm{
	background-image:url(../images/laptop-parallax.png);
}


.parallax-object {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:-500px -20px;
	background-position-x:0px;
	min-height:300px;
	position:relative;
	display:block;
}


.parallax-object h4{
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	font-family:'Lato',sans-serif;
	font-weight:800;
	margin-bottom:0px;
	opacity:0.9;
	text-shadow:0px 1px 0px #FFFFFF;
}

.parallax-object h3{
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	font-family:'Lato',sans-serif;
	font-weight:800;
	opacity:0.9;
	text-shadow:0px 1px 0px #FFFFFF;
}

.parallax-object p{
	font-size:14px;
	font-family:'Open Sans', sans-serif;
	text-align:center;
	opacity:0.9;
	text-shadow:0px 1px 0px #FFFFFF;
	line-height:28px;
	margin-bottom:0px;
}


/*Top Of Hompeage Columns*/

.center-icon-column h5{
	font-size:14px;
	font-weight:700;
}

.center-icon-column h5 strong{
	font-size:18px;
	font-weight:900;
}

/*Left Icon Columns*/

.left-icon-column{
	margin-top:50px;
}

.left-icon-column i{

	padding-top:30px;
	width:80px;
	height:50px;
	display:inline;
	float:left;
	color:rgba(255,255,255,0.9);
	text-align:center;
}

.left-icon-column h5{
	padding-left:20px;
	display:inline;
	color:rgba(255,255,255,0.9);
}

.left-icon-column p{
	padding-left:20px;
	color:rgba(255,255,255,0.7);
	margin-bottom:0px;
}

@media (max-width:480px){
	.services-slider{
		width:80%!important;
		margin-left:auto;
		margin-right:auto;
	}
}

.services-box{
	margin-left:3px;
	margin-right:3px;
}

.services-box i{
	color:#FFFFFF;
	position:absolute;
	top:-50%;
	margin-top:-50px;
	left:50%;
	width:100px;
	text-align:center;
	margin-left:-50px;
	z-index:99999;
	transition:all 400ms ease-out;
}

.active-service-box-icon{
	top:50%!important;
	transition:all 400ms ease-in;
}

.services-box h5{
	font-size:18px;
}


.services-box h4{
	font-size:14px;
	text-align:center;
	width:100%;
	color:#FFFFFF;
	position:absolute;
	z-index:99999;
	bottom:-50%;
	margin-bottom:-40px;
	font-weight:700;
	text-transform:uppercase;
	transition:all 300ms ease;
}

.service-box-heading4-active{
	bottom:50%!important;
	transition:all 300ms ease-out;
}

.services-box h3{
	font-size:18px;
	text-align:center;
	width:100%;
	color:#FFFFFF;
	position:absolute;
	z-index:99999;
	bottom:-50%;
	margin-bottom:-60px;
	text-transform:uppercase;
	font-weight:900;
	transition:all 400ms ease;
}

.service-box-heading3-active{
	bottom:50%!important;
	transition:all 400ms ease-out;
}

.services-box h5{
	text-align:center;
	font-weight:800;
	margin-top:30px;
	margin-bottom:0px;
}

.services-box em{
	opacity:0.5;
	display:block;
	text-align:center;
}

.services-box p{
	text-align:center;
}

/*Video Player*/

.strip-player-wrapper-small{
	display:none;
}

.strip-player-wrapper-small h4{
	font-size:24px;
	color:rgba(0,0,0,0.5);
	padding-bottom:20px;
	text-align:center;
	font-weight:600;
}

.strip-player-wrapper-small h3{
	font-size:60px;
	color:rgba(0,0,0,0.9);
	text-align:center;
	padding-bottom:30px;
	font-weight:900;
}

.strip-player-wrapper-small em{
	display:block;
	text-align:center;
	margin-bottom:40px;
}

.strip-player-wrapper .box-960{
	overflow:visible;
	width:960px;
	position:absolute;
	left:50%;
	margin-left:-480px;
	z-index:99999;
}

.strip-player-wrapper .overlay{
	background-color:rgba(0,0,0,0.7);
}

.strip-player-controls .strip-player-play{
	display:block;
}

.strip-player-controls .strip-player-pause{
	display:none;
}

.auto-play-enabled .strip-player-play{
	display:none;
}

.auto-play-enabled .strip-player-pause{
	display:block;
}


.strip-player-controls{
	width:60px;
	margin-left:auto;
	margin-right:auto;
}

.strip-player-text{
	margin-top:9%;
	opacity:1;
	transition:all 300ms ease;
}

.strip-player-text-inactive{
	opacity:0;
	transition:all 300ms ease;
}

.strip-player-text h4{
	font-size:24px;
	color:rgba(255,255,255,0.5);
	padding-bottom:20px;
	text-align:center;
	font-weight:600;
}

.strip-player-text h3{
	font-size:50px;
	color:rgba(255,255,255,0.9);
	text-align:center;
	padding-bottom:20px;
	font-weight:900;
}

.strip-player-text em{
	color:rgba(255,255,255,0.5);
	display:block;
	text-align:center;
	margin-bottom:40px;
}

.strip-player-wrapper{
	height:50%;
}

.strip-player-bottom-controls{
	position:absolute;
	z-index:9999;
	color:#FFFFFF;
	text-align:center;
	bottom:30px;
	opacity:0.3;
	width:135px;
	left:50%;
	margin-left:-65px;
}


.strip-player-pause i{
	font-size:16px;
	text-align:center;
	line-height:45px;
	color:#FFFFFF;
	border-radius:50px;
	height:50px;
	width:50px;
	border:solid 3px #FFFFFF;
}

.strip-player-play i{
	font-size:16px;
	text-align:center;
	line-height:45px;
	color:#FFFFFF;
	border-radius:50px;
	height:50px;
	width:50px;
	border:solid 3px #FFFFFF;
}


.strip-player-volume-down{ margin-left:10px; margin-right:10px; float:left;}
.strip-player-volume-down i{
	font-size:20px;
	text-align:center;
	color:#FFFFFF;
	height:20px;
	width:20px;
}

.strip-player-show-video{ margin-left:10px; margin-right:10px; float:left;}
.strip-player-show-video i{
	font-size:20px;
	text-align:center;
	color:#FFFFFF;
	height:20px;
	width:20px;
}

.strip-player-hide-video{ display:none; margin-left:10px; margin-right:10px; float:left;}
.strip-player-hide-video i{
	font-size:20px;
	text-align:center;
	color:#FFFFFF;
	height:20px;
	width:20px;
}

.strip-player-volume-up{ margin-left:10px; margin-right:10px; float:left;}
.strip-player-volume-up i{
	font-size:20px;
	text-align:center;
	color:#FFFFFF;
	height:20px;
	width:20px;
}

#strip-player-container{
	overflow:hidden;
	position:relative;
	z-index:999;
	width:100%;
	margin-top:-240px;
}

.footer{
	padding-left:20px;
	padding-right:20px;
}

.footer-left p{
	font-size:14px;
	font-weight:400;
	opacity:0.6;
}

.footer-left{
	width:50%;
	float:left;
}

.footer-right{
	float:right;
	width:50%;
}

.footer-right a{
	float:right;
}

.facebook-footer i{
	color:#FFFFFF;
	font-size:16px;
	background-color:#3B5998;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
}

.twitter-footer i{
	margin-left:20px;
	color:#FFFFFF;
	font-size:16px;
	background-color:#4099FF;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
}

.google-footer i{
	margin-left:20px;
	color:#FFFFFF;
	font-size:16px;
	background-color:#d34836;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
}

.goup-footer i{
	margin-left:20px;
	color:#FFFFFF;
	font-size:16px;
	background-color:#27ae60;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
}

@media (min-width:1280px){
	.under-slider-content{
		position:relative;
		z-index:999999;
		margin-top:-140px;
	}
}

@media (min-width:1024px) and (max-width:1280px){
	.under-slider-content{
		position:relative;
		z-index:999999;
		margin-top:-100px;
	}
}

@media (min-width:768px) and (max-width:1024px){
	.bgp{
		background-position:0px 70px!important;
		background-size:350px 170px!important;
	}
	
	.parallax-object{
		padding-left:20px;
		padding-right:20px;
	}
	
	.bgm{
		background-position:30px 50px!important;
		background-size:338px 204px!important;
	}
}

@media (max-width:767px){
	.bgp{
		background-image:none!important;
	}
	
	.bgm{
		background-image:none!important;
	}
	
	.parallax-title h5{
		font-size:14px;
	}

	.parallax-title h1{
		font-size:24px;
	}

	.strip-player-wrapper-small{
		display:block!important;
	}
	
	.strip-player-wrapper{
		display:none;
	}
	
	.footer-left{
		float:none;
		text-align:center;
		width:100%;
	}
	
	.footer-left p{
		margin-bottom:10px;
		font-size:10px;
	}
	
	.footer-right{
		float:none;
		width:180px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
}