/* By Brandio */
/*---- Accent Color ------*/
.accent-color-bg {
    background-color: #3BA6F4;
}

.accent-color-text {
    color: #3BA6F4;
}

.accent-color-border {
    border-color: #3BA6F4;
}

.menu-holder ul li a:hover {
    color: #3BA6F4;
}

/*---- Accent Color End ------*/
/*---- Template Colors --------*/
.color1-bg {
    background-color: #fff;
}

.color2-bg {
    background-color: #fff;
}

.color3-bg {
    background-color: #fff;
}

.color4-bg {
    background-color: #fff;
}

.color1 {
    color: #9d9d9d;
}

.color2 {
    color: #9d9d9d;
}

.color3 {
    color: #9d9d9d;
}

.color4 {
    color: #9d9d9d;
}

.color1-border {
    border-color: #fff !important;
}

.color2-border {
    border-color: #fff !important;
}

.color3-border {
    border-color: #fff !important;
}

.color4-border {
    border-color: #fff !important;
}

/*---- Template Colors End --------*/
.row-title {
    color: #2C454D;
}

.sub-title {
    color: #2C454D;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

/*-----------------------------------
	Menu Styles
-----------------------------------*/
.blur {
    opacity: 0.5;
}

.fullpage-menu {
    background-color: rgba(0, 0, 0, 0.85);
}

.fullpage-menu .menu-holder ul li {
    color: #fff;
}

.fullpage-menu .menu-holder ul li a {
    color: #fff;
}

.fullpage-menu .close-btn:hover {
    opacity: 0.8;
}

.inline-menu .menu-holder ul li {
    color: #fff;
}

.inline-menu .menu-holder ul li a {
    color: #fff;
}

.inline-menu .menu-holder ul li a:hover {
    opacity: 0.7;
}

/*------- End Menu Styles ---------*/
/*------------------------------------------------------------------
	2. Header Styles
-------------------------------------------------------------------*/
#header {
    color: #fff;
    background-color: #3BA6F4;
}

#header .img-overlay {
    opacity: 0.25;
    background-image: url(../images/bg2.png);
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center; 
 

}
}

#header .logo-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

#header .logo-menu .menu-button:hover {
    opacity: 0.9;
}

#header .navbar .nav > li > a.signup-button {
    color: #fff;
    border: 0;
    background-color: #5DD066;
}

#header .navbar .nav > li > a.signup-button:hover, #header .navbar .nav > li > a.signup-button:focus {
    background-color: #38c243;
}

#header .header-text-1:after {
    background-color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    opacity: 0.7;
}

.signup-button {
    color: #fff;
    border: 0;
    background-color: rgba(44, 69, 77, 0.27);
}

.signup-button:hover {
    background-color: rgba(25, 40, 45, 0.27);
}

/*------------------------------------------------------------------
	3. Partners Styles
-------------------------------------------------------------------*/
.partners-section {
    background-color: #fff;
}

.partners-slider img {
    opacity: 0.18;
}

.partners-slider img:hover {
    opacity: 1;
}

.slick-prev, .slick-next {
    border: 1px solid #CCC;
    background-color: transparent;
    color: #aaa;
}

.slick-prev:hover, .slick-next:hover {
    border: 1px solid #888;
    color: #777;
}

/*------------------------------------------------------------------
	4. Features Styles
-------------------------------------------------------------------*/
.features-section {
    background-color: #fff;
}

.features-section .feature-button {
    border: 1px solid rgba(0, 0, 0, 0);
}

.features-section .feature-button .feature-title {
    color: #fff;
}

.features-section .feature-button .feature-icon i {
    color: #fff;
}

.features-section .feature-button.color1-bg {
    background-color: #3BA6F4;
}

.features-section .feature-button.color1-bg:hover, .features-section .feature-button.color1-bg:focus, .features-section .feature-button.color1-bg.active {
    background-color: #3BA6F4;
}

.features-section .feature-button.color2-bg {
    background-color: #FF6CCD;
}

.features-section .feature-button.color2-bg:hover, .features-section .feature-button.color2-bg:focus, .features-section .feature-button.color2-bg.active {
    background-color: #FF6CCD;
}

.features-section .feature-button.color3-bg {
    background-color: #84D54A;
}

.features-section .feature-button.color3-bg:hover, .features-section .feature-button.color3-bg:focus, .features-section .feature-button.color3-bg.active {
    background-color: #84D54A;
}

