@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700,800|Open+Sans:300,400,600,700,800|Lato|Roboto');

/* font-family: 'Open Sans', sans-serif;font weight: 3,4,6,7,8font-family: 'Dosis', sans-serif; font weight: 3,4,5,6,7,8*/

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 1.6em;
}

.fnt-300 {
	font-weight: 300;
}

.fnt-400 {
	font-weight: 400;
}

.fnt-500 {
	font-weight: 500;
}

.fnt-600 {
	font-weight: 600;
}

.fnt-700 {
	font-weight: 700;
}

.fnt-800 {
	font-weight: 800;
}

.fnt-sans {
	font-family: 'Open Sans', sans-serif;
}

.fnt-dosis {
	font-family: 'Poiret One', sans-serif;
}

.brdr {
	border: 1px solid;
}


/* Header Section */

.section-header {
	/* background-image: url('https://d1p6j71028fbjm.cloudfront.net/backgrounds/business/business-1.jpeg'); */
	background: url('https://s3.amazonaws.com/referrals.com/images/bg-referrals-wave-6.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: cover;
	height: 100vh;
	position: relative;
	padding-top: 25px;
	padding-bottom: 100px;
	color: #fff;
}

.bg-overlay {
	/* background-color: rgba(55,53,64 ,.7); */
	background-color: rgba(255, 255, 255, .0);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.social-btn-ul li {
	margin-bottom: 15px;
}

.social-bar-container {
	background: #ffffff;
	padding: 8px 0px;
}

.contact-details-bar a {
	padding-right: 5px;
	color: #222;
}

.contact-details-bar a:hover {
	color: #2280fc;
	text-decoration: none;
}

.social-details-bar a {
	padding-right: 5px;
	color: #222;
}

.social-details-bar a:hover {
	color: #2280fc;
}

.ftop {
	top: 50px;
}


/* Header Menu */

nav.navbar.solid {
	background: #fff;
	box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
	top: 0;
}

.bg-white {
	background: #FAFAFA;
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar-no-bg {
	background-color: #fafafa;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-dark.navbar-no-bg .navbar-nav .nav-link {
	/* color: #fff; */
	color: #691616;
	font-weight: 400;
	font-size: 14px;
}

.navbar-no-bg .nav-item:not(:last-child) {
	padding-right: 10px;
}

.navbar-no-bg .btn {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
}

.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .1);
	background: #663333;
}

.btn-light {
	background: #e3e3e4;
}

.font-title {
	font-size: 3.2rem;
	margin-bottom: 1.5rem;
	color: #000;
	font-weight: 600;
}

.sub-title-size {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 1.5rem;
	line-height: 1.9;
	/* --> */
	color: #691616;
}

.fnt-btn-social {
	font-size: 14px;
	line-height: 2;
}

.fnt-btn-social .fab {
	font-size: 24px;
	margin-right: 5px;
	vertical-align: top;
}

.fnt-btn-social.facebook {
	background-color: #3B5998;
	border-color: transparent;
}

.fnt-btn-social.twitter {
	background-color: #4099ff;
	border-color: transparent;
}

.fnt-btn-social.google-plus {
	background-color: #dd4b39;
	border-color: transparent;
}

.fnt-btn-social.linkedin {
	background-color: #007bb6;
	border-color: transparent;
}

.help-block {
	color: #bc4444;
	font-weight: 600;
	text-align: left;
	display: block;
}


/* For Social Media Style Brand Details */


/* Wrapper */

.icon-button {
	border-radius: 0.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3rem;
	line-height: 3rem;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 3rem;
}


/* Circle */

.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 0;
}

.icon-button span {
	width: 3rem;
	height: 3rem;
	border-radius: 0.6rem;
	margin: -1.5rem;
}

.twitter span {
	background-color: #4099ff;
}

.facebook span {
	background-color: #3B5998;
}

.google-plus span {
	background-color: #dd4b39;
}

.youtube span {
	background-color: #bb0000;
}

.pinterest span {
	background-color: #cb2027;
}

.angellist span {
	background-color: #000;
}

.github span {
	background-color: #000;
}

.linkedin span {
	background-color: #007bb6;
}

.tumblr span {
	background-color: #36465d;
}

.foursquare span {
	background-color: #0072b1;
}


/* Icons */

