@charset "utf-8";
/* CSS Document */
html{scroll-behavior: smooth;}
*{ margin:0px;	padding:0px;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-style:normal;}
a {text-decoration:none!important; outline:none;}
img { border:0px; outline:none;  }
ul{ list-style:none; margin:0px;}
li{list-style-type:none;}
html,body{ height:100%;}
.right-padding{padding-right:0!important;}
.left-padding{padding-left:0!important;}
.clr{clear:both;}
.fa, .far, .fas {font-family: fontawesome!important;}
.fa:hover{cursor:pointer;}
.no-padding{padding-left:0px !important;padding-right:0px !important;}

@font-face {
    font-family: 'poppinsitalic';
    src: url('../fonts/poppins-italic.woff2') format('woff2'),
    url('../fonts/poppins-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinslight';
    src:  url('../fonts/poppins-Light.otf') format('opentype'),
    url('../fonts/poppins-light.woff2') format('woff2'),
    url('../fonts/poppins-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-Medium.otf') format('opentype'),
            url('../fonts/poppins-medium.woff2') format('woff2'),
    url('../fonts/poppins-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.otf') format('opentype'),
    url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
 body input, textarea
 {
	 font-family:poppinslight!important;
 }
body .landing-page p, h1, h2, h4, h6, label, .btn
 {
	 font-family:poppinsmedium!important;
 }
 
 body  h3, h5
 {
	 font-family:Poppins-Bold!important;
 }
  
  body .landing-right .italic-para{font-family:poppinsitalic!important;}
body{font-family:poppinslight!important;}

#head-wrapper .fa, .far, .fas {
    font-family: fontawesome;
}

.landing-left {
    background: url(../images/image.png);
    background-size: cover;
    background-position: center;
    position: relative !important;
    background-repeat: no-repeat;
	height: 100vh;
}
.landing-left h2 {
    align-self: center;
	color:#fff;
	width: 100%;
    max-width: 77%;
    text-align: center;
    margin: 0px auto;
	font-weight: bold;
	line-height: 57px;
}
.landing-left h2 .btn-primary {
	background: #0379E6!important;
	padding: 0.075rem .75rem;
	font-size:21px;
	font-weight: bold;

}
.landing-left h2 .btn-primary:hover{
	border:1px solid #2b8fec;
}


.wrapper {
  position: relative;
}

.input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #CCC;
  box-sizing: border-box;
  font-family: 'Arvo';
  font-size: 18px;
  padding: 10px 0px;
  position: relative;
  width: 293px;

  &:focus {
    outline: none;    
  }
}

input::placeholder {
  color: rgba(0, 0, 0, 0.38);
}

.input-icon input::placeholder {
  color: #92A4BE!important;
}
.get-right input::placeholder {
    color: #7D92B3;
}

.input:focus+.underline {
  transform: scale(1);
}