.features-section .feature-button.color4-bg {
    background-color: #FF953B;
}

.features-section .feature-button.color4-bg:hover, .features-section .feature-button.color4-bg:focus, .features-section .feature-button.color4-bg.active {
    background-color: #FF953B;
}

.features-section .feature-button .feature-line.color1-border {
    border-color: #3BA6F4 !important;
}

.features-section .feature-button .feature-line.color2-border {
    border-color: #FF6CCD !important;
}

.features-section .feature-button .feature-line.color3-border {
    border-color: #84D54A !important;
}

.features-section .feature-button .feature-line.color4-border {
    border-color: #FF953B !important;
}

.features-section .feature-button:hover, .features-section .feature-button:focus, .features-section .feature-button.active {
    opacity: 0.7;
}

.features-section .feature-button:hover .feature-icon i, .features-section .feature-button:focus .feature-icon i, .features-section .feature-button.active .feature-icon i {
    color: #fff;
}

.features-section .box3d-part {
    background-color: #3BA6F4;
}

@-moz-document url-prefix() {
    .features-section .box3d .box3d-part {
        border: 1px solid #3BA6F4;
    }
}

.f-details .feature-icon i {
    color: #fff;
}

.f-details .feature-title {
    color: #fff;
}

.f-details .feature-text {
    color: #fff;
}

.f-details.color1-bg {
    background-color: #3BA6F4;
}

.f-details.color2-bg {
    background-color: #FF6CCD;
}

.f-details.color3-bg {
    background-color: #84D54A;
}

.f-details.color4-bg {
    background-color: #FF953B;
}

/*------------------------------------------------------------------
	5. Pricing Styles
-------------------------------------------------------------------*/
.pricing-section {
    background-color: #fff;
}

.pricing-section .price-table {
    background-color: #fff;
    color: #6E687C;
}

.pricing-section .price-table .sp {
    border-bottom: 1px solid #c2c2c2;
}

.pricing-section .price-table .price-title {
    color: #fff;
}

.pricing-section .price-table .price {
    color: #673AB7;
}

.pricing-section .price-table .duration li a.active {
    color: #673AB7;
    background-color: #fff;
    border-color: #673AB7;
}

.pricing-section .price-table .price-btn {
    color: #fff;
}

.pricing-section .price-table .details-list li:hover {
    color: #999;
}

.pricing-section .price-table.pr-color1 .price-title {
    background-color: #53b1f5;
}

.pricing-section .price-table.pr-color1 .details-list li:before {
    color: #3BA6F4;
}

.pricing-section .price-table.pr-color1 .price-btn {
    background-color: #1494f2;
    -webkit-box-shadow: 0 0.3rem 0.6rem rgba(20, 148, 242, 0);
    box-shadow: 0 0.3rem 0.6rem rgba(20, 148, 242, 0);
}

.pricing-section .price-table.pr-color1 .price-btn:hover, .pricing-section .price-table.pr-color1 .price-btn:focus {
    background-color: #0d8ae5;
    -webkit-box-shadow: 0 0.3rem 0.6rem rgba(20, 148, 242, 0.33);
    box-shadow: 0 0.3rem 0.6rem rgba(20, 148, 242, 0.33);
}

.pricing-section .price-table.pr-color1.top-choice {
    border-color: #3BA6F4;
}

.pricing-section .price-table.pr-color2 .price-title {
    background-color: #ff86d6;
}

.pricing-section .price-table.pr-color2 .details-list li:before {
    color: #FF6CCD;
}

.pricing-section .price-table.pr-color2 .price-btn {
    background-color: #ff43bf;
    -webkit-box-shadow: 0 0.3rem 0.6rem rgba(255, 67, 191, 0);
    box-shadow: 0 0.3rem 0.6rem rgba(255, 67, 191, 0);
}

.pricing-section .price-table.pr-color2 .price-btn:hover, .pricing-section .price-table.pr-color2 .price-btn:focus {
    background-color: #ff2fb8;
    -webkit-box-shadow: 0 0.3rem 0.6rem rgba(255, 67, 191, 0.33);
    box-shadow: 0 0.3rem 0.6rem rgba(255, 67, 191, 0.33);
}

.pricing-section .price-table.pr-color2.top-choice {
    border-color: #FF6CCD;
}

.pricing-section .price-table.pr-color3 .price-title {
    background-color: #92da5f;
}

.pricing-section .price-table.pr-color3 .details-list li:before {
    color: #84D54A;
}

