body {
	font-family:inherit;
 }
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.bg-darker {
	background: #121212;
}
.brand-logo {
	width: 200px;
}
.conpad {
	padding: 7% 6%;
	position: relative;
}
.intro-container {
	height: 100vh;
    padding-top: 15%;
	padding-bottom: 1%;	
	padding-left: 6%;
	padding-right: 6%;	
}
.intro-container .intro-image {
	position: relative;
}
.intro-container .intro-title {
	text-transform: uppercase;
	font-size: 3.1rem;
	margin-top: 1%;
	margin-bottom: 1%;
	font-weight: 600;
}
.intro-container .lead {
    font-size: 1.35rem;
    font-weight: 600;
    color: #333333;
}
.intro-sub-container {
	background: #F4F4FB;
	position: relative;
}
@media only screen and (max-width: 736px) {
	.intro-container {
		height: 100% !important;
		padding: 20% 6% 6%;
	}
	.intro-container .intro-title {
		margin-top: 10%;
	}
}
@media only screen and (max-width: 576px) {	
	.intro-container .intro-title {
		margin-top: 70%;
		margin-bottom: 10%;
		font-size: 2.5rem;
	}
}
.bg-light {
	background: #fafafa;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(25, 26, 50, 0.75);
}
.about-container {
	background: url('https://www.vnoc.com/assets/lander/assets/images/vnoc-mockup2-min.png');
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	position: relative;
	color: #BCDCFB;
}
.about-container h2 {
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.about-container .container {
    max-width: 1265px;
}
.features-container .fa {
	position: absolute;
	left: 0px;
	width: 55px;
	font-size: 48px;
	text-align: center;
}
.features-container .features-inner {
	padding-left: 50px;
}
.features-container h2 {
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.features-image img {
	margin: -60px auto 0;
	display: table;
}
@media only screen and (max-width: 768px) {
    .features-image img {
        display: none;
    }
}
.tfc {
	background: url('https://www.vnoc.com/assets/lander/assets/images/vnoc-mockup2-min.png');
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	position: relative;
	color: #ffffff;
}
.tfc h2 {
	text-transform: uppercase;
	margin-bottom: 2rem;
}
/* #tp-features-container {
  padding: 80px 0px 160px;
} */
#tp-features-container .col-md-3 {
	padding: 0px;
}
#tp-features-container .col-md-6 {
	padding: 0px;
}
.tp-bg-white {
  background: #fff;
}
.tp-bg-grays {
  background: #fafafa;
}
.tp-features-inner .img-collapse {
	height:35px;
}
.tp-features-inner .cOne {
	left: 0px;
	top: 0px;
	position: absolute;
	padding: 10px;
}
.tp-features-inner .cOne .fa {
    position: relative;
	font-size: 30px;
	width: 30px;
}
.tp-features-inner .colboxOne {
	text-align: right;
	margin-right: -19px;
	z-index: 999;
	position: absolute;
	right: 0;
}
.tp-features-inner .cTwo {
	left: 0px;
	position: absolute;
	top: 215px;
	padding: 10px;
}
.tp-features-inner .cTwo .fa {
    position: relative;
	font-size: 30px;
	width: 30px;
}
.tp-features-inner .colboxTwo {
	text-align: right;
	z-index: 999;
	position: absolute;
	right: -28px;
	top: 316px;
} 
.tp-features-inner .cThree {
	left: 15px;
	position: absolute;
	top: -10px;
	padding: 10px;
}
.tp-features-inner .colboxThree {
	text-align: right;
	z-index: 999;
	position: absolute;
	left: 0;
	top: 69px;
	margin-left: -22px;
}
.tp-features-inner .cThree h4 {
	margin-bottom: 0px;
}
.tp-features-inner .cThree .fa {
	position: relative;
	left: 0px;
	width: 20px;
	font-size: inherit;
}
.tp-features-inner .fa {
	position: absolute;
	left: 0px;
	width: 55px;
	font-size: 48px;
	text-align: center;
}

