/*
Theme Name: AMI
Author: D-Lab
Author URI: 
Description: 
Version: 1.0

*/


body{
    font-family: 'Rubik', sans-serif;
    padding-top: 83px;
    transition: all 0.3s ease;
    color: #888888;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0.1px;
}

body.fixed-navbar{
    padding-top: 83px;
}

h1,
h2,
h3,
h4,
h5{
    font-weight: 500;
}

h2{
    font-size: 40px;
}

a,
a:hover,
a:focus,
a:active{
    color: #888888;
}

p{
    margin-bottom: 20px;
}

.page-wrapper{
    overflow: hidden;
}

@media (min-width: 768px){
    body{
        padding-top: 167px;
    }

    body.fixed-navbar{
        padding-top: 102px;
    }

    h2{
        font-size: 56px;
    }
}





/* HEADER */
.header{
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 100;
    border-bottom: 1px solid transparent;
}

.fixed-navbar .header{
    border-bottom-color: #B5E0DE;
}

header .logo{
    display: block;
    width: 96px;
    float: left;
    margin: 15px 0;
    transition: all 0.3s ease;
}

.navbar-toggle{
    margin: 21px 0;
}

.navbar-toggle .icon-bar{
    background: #7B80B2;
    height: 3px;
}

.main-menu{
    padding-left: 0;
    margin-bottom: 0;
    transition: all 0.3s ease;
}

.main-menu ul li{
    list-style: none;
}

