@charset "utf-8";
/* CSS Document */

html,body { height:100%; }
body {
    font-family: 'Titillium Web', sans-serif; font-weight: 400;
	color:#666666; font-size:1em; line-height:1.5em;
}
img { max-width:100%; margin:0 auto;}
p { margin:0;}
a, a:visited { text-decoration:none; color:#009963;}
a:active, a:hover { text-decoration:underline; color:#009963;}
.clearing { clear:both;}
.left { float: left;}
.right { float: right;}
.img_left { float: left; margin:0 2em 1em 0; }
.img_right { float: right; margin:0 0 1em 2em; }

a.btn, input.btn { display:inline-block; background:#7bd156; padding:0.65em 3.5em; color:#ffffff; border-radius: 2em; font-size:0.9em;}
a.btn:hover, input.btn:hover { text-decoration:none; background:#009963;}

h1, h2, h3, h4 { font-family: 'Raleway', sans-serif; color:#000000; font-weight:600;}

.pageContainer { /*width:77%;*/ padding:0 11.5%;}
.pageContainer h3 { font-size:1.15em; text-transform:uppercase;}

#LogoDiv { padding:2.25em 0;}
#LogoDiv img { height:1.45em;}

#navbarNav { font-family: 'Raleway', sans-serif; margin-top: -0.5vh;}

.navbar-nav { font-size:0.9em;}
.navbar-nav li { margin:0 0.45em;}
.navbar-nav li a { color:#000000;}
.navbar-nav li a:hover { color:#009963; text-decoration:none;}

.navbar-toggler { border:0; color:#ccc;}
.navbar-toggler:focus { box-shadow:none;}

.bg-top { background:#fff; border-bottom:1px solid #7bd156;}

#Main { margin:0;}
#Main p { margin-bottom:1.5em; font-size:1em; line-height:2em;}
#Main h1 { margin:0; margin-bottom:0.25em; line-height:normal; color:#000000; font-size:3.1em; text-transform:capitalize; font-weight: 700;}
#Main h1 span { font-weight:normal;}
#Main h4 { font-size: 1.5em; margin: 5vh 0;}

.carousel-item {
  height: 90vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption {text-align: left;}

#sect-about { padding-top:4em; padding-bottom:0;}
#sect-features, #sect-pricing, #sect-privacy, #sect-terms, #sect-contactForm, #sect-contactInfo, #sect-article { padding-top:4em; padding-bottom:4em;}
#sect-slide, #sect-privacy, #sect-terms, #sect-contactForm { border-top:#7bd156 3em solid; margin-top: 7.5em;}
#sect-slide {border:0;}

#sect-about img {margin-left:10em; margin-bottom:0;}

#sect-features, #sect-article { background:#f9fdfb;}
.feature-list, .feature-list li { margin:0; padding:0; list-style:none; line-height:2.5em; color:#000000;}
.feature-list { float:left; margin:0.5em 5em 2em 0.5em;}
.feature-list li { background: url(../images/icon_tick.png) no-repeat 0 0.5em; padding-left:2.4em;}

.OrangeBox { background:#f2901d; padding:8vh 0; text-align:center;}
.OrangeBox h2 {color:#ffffff; font-size:2.4em;}
.OrangeBox a.btn { background:#ffffff; color:#000000; margin-top:2em; text-transform:uppercase; font-size:1em;}
.OrangeBox a.btn:hover {background:#000000; color:#ffffff;}

.plans, .plans li { margin:0; padding:0; list-style:none; line-height:1.5em;}
.plans { margin-top:1.5em;}
.plans li { float:left; margin-bottom:1.5em; margin-right:2%; width:23%;}
.plans li:nth-child(4n+0) { margin-right:0;}

.pp-top { background:#7bd156; padding:1em 2em 0.65em 2em; color:#ffffff; border-radius: 1.15em 1.15em 0 0; font-size:1.25em; font-family: 'Raleway', sans-serif; text-align:center;}
.pp-top .price { font-size:1.3em;}
.pp-top span { font-size:0.65em;}

.pp-bottom { background:#f2f2f2; padding:1em 2.4em 0.65em 2.4em; border-radius: 0 0 1.15em 1.15em;}
.pp-bottom ul, .pp-bottom li { margin:0; padding:0;}
.pp-bottom li { color:#555555; font-size:0.85em; float:none; width:auto; margin-bottom:0.4em; background: url(../images/icon_star.png) no-repeat 0.2em 0.45em; padding-left:1.5em; }

.btn-box { text-align:center; margin:1em 0 1.3em;}
a.btn-buy { display:inline-block; background:#009963; padding:0.35em 3em; color:#ffffff; border-radius: 2em; font-size:1em;}
a.btn-buy:hover { text-decoration:none; background:#f2901d;}

#sect-article h4 { margin-top: 0; margin-bottom: 0.75em;}
#sect-article .row p { line-height:1.5em;}
#sect-article .row.firstbox { margin-top: 6vh;}
#sect-article .col-md-6 .row { margin-top:1vh; }

#sect-contactForm { min-height:30em;}
#sect-contactInfo { margin-top:2em; background:#f9fdfb;}
#sect-contactInfo h4 { margin-top:2em; margin-bottom:0;}

.mark { color:#F00;}
.error { color:#F00;}
.msg { color:#000;}
.dispnon { display: none;}

.mailform {margin-bottom:2em;}
.mailform p { margin:0; margin-bottom:0.5em; padding-left:1.3em;}
.mailform span { background:none; font-size:0.9em;}
.mailform .row div { padding:1em 1.3em; font-size:14px; line-height:22px; vertical-align:top; border-bottom:1px dashed #d2d2d2;}
.mailform .row:first-child div { border-top:1px dashed #d2d2d2;}
.mailform .row div:nth-child(odd) { color:#333; font-weight:400; background:#f6f6f6;}
.mailform .radio + label {font-size:15px; font-weight:300; color:#555; margin-right:25px;}
.mailform .radio.last + label {margin-right:0;}
.mailform input, .mailform textarea, .mailform select { width:100%; background:#fff; border:1px solid #d2d2d2; padding:5px 10px; color:#707070;}
.mailform input[type=radio], .mailform input[type=checkbox] { margin-right:0.3em;}
.mailform label { margin-right:0.5em;}

#sect-contactForm p.error, #sect-contactForm p.msg { font-size:1.05em; margin-bottom:0.5em;}

.buttons input.btn { border:none;}
.buttons input.btn:first-child { margin-right:1em;}
.buttons input.btn:hover { color:#fff;}

#sect-terms .terms-list { margin:0; padding:0; list-style:none;}
#sect-terms .terms-list ol { list-style-type:lower-latin; font-size:0.9em; margin-bottom: 5vh;}
#sect-terms .terms-list ol ol { list-style-type:lower-roman; font-size:0.9em;}

#sect-error { padding:20% auto; background:url(../images/clouds-bg.webp) top center no-repeat #7bd156; background-size:contain; min-height:80vh; }
#sect-error img { margin:20% auto 10%; filter: drop-shadow(3px 7px 5px rgba(51,51,51, .4));}

#floatWhatsapp {
    width: 63px;
    height: 63px;
    text-indent: -9999px;
    background:url(../images/icon_wa-bw.png) no-repeat;
	background-size:63px 63px;
    overflow: hidden;
    position: fixed;
    right: 5%;
    bottom: 20px;
}
#floatWhatsapp:hover {background-image:url(../images/icon_wa.png);}

#to-top {opacity: 0.5;border-radius: 50% 50% 50% 50%;}
#to-top {
    width: 40px;
    height: 40px;
    text-align: left;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat scroll -120px 0px transparent;
    overflow: hidden;
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
}
#to-top:hover {opacity: 1;}

#footerTop { padding-top:2%; padding-bottom:2%; background:#25332e; font-size:0.95em;}
#footerBottom {background:#1b2320; color:#ffffff; font-size:0.8em; padding:0.8em 0;}

.footerNav, .footerNav li { margin:0; padding:0; list-style:none; line-height:2.5em;}
.footerNav li { float:left; margin-right:1em;}
.footerNav li a { color:#91ee69;}
.footerNav li a:hover { color:#d8f1cd; text-decoration:none;}

@media only screen and ( max-width: 80em ) /* 1280 */  
{
.pageContainer { padding:0 8%;}

#LogoDiv { padding:1.25em 0;}	

#sect-slide, #sect-privacy, #sect-terms, #sect-contactForm { margin-top: 5em;}
	
#floatWhatsapp { right:6%;}
} 

@media only screen and ( max-width: 64em ) /* 1024 */
{
.pageContainer { padding:0 4%;}

.navbar-nav li { margin:0;}

#sect-about { padding-bottom:4em;}
#sect-about img {margin-bottom:2em; float:none;}

.feature-list { margin-bottom:0; margin-right:3em;}
/*
.OrangeBox { padding:3em;}*/
.OrangeBox h2 {line-height:normal; margin-bottom:0;}

.plans li { width:31%;}
.plans li:nth-child(3n+0) { margin-right:0;}
.plans li:nth-child(4n+0) { margin-right:2%;}

.pp-bottom { padding:1em 1.8em 0.65em 1.8em;}
.pp-bottom li { width:100%; }

a.btn-buy { padding:0.35em 2em;}

#sect-error { min-height:82vh;}
#sect-error img { margin-top:30%;  filter: drop-shadow(2px 5px 5px rgba(51,51,51, .4));}

#footerTop { padding-top:4%; padding-bottom:4%;}
	
#floatWhatsapp { right:7.5%;}
}

@media screen and (max-width: 53em) /* 848 */
{
.pageContainer { padding:0 2%;}
.navbar-nav li { padding-left:0;}

#LogoDiv { padding:1.25em 0;}
#LogoDiv img { height:1.35em;}
	
#sect-slide, #sect-privacy, #sect-terms, #sect-contactForm { margin-top: 4.9em;}
	
#floatWhatsapp { width:50px; height:50px; background-size:50px 50px; right:2%; bottom: 70px;}
}

@media screen and (max-width: 48em) /* 768 */
{
#LogoDiv { z-index:100; position:relative;}
.navbar-nav li a { padding-left: 1em; padding-right: 1em; border-radius: 5px;}
.navbar-nav li a:hover { background:#2ca085; color:#fff;}
.navbar-nav li:last-child { margin-bottom: 2em;}

#sect-article .col-md-6 .row { margin-top:3vh; }
#sect-article .row img { max-width: 400px; margin-bottom: 3vh;}	

#sect-error { min-height:77vh;}
#sect-error img { margin-top:50%; filter: drop-shadow(1px 5px 3px rgba(51,51,51, .4));}
}

@media screen and (max-width: 40em) /* 640 */
{
p { text-align:justify;}
a.btn { text-align:center; display:block;}

.pageContainer { padding:0 6%;}

#Main p { margin-bottom:1em; line-height:1.5em;}
#Main h1 { margin-bottom:0.75em; font-size:2.4em;}

#sect-about, #sect-features, #sect-pricing, #sect-privacy, #sect-terms, #sect-contactForm, #sect-contactInfo, #sect-article { padding-top:2em; padding-bottom:2em;}
#sect-about img {margin:0; margin-bottom:1.5em;}
#sect-privacy, #sect-terms, #sect-contactForm { border-top:#7bd156 2em solid;}

.feature-list, .feature-list li {line-height:2em; font-size:1em;}
.feature-list { float:none; margin:0; margin-left:2em;}
.feature-list li { background:none; padding-left:0; list-style-image:url(../images/icon_tick.png);}

.OrangeBox { padding-bottom:4em;}
.OrangeBox h2 {line-height:normal; margin-bottom:0; font-size:2em;}

.plans, .plans li { line-height:1.35em;}
.plans li { float:none; margin-bottom:1.5em; margin-right:0; width:auto;}
.plans li:last-child { margin-bottom:0;}

.pp-bottom { padding:1em 2.8em 0.65em 2.8em;}
.pp-bottom li { margin-bottom:0.4em;}
.btn-box { margin:1em 0;}

#sect-terms ol { line-height:1.62em;}

#Footer { display:block; font-size:0.9em;}
#footerTop { padding-top:7%; padding-bottom:7%;}
}

@media screen and (max-width: 30em) /* 480 */
{
.mailform { width:95%; margin: 0 auto;}
.mailform .row div { padding:1em 1.3em;}
.mailform .row div { width:100%; display:block; height:auto;}
.mailform .row div:nth-child(odd) { padding-bottom:0.35em; border:0; background:none;}
.mailform .row:nth-child(even) div { background:#f6f6f6;}
.mailform .row div:nth-child(even) { padding-top:0.35em;}
.mailform .row:first-child div { border-top:0;}
.mailform .row:last-child div { border-bottom:0;}
.mailform input, .mailform textarea, .mailform select { width:98%;}
.mailform textarea { height:10em;}

#sect-article .row .col-md-4 { text-align: center;}
#sect-article .row img { max-width: 70%;}	

#sect-error { min-height:67vh;}
#sect-error img { margin-top:60%;}
}

@media screen and (max-width: 24em) /* 384 */
{
#sect-slide, #sect-privacy, #sect-terms, #sect-contactForm {}
}