/* Colors */
.bg-color, .btn-play:hover .ion, .btn-play2, .btn-play2.btn-white:hover, .sep-border-left:before, .post-heading-left2 h2:after, .post-heading-left2 h4:after, .post-heading-center2 h2:after, .post-heading-center2 h4:after, .img-hover3 .overlay-masked a:hover, .carousel-slider .slick-dots li button:hover, .carousel-slider .slick-dots li.slick-active button, .carousel-slider.carousel-testimonials .slick-prev:hover, .carousel-slider.carousel-testimonials .slick-next:hover, .carousel-slider.carousel-tweets .slick-prev:hover, .carousel-slider.carousel-tweets .slick-next:hover, a.scrollup, #navigation .navtop, #header.header-2 #navigation .nav > li.current-menu-item > a:before, #nav-mobile .navbar-menu .nav li.menu-item-has-children > span.in, #header .header-txt.header-txt2 h1, #header .slider-pro .sp-selected-button, #header .slider-pro .sp-button.sp-selected-button:hover, #header .carousel-slider .slick-dots li.slick-active button, #header .header-content3 .header-content-img .btn-play2 .ion, .affa-feature-icon.feature-icon-bg > .ion, .affa-feature-icon-left.feature-icon-bg > .ion, .affa-feature-icon-box .feature-icon-box-wrap  > .ion, .affa-feature-icon-box2 .feature-icon-box-wrap > .ion, .affa-feature-col, .affa-product .post-item-thumbnail .post-thumbnail-badge, .affa-tweet .tweet-date:hover:before, .affa-progress-bar .progress-bar-line .bar-line-overlay, .affa-progress-bar .progress-bar-line .bar-line-val, .affa-progress-bar2 .progress-bar-line, .affa-team2 .team-socials a:hover, .affa-team4 .team-socials:before, .bg-dark.text-white .affa-tbl-pricing .tbl-prc-col.tbl-prc-col-recommended, .affa-tbl-pricing .tbl-prc-col .tbl-prc-heading h5, .affa-tbl-pricing .tbl-prc-col .tbl-prc-badge, .affa-countdown2, .affa-countdown3 h4, .affa-socials2 a:hover, .archive-product .products-nav .products-nav-options .options-list li:hover, .single .post-single-featured.featured-quote:hover, .single .post-single-featured.featured-link:hover, .single-portfolio .post-single-related .post-related-nav .post-nav-link a:hover, .single-product .post-single-related .post-related-nav .post-nav-link a:hover, .post-paginations ul li a:hover, .post-paginations ul li.current a, .widget_categories ul li:hover span, .widget-socials2 a:hover, #bottom .widget-socials2 a:hover, #footer .footer-socials ul li a:hover, #header .header-content-app, #header .header-content-education, .affa-feature-icon-education h4 .ion, .affa-feature-icon-education h4 .ion, .bg-color .post-heading-center h2, .bg-color .post-heading-center h4 {
  background-color: #00a4e4;
}

