/*!
 * Template Name: FCHOST
 * Author: crowbarcode
 * Version:	1.0.0
**/

/* STARTING RESPONSIVE 559PX */

@media (max-width: 559px) {

    .input-group {
        flex-direction: column;
    }

    .domain .input-group-append {
        margin-left: unset !important;
    }

    .domain .input-group * {
        width: 100% !important;
        padding-top: 6px;
        padding-top: 6px;
        border-radius: 3px !important;
    }

    .carousel {
        padding: 20px !important;
    }

    #contato {
        padding: 5px !important;
    }

    footer [class*="container-0"] {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }

    footer .row {
        margin: unset;
    }

    footer ul li {
        margin: 10.5px !important;
        margin-left: unset !important;
    }

    footer .container-04 li {
        margin: 4px !important;
    }

    .container-04 p {
        text-align: center;
    }

    .container-04 .list-in-line {
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column;
        text-align: center;
        margin-top: 8px;
    }

    .phone-number {
        display: none !important;
    }

    footer .container-03 .row  {
        flex-direction: column !important;
    }

    footer .container-03 .col-sm {
        justify-content: flex-start !important;
    }

}

/* STARTING RESPONSIVE 559PX */

/* STARTING RESPONSIVE 751PX */

@media (max-width: 767px) {
    
    .slide {
        padding: 40px;
        padding-left: unset;
        padding-right: unset;
        max-height: auto !important;
    }

    .slide .col-sm {
        margin-bottom: 50px;
    }

    .price,
    .one-price {
        width: 100% !important;
    }
    
    .price [class*="col-"] {
        margin: 0 auto;
        padding: unset;
    }

    .price-style-01,
    .price-style-01 > [class*="col"] {
        margin-left: unset !important;
        margin-right: unset !important;
    }

    .partners img {
        margin-bottom: 10px;
    }

    footer .container-02,
    footer .container-04 {
        padding-bottom: unset;
    } 

    footer .container-03,
    footer .container-04 {
        padding-top: unset;
    }

    footer .list-in-column li,
    .menu-side-by-side li {
        padding-bottom: 6px;
    }

}

/* ENDING RESPONSIVE 751PX */

/* STARTING RESPONSIVE 999PX */

@media (max-width: 999px) {

    .container > .w-75 {
        width: 100% !important;
    }

    .container > .p-5 {
        padding: 2rem !important;
    }
    
    main > .p-5 {
        padding: 1rem !important;
    }

    #carousel-main {
        padding: 60px !important;
        padding-left: unset !important;
        padding-right: unset !important;
    }

    .thumb-subpage [class*="col-"] {
        margin-top: 17px !important;
        margin-bottom: 17px !important;
    }

    .thumb-mini {
        min-height: 160px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .menu-mobile-01,
    .menu-mobile-02 {
        max-width: 280px;
        height: 100%;
        background-color: var(--color-blue-dark);
        position: fixed;
        right: -100%;
        top: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start !important;
        display: none !important;
        transition: right 0.2s ease-in-out;
        overflow: auto;
        padding: 15px !important;
        z-index: 100;
    }

    .container-02 .menu-mobile-02 .list-btn {
        height: unset;
        flex-direction: column;
        align-self: flex-start !important;
        margin: unset;
        margin-top: 10px;
    }

    .container-02 .menu-mobile-02 .list-btn li {
        align-self: flex-start;
        margin: unset;
        margin-top: 8px;
    }

    .menu-mobile-01 span,
    .menu-mobile-01 li,
    .menu-mobile-01 a,
    .menu-mobile-02 span, 
    .menu-mobile-02 li, 
    .menu-mobile-02 a {
        color: var(--color-text-blue) !important;
    }

    [class*="menu-mobile-"] .navbar {
        padding: unset;
    }

    [class*="menu-mobile-"] li a:hover {
        color: var(--color-text-blue-hover) !important;   
    }
    
    [class*="menu-mobile-"] li a:active {
            color: var(--color-text-blue-active) !important;   
    }

    .menu-side-by-side {
        position: unset;
        border: none;
    }

    .menu-mobile-02 [class*="content-0"] {
        width: 100%;   
    }

    .menu-mobile-02 [class*="content-0"] li a {
        font-size: 14.5px;
    }

    .menu-mobile-02 .dropdown-menu {
        width: 100% !important;
        background-color: transparent;
        border: none !important;
        box-shadow: unset !important;
    }

    .menu-mobile-02 .dropdown-menu .dropdown-item {
        padding: 3px;
        padding-left: 12px;
    }

    .menu-mobile-02 .dropdown-menu .content-left {
        background-color: transparent;
        padding: unset !important;
        margin: unset !important;
        border: none !important;
        box-shadow: unset !important;
    }

    .menu-mobile-02 .dropdown-menu .content-right {
        display: none !important;
        border: none !important;
    }

    .menu-mobile-02 .collapse {
        display: flex;
    }

    .menu-mobile-header,
    .menu-mobile-button {
        display: flex;
    }

    .menu-mobile-01 .list-in-line {
        flex-direction: column;
        align-items: flex-start;
        padding: unset;
    }

    .menu-mobile-01 .list-in-line li {
        margin-top: 2.5px;
        margin-bottom: 2.5px;
    }

    .menu-mobile-01 .social-network {
        flex-direction: row;
        margin-top: 12px;
    }

    .menu-mobile-active {
        display: flex !important;
    }
    
    .menu-mobile-active-animation {
        right: 0 !important;
    }

    .logo {
        max-width: 150px;
    }

}

/* ENDING RESPONSIVE 999PX */

/* STARTING TIMELINE */

.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto;background:#242922;position:absolute;top:0;left:0;right:0}
.main-timeline .timeline{display:inline-block;margin-bottom:50px;position:relative}
.main-timeline .timeline:before{content:"";width:20px;height:20px;border-radius:50%;border:4px solid #fff;background:#ec496e;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}
.main-timeline .timeline-icon{display:inline-block;width:130px;height:130px;border-radius:50%;border:3px solid #ec496e;padding:13px;text-align:center;position:absolute;top:50%;left:30%;transform:translateY(-50%)}
.main-timeline .timeline-icon i{display:block;border-radius:50%;background:#ec496e;font-size:64px;color:#fff;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{content:"";width:100px;height:4px;background:#ec496e;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#fff;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:0 50px;margin:52px 0 0;float:right;position:relative}
.main-timeline .timeline-content:before{content:"";width:70%;height:100%;border:3px solid #ec496e;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}
.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#ec496e;position:absolute;top:13px;left:0}
.main-timeline .title{font-size:20px;font-weight:600;color:#ec496e;text-transform:uppercase;margin:0 0 5px}
.main-timeline .description{display:inline-block;font-size:16px;color:#404040;line-height:20px;letter-spacing:1px;margin:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#f9850f}
.main-timeline .timeline:nth-child(2n) .title{color:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#f9850f;border-bottom-color:#f9850f}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#8fb800}
.main-timeline .timeline:nth-child(3n) .title{color:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#8fb800;border-bottom-color:#8fb800}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .title{color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#2fcea5;border-bottom-color:#2fcea5}
@media only screen and (max-width:1200px){.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
.main-timeline .timeline-content{margin-top:75px}
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin:0 0 10px}
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
}
@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}

/* ENDING TIMELINE */