/***** SERVICES *****/



.services {

    margin: 90px auto 90px auto;

}



.services > h2 {

    font-size: 42px;

    font-weight: 600;

    text-align: center;

    background-color: #fff;

    color:  #001F5D;

    padding: 0;

    margin: 0;

}



.services p {

    text-align: center;

}



.service-flex {

    margin: 90px auto 0 auto;

    width: 800px;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.service-item {

    width: 398px;

    background-color: #001F5D;

    text-align: center;

    height: 250px;

    -webkit-transition: ease-out 0.2s;

    transition: ease-out 0.2s;

}



.service-item:hover {

    background-color: #0142BA;

    -webkit-transition: ease-in 0.2s;

    transition: ease-in 0.2s;

}



.service-item:first-child {

    border-right: 2px solid #fff;

}



.service-item img:first-child {

    height: 80px;

    margin: 15px 0 0 0;

}



.service-item h3 {

    color: #fff;

    font-weight: 600;

    font-size: 34px;

    border-bottom: none;

    margin: 0;

}



.service-item span {

    color: #fff;

    font-size: 22px;

    display: block;

}



.service-item img:nth-child(3),.service-item img:nth-child(5) {

    height: 30px;

    position: relative;

    top: 14px;

}



.service-item:nth-child(2) img:nth-child(3) {

    margin-top: 32px;

}



.service-item2 {

    height: 200px;

    width: 100%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.service-item2 a {

    height: 200px;

    width: 100%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.service-item2 img:first-child {

    height: 80px;

    margin-right: 10px;

}



.service-item2 {

    font-weight: 600;

    font-size: 34px;

    margin: 0;

    line-height: 15px;

}



.service-item2:after {

    content: ' ';

    position: absolute;

    display: inline-block;

    height: 3px;

    width: 0;

    background-color: #001F5D;

    margin: 20px 0 0 15px;

}



.service-item2:hover:after {

    width: 245px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}





.service-item2 img:nth-child(3) {

    height: 30px;

    margin-left: 60px;

}



.service-bubble {

    position: relative;

    margin: 170px auto -255px auto;

    background-color: #fff;

    width: 85px;

    height: 85px;

    border-radius: 85px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    z-index: 100;

}



.service-bubble p {

    font-size: 11px;

    padding-top: 16px;

    line-height: 13px;

}

.doctor-button {

    width: 315px;

    height: 60px;

    background-color: #001F5D;

    color: #fff;

    text-align: right;

    display: inline-block;

    padding-right: 20px;

    line-height: 57px;

    font-size: 24px;

    font-weight: 600;

    -webkit-transition: ease-out 0.2s;

    transition: ease-out 0.2s;

	

}

.doctor-button.center {text-align: center; padding-right: 0;}

.doctor-button:hover {

    background-color: #0142BA; 

    -webkit-transition: ease-in 0.2s; 

    transition: ease-in 0.2s;

    

}

.others-btn-contact{margin-left:30px;}

.others-btn-perio{margin-right:25px;}



@media screen and (max-width: 768px) {



    /***** SERVICES *****/



    .services {

        margin: 12vw auto 30vw auto;

    }



    .services.wrap {

        width: 100vw;

        padding-left: 0;

    }

    

    .services > h2 {

        width: 100vw;

    }

    



    .services p {

        text-align: center;

    }



    .service-flex {

        margin-top: 12vw;

        width: 100vw;

        height: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }



    .service-item {

        width: 49.8vw;

        background-color: #001F5D;

        text-align: center;

        height: 80vw;

        -webkit-transition: ease-out 0.2s;

        transition: ease-out 0.2s;

    }



    .service-item:hover {

        background-color: #0142BA;

        -webkit-transition: ease-in 0.2s;

        transition: ease-in 0.2s;

    }



    .service-item:first-child {

        border-right: 0.27vw solid #fff;

    }



    .service-item img:first-child {

        height: 17.33vw;

        margin: 8vw 0 5.33vw 0;

    }



    .service-item h3 {

        color: #fff;

        font-weight: 600;

        font-size: 6.93vw;

    }

    

    .service-item:nth-child(2) h3 {

        margin-top: 1.33vw;

        line-height: 8vw;

    }



    .service-item span {

        color: #fff;

        font-size: 4.8vw;

    }

    

    .service-item img:nth-child(3), .service-item img:nth-child(5) {

        height: 6.67vw;

        position: relative;

        top: 1.87vw;

    }



    .service-item:nth-child(2) img:nth-child(3) {

        margin-top: 7.93vw;

    }

    

    .service-item:nth-child(1) img:nth-child(3) {

        margin-top: 7.67vw;

    }

    

    .service-item:nth-child(2) img:nth-child(4) {

        height: 6.67vw;

        position: relative;

        top: 6.67vw;

    }



    .service-item2 {

        height: 26.67vw;

        width: 100%;

        text-align: center;

        display: inline-block;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }



    .service-item2 img:first-child {

        height: 17.33vw;

        margin: 4vw 0;

    }



    .service-item2 {

        font-weight: 600;

        font-size: 6.93vw;

        margin: 0 5.33vw 0 7.33vw;

        -webkit-transition: ease-out 0.3s;

        transition: ease-out 0.3s;

        display: inline-block;

    }



    .service-item2:after {

        content: ' ';

        position: absolute;

        display: block;

        height: 0.4vw;

        width: 0;

        background-color: #001F5D;

        margin: 2.67vw 0 0 11.5vw;

    }



    .service-item2:hover:after {

        width: 49.5vw;

        -webkit-transition: 0.3s;

        transition: 0.3s;

    }

    

    .service-item2 img:nth-child(3) {

        height: 6.67vw;

        position: relative;

        margin: 0 0 -0.93vw 10vw;

    }

    

    .service-bubble {

        position: relative;

        margin: 18.67vw auto -40vw auto;

        background-color: #fff;

        width: 22.67vw;

        height: 22.67vw;

        border-radius: 22.67vw;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }



    .service-bubble p {

        font-size: 2.93vw;

        padding-top: 5vw;

        line-height: 3.2vw;

    }



    /***** WAVY BACKGROUND *****/



    .wavy-background > img:first-child {

        width: 100%;

        height: 273.33vw;

        position: absolute;

        z-index: -1;



        /*background-image: url(/images/wavy-bg.jpg);

        background-repeat: no-repeat;

        background-size: cover;*/

    }

    

    .wavy-background {

        background-color: #EFEFEF;

    }

.doctor-button {

        width: 89.33vw;

        height: 16vw;

        background-color: #001F5D;

        color: #fff;

        text-align: right;

        display: inline-block;

        padding-right: 2.67vw;

        line-height: 15.33vw;

        font-size: 6.13vw;

        font-weight: 600;

        -webkit-transition: ease-out 0.2s;

        transition: ease-out 0.2s;

        margin-bottom: 1vw;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }

.doctor-button:hover {

        background-color: #0142BA; 

        -webkit-transition: ease-in 0.2s; 

        transition: ease-in 0.2s;

    }

.others-btn-contact{margin-left:0;}

.others-btn-perio{margin-right:0;}

    

}