html,
body {
    font-family: 'Nunito Sans', sans-serif;
}

h1 {
    font-weight: 800;
}

.main-header {
    box-shadow: none;
}

.business-hero-section {
    padding-top: calc(35px + 2vw);
}

.hero-image {
    background-image: url(/wp-content/themes/smilebox-plus/images/general/business-hero-image-mobile.jpg);
    height: calc(200px + 10vw);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.business-hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: calc(140px + 46vw);
}

.hero-overlay {
    padding-top: calc(65px + 6vw);
}

.btn-color-blue:hover {
    background-color: rgb(27, 120, 160);
}

.btn-color-blue {
    background-color: #29B6F1;
}

.btn-color-green {
    background-color: #57B5B5;
}

.btn-color-green:hover {
    background-color: rgb(52, 110, 110);
}

.business-main-title {
    font-size: calc(18px + 2vw);
    font-weight: 700;
    color: #fff;
}

.business-main-description {
    font-size: calc(8px + 0.99vw);
    font-weight: 200;
    color: #fff;
}

.btn-hero-business,
.btn-feature-business,
.btn-templates-business,
.btn-message-business {
    padding: 0.55rem 4.25rem;
    font-weight: 300;
    font-size: calc(16px + 0.35vw);
    text-decoration: none !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.business-title {
    font-size: calc(16px + 1vw);
    font-weight: 200;
    width: 50%;
    margin: 0 auto;
    color: #fff;
}

.business-start-section {
    background-color: #29B6F1;
}

.business-start-title {
    font-size: calc(20px + 1.5vw);
    font-weight: 700;
    max-width: calc(200px + 8vw);
}

.business-start-description {
    font-size: calc(12px + 0.5vw);
    font-weight: 200;
}

.business-link {
    font-size: calc(12px + 0.5vw);
    font-weight: 600;
    text-decoration: underline;
}

.business-templates-section {
}

.business-templates-title {
    font-size: calc(20px + 1.5vw);
    font-weight: 700;
    color: #8B8B86;
}

.business-templates-description {
    font-size: calc(12px + 0.5vw);
    font-weight: 200;
    color: #8B8B86;
}
.business-templates-wrapper{
    margin-right:-1%;
    }
.business-templates-wrapper:hover{
    opacity:0.75;
    }
.business-templates-wrapper a{
text-decoration: none
}

.templates-name{
    font-size: calc(12px + 0.5vw);
    font-weight: 300;
    color: #8B8B86;
    margin-top: 2%;
    margin-bottom: 0;
}

.templates-format{
    font-size: calc(12px + 0.5vw);
    font-weight: 300;
    color: #57B5B5;
}
 
.business-templates-description:nth-child(1) {
    font-weight: 600;
}

.business-message-section{
    background-color: #F9BF50;
}

.business-message-title {
    font-size: calc(20px + 1.5vw);
    font-weight: 400;
    color: #fff;
}

.business-message-description {
    font-size: calc(12px + 0.5vw);
    font-weight: 200;
    color: #fff;
}

.business-online-section{
    background-color: #07a2d5;
}

.business-online-title {
    font-size: calc(20px + 1.5vw);
    font-weight: 400;
    color: #fff;
}

.business-online-description {
    font-size: calc(12px + 0.5vw);
    font-weight: 200;
    color: #ffffff;
}


.divider-braek {
    width: 90%;
    height: 1px;
    background-color: #b4b4b459;
    margin: 0 auto;
}

.business-why-section {
    background-color: #1ec0c6;
}

.business-why-title {
    font-size: calc(18px + 2vw);
}

.business-why-more {
    font-size: calc(26px + 0.5vw);
    font-weight: 200;
}

.business-why-more-description {
    font-size: calc(12px + 0.45vw);
    font-weight: 200;
}

.business-why-start {
    font-size: calc(14px + 0.5vw);
    text-decoration: underline;
}

.business-testimonials-section {
    background-image: url(/wp-content/themes/smilebox-plus/images/general/business-testemonials.jpg);
    height: calc(260px + 18vw);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.business-testimonials-text p {
    font-size: calc(14px + 0.35vw);
    color: #fff;
    font-weight: 200;
}

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

/* carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

/* Control buttons  */

#quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

/* Previous button  */

#quote-carousel .carousel-control.left {
    left: -12px;
}

/* Next button  */

#quote-carousel .carousel-control.right {
    right: -12px !important;
}

/* Changes the position of the indicators */

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

/* Changes the color of the indicators */

#quote-carousel .carousel-indicators li {
    background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
}

.icon-chevron-thin-right,
.icon-chevron-thin-left {
    font-size: 50px
}

.carousel-control-next {
    right: -10%;
}

.carousel-control-prev {
    left: -10%;
}

/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.carousel-indicators{
    z-index:1;
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
}

/* Small devices (tablets, up to 768px) */

@media (max-width: 768px) {
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

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

/* Small devices (landscape phones, 450px and up) */

@media (min-width: 450px) {
    .business-main-title {}
}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {
    .business-main-title {}
}

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {
    .main-header{
        background-color: rgba(255, 255, 255, 0.9);
    }    
    .business-hero-section {
        padding-top: 0;
    }
    .hero-image {
        /* background-image:  url(/wp-content/themes/smilebox-plus/images/general/business-hero-image-desktop.jpg); */
        height: 29vw;
    }
    .main-header {
        float: left;
    }
    .btn-hero-business,
    .btn-feature-business,
    .btn-templates-business,
    .btn-message-business {
        padding: 0.35rem 2rem;
        max-width: calc(110px + 11vw);
    }
    .business-start-title {
        border-right: 1px solid #ffffff;
        height: auto;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}

/* Extra large devices (large desktops, 1500px and up)*/

@media (min-width: 1500px) {}

 /* Extra large devices (large desktops, 1700px and up)*/
 @media (min-width: 1700px) { 
    .navbar {
        /* margin-top: -1.4%; */
    }
    .sbp-logo-desktop-wrapper {
        margin: 1.25% 0 1% 1%;
        /* padding: 0% 4% 0% 2%; */
    }

}

/* Extra large devices (large desktops, 1920px and up)*/

@media (min-width: 1920px) {}