body { font-size: 100%; font-weight: 300;}
.wrapper { width: 1400px; margin: 0 auto }
	@media (max-width:1400px) {
  		.wrapper { width: 100%; padding: 0 10px }
}



.navbar-nav a{transition: all 250ms;top: 10px;position: relative;}
.navbar-nav > li {ackground-image:url('assets/images/arrow.svg');background-repeat:no-repeat;background-position:50% 95%;border-bottom:2px solid transparent;border-top:1px solid transparent;transition: all 1250ms;padding:24px 25px 34px 25px;cursor: pointer;}
.navbar-nav > li:hover{background-image:url('assets/images/arrow.svg');background-repeat:no-repeat;background-position:50% 80%;background-color:rgba(81,94,94,0.2); border-bottom:2px solid #52b0c5;border-top:1px solid transparent;cursor: pointer;transition: all 300ms ease-out;}
.navbar-nav > li a {color: #fff; font-family: 'Varela Round'; font-size: 13px; font-weight: 300;text-transform: uppercase;}
.navbar-nav > li:hover a{position: relative;color: #52b0c5;}


.navbar-nav > li:after { font-weight: 400; background-image:url('assets/images/arrow.png');position: relative;top:10px;opacity: 1;transition: all 550ms;display:block;text-align: center;}
.navbar-nav > li:hover:after { background-image:url('assets/images/arrow.png');top:0px;position: relative;opacity: 1;display:block;color: #52b0c5;}
#menu-footer{padding: 0;}

a.btn.login{border-radius:0;border-color: #91CCAC;color:#fff;font-family: 'Varela Round'; font-size: 12px; font-weight: 300;text-transform: uppercase;padding: 13px 20px;}
a.btn.login:hover{background:#91CCAC;}


.navbar-nav > li a:hover{text-decoration: none;}
header { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.20), 0 15px 12px rgba(0, 0, 0, 0.12);background: rgba(37, 63, 66, 0.95); height: 86px; position: fixed; top: 0; transition: top 0.5s ease-in-out; width: 100%; z-index: 999 }
.header .mobile-nav-button { display: none }
.header { display: flex; align-items: center }
.nav-up { top: -86px }



.header-themes { background-color: #161C21;}
.header-themes .navbar-nav a{transition: all 250ms;top: 10px;position: relative;}
.header-themes .navbar-nav > li {border-bottom:1px solid transparent;border-top:1px solid transparent;transition: all 950ms;padding:23px 25px 15px 25px;cursor: pointer;}
.header-themes .navbar-nav > li:hover{background-color:rgba(33,56,56,0.5); border-bottom:1px solid #52b0c5;border-top:1px solid transparent;cursor: pointer;transition: all 250ms;}
.header-themes .navbar-nav > li a {color: #eee; font-family: 'Varela Round'; font-size: 13px; font-weight: 300;text-transform: uppercase;}
.header-themes .navbar-nav > li:hover a{top: 3px;position: relative;color: #52b0c5;}





input.form-control.search{background-color: #12171b;border: 1px solid #263038;border-radius: 0;font-family: 'Montserrat'; font-size: 14px; font-weight: 300; letter-spacing: 0.025em;width: 300px;}


.hero { background: no-repeat center center; background-size: cover; padding: 20vh 0;}
.hero h1 { font-family: 'Varela Round'; font-size: 60px; color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); letter-spacing:0.1em; text-transform: uppercase; text-align: center }
.hero h2 { font-family: 'Varela Round'; font-size: 22px; color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); letter-spacing: 0.09em; text-transform: uppercase; text-align: center;line-height: 205% }
.hero .hero-icon { display: block; margin: 0 auto ;}

.hero-small { background: no-repeat center center; background-size: cover; padding: 20vh 0 10vh ;}
.hero-small h1 { font-family: 'Varela Round'; font-size: 60px; color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); letter-spacing:0.1em; text-transform: uppercase; text-align: center }
.hero-small h2 { font-family: 'Varela Round'; font-size: 22px; color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); letter-spacing: 0.09em; text-transform: uppercase; text-align: center;line-height: 205% }
.hero-small .hero-icon { display: block; margin: 0 auto ;}


@media (max-width:768px) {

	.hero h1 { font-family: 'Varela Round'; font-size: 28px; color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); letter-spacing:0.1em; text-transform: uppercase; text-align: center }
.hero h2 { font-family: 'Varela Round'; font-size: 16px; color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); letter-spacing: 0.09em; text-transform: uppercase; text-align: center;line-height: 205% }

	}

.home-carousel { display: flex; justify-content: center; align-items: baseline; background: #161C21 }
.home-carousel .slick-slider img { width: 100% }
.home-carousel .slider-wrapper { display: flex; flex-direction: row; top: -50px; position: relative }
.home-carousel .slider-wrapper .slider-image { flex: 0 0 66% }
.home-carousel .slider-wrapper .slider-text { display: flex; flex-direction: column; height: 500px; padding: 84px 0 84px 55px }
.home-carousel .slider-wrapper .slider-text .theme-category { font-family: 'Varela Round'; color: #08B1C7; font-size: 0.875rem; letter-spacing: 0.12em; padding-bottom: 10px; text-transform: uppercase }
.home-carousel .slider-wrapper .slider-text .theme-title { font-family: 'Varela Round'; color: #fff; font-size: 2.5rem; letter-spacing: 0.12em; text-transform: uppercase }
.home-carousel .slider-wrapper .slider-text .theme-title::after { background: #08B1C7 none repeat scroll 0 0; content: ""; display: block; height: 2px; margin: 15px 0; width: 80px }
.home-carousel .slider-wrapper .slider-text .theme-description { color: #fff; font-family: 'Montserrat'; font-size: 14px; font-weight: 300; letter-spacing: 0.025em;line-height: 205%; }
.home-carousel .slick-slider { padding: 0; position: relative; top: -100px }
.home-carousel .slick-slider > .slick-arrow { position: absolute; top: 50%; margin-top: -50px; z-index: 10; width: 25px; height: 50px; background: no-repeat center center; background-size: 25px; text-indent: -9999px; box-shadow: none; border: none; padding: 50px }
.home-carousel .slick-slider > .slick-arrow.slick-prev { left: 0; background-image: url(img/slide-arrow-prev.svg) }
.home-carousel .slick-slider > .slick-arrow.slick-next { right: 0; background-image: url(img/slide-arrow-next.svg) }
.home-carousel .slick-slider > .slick-dots { position: relative; text-align: center; padding-top: 15px }
.slick-slider > .slick-dots > li { display: inline-block; text-indent: -9999px; width: 10px; height: 10px; background: #696969; border-radius: 20px; margin: 0 2px }
.home-carousel .slick-slider > .slick-dots > li.slick-active { background: #64d6d4 }
@media (min-width:1024px) {
  .slick-slider > .slick-arrow { opacity: 0; transition: opacity 1s ease }
  .slick-slider:hover > .slick-arrow { opacity: 1 }
}


.home-carousel .purchase-now a { width: 100% ;font-size: 0.875rem; display: inline-block; background-image: linear-gradient(to right, #08B1C7, #cdecdb, #08B1C7, #08B1C7); color: #fff; text-decoration: none; padding: 13px 46px 13px 46px; margin: 5px 0; font-weight: 600; letter-spacing: 0.12em; background-size: 400% 100%; text-transform: uppercase; text-align: center; transition: all .4s ease-in-out }
.home-carousel .purchase-now a:hover { background-position: 50% 0; transition: all .5s ease-in-out; color: #2a2037 }
.home-carousel .theme-details button { border-radius: 0px; left: 0; background: none; border: 1px solid #08B1C7; color: #fff; text-decoration: none; padding: 13px 46px 13px 46px; margin: 5px 0; letter-spacing: 0.12em; text-transform: uppercase; text-align: center; background-size: 400% 100%; background-image: linear-gradient(to right, #171b20, #171b20, #08B1C7, #08B1C7); overflow: hidden; font-size: 14px; font-weight: 600; background: transparent; outline: none; position: relative; overflow: hidden }
.home-carousel .theme-details button:hover { cursor: pointer }
.home-carousel .theme-details button:hover:before { opacity: 1; transform: translate(0, 0) }
.home-carousel .theme-details button:before { content: attr(data-hover); position: absolute; left: 0; width: 100%; text-transform: uppercase; letter-spacing: 3px; opacity: 0; transform: translate(-100%, 0); transition: all .2s ease-in-out }
.home-carousel .theme-details button:hover div { opacity: 0; transform: translate(100%, 0) }
.home-carousel .theme-details  button div { text-transform: uppercase; transition: all .2s ease-in-out }


.home-features .card {background: none; color: #333; border: none; padding-bottom: 10vh;}
.home-features { background: #293138; color: #eee;}
.home-features h2 {font-family: 'Varela Round'; font-size: 60px;color: #fff; letter-spacing: 0.1em;}
.home-features h3 {font-family: 'Varela Round'; font-size: 24px;color: #fff; letter-spacing: 0.1em;}
.home-features p { font-size: 16px; font-family: 'Montserrat'; font-weight: 300; color: #eee;letter-spacing: 0.1em;line-height: 205%; }
.home-features .btn { font-size: 0.875rem; display: inline-block; background-image: linear-gradient(to right, #08B1C7, #91CCAC, #08B1C7, #08B1C7); color: #fff; text-decoration: none; padding: 13px 46px 13px 46px; margin: 5px 0; font-weight: 600; letter-spacing: 0.12em; background-size: 400% 100%; text-transform: uppercase; text-align: center; transition: all .4s ease-in-out }
.home-features .btn:hover {background-position: 100% 0; transition: all .5s ease-in-out; color: #2a2037 }
.home-features h3::before{background-image: linear-gradient(to right, #08B1C7, #cdecdb); content: ""; display: block; height: 2px; margin:50px auto; width: 128px;}

.affiliates { background: #293138; color: #eee;}
.affiliates .wysiwyg{padding: 10vh 0 10vh;}
.affiliates img {width: 55px;height: 25px;}
.affiliates h2 { font-family: 'Varela Round'; font-size: 34px; color: #fff; letter-spacing: 0.1em;}
.affiliates h3 { font-family: 'Varela Round'; font-size: 24px; color: #fff; letter-spacing: 0.1em;}
.affiliates p { font-size: 18px; font-family: 'Montserrat'; font-weight: 300; color: #eee;letter-spacing: 0.05em;line-height: 205%; }


.packages-container { background: #293138; color: #eee;padding: 0vh 0 25vh;}
.affiliates .card {   background-color: transparent; color: #eee;border: none;}











.flip-card {
  background-color: transparent;
  width: 100%;
  height: 360px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
background-color: #161C21;
color: black;
}

.flip-card-back {
  background-image: linear-gradient(to right, #08B1C7, #91CCAC);
  color: black;
  transform: rotateY(180deg);
}








.affiliates { background: #293138; color: #eee;}
.affiliates h2 { font-family: 'Varela Round'; font-size: 36px; color: #fff; letter-spacing: 0.1em;}
.affiliates .card-price { font-family: 'Montserrat'; font-size: 90px;font-weight: 100; color: #fff; letter-spacing: 0.1em;}
.affiliates .card-payout { font-family: 'Varela Round'; font-size: 18px; color: #fff;font-weight: 100;  letter-spacing: 0.1em;}
.affiliates .card-text { font-family: 'Varela Round';  font-size: 24px; font-weight: 300; color: #eee;letter-spacing: 0.1em;line-height: 205%; }
.affiliates .card-text::after { content: ""; background-image: linear-gradient(to right, #08B1C7, #91CCAC); height: 2px; width: 128px; display: block; margin: 10px auto }
.affiliates .card-deck .card{margin-right:6px;margin-left:6px;}




.home .featured-themes button.purchase-button,.home .featured-themes  .theme-details button  {width: 60%;}


.featured-themes { background-color: #161C21;}
.featured-themes h2 { font-family: 'Varela Round'; font-size: 60px; color: #fff; letter-spacing: 0.12em }
.featured-theme-name { color: #fff; font-family: 'Varela Round'; font-size: 40px; display: block; text-transform: uppercase }
.featured-theme-name::after { content: ""; background-image: linear-gradient(to right, #08B1C7, #91CCAC); height: 2px; width: 18%; display: block; margin: 10px auto }
.featured-theme-description { padding: 10px 30px;  color: #fff; font-family: 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0.025em;line-height: 205%; }

button.purchase-button   {border-radius: 0; font-size: 14px; display: inline-block; background-image: linear-gradient(to right, #08B1C7, #cdecdb, #08B1C7, #08B1C7); color: #fff; text-decoration: none;border:none; padding: 12px 46px 12px 46px; margin: 5px 0; font-weight: 600; letter-spacing: 0.12em; background-size: 400% 100%; text-transform: uppercase; text-align: center; transition: all .4s ease-in-out;width: 100%;  }
button.purchase-button:hover { background-position: 100% 0; transition: all .5s ease-in-out; color: #2a2037 }



.theme-details button {  width: 100%;border-radius: 0px; left: 0; background: none; border: 1px solid #08B1C7; color: #fff; text-decoration: none; padding: 11px 46px 11px 46px; margin: 5px 0; letter-spacing: 0.12em; text-transform: uppercase; text-align: center; background-size: 400% 100%; background-image: linear-gradient(to right, #171b20, #171b20, #08B1C7, #08B1C7); overflow: hidden; font-size: 14px; font-weight: 600; background: transparent; outline: none; position: relative; overflow: hidden }
.theme-details button:hover { cursor: pointer;background: none;border-color: #999; color: #08B1C7;}
.theme-details button:hover:before { opacity: 1; transform: translate(0, 0);color: #08B1C7; }
.theme-details button:before { content: attr(data-hover); position: absolute; left: 0; width: 100%; text-transform: uppercase; letter-spacing: 3px; opacity: 0; transform: translate(-100%, 0); transition: all .2s ease-in-out;color: #08B1C7; }
.theme-details button:hover div { opacity: 0; transform: translate(100%, 0) }
.theme-details  button div { text-transform: uppercase; transition: all .2s ease-in-out }

.page-template-themes .featured-themes { background-color: #12171b;}
.page-template-themes .featured-themes .featured-theme-name::before { content: ""; background-image: linear-gradient(to right, #08B1C7, #91CCAC); height: 2px; width: 18%; display: block; margin: 10px auto }
.page-template-themes .featured-themes .featured-theme-name::after { content:none; }

.page-template-themes {padding-top: 86px;}

.testimonial { background: no-repeat top center; background-size: cover; padding: 15vh 0 15vh 0 }
.testimonial-text h2 { font-family: 'Varela Round'; font-size:60px; color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); letter-spacing: 5px; text-transform: uppercase; text-align: center;  }
.testimonial-text { color: #fff; font-family: 'Montserrat'; font-size: 24px; font-weight: 300;}
.testimonial-icon { display: block; margin: 0 auto }
.testimonial-avatar img{border:1px solid #f5f5f5;border-radius:150px!important;height:75px;padding:3px;width:75px;}
.testimonial-name {font-family: 'Varela Round'; font-size:30px;letter-spacing: 0.1em;}
.testimonial-title {font-family: 'Varela Round'; font-size:20px;letter-spacing: 0.1em;}
.testimonial button { letter-spacing:0.12em;border: 1px solid transparent; background:#fff; display: block;width: 252px; border-radius: 0; padding: 15px 0px; font-family: 'Montserrat'; font-size: 14px; font-weight: 700;color:#50B0C4; }
.testimonial button:hover { border: 1px solid #fff; background:none; display: block;width: 252px; border-radius: 0; padding: 15px 0px; font-family: 'Montserrat'; font-size: 14px; font-weight: 700;color:#fff; }



.footer{background-color: #161C21;padding:10vh 0;}
.footer .menu li{list-style: none;display: block;line-height: 205%;}
.footer .menu a:before { font-weight: 400; font-family: FontAwesome; content: "\f101"; left:-5px;position: relative;opacity: 0;transition: all 550ms;}
.footer .menu a{transition: all 250ms;left: 0px;display:inline-block;color: #fff; font-family: 'Varela Round'; font-size: 13px; font-weight: 300;text-transform: uppercase;left:-5px;position: relative;width: 100%;}
.footer .menu a:hover{position: relative;color: #52b0c5;text-decoration: none;left:8px;}
.footer .menu a:hover:before { font-weight: 400; font-family: FontAwesome; content: "\f101"; left:-5px;position: relative;opacity: 1;}
#menu-footer{padding: 0;}
.footer .navbar-brand{padding-top:0;margin-top: 0;}
.footer .navbar-brand:after{content:"";height: 2px;background-image: linear-gradient(to right, #08B1C7, #cdecdb); width: 100px;display: block;margin:25px 0;}
ul.social {padding-left: 0;}
.social li{list-style: none;padding: 8px;display: block;}
.social li a:hover  img {left:5px;}
.social li a:hover{text-decoration: none;color: #52b0c5;left:5px;}
.social li a{ color:#fff;font-family: 'Varela Round'; font-size:13px;letter-spacing: 0.1em;text-transform: uppercase;display: inline-block;width: 100%;position: relative;left:0;transition: all 250ms; }

.footer .news {color: #fff;font-family: 'Montserrat'; font-size: 12px; font-weight: 300;line-height: 205%;letter-spacing: 0.025em;}

.footer .news h4{color: #91CCAC;font-family: 'Varela Round'; font-size:16px;letter-spacing: 0.1em;}

.footer h3.news-header{font-family: 'Varela Round'; font-size:28px;letter-spacing: 0.1em;color:#fff;text-transform: uppercase;}

.footer .news a.readmore{color:#91CCAC;font-family: 'Montserrat'; font-size: 12px; font-weight: 300;transition: all 350ms;position: relative;left:0;display: inline-block;}
.footer .news a.readmore:hover{color:#91CCAC;text-decoration: none;left:5px;}

.footer-form h3{font-family: 'Varela Round'; font-size:28px;letter-spacing: 0.1em;color:#fff;text-transform: uppercase;}
.footer-form h3:after{content:"";height: 2px;background-image: linear-gradient(to right, #08B1C7, #cdecdb); width: 100px;display: block;margin:25px 0;}
ul.social {padding-left: 0;}
.pnp-form input{background:#0f1214;border-radius: 0;border:1px solid #161b1f;}
.pnp-form input:focus,.pnp-form textarea:focus{background:none;}
.pnp-form textarea.form-control { display: block; background: #0f1214; border: 1px solid #1c2429; line-height: 1.9; border-radius: 0; width: 100%; -webkit-transition: all 0.28s ease; transition: all 0.28s ease; box-shadow: none; }


.btn-submit  { font-size: 0.875rem; display: inline-block; background-image: linear-gradient(to right, #08B1C7, #cdecdb, #08B1C7, #08B1C7); color: #fff; text-decoration: none; padding: 13px 46px 13px 46px; margin: 5px 0; font-weight: 600; letter-spacing: 0.12em; background-size: 400% 100%; text-transform: uppercase; text-align: center; transition: all .4s ease-in-out;border:none; }
.btn-submit:hover { background-position: 100% 0; transition: all .5s ease-in-out; color: #2a2037 }

.footer h3.news-header:after{content:"";height: 2px;background-image: linear-gradient(to right, #08B1C7, #cdecdb); width: 100px;display: block;margin:25px 0;}
ul.social {padding-left: 0;}
.social li a img {padding-right: 10px;line-height: 205%;left:0px;position: relative;transition: all 250ms;}





.download-template-default .img-features:after{content:"";height: 2px;background-image: linear-gradient(to right, #08B1C7, #cdecdb); width: 100px;display: block;margin:60px auto 0px auto;}

.download-template-default { background-color: #161C21;padding-top: 86px}

.theme-features-single{font-family: 'Montserrat'; font-size: 16px; font-weight: 300;letter-spacing: 0.05em;color:#fff;}
.download-template-default .img-features{overflow: hidden;padding-right: 0;padding-left: 0;}
.images-text{color:#000;overflow: hidden;background-color: #F4F4F4;margin:150px 0 0 0;letter-spacing: 0.1em;font-family: 'Montserrat'; font-size: 16px; font-weight: 300;line-height: 205%}
.images-text h2{font-family: 'Varela Round'; font-size:40px;letter-spacing: 0.1em;}
.images-text h2:after{content:"";height: 2px;background-image: linear-gradient(to right, #08B1C7, #cdecdb); width: 100px;display: block;margin:30px auto;}
.img-cover{display:block;object-fit:cover;min-height:100%;min-width:100%;}

.pricing{background:#fff;padding:150px 0;position: relative;}
.pricing h2{font-family: 'Varela Round'; font-size:60px;letter-spacing: 0.1em;}
.pricing h5{position:absolute;font-family: 'Varela Round'; font-size:16px;letter-spacing: 0.1em;left:0;right:0;top:0;padding:10px 0;background-image: linear-gradient(to right, #08B1C7, #91CCAC); }
.pricing p.lead{font-family: 'Montserrat'; font-size: 18px; font-weight: 300;letter-spacing: 0.05em;padding-bottom: 30px;}
.pricing .card{border:none;border-radius: 0;}
.pricing .card-one,.pricing .card-three {background-color: #f4f4f4;}
.pricing .card-two{background-color: #161C21;color:#fff;}
.pricing .card-one {background-color: #f4f4f4;}
.pricing .card-header {background-color: #f4f4f4;border:none;}
.pricing .card-two .card-header{background-color: #161C21;}


.pricing .card-header h4{font-family: 'Varela Round'; font-size:40px;letter-spacing: 0.1em;}
.pricing .card-header h4:after{content:"";height: 2px;background-image: linear-gradient(to right, #08B1C7, #cdecdb); width: 100px;display: block;margin:30px auto;}
.pricing .card-title {font-family: 'Montserrat'; font-size:90px;letter-spacing: 0.1em;font-weight: 300;}
.pricing .card-body ul{text-align: left;}
.pricing .card-body li{font-family: 'Montserrat'; font-size:16px;letter-spacing: 0.05em;font-weight: 300;padding-bottom: 5px;}
.pricing .text-muted{font-family: 'Varela Round'; font-size:30px;}

@media (max-width:768px) {

.home-carousel .slider-wrapper .slider-text .theme-title { font-family: 'Varela Round'; color: #fff; font-size: 28px; letter-spacing: 0.12em; text-transform: uppercase }
.home-carousel .slider-wrapper .slider-text { display: flex; flex-direction: column; height: 500px; padding: 84px 20px 84px 20px; }
.home-carousel .purchase-now a,.home-carousel .theme-details button { width: 100%;}
.home-features h2 {font-size: 24px;}
.featured-themes h2 { font-family: 'Varela Round'; font-size: 28px; color: #fff; letter-spacing: 0.12em }
.featured-theme-name { color: #fff; font-family: 'Varela Round'; font-size: 28px; display: block; text-transform: uppercase }
.testimonial-text h2 { font-family: 'Varela Round'; font-size:28px; color: #fff; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); letter-spacing: 5px; text-transform: uppercase; text-align: center;}
.testimonial-text { color: #fff; font-family: 'Montserrat'; font-size: 16px; font-weight: 300;}
.testimonial-name {font-family: 'Varela Round'; font-size:22px;letter-spacing: 0.1em;}
.testimonial-title {font-family: 'Varela Round'; font-size:16px;letter-spacing: 0.1em;}
.footer .menu li{list-style: none;display: block;line-height: 205%;text-align: center;}
ul.social {padding: 50px 0;}
.social li{list-style: none;padding: 8px;display: block;text-align: center;}
.btn-submit  { width: 100%; }
.navbar {display: flex;align-items: center;
}
header .navbar-brand img{width: 80%;}
}