body {
	background: #f5f5f5;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.5;
}
#web {
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	background: #fff;
}
.logo {
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	width: 106px;
	height: 106px;
	z-index: 999;
}
.btn-primary.main {
	background: #0f0f12;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	padding: 20px 20px 20px 100px;
	border-radius: 6px;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	position: relative;
}
.btn-primary.main:before {
	display: block;
	position: absolute;
	top: 11px;
	left: 25px;
	content: " ";
	background: url(../img/psd-ico.png) no-repeat;
	width: 53px;
	height: 53px;
}
.btn-primary.main:hover {
	background: #27272e;
}
.btn-secondary.sec {
	background: #fff;
	color: #2879ff;
	font-size: 24px;
	font-weight: 600;
	padding: 20px 20px 20px 100px;
	border-radius: 6px;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	position: relative;
}
.btn-secondary.sec:hover {
	background: #fff;
	color: #659efc;
}
.btn-secondary.sec:before {
	display: block;
	position: absolute;
	top: 11px;
	left: 25px;
	content: " ";
	background: url(../img/flash-ico.png) no-repeat;
	width: 53px;
	height: 53px;
}
.header {
	height: 60px;
	background: #0f0f12;
}
.header .nav {
	font-size: 16px;
	font-weight: 600;
}
.header .nav .nav-link {
	padding: 18px 1rem;
	color: #fff;
}
.promo {
	background: #2879ff;
	height: 1080px;
	overflow: hidden;
	position: relative;
}
.promo .jumbotron {
	background: transparent;
}
.promo .shield {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	border: 2px solid rgba(255,255,255,0.5);
	background: rgba(0,0,0,0.2);
	border-radius: 40px;
	padding: 10px 12px 8px 12px;
	display: inline-block;
}
.promo .dotts {
	background: url(../img/dotts.png) no-repeat;
	width: 1500px;
	height: 1500px;
	position: absolute;
	top: 0;
	right: 0;
}
.promo .thumbs {
	background: url(../img/thumbs.png) no-repeat;
	width: 1500px;
	height: 1110px;
	position: absolute;
	bottom: -450px;
	right: 0;
}
.promo .title {
	font-size: 66px;
	letter-spacing: -0.02em;
	font-weight: 700;
	color: #fff;
}
.promo .clein {
	font-size: 24px;
	letter-spacing: -0.05em;
	font-weight: 400;
	color: #dce0ee;
}
.logos {
	padding: 40px 0;
}
.logos .subclein {
	font-size: 14px;
	text-transform: uppercase;
	opacity: 0.5;
	color: #000;
	letter-spacing: 0.05em;
	font-weight: 700;
}
.features {
	background: #2778ff;
	padding: 100px 0;
	overflow: hidden;
	position: relative;
}
.features .title {
	color: #fff;
	font-weight: 700;
	font-size: 50px;
	letter-spacing: -0.02em;
}
.features .subtitle {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}
.features .dotts {
	background: url(../img/dotts-2.png) no-repeat;
	width: 1500px;
	height: 791px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.pricing {
	background: #fff;
	padding: 100px 0;
	overflow: hidden;
	position: relative;
}
.pricing .title {
	color: #282828;
	font-weight: 700;
	font-size: 50px;
	letter-spacing: -0.02em;
}
.pricing-box {
	border-radius: 6px;
	overflow: hidden;
	color: #fff;
	font-weight: 600;
}
.pricing-box .pricing-box-num {
	background: #ed1c24;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	padding: 10px 0 5px 0;
	margin-bottom: 20px;
}
.pricing-box.dino-box {
	background: #755bac url(../img/pricing-dino.jpg) no-repeat center top;
}
.pricing-box.elephant-box {
	background: #2dac7e url(../img/pricing-elephant.jpg) no-repeat center top;
	margin-top: 67px;
}
.pricing-box.rabbit-box {
	background: #1086da url(../img/pricing-rabbit.jpg) no-repeat center top;
	margin-top: 134px;
}
.pricing-box.bee-box {
	background: #f9a521 url(../img/pricing-bee.jpg) no-repeat center top;
	margin-top: 264px;
}
.pricing-box .pricing-box-title {
	font-size: 46px;
	font-weight: 600;
	letter-spacing: -0.02em;
}
.pricing-box .pricing-box-title strong {
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	display: block;
}
.pricing-box .row {
	margin-bottom: 20px;
	padding: 0 15px;
}
.pricing-box .pricing-box-price {
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 10px 0 25px 0;
	font-size: 48px;
	font-weight: 1;
	font-weight: 700;
}
.pricing-box .pricing-box-price small {
	display: block;
	font-size: 12px;
}
.pricing-box .btn,
.buyItNow .btn {
	background: #fff;
	font-size: 18px;
	font-weight: 700;
	color: #0d0d10;
	padding: 14px 110px 14px 20px;
	position: relative;
	border: none;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
}
.pricing-box .btn.btn-blank {
	padding: 14px 20px;
}
.pricing-box .btn.btn-cm:before,
.buyItNow .btn.btn-cm:before {
	display: block;
	position: absolute;
	top: 7px;
	right: 25px;
	content: " ";
	background: url(../img/cm-logo.jpg) no-repeat;
	width: 92px;
	height: 40px;
}
.pricing-box .btn.btn-gr:before,
.buyItNow .btn.btn-gr:before {
	display: block;
	position: absolute;
	top: 7px;
	right: 25px;
	content: " ";
	background: url(../img/gr-logo.jpg) no-repeat;
	width: 92px;
	height: 40px;
}
.pricing-box .pricing-box-link {
	font-size: 11px;
	color: #fff;
	text-decoration: underline;
	font-weight: 400;
	margin: 15px 0 0 0;
	display: block;
}
.overview {
	background: #fff;
	padding: 100px 0;
	overflow: hidden;
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.12);
}
.overview .title {
	color: #0f0f12;
	font-weight: 700;
	font-size: 50px;
	letter-spacing: -0.02em;
}
.overview .nav-pills .nav-link {
	font-size: 24px;
	font-weight: 600;
	color: #0f0f12;
	border-radius: 30px;
	border: 2px solid transparent;
}
/*
.overview .nav-pills .nav-link.nav-link-bee {
	color: #f9a521;
}
.overview .nav-pills .nav-link.nav-link-rabbit {
	color: #1086da;
}
.overview .nav-pills .nav-link.nav-link-elephant {
	color: #2dac7e;
}
.overview .nav-pills .nav-link.nav-link-dino {
	color: #755bac;
}
*/
.nav-pills .nav-link.nav-link-bee.active,
.nav-pills .nav-link.nav-link-rabbit.active,
.nav-pills .nav-link.nav-link-elephant.active,
.nav-pills .nav-link.nav-link-dino.active,
.nav-pills .show>.nav-link {
	background: transparent;
	border: 2px solid #3566ff;
	color: #3566ff;
}
.tab-content img {
	box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
}
.buyItNow {
	box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
	padding: 25px;
}
.buyItNow .btn.btn-blank {
	padding: 14px 20px;
}
.buyItNow .buyItNow__title {
	font-size: 30px;
	color: #fff;
	line-height: 1;
}
.buyItNow .buyItNow__title strong {
	font-size: 48px;
	color: #fff;
}
.buyItNow .buyItNow__price {
	font-size: 48px;
	color: #fff; 
	line-height: 1.4;
}
.buyItNow .buyItNow__price small {
	font-size: 12px;
	color: #fff; 
	display: block;
}
.buyItNow.dino {
	background: #755bac;
}
.buyItNow.elephant {
	background: #2dac7e;
}
.buyItNow.rabbit {
	background: #1086da;
}
.buyItNow.bee {
	background: #f9a521;
}
.demo {
	background: #fff;
	padding: 100px 0;
	overflow: hidden;
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.12);
}
.demo .title {
	color: #0f0f12;
	font-weight: 700;
	font-size: 50px;
	letter-spacing: -0.02em;
}
.footer img {
	margin-bottom: 25px;
	margin-top: -50px;
}
.footer {
	background: #2879ff;
	color: #fff;
	font-size: 12px;
	line-height: 2;
	padding-bottom: 25px;
}
.footer a {
	color: #fff;
}
.accordion .btn {
	white-space: normal;
	text-align: left;
	padding: 0;
}
.modal-body .title {
	font-weight: 700;
	font-size: 72px;
}
.modal-body .title {
	font-weight: 700;
	font-size: 42px;
}

