@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700');

body {
    font-family: 'Montserrat', sans-serif;
}
h1{ font-size: 30px;}

.header-right {
    display: none;
}

.navbar-item {
    color: #ffffff;
    padding: 10px;
}

.navbar-item:hover {
    color: #58d5f7;
    text-decoration: none;
}
.ft_imge{
	text-align:center;
}             
.hero-background {
    overflow: hidden;
    position: relative;
    background-image: url(../images/abstractbg.png);
    background-size:100% 100%;
    background-repeat: no-repeat;
    

    /* background: -webkit-linear-gradient(117deg, rgb(96, 87, 246), rgb(216, 71, 99));
    background: linear-gradient(117deg, rgb(96, 87, 246), rgb(216, 71, 99));
    background: -webkit-radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235));
    background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); */
}

.bold {
    font-weight: 600;
}

.light {
    font-weight: 300;
}

.header {
    padding-top: 35px;
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 999;
}

.logo {
    max-width: 100px;
    padding-left: 0;
    padding-top: 5px;
}

.header-btn {
    background-color: #0ABCEB;
    border-radius: 10px;
    border: #0ABCEB;
    float: right;
    width: 195px;
    height: 51px;
    color: white;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin-top: -10px;
}

.header-btn:hover {
    background-color: #58d5f7;
    color: white;
    border-radius: 20px;
    -webkit-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    -moz-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
}

.hero {
    position: relative;
    z-index: 999;
    padding-bottom: 60px;
}

.mouse {
    position: absolute;
    left: 0;
    right: 0;
    top: 94%;
    margin: auto;
    padding-bottom: 40px;
    text-align: center;
    cursor: pointer;
    transition: transform .4s ease;
}

.mouse:hover {
    transform: translateY(5px);
}

.macbook {
    margin: auto;
    padding-bottom: 35px;
}

.hero-right {
    color: #fff;
    text-align: center;
}

.iphonex {
    display: none;
}
.logor{  
   padding: 20px;
   display: block;
   text-align: center;
}

.ipad-screen {
    display: none;
    
}

.hero-btn {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: #25F18B;
    border-radius: 10px;
    border: 1px solid #25F18B;
    width: 210px;
    height: 51px;
    color: white;
    margin: 30px auto;
}

.hero-btn:hover {
    background-color: #6affb4;
    color: white;
    border-radius: 20px;
    -webkit-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    -moz-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
}

.header-headline {
    padding-top: 0;
    padding-bottom: 15px;
    text-align: center;
}

.header-running-text {
    text-align: center;
    max-width: 287px;
    line-height: 1.5;
    margin: auto;
}

.logos-section {
    background-color: #F9FAFA;
    text-align: center;
}

.logos {
    padding: 30px;
    max-width: 100%;
}

