/**** ESSENTIAL - DESKTOP ****/

body { font-family: 'Roboto', sans-serif; color:#A69F99; font-size: 26px}
p {margin-bottom:20px;line-height: normal}
a { text-decoration:none;color:#00ACED}
a:hover {text-decoration: underline}
img {width:100%; height:auto; }
.desktop {display:block}
.mobile {display:none}
nav.main-menu {}
nav ul {list-style-type:none;}
nav ul li{display:inline-block; margin: 0px 12px}
nav ul li a{text-decoration:none;text-transform:uppercase; color:#A59F99; font-size: 16px;  line-height: 53px; }
#nav-main ul li a {font-size: 14px;}
nav ul li a:hover{color: #00ADEE;}
nav ul li:first-child a{padding-left:0px;}
nav ul li:last-child a{padding-right:0px}
.circular {width: 100%;height: auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: no-repeat center center; background-size: cover;}
.circular img {opacity:0; filter: alpha(opacity=0); }
h1, h2, h3, h4, h5, h6 {  margin-bottom:15px}
/**** ESSENTIAL - DESKTOP - END ****/
/**** ESSENTIAL - DESKTOP - END ****/


header {position: fixed; width: 100%; z-index: 100; padding: 20px 0px; background: rgba(255,255,255, 0);  -webkit-transition: all .5s ease-out 0.1s; -moz-transition: all .5s ease-out 0.1s;-o-transition: all .5s ease-out 0.1s; transition: all .5s ease-out 0.1s;letter-spacing: 2px; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.06);}
header .c6,
header .c4,
header .c2 {margin-bottom: 0 !important}
header .logo-wrap {text-align: left !important; padding-top: 0 !important}
header .logo { display: inline-block; text-align: center; padding-top:10px}
header .logo img {width: 34px;}
header nav a {}
header nav a:hover {text-decoration: none}
header .logo {opacity:0;transition:opacity 0.1s linear;}
#nav-trigger {opacity:0;transition:opacity 0.1s linear;}
header nav {opacity:0;transition:opacity 0.1s linear;}
header.compact {background: rgba(255,255,255, 1); }
header.compact .logo {opacity: 1}
header.compact nav {opacity: 1}
header.compact .btn-signup {color:#A59F99}
header.compact #nav-trigger { opacity: 1; }
header.page .logo {opacity:1;transition:opacity 0.1s linear;}
header.page nav {opacity:1;transition:opacity 0.1s linear;}
header.page{background: rgba(255,255,255, 1); }
header.page nav {opacity: 1}
header.page #nav-trigger {opacity:1;}
header.page .btn-signup {color:#A59F99}
.slicknav_menu {display: none}
header.compact .btn-signup {color:#A59F99}
header .btn-signup:hover {color:#00ADEE; text-decoration: none}
hr{border: solid #F1EEED;border-width: 1px 0 0;}
.large-btn-container { text-align: center; padding: 55px}
.text-white { color: #fff; }
.text-darker { color: gray; }
.link-highlight { background-color: rgba(0,173,238,1); color: #fff !important; }
.landing {width: 100%;  background: url(../images/landing-4.jpg) repeat; position: relative; background-size:cover}
.landing.documentation {width: 100%;  background: url(../images/landing_blur.jpg) no-repeat; position: relative; background-size:cover; max-height: 700px}
.landing.sponsor {background: url(../images/landing-sponsor.jpg) no-repeat; background-size:cover;}
.landing.payment {background: url(../images/landing-payment.jpg) no-repeat; max-height: 700px; background-size:cover}
.landing.profile {background: none, rgba(0,173,238,1); max-height: 700px}
.outer {width: 100%;padding: 0px;height: 100%;top: 0px;left: 0px;margin: 0px;position: absolute;display: table;}
.middle {vertical-align: middle;display: table-cell;padding: 20px;margin: 0px;}
.inner {margin-left: auto;margin-right: auto; width: 100%;display:block;}
.landing .inner{ max-width: 1176px; margin-top: -200px;}
.landing.profile .inner,
.landing.payment .inner { margin-top: 0; }
.landing.documentation .inner{ max-width: 900px; }
.landing .inner h1 {position: absolute; text-indent: -9999px}
.landing .inner img {max-width:545px; width: auto; margin-bottom: 30px}
.landing .inner p {color:#FFF; font-size: 30px; text-transform: uppercase; font-weight: 800;letter-spacing: 5px; width: 850px; margin: 0 auto;}
.landing.documentation .inner {margin-top: 0;}
.landing.documentation .inner p {width: auto;}
.container {padding:110px 0px 110px 0px }
.landing-slider {background: rgba(0,106,147, .6); position: absolute; width: 100%; bottom: 0px; text-align: center; padding-top: 90px}
.slides {padding: 0px 0px 0px 0px; position: absolute; width: 100%;}
#slideshow {position: relative; padding-bottom: 40px}
.slides p {color:#FFF; font-size: 30px; margin-bottom: 0px}
.slides p span {font-weight: 800}
.btn-signup {color: #FFF; font-size: 14px}
.btn-login {color: #FFF; font-size: 14px; display: block; background:rgba(0,173,238,1); padding: 0px 30px; transition: background 0.4s ease-in-out; font-weight: 800}
.btn-login:hover{background:rgba(252,252,252,1);color:#00ADEE; text-decoration: none; outline: 1px solid #00ADEE}
.btn-action {color: #FFF; font-size: 24px; display: inline-block; background:rgba(0,173,238,1); padding: 20px 35px; transition: background 0.4s ease-in-out; font-weight: 400; position: relative}
.btn-action:hover{background:rgba(252,252,252,1);color:#00ADEE; text-decoration: none; outline: 1px solid #00ADEE}
.btn-action span {margin-left: 55px;}
/*.nav-main-wrap {width: 58%;}*/
.enter {float: right !important; width: 24%}
.enter a {display: inline-block; margin-left:16px; line-height: 53px }
.fullsize {width: 100%; position: relative}
h2 {color:#00ADEE; font-size: 74px; margin-bottom: 120px; font-weight: 800}
.listing > div{min-height: 300px}
.listing ul li {list-style-type: none;letter-spacing: 2px; }
.listing ul li a {color:#A59F99; font-size:30px; }
.listing ul li a:hover, .listing ul li a.active {color:#00ACED; text-decoration: none}
.listing .show {font-size: 26px}
.listing .show p {margin-bottom: 5px}
.listing .more {display: inline-block; background: url(../images/more.png) no-repeat center right; padding-right: 25px; color:#00ACED; text-decoration: none; letter-spacing: 6px;}
.scroll-block {position: absolute;bottom: 30px;height: 70px;width: 100%;}
.scroll-block a {display: block;width: 70px;height: 70px;margin-left: auto;margin-right: auto;}
#steps .scroll-block a {background-image: url(../images/arrow-blue.svg); background-size:contain}
#description .scroll-block a {background-image: url(../images/arrow-light-gray.svg); background-size:contain}
#features .scroll-block a {background-image: url(../images/arrow-gray.svg); background-size:contain}
#stats .map {width:auto; max-width: 100%; margin-top: 30px}
#stats .indent {background: url(../images/more.png) no-repeat top 7px left; padding-left: 25px; font-size: 26px; margin-left: -25px}
#stats .item {margin-bottom: 45px}
#stats .item p {font-size:26px; color:#A59F99; margin-bottom: 0px; line-height: 1.1;letter-spacing: 1px;}
#stats .item p.value {color:#00ADEE; font-size: 40px; font-weight: 700; letter-spacing: 4px;}
#stats .item p.stats-label { font-size: 16px; margin-bottom: 5px; }
#slideshow-testimonials .slides p {color: #A59F99; margin-bottom: 35px; font-size: 26px}
.testimonials {min-height: 260px}
.testimonials h2 {color:#E5E4E3;  margin-bottom: 0px; }
#slideshow-testimonials {transform: translateY(-32px)}
.contribute h2 {color:#1FC0FF; margin-bottom: 40px}
.contribute .options {list-style: none}
.contribute .options a{font-size: 50px; font-weight: 700; display: inline-block; text-decoration:none; line-height: 1.3; letter-spacing: 3px;padding-right: 35px;}
.options .link {color:#00ACEC; background: url(../images/more-light-blue.png) no-repeat center right;}
.options .link:hover {color:#FFF; background: url(../images/more-white.png) no-repeat center right; }
.app-download img{max-width: 274px; width: 100%}
.app-download p{font-size: 19px; color: #FFF;  letter-spacing: 3px; font-weight: 700; margin: 20px 0 0 0}
.bottom-info-ribbon {font-weight: 300;}
.bottom-info-ribbon p {line-height: 1.5}
.bottom-info-ribbon h3 {text-transform: uppercase; font-weight: bold;}
footer {padding: 40px 0px}
footer p {margin-bottom: 0px; font-size: 19px; font-weight: 700; color: #FFF}
footer a {color: #FFF}
.landing .inner p.punchline {font-size:80px; letter-spacing: 2px;line-height: 1;}
.box {border:1px solid #F1EEED; padding: 20px; background: rgba(255,255,255,1)}
.box .featured-img img{width: 100%; margin-bottom: 20px}
.box h3 {font-size: 16px; font-weight: 700;color: #00ACEB; letter-spacing: 3px; margin-bottom: 4px}
.style-dark-blue {background: rgba(0,145,199, 1)}
.style-middle-blue {background: rgba(17, 165, 220, 1)}
.style-light-blue {background: rgba(0,173,238,1)}
.style-gray {background: rgba(242,241,240, 1)}
.style-light-gray {background: rgba(250,250,250, 1)}
.sponsor-info {font-size:16px;}
.sponsor-info .type {letter-spacing: 3px}
.sponsor-info .short {padding: 10px 0;}
.sponsor .landing-slider {padding-top: 60px;}
.sponsor #slideshow {padding-bottom: 130px;}
.btn-box {color: #FFF; font-size: 16px; display: block; background:rgba(0,173,238,1); line-height: 53px; margin:0 auto; width: 190px; text-align: center; transition: background 0.4s ease-in-out;letter-spacing: 2px; font-weight: 800; cursor: pointer;}
.btn-box:hover {background:rgba(252,252,252,1); color:#00ADEE;outline: 1px solid #00ADEE; text-decoration: none }
.sponsorship.first h2 {font-size:50px; color:#A59F99; text-transform: uppercase}
.sponsorship.first .c12 {height: 50px;margin-top: -40px;margin-bottom: 40px;}
.community h2 {color:#A69F99; text-transform: uppercase}
.payment-plans .type {font-size: 26px; color: #00ACED; font-weight: 800; letter-spacing: 2px}
.box p {font-size:16px}
.payment-plans .price {font-size: 64px; color:#E5E4E3; font-weight: 700; margin-bottom: 0px}
.payment-plans .price.small {font-size: 50px;}
.payment-plans .price span {font-size: 50px;}
.payment-plans .billed {margin-top: -12px;text-align: right;}
.payment-plans .features {padding-top: 15px}
.payment-plans .features li{font-size:14px; list-style: none}
.payment-plans .info {height: 190px; display: block}
.box.type-features {background:rgba(252,252,252,1); margin-top: -1px}
.type-features .type {font-size: 16px; color: #00ACED; font-weight: 800; letter-spacing: 4px;margin-bottom: 8px}
.type-features li{font-size:16px; list-style: none; padding: 8px 0 8px 16px; border-bottom: 1px solid #eee; position: relative;}
.type-features li:before { content: "·"; font-size: 30px; color: #00ACED; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.type-features .add li {color:#00ACEB}
.type-features .add li:before {content: "+ "}
.box.invert{background:rgba(0,173,238,1)}
.box.invert p,.box.invert li { color: #FFF; }
.box.invert .btn-box {color: #00ADEE; font-size: 16px; display: block; background:rgba(252,252,252,1)}
.box.invert .btn-box:hover {color: #fff;  background:rgba(0,145,199, 1); outline: 1px solid #FFF}
.faq p {font-size: 20px}
.faq p strong {text-transform: uppercase}
.faq p span {color: #00ACEC}
.faq h2 {font-size: 50px; color:#A69F99; margin-bottom: 60px}
.container.counter {padding:60px 0}
.counter p {font-size:22px}
.counter .value {font-size:60px; color:#E5E4E3; font-weight:700; }
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;border: 1px solid #ffffff; background: rgba(255,255,255,1.00)}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about-company{ font-size:20px}
.about-company .text {padding: 0px 0px 80px 0px;}
.about-company .text h3 {margin-top:80px; font-size: 20px}
.about-company .text .more {display: inline-block; background: url(../images/more.png) no-repeat center right; padding-right: 25px; color:#00ACED; text-decoration: none; letter-spacing: 6px;}
.about-company .contact p {margin-bottom: 0px}
.perks .box {margin-bottom: 22px}
.company-sponsor {margin-top: -1px; color: #00ACEC; font-size: 20px}
#steps {min-height: 950px;}
#steps .cont {max-width: 1100px; margin: 0 auto; position: relative}
#steps .cont img {width: 100%}
#steps p {font-size: 50px; font-weight: 700; text-transform: uppercase;width: 700px;color: #FFF}
#steps p span {font-size: 40px; font-weight: 300; text-transform:lowercase}
#steps .cont .watch-video{font-size:26px;display: block; color:#FFF;}
#steps .cont .watch-video img {width: 64px; vertical-align:middle; margin-left: 20px}
.landing.profile .inner p {color:#FFFFFF; margin-bottom: 55px}
.profile-pic{border-radius: 120px;padding: 0px; width: 240px;height: 240px; background: rgba(255,255,255,1.00); position: relative; margin: 0px auto 40px auto}
.profile-pic .holder {border-radius: 50%; position: absolute; width: 100%; height: 100%}
.landing.profile .inner h1 {text-indent: 0px; position: relative; font-size: 80px; font-weight: 800; color: #FFFFFF}
.landing.profile .inner p.location {font-size: 22px; text-transform: none; font-weight: 300}
.landing.profile .outer {padding-top: 100px}
#steps-mobile p {font-size: 50px; font-weight: 700; text-transform: uppercase;color: #FFF}
#steps-mobile p span {font-size: 40px; font-weight: 300; text-transform:lowercase}
#steps-mobile .outer {position: relative;}
#steps-mobile .c12 {margin-bottom: 0px; height: 300px;}
#steps-mobile {display: none}
.payment-plans {position: relative}
.select-country {font-size:16px; font-weight: 700; position: absolute; margin-top: -65px}
.select-country select {color:#B0ABA5; font-size: 16px; width: 230px; height: 24px; border: none; outline: 1px solid #F1EEED;margin-left: 10px}
.icon img {max-width:70px}
.invert .icon > div {background: #00ADEE;}
.icon > div {background: #FFF;width: 90px;margin: 0 auto;margin-top: -55px}
.icon {padding: 10px 0px}
.btn-icon {width: 40px; opacity: 0.25; position: absolute; top: 50%; transform: translateY(-50%)}
.calculator h2{color:#A59F99}
.calculator .calculator-form { background-color: #f9f9f9; padding-top: 40px; border: 1px solid #ddd; margin-bottom: 50px;}
.calculator input[type="checkbox"] {height: 20px;width: 20px;background: #fff;border-radius: 2px;vertical-align: middle;border: 1px solid #ddd;-webkit-appearance: none;outline: none;cursor: pointer;}
.calculator input[type="checkbox"]:checked { background:url(../images/checked.png) center;}
.calculator label {font-size:16px; cursor: pointer;}
.calculator input[type="number"],
.calculator select {padding: 6px 10px; color:#B0ABA5; font-size: 16px; width: 230px; border: none; outline: 1px solid #F1EEED;background: #fff; }
.calculator select {height: 34px; cursor: pointer;}
.calculator .box {background: rgba(252,252,252,1);min-height: 522px;}
.calculator h3 {color: #00ACEB; font-weight: 700; font-size: 26px; letter-spacing: 2px; margin-bottom: 10px}
.calculator .price {font-size: 50px; color:#00ACEB; font-weight: 700; margin-bottom: 0px;}
.calculator .price span {font-size: 18px; display: block;}
.calculator .form {padding: 20px}
.calculator .btn-box {display: inline-block; margin: 0 10px}
.calculator .input-wrap {margin-bottom: 20px;}
.calculator .basic-plan-options {float: left; margin-right: 50px}
.calculator .included-items { font-size: 18px; margin-top: 20px; }
.calculator .included-items span {color:#00ACEB;}
.video-description,
.faq-questions,
.faq-answer,
.news-article { max-width: 855px; margin: -85px auto 50px; text-align: left; opacity: .8; font-weight: 300; line-height: 1.5}
.news-article { margin-bottom: 200px; opacity: 1; overflow: hidden;}
.news-article ul { margin-left: 20px; margin-bottom: 20px; }
.news-article p,
.news-article li { line-height: 1.4; font-size: 21px; list-style-position: outside; opacity: 0.8}
.news-article .simple-table tr:nth-child(even) { background-color: rgba(0,0,0, 0.04) }
.news-article .simple-table { margin-bottom: 40px; }
.news-article p a,
.news-article li a { color: #00ACEB; text-decoration: underline }
.news-article p a:hover,
.news-article li a:hover { opacity: .7}
.news-article .royalSlider { width: 100%; height: 500px; background-color: #e6e6e6; padding: 40px 0; margin: 70px 0; border: 3px solid white;}
.news-article .royalSlider img { box-shadow: 0 0 5px #bbb; border: 1px solid white; }
.news-article .sponsors { background-image: url(../images/landing-4.jpg); padding-top: 50px; padding-bottom: 50px;}
.news-article .sponsors .c6 { text-align: center; padding: 13px; opacity: .9; transition: all ease-in-out 0.2s;}
.news-article .sponsors .c6:hover { text-align: center; padding: 13px; opacity: 1; transition: all ease-in-out 0.2s;} 
.news-article .sponsors .c6 > a {display: block; background-color: #fff; height: 200px; position: relative; box-shadow: 0 0 8px 1px #fff; transition: all ease-in-out 0.2s;}
.news-article .sponsors .c6 > a:hover {box-shadow: none; transition: all ease-in-out 0.2s;}
.news-article .sponsors .c6 img { max-width: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.youtube-video-proportion-box-container { max-width: 855px; margin: 0 auto;}
.youtube-video-proportion-box { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.youtube-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.event-header,
.faq-header { margin: 40px 0 40px; }
.event-title {max-width: 855px; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 20px; margin: 0 auto 20px}
.faq-title {position: relative; max-width: 855px; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 20px; margin: 120px auto 20px; text-align: left; line-height: 1.2}
.faq-title .anchor-target {position: absolute; top: -120px;}
.faq-answer {margin-top: 0}
.faq-answer ul {padding-left: 25px}
.faq-answer li {list-style-position: outside}
.faq-questions {list-style-type: none; text-align: left; margin-top: 0; font-weight: normal}
.faq-questions li a { display: block; padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 18px;}
.official-text { font-size: 16px; line-height: 1.5; color: #777;}
.official-text p { line-height: 1.5;}
.official-text ul { margin-bottom: 30px; }
.official-text .T1,
.official-text .T2,
.official-text .T3 {
	font-weight: bold;
}

@media handheld, only screen and (min-width: 800px) {
	.faq-example {text-align: center; width: 80%; margin: 0 auto;}
	.faq-example-image-container {display: inline-block; width: 40%;}
	.faq-example-image-container img {box-shadow: 0 0 5px #bbb;}
}

@media handheld, only screen and (max-width: 799px) {
	.faq-answer {
		font-size: 16px;
		color: gray;
	}
}

@media handheld, only screen and (min-width: 1176px) {
 	.fullsize {height: 100vh;}
	.landing {height: 100vh;}


}

@media handheld, only screen and (max-width: 1176px) {
	.fullsize { padding: 40px 0px}
	.fullsize .outer, .landing .outer {display: block; position: relative;}
	.landing .outer {padding: 100px 0px;}
	.landing .inner {margin-top: 0;}
	.fullsize .middle, .landing .middle  {display: block}
	.landing-slider {position: relative}
	.payment-plans .c3 {width: 50%; margin-bottom: 26px}
	.counter .c3 {width: 50%;}
	.sponsorship.first h2 {position: relative}
	.sponsorship.first .c12 {height: auto}
	#steps {padding: 0px 40px;}
	#steps p {font-size: 42px;width: 546px;}
	nav ul li {margin: 0px 2px}

}

@media handheld, only screen and (max-width: 979px) {



}

#nav-trigger span {color: #aa9f99;padding: 0px 0px; position: absolute; left: 65px; font-size: 14px; margin-left: 15px; margin-top: 2px}
nav#nav-mobile {background: white;position: absolute; top: 93px;margin: 0 auto; width: 300px}
nav#nav-mobile ul {text-align: left;background-color: rgba(242,241,240, 1);text-indent: 10px; margin: 0px; width: 100%;position: relative;}
nav#nav-mobile li {border-bottom: solid 1px #ddd;}
nav#nav-mobile a {color: #949494;padding: 0px;    margin-left: 0px;}
nav#nav-mobile a:hover, nav#nav-mobile a:active {background-color: #00ADEE;color: #fff;}

@media handheld, only screen and (max-width: 1068px), only screen and (max-device-width: 1068px) and (orientation:portrait) {
/**** ESSENTIAL - max768 ****/
.js #menu {
		display:none;
	}

	.js .slicknav_menu {
		display:block;
	}
.desktop {display:none}
.mobile {display:block}
.circular {width:60%; margin-left:auto; margin-right:auto}
.event-nav .c3{width:50%}
/**** ESSENTIAL - max768 - END ****/

header .logo {opacity:1;transition:opacity 0.1s linear;  }
header .logo{max-width: 600px}
header #nav-trigger {opacity:1;transition:opacity 0.1s linear;  }
header nav {opacity:1;transition:opacity 0.1s linear;}
header{background: rgba(255,255,255, 1); }
header nav {opacity: 1}
header .btn-signup {color:#A59F99}
header .c2 {text-align: center}
.landing .inner img {width: 78%;}
header {position: relative; padding-bottom: 0px}

	h2 { font-size: 40px; margin-bottom: 50px}
	.listing > div {min-height: auto;}
	.container {padding: 40px 0px 40px 0px}
	.listing .text-right{text-align: left}
	.options .link-sponsor {background: none}
	.options .link-user {background: none}
	footer, footer .text-right {text-align: center}
	.community .c1-5 {width:33.3%}
	.landing .inner p.punchline {font-size: 50px; }
	#steps {display: none}
	#steps-mobile {display: block}
	header .c2{width: 20%;padding: 0 12px;}
	header .c6{width: 0%}
	header .c4{width: 80%; position: inherit;}
	/*#nav-trigger span {background-color: #FFF;color: #aa9f99;padding: 0px 0px; position: absolute; top: 10px; left: 65px;}*/
	.btn-login {padding: 0px 30px;}
	nav#nav-mobile {background: white; top: 74px; position: absolute;left: 0;width: 100%;}
	/*nav#nav-mobile ul {text-align: left;background-color: rgba(242,241,240, 1);text-indent: 10px; margin: 0px; width: 100%;position: relative;}
	nav#nav-mobile li {border-bottom: solid 1px #00adee;}
	nav#nav-mobile a {color: #949494;padding: 0px;    margin-left: 0px;}
	nav#nav-mobile a:hover, nav#nav-mobile a:active {background-color: #00ADEE;color: #fff;}*/
	.landing-inner {margin-top: 0px;}
	.landing .inner p {font-size:  20px; width: auto;}
	.slides p {color:#FFF; font-size: 20px; margin-bottom: 0px}
	.slides p span {font-weight: 800}
	.landing-slider {padding: 40px 0px !important}
	#steps-mobile p {font-size: 40px}
	#steps-mobile p span {font-size: 30px}
	.listing ul li a {font-size: 15px}
	.listing .show p, .listing .more {font-size: 20px}
	#stats .item p.value {font-size: 50px}
	#stats .item p {font-size: 16px}
	#stats {padding-bottom: 0px}
	#slideshow-testimonials .slides p {font-size: 20px}
	.scroll-block {display: none}
	.contribute .options a {font-size: 25px}
	.app-download p {font-size: 16px}
	footer p {font-size: 13px}
	header {padding: 10px 0}
	.payment-plans .info {height: auto}
	.select-country {margin-top: 0px; position: relative}

	.video-description { margin-top: 0; font-size: 18px; }

}

@media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) and (orientation:portrait) {

.circular {width:72%; margin-left:auto; margin-right:auto}
header .logo{max-width:400px}
.payment-plans .c3 {width: 100%}
.counter .c3 {width: 100%}
.community .c1-5 {width:50%}





}


@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) and (orientation:portrait) {
	header .c2{padding-top: 20px}
	header .c6{width: 0%}
	header .c4{width: 80%}
	#nav-trigger span {background-color: #FFF;color: #aa9f99;padding: 0px 0px;font-size: 12px}
	.btn-login {padding:0px 20px;font-size: 12px}
	.btn-signup {font-size: 12px; margin-left: 0px !important}
	/*nav#nav-mobile li {border-bottom: solid 1px #00adee;}
	nav#nav-mobile a {color: #949494;padding: 0px;margin-left: 0px;}
	nav#nav-mobile a:hover, nav#nav-mobile a:active {background-color: #00ADEE;color: #fff;}*/
	.landing .inner p {font-size:  20px}
	.slides p {color:#FFF; font-size: 15px; margin-bottom: 0px}
	.slides p span {font-weight: 800}
	.landing-slider {padding: 40px 0px !important}
	#steps-mobile p {font-size: 25px}
	#steps-mobile p span {font-size: 20px}
	.listing ul li a {font-size: 15px}
	.listing .show p, .listing .more {font-size: 15px}
	#stats .item p.value {font-size: 50px}
	#stats .item p {font-size: 16px}
	#stats {padding-bottom: 0px}
	#slideshow-testimonials .slides p {font-size: 15px}
	.scroll-block {display: none}
	.contribute .options a {font-size: 20px}
	.app-download p {font-size: 16px}
	footer p {font-size: 13px}
	h2 { font-size: 30px;}
	.landing .inner p.punchline {font-size: 40px}
	.faq p {font-size: 15px}
	.landing.profile .inner h1 {font-size: 50px}
	.landing.profile .inner p.location {font-size: 15px}
	#stats .item p.value {font-size: 50px}
	.counter p {font-size: 16px;}
	.about-company .text h3 { font-size: 15px}
	.about-company .text p {font-size: 15px}
	.sponsorship.first h2 {font-size: 30px}
	.sponsorship.first .c12 {height: 50px;margin-top: 0px;margin-bottom:40px;}
	.about-company .contact p  {font-size: 15px}

	.btn-action { font-size: 18px; padding: 20px 20px; width: 100%; }
	.large-btn-container { text-align: center; padding: 55px 15px;}

}

.product-items-table {
	max-width: 500px;
}

.simple-table {
	box-shadow: none;
}

.simple-table td,
.simple-table th {
	background-color: transparent;
	border-color: #ddd;
	border-width: 0 0 1px 0;
	vertical-align: middle;
	text-align: left;
}

.simple-table th {
	font-weight: bold;
}

.simple-table tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.02);
}

.simple-table td img {
	max-width: 80px
}

[ng-cloak]{
  display: none !important;
}