a, a:visited, .link-dark a:hover, a.link-dark:hover, .link-dark2 a:hover, a.link-dark2:hover, .btn-play .ion, .bg-color .btn-play.btn-white .ion, .list-icon ul li .ion, .bg-color .dropcap.dropcap-square.dropcap-white, .bg-color .dropcap.dropcap-circle.dropcap-white, .img-hover4.hover-white .overlay-masked a:hover, .map-address, .carousel-slider .slick-prev:hover, .carousel-slider .slick-next:hover, .carousel-slider .slick-prev:hover:before, .carousel-slider .slick-next:hover:before, .bg-dark.text-white .carousel-slider.carousel-arrows .slick-prev:hover, .bg-dark.text-white .carousel-slider.carousel-arrows .slick-next:hover, .bg-dark.text-white .carousel-slider.carousel-arrows .slick-prev:hover:before, .bg-dark.text-white .carousel-slider.carousel-arrows .slick-next:hover:before, .carousel-slider.carousel-testimonials .slick-prev:before, .carousel-slider.carousel-testimonials .slick-next:before, .carousel-slider.carousel-tweets .slick-prev:before, .carousel-slider.carousel-tweets .slick-next:before, .bg-color.text-white .carousel-slider.carousel-testimonials .slick-prev:hover:before, .bg-color.text-white .carousel-slider.carousel-testimonials .slick-next:hover:before, .bg-color.text-white .carousel-slider.carousel-tweets .slick-prev:hover:before, .bg-color.text-white .carousel-slider.carousel-tweets .slick-next:hover:before, .bg-dark.text-white .carousel-slider.carousel-testimonials2 .slick-prev:hover, .bg-dark.text-white .carousel-slider.carousel-testimonials2 .slick-next:hover, .bg-dark.text-white .carousel-slider.carousel-testimonials2 .slick-prev:hover:before, .bg-dark.text-white .carousel-slider.carousel-testimonials2 .slick-next:hover:before, #navigation .nav > li > a:hover, #navigation .nav > li.current-menu-item > a, #header.header-transparent #navigation.affix .nav > li > a:hover, #header.header-transparent #navigation.affix .nav > li.current-menu-item > a, #navigation .navbar-secondary .navbar-btn a:hover, #header.header-transparent #navigation.affix .navbar-secondary .navbar-btn a:hover, #navigation .navbar-secondary .navbar-cart .cart-heading .cart-price, #navigation .navbar-secondary .navbar-cart .cart-list li .cart-btn-close:hover, #nav-mobile-top .navbar-secondary .navbar-btn a:hover, #nav-mobile-top .navbar-secondary .navbar-cart .cart-heading .cart-price, #nav-mobile-top .navbar-secondary .navbar-cart .cart-list li .cart-btn-close:hover, #header .header-content2 .header-content-form .header-form-heading li .ion, #header .header-content4 .header-content-form .header-form-heading strong, #header .sub-header .breadcrumbs a:hover, #header .sub-header3 .sub-header-txt .header-title span, .bg-color.text-white .affa-feature-icon.feature-icon-bg > .ion, .bg-color.text-white .affa-feature-icon-left.feature-icon-bg > .ion, .affa-feature-icon-left2.feature-icon-color > h4 .ion, .affa-feature-icon-box .feature-icon-box-wrap > a, .affa-feature-icon-box2:hover .feature-icon-box-wrap > .ion, .affa-feature-list > ul li .ion, .affa-portfolio .post-item-txt a, .affa-portfolio .post-item-title a:hover, .affa-post .post-item-txt a, .affa-post .post-item-title a:hover, .affa-post .post-item-meta .more-link:hover, .affa-post2 .post-item-cats a:hover, .affa-post2 .post-item-title a:hover, .affa-post2 .post-item-meta ul li a:hover, .affa-post3 .post-item-title a:hover, .ie .bg-color.text-white .affa-post3 .post-item-meta .meta-type, .affa-post3 .post-item-meta ul li a:hover, .bg-color.text-white .affa-product .post-item-thumbnail .post-thumbnail-badge, .affa-product .post-item-txt .add-cart .hover, .affa-product .post-item-title a:hover, .affa-product .post-meta-price .price-discount, .affa-testimonial2 .testimonial-name p span, .affa-testimonial3 .testimonial-name p span, .affa-tweet .tweet-date:hover, .affa-team .team-socials a:hover, .bg-color.text-white .affa-team2 .team-socials a, .bg-color.text-white .affa-team2 .team-socials a:hover, .affa-team4 .team-socials a:hover, .affa-team5 .team-heading .team-socials a:hover, .bg-dark.text-white .affa-tbl-pricing .tbl-prc-col.tbl-prc-col-recommended .tbl-prc-heading h5, .bg-dark.text-white .affa-tbl-pricing .tbl-prc-col.tbl-prc-col-recommended .tbl-prc-badge, .affa-tbl-pricing2 .tbl-prc-col .tbl-prc-price h4, .affa-counter h4, .affa-counter2 .ion, .affa-countdown h4, .bg-color.text-white .affa-countdown2, .bg-color.text-white .affa-countdown2 h4, .bg-color.text-white .affa-countdown3 h4, .affa-socials a:hover, .bg-color .affa-socials3.links-white a:hover, .affa-info-text a:hover, .affa-info-list li a:hover, .affa-tab-menu a:hover, .isotope-menu a:hover, .archive-product .products-nav .products-nav-txt .products-nav-filter:hover, .archive-product .products-nav .products-nav-options .option-selected:hover, .single .post-single-meta ul li a:hover, .single .post-single-meta .comments a:hover .ion, .single .post-single-nav a:hover h4, .single .post-single-related .post-item .post-item-title a:hover, .single #comments .comments-title span, .single #comments .comments-list li article .comment-meta .comment-author-text a:hover, .single #comments .comments-list li article .comment-meta .comment-date a:hover, .single-portfolio .post-single-nav .post-nav-link a:hover, .single-portfolio .post-single-meta ul li a:hover, .single-portfolio .post-single-related .post-item .post-item-title a:hover, .single-portfolio .post-single-related .post-item .post-item-title a:hover, .single-portfolio .post-single-related .post-item .post-item-meta a:hover, .single-product .post-single-content .post-content-summary > a:hover, .single-product .post-single-content .post-content-price .price-discount, .single-product .post-single-tabs #reviews h2 span, .single-product .post-single-meta a:hover, .page-search .form-search-wrap > p span, .bg-color.text-white .post-paginations ul li a, .bg-color.text-white .post-paginations ul li a:hover, .bg-color.text-white .post-paginations ul li.current a, .post-paginations ul li.nav-prev a:hover, .post-paginations ul li.nav-next a:hover, .nm_widget_product_sorting ul li a:hover, .nm_widget_price_filter ul li a:hover, .widget-socials a:hover, .affa-posts-tab-widget .list-posts li .post-item-title a:hover, .affa-posts-tab-widget .list-comments li .comment-title a:hover, .affa-products-list-widget ul li .post-item-title a:hover, .affa-products-list-widget ul li .post-item-meta .price-discount, #footer2 a:hover, .affa-feature-icon-app .ion, .affa-feature-icon-left-app .ion, .affa-feature-icon-left-app2 h4, .affa-feature-icon-education h4, .bg-color.text-white .affa-feature-icon-education h4 .ion, .affa-feature-icon-left-education .ion, .affa-feature-txt-education h4, .affa-feature-icon-minimalist > .ion, .affa-recent-posts-minimalist li .post-item-title a:hover, .body-minimalist #footer2 .footer-bottom p a:hover, .body-minimalist #footer2 .footer-bottom ul li a:hover, #header .header-content-portfolio .header-content-socials li a:hover, #bottom-portfolio a:hover, #bottom-portfolio .widget-socials a:hover, .affa-feature-icon-product > .ion, .affa-feature-icon-left-product2 h4, .affa-recent-posts-shop li .post-item-title a:hover, .affa-feature-icon-startup > .ion, .affa-info-txt-startup a:hover {
  color: #00a4e4;
}