.tp-features-right {
    position: relative;
    min-height: 58px;
    padding-right: 65px;
    margin-bottom: 20px;
}
.tp-features-right .fa {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px;
    font-size: 48px;
    text-align: center;
}
.tp-left {
	padding-left: 50px;
}
.reveal .fa-circle {
	position: absolute;
	top: 11px;
}
.reveal-inside {
	border-top: 2px solid #055887;
	padding: 5px 5px 5px 20px;
	margin-top: -18px;
	margin-left: 0px;
}
.reveal-inside2 {
	border-top: 2px solid #055887;
	padding: 5px 10px 5px 5px;
	margin-top: -18px;
	margin-left: 0px;
}
.reveal2 {
	height: 210px;
}
.reveal3 {
	height: 220px;
	margin-top: 0px;
}
.fa-left {
	display: inline-block;
	margin-bottom: -18px;
}
.reveal-inside h3 {
	font-size: 19px;
	margin-top: 10px;
}
.reveal-inside h4 {
	font-size: 14px;
	font-weight: bold;
	color: #999;
	margin-bottom: 0px;
}
.reveal-inside p {
	font-size: 14px;
	line-height: 1.3;
}
.reveal-inside2 h3 {
	font-size: 19px;
	margin-top: 10px;
}
.reveal-inside2 h4 {
	font-size: 14px;
	font-weight: bold;
	color: #999;
}
.reveal-inside2 p {
	font-size: 14px;
	line-height: 1.3;
}
.reveal-inside3 h3 {
	font-size: 19px;
	margin-top: 10px;
}
.reveal-inside3 h4 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.reveal-inside3 p {
	font-size: 14px;
}
.reveal-fa {
	border-radius: 50%;
	width: 35px;
	height: 36px;
	font-size: 36px;
	color: #055887;
	background: #fff;
	padding: 0px 2px 0px 2px;
	cursor: pointer;
}
@-webkit-keyframes glowing {
  50% { -webkit-box-shadow: 0 0 20px #257BB2; }
  100% { -webkit-box-shadow: 0 0 6px #29A1CB; }
}

@-moz-keyframes glowing {
  50% { -moz-box-shadow: 0 0 20px #257BB2; }
  100% { -moz-box-shadow: 0 0 6px #29A1CB; }
}

@-o-keyframes glowing {
  50% { box-shadow: 0 0 20px #257BB2; }
  100% { box-shadow: 0 0 6px #29A1CB; }
}

@keyframes glowing {
  50% { box-shadow: 0 0 20px #257BB2; }
  100% { box-shadow: 0 0 6px #29A1CB; }
}
.img-collapse {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}
@media only screen and (max-width: 991.98px) {
	.tfc {
		display: block !important;
		padding-bottom: 0%;
	}
	#tp-features-container {
		display: none !important;
	}
}

.assets-container {
	background: #F4F4FB;
}
.assets-container h2 {
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.assets-container .carousel-item {
	padding: 10px;
}
.asset-box {
	position: relative;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	text-align: center;
	border-radius: 4px;
	box-shadow: rgba(52, 55, 153, 0.2) 0px 2px 4px, rgba(52, 55, 153, 0.1) 0px 2px 15px;
	padding: 25px;
	margin-bottom: 15px;
}
.asset-box .asset-desc {
	text-transform: capitalize;
}
.contact-container {
	/* background: radial-gradient(circle farthest-corner at 50% 50%, #56688c, #010b34); */
	background: url('https://vnoc.com/images/business-people.jpg');
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	position: relative;
	color: #BCDCFB;
}

.contact-container .img-contact-icon {
	max-height: 300px;
	margin: 0 auto;
	display: table;
}
.contact-container sup {
	top: -0.7em;
	font-size: 50%;
}
.testi-container {
	background: #045C8E;
}
.testi-container h2 {
	text-transform: uppercase;
	margin-bottom: 2rem;
	color: #ffffff;
}
.testi-box {
	background: #06678d;
	color: #ffffff;
	padding: 15px;
	text-align: center;
}
.testi-box img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
.testi-box h3 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-top: 8px;
}
.newsletter-container .subscribe-form .input-group {
	background: #f8f1f1;
	padding: 8px;
	border-radius: 6px;
}
.footer-container {
	background: #121212;
	color: #ffffff;
}
.footer-two {
	border-top: 1px solid #333333;
	padding-top: 20px;
}
.foot-box .fa {
	font-size: 2rem;
}