/*============================== css variable list Esteticamarilena =======================================*/
:root {
    /* color blue */
    --color-em-blue: #286090;
    /* color blue2 */
    --color-em-blue2: #4b91ce;     /*#4b91ce*/    
    /* color blue3 */
    --color-em-blue3: #264d73;         
    /* color orange */
    --color-em-orange: #ffa833 ;  /*#ffa833*/   
    /* color green */
    --color-em-green: #77b300;
    /* color celeste */
    --color-em-celeste: #ccefff;           
    /* color celeste2 */
    --color-em-celeste2: #80d7ff; 
    /* color celeste3 */
    --color-em-celeste3: #dae6f1; 
    /* color rosso */
    --color-em-rosso: #a83232; 
	/* font family cursive */
    --font-cursive: 'Akaya Telivigala', cursive;

}


/*============================== color list =======================================*/
.color-gradient {
    color: rgb(211,16,39) ;
    background: -webkit-linear-gradient( 0deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgb(213,43,255) 100%);
    /*background: -ms-linear-gradient( 0deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgb(213,43,255) 100%);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*============================== color list Esteticamarilena =======================================*/
.color-em-blue {
    color: var(--color-em-blue) !important;
}
.color-em-blue2 {
    color: var(--color-em-blue2) !important;
}
.color-em-blue {
    color: var(--color-em-blue3) !important;
}
.color-em-orange {
    color: var(--color-em-orange ) !important;
}
.color-em-green {
    color: var(--color-em-green ) !important;
}
.color-em-celeste {
    color: var(--color-em-celeste ) !important;
}
.color-em-celeste2 {
    color: var(--color-em-celeste2 ) !important;
}
.color-em-celeste3 {
    color: var(--color-em-celeste3 ) !important;
}

/*============================== background color list Esteticamarilena =======================================*/
.bg-em-orange {
    background-color: var(--color-em-orange) !important;
}
.bg-em-blue {
    background-color: var(--color-em-blue );/*#286090 !important;*/
}
.bg-em-green {
    background-color: var(--color-em-green );
}
.bg-em-blue2 {
    background-color: var(--color-em-blue2 );
}
.bg-em-blue3 {
    background-color: var(--color-em-blue3 );
}
.bg-em-rosso {
    background-color: var(--color-em-rosso );
}
.xs-btn span {
    background-color: var(--color-em-blue2) !important;
}
/*============================== preloader Esteticamarilena =======================================*/
.preloader-window {
    position: absolute;
    background-color: var(--color-em-blue);
    height: 100%;
    top: 0;
    -webkit-transition: all 1.8s ease;
    transition: all 1.8s ease;
}


@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@-webkit-keyframes pulse-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@keyframes pulse-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
.spinner-eff.spinner-eff-3 .circle {
    border-radius: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.spinner-eff.spinner-eff-3 .circle-1 {
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-animation: pulse 1.6s linear 0s infinite;
    animation: pulse 1.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-3 .circle-2 {
    width: 66.6%;
    height: 66.6%;
    top: 16.5%;
    -webkit-animation: pulse-2 1.6s linear 0s infinite;
    animation: pulse-2 1.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-3 .circle-3 {
    width: 33.3%;
    height: 33.3%;
    top: 33.3%;
}
.spinner-eff.spinner-eff-3 .circle-1 {
    background-color: var(--color-white);
}

.spinner-eff.spinner-eff-3 .circle-2 {
    background-color: var(--color-em-blue2);
}
.spinner-eff.spinner-eff-3 .circle-3 {
    background-color: var(--color-em-orange);
}


/*============================== slider Esteticamarilena =======================================*/
.next-prev-btn.small-btn {
    height: 50px;
    width: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background-color: var(--color-em-orange);
    box-shadow: var(--hover-shadow);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    color: var(--color-white) !important;
    font-size: 1.429em;
}
.beautypress-welcome-slider .owl-nav i {
    font-size: 3em;
    color: var(--color-em-orange );
    transition: all .4s ease;
}
.beautypress-welcome-slider .owl-nav i:hover {
    color: var(--color-white);
}
/*============================== heading Esteticamarilena =======================================*/
.beautypress-section-headinig h2 {
    margin: 0 0 12px;
    color: var(--color-em-blue2);
    font-family: var(--font-cursive);
    font-size: 2.143em;
}
.beautypress-inner-welocme-section .beautypress-black-overlay {
    background-color: rgba(0,0,0,.1);
}
/*============================== header Esteticamarilena =======================================*/

.beautypress-new-header {
    background-color: var(--color-em-blue);/*var(--color-em-orange);*/
    position: relative;
}
/* toggle menu su risoluzioni basse*/
.nav-toggle:before{
    background-color:var(--color-white );
    box-shadow :0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
}
/*============================== header navbar Esteticamarilena =======================================*/
.mega-menu-overlay-img {
    background-image: url(../images/mega_menu_bg_blu.png);
}
.beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .megamenu-list>li.megamenu-list-title>a {
    color: var(--color-em-blue3);
    font-weight:  bolder;
    text-transform:  uppercase;
    text-decoration:  underline overline double var(--color-em-blue3);
}
.beautypress-new-header .xs_nav_2 .nav-menu > li > a {
    height: auto;
    color: var(--color-em-blue3);
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
}
.nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron, .nav-menu>li:hover>a .submenu-indicator-chevron {
    border-color: transparent var(--color-em-blue3) var(--color-em-blue3) transparent;
}
.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent var(--color-em-blue3) var(--color-em-blue3) transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .3s;
    transition: border .3s;
}
/* xs*/
.xs_nav-portrait .nav-menus-wrapper {
    background-color: var(--color-em-orange);
}

.xs_nav_2 .nav-submenu {
    background-color: #ffcc66;/* var(--yellow);*/
    background: linear-gradient(var(--color-em-orange), #ffd399);
}
/*ul.nav-dropdown>li*/
ul.nav-dropdown>li{
    background-color: #ffcc66; /*var(--yellow);*/
    background: linear-gradient(var(--color-em-orange), #ffd399);
}

/*.nav>li>a*/
.beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .nav-dropdown>li>a,
.beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .megamenu-list>li>a {
    color: var(--color-em-blue3);
}
.beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .nav-dropdown>li>a:hover,
.beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .megamenu-list>li>a:hover {
    color: var(--color-em-celeste3);
    background-color: var(--color-em-blue3);
    font-weight:  bold;
}
@media (min-width: 992px) {
    .beautypress-new-header .xs_nav_2 .nav-menu > li > a {
        color: var(--white);
    }
    .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron, .nav-menu>li:hover>a .submenu-indicator-chevron {
        border-color: transparent var(--white) var(--white) transparent;
    }
    .submenu-indicator-chevron {
        border-color: transparent var(--white) var(--white) transparent;
    }
}
/*.nav-dropdown>li>a
ul.nav-submenu>li>a{
    color:  var(--yellow);
}*/
/*============================== header top-bar Esteticamarilena =======================================*/
.beautypress-header-top {
    text-align: right;
    color: var(--color-em-blue3);
    /*font-weight: bold;*/
}

.beautypress-header-social-list ul li a {
    color: var(--color-em-blue3);
}
.beautypress-header-social-list ul li a:link {
    color: var(--color-em-blue3) !important;
}
/*============================== gallery voci menu Esteticamarilena =======================================*/
.beautypress-portfolio-nav ul li a:hover, .beautypress-portfolio-nav ul li a.selected {
    color: var(--color-em-blue2);
}
.beautypress-photo-gallery-section.beautypress-version-2 .beautypress-portfolio-nav ul li a:hover, .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-portfolio-nav ul li a.selected {
    color: var(--color-em-blue2);
}

.beautypress-photo-gallery-section.beautypress-version-2 .beautypress-portfolio-nav ul li a::before, .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-gallery-overlay{
    background-color: var(--color-em-orange );
}


/*============================== contatti Esteticamarilena =======================================*/
textarea#messaggio.form-control {
    /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    /*font-size: 16px;*/

    background-color: whitesmoke !important;
    height: auto;
}

#beautypress_maps {
    height: 570px;
    width: 100%;
}
.beautypress-version-2#beautypress_maps_2 {
    height: 300px;
    width: 100%;
}
/*============================== footer Esteticamarilena =======================================*/

.beautypress-footer-section {
    position: relative;
    /*padding: 133px 0 0 0;*/
    background-size: cover;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 829.4" preserveAspectRatio="none"><path fill= "rgb(40, 96, 144)" fill-opacity= "0.7" fill-rule= "evenodd" d="M0,10266s198.4,114,387,5,497.966-214.4,774-170,689.47,140,759,169v650H0v-654Z" transform="translate(0 -10090.6)"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding: 0; 
    padding-top: calc(100% * 1 / 10);
}
.beautypress-footer-section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 829.4" preserveAspectRatio="none"><path fill= "rgb(40, 96, 144)" fill-opacity= "0.7" fill-rule= "evenodd" d="M0,10095s570.853,396,1495,58c0,0,271.65-105.1,425-92v863H0v-829Z" transform="translate(0 -10059.8)"/></svg>');	
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*============================== form Esteticamarilena =======================================*/
.em-contatti-wrapper {
    background-color: var(--color-white);
    box-shadow: var(--hover-shadow);
    position: relative;
    z-index: 99;
    padding: 0 40px 0 40px;
    margin: 0 0 50px;
}
.em-contatti-wrapper .em-contatti-form {
    height: auto;
    position: relative;
    padding: 55px 0;
}
.em-contatti-wrapper .em-contatti-form:before {
    position: absolute;
    content: "";
    top: 0;
    left: 30px;
    height: 100%;
    width: 100%;
    background-image: url(../img/massage-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    pointer-events: none;
}
.em-contatti-form h2 {
    margin: 0 0 60px;
    color: var(--color-semi-black);
    font-size: 2.857em;
    text-align: center;
}


@media (max-width: 767px) {
    .em-contatti-wrapper .em-contatti-form {
        padding: 27px 10px;
    }
    .em-contatti-wrapper {
        padding: 0;
    }      
}
@media (max-width: 991px) {
    .em-contatti-wrapper .em-contatti-form {
        padding: 27px 10px;
    }
    .em-contatti-wrapper {
        padding: 0;
    }    
}

@media (min-width: 992px) and (max-width: 1199px) {

}
.form-control:focus {
    border-color: #9900cc; /*#80bdff; */
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--color-em-blue3);/*#9900cc;*//*#80bdff;*/
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba (218, 230, 241, .25);/*(153, 0, 204,.25);*//*rgba(0,123,255,.25);*/
}
/*============================== staff Esteticamarilena =======================================*/

.beautypress-chocolate-overlay {
    position: relative;
    height: auto;
    width: 100%;
}
.beautypress-orange-overlay:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.beautypress-orange-overlay:before{
    background-image: -webkit-linear-gradient( 145deg, rgb(77,182,172) 0%, rgb(17, 68, 130) 0%, rgb(57, 136, 233) 18%, rgba(140, 186, 241,0.5) 34%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient( 145deg, rgb(77,182,172) 0%, rgb(17, 68, 130) 0%, rgb(57, 136, 233) 18%, rgba(140, 186, 241,0.5) 34%, rgba(255,255,255,0) 100%);
    box-shadow: 0px 4px 8px 0px rgba(141, 141, 141, 0.157);
}
.beautypress-orange-overlay:before{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,bababa+100&0+62,0.65+100 */
    background: -moz-linear-gradient( 180deg,  rgba(229,229,229,0) 0%, rgba(202,202,202,0) 62%, rgba(186,186,186,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient( 180deg,  rgba(229,229,229,0) 0%,rgba(202,202,202,0) 62%,rgba(186,186,186,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient( 180deg,  rgba(229,229,229,0) 0%,rgba(202,202,202,0) 62%,rgba(186,186,186,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#a6bababa',GradientType=0 ); /* IE6-9 */

}

.beautypress-single-team-v3.beautypress-orange-overlay:before {
    z-index: 3;
}
.beautypress-single-team-img-v3.beautypress-orange-overlay:before {
    z-index: 4;
}
.beautypress-team-group-v3 .beautypress-team-col-v3 .hover .beautypress-single-team-img-v3.beautypress-orange-overlay:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 100%;
    visibility: hidden;
}
/*============================== trattamenti Esteticamarilena =======================================*/



#tab-trattamento div.tab-pane{
    padding: 1.4em;
}

.em-container-shadow{
    box-shadow: var(--primary-shadow);
    background-color: var(--color-white);
    padding: 1.5em;
}
.em-overlay-img {
    background-image: url(../img/mega_menu_bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-background-size: cover;
    background-size: contain;
    border-radius: 0 0 5px 0;
}

span.em-prezzo-listino {
    margin : .5em !important;
    position: absolute !important; 
    right: 0 !important; 
    top:0 !important;
}

#card-trattamenti.row {
    display: flex;
    flex-wrap: wrap;
}

#card-trattamenti.row > div[class*='col-'] {
    display: flex;
}

/*// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

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


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .card-columns {
        column-count: 1;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .card-columns {
        column-count: 2;
    }
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .card-columns {
        column-count: 3;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    .card-columns {
        column-count: 4;
    }
}

/*============================== MIEI MEDIAQUERY =======================================*/
/* Portrait tablets and medium desktops */


@media (min-width: 992px) and (max-width: 1199px) {

}
/* Portrait tablets and small desktops */

@media (max-width: 991px) {

}

/* Landscape phones and portrait tablets */

@media (max-width: 767px) {
    .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-welcome-container h2 {
	/*font-family: inherit;*/
	/*font-weight: 200;*/
	/*font-size: 5.000em;*/
	font-size: 1.714em;
	/*letter-spacing: -2px;*/
	margin: 00px 0 1px;
    }
    .beautypress-welcome-container h3 {
        font-size: 2.400em;
    } 
    .preloader-content h2{
        font-size: 2.000em;
    }
    .nav-em-info{
        font-size: 0.800em;
    }
}

@media (max-width: 480px) {

}
@media (max-width: 320px) {

}

/*==============================  =======================================*/

/*============================== trattamenti Esteticamarilena =======================================*/
/*#voce-listino.owl-carousel .owl-item active img{
    max-width: 740px !important;
    max-height: 520px !important;
}*/
.voce-listino-image>img {
    max-width: 740px !important;
    max-height: 520px !important;
}
.voce-listino-thumb>img {
    max-width: 233px !important;
    max-height: 150px !important;
}
/*============================== marchi Esteticamarilena =======================================*/

#marchi-carousel .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#marchi-carousel .owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}

#marchi-carousel .owl-item img{
    max-height: 200px;
}

/*============================== contatti Esteticamarilena =======================================*/

.beautypress-separetor-sub-heading.beautypress-version-2:before {
    background-color: var(--color-em-celeste);/*rgb(87, 9, 135);*/
    width: 200px;
    height: 1px;
}

/*============================== stili Esteticamarilena =======================================*/

/*listino prezzi Categoria*/
.categoria-listino{
    padding-left: 50px;  background-repeat:no-repeat; background-size: cover; background-position:left; background-size: 50px 50px;  
}



.box-shadow-em{
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
}


ul.em-ul-scrollable{
    /*max-height: 300px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;*/
    cursor:  pointer;
    font-size: .8em;

}

div.em-promo{
    margin: 0em 0em 0em 0em;
    /*padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;*/
}

div.em-promo div.em-promo-card{
    margin: 0.5em 0em 0.5em 0em;
    /*padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;*/
}

div.em-promo-link{
    padding: 0.5em 1em 0 1em;
}
div.em-promo div.em-promo-link ul{

}

i.em-icon{
    padding: 0;
    width: 35px;
    height: 35px;
    border: 2px solid #DEDEDE;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    margin: 0 12px 0 0;
}

.top200{
    padding-top: 202px;
}