.btn-custom, input[type="button"], input[type="submit"], input[type="reset"], button, .btn-custom.btn-white:hover, input[type="button"].btn-white:hover, input[type="submit"].btn-white:hover, input[type="reset"].btn-white:hover, button.btn-white:hover, .btn-custom.btn-border:hover, input[type="button"].btn-border:hover, input[type="submit"].btn-border:hover, input[type="reset"].btn-border:hover, button.btn-border:hover, .affa-feature-icon-box2:hover, .affa-socials3 a:hover, .single .post-single-footer .tag-links a:hover, .widget_tag_cloud .tagcloud a:hover, #nav-shop-filter .widget_tag_cloud .tagcloud a:hover {
  background-color: #00a4e4;
  border-color: #00a4e4;
}

.btn-custom.btn-white, input[type="button"].btn-white, input[type="submit"].btn-white, input[type="reset"].btn-white, button.btn-white, .btn-custom.btn-border, input[type="button"].btn-border, input[type="submit"].btn-border, input[type="reset"].btn-border, button.btn-border, .bg-color .btn-custom.btn-white:hover, .bg-color input[type="button"].btn-white:hover, .bg-color input[type="submit"].btn-white:hover, .bg-color input[type="reset"].btn-white:hover, .bg-color button.btn-white:hover, .btn-custom.btn-border.btn-white:hover, input[type="button"].btn-border.btn-white:hover, input[type="submit"].btn-border.btn-white:hover, input[type="reset"].btn-border.btn-white:hover, button.btn-border.btn-white:hover, .btn-play.btn-white:hover, .btn-play2.btn-white, #header.header-4 #navigation .navbar-secondary .navbar-btn .navbar-btn-toggle:hover, #header.header-4.header-transparent #navigation.affix .navbar-secondary .navbar-btn .navbar-btn-toggle:hover, #nav-mobile-top .navmenu > button:hover, #nav-mobile-top .navmenu > button.active, .bg-dark.text-white .affa-tbl-pricing .tbl-prc-col.tbl-prc-col-recommended .btn-custom.btn-white:hover, .nav-tabs.affa-nav-tabs > li > a:hover, .nav-tabs.affa-nav-tabs > li > a:focus, .nav-tabs.affa-nav-tabs2 > li > a:hover, .nav-tabs.affa-nav-tabs2 > li > a:focus, .nav-tabs.affa-nav-tabs2 > li.active > a, .nav-tabs.affa-nav-tabs2 > li.active > a:hover, .nav-tabs.affa-nav-tabs2 > li.active > a:focus, .affa-panel-group .panel-title a:hover, .bg-grey .affa-panel-group2 .panel-title a:hover, .single-product .post-single-tabs .nav-tabs.affa-nav-tabs > li > a:hover, .single-product .post-single-tabs .nav-tabs.affa-nav-tabs > li > a:focus, .single-product .post-single-tabs .nav-tabs.affa-nav-tabs > li.active > a, .single-product .post-single-tabs .nav-tabs.affa-nav-tabs > li.active > a:hover, .single-product .post-single-tabs .nav-tabs.affa-nav-tabs > li.active > a:focus, #header .header-content-blog .header-content-menu > button:hover, .body-minimalist #header .header-content-menu > button:hover, #header .header-content-portfolio .header-content-menu > button:hover {
  color: #00a4e4 !important;
}

