/* ************************************************************
:: Template Name: Crypts - App Landing HTML5 Template
:: Template URI: http://theme-land.com/tf/crypts/
:: Template Author Name: theme_land
:: Template Author URI: support@theme-land.com
:: Version: 1.0.0
:: Created: 29 March 2019
************************************************************ 
*
*
******* :: INDEX OF SKIN CSS :: *******

:: 1.0 COLOR SWITCHER AREA CSS
:: 2.0 RESPONSIVE AREA CSS

****************************** */

/* ******************************
:: 1.0 COLOR SWITCHER AREA CSS
****************************** */
.color-btn {
    background-color: #2B2B35;
    border-radius: 4px 0 0 4px;
    color: #fff;
    cursor: pointer;
    height: 50px;
    left: -50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}

.color-btn i {
    font-size: 24px;
    line-height: 50px;
    color: #fff;
}

.color-switcher-area {
    background-color: #fff;
    border-radius: 0 0 4px;
    height: auto;
    left: -250px;
    padding: 25px 25px 15px 25px;
    position: fixed;
    top: 20%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 250px;
    z-index: 9999;
}

.color-btn {
    border-radius: 0 4px 4px 0;
    right: -50px;
    left: auto;
}

.color-switcher-area.on {
    left: 0;
    -webkit-box-shadow: 3px 2px 3px rgba(0, 0, 0, .15);
    box-shadow: 3px 2px 3px rgba(0, 0, 0, .15);
}