.icon-button i {
	background: none;
	color: white;
	height: 3rem;
	left: 0;
	line-height: 3rem;
	position: absolute;
	top: 0;
	width: 3rem;
	z-index: 10;
}


/* For Image iCons */

.social-img-icon-a {
	border-radius: 0.6rem;
	display: block;
	height: 30px;
	overflow: hidden;
	width: 30px;
}

.social-img-icon-a img {
	height: 30px;
}


/* ----------------	Public Pages-------------------*/


/* Header Menu custom for public pages */

.navbar-custom {
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-custom .navbar-nav .nav-link {
	font-weight: 400;
	font-size: 14px;
}

.navbar-custom .nav-item:not(:last-child) {
	padding-right: 10px;
}

.navbar-custom .btn {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
}

.submit-form-box {
	background: #44434E;
	padding: 20px;
	border-radius: 15px;
}

.submit-form-box .form-control {
	border: none;
}


/* Title Page for Public */

.section-title-page {
	background-color: #444;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}

.sub-desc {
	font-size: 1.3rem;
	letter-spacing: 0.5px;
}

.sub-section-one {
	background: #ffffff;
	padding: 90px 0px;
}

.sub-section-one h2 {
	font-weight: 800;
	color: #444;
}

.sub-section-one p {
	font-size: 1.3rem;
}

.sub-section-two {
	background: #fefefe;
	padding: 90px 0px;
}

.sub-section-two h2 {
	font-weight: 800;
	color: #444;
}

.sub-section-two .sst-sub {
	font-weight: 600;
	color: red;
}

.sub-section-two .text p {
	font-size: 1.2rem;
}

.sub-section-three {
	background: #fafafa;
	padding: 120px 0px 60px;
}

.sub-section-three h3 {
	font-weight: 800;
	color: #444;
	font-size: 2.2rem
}

.testi-snip {
	position: relative;
	display: inline-block;
	overflow: hidden;
	color: #2B2B2B;
	text-align: center;
	font-size: 15px;
}

.testi-snip * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.testi-snip .profile-image {
	padding: 10% 10% 0;
}

.testi-snip .profile-image img {
	max-width: 100%;
	vertical-align: top;
	position: relative;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

.testi-snip figcaption {
	padding: 2% 10% 5%;
}

.testi-snip h3 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	margin: 3px 0;
}

.testi-snip h5 {
	font-weight: 600;
	font-size: 15px;
	margin: 0;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 1px;
}

.testi-snip .icons i {
	color: #999;
	display: inline-block;
	margin-right: 5px;
	font-size: 1.5em;
}

.testi-snip .icons i:hover {
	color: #555;
}

.testi-snip .icons i a {
	text-decoration: none;
}

.testi-snip .fas {
	color: #999;
}

.wave-container {
	background: #fafafa url('https://cdn.vnoc.com/background/bg-referrals-wave-2.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 100px 0px;
}

.wave-container-section {
	background: url('https://cdn.vnoc.com/background/bg-referrals-wave-5.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 100px 0px;
	opacity: .2;
}

/* Section Content Page for public */

.section-content-page {
	padding-top: 80px;
	padding-bottom: 80px;
}

.team-body-content {
	margin-bottom: 30px;
}

.team-body-content:before,
.team-body-content:after {
	display: table;
	content: "";
}

.team-body-content:after {
	clear: both;
}

.wrap-readmore-container {
	height: 318px;
	overflow: hidden;
	background-color: #efefef;
	color: #333;
	padding: 1rem 3rem;
}

.team-who-img-container {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	overflow: hidden;
}

.readmore-link {
	font-size: 14px;
	color: #222;
	margin-top: 15px;
}


/* Pricing Table */

.pricing-table-container {
	border: 1px solid #e5dcdb;
	margin-bottom: 15px;
}

.pricing-header-title {
	padding: 2rem 3rem;
	font-size: 1.5rem;
	background: #f7f7f7;
}

.pricing-body-content {
	padding: 2rem 3rem 1rem;
	color: rgba(46, 50, 54, .7);
}

.meta-num-price {
	font-size: 3rem;
	color: #2e3236;
}

.plan-price {
	display: block;
}

.plan-price sup {
	font-size: 2.2rem;
	color: #237cd2;
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
}

.plan-price .meta-price-lg {
	font-size: 4rem;
	font-weight: 600;
	color: #237cd2;
	display: inline-block;
}

.plan-price.highlight sup {
	color: #e67e22;
}

.plan-price.highlight .meta-price-lg {
	color: #e67e22;
}

.plan-price sub {
	font-size: 1.125rem;
	color: rgba(46, 50, 54, .7);
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 14px;
}

.text-container h2 {
	font-family: 'Dosis', sans-serif;
}


/* Contact Page */

.section-contact-box .form-wrapper {
	max-width: 650px;
	margin: 0 auto;
	display: table;
}

.section-contact-box .form-wrapper .iw-header {
	width: 100%;
}

.section-contact-box .form-wrapper .col-md-6 {
	float: left;
}

.section-contact-box .form-wrapper .blocker input[type="radio"] {
	margin-top: 15px;
}


/* Dark Footer */

.footer-dark-1,
.footer-dark-2 {
	line-height: 20px;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.footer-dark-1 .text-g1,
.footer-dark-2 .text-g1 {
	color: #ccc;
}

.footer-dark-1 .f-a-links a,
.footer-dark-2 .f-a-links a {
	color: #ededed;
}

.footer-dark-1 .f-a-links a:hover,
.footer-dark-2 .f-a-links a:hover {
	color: #5c4747;
	text-decoration: none;
}

.footer-dark-1 {
	color: #ffffff;
	padding: 30px 0 30px;
	/*background-color: #333;*/
}

.footer-dark-1 h3 {
	margin-top: 0;
	font-size: 1.45rem;
}

.fnt-bold {
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
}

.footer-dark-2 {
	color: #fff;
	padding: 25px 0;
	background-color: #663333;
}

.footer-dark-2 ul.list-inline {
	margin-bottom: 0;
}

.socials-ul li {
	padding-right: 0;
	padding-left: 0;
}


/* Black B */

.footer-dark-1.footer-dark-b-1 {
	background-color: #FF8080;
}

.footer-dark-2.footer-dark-b-2 {
	background-color: #666666;
}


/* Public Pages for Brands */

.social-navbar-nav-ul .icon-button {
	font-size: 1rem;
	height: 2rem;
	line-height: 2rem;
	width: 2rem;
}

.social-navbar-nav-ul .icon-button i {
	height: 2rem;
	line-height: 2rem;
	width: 2rem;
}

.social-navbar-nav-ul .icon-button span {
	margin: auto;
	left: auto;
	top: auto;
	width: 2rem;
	height: 2rem;
}


/* // Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
	.footer-dark-1 h3 {
		word-break: break-all;
	}
	.font-title {
		font-size: 2rem;
		margin-top: 100px;
	}
	.sub-title-size {
		font-size: 19px;
	}
	.section-header {
		height: auto;
		padding-bottom: 100px;
	}
	.footer-dark-2 ul.list-inline {
		text-align: left !important;
		margin-top: 15px;
	}
	.navbar-no-bg .navbar-brand {
		margin-right: 0;
	}
	.media.table-responsive {
		margin-bottom: 30px;
	}
	.team-body-content {
		margin-bottom: 0;
	}
	.float-right.readmore-link {
		float: left !important;
		margin-bottom: 15px;
	}
	.navbar-custom .navbar-brand {
		margin-right: 0;
	}
	.social-bar-container {
		display: none;
	}
	.ftop {
		top: 0px;
	}
}


/* // Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {
	.footer-dark-1 h3 {
		word-break: break-all;
	}
	.font-title {
		font-size: 2rem;
		margin-top: 100px;
	}
	.sub-title-size {
		font-size: 19px;
	}
	.section-header {
		height: auto;
		padding-bottom: 100px;
	}
	.footer-dark-2 ul.list-inline {
		text-align: left !important;
		margin-top: 15px;
	}
	.navbar-no-bg .navbar-brand {
		margin-right: 0;
	}
	.media.table-responsive {
		margin-bottom: 30px;
	}
	.team-body-content {
		margin-bottom: 0;
	}
	.float-right.readmore-link {
		float: left !important;
		margin-bottom: 15px;
	}
	.navbar-custom .navbar-brand {
		margin-right: 0;
	}
	.social-bar-container {
		display: none;
	}
	.ftop {
		top: 0px;
	}
}


/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {
	.footer-dark-1 h3 {
		word-break: break-all;
	}
	.pricing-body-content {
		padding: 2rem 1rem 1rem;
	}
}

.section-main-lander-desc .we-are-on-beta {
	background: #fbf6f6;
	color: #555;
	display: inline-block;
	padding: 5px;
	font-size: 1.8rem;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 50px;
	padding: 5px 25px;
	margin-bottom: 30px;
	box-shadow: inset 0px 0px 0px 4px rgba(236, 214, 214, 0.3);
}

.section-main-lander-desc .we-are-on-beta .b-eta {
	font-weight: 800;
	font-size: 3rem;
	vertical-align: -5px;
	color: #F92C3E;
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.section-main-lander-desc .we-are-on-beta {
		margin-top: 80px;
	}
}

@media (max-width: 575.98px) {
	.section-main-lander-desc .we-are-on-beta {
		margin-top: 80px;
		font-size: 1.5rem;
	}
}

.campaign-box-inner {
	width: 100%;
}

#inputHomeWebsite,
#btnHomeSubmit {
	font-size: 1.8rem;
}

@media (max-width: 767.98px) {
	.bullet-features-section .col-md-3 {
		text-align: center;
	}
}

.bullet-features-section {
    background: #F5F5F5;
    padding: 0px 0px 0px;
}
.bullet-features-section h3 {
	font-weight: 800;
	color: #444;
	font-size: 2.2rem;
}

.bullet-features-section .bullist {
	font-size: 1.1rem;
	font-weight: 800;
	text-transform: capitalize;
	color: #555;
	margin-top: 12px;
}

.bullet-features-section .col-md-9 {
	padding-left: 0px;
}

.bullet-features-section .col-md-3 {
	padding-right: 7px;
}

.features-section {
	background: #ffffff;
	padding: 90px 0px;
}

.features-section img {
	height: 335px;
	margin: 0 auto;
	display: table;
}

.features-section h2 {
	font-weight: 800;
	color: #444;
}

.features-section h3 {
	font-size: 1.5rem;
	font-weight: 800;
	text-transform: uppercase;
}

.features-section h5 {
	font-weight: 600;
}

.features-section ul {
	margin-left: -25px;
}

.features-section li {
	list-style-type: none;
	font-weight: 400;
}

.features-section .smp li {
	list-style-type: none;
}

.features-section li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f058";
	margin: 0 5px 0 -15px;
}

.features-section .smp li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f24d";
	margin: 0 5px 0 -15px;
}

.features-section p {
	font-weight: 400;
}

.invitefromgmail-box small {
	position: absolute;
	left: 60px;
	bottom: -19px;
	font-size: 70%;
}

.viral-section-container {
	background: #ffffff;
	padding: 50px 0px 120px;
}

.viral-section-container h3 {
    font-weight: 800;
    color: #444;
    font-size: 2.2rem;
	margin-top: 0px;
}

.viral-section-container .share_giveaway {
	color: #212529;
}

.viral-section-container .iconer {
	height: 30px;
	vertical-align: -8px;
	margin-right: 4px;
}

.viral-section-container h4 {
	font-size: 1.3rem;
}

.integrated-section-container {
	background: #fafafa;
	padding: 80px 0px 120px;
}

.white-wave-container {
	background: url('https://cdn.vnoc.com/background/loop-top.svg');
	background-repeat: no-repeat;
	background-position: top center;
	padding: 100px 0px;
	width: 100%;
	background-size: cover;
	margin-top: -5px;
}
.section-skew {
	background: #fafafa;
	padding: 120px 0px 120px;
	transform: skew(-5deg, 0deg);
	-webkit-transform: skew(0deg, -5deg);
	transform: skew(0deg, -5deg);
}
.inner-skew {
	-webkit-transform: skew(0deg, 5deg);
	transform: skew(0deg, 5deg);
}

/**** More Features*****/
.section-features {
	background: inherit;
	padding: 120px 0px 100px;
}
.m-list-search__result-item {
    display: table;
    width: 100%;
    padding: 5px 0;
    outline: none;
}
.m-list-search__result-item-icon {
	vertical-align: top;
    display: table-cell;
    font-size: 1rem;
    width: 34px;
}
.m-list-search__result-item-icon img {
    width: 34px;
}
.m-list-search .m-list-search__results .m-list-search__result-item .m-list-search__result-item-text {
    padding-left: 10px;
}
.m-list-search__result-item-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    text-align: left;
}
.fs-20 {
    font-size: 1.3rem;
}
.fs-w-normal {    
    font-weight: 500;
}
.pr0 {
	padding-right: 0px;
}