.main-menu ul li a{
    font-weight: 500;
    font-size: 18px;
    color: #7B80B2;
    text-transform: lowercase;
    transition: all 0.3s ease;
    text-decoration: none;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus,
.main-menu ul li a:active{
    color: #B5E0DE;
    background: transparent;
}

.social-networks{
    padding-left: 0;
    margin-bottom: 0;
}

.social-networks li{
    display: inline-block;
    list-style: none;
}

.social-networks li a{
    width: 40px;
    height: 40px;
    background: #EAEAEA;
    color: #7B80B2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 100%;
    transition: all 0.3s ease;
}

.social-networks li a:hover,
.social-networks li a:focus,
.social-networks li a:active{
    background: #7B80B2;
    color: #B5E0DE;
}

@media (max-width: 767px){
    .mobile-menu{
        clear: both;
        width: 100%;
        background: #7B80B2;
        text-align: center;
        border-radius: 0 0 25px 25px;
        max-height: 0;
        overflow: auto;
        transition: all 0.3s ease;
        position: fixed;
        top: 83px;
        left: 0;
        z-index: 100;
    }

    .menu-open .mobile-menu{
        max-height: 1000px;
        max-height: calc(100vh - 100px);
    }

    .main-menu ul{
        padding: 10px 0;
        margin: 0;
    }

    .main-menu ul li a{
        color: #fff;
        font-size: 26px;
        padding: 10px;
    }

    .mobile-menu .social-networks{
        margin-bottom: 15px;
    }

    .mobile-menu .social-networks li a{
        color: #7B80B2;
        background: #B5E0DE;
    }

    .mobile-menu .social-networks li a:hover,
    .mobile-menu .social-networks li a:focus,
    .mobile-menu .social-networks li a:active{
        background: #fff;
        color: #7B80B2;
    }
}

@media (min-width: 768px){
    header .logo{
        width: 130px;
        float: none;
        margin: 15px auto;
    }

    .header .social-networks{
        float: right;
        margin: 30px 0;
    }

    .main-menu ul{
        text-align: center;
    }

    .main-menu li{
        display: inline-block;
        padding: 15px 10px;
        position: relative;
    }

    .main-menu li.current_page_item:after{
        content: '';
        display: block;
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        width: 23px;
        height: 9px;
        background-image: url('img/menu-active.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .fixed-navbar .header .logo{
        float: left;
    }

    .fixed-navbar .header .main-menu{
        margin: 23px 0;
    }
}


/* HOME */
body.page-template-page_home{
    padding-top: 0;
}

body.page-template-page_home:not(.fixed-navbar) .header{
    background: transparent;
}

body.page-template-page_home:not(.fixed-navbar) .header .logo{
    display: none;
}

body.page-template-page_home:not(.fixed-navbar) .header .main-menu{
    margin: 23px 0;
}

body.page-template-page_home:not(.fixed-navbar) .header .main-menu a:not(:hover):not(:focus):not(:active){
    color: #fff;
}

body.page-template-page_home:not(.fixed-navbar) .header .social-networks a:not(:hover):not(:focus):not(:active){
    background: #7B80B2;
    color: #fff;
}

body.page-template-page_home:not(.fixed-navbar) .header .social-networks a:hover,
body.page-template-page_home:not(.fixed-navbar) .header .social-networks a:focus,
body.page-template-page_home:not(.fixed-navbar) .header .social-networks a:active{
    color: #7B80B2;
    background: #B5E0DE;
}


/* HOME - HERO */
.home-hero {
    display: flex;
    align-items: center; /* Alinha o conteúdo ao topo */
    justify-content: flex-start; /* Alinha o logo à esquerda */
    position: relative;
	background-size: cover; 
    background-position: center;
	min-height:800px;
}

.home-hero:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.home-hero:after{
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 0;
    width: 100%;
    padding-bottom: 9.32%;
    background-image: url('img/curve1.svg');
    background-size: 100% 100%;
}

.hero-graphic-1{
    width: 183px;
    height: 166px;
    background-image: url('img/hero-graphic1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0;
    left: -35px;
    z-index: 2;
}

.hero-graphic-2{
    width: 297px;
    height: 195px;
    background-image: url('img/hero-graphic2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -150px;
    right: -50px;
    z-index: 2;
}

.home-hero .logo {
    padding: 20px; 
    z-index: 10;
    width: 420px;
    max-width: 100%;
}


@media (min-width: 768px){
    .hero-graphic-1{
        width: 340px;
        height: 307px;
        top: 50%;
        bottom: auto;
    }

    .hero-graphic-2{
        width: 704px;
        height: 462px;
        bottom: -250px;
        right: -150px;
    }
}


/* HOME - ABOUT */
.home-about{
    padding-top: 150px;
    padding-bottom: 50px;
}

.home-about h2{
    color: #7B80B2;
    margin-bottom: 0;
    margin-top: 10px;
}

.home-about h3{
    color: #B5E0DE;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 26px;
}

.home-about-image{
    position: relative;
    margin-bottom: 20px;
}

.home-about-image:before{
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    left: 60%;
    width: 200px;
    height: 110px;
    background-image: url('img/graphic-1.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px){
    .home-about{
        padding-top: 250px;
    }

    .home-about-image:before{
        width: 403px;
        height: 220px;
        right: 75%;
    }

    .home-about-image:before{
        left: auto;
        right: 60%;
    }
}


/* HOME - THERAPY */
.home-therapy{
    background-color: #E2E2E2;
    background-image: url('img/therapy-bg.svg');
    background-size: 200% auto;
    background-position: center -1px;
    background-repeat: no-repeat;
    padding: 50vw 0 50px;
    color: #7B80B2;
    position: relative;
    overflow: hidden;
}

.graphic-2{
    position: absolute;
    top: 0;
    right: -10px;
    width: 148px;
    height: 235px;
    background-image: url('img/graphic-2.svg');
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
}

.home-therapy-content img{
    border-radius: 15px;
    margin-bottom: 20px;
}

.home-therapy-actions{
    text-align: right;
}

.btn-icon{
    color: #7B80B2;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: none!important;
    font-size: 18px;
    background: transparent;
}

.btn-icon i{
    font-size: 40px;
    vertical-align: middle;
}

.btn-icon:hover,
.btn-icon:focus,
.btn-icon:active{
    color: #636993;
    outline: none!important;
}

@media (min-width: 768px){
    .home-therapy{
        background-size: 100% auto;
        padding: 20vw 0 50px;
    }
}

@media (min-width: 992px){
    .home-therapy{
        padding: 12vw 0 50px;
    }
}

@media (min-width: 1200px){
    .graphic-2{
        right: -50px;
        width: 250px;
        height: 398px;
    }

    .graphic-3{
        position: absolute;
        top: 25vw;
        left: -150px;
        width: 320px;
        height: 312px;
        background-image: url('img/graphic-3.svg');
        background-size: cover;
        background-position: right top;
        background-repeat: no-repeat;
    }

    .home-therapy-content{
        position: relative;
    }

    .home-therapy-content:before{
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 100%;
        width: 194px;
        height: 134px;
        margin-left: 30px;
        background-image: url('img/graphic-4.svg');
        background-size: cover;
        background-position: right top;
        background-repeat: no-repeat;
    }
}


/* HOME - ACESSIBILITY */
.home-acessibility{
    position: relative;
    background-image    : url('img/acessibility-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 50px 0 200px;
    color: #fff;
}

.home-acessibility:before{
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 200%;
    padding-bottom: 8.96%;
    background-image: url('img/curve-2.svg');
    background-size: cover;
}

.home-acessibility:after{
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 200%;
    padding-bottom: 14.68%;
    background-image: url('img/curve-3.svg');
    background-size: cover;
}
    
.graphic-5{
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 192px;
    height: 148px;
    background-image: url('img/graphic-5.svg');
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    z-index: 2;
}

@media (min-width: 768px){
    .home-acessibility{
        padding: 150px 0;
    }

    .home-acessibility:before{
        width: 100%;
        padding-bottom: 4.48%;
    }

    .home-acessibility:after{
        width: 100%;
        padding-bottom: 7.34%;
    }
    
    .graphic-5{
        right: auto;
        left: 50%;
        margin-left: -525px;
        width: 350px;
        height: 270px;
    }
}


/* HOME - SPACE */
.home-space{
    padding-bottom: 50px;
    text-align: center;
    position: relative;
}

.home-space h2{
    margin-bottom: 30px;
    color: #7B80B2;
}

.home-space-gallery img{
    border-radius: 15px;
}

.home-space-gallery .owl-nav{
    margin-top: 15px;
}

.home-space-gallery .owl-nav>div{
    display: inline-block;
    padding: 10px;
    transition: all 0.3s ease;
}

.home-space-gallery .owl-nav>div:hover,
.home-space-gallery .owl-nav>div:focus,
.home-space-gallery .owl-nav>div:active{
    color: #B5E0DE;
}

@media (min-width: 768px){
    .home-space:after{
        content: '';
        display: block;
        position: absolute;
        bottom: -50px;
        left: 50px;
        width: 237px;
        height: 160px;
        background-image: url('img/graphic-7.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 2;
    }

    .home-space-gallery:after{
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translate(-50px, -50%);
        width: 216px;
        height: 152px;
        background-image: url('img/graphic-6.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 2;
    }
}


/* HOME - CONTACT */
.home-contact{
    background-color: #B5E0DE;
    padding: 50px 0 200px;
    text-align: center;
    color: #7B80B2;
    position: relative;
}

.home-contact h2{
    margin-bottom: 0;
}

.home-contact h3{
    margin-top: 0;
}

.home-contact-form{
    margin-top: 50px;
}

.form-control{
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    height: 44px;
    background: transparent;
    color: #7B80B2;
    font-size: 16px;
}

.form-control:focus{
    border-color: #7B80B2;
    outline: none!important;
    box-shadow: none!important;
}

.form-control::-webkit-input-placeholder { 
    color: #fff;
}

.form-control:-ms-input-placeholder { 
    color: #fff;
}

.form-control::placeholder {
    color: #fff;
}

.wpcf7-not-valid{
    border-color: #f00;
}

span.wpcf7-not-valid-tip{
    display: none!important;
}

div.wpcf7-response-output{
    border: none;
}

.graphic-8{
    position: absolute;
    bottom: -25px;
    left: 30px;
    width: 129px;
    height: 189px;
    background-image: url('img/graphic-8.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

@media (min-width: 1200px){
    .home-contact{
        padding-bottom: 50px;
    }

    .graphic-8{
        left: auto;
        right: 30px;
        width: 180px;
        height: 253px;
        bottom: -50px;
    }
}


/* DEFAULT STYLE */
.default-style{
    padding: 50px 0;
    position: relative;
}

.header-image{
    min-height: 400px;
    position: relative;
    background-size: cover;
    background-position: center;
}

.header-image:after{
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 102%;
    padding-bottom: 5.26%;
    background-image: url('img/curve-4.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.default-style h1{
    color: #7B80B2;
    font-size: 40px;
    margin-bottom: 40px;
}

.default-style img{
    border-radius: 15px;
}


@media (min-width: 768px){
    .default-style h1{
        font-size: 56px;
    }

    .header-image{
        min-height: 500px;
    }
}


/* ABOUT */
.graphic-9{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 200px;
    background-image: url('img/graphic-9.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: -1;
}

.about-image{
    margin-bottom: 100px;
    position: relative;
}

.about-image:after{
    content: '';
    display: block;
    position: absolute;
    bottom: -80px;
    right: 15px;
    width: 190px;
    height: 105px;
    background-image: url('img/graphic-10.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 1199px){
    .about-page{
        padding-bottom: 250px;
    }
}

@media (min-width: 768px){
    .about-image{
        margin-bottom: 0;
    }

    .about-image:after{
        bottom: 100%;
        margin-bottom: 25px;
        right: -70px;
        width: 400px;
        height: 220px;
    }
}

@media (min-width: 1200px){
    .about-page{
        padding-bottom: 100px;
    }

    .graphic-9{
        width: 520px;
        height: 350px;
        left: 50%;
        margin-left: -900px;
    }
}

@media (min-width: 1800px){
    .graphic-9{
        transform: none;
        left: 0;
    }
}


/* CONTACT */
.contact-page-form{
    padding-bottom: calc(10.5% + 50px);
}

.contact-page-form:after{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 10.5%;
    background-image: url('img/curve-5.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-page-form-graphic-2{
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    bottom: -130px;
    right: 0;
    width: 148px;
    height: 235px;
    background-image: url('img/graphic-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.graphic-11{
    width: 430px;
    height: 375px;    
    position: relative;
    left: -150px;
    background-image: url('img/graphic-11.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.contact-page{
    padding-top: 100px;
    position: relative;
}

.contact-page h2{
    color: #B5E0DE;
    margin-bottom: 50px;
}

.contact-information-item{
    margin-bottom: 30px;
    text-align: center;
}

.contact-information-item h3{
    font-size: 18px;
    font-weight: 300;
    color: #888888;
}

.contact-information-item p{
    font-size: 22px;
    font-weight: 400;
    color: #7B80B2;
    line-height: 1.3;
}

.contact-visit h2{
    color: #7B80B2;
    margin-top: 50px;
    margin-bottom: 0;
}

.contact-visit a{
    color: #7B80B2;
}

.contact-visit p{
    color: #7B80B2;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.1;
}

.contact-map{
    filter: grayscale(1);
    height: 350px;
    overflow: hidden;
}

.contact-map iframe{
    width: 100%;
    height: 750px;
    margin-top: -200px;
}

@media (max-width: 767px){
    .contact-page-form{
        text-align: left;
        padding-bottom: 100px;
    }

    .contact-page-form h3{
        font-weight: 400;
    }

    .contact-page h2 br{
        display: none;
    }
}

@media (min-width: 768px){
    .contact-page-form-graphic-2{
        bottom: -85px;
    }
    
    .graphic-11{
        width: 450px;
        height: 430px;
        margin-right: 0;
        position: absolute;
        bottom: -150px;
        left: -290px;
        z-index: 4;
    }

    .contact-information-item{
        text-align: left;
    }

    .contact-visit .graphic-5{
        position: relative;
        transform: none;
        left: -100px;
        bottom: -30px;
    }

    .contact-map{
        height: 600px;
    }

    .contact-map iframe{
        height: 1000px;
    }
}

@media (min-width: 1200px){
    .contact-page-form-graphic-2{
        width: 250px;
        height: 398px;
    }
    
    .graphic-11{
        bottom: -100px;
        left: -180px;
    }

    .contact-page:before{
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-850px, -50%);
        width: 257px;
        height: 180px;
        background-image: url('img/graphic-12.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }
}


/* THERAPY - ARCHIVE */
.therapies-hero{
    background-color: #F090AB;
    padding: 50px 0 calc(10.26% + 100px);
    position: relative;
    color: #fff;
}

.therapies-hero:after{
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 101%;
    padding-bottom: 10.26%;
    background-image: url('img/curve-7.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.therapies-hero h1{
    color: #fff;
}

.graphic-16{
    width: 247px;
    height: 247px;
    background-image: url('img/graphic-16.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -65px;
    right: -50px;
    z-index: 1;
    pointer-events: none;
}

.graphic-17-18{
    width: 183px;
    height: 145px;
    background-image: url('img/graphic-18.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: -80px;
    pointer-events: none;
}

.therapy-list{
    position: relative;
    padding-bottom: 220px;
}

.therapy-list .graphic-15{
    width: 148px;
    height: 236px;
    background-image: url('img/graphic-15.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    bottom: -15px;
    left: -2px;
}

.therapy-listing{
    background-size: cover;
    background-position: center;
    padding-bottom: 53.19%;
    display: block;
    border-radius: 15px;
    position: relative;
    margin-bottom: 30px;
}

.therapy-listing h3{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 30px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    text-transform: lowercase;
    text-align: center;
    font-size: 26px;
}

@media (max-width: 767px){
    .has-read-more{
        position: relative;
        margin-bottom: 10px;
    }

    .has-read-more.show-read-more{
        max-height: 250px;
        overflow: hidden;
    }

    .read-more{
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .has-read-more:not(.show-read-more) .read-more{
        display: none;
    }
}

@media (min-width: 768px){
    .therapies-hero{
        padding: 50px 0 calc(10.26% + 50px);
    }

    .therapy-list{
        padding-bottom: 50px;
    }

    .read-more{
        display: none;
    }

    .therapy-list .graphic-15{
        width: 269px;
        height: 428px;
        left: 50%;
        margin-left: -750px;
    }

    .graphic-16{
        width: 488px;
        height: 488px;
        bottom: auto;
        right: auto;
        top: 0;
        left: 50%;
        margin-left: 500px;
    }

    .graphic-17-18{
        width: 528px;
        height: 479px;
        right: auto;
        top: auto;
        bottom: 0;
        left: 50%;
        margin-left: -1000px;
        background-image: url('img/graphic-17.svg');
        z-index: 2;
    }
}

@media (min-width: 1500px){
    .therapy-list .graphic-15{
        left: -2px;
        margin-left: 0;
    }
}

@media (min-width: 1700px){
    .graphic-17-18{
        left: -150px;
        margin-left: 0;
    }

}


/* THERAPY - SINGLE */
.single-therapy-header{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #B5E0DE;
}

.single-therapy-header:after{
    padding-bottom: 4.84%;
    background-image: url('img/curve-6.svg');
}

.single-therapy-header h1{
    font-size: 40px;
    margin-bottom: 40px;
    color: #fff;
    text-align: center;
    margin: 0;
    text-transform: lowercase;
}

.single-therapy-header .hero-graphic-1{
    left: auto;
    top: auto;
    right: -50px;
    bottom: -80px;
}

.single-therapy-content{
    padding: 100px 0;
}

.related-therapies{
    margin-top: 50px;
}

.related-therapies h2{
    color: #7B80B2;
    margin-bottom: 30px;
}

.graphic-14{
    background-image: url('img/graphic-14.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 169px;
    height: 136px;
    position: absolute;
    bottom: -45px;
    right: 15px;
}

@media (min-width: 768px){
    .single-therapy-header{
        height: 600px;
    }

    .single-therapy-header h1{
        font-size: 56px;
    }

    .hero-graphic-13{
        width: 215px;
        height: 215px;
        background-image: url('img/graphic-13.svg');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 2;
        bottom: -80px;
        left: 50%;
        margin-left: -730px;
    }

    .graphic-14{
        width: 300px;
        height: 241px;
        right: auto;
        left: 50%;
        margin-left: -800px;
    }
}


/* SERVICES */
.services-hero{
    background-color: #B5E0DE;
    padding: 50px 0 calc(5.78% + 100px);
    position: relative;
    color: #7B80B2;
}

.services-hero:after{
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 101%;
    padding-bottom: 5.78%;
    background-image: url('img/curve-11.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.service-list{
    position: relative;
    padding: 150px 0;
}

.faq-page .panel-group{
    text-align: left;
}

.faq-page .panel-group .panel+.panel{
    margin-top: 10px;
}

.faq-page .panel-group .panel{
    border: none;
    border-radius: 15px;
    box-shadow: none;
    margin-bottom: 20px;
}

.faq-page .panel-default>.panel-heading{
    background: transparent;
    padding: 0;
}

.faq-page .panel-title a{
    display: block;
    padding: 20px 45px 20px 30px;
    text-decoration: none!important;
    position: relative;
    color: #fff;
    border-radius: 15px;
    font-size: 22px;
}

.faq-page .panel:nth-child(5n + 1) .panel-title a{
    background-color: #7B80B2;
}

.faq-page .panel:nth-child(5n + 2) .panel-title a{
    background-color: #B5E0DE;
}

.faq-page .panel:nth-child(5n + 3) .panel-title a{
    background-color: #F090AB;
}

.faq-page .panel:nth-child(5n + 4) .panel-title a{
    background-color: #3BB7E7;
}

.faq-page .panel:nth-child(5n + 5) .panel-title a{
    background-color: #AED18E;
}

.faq-page .panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top: none;
    padding: 20px 30px;
}

.faq-page .faq-icon-open,
.faq-page .faq-icon-close{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.faq-page .faq-icon-open{
    color: #fff;
    display: none;
}

.faq-page .faq-icon-close{
    color: #fff;
}

.faq-page .collapsed .faq-icon-open{
    display: block;
}

.faq-page .collapsed .faq-icon-close{
    display: none;
}

@media screen and (min-width: 768px){
    .service-list{
        padding: 75px 0;
    }

    .faq-page .panel-title a{
        padding: 25px 60px 25px 60px;
        font-size: 26px;
    }

    .faq-page .faq-icon-open,
    .faq-page .faq-icon-close{
        right: 30px;   
    }

    .faq-page .panel-default>.panel-heading+.panel-collapse>.panel-body{
        padding: 25px 60px;
    }
}

@media screen and (min-width: 1200px){
    .faq-page:before{
        height: 30%;
    }

    .faq-page:after{
        height: 70%;
    }
}

@media screen and (min-width: 1900px){
    .faq-page:before{
        height: 10%;
    }

    .faq-page:after{
        height: 90%;
    }
}





/* TEAM */
.team-header{
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-header:after{
    background-image: url('img/curve-8.svg');
    padding-bottom: 6.72%;
}

.team-header h1{
    color: #fff;
    text-align: center;
    margin: 0;
}

.team-member{
    margin-bottom: 50px;
}

.team-member img{
    width: 300px;
}

.team-member h2{
    margin: 10px 0 0;
    color: #7B80B2;
}

.team-member h3{
    margin: 0 0 20px;
    color: #B5E0DE;
    font-size: 26px;
}

.team-page .graphic-14{
    display: none;
}

.team-page{
    padding-bottom: 100px;
}

.graphic-20{
    width: 250px;
    height: 140px;
    position: absolute;
    z-index: -1;
    bottom: -1px;
    right: 0;
    background-image: url('img/graphic-20.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
}

@media (min-width: 768px){
    .team-header h1{
        font-size: 56px;
    }

    .graphic-19{
        width: 215px;
        height: 215px;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 50%;
        margin-left: 450px;
        background-image: url('img/graphic-19.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .team-members .team-member:nth-child(even) .row-flex{
        flex-direction: row-reverse;
    }

    .team-page{
        padding-bottom: 170px;
    }

    .team-page .graphic-14{
        display: block;
        bottom: auto;
        top: 50%;
    }

    .graphic-20{
        width: 400px;
        height: 220px;
    }
}


/* BLOG - ARCHIVE */
.archive-header{
    background-color: #7B80B2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: calc(7.19% + 20px);
    text-align: center;
}

.archive-header:after{
    background-image: url('img/curve-10.svg');
    padding-bottom: 7.19%;
    z-index: 2;
}

.blog-search-form{
    max-width: 600px;
    margin: 50px auto 0;
    position: relative;
}

.blog-search-form .form-control{
    border: 1px solid #fff;
    background: transparent;
    height: 44px;
    padding: 10px 44px 10px 10px;
    box-shadow: none;
    color: #fff;
}

.btn-search{
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    width: 44px;
    border-radius: 0;
    background: transparent;
    color: #fff;
    transition: all 0.3s ease;
}

.btn-search:hover,
.btn-search:focus,
.btn-search:active{
    color: #B5E0DE;
    outline: none!important;
    box-shadow: none!important;
}

.post-listing-item{
    display: block;
    margin-bottom: 40px;
    text-decoration: none!important;
}

.post-listing-item-img{
    padding-bottom: 82.25%;
    position: relative;
    border-radius: 15px;
    margin-bottom: 5px;
    background-color: #B5E0DE;
    background-size: cover;
    background-position: center;
}

.post-listing-item:first-child .post-listing-item-img{
    padding-bottom: 65.42%;
}

.post-listing-item-img .post-category{
    position: absolute;
    top: 15px;
    left: 15px;
    pointer-events: none;
}

.post-listing-item .post-author strong,
.post-listing-item h2{
    color: #7B80B2;
}

.post-listing-item h2{
    margin: 0;
}

.navigation.pagination{
    width: 100%;
    text-align: center;
}

.navigation.pagination h2{
    display: none;
}

.navigation.pagination .page-numbers{
    display: inline-block;
    background: #7B80B2;
    padding: 6px;
    border-radius: 5px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    transition: all 0.3s ease;
}

.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers:focus,
.navigation.pagination .page-numbers:active{
    background: #B5E0DE;
    text-decoration: none;
}

.nothing-found{
    text-align: center;
}

@media (min-width: 768px){
    .archive-header h1{
        font-size: 56px;
    }

    .archive-header p{
        font-size: 26px;
    }

    .post-listing{
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .post-listing-item{
        width: 50%;
        padding: 0 15px;
    }

    .post-listing-item:first-child{
        width: 100%;
        margin-bottom: 70px;
    }

    .post-listing-item h2{
        font-size: 28px;
    }

    .post-listing-item:first-child h2{
        font-size: 42px;
    }
}


/* BLOG - SINGLE */
.post-header{
    background-color: #7B80B2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: calc(10.26% + 20px);
}

.post-header:not(.no-bg):before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.post-header:after{
    background-image: url('img/curve-9.svg');
    padding-bottom: 10.26%;
    z-index: 2;
}

.post-header h1{
    margin-top: 5px;
    margin-bottom: 5px;
}

.post-meta strong{
    font-weight: 500;
}

.single-post-navigation-buttons{
    display: flex;
    justify-content: space-around;
    margin-bottom: 50px;
}

.post-category{
    display: inline-block;
    background: #7B80B2;
    color: #fff;
    text-decoration: none;
    padding: 6px;
    line-height: 1;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s ease;
}

.post-header.no-bg .post-category{
    background: #B5E0DE;
}

.post-category:hover,
.post-category:focus,
.post-category:active{
    background: #B5E0DE;
    color: #fff;
    text-decoration: none;
    outline: none;
}

@media (min-width: 768px){
    .post-header{
        min-height: 600px;
    }

    .post-header:before{
        height: 50%;
    }

    .post-header h1{
        font-size: 56px;
    }
}


/* 404 */
.page-not-found{
    text-align: center;
    background: #B5E0DE;
}

.page-not-found h1{
    color: #fff;
    margin: 30px 0 50px;
}

.page-not-found h1 span{
    display: block;
    font-size: 100px;
}


/* FOOTER */
.footer-1{
    padding: 50px 0 25px;
    background: #7B80B2;
}

.footer-1 .logo{
    margin-bottom: 20px;
}

.footer-1 p{
    color: #B5E0DE;
}

.footer-1 ul{
    padding-left: 0;
}

.footer-1 ul li{
    list-style: none;
    margin-bottom: 5px;
}

.footer-1 ul li a{
    color: #fff;
    font-weight: 500;
}

.footer-col-3 ul li a{
    color: #B5E0DE;
}

.footer-1 .social-networks li a{
    color: #7B80B2;
}

.footer-1 .social-networks li a:hover,
.footer-1 .social-networks li a:focus,
.footer-1 .social-networks li a:active{
    color: #7B80B2;
    background: #B5E0DE;
}

.footer-widget{
    margin-bottom: 25px;
}

.footer-widget h3{
    font-size: 18px;
    margin-top: 0;
    color: #B5E0DE;
}

.footer-2{
    border-top: 1px solid #B5E0DE;
    background: #7B80B2;
    color: #fff;
    padding: 15px 0;
}

.footer-2 p{
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
}

.site-dev a{
    color: #fff!important;
    text-decoration: none!important;
}

.site-dev strong{
    font-size: 16px;
    font-weight: 500;
}

@media (min-width: 768px){
    .footer-2 p.copyright{
        text-align: left;
    }

    .footer-2 p.site-dev{
        text-align: right;
    }
}