.pricing-section .price-table.pr-color3 .price-btn {
    background-color: #6ec82e;
    -webkit-box-shadow: 0 0.3rem 0.6rem rgba(110, 200, 46, 0);
    box-shadow: 0 0.3rem 0.6rem rgba(110, 200, 46, 0);
}

.pricing-section .price-table.pr-color3 .price-btn:hover, .pricing-section .price-table.pr-color3 .price-btn:focus {
    background-color: #65b72b;
    -webkit-box-shadow: 0 0.3rem 0.6rem rgba(110, 200, 46, 0.33);
    box-shadow: 0 0.3rem 0.6rem rgba(110, 200, 46, 0.33);
}

.pricing-section .price-table.pr-color3.top-choice {
    border-color: #84D54A;
}

.pricing-section .price-table.pr-color4 .price-title {
    background-color: #ffa355;
}

.pricing-section .price-table.pr-color4 .details-list li:before {
    color: #FF953B;
}

.pricing-section .price-table.pr-color4 .price-btn {
    background-color: #ff7f12;
    -webkit-box-shadow: 0 0.3rem 0.6rem rgba(255, 127, 18, 0);
    box-shadow: 0 0.3rem 0.6rem rgba(255, 127, 18, 0);
}

.pricing-section .price-table.pr-color4 .price-btn:hover, .pricing-section .price-table.pr-color4 .price-btn:focus {
    background-color: #fd7400;
    -webkit-box-shadow: 0 0.3rem 0.6rem rgba(255, 127, 18, 0.33);
    box-shadow: 0 0.3rem 0.6rem rgba(255, 127, 18, 0.33);
}

.pricing-section .price-table.pr-color4.top-choice {
    border-color: #FF953B;
}

.pricing-section .price-table.top-choice:before {
    color: #673AB7;
    border-color: #daceef;
}

.billing-cycle {
    color: #673AB7;
    background-color: #fff;
    border-color: #673AB7;
}

/*------------------------------------------------------------------
	6. Information Styles
-------------------------------------------------------------------*/
.info-section .content-holder:hover .info-text h2 {
    color: #59BA88;
}

.info-section .info-image img:hover {
    opacity: 0.8;
}

.info-section .info-text h2 {
    color: #3BA6F4;
}

.info-section .info-text ul li {
    color: #35303e;
}

/*------------------------------------------------------------------
	7. Testimonials Styles
-------------------------------------------------------------------*/
.testimonials-section {
    background-color: #fff;
}

.testimonial-slider .testimonial-text {
    color: #287DBC;
    -webkit-box-shadow: 0 0.2rem 2rem rgba(229, 229, 248, 0.58);
    box-shadow: 0 0.2rem 2rem rgba(229, 229, 248, 0.58);
}

.people-slider .person-details .person-details-holder:after {
    background-color: #59BA88;
}

.people-slider .person-details .person-name {
    color: #535353;
}

.people-slider .person-details .person-title {
    color: #535353;
}

.people-slider .person-details.slick-current .person-image {
    -webkit-box-shadow: 0 0.2rem 0.8rem rgba(229, 229, 248, 0.78);
    box-shadow: 0 0.2rem 0.8rem rgba(229, 229, 248, 0.78);
}

.people-slider .person-details.slick-current .person-name {
    color: #3BA6F4;
}

/*------------------------------------------------------------------
	8. Contacts Styles
-------------------------------------------------------------------*/
.contact-section {
    background-color: #3BA6F4;
}

.contact-section .row-title {
    color: #fff;
}

.contact-section .sub-title {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.contact-section p {
    color: #fff;
}

.contact-section input[type=text], .contact-section input[type=email] {
    background-color: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.contact-section .form-label {
    color: #fff;
}

.contact-section textarea {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.contact-section #submit {
    color: #fff;
    background-color: rgba(23, 113, 177, 0.8);
}

.contact-section #submit:hover {
    background-color: rgba(23, 113, 177, 0.9);
}

.contact-section .loading {
    border: 3px solidrgba(23, 113, 177, 0.8) !important;
    border-bottom: 3px solid rgba(0, 0, 0, 0) !important;
    border-left: 3px solid rgba(0, 0, 0, 0) !important;
    background-color: transparent !important;
}

.ajax-button [class*="fa"] {
    color: #fff;
}

.error {
    color: #EFEFEF;
}

.valid {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff;
}