@charset "utf-8";
/* CSS Document */
#hover_text {
	color: #4b4b4b;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    min-height: 25px;
	}
img {
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.navbar-custom.top-nav-collapse, 
.innerpage_nav {
	background-color: #2e2e2c;
	border-color: #2e2e2c;
}
.navbar-fixed-top { 
    background: #3c424a;
}
.intro {
	background: #3c424a url('../images/intro_home.png') bottom center repeat-x;
}
.videoframe {
	position: relative;
	float: left;
    width: 100%;
}
.vf_vimeo {
	display: block;
	min-height: 315px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.vsplash {
	position:relative;
	z-index: 99;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
    width: 720px;
    height: 315px;
    background: #000000 url(../images/home_vframe.jpg) no-repeat center center;
}
.verframe {
	float:left;
	width:100%;
	background: #2e2e2c;
	min-height: 65px;
}
.relver {
	float: left;
	text-align: right;
	width: 50%;
	color: #f8b015;
	font-size: 20px;
	line-height: 65px;
	padding-right: 24px;
}

.featuresbox {
	position: absolute;
	z-index: 0;
	width: 120px;
	height: 120px;
}
.featuresbox img {height: 100%;}
.featuresbox.shrp {top:10%;left: 5%;}
.featuresbox.fri {top: 10%;right: 5%;}
.featuresbox.cf {bottom: 20%;left: 0%;}
.featuresbox.fsme {bottom: 20%;right: 0%;}
.dwdbtn {
	float: left;
	text-align: left;
	width: 50%;
	padding-left: 24px;
}
.dwdbtn ul {
	list-style: none;
	padding:0;
	margin:0;
}
.dwdbtn ul li {
	display: inline-block;
	text-align:center;
	margin-right: 16px;
	}
.dwdbtn ul li a {
	display: block;
	font-size: 18px;
	color: #fff;
	padding: 2px 12px;
    margin-top: 18px;
}
.dwdbtn ul li a:hover,
.dwdbtn ul li a:focus {opacity: 0.7;}
.dwdbtn ul li.db_dwd a {background: #e71052;}
.dwdbtn ul li.db_demo a {background: #289616;}

@media (max-width: 991px) {
 	.featuresbox {position: relative;display: inline-block; margin-right: 18px; max-width: 120px; min-height:120px; width: 100px;height: 100px;}
	.featuresbox img {display: inline-block;text-align: center;margin-bottom: 12px;height: inherit;}
	.featuresbox.shrp {top: inherit; left: inherit;}
	.featuresbox.fri {top: inherit;right: inherit;text-align: center;}
	.featuresbox.cf {bottom: inherit; left: inherit;}
	.featuresbox.fsme {bottom: inherit;right: inherit; margin-right:0;}
	.featuresbox.fsme img {height: inherit;}
	
	.sproc ul li:first-child:before,
	.sproc ul li:last-child:after {display: none;}
}
@media (max-width: 767px) {
	.vsplash {width: 80%; height: 320px;}	
}
@media (max-width: 580px) {
	.relver,
	.dwdbtn {width: 100%;text-align: center;line-height: inherit;margin-top: 8px; padding: 0}
	.dwdbtn ul li a {margin-top: 0; margin-bottom: 12px}
	.dwdbtn ul li.db_demo {margin-right: 0}
	}
@media (max-width: 564px) {
	.sproc ul li a {
	    width: 112px !important;
    	height: 112px !important;
	    line-height: 60px !important;
	}	
}
@media (max-width: 516px) {
	.sproc ul li {
		width: 34%;
		margin-right:0 !important;
		margin-bottom: 12px;}
	.sproc ul li a {margin: 0 auto;}
}
@media (max-width: 420px) { 
	.vsplash {width: 90%;}	
}
	
/* How Sentrifigo Works */
.sproc {
	position:relative;
	margin-bottom:30px;
}
.sproc ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sproc ul li {
	display: inline-block;
	vertical-align: top;
	position:relative;
	margin-right: 10px;
}
.sproc ul li:last-child {
	margin-right: 0;
}
	
.sproc ul li img {
	display: inline-block;
	text-align:center;}
.sproc ul li a {
	display: block;
	padding: 8px;
	width: 124px;
	height: 124px;
	line-height: 70px;
}
.sproc ul li a:hover,
.sproc ul li a:focus {
	color: #fff;
}
.sproc ul li.dwd a {background-color: #42c5bf;}
.sproc ul li.inst a {background-color: #79b6f0;}
.sproc ul li.confg a {background-color: #b8bfaf;}
.sproc ul li.use a {background-color: #98c87d;}

.sproc ul li:first-child:before {
	position: absolute; 
	content: '';
	background: url('../images/home_quickguide_text.png') left center no-repeat;
	width: 220px;
	height: 85px;
	left: -250px;
    top: 24px;
	}
.sproc ul li:last-child:after{
	position: absolute; 
	content: '';
	background: url('../images/home_perfectbuilt_text.png') left center no-repeat;
	width: 220px;
	height: 85px;
	right: -250px;
    top: 24px;
	}

.sproc ul li span {
	display: block;
    color: #fff;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
}

@media only screen and (max-width: 640px) {
	.nav > li,
	.brdr-btm {
		border-bottom: 1px solid #4a4a4a !important;
	}
}

.footer_text i.fa-github-square:hover {color: #6cc644;}
.footer_text i.fa-youtube-square:hover {color: #cd201f;}
.footer_text i.fa-vimeo-square:hover {color: #1ab7ea;}