/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  background: #fff;
  color: #444;
}

a {
  color: #1bb1dc;
}

a:hover,
a:active,
a:focus {
  color: #0a98c0;
}

.back-to-top {
  background: #1bb1dc;
  color: #fff;
}
.back-to-top i {
  color: #fff;
}

/* Prelaoder */

#preloader {
  background: #fff;
}

#preloader:before {
  border: 6px solid #f2f2f2;
  border-top: 6px solid #1bb1dc;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/

#topbar .social-links a {
  color: #535074;
}

#topbar .social-links a:hover {
  color: #1bb1dc;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header-scrolled #header,
.header-pages #header{
  background-color: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
}

#header .logo h1 a,
#header .logo h1 a:hover {
  color: #413e66;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
  background: #f5f8fd url("../img/intro-bg.jpg") center top no-repeat;
}

#intro .intro-info h2 {
  color: #413e66;
}

#intro .intro-info h2 span {
  color: #1bb1dc;
}

#intro .intro-info .btn-get-started,
#intro .intro-info .btn-services {
  color: #fff;
  background: #1bb1dc;
  color: #fff;
}
#intro .intro-info .btn-get-started.green{
  background: #6B911B;
}
#intro .intro-info .btn-get-started.green:hover{
  background: #D9D40C;
}
#intro .intro-info .btn-get-started.green span{
  color: #ffff00;
}
#intro .intro-info .btn-get-started.green:hover span{
  color: #6B911B;
}


#intro .intro-info .btn-get-started:hover,
#intro .intro-info .btn-services:hover {
  background: #0a98c0;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */


.main-nav a {
  color: #413e66;
}
.header-scrolled .main-nav a{
  color: #413e66;
}

.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
  color: #1bb1dc;
}

.main-nav .drop-down ul {
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}


.main-nav .drop-down ul a {
  color: #065e77;
}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {
  color: #1bb1dc;
}

/* Mobile Navigation */

.mobile-nav {
  background: rgba(40, 38, 70, 0.8);
}

.mobile-nav a {
  color: #fff;
}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
  color: #8dc2fa;
}

.mobile-nav-toggle i {
  color: #413e66;
}

.header-scrolled .mobile-nav-toggle i{
  color: #065e77;
}

.mobile-nav-overly {
  background: rgba(40, 38, 70, 0.8);
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* Sections Header
--------------------------------*/

.section-header h3 {
  color: #413e66;
}

.section-header p {
  color: #535074;
}

/* Section with background
--------------------------------*/

.section-bg {
  background: #f5f8fd;
}

/* About Us Section
--------------------------------*/


.image-text-section .about-content h2 {
  color: #413e66;
}

.image-text-section .about-content h3 {
/*  color: #696592;*/
color: #1bb1dc;
}

.image-text-section .about-content ul li i {
  color: #1bb1dc;
}


.image-text-section .about-img::before {
  background-color: #ebf1fa;
}

.image-text-section .about-img::after {
  background-color: #ebf1fa;
}

/* Services Section
--------------------------------*/

.box-section .box {
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
}


.box-section .title a {
  color: #111;
}

.box-section .box:hover .title a {
  color: #1bb1dc;
}


/* Why Us Section
--------------------------------*/
#why-us .why-us-content .features h4 {
  color: #413e66;
}

#why-us .why-us-content .features p {
  color: #555186;
}


#why-us .counters span {
  color: #555186;
}

#why-us .counters p {
  color: #8a87b6;
}

/* Call To Action Section
--------------------------------*/

#people-behind-us {
  background: #2d2b46;
}

#people-behind-us .cta-title {
  color: #fff;
}

#people-behind-us .cta-text {
  color: #fff;
}

#people-behind-us .cta-btn {
  border: 3px solid #fff;
  color: #fff;
}

#people-behind-us .cta-btn:hover {
  background: #1bb1dc;
  border: 3px solid #1bb1dc;
}

/* Features Section
--------------------------------*/

#portfolio #portfolio-flters li {
  color: #413e66;
}

#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
  color: #1bb1dc;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a {
  color: #fff;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover {
  color: #1bb1dc;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info p {
  color: #f8fcff;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details {
  background: #1bb1dc;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i {
  color: #fff;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover {
  background: #42c3e8;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i {
  color: #fff;
}

