/**
Projet name: La Rose Laser and Spa
Author : MTTenterprise
Author Website: www.mttenterprise.com
email: hello@mttenterprise.com
coded by: Mory Traore
Phone: 1(226)350-3158

**/
@import url('https://fonts.googleapis.com/css?family=Lato');

/* general */
h1,h2,h3{font-family: 'Poppins',sans-serif}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    font-weight: bold;
    height: auto;
}
/* end general*/

/* NAvigation and slider */
body {font-family: 'Lato', sans-serif !important;  position: relative;}
.mtt-btn-green-hover:hover{color: white !important}
.logo-name{border: 2px green solid; padding: 15px; border-radius: 10px;}
#top-bar-nav{ background: #2c3e508f !important; position: relative;}
nav{height: 80px; color: white !important ;    }
.navbar-brand{color: dimgrey !important; }
.logo{padding-right: 15px; color: white;font-family: 'Poppins'; }
.nav-link{color: white !important; padding: 15px !important; text-align: center;}
.nav-link:hover{border-bottom:5px solid #2ecc71 !important; color: white !important; transition: .30s linear !important; border-radius: 5px; padding: 6px; box-shadow: #bdc3c7 1px 2px 2px;}
.text-large{font-size: 20px; color: white;}

li.nav-pills.active {
    border-bottom:5px solid #2ecc71 !important; color: white !important; transition: .30s linear !important; border-radius: 5px; padding: 6px; box-shadow: #bdc3c7 1px 2px 2px;
}
/* // end NAvigation and slider */


/* Custom controls*/
.shadow{box-shadow: 1px 1px 1px #bdc3c7;}
.green{color: #2ecc71;}
.btn-green  {border: 2px solid #2ecc71; color: white !important; background: #16a085; font-weight: bold;text-transform: capitalize; border-radius: 20px;}
.btn-green:hover{border:1px solid #2ecc71 !important; background: transparent !important; transition: 0.50s linear;  color: #16a085; padding-bottom: 5px;}
.btn-white  {border: 2px solid #ecf0f1; color: #2ecc71 !important; background: #ecf0f1; font-weight: bold;text-transform: capitalize; border-radius: 20px; margin-right: 10px!important;}
.btn-white:hover{border-button:3px solid #2ecc71 !important; background: transparent !important; transition: 0.50s linear;  color: white !important;  padding-bottom: 5px; margin-right: 5px!important;}
.title-black-white{padding: 8px; border: 2px solid #ecf0f1; color: white !important; background: rgba(44, 62, 80, 0.56); font-weight: bold;text-transform: capitalize;}

/* end cotrols */



/* Services */
.ligne { width: 30px;
    height: 2px;
    background: green;
    display: block;
    font-weight: 800; }

/* end  Services */




/*  slider */
.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}


.tp-banner-container{
    width:100%;
    position:relative;
    padding:0;

}

.tp-banner{
    width:100%;
    position:relative;
}

.tp-banner-fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
}

/* end slider */

input[type="text"], input[type="email"], textarea{

    background: #ecf0f1;
    width: 100%;


}

.gmap iframe{width: 100%; height: 400px; pointer-events: none;}


/*################# ----- COURSES ------  #################*/

.bg-courses{
    background:linear-gradient(rgba(37, 34, 34, 0.2),rgba(37, 34, 34, 0.2)), url('../pic/courses/iStock_000063307007_XXLarge.jpg') 100% 100%;
   min-height: 50em;
    width: 100%; !important;
    text-align: center ;

    background-size: cover;
    background-position: center top;
   display: flex;
    justify-content: center;
    align-items: center;

}

.bg-laser{
    background:linear-gradient(rgba(37, 34, 34, 0.3),rgba(37, 34, 34, 0.3)), url('../pic/laser laser.jpg') 100% 100%;
    min-height: 50em;
    width: 100%; !important;
    background-size: cover;
    background-position: center top;
    display: flex;

    align-items: center;

}


.bg-laser2{
    background:linear-gradient(rgba(37, 34, 34, 0.3),rgba(37, 34, 34, 0.3)), url('../pic/courses/laser.jpg') 100% 100%;
    min-height: 50em;
    width: 100%; !important;
    background-size: cover;
    background-position: center top;
    display: flex;

    align-items: center;

}


.bg-eyelash{
    background:linear-gradient(rgba(37, 34, 34, 0.3),rgba(37, 34, 34, 0.3)), url('../pic/eyelashes.jpg') 100% 100%;
    min-height: 50em;
    width: 100%; !important;
    background-size: cover;
    background-position: center top;
    display: flex;

    align-items: center;

}





.bg-transpa{
    background: rgba(189, 195, 199,0.4)
}

.ligne {
    width: 80px;
    height: 2px;
    background: #16a085;
    display: block;
    font-weight: 800;
    margin-bottom: 20px;
}


#actions{
    position:fixed;
    top: 73px;
    left: 30px;
    z-index: 99999;
}
#actions a{
    background: rgba(0,0,0,0.8);
    padding: 7px;
    margin: 2px;
    color: #ccc;
    display: inline-block;
}
#actions a:hover{
    color: #fff;
    background: #81A140;
}


/*################# ----- / ENDCOURSES ------  #################*/