.btn-custom:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
  color: #fff !important;
  background-color: #0db1ef;
  border-color: #0db1ef;
}

.btn-play2:hover, a.scrollup:hover, #header .header-content3 .header-content-img .btn-play2:hover .ion {
  background-color: #0db1ef;
}

.carousel-slider.carousel-testimonials .slick-prev, .carousel-slider.carousel-testimonials .slick-next, .carousel-slider.carousel-tweets .slick-prev, .carousel-slider.carousel-tweets .slick-next, .affa-tbl-pricing .tbl-prc-col.tbl-prc-col-recommended, .single-portfolio .post-single-nav .post-nav-link .nav-back:hover, #bottom .widget_tag_cloud .tagcloud a:hover {
  border-color: #00a4e4;
}

#navigation .nav > li.current-menu-item > a:before, .affa-progress-bar .progress-bar-line .bar-line-val:after {
  border-top-color: #00a4e4;
}

.affa-feature-col.feature-col-2 {
  background-color: #00adf1;
}

.affa-feature-col.feature-col-3 {
  background-color: #1dbcfa;
}

.affa-team2 .team-heading:after, .ie .bg-color.text-white .nav-tabs.affa-nav-tabs2 > li.active > a, .ie .bg-color.text-white .nav-tabs.affa-nav-tabs2 > li.active > a:hover, .ie .bg-color.text-white .nav-tabs.affa-nav-tabs2 > li.active > a:focus {
  border-bottom-color: #00a4e4;
}

.bg-color .affa-client-logo:after {
  background-color: rgba(0,183,255,.8);
}

.nav-tabs.affa-nav-tabs > li.active > a, .nav-tabs.affa-nav-tabs > li.active > a:hover, .nav-tabs.affa-nav-tabs > li.active > a:focus {
  color: #00a4e4 !important;
  border-bottom-color: #00a4e4;
}

.bg-color.text-white .nav-tabs.affa-nav-tabs2 > li.active > a, .bg-color.text-white .nav-tabs.affa-nav-tabs2 > li.active > a:hover, .bg-color.text-white .nav-tabs.affa-nav-tabs2 > li.active > a:focus {
  background-color: #00a4e4;
  border-bottom-color: #00a4e4;
}

.bg-color.text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a, .bg-color.text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a:hover, .bg-color.text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a:focus, .ie .bg-color.text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a, .ie .bg-color.text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a:hover, .ie .bg-color.text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a:focus {
  border-right-color: #00a4e4;
}

.isotope-menu a.active {
  color: #00a4e4;
  border-bottom-color: #00a4e4;
}

#header .header-content-post:hover .header-post-txt .header-post-cats, .affa-post-blog2:hover .post-item-txt .post-item-cats {
  background: #00a4e4;
}

#header .header-content-education .header-content-form .header-form-wrap {
  background-color: #00aced;
}

#header .header-content-education .header-content-form form input[type="text"], #header .header-content-education .header-content-form form input[type="email"], #header .header-content-education .header-content-form form textarea {
  background-color: #04a9ea;
}

#header .header-content-education .header-content-form form input:-webkit-autofill, #header .header-content-education .header-content-form form input:-webkit-autofill:hover, #header .header-content-education .header-content-form form input:-webkit-autofill:focus, #header .header-content-education .header-content-form form textarea:-webkit-autofill, #header .header-content-education .header-content-form form textarea:-webkit-autofill:hover, #header .header-content-education .header-content-form form textarea:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0px 0px 0px 1000px #04a9ea;
  box-shadow: inset 0px 0px 0px 1000px #04a9ea;
}

a:hover, .affa-portfolio .post-item-title a, .affa-post .post-item-title a {
  color: #303030;
}

a.scrollup, .text-white .affa-tweet .tweet-date {
  color: #fff;
}

.affa-feature-col:hover {
  background-color: #303030;
}

.affa-portfolio .post-item-meta a {
  color: #c0c0c0;
}

.text-white .affa-tweet .tweet-date:before {
  background-color: #fff;
}

.affa-form-search input[type="submit"] {
  background-color: transparent;
}