.color-switcher-area h4 {
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

input[id*=color] {
    display: none;
}

input[id*="color"]:checked + label::before {
    content: '\eed6';
    display: block;
    position: absolute;
    font-family: IcoFont;
    top: 0;
    left: 4px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
}

label[class*=color] {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    position: relative;
    width: 30px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    border-radius: 50%;
}

label[class*=color]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.color1 {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#FF00CC), to(#333399)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #FF00CC 0%, #333399 100%) repeat scroll 0 0;
}

.color2 {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#00D2FF), to(#3A7BD5)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00D2FF 0%, #3A7BD5 100%) repeat scroll 0 0;
}

.color3 {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#7B4397), to(#DC2430)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #7B4397 0%, #DC2430 100%) repeat scroll 0 0;
}

.color4 {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#02AAB0), to(#00CDAC)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #02AAB0 0%, #00CDAC 100%) repeat scroll 0 0;
}

.color5 {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#FF512F), to(#DD2476)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #FF512F 0%, #DD2476 100%) repeat scroll 0 0;
}

.color6 {
    background: #192a56;
}

.color7 {
    background: #40739e;
}

.color8 {
    background: #0abde3;
}

.color9 {
    background: #1b9cfc;
}

.color10 {
    background: #c44569;
}

/*GRADIENTS & SOLID COLORS*/
.btn:active,
.btn.store-btn:before,
.navbar-sticky,
.section-heading h3::after,
.bg-overlay::after,
.welcome-area,
.benifits-item:after,
.work-text::after,
.single-features .features-icon span::after,
.single-price-plan .price-title,
.team-area .owl-dots .owl-dot,
.single-timeline .timeline-icon,
.single-newsletter .newsletter-btn input[type="submit"],
.single-accordion h5 a {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#00D2FF), to(#3A7BD5)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00D2FF 0%, #3A7BD5 100%) repeat scroll 0 0;
}

.benifits-item .feature-icon > i,
.testimonial-area .owl-nav button.owl-next {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#00D2FF), to(#3A7BD5)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00D2FF 0%, #3A7BD5 100%) repeat scroll 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn.crypts-btn.active:hover,
.price-box > ul > li a.active,
.price-box > ul > li a.active.show,
.pagination > li:hover a,
.pagination > li:focus a,
.pagination > li.active a,
.blockquote::after {
    background-color: #00D2FF;
    color: #fff;
}

.btn.crypts-btn.active,
.btn.crypts-btn.active:hover {
    border: 2px solid #00D2FF;
}

.pagination > li:hover a,
.pagination > li:focus a,
.pagination > li.active a {
    border: 1px solid #00D2FF;
}

a:hover,
.btn.crypts-btn:hover,
.btn.crypts-btn:focus,
.btn.crypts-btn:active,
.section-heading span,
.about-text > h2,
.work-content a.active .work-text h3,
.single-testimonial .client-name,
.single-team:hover .team-name,
.blog-content .btn.read-more-btn:hover,
.single-blog:hover .blog-title a,
.crypts-blog .blog-share a:hover,
.crypts-blog .blog-share a:focus,
.blog .header-items .nav-link:hover,
.blog .header-items .nav-link:focus,
.blog .header-items .nav-link.active,
.blog-content .meta-info ul li a:hover,
.blog-page .breadcrumb-item.active,
.crypts-blog .blog-details .blog-title > a,
.comments-content a:last-child,
.tags-widget-items a:hover,
.tags-widget-items a:focus,
.widget-items li a:hover,
.comments-title,
.widget-items li a:hover .post-content h6,
.download-area .btn.store-btn:hover,
.download-area .btn.store-btn:focus,
.download-area .btn.store-btn:active,
.download-area .btn.store-btn.active,
.footer-content .social-icons > ul > li > a:hover,
.footer-menu > ul > li > a:hover {
    color: #00D2FF;
}

.ripple {
    border-color: #00D2FF;
    background: #01bbe3;
}

.lightning.two {
    background-color: #00D2FF;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#00D2FF, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#00D2FF, 0.7);
}

.boom-container .shape.triangle {
    border-color: transparent transparent #00D2FF transparent;
}

.boom-container .shape.big {
    border-color: transparent transparent #00D2FF transparent;
}

.boom-container .shape.disc {
    background-color: #00D2FF;
}

/*COSMIC FUSION*/
.cosmicFusion .btn:active,
.cosmicFusion .btn.store-btn:before,
.cosmicFusion .navbar-sticky,
.cosmicFusion .section-heading h3::after,
.cosmicFusion .bg-overlay::after,
.cosmicFusion .welcome-area,
.cosmicFusion .benifits-item:after,
.cosmicFusion .work-text::after,
.cosmicFusion .single-features .features-icon span::after,
.cosmicFusion .single-price-plan .price-title,
.cosmicFusion .team-area .owl-dots .owl-dot,
.cosmicFusion .single-timeline .timeline-icon,
.cosmicFusion .single-newsletter .newsletter-btn input[type="submit"],
.cosmicFusion .single-accordion h5 a {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#FF00CC), to(#333399)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #FF00CC 0%, #333399 100%) repeat scroll 0 0;
}

.cosmicFusion .benifits-item .feature-icon > i,
.cosmicFusion .testimonial-area .owl-nav button.owl-next {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#FF00CC), to(#333399)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #FF00CC 0%, #333399 100%) repeat scroll 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cosmicFusion .btn.crypts-btn.active:hover,
.cosmicFusion .price-box > ul > li a.active,
.cosmicFusion .price-box > ul > li a.active.show,
.cosmicFusion .pagination > li:hover a,
.cosmicFusion .pagination > li:focus a,
.cosmicFusion .pagination > li.active a,
.cosmicFusion .blockquote::after {
    background-color: #333399;
    color: #fff;
}

.cosmicFusion .btn.crypts-btn.active,
.cosmicFusion .btn.crypts-btn.active:hover {
    border: 2px solid #333399;
}

.cosmicFusion .pagination > li:hover a,
.cosmicFusion .pagination > li:focus a,
.cosmicFusion .pagination > li.active a {
    border: 1px solid #333399;
}

.cosmicFusion .pagination li:first-child:hover a,
.cosmicFusion .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.cosmicFusion a:hover,
.cosmicFusion .btn.crypts-btn:hover,
.cosmicFusion .btn.crypts-btn:focus,
.cosmicFusion .btn.crypts-btn:active,
.cosmicFusion .section-heading span,
.cosmicFusion .about-text > h2,
.cosmicFusion .work-content a.active .work-text h3,
.cosmicFusion .single-testimonial .client-name,
.cosmicFusion .single-team:hover .team-name,
.cosmicFusion .blog-content .btn.read-more-btn:hover,
.cosmicFusion .single-blog:hover .blog-title a,
.cosmicFusion .crypts-blog .blog-share a:hover,
.cosmicFusion .crypts-blog .blog-share a:focus,
.cosmicFusion .blog .header-items .nav-link:hover,
.cosmicFusion .blog .header-items .nav-link:focus,
.cosmicFusion .blog .header-items .nav-link.active,
.cosmicFusion .blog-content .meta-info ul li a:hover,
.cosmicFusion .blog-page .breadcrumb-item.active,
.cosmicFusion .crypts-blog .blog-details .blog-title > a,
.cosmicFusion .comments-content a:last-child,
.cosmicFusion .tags-widget-items a:hover,
.cosmicFusion .tags-widget-items a:focus,
.cosmicFusion .widget-items li a:hover,
.cosmicFusion .comments-title,
.cosmicFusion .widget-items li a:hover .post-content h6,
.cosmicFusion .download-area .btn.store-btn:hover,
.cosmicFusion .download-area .btn.store-btn:focus,
.cosmicFusion .download-area .btn.store-btn:active,
.cosmicFusion .download-area .btn.store-btn.active,
.cosmicFusion .footer-content .social-icons > ul > li > a:hover,
.cosmicFusion .footer-menu > ul > li > a:hover {
    color: #333399;
}

.cosmicFusion .ripple {
    border-color: #333399;
    background: #2b2b80;
}

.cosmicFusion .lightning.two {
    background-color: #333399;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#333399, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#333399, 0.7);
}

.cosmicFusion .boom-container .shape.triangle {
    border-color: transparent transparent #333399 transparent;
}

.cosmicFusion .boom-container .shape.big {
    border-color: transparent transparent #333399 transparent;
}

.cosmicFusion .boom-container .shape.disc {
    background-color: #333399;
}

/*VERGIN AMERICA*/
.verginAmerica .btn:active,
.verginAmerica .btn.store-btn:before,
.verginAmerica .navbar-sticky,
.verginAmerica .section-heading h3::after,
.verginAmerica .bg-overlay::after,
.verginAmerica .welcome-area,
.verginAmerica .benifits-item:after,
.verginAmerica .work-text::after,
.verginAmerica .single-features .features-icon span::after,
.verginAmerica .single-price-plan .price-title,
.verginAmerica .team-area .owl-dots .owl-dot,
.verginAmerica .single-timeline .timeline-icon,
.verginAmerica .single-newsletter .newsletter-btn input[type="submit"],
.verginAmerica .single-accordion h5 a {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#7B4397), to(#DC2430)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #7B4397 0%, #DC2430 100%) repeat scroll 0 0;
}

.verginAmerica .benifits-item .feature-icon > i,
.verginAmerica .testimonial-area .owl-nav button.owl-next {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#7B4397), to(#DC2430)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #7B4397 0%, #DC2430 100%) repeat scroll 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.verginAmerica .btn.crypts-btn.active:hover,
.verginAmerica .price-box > ul > li a.active,
.verginAmerica .price-box > ul > li a.active.show,
.verginAmerica .pagination > li:hover a,
.verginAmerica .pagination > li:focus a,
.verginAmerica .pagination > li.active a,
.verginAmerica .blockquote::after {
    background-color: #DC2430;
    color: #fff;
}

.verginAmerica .btn.crypts-btn.active,
.verginAmerica .btn.crypts-btn.active:hover {
    border: 2px solid #DC2430;
}

.verginAmerica .pagination > li:hover a,
.verginAmerica .pagination > li:focus a,
.verginAmerica .pagination > li.active a {
    border: 1px solid #DC2430;
}

.verginAmerica .pagination li:first-child:hover a,
.verginAmerica .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.verginAmerica a:hover,
.verginAmerica .btn.crypts-btn:hover,
.verginAmerica .btn.crypts-btn:focus,
.verginAmerica .btn.crypts-btn:active,
.verginAmerica .section-heading span,
.verginAmerica .about-text > h2,
.verginAmerica .work-content a.active .work-text h3,
.verginAmerica .single-testimonial .client-name,
.verginAmerica .single-team:hover .team-name,
.verginAmerica .blog-content .btn.read-more-btn:hover,
.verginAmerica .single-blog:hover .blog-title a,
.verginAmerica .crypts-blog .blog-share a:hover,
.verginAmerica .crypts-blog .blog-share a:focus,
.verginAmerica .blog .header-items .nav-link:hover,
.verginAmerica .blog .header-items .nav-link:focus,
.verginAmerica .blog .header-items .nav-link.active,
.verginAmerica .blog-content .meta-info ul li a:hover,
.verginAmerica .blog-page .breadcrumb-item.active,
.verginAmerica .crypts-blog .blog-details .blog-title > a,
.verginAmerica .comments-content a:last-child,
.verginAmerica .tags-widget-items a:hover,
.verginAmerica .tags-widget-items a:focus,
.verginAmerica .widget-items li a:hover,
.verginAmerica .comments-title,
.verginAmerica .widget-items li a:hover .post-content h6,
.verginAmerica .download-area .btn.store-btn:hover,
.verginAmerica .download-area .btn.store-btn:focus,
.verginAmerica .download-area .btn.store-btn:active,
.verginAmerica .download-area .btn.store-btn.active,
.verginAmerica .footer-content .social-icons > ul > li > a:hover,
.verginAmerica .footer-menu > ul > li > a:hover {
    color: #DC2430;
}

.verginAmerica .ripple {
    border-color: #DC2430;
    background: #be1f2a;
}

.verginAmerica .lightning.two {
    background-color: #DC2430;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#DC2430, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#DC2430, 0.7);
}

.verginAmerica .boom-container .shape.triangle {
    border-color: transparent transparent #DC2430 transparent;
}

.verginAmerica .boom-container .shape.big {
    border-color: transparent transparent #DC2430 transparent;
}

.verginAmerica .boom-container .shape.disc {
    background-color: #DC2430;
}

/*ENDLESS RIVERS*/
.endlessRiver .btn:active,
.endlessRiver .btn.store-btn:before,
.endlessRiver .navbar-sticky,
.endlessRiver .section-heading h3::after,
.endlessRiver .bg-overlay::after,
.endlessRiver .welcome-area,
.endlessRiver .benifits-item:after,
.endlessRiver .work-text::after,
.endlessRiver .single-features .features-icon span::after,
.endlessRiver .single-price-plan .price-title,
.endlessRiver .team-area .owl-dots .owl-dot,
.endlessRiver .single-timeline .timeline-icon,
.endlessRiver .single-newsletter .newsletter-btn input[type="submit"],
.endlessRiver .single-accordion h5 a {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#02AAB0), to(#00CDAC)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #02AAB0 0%, #00CDAC 100%) repeat scroll 0 0;
}

.endlessRiver .benifits-item .feature-icon > i,
.endlessRiver .testimonial-area .owl-nav button.owl-next {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#02AAB0), to(#00CDAC)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #02AAB0 0%, #00CDAC 100%) repeat scroll 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.endlessRiver .btn.crypts-btn.active:hover,
.endlessRiver .price-box > ul > li a.active,
.endlessRiver .price-box > ul > li a.active.show,
.endlessRiver .pagination > li:hover a,
.endlessRiver .pagination > li:focus a,
.endlessRiver .pagination > li.active a,
.endlessRiver .blockquote::after {
    background-color: #00CDAC;
    color: #fff;
}

.endlessRiver .btn.crypts-btn.active,
.endlessRiver .btn.crypts-btn.active:hover {
    border: 2px solid #00CDAC;
}

.endlessRiver .pagination > li:hover a,
.endlessRiver .pagination > li:focus a,
.endlessRiver .pagination > li.active a {
    border: 1px solid #00CDAC;
}

.endlessRiver .pagination li:first-child:hover a,
.endlessRiver .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.endlessRiver a:hover,
.endlessRiver .btn.crypts-btn:hover,
.endlessRiver .btn.crypts-btn:focus,
.endlessRiver .btn.crypts-btn:active,
.endlessRiver .section-heading span,
.endlessRiver .about-text > h2,
.endlessRiver .work-content a.active .work-text h3,
.endlessRiver .single-testimonial .client-name,
.endlessRiver .single-team:hover .team-name,
.endlessRiver .blog-content .btn.read-more-btn:hover,
.endlessRiver .single-blog:hover .blog-title a,
.endlessRiver .crypts-blog .blog-share a:hover,
.endlessRiver .crypts-blog .blog-share a:focus,
.endlessRiver .blog .header-items .nav-link:hover,
.endlessRiver .blog .header-items .nav-link:focus,
.endlessRiver .blog .header-items .nav-link.active,
.endlessRiver .blog-content .meta-info ul li a:hover,
.endlessRiver .blog-page .breadcrumb-item.active,
.endlessRiver .crypts-blog .blog-details .blog-title > a,
.endlessRiver .comments-content a:last-child,
.endlessRiver .tags-widget-items a:hover,
.endlessRiver .tags-widget-items a:focus,
.endlessRiver .widget-items li a:hover,
.endlessRiver .comments-title,
.endlessRiver .widget-items li a:hover .post-content h6,
.endlessRiver .download-area .btn.store-btn:hover,
.endlessRiver .download-area .btn.store-btn:focus,
.endlessRiver .download-area .btn.store-btn:active,
.endlessRiver .download-area .btn.store-btn.active,
.endlessRiver .footer-content .social-icons > ul > li > a:hover,
.endlessRiver .footer-menu > ul > li > a:hover {
    color: #00CDAC;
}

.endlessRiver .ripple {
    border-color: #00CDAC;
    background: #3ab38d;
}

.endlessRiver .lightning.two {
    background-color: #00CDAC;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#00CDAC, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#00CDAC, 0.7);
}

.endlessRiver .boom-container .shape.triangle {
    border-color: transparent transparent #00CDAC transparent;
}

.endlessRiver .boom-container .shape.big {
    border-color: transparent transparent #00CDAC transparent;
}

.endlessRiver .boom-container .shape.disc {
    background-color: #00CDAC;
}

/*BLODDY MARY*/
.bloodyMary .btn:active,
.bloodyMary .btn.store-btn:before,
.bloodyMary .navbar-sticky,
.bloodyMary .section-heading h3::after,
.bloodyMary .bg-overlay::after,
.bloodyMary .welcome-area,
.bloodyMary .benifits-item:after,
.bloodyMary .work-text::after,
.bloodyMary .single-features .features-icon span::after,
.bloodyMary .single-price-plan .price-title,
.bloodyMary .team-area .owl-dots .owl-dot,
.bloodyMary .single-timeline .timeline-icon,
.bloodyMary .single-newsletter .newsletter-btn input[type="submit"],
.bloodyMary .single-accordion h5 a {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#FF512F), to(#DD2476)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #FF512F 0%, #DD2476 100%) repeat scroll 0 0;
}

.bloodyMary .benifits-item .feature-icon > i,
.bloodyMary .testimonial-area .owl-nav button.owl-next {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#FF512F), to(#DD2476)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #FF512F 0%, #DD2476 100%) repeat scroll 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bloodyMary .btn.crypts-btn.active:hover,
.bloodyMary .price-box > ul > li a.active,
.bloodyMary .price-box > ul > li a.active.show,
.bloodyMary .pagination > li:hover a,
.bloodyMary .pagination > li:focus a,
.bloodyMary .pagination > li.active a,
.bloodyMary .blockquote::after {
    background-color: #FF512F;
    color: #fff;
}

.bloodyMary .btn.crypts-btn.active,
.bloodyMary .btn.crypts-btn.active:hover {
    border: 2px solid #FF512F;
}

.bloodyMary .pagination > li:hover a,
.bloodyMary .pagination > li:focus a,
.bloodyMary .pagination > li.active a {
    border: 1px solid #FF512F;
}

.bloodyMary .pagination li:first-child:hover a,
.bloodyMary .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.bloodyMary a:hover,
.bloodyMary .btn.crypts-btn:hover,
.bloodyMary .btn.crypts-btn:focus,
.bloodyMary .btn.crypts-btn:active,
.bloodyMary .section-heading span,
.bloodyMary .about-text > h2,
.bloodyMary .work-content a.active .work-text h3,
.bloodyMary .single-testimonial .client-name,
.bloodyMary .single-team:hover .team-name,
.bloodyMary .blog-content .btn.read-more-btn:hover,
.bloodyMary .single-blog:hover .blog-title a,
.bloodyMary .crypts-blog .blog-share a:hover,
.bloodyMary .crypts-blog .blog-share a:focus,
.bloodyMary .blog .header-items .nav-link:hover,
.bloodyMary .blog .header-items .nav-link:focus,
.bloodyMary .blog .header-items .nav-link.active,
.bloodyMary .blog-content .meta-info ul li a:hover,
.bloodyMary .blog-page .breadcrumb-item.active,
.bloodyMary .crypts-blog .blog-details .blog-title > a,
.bloodyMary .comments-content a:last-child,
.bloodyMary .tags-widget-items a:hover,
.bloodyMary .tags-widget-items a:focus,
.bloodyMary .widget-items li a:hover,
.bloodyMary .comments-title,
.bloodyMary .widget-items li a:hover .post-content h6,
.bloodyMary .download-area .btn.store-btn:hover,
.bloodyMary .download-area .btn.store-btn:focus,
.bloodyMary .download-area .btn.store-btn:active,
.bloodyMary .download-area .btn.store-btn.active,
.bloodyMary .footer-content .social-icons > ul > li > a:hover,
.bloodyMary .footer-menu > ul > li > a:hover {
    color: #FF512F;
}

.bloodyMary .ripple {
    border-color: #FF512F;
    background: #e0482a;
}

.bloodyMary .lightning.two {
    background-color: #FF512F;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#FF512F, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#FF512F, 0.7);
}

.bloodyMary .boom-container .shape.triangle {
    border-color: transparent transparent #FF512F transparent;
}

.bloodyMary .boom-container .shape.big {
    border-color: transparent transparent #FF512F transparent;
}

.bloodyMary .boom-container .shape.disc {
    background-color: #FF512F;
}

/*DEEP PURPLE*/
.deepPurple .btn:active,
.deepPurple .btn.store-btn:before,
.deepPurple .navbar-sticky,
.deepPurple .section-heading h3::after,
.deepPurple .bg-overlay::after,
.deepPurple .welcome-area,
.deepPurple .benifits-item:after,
.deepPurple .work-text::after,
.deepPurple .single-features .features-icon span::after,
.deepPurple .single-price-plan .price-title,
.deepPurple .team-area .owl-dots .owl-dot,
.deepPurple .single-timeline .timeline-icon,
.deepPurple .single-newsletter .newsletter-btn input[type="submit"],
.deepPurple .single-accordion h5 a {
    background: #192a56;
}

.deepPurple .benifits-item .feature-icon > i,
.deepPurple .testimonial-area .owl-nav button.owl-next {
    background: #192a56;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.deepPurple .btn.crypts-btn.active:hover,
.deepPurple .price-box > ul > li a.active,
.deepPurple .price-box > ul > li a.active.show,
.deepPurple .pagination > li:hover a,
.deepPurple .pagination > li:focus a,
.deepPurple .pagination > li.active a,
.deepPurple .blockquote::after {
    background-color: #192a56;
    color: #fff;
}

.deepPurple .btn.crypts-btn.active,
.deepPurple .btn.crypts-btn.active:hover {
    border: 2px solid #192a56;
}

.deepPurple .pagination > li:hover a,
.deepPurple .pagination > li:focus a,
.deepPurple .pagination > li.active a {
    border: 1px solid #192a56;
}

.deepPurple .pagination li:first-child:hover a,
.deepPurple .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.deepPurple a:hover,
.deepPurple .btn.crypts-btn:hover,
.deepPurple .btn.crypts-btn:focus,
.deepPurple .btn.crypts-btn:active,
.deepPurple .section-heading span,
.deepPurple .about-text > h2,
.deepPurple .work-content a.active .work-text h3,
.deepPurple .single-testimonial .client-name,
.deepPurple .single-team:hover .team-name,
.deepPurple .blog-content .btn.read-more-btn:hover,
.deepPurple .single-blog:hover .blog-title a,
.deepPurple .crypts-blog .blog-share a:hover,
.deepPurple .crypts-blog .blog-share a:focus,
.deepPurple .blog .header-items .nav-link:hover,
.deepPurple .blog .header-items .nav-link:focus,
.deepPurple .blog .header-items .nav-link.active,
.deepPurple .blog-content .meta-info ul li a:hover,
.deepPurple .blog-page .breadcrumb-item.active,
.deepPurple .crypts-blog .blog-details .blog-title > a,
.deepPurple .comments-content a:last-child,
.deepPurple .tags-widget-items a:hover,
.deepPurple .tags-widget-items a:focus,
.deepPurple .widget-items li a:hover,
.deepPurple .comments-title,
.deepPurple .widget-items li a:hover .post-content h6,
.deepPurple .download-area .btn.store-btn:hover,
.deepPurple .download-area .btn.store-btn:focus,
.deepPurple .download-area .btn.store-btn:active,
.deepPurple .download-area .btn.store-btn.active,
.deepPurple .footer-content .social-icons > ul > li > a:hover,
.deepPurple .footer-menu > ul > li > a:hover {
    color: #192a56;
}

.deepPurple .ripple {
    border-color: #192a56;
    background: #152346;
}

.deepPurple .lightning.two {
    background-color: #192a56;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#192a56, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#192a56, 0.7);
}

.deepPurple .boom-container .shape.triangle {
    border-color: transparent transparent #192a56 transparent;
}

.deepPurple .boom-container .shape.big {
    border-color: transparent transparent #192a56 transparent;
}

.deepPurple .boom-container .shape.disc {
    background-color: #192a56;
}

/*NAVAL*/
.naval .btn:active,
.naval .btn.store-btn:before,
.naval .navbar-sticky,
.naval .section-heading h3::after,
.naval .bg-overlay::after,
.naval .welcome-area,
.naval .benifits-item:after,
.naval .work-text::after,
.naval .single-features .features-icon span::after,
.naval .single-price-plan .price-title,
.naval .team-area .owl-dots .owl-dot,
.naval .single-timeline .timeline-icon,
.naval .single-newsletter .newsletter-btn input[type="submit"],
.naval .single-accordion h5 a {
    background: #40739e;
}

.naval .benifits-item .feature-icon > i,
.naval .testimonial-area .owl-nav button.owl-next {
    background: #40739e;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.naval .btn.crypts-btn.active:hover,
.naval .price-box > ul > li a.active,
.naval .price-box > ul > li a.active.show,
.naval .pagination > li:hover a,
.naval .pagination > li:focus a,
.naval .pagination > li.active a,
.naval .blockquote::after {
    background-color: #40739e;
    color: #fff;
}

.naval .btn.crypts-btn.active,
.naval .btn.crypts-btn.active:hover {
    border: 2px solid #40739e;
}

.naval .pagination > li:hover a,
.naval .pagination > li:focus a,
.naval .pagination > li.active a {
    border: 1px solid #40739e;
}

.naval .pagination li:first-child:hover a,
.naval .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.naval a:hover,
.naval .btn.crypts-btn:hover,
.naval .btn.crypts-btn:focus,
.naval .btn.crypts-btn:active,
.naval .section-heading span,
.naval .about-text > h2,
.naval .work-content a.active .work-text h3,
.naval .single-testimonial .client-name,
.naval .single-team:hover .team-name,
.naval .blog-content .btn.read-more-btn:hover,
.naval .single-blog:hover .blog-title a,
.naval .crypts-blog .blog-share a:hover,
.naval .crypts-blog .blog-share a:focus,
.naval .blog .header-items .nav-link:hover,
.naval .blog .header-items .nav-link:focus,
.naval .blog .header-items .nav-link.active,
.naval .blog-content .meta-info ul li a:hover,
.naval .blog-page .breadcrumb-item.active,
.naval .crypts-blog .blog-details .blog-title > a,
.naval .comments-content a:last-child,
.naval .tags-widget-items a:hover,
.naval .tags-widget-items a:focus,
.naval .widget-items li a:hover,
.naval .comments-title,
.naval .widget-items li a:hover .post-content h6,
.naval .download-area .btn.store-btn:hover,
.naval .download-area .btn.store-btn:focus,
.naval .download-area .btn.store-btn:active,
.naval .download-area .btn.store-btn.active,
.naval .footer-content .social-icons > ul > li > a:hover,
.naval .footer-menu > ul > li > a:hover {
    color: #40739e;
}

.naval .ripple {
    border-color: #40739e;
    background: #376489;
}

.naval .lightning.two {
    background-color: #40739e;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#40739e, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#40739e, 0.7);
}

.naval .boom-container .shape.triangle {
    border-color: transparent transparent #40739e transparent;
}

.naval .boom-container .shape.big {
    border-color: transparent transparent #40739e transparent;
}

.naval .boom-container .shape.disc {
    background-color: #40739e;
}

/*CYAN*/
.cyan .btn:active,
.cyan .btn.store-btn:before,
.cyan .navbar-sticky,
.cyan .section-heading h3::after,
.cyan .bg-overlay::after,
.cyan .welcome-area,
.cyan .benifits-item:after,
.cyan .work-text::after,
.cyan .single-features .features-icon span::after,
.cyan .single-price-plan .price-title,
.cyan .team-area .owl-dots .owl-dot,
.cyan .single-timeline .timeline-icon,
.cyan .single-newsletter .newsletter-btn input[type="submit"],
.cyan .single-accordion h5 a {
    background: #0abde3;
}

.cyan .benifits-item .feature-icon > i,
.cyan .testimonial-area .owl-nav button.owl-next {
    background: #0abde3;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cyan .btn.crypts-btn.active:hover,
.cyan .price-box > ul > li a.active,
.cyan .price-box > ul > li a.active.show,
.cyan .pagination > li:hover a,
.cyan .pagination > li:focus a,
.cyan .pagination > li.active a,
.cyan .blockquote::after {
    background-color: #0abde3;
    color: #fff;
}

.cyan .btn.crypts-btn.active,
.cyan .btn.crypts-btn.active:hover {
    border: 2px solid #0abde3;
}

.cyan .pagination > li:hover a,
.cyan .pagination > li:focus a,
.cyan .pagination > li.active a {
    border: 1px solid #0abde3;
}

.cyan .pagination li:first-child:hover a,
.cyan .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.cyan a:hover,
.cyan .btn.crypts-btn:hover,
.cyan .btn.crypts-btn:focus,
.cyan .btn.crypts-btn:active,
.cyan .section-heading span,
.cyan .about-text > h2,
.cyan .work-content a.active .work-text h3,
.cyan .single-testimonial .client-name,
.cyan .single-team:hover .team-name,
.cyan .blog-content .btn.read-more-btn:hover,
.cyan .single-blog:hover .blog-title a,
.cyan .crypts-blog .blog-share a:hover,
.cyan .crypts-blog .blog-share a:focus,
.cyan .blog .header-items .nav-link:hover,
.cyan .blog .header-items .nav-link:focus,
.cyan .blog .header-items .nav-link.active,
.cyan .blog-content .meta-info ul li a:hover,
.cyan .blog-page .breadcrumb-item.active,
.cyan .crypts-blog .blog-details .blog-title > a,
.cyan .comments-content a:last-child,
.cyan .tags-widget-items a:hover,
.cyan .tags-widget-items a:focus,
.cyan .widget-items li a:hover,
.cyan .comments-title,
.cyan .widget-items li a:hover .post-content h6,
.cyan .download-area .btn.store-btn:hover,
.cyan .download-area .btn.store-btn:focus,
.cyan .download-area .btn.store-btn:active,
.cyan .download-area .btn.store-btn.active,
.cyan .footer-content .social-icons > ul > li > a:hover,
.cyan .footer-menu > ul > li > a:hover {
    color: #0abde3;
}

.cyan .ripple {
    border-color: #0abde3;
    background: #09a1c1;
}

.cyan .lightning.two {
    background-color: #0abde3;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#0abde3, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#0abde3, 0.7);
}

.cyan .boom-container .shape.triangle {
    border-color: transparent transparent #0abde3 transparent;
}

.cyan .boom-container .shape.big {
    border-color: transparent transparent #0abde3 transparent;
}

.cyan .boom-container .shape.disc {
    background-color: #0abde3;
}

/*BLUE*/
.blue .btn:active,
.blue .btn.store-btn:before,
.blue .navbar-sticky,
.blue .section-heading h3::after,
.blue .bg-overlay::after,
.blue .welcome-area,
.blue .benifits-item:after,
.blue .work-text::after,
.blue .single-features .features-icon span::after,
.blue .single-price-plan .price-title,
.blue .team-area .owl-dots .owl-dot,
.blue .single-timeline .timeline-icon,
.blue .single-newsletter .newsletter-btn input[type="submit"],
.blue .single-accordion h5 a {
    background: #1b9cfc;
}

.blue .benifits-item .feature-icon > i,
.blue .testimonial-area .owl-nav button.owl-next {
    background: #1b9cfc;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blue .btn.crypts-btn.active:hover,
.blue .price-box > ul > li a.active,
.blue .price-box > ul > li a.active.show,
.blue .pagination > li:hover a,
.blue .pagination > li:focus a,
.blue .pagination > li.active a,
.blue .blockquote::after {
    background-color: #1b9cfc;
    color: #fff;
}

.blue .btn.crypts-btn.active,
.blue .btn.crypts-btn.active:hover {
    border: 2px solid #1b9cfc;
}

.blue .pagination > li:hover a,
.blue .pagination > li:focus a,
.blue .pagination > li.active a {
    border: 1px solid #1b9cfc;
}

.blue .pagination li:first-child:hover a,
.blue .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.blue a:hover,
.blue .btn.crypts-btn:hover,
.blue .btn.crypts-btn:focus,
.blue .btn.crypts-btn:active,
.blue .section-heading span,
.blue .about-text > h2,
.blue .work-content a.active .work-text h3,
.blue .single-testimonial .client-name,
.blue .single-team:hover .team-name,
.blue .blog-content .btn.read-more-btn:hover,
.blue .single-blog:hover .blog-title a,
.blue .crypts-blog .blog-share a:hover,
.blue .crypts-blog .blog-share a:focus,
.blue .blog .header-items .nav-link:hover,
.blue .blog .header-items .nav-link:focus,
.blue .blog .header-items .nav-link.active,
.blue .blog-content .meta-info ul li a:hover,
.blue .blog-page .breadcrumb-item.active,
.blue .crypts-blog .blog-details .blog-title > a,
.blue .comments-content a:last-child,
.blue .tags-widget-items a:hover,
.blue .tags-widget-items a:focus,
.blue .widget-items li a:hover,
.blue .comments-title,
.blue .widget-items li a:hover .post-content h6,
.blue .download-area .btn.store-btn:hover,
.blue .download-area .btn.store-btn:focus,
.blue .download-area .btn.store-btn:active,
.blue .download-area .btn.store-btn.active,
.blue .footer-content .social-icons > ul > li > a:hover,
.blue .footer-menu > ul > li > a:hover {
    color: #1b9cfc;
}

.blue .ripple {
    border-color: #1b9cfc;
    background: #1989dd;
}

.blue .lightning.two {
    background-color: #1b9cfc;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#1b9cfc, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#1b9cfc, 0.7);
}

.blue .boom-container .shape.triangle {
    border-color: transparent transparent #1b9cfc transparent;
}

.blue .boom-container .shape.big {
    border-color: transparent transparent #1b9cfc transparent;
}

.blue .boom-container .shape.disc {
    background-color: #1b9cfc;
}

/*DEEP ROSE*/
.deepRose .btn:active,
.deepRose .btn.store-btn:before,
.deepRose .navbar-sticky,
.deepRose .section-heading h3::after,
.deepRose .bg-overlay::after,
.deepRose .welcome-area,
.deepRose .benifits-item:after,
.deepRose .work-text::after,
.deepRose .single-features .features-icon span::after,
.deepRose .single-price-plan .price-title,
.deepRose .team-area .owl-dots .owl-dot,
.deepRose .single-timeline .timeline-icon,
.deepRose .single-newsletter .newsletter-btn input[type="submit"],
.deepRose .single-accordion h5 a {
    background: #c44569;
}

.deepRose .benifits-item .feature-icon > i,
.deepRose .testimonial-area .owl-nav button.owl-next {
    background: #c44569;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.deepRose .btn.crypts-btn.active:hover,
.deepRose .price-box > ul > li a.active,
.deepRose .price-box > ul > li a.active.show,
.deepRose .pagination > li:hover a,
.deepRose .pagination > li:focus a,
.deepRose .pagination > li.active a,
.deepRose .blockquote::after {
    background-color: #c44569;
    color: #fff;
}

.deepRose .btn.crypts-btn.active,
.deepRose .btn.crypts-btn.active:hover {
    border: 2px solid #c44569;
}

.deepRose .pagination > li:hover a,
.deepRose .pagination > li:focus a,
.deepRose .pagination > li.active a {
    border: 1px solid #c44569;
}

.deepRose .pagination li:first-child:hover a,
.deepRose .pagination li:last-child:hover a {
    background: none;
    color: inherit;
    border: none;
}

.deepRose a:hover,
.deepRose .btn.crypts-btn:hover,
.deepRose .btn.crypts-btn:focus,
.deepRose .btn.crypts-btn:active,
.deepRose .section-heading span,
.deepRose .about-text > h2,
.deepRose .work-content a.active .work-text h3,
.deepRose .single-testimonial .client-name,
.deepRose .single-team:hover .team-name,
.deepRose .blog-content .btn.read-more-btn:hover,
.deepRose .single-blog:hover .blog-title a,
.deepRose .crypts-blog .blog-share a:hover,
.deepRose .crypts-blog .blog-share a:focus,
.deepRose .blog .header-items .nav-link:hover,
.deepRose .blog .header-items .nav-link:focus,
.deepRose .blog .header-items .nav-link.active,
.deepRose .blog-content .meta-info ul li a:hover,
.deepRose .blog-page .breadcrumb-item.active,
.deepRose .crypts-blog .blog-details .blog-title > a,
.deepRose .comments-content a:last-child,
.deepRose .tags-widget-items a:hover,
.deepRose .tags-widget-items a:focus,
.deepRose .widget-items li a:hover,
.deepRose .comments-title,
.deepRose .widget-items li a:hover .post-content h6,
.deepRose .download-area .btn.store-btn:hover,
.deepRose .download-area .btn.store-btn:focus,
.deepRose .download-area .btn.store-btn:active,
.deepRose .download-area .btn.store-btn.active,
.deepRose .footer-content .social-icons > ul > li > a:hover,
.deepRose .footer-menu > ul > li > a:hover {
    color: #c44569;
}

.deepRose .ripple {
    border-color: #c44569;
    background: #9c3754;
}

.deepRose .lightning.two {
    background-color: #c44569;
    -webkit-box-shadow: 0px 50px 50px 0px transparentize(#c44569, 0.7);
    box-shadow: 0px 50px 50px 0px transparentize(#c44569, 0.7);
}

.deepRose .boom-container .shape.triangle {
    border-color: transparent transparent #c44569 transparent;
}

.deepRose .boom-container .shape.big {
    border-color: transparent transparent #c44569 transparent;
}

.deepRose .boom-container .shape.disc {
    background-color: #c44569;
}

/* ******************************
:: 2.0 RESPONSIVE AREA CSS
****************************** */
@media (max-width: 991px) {

    .header-items .nav-link:hover,
    .header-items .nav-link:focus,
    .header-items .nav-link.active,
    .btn.login-btn {
        color: #00D2FF;
    }

    .btn.login-btn {
        border: 2px solid #00D2FF;
    }

    .cosmicFusion .header-items .nav-link:hover,
    .cosmicFusion .header-items .nav-link:focus,
    .cosmicFusion .header-items .nav-link.active,
    .cosmicFusion .btn.login-btn {
        color: #333399;
    }

    .cosmicFusion .btn.login-btn {
        border: 2px solid #333399;
    }

    .verginAmerica .header-items .nav-link:hover,
    .verginAmerica .header-items .nav-link:focus,
    .verginAmerica .header-items .nav-link.active,
    .verginAmerica .btn.login-btn {
        color: #DC2430;
    }

    .verginAmerica .btn.login-btn {
        border: 2px solid #DC2430;
    }

    .endlessRiver .header-items .nav-link:hover,
    .endlessRiver .header-items .nav-link:focus,
    .endlessRiver .header-items .nav-link.active,
    .endlessRiver .btn.login-btn {
        color: #43CEA2;
    }

    .endlessRiver .btn.login-btn {
        border: 2px solid #43CEA2;
    }

    .bloodyMary .header-items .nav-link:hover,
    .bloodyMary .header-items .nav-link:focus,
    .bloodyMary .header-items .nav-link.active,
    .bloodyMary .btn.login-btn {
        color: #FF512F;
    }

    .bloodyMary .btn.login-btn {
        border: 2px solid #FF512F;
    }

    .deepPurple .header-items .nav-link:hover,
    .deepPurple .header-items .nav-link:focus,
    .deepPurple .header-items .nav-link.active,
    .deepPurple .btn.login-btn {
        color: #192a56;
    }

    .deepPurple .btn.login-btn {
        border: 2px solid #192a56;
    }

    .naval .header-items .nav-link:hover,
    .naval .header-items .nav-link:focus,
    .naval .header-items .nav-link.active,
    .naval .btn.login-btn {
        color: #40739e;
    }

    .naval .btn.login-btn {
        border: 2px solid #40739e;
    }

    .cyan .header-items .nav-link:hover,
    .cyan .header-items .nav-link:focus,
    .cyan .header-items .nav-link.active,
    .cyan .btn.login-btn {
        color: #0abde3;
    }

    .cyan .btn.login-btn {
        border: 2px solid #0abde3;
    }

    .blue .header-items .nav-link:hover,
    .blue .header-items .nav-link:focus,
    .blue .header-items .nav-link.active,
    .blue .btn.login-btn {
        color: #1b9cfc;
    }

    .blue .btn.login-btn {
        border: 2px solid #1b9cfc;
    }

    .deepRose .header-items .nav-link:hover,
    .deepRose .header-items .nav-link:focus,
    .deepRose .header-items .nav-link.active,
    .deepRose .btn.login-btn {
        color: #c44569;
    }

    .deepRose .btn.login-btn {
        border: 2px solid #c44569;
    }
}