.underline {
  background-color: #0379E6;
  display: inline-block;
  height: 2px;
  left: 0px;
  position: relative;
  top: -16px;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  width: 293px;
}
input:focus, textarea:focus, select:focus {
    outline-offset: 0!important;
}
.landing-page input:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.landing-right{
    width: 100%;
    margin: 0px auto;
	padding: 33px 0px;
	height: 100vh;
}
.l-top-right{width:100%;max-width:57%;margin:0px auto;}
.top-italic{padding-top:18px;}
.end-italic{padding-bottom:9px;}
.checkbox input{width:18px; height:18px;vertical-align:sub;}
.primary-sign {
	background: #0379E6!important;
	color:#fff;
	padding: .7rem 7.35rem!important;
	border-radius: 4.4rem!important;
	margin-top: 9px;
}
.landing-right p{text-align:center;color: #41516A;margin-bottom: 0rem !important;line-height: 32px; }
.landing-right p span{color:#0379E6;font-family: poppinsitalic!important;}
.landing-right p a{color:#80bb31;}
.or-section {align-self: center;}
.or-section h6{text-align: center;position:relative;padding: 16px 0px;margin-bottom: 3px!important;}
.or-section .btn-gmail{background: #E1574C;color:#fff;padding: .775rem 1.80rem;border-radius: 30px;}
 .or-section img{margin-right: 10px;vertical-align: sub;}
.or-section h6:before {
    content: '';
    background-color: #919daf;
    position: absolute;
    left: 3px;
    height: 2px;
    width: 42%;
    top: 26px;
}
.or-section h6:after {
    content: '';
    background-color: #919daf;
    position: absolute;
    right: 4px;
    height: 2px;
    width: 42%;
    top: 26px;
}
.landing-page label{color: #41516A;}
 
/* register */
	.new-user a{color: #80bb31;padding-left:5px;}
	.new-user{padding-top: 55px;text-align:center;}
	.register-right{max-width:24%!important;}
/*/register */

/* landing page */
.navbar-light .navbar-nav .nav-item a{color: #41516A!important;
								font-size: 20px;font-weight: bold;}
.navbar-light .navbar-nav .nav-item a:hover {
    color: #0379e6!important;
}
.navbar-light .navbar-nav .nav-item .nav-link.active {
    color: #0379e6!important;
}
.navbar-light .navbar-nav .nav-item {padding-right:65px;}
.navbar-light .navbar-nav .btn{font-size: 20px;background: #78B724;color:#fff;border-radius:25px;padding: .375rem 1.35rem;}
/*/landing page */

/* header */
.header-left {
    transform: translate(4%, 25%);
}
.header-left h3{color: #41516A;font-size: 43px;font-weight:bold;}
.header-left p{font-size:20px;padding: 15px 0px 12px 0px;}
.header-left h3 span{color: #78B724;}
	.header{background: url(../images/hero-s3-bg.png);
    background-position: 100% 0%;
    position: relative;
    background-repeat: no-repeat;}
.header-left .start{background: #0379E6;color:#fff;padding: .675rem 1.75rem;border-radius: 30px;}
.header-right img{float:right;}
/* header */

/* organization */
.orga-left img{width:100%;}
.orga-right p{padding: 20px 0px 2px 0px;font-size: 20px;color: #41516A;}
.orga-right h3{font-size:43px;color: #41516A;}
.orga-right{align-self:center;}
.orga-right a{color: #0379E6;font-size: 22px;font-weight: bold;}
.orga-right { padding-left: 50px!important;}
.oragnization {background: #F1F1F1;}
/*/organization */

/* get time */
.time-left{padding-left: 50px!important;align-self: center;}
.time-left h3{font-size:43px;color: #41516A;}
.time-left p{padding: 20px 0px 2px 0px;font-size: 20px;color: #41516A;}
.time-left a{color: #78B724;font-size: 22px;font-weight: bold;}
.time-right{text-align:center;}
.time-right img{margin:0px auto;}
.get-time{margin-top: 50px;}
/*/get time */

/* more earn */
.earn-right p{padding: 20px 0px 2px 0px;font-size: 20px;color: #41516A;}
.earn-right h3{font-size:43px;color: #41516A;max-width: 82%;}
.earn-right{padding-left: 50px!important;align-self: center;}
.earn-right a{color: #0379E6;font-size: 22px;}
.earn-left{text-align:center;}
.earn-left img{margin:0px auto;}
.more-earn{background: #F1F1F1;padding-top: 40px;padding-bottom: 40px;}
/*/more earn */

/* prizing */
.prizing{background: #78B724;padding:93px 0px}
.prizing h2{margin: auto;max-width: 55%;color:#fff;padding-bottom:50px;font-size: 43px;}
.prizing-button {margin:0px auto;}
.prizing-button .btn {background: #0379E6;color:#fff;
				padding: .895rem 2.295rem;border-radius: 35px;font-size:20px;}
/*/prizing */

/* footer */
.footer-section{background: #41516A;padding:33px 26px 40px 26px !important;}
.footer-section  {color: #B9C8E0;}
a {
    color: #B9C8E0;
}
.footer-section h2{color:#fff;font-size: 20px;}
.newsletter .fa-send{color:#78B724;right: 28px;position: absolute;bottom: 12px;}
.newsletter .btn{text-align:left;}
.newsletter input{background: #55667F;color: #92A4BE;}
.quick-links {
    margin: 0px auto;
    width: 100%;
    max-width: 19%!important;
}
.footer-section h2{padding-top:30px;padding-bottom: 22px;}
.logo-para p {
    width: 100%;
    max-width: 76%;
	line-height: 30px;
	font-size: 20px;
}
.quick-links ul li {
    line-height: 31px;
	font-size: 20px;
}
.newsletter p{line-height:29px;font-size: 20px;}
/* sub footer */
.sub-foter p{text-align:center;margin: 0px auto;color: #7D92B3;font-size: 20px;}
.sub-foter{padding-top:0px;padding-bottom:29px;background: #41516A;}



/* pricing & plan */
.pricing-banner {
    background: url(../images/pricing-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
	padding: 65px;
}
.pricing-banner h4{font-size: 40px;color: #FFF;font-weight:bold;}
.pricing-banner p{font-size: 20px;color: #FFF;font-weight:500;}
.pricing-banner p span{color: #78B724;}
.plan-full-cart h4{text-align:center;font-size: 40px;color: #41516A;font-weight:bold;padding-top: 45px;padding-bottom: 18px;}
.plan-full-cart h4 span{color:#0379E6;}
.plan-full-cart p{text-align:center;font-size: 20px;color: #41516A;}

/* accordion */

    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
		position: relative;
		font-size: 22px;
		color: #55667F;padding-right:57px;line-height: 30px;
    }


    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

.demo {
    padding-top: 60px;
    padding-bottom: 60px;
	background: #F1F1F1;
}
div#accordion {
    max-width: 80%;
    margin: 0px auto;
}
.accordion-upside{align-items: center;}
.accordion-upside span{color: #0379E6;}
.accordion-upside h3{color: #41516A;font-size: 40px;}
.accordion-upside p{color: #41516A;font-size: 20px;padding: 19px 0px;}
.panel-title .fa {
    background: #0379e6;
    color: #fff;
    padding: 17px 21px;
    margin-top: -16.2px;
    position: absolute;
    right: 0;
}
.panel-body {
    max-width: 97%;
    margin: 0px auto;
    font-size: 20px;
    color: #7587A4;
    text-align: justify;
}
.accordion-upside{padding-bottom: 20px;}
/*/accordion */

/* card */
.plan-cart{max-width:350px!important;}
.plan-cart h5 {
    background: #0379E6;
    padding: 12px 0px;
    color: #FFFFFF;
    font-size: 28px;
    justify-content: center;
    text-align: center;
	margin-bottom: 0;
}
.plan-cart .euro h3{color: #41516A;font-size: 49px;}
.plan-cart .euro h4 {
    font-size: 36px;
    color: #9FA8B7;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0;
    margin-left: auto;
	text-decoration: line-through;
}
.plan-cart .euro{padding: 25px 14px 12px 14px;background: #F1F1F1;}
.plan-cart ul li{background: #fff;padding:20px;font-size: 18px;color: #7D92B3;}
.plan-cart ul li:nth-child(2), .plan-cart ul li:nth-child(4){background: #f1f1f1;}
.plan-cart .btn.cart{width: 140px;background: #0379E6;color:#fff;border-radius: 20px;}
.cart-button{background:#F1F1F1;text-align:center;padding:33px 0px;}
.plan-cart-center h5{background: #78B724;}
.plan-cart-center .euro h3 {color: #78B724;}
.plan-cart-center .btn.cart {background: #78B724;}
.three-carts-section{justify-content:center;}
.plan-cart ul { border-left: 2px solid #f1f1f1;margin-bottom: 0rem;border-right: 2px solid #f1f1f1;}
.plan-cart-center{margin:0px 20px;}
.euro h3 span{font-size: 23px;}
.three-carts-section {margin: 50px 0px;}
.plan-cart-center .cart-button {background: none;border:2px solid #f1f1f1;padding: 31.8px 0px;}
/* pricing */

/* how its works */
.how-works {
    background: url(../images/works-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
	padding: 65px;
}
.how-works h4{
font-size: 40px;
color: #FFFFFF;
}
.how-works p{
font-size: 20px;
color: #FFFFFF;
}
.action-graph h3 span{color: #0379E6;}
.action-graph h3{max-width:51%;line-height: 55px;}
.action-graph a{color:#0379E6;font-style: italic;}
.works-stress h3 span{color: #0379E6;}
.works-stress h3 {max-width: 69%;}
.action-graph p{ line-height: 37px;}
.works-stress ul li {
    background: url(../images/Ellipse.png);
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    padding-left: 20px;
    color: #677792;
    line-height: initial;
    font-size: 18px;
    margin-bottom: 15px;
    background-position-y: 8px;
}
.works-stress ul li:last-child{margin-bottom:0;}
.works-stress ul {padding-top:20px;}
.works-stress{padding-left:initial!important;}
.average-hours h3{font-size: 32px;text-align:center;color:#fff;padding-bottom: 30px;}
.bill-pay{margin-top:26px;}
/* support */
.in-touch h1{font-size: 40px;color: #41516A;text-align: center;}
.in-touch b{color:#0379E6;}
.in-touch{margin:40px 0px;}
.in-touch span{font-size: 20px;color: #41516A;text-align:center;padding-top:12px;}
.get-left{padding:0px 30px!important;}
.get-right{padding:0px 30px!important;}
.get-left p
{
	line-height: 36px;
	font-size: 20px;
	text-align: justify;
	color: #677792;
}
.get-left h4{color: #0379E6;font-size: 18px;}
.get-left h6{color: #677792;font-size: 18px;padding-bottom: 15px;}
.get-in-touch { margin-top: 30px;}
.get-right input, textarea{background: #F3F3F3;border:none;color: #7D92B3;}
.get-right textarea{padding:10px;width:100%;font-size: 16px;}
.form-button{text-align:right;margin-top:15px;}
.form-button .btn{border-radius: 20px;padding: 10px 25px;font-size: 17px;}
.earn-right a{font-weight:bold;}
.input-icon{width:60%;position:relative;}
.input-icon input::-moz-placeholder {
  color: #92A4BE!important;
}
.get-right textarea::-moz-placeholder {
    color: #92A4BE!important;
}

.footer-input{position: relative;}
.footer-input input{width: 100%;}
.get-left h6 span{
    color: #677792;
    font-size: 18px;
    padding: 0;
    text-align: left;
}