@media (max-width: 1270px) {
	.promo {
		height: 1000px;
	}
	.promo .jumbotron {
		margin: 0;
		padding: 0;
	}
}
@media (max-width: 1200px) {
	.promo .jumbotron {
		margin: 0;
		padding: 50px 25px;
	}
	.promo .thumbs {
		background: url(../img/thumbs-sm.png) no-repeat;
		width: 1500px;
		height: 702px;
		position: absolute;
		bottom: -250px;
		right: 0;
	}
}
@media (max-width: 992px) {
	.features .subtitle {
		font-size: 16px;	
	}
	.features img {
		width: 32px;
	}
	.promo .thumbs {
		bottom: -100px;
	}
	.promo .clein {
	    font-size: 18px;
	}
	.promo .title {
    	font-size: 30px;
	}
	.pricing-box.dino-box {
		background: #755bac url(../img/pricing-dino.jpg) no-repeat center top;
		background-size: cover;
		margin-top: 25px;
	}
	.pricing-box.elephant-box {
		background: #2dac7e url(../img/pricing-elephant.jpg) no-repeat center top;
		margin-top: 25px;
		background-size: cover;
	}
	.pricing-box.rabbit-box {
		background: #1086da url(../img/pricing-rabbit.jpg) no-repeat center top;
		margin-top: 25px;
		background-size: cover;
	}
	.pricing-box.bee-box {
		background: #f9a521 url(../img/pricing-bee.jpg) no-repeat center top;
		margin-top: 0;
		background-size: cover;
	}
	.pricing-box .btn, .buyItNow .btn {
		max-width: 240px;
		margin: 0 auto 10px;
	}
	.overview .nav-pills .nav-link {
    	font-size: 14px;
	}
	.overview .title,
	.pricing .title,
	.features .title,
	.demo .title {
		font-size: 30px;
	}
	.features,
	.pricing,
	.overview,
	.demo {
    	padding: 50px 0;
	}
}
@media (max-width: 768px) {
	.promo .thumbs {
		bottom: -200px;
	}
}