/* general */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'proximanovaregular'; font-size: 16px; color: #404040; }
input, select, textarea { font-size: 16px; color: #404040; }
body { background: #fff; }
img { border: 0px; max-width: 100%; height: auto; }
:focus { outline: none; }
ul { list-style: none; }
a:hover { text-decoration: none; }
:focus, a,button,input,textarea,span,em { outline: none!important; transition: .50s ease-in-out; -moz-transition: .50s ease-in-out; -webkit-transition: .50s ease-in-out; }
strong { font-weight: 700;}
h1,h2,h3,h4,h5,h6,ul,ol{ margin: 0px; font-family: 'AlternateGothic2BT'; }

/* global classes */
.clear { clear: both; height: 1px; }

/* wrapper */
#wrapper { width: 100%; float: left; overflow: hidden; }

	/* my container */
	.mycontainer { padding: 0 15px; width: 100%; max-width: 1330px; margin: 0 auto; }

	/* header wrapper */
	#headerWrapper { padding: 17px 0; width: 100%; float: left; position: relative; }

		/* logo area */
		.logoArea { float: left; }
		
		/* login area */
		.loginArea { padding: 16px 0 0 0; float: right; }
		.loginArea ul { list-style: none; }
		.loginArea ul li { padding:0 0 0 40px; float: left; }
		.loginArea ul li a { padding: 41px 19px; font-size: 20px; color: #000; text-transform: uppercase; }
		.loginArea ul li a:hover { color: #fff; background: #45a532; }
		.loginArea ul li.active a {  color: #fff; background: #45a532; }

		/* menu Area */
		.menuArea { padding: 17px 0 0; float: right; }
		.menuArea ul li { padding: 0 40px 0 0; display: inline-block; }
		.menuArea ul li:last-child { padding-right: 0; }
		.menuArea ul li a { padding: 32px 10px 0; font-size: 20px; color: #000; text-transform: uppercase; border-top: 5px solid transparent;  }
		.menuArea li.avtive	a { color: #45a532; border-top: 5px solid #45a532; }
		.menuArea ul li a:hover { color: #45a532; border-top: 5px solid #45a532; }
		
		/* mobile menu */
		.mobilemenuArea { display: none; }		
	
		/* header wrapper */
		#bannerWrapper { width: 100%; float: left; }
	
		/* banner area */
		.bannerArea{ width: 100%; float: left; position: relative; }
		.bannerArea .item { padding: 60px 0; width: 100%; height: 630px;  float: left; }
		.bannerArea .bannerman1 { display:block; }
		.bannerArea .bannerman2 { display:none; }
		.bannerArea .item img.bannerman { max-width: 100%; height: auto; border: 6px solid #fff; -webkit-box-shadow: 10px 10px 17px -5px rgba(40,32,24,1); -moz-box-shadow: 10px 10px 17px -5px rgba(40,32,24,1); box-shadow: 10px 10px 17px -5px rgba(40,32,24,1); }
		.bannerArea .item .text { padding: 30px 115px 0 30px; width: 100%; float: left;  }
		.bannerArea .item h2 { font-size: 82px; color: #fff; font-style: normal; }
		.bannerArea .item em { font-size: 82px; color: #55c040; font-style: normal; }
		.bannerArea .item p { padding: 10px; font-size: 30px; color: #fff; }
		.bannerArea .item p:last-child { padding: 13px 0 0 70px; font-size: 18px; }
		.bannerArea .item a.btn { padding: 11px 33px; font-size: 20px; color: #fff; border-radius: 40px; display: inline-block; background: #45a532; }

		/* poker area */
		.pokerArea { padding: 60px 60px; width: 100%; float: left; }
		.pokerArea .item { padding: 73px 68px 0 68px; text-align: center; }
		.pokerArea img.pokerimg { max-width: 100%; height: auto; margin: 0 auto; cursor: pointer;}
		.pokerArea h2 { padding: 23px 0px; font-size: 64px; color: #000; text-transform: uppercase; }
		.pokerArea p { font-size: 18px; color: #3b3b3b; line-height: 28px; }
		.pokerArea iframe { width: 100%; float: left; height: 440px; }
		.pokerArea .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
		.pokerArea .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

		/* content wrapper */
		#middleWrapper { width: 100%; float: left; }
	
		/* who area */
		.whoArea { padding: 60px 80px; width: 100%; float: left; text-align: center; }
		.whoArea h2 { padding: 23px 0; font-size: 64px; color: #000; text-transform: uppercase; }
		.whoArea img.whoimg { max-width: 100%; height: auto; margin: 0 auto; cursor: pointer; }
		.whoArea .item { padding: 0 46px; }
		.whoArea h3 { padding: 27px 0 0; font-size: 33px; color: #000; text-transform: uppercase; }
		.whoArea p { margin: 17px 0 23px 0; font-size: 18px; color: #494949; line-height: 28px; }
		.whoArea ul { list-style: none; text-align: center ; }
		.whoArea ul li { padding: 0 3px; display: inline-block; }
		.whoArea ul li a { width: 43px; height: 43px; font-size: 16px; color: #fff; line-height: 43px; display: inline-block; text-align: center; border-radius: 100%; background: #b3b3b3; }
		.whoArea ul li a:hover { background: #44a531; }
		.whoArea figure { width: 300px; height: 300px; margin: 0 auto; }
		.whoArea figure img { max-width: 100%; height: auto; border-radius: 100%; cursor: pointer; }
		.whoArea a.btn { padding: 11px 33px;  margin: 40px auto 17px auto; font-size: 20px; color: #fff; border-radius: 40px; display: inline-block; background: #45a532; }
		
		/* quisquam area */
		.quisquamArea { padding: 60px 150px; width: 100%; float: left; position: relative; text-align: center; background: #eff5ee; }
		.quisquamArea h2 { padding: 23px 0px; font-size: 64px; color: #000; text-align: center; }
		.quisquamArea p { margin: 0 0 80px; font-size: 16px; color: #1b1b1b; text-align: center; }
		.quisquamArea .item { text-align: left; margin: 50px auto 10px auto; }
		.quisquamArea .item h3 { font-size: 34px; color: #3b3b3b; font-family: 'ProximaNovaBold'; }
		.quisquamArea .item p { margin: 13px 0 0 ; font-size: 25px; color: #3b3b3b; text-align: left; }
		.quisquamArea img.quisquamimg1 img.quisquamimg2 { max-width: 100%; height: auto; border-radius: .25rem; }
		.quisquamArea .monthly { padding: 84px 15px; }
		.quisquamArea .lineimg1 { display: none; background: url(../images/quisquamline1.png) no-repeat; }
		.quisquamArea .lineimg2 { display: none; background: url(../images/quisquamline2.png) no-repeat;  }
		.quisquamArea a.btn { padding: 11px 33px;  margin: 40px auto 17px auto; font-size: 20px; color: #fff; border-radius: 40px; display: inline-block; background: #45a532; }
		.quisquamArea .webinarbefore { display: none; }
		.quisquamArea .webinarafter { display: block; }


		/* paying area */
		.payingArea { padding: 60px 0; width: 100%; float: left; }
		.payingArea img  { max-width: 100%; width: 100%; height: auto; }
		.payingArea img.shadowimg { margin-top: -13px; }
		.payingArea h2 { padding: 23px 0 30px; font-size: 34px; color: #222222; font-family: 'ProximaNovaBold'; }
		.payingArea ul { list-style: none; }
		.payingArea ul li { line-height: 43px; }
		.payingArea ul li p { font-size: 21px; color: #3b3b3b; text-decoration: none; font-family: 'proximanovaregular'; }
		.payingArea ul li p span { color: #45a532; }
		.payingArea img.payingcricle { margin: 0 17px 0 0; width: 18px; max-width: 100%; height: auto;}
		
		/* should area */
		.shouldArea { padding: 60px; width: 100%; float: left; text-align: center; }
		.shouldArea .mycontainer { padding: 0; }
		.shouldArea h2  { padding: 13px 0px 40px 0px; font-size: 64px; color: #000; }
		.shouldArea p { padding: 0 103px; line-height: 33px; font-size: 26px; color: #1d1b1b; text-align: left; }
		.shouldArea h3 { padding: 0 0 17px; font-size: 34px; color: #222222; font-family: 'ProximaNovaBold'; }
		.shouldArea p a { color: #45a532; font-weight: bold; }
		.shouldArea .item { padding: 0; margin: 30px 6px 0 6px; width: 19%; float: left;  text-align: left; border: 1px solid #e0e0e0; position: relative; } 
		.shouldArea .item h4 { font-size: 14px; color: #000; font-family: 'ProximaNovaBold'; text-align: center; } 
		.shouldArea .item p { padding: 10px 10px 67px 10px; font-size: 17px; color: #5f5f5f; line-height: 27px; }
		.shouldArea .item .shouldangleimg { padding: 2px 9px 0 0; font-size: 30px; color: #fff; width: 90px; height: 46px; left: -6px; bottom: 23px; font-family: 'ProximaNovaBold'; position: absolute;  text-align: center; background-repeat: no-repeat !important; }
		.shouldArea .item iframe { width: 100%; float: left; height: 190px; margin-bottom: 13px; }
		.shouldArea a.btn { padding: 11px 33px;  margin: 40px auto 17px auto; font-size: 20px; color: #fff; border-radius: 40px; display: inline-block; background: #45a532; }
		.shouldArea .nocc { margin: 10px auto; font-size: 20px; display: inline-block; text-align: center; }

		/* testimonials area */
		.testimonialsArea { padding: 60px 0; width: 100%; float: left; text-align: center; background: #eff5ee; }
		.testimonialsArea h2 { padding: 13px 0 30px; font-size: 64px; color: #000; text-transform: uppercase; }
		.testimonialsArea img.quisquamimg { max-width: 100%; height: auto; }
		.testimonialsArea .jhone h3 { font-size: 22px; color: #000; font-family: 'ProximaNovaBold'; }
		.testimonialsArea .jhone h4 { font-size: 20px; color: #000; font-family: 'proximanovaregular'; }
		.testimonialsArea .item { padding: 15px; text-align: left; position: relative; background: #fff; }
		.testimonialsArea .item:after { display:none; }
		.testimonialsArea .item i { padding: 0 0 13px; font-size: 30px; color: #45a532; }
		.testimonialsArea .item p { margin: 15px 0px; font-size: 20px; color: #000; font-style: italic; }
		.testimonialsArea .jhone { padding: 30px 30px 0; text-align: left;  }
		.testimonialsArea iframe { width: 100%; height: 194px; }

		
		/* pricing area */
		.pricingArea {  padding: 60px 0; width: 100%; float: left; }
		.pricingArea h2 { padding: 13px 0 40px 0; font-size: 64px; color: #000; text-align: center; text-transform: uppercase; }
		.pricingArea img.quisquamimg { margin: 0 auto; max-width: 100%; height: auto; display: block }
		.pricingArea .item { padding: 0 0 40px; min-height: auto; border-radius: 0 7px 7px; text-align: center; cursor: pointer; -webkit-box-shadow: -1px 9px 20px 0px #efefef; }
		.pricingArea .item:hover a.btn,.pricingArea .item:hover h3 { background: #45a532; }
		.pricingArea .item:hover { -webkit-transition: 1.30s ease-in-out; transform: scale(1.1, 1.1); }
		.pricingArea h3 { padding: 20px; font-size: 48px; color: #fff;  text-transform: uppercase; text-align: center; border-radius: 7px 7px 0 0; background: #2a3542; }
		.pricingArea h3 span { display: block; font-family: 'ProximaNovaBold'; }
		.pricingArea a.btn { padding: 3px 33px; margin-top: 40px; font-size: 30px; color: #fff; display: inline-block; text-transform: uppercase; background: #2a3541;  }
		.pricingArea ul { list-style: none; text-align: left; }
		.pricingArea ul li { padding: 0 0 0 80px;  font-size: 16px; color: #2a3542; line-height: 47px; border-bottom: 1px solid #e5e5e5; position: relative; font-family: 'proximanovaregular'; }
		.pricingArea ul li:after { content: "\f00c"; font-size: 14px; color: #28333f; position: absolute; left: 40px; font-weight: 700;  font-family:'font awesome 5 pro'; }
		.pricingArea ul li:last-child { border-bottom: none;  }
		.pricingArea h4 { padding: 10px 5px; margin: 29px 0 0;  font-size: 30px; color: #fff; background: #45a532; }
		
		/* seen area */
		.seenArea { padding: 60px 0; width: 100%; float: left; background: #45a532; }
		.seenArea h2 { padding: 0 0 30px; font-size: 49px; color: #fff; text-align: center; }
		.seenArea ul { list-style: none; }
		.seenArea ul li { padding: 0 15px; float: left; }
		
		/* moneyback area */
		.moneybackArea { padding: 60px; width: 100%; float: left; text-align: center; }
		.moneybackArea .mycontainer { padding: 0; }
		.moneybackArea h2  { padding: 13px 0px 40px 0px; font-size: 64px; color: #000; }
		.moneybackArea p { padding: 0 5px; line-height: 33px; font-size: 26px; color: #1d1b1b; text-align: left; }
		.moneybackArea h3 { padding: 0 0 17px; font-size: 34px; color: #222222; font-family: 'ProximaNovaBold'; }
		.moneybackArea a.btn { padding: 11px 33px;  margin: 40px auto 17px auto; font-size: 20px; color: #fff; border-radius: 40px; display: inline-block; background: #45a532; }
		.moneybackArea .nocc { margin: 10px auto; font-size: 20px; display: inline-block; text-align: center; }
		
		/* faq area */
		.faqArea { padding: 60px 260px; width: 100%; float: left; text-align: center; }
		.faqArea h2 { padding: 0 0 23px; font-size: 64px; color: #000; text-align: left; }
		.faqArea a.btn { padding: 11px 33px; margin: 40px auto 17px auto; font-size: 20px; color: #fff; border-radius: 40px; display: inline-block; background: #45a532; }
		.faqArea .panel-group .panel { margin: 0 0 23px 0; text-align: left; border-radius: 0; box-shadow: none; border-color: #EEEEEE; }
		
		.faqArea .panel-title > a { padding: 15px; font-size: 18px; color: #000; display: block; font-family: 'ProximaNovaBold'; text-decoration: none; border: 1px solid #dbd5d2; }
		.faqArea .more-less { float: right; color: #212121; }
		.faqArea .glyphicon-plus:before { content: "\2b"; font-weight: 700; font-size: 18px; color: #45a532; font-weight: 900; font-style: normal; }
		.faqArea .glyphicon-minus:before { content: "\2212"; font-weight: 700; font-size: 18px; color: #45a532; font-weight: 900; font-style: normal; }
		.faqArea .panel-body { padding: 15px; border: 1px solid #dbd5d2; border-top: none; }
		.faqArea p { font-size: 16px; color: #000; font-family: 'ProximaNovaBold'; }

		/* footer wrapper */
		#footerWrapper { width: 100%; float: left; background: #171717; }
	
		/* copyright area */
		.copyrightArea { margin: 23px 0 47px; width: 100%; float: left; text-align: center; }
		.copyrightArea .mycontainer { position: relative; }
		.copyrightArea img.footerlogo { max-width: 75px; height: auto; position: absolute; left: 15px;  }
		.copyrightArea p { margin: 23px 0 0; font-size: 15px; color: #7c7c7c; display: inline-block; text-align: center; }