#portfolio .portfolio-item .portfolio-wrap:hover {
  background: #282646;
}


/* Testimonials Section
--------------------------------*/



#testimonials .testimonial-item .testimonial-img {
  border: 4px solid #fff;
}

#testimonials .testimonial-item h3 {
  color: #111;
}

#testimonials .testimonial-item h4 {
  color: #999;
}

#testimonials .owl-dot {
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #1bb1dc;
}

/* Team Section
--------------------------------*/

#team {
  padding: 60px 0;
}


#team .member .member-info {
  background: rgba(29, 28, 41, 0.6);
}

#team .member h4 {
  color: #fff;
}

#team .member span {
  color: #fff;
}


#team .member .social a {
  color: #fff;
}

#team .member .social a:hover {
  color: #1bb1dc;
}


/* Clients Section
--------------------------------*/

#clients .owl-dot {
  background-color: #ddd;
}

#clients .owl-dot.active {
  background-color: #1bb1dc;
}

/* Pricing Section
--------------------------------*/


#pricing .card {

    box-shadow: 0 3px 0px 0 rgba(65, 62, 102, 0.08);
}

#pricing .card:after {
  background-color: #1bb1dc;
}

#pricing .card:hover {
  box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
}


#pricing .card .card-header {
  background-color: white;

}

#pricing .card .card-title {
  color: #535074;
}


#pricing .card .list-group-item {
  color: #413e66;
}

#pricing .card h3 {

    color: #535074;
}


#pricing .card h3 .period {
  color: #6c67a3;
}

#pricing .card .list-group {
}

#pricing .card .btn {
  color: #5f5b96;
  background: #1bb1dc;
  color: #fff;
}

#pricing .card .btn:hover {
  background: #0a98c0;
}

/* Frequently Asked Questions Section
--------------------------------*/


#faq #faq-list li {
  border-bottom: 1px solid #ebebeb;
}


#faq #faq-list a.collapse {
  color: #1bb1dc;
}

#faq #faq-list a.collapsed {
  color: #000;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  background: #fff;
}

#footer .footer-top {
  background: #f5f8fd;
}


#footer .footer-top .footer-info h3 {
  color: #413e66;

}

#footer .footer-top .footer-info p {

    color: #535074;
}

#footer .footer-top .social-links a {
  background: #1bb1dc;
  color: #fff;
}

#footer .footer-top .social-links a:hover {
  background: #0a98c0;
  color: #fff;
}

#footer .footer-top h4 {
  color: #413e66;
}

#footer .footer-top .footer-links ul a {
  color: #696592;
}

#footer .footer-top .footer-links ul a:hover {
  color: #1bb1dc;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 1px solid #d9dde6;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #1bb1dc;
  border: 1px solid #1bb1dc;
  color: #fff;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #0a98c0;
}


#footer .footer-top .form #sendmessage {
  color: #fff;
  background: #1bb1dc;

}

#footer .footer-top .form #errormessage {
  color: #fff;
  background: red;
}


#footer .footer-top .form .validation {
  color: red;
}

#footer .footer-top .form label {
  color: #413e66;
}

#footer .footer-top .form input,
#footer .footer-top .form textarea {
  border: 1px solid #dce1ec;
}

#footer .footer-top .form input::-webkit-input-placeholder,
#footer .footer-top .form textarea::-webkit-input-placeholder {
  color: #a2a0bd;
}

#footer .footer-top .form input::-moz-placeholder,
#footer .footer-top .form textarea::-moz-placeholder {
  color: #a2a0bd;
}

#footer .footer-top .form input:-ms-input-placeholder,
#footer .footer-top .form textarea:-ms-input-placeholder {
  color: #a2a0bd;
}

#footer .footer-top .form input::placeholder,
#footer .footer-top .form textarea::placeholder {
  color: #a2a0bd;
}

#footer .footer-top .form button[type="submit"] {
  background: #1bb1dc;
    color: #fff;
}

#footer .footer-top .form button[type="submit"]:hover {
  background: #0a98c0;
}

#footer .copyright {
  color: #535074;
}

#footer .credits {
  color: #8582a8;
}

#footer .credits a {
  color: #1bb1dc;
}

#footer .credits a:hover {
  color: #0a98c0;
}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/