.text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a, .text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a:hover, .text-white .affa-nav-tabs-wrap .nav-tabs.affa-nav-tabs2 > li.active > a:focus {
  border-color: rgba(255,255,255,.25);
}

#header.header-4.header-transparent #navigation .navbar-secondary .navbar-btn .navbar-btn-toggle, .text-white .affa-panel-group .panel-title a {
  color: #fff !important;
}

.isotope-menu a {
  color: #a9a9a9;
}

@media (max-width: 767px) {
  
  .affa-tab-menu a.current {
    color: #00a4e4;
  }
}


/* Custom */
.cursor-pointer {cursor: pointer;}

#nav-mobile button.navbar-btn-close {
  background-color: #00a4e4;
}
#nav-mobile button.navbar-btn-close:hover {
  background-color: #0db1ef;
}

#customize .row {
    text-align: left;
}

/*
#customize .customize-wrap h5:first-of-type{
  display: none;
}
*/

#header .sub-header {
  background-image: none;
}
.affa-post2 .post-item-meta ul, .single .post-single-meta ul li, #header .header-content5 .header-content-txt h4{
  text-transform: none;
}

#header .header-content5 .header-content-txt h4 {
  font-family: Montserrat, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.5px;
}

#header .sub-header2 .header-title {
  text-transform: none;
}

#bottom ul.footer-latest li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.affa-progress-bar.bar-home-text .bar-line-overlay, .affa-progress-bar.bar-home-text .progress-bar-line {
  height: 42px;
}

.affa-progress-bar.bar-home-text .bar-line-text {
  width: 100%;
  height: 42px;
  color: #fff;
  position: relative;
  padding: 8px 0px 0px 10px;
}

.single-portfolio .bg-color .post-single-meta ul li h4 .ion, .single-portfolio .bg-color .post-single-meta ul li h4 {
  color: #f0f0f0;
}

.project-testimonial {
  padding: 0px 10px 0px 120px;
  position: relative;
}
.project-testimonial::before {
    position: absolute;
    top: -10px;
    left: 0px;
    width: 96px;
    font-family: Ionicons;
    color: #f0f0f0;
    font-size: 96px;
    line-height: 1;
    text-align: center;
    content: '\f347';
}

.dropcap.dropcap-square.dropcap-blue, .dropcap.dropcap-circle.dropcap-blue { background-color:#0db1ef; }
.img-shadow {box-shadow: 0px 0px 4px 1px rgba(0,0,0,.2);}
.generic-header-content-txt p {
    font-size: 18px;
    line-height: 29px;
    padding-left:20px;
    /*margin: 15px 0px 0px;*/
}

.border-content-left p:before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  border-left: 3px solid #00a4e4;
  top: 0;
  left: 0px;
}

.border-content-right p:before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  border-right: 3px solid #00a4e4;
  top: 0;
  right: 0px;
}

#pyramid_panel {
  box-shadow: none;
  border: none;
}
#pyramid_panel.panel-default > .panel-heading {
  border-bottom: none;
  background-color: transparent;
}
#pyramid_panel p{
  border-right: 3px solid #00a4e4;
  padding-right: 20px;
}

.header-slogan-overlay {
  display: inline-block;
  padding: 60px;
}


.scroll-down {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -23px;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scroll-down a {
  padding-top:7px;
  margin-bottom:10px;
  font-size: 37px;
  display: block;
  border: 1px solid #fff;
  height: 47px;
  border-radius:50%;
  width: 47px;
}

.scroll-down span {
  font-size: 16px;
}

.scroll-down::before{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 47px;
  height: 47px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


@media (max-width: 991px) {
  
  .scroll-down a {
    padding-top:7px;
    margin-bottom:30px;
    font-size: 37px;
    display: block;
    border: 1px solid #fff;
    height: 47px;
    border-radius:50%;
    width: 47px;
  }

}

@media (max-width: 767px) {

  .header-slogan-overlay {
    display: block;
    padding: 25px;
  }

  #header .sub-header2 .sub-header-overlay {
    padding: 20px 0px 0px 0px;
  }
  
  #header .sub-header2 .header-title {
    font-size: 28px;
    line-height: 32px;
  }

  #header .sub-header2 p {
    font-size: 18px;
    line-height: 26px;
    margin: 8px 0px 0px;
  }

  .post-heading-left h2, .post-heading-center h2 {
      font-size: 27px;
  }

}

@media (max-width: 400px) {

  #pyramid_panel.panel.panel-default {
    margin-bottom: 40px;
  }

}

@media (max-width: 340px) {

  #pyramid_panel.panel.panel-default {
    margin-bottom: 150px;
  }

}