.features-section {
    background-color: rgb(255, 255, 255);
    padding-top: 40px;
    padding-bottom: 80px;    
    position: relative;
}
.features-section p{ font-size: 16px; font-weight: normal; color:#414141; }

.features-headline {
    color: #c92e2e;
    padding-bottom: 30px;
    font-size: 45px;
}
.features-headline span{ color: #414141;}

.features-container {
    
    margin: auto;
}

.feature {
    text-align: left;
    padding: 30px;
}
.fact-list li{
    list-style: none;
    padding-left: 54px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    background-image: url(../images/tickred.png);
    background-repeat:no-repeat;
    background-position: 0px 0px;
}
.section-head{
 font-weight: normal;
 color: #292929;
 text-align: center;
 padding: 15px;

}
.section-head p{ font-size: 16px; padding-top: 20px;}
.howitworks{
 padding: 40px;
 background-image: url(../images/abstractbg.png);
 background-position: fixed;
 background-size:100% 100%;
 background-repeat: no-repeat;

}
.howit_step{
background: rgba(255, 255, 255, 0.1);
display: block;
min-height: 310px;
padding: 35px 20px;
margin-bottom: 10px;
text-align: center;

}
.stepno{
    height: 75px;
    width: 75px;
    border-radius: 75px;
    line-height: 75px;
    font-size: 24px;
    text-align: center;
    color: #c62525;
    background: rgb(255, 255, 255);
    margin: 0px auto;
}
.white{ color: #F8F9F9;}
.white-section {
    max-width: 1400px;
    margin: auto;
    overflow: hidden;
    padding: 40px 0px;

}

.white-section-text {
    text-align: center;
}

.imac {
}

.imac-section-header {
    padding-bottom: 35px;
}

.imac-section-desc {
    text-align: center;
    font-weight: 300;
    font-size: 24px;
    line-height: 40px;
    max-width: 400px;
    margin: auto;
    padding-bottom: 40px;
}
.


ul {
    list-style-type: none;
}

.plan li {
    position: relative;
}

.plan li::before, .mid-plan li:before {
    font-family: Material Icons;
    content: "check";
    color: #3aeb8c;
    position: absolute;
    left: -10px;
    position: relative;

}

.plan-title {
    font-size: 18px;
    padding-bottom: 5px;
}

.plan-cost {
    font-size: 45px;
}

.plan-cost::before {
    content: "$";
}

.monthly {
    font-size: 12px;
    padding-bottom: 20px;
}

.plan-features {
    -webkit-padding-start: 0;
}

.plan-btn {
    background-color: #0ABCEB;
    border-radius: 10px;
    border: #0ABCEB;
    width: 164px;
    height: 51px;
    color: white;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    display: block;
    padding: 15px;
    margin: auto;
    position: absolute;
    left: calc(50% - 82px);
    bottom: 50px;
}

.plan-btn:hover {
    background-color: #58d5f7;
    color: white;
    border-radius: 20px;
    -webkit-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    -moz-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
}

.team {
    padding-bottom: 50px;
    padding-top: 60px;
}

.team-container {
    text-align: center;
    margin: auto;
    max-width: 920px;
}

.team-section-header {
    padding-bottom: 90px;
}

.team-member {
    text-align: center;
    padding-bottom: 60px;
}

.team-member-position {
    color: #747474;
}

.team-member-text {
    padding-top: 25px;
}

.team-social-icon {
    padding: 7px;
}

.blue-section {
    background-color: #0ABCEB;
    color: white;
    margin: auto;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 40px;
}

.blue-section-subtext {
    max-width: 200px;
    max-width: 250px;
    line-height: 22px;
    font-size: 15px;
    margin: auto;
}

.email-form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.email-input {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #fff;
    width: 210px;
    height: 51px;
    color: #808080;
    margin-top: 20px;
    border: none;
}

.submit-btn {
    background-color: #25F18B;
    border-radius: 10px;
    color: #fff;
    height: 51px;
    width: 120px;
    margin-top: 20px;
    margin-left: 3px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

.submit-btn:hover {
    background-color: #6affb4;
    color: white;
    border-radius: 20px;
    -webkit-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    -moz-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
}

#newsletter-spinner {
    display: none;
}

.email-form-div {
    max-width: 60px;
    margin: auto;
}

.footer {
    background-color: #464646;
    padding-top: 20px;
    padding-bottom: 20px;
}

.webscope-text {
    color: white;
    font-size: 12px;
    padding-right: 7px;
}

.webscope {
    text-align: center;
    margin-top: -5px;
}

.social-links {
    float: none;
    text-align: center;
    padding-top: 10px;
}

.social-link {
    margin-right: 15px;
}

.strips {
    position: absolute;
    max-width: 1280px;
}
.clear-fix{ clear: both;}
.benefitset{
	padding: 40px 0px;
    background-image: url(../images/bg_red.png);
    background-position: fixed;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.benefitset h2{
	font-size:36px;
	padding-left:85px;
}
.benefitset ul{
	margin:0px;
	padding:50px 0px 0px 85px;
}
.benefitset li {
	color:#fff;
	font-weight:bold;
	font-size:20px;
    list-style: none;
    padding-left: 54px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    background-image: url(../images/mark_icon.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.revenueset{
    background-image: url(../images/revenue_bg.png);
    padding: 70px 0px;
    background-position: fixed;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.revenueset h1{
	text-align:center;
	font-size:65px;
	margin:0px;
}
.revenueset .subhed p{
	font-size:17px;
	text-align:center;
	color:#fff;
	padding-top:20px;
}
.revenueset .row{
	padding-top:100px;
}
.revenueset ul{
	margin-top:15px;
}
.revenueset ul li{
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
	margin-bottom: 20px;
	padding-left: 37px;
    padding-bottom: 5px;
    background-image: url(../images/circle_img.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
	list-style:none;
	line-height:24px;
}
.revenueset h5{	
	font-size:17px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	margin:15px 0px 5px 0px;
}
.revenueset h4{
	font-size:30px;
	color:#ffffff;
	font-weight:bold;
}
.revenueset h6{
	font-size:16px;
	color:#ffffff;
	margin:0px;
	line-height:23px;
}
.graph{
	background:#f7f7f7;
	padding-bottom:60px;
}
.graph h1{
	font-size:30px;
	text-align:center;
	color:#222222;
	padding:60px 0px 20px 0px;
	margin:0px;
}
.boxset{
	background:#f7f7f7;
	padding:70px 0px;
}
.boxset h1{
	text-align:center;
	color:#292929;
	text-align:center;
	padding:0px 0px 20px 0px;
	margin:0px;
	font-size:65px;
}
.boxset .spara{
	text-align:center;
	font-size:17px;
	width:66%;
	color:#292929;
	line-height:20px;
	margin:0px auto 100px auto;
}
.boxset .col-md-3{
	width:24.4%;
}
.loopset{
	background:#c92e2e;
	margin-bottom:8px;
	margin-left:7px;
	padding-top:75px;
	transition: all 0.5s ease;
}
.loopset:hover{
	background:#cf5454;
	transition: all 0.5s ease;
}

.loopset:nth-child(4n+1){
	margin-left:0px;
}
.loopset h1{
	font-size:17px;
	color:#fff;
	font-weight:bold;
	padding: 0px 20px;
	min-height:60px;
	text-align:center;
}
.loopset p{
	min-height: 160px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 20px;
}
.investment{
	background:#c92e2e;
}
.pado{
	margin:0px;
	padding:0px;
}
.pado .col-sm-6{
	padding: 0px;
}
.investment h1{
	color:#ffffff;
	font-size:36px;
	margin:0px;
	padding:140px 0px 40px 15px;
}
.investment p{
	color:#ffffff;
	font-size:17px;
	padding:0px 0px 20px 15px;
	line-height:20px;
}
.teams{
	background:#fff;
	padding-bottom:75px;
}
.teams h1{
	font-size:65px;
	text-align:center;
	color:#292929;
	padding:110px 0px 55px 0px;
	margin:0px;
}
.teamsloop{
	margin-top:70px;
	min-height:210px;
}
.teamsloop img{
	width:120px;
	margin:0 auto;
	display:block;
}
.teamsloop h2{
	font-size:20px;
	color:#292929;
	font-weight:bold;
	text-align:center;
	padding:30px 0px 10px 0px;
	margin:0px;
}
.teamsloop h3{
	font-size:14px;
	color:#626262;
	text-align:center;
	margin:0px;
}
.teams h4{ 
	text-align:center;
	font-size:17px;
	color:#3f3f3f;
	margin:0px;
	padding:90px 0px 20px 0px;
}
.footer{
	background:#1d1d1d;
	padding:85px 0px 70px 0px;
}
.appbtn{
	width:300px;
	margin:0 auto;
	
}
.socialmedia{
	padding:57px 0px;
	width:300px;
	overflow:hidden;
	margin:0 auto;
}
.socialmedia li{
	float:left;
	margin-left:54px;
	list-style:none;
}
.socialmedia li:nth-child(1){
	margin-left:0px;
}
.socialmedia li:hover:nth-child(1){
	background:#3B5998;
	border-radius:50%;
}
.socialmedia li:hover:nth-child(2){
	background:#0084b4;
	border-radius:50%;
}
.socialmedia li:hover:nth-child(3){
	background:#0077B5;
	border-radius:50%;
}
.socialmedia ul li img{
	width:100%;
}
.footer h6{
	font-size:17px;
	text-align:center;
	color:#a8a8a8;
	margin:0;
	padding:0px;
}
.footer h6 span{
	float:left;
}
.footer h6 a{
	float:right;
	color:#a8a8a8;
}
.graph img{
	width:100%;
}
.pado .col-sm-12{
	padding:0px;
}
.investment p a{
	color:#fff;
}
.homebtn{
	float:right;
	font-size:20px;
	color:#fff;
}
.homebtn:hover{
	float:right;
	font-size:20px;
	color:#fff;
	text-decoration:none;
}
.teams a{
	text-decoration:none;
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1366px){
	.investment h1 {
    	padding: 85px 0px 20px 15px;
	}
	.investment p {
    font-size: 15px;
    padding: 0px 0px 17px 15px;
    line-height: 18px;
	}
   
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px){
	.howit_step {
    	min-height: 331px;
	}
	.investment h1 {
		font-size: 24px;
		padding: 35px 0px 15px 15px;
	}
	.investment p {
		color: #ffffff;
		font-size: 15px;
		padding: 0px 0px 8px 15px;
		line-height: 16px;
	}
	.socialmedia {
    padding: 57px 0px;
	}
	.socialmedia li {
		float: left;
		width: 64px;
	}
	.loopset {
		margin-left: 6px;
	}
	.loopset h1 {
    font-size: 12px;
	}
}
@media only screen and (min-device-width: 751px) and (max-device-width: 768px){
	.howit_step {
    	min-height: 371px;
	}
	.benefitset h2{
		padding:0px;
	}
	.boxset .col-sm-4{
		margin-left:7px;
		width:32.7%;
	}
	.boxset .col-sm-4:nth-child(3n+1){
	margin-left:0px;
	}
	.socialmedia {
    padding: 57px 0px;
	}
	.revenueset h1 {
    	font-size: 50px;
	}
	.revenueset .row {
    	padding-top: 40px;
	}
	.teamsloop h2 {
    font-size: 15px;
	}
	.teamsloop h3 {
    font-size: 13px;
	}
	.teams h1 {
    font-size: 43px;
    padding: 68px 0px 0px ;
	}
	.boxset {
    background: #f7f7f7;
    padding:0px 0px 70px 0px;
	}
	.boxset .mytext {
    padding: 0px 0px 20px 0px;
    font-size: 45px;
	}
	.benefitset ul {
    margin: 0px;
    padding: 50px 0px 0px 5px;
	}
	.investment h1 {
    padding: 54px 0px 24px 15px;
	}
	.investment .col-sm-12{
		padding:0px;
		margin:0px;
	}
	.investment p {
		padding-right:15px;
	}
	.benefitset li {
    font-size: 18px;
	}
	.benefitset h2 {
    font-size: 30px;
	}
	

}
@media only screen and (min-device-width: 300px) and (max-device-width: 767px){
	.benefitset{
		padding:40px 0px;
	}
	.howitworks{
		padding:40px 10px;
	}
	.benefitset ul {
    	margin: 0px;
 	   padding: 15px 0px 0px 0px;
	}
	.benefitset h2{
		font-size:25px;
		padding:20px 0px 20px 0px;
		font-weight:bold;
	}
	.benefitset li {
    font-weight: 400;
    font-size: 18px;
    padding-left: 46px;
	}
	.revenueset h1 {
    text-align: center;
    font-size: 32px;
	}
	.revenueset .row{
		padding-top:20px;
	}
	.revenueset ul{
		padding:0px;
	}
	.revenueset ul li {
    font-size: 18px;
    padding-left: 32px;
	}
	.revenueset h5 {
    font-size: 16px;
	}
	.graph h1 {
    font-size: 24px;
	padding:30px 15px;
	}
	.boxset h1{
		font-size:25px;
	}
	.boxset{
		padding:0px;
	}
	.boxset .spara {
    margin: 0px auto 35px auto;
	}
	.loopset{
		margin:0px 0px 10px 0px;
	}
	.investment h1 {
    	font-size: 25px;
   	 padding: 36px 0px 20px 15px;
	}
	.pado .col-sm-12{
		margin:0px;
		padding:0px;
	}
	.appbtn {
    width: 290px
	}
	.teamsloop {
    margin-top: 40px;
	}
	.teams h4 {
    padding: 57px 0px 14px 0px;

	}
	.teams {
    background: #fff;
    padding-bottom: 30px;
	}
	.teams h1 {
    font-size: 32px;
    padding: 50px 0px 4px 0px;
	}
	.loopset p {
    min-height: 110px;
	}
	.boxset .col-md-3{
		width:100%;
	}
	.padnone{
		padding:0px;
	}
	.socialmedia {
    padding: 25px 0px;
	}
	.footer h6 a{
	float:none;
	color:#a8a8a8;
	line-height:45px;
	text-align:center;
	display:inline-block;
}
.footer h6 span {
    float: none;
    text-align: center;
	display: inherit;
}
}
.fact-list li a{
	color:#333;
	text-decoration:underline;
}
.addca{
	text-decoration:underline;
}