@font-face {
    font-family: 'Petrov Sans';
    src: url('../fonts/PetrovSans-Regular.woff2') format('woff2'),
        url('../fonts/PetrovSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Petrov Sans';
    src: url('../fonts/PetrovSans-Bold.woff2') format('woff2'),
        url('../fonts/PetrovSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Petrov Sans';
    src: url('../fonts/PetrovSans-SemiBold.woff2') format('woff2'),
        url('../fonts/PetrovSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Petrov Sans';
    src: url('../fonts/PetrovSans-Light.woff2') format('woff2'),
        url('../fonts/PetrovSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



:root {
--color1: #494949;
--color2: #fef9e9;
--color3: #FEDA84;
}



body {
    background-color: #fff;
    color: var(--color1);
    cursor: default;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Petrov Sans';
    opacity: 1;
    font-weight: 400;
    overflow-y: scroll;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

figure{
    margin-left: 0px;
    margin-right: 0px;
}

body {
    opacity: 1;
    transition: 0.4s opacity;
}
body.fade-out {
    opacity: 0;
   transition: 0.4s opacity;
}


.cart_open{
left:-300px;
}


button:focus,
div:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
}

button:focus,
div:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
}
input:focus,
select:focus,
textarea:focus {
    outline: 0;
    border: solid 1px #af9a88;
}
button {

}
a {
color: var(--text-par);
text-decoration: none;
cursor:pointer;
}
a:hover {
text-decoration: none;
cursor:pointer;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
font-family: 'Petrov Sans';

}
#ajax-content {
    width: 100%;
    float: left;
}
.page_ini{
opacity:0!important;
transition: 0s all!important;
margin-top: 30px!important;
}

.container {
    position: relative;
    margin: 0 auto;
    max-width: 1320px;
    height: auto;
}

.container_min {
    position: relative;
    margin: 0 auto;
    max-width: 800px;
    height: auto;
}


.home_header{
    width: 100%;
    float: left;
    height: 800px;
    position: relative;
}

.home_header figure{
    width: 100%;
    float: left;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    transform: scale(1);
    transition: all 4.5s cubic-bezier(.19,1,.22,1);
}

.home_header_container video{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 0;
        transition: all 1.5s cubic-bezier(.19,1,.22,1);
}
.animation_ini .home_header_container video{
 
}

.animation_trans .home_header_container video{
    opacity:0!important; 
}


#risposta {
    width: 100%;
    position: fixed;
    height: auto;
    bottom: 0px;
    left: 0px;
    z-index: 99999999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
    display: none;
    background-color: var(--color3)!important;
}
#risposta b{
color:var(--color1);
line-height:19px;
text-align:left;
margin-bottom:1px;
margin-top:0px;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
#risposta p{
color:var(--color1);
line-height:19px;
text-align:left;
margin-bottom:0px;
margin-top:0px;
font-size: 13px;
}

.top_cart_c_it img {
    width: 66px;
    float: left;
}

.top_cart_c_it_t {
    width: calc(100% - 66px);
    float: left;
    padding-left: 0px;
}

.top_cart_c_it_t h3 {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    color: var(--color1);
    padding-right: 5px;
}



.top_cart_c_it_t .bprice {
    font-size: 13px;
    float: left;
    line-height: 20px;
    color: var(--color1);
    font-weight: 400;
}

.top_cart_c_it_t form b:first-child {
    border-right: none;
    background-image: url(../images/minus.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px auto;
}
.lg-sub-html, .lg-toolbar, .nwl_info, .nwl_warning, .top_cart_c_it_t form b:active {
    background-color: #eee;
}

.top_cart_c_it_t form b:nth-child(3) {
    border-left: none;
    background-image: url(../images/plus.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px auto;
}




.home_header_it {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden;
}



.home_header_it figure:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .20);
    z-index: 1;
    transition: 0.3s all;
}

.home_header_it_t {
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 2;
    opacity:1;
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
    transition-delay: 0.4s!important;
}
.animation_ini .home_header_it_t {
    opacity:0;    
}
.home_bio_c2{
    width: 70%;
    float: left;
    padding-left: 0px;
}
.home_bio_c2 figure {
    width: 100%;
    float: left;
    text-align: center;
}
.home_bio_c2 img {
    width: calc(100% + 0px);
    float: left;
    margin-left: 0px;
}
.home_header_it .erel {
    color: #fff;
}
.home_header_it .erel b:after {
    background-color: #fff;
}
.pvert{
    padding-top: 90px;
    padding-bottom: 90px;
}

.home_about{
width: 100%;
float: left;
background-color: #fff;
}

.home_appr figure {
    width: 70%;
    float: left;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}
.home_appr figure img{
width: 100%;
float: left;
}

.home_appr_t {
    width: 100%;
    position: absolute;
    bottom: -120px;
    left: 0;
    z-index: 2;
    padding: 50px;
    transition: 0.3s all;
}
.home_apprx figure:hover .home_appr_t {
 bottom: -0px;   
}
.home_apprx figure:hover .home_appr_t p{
opacity:1;   
}
.footerlogo {
    width: 239px;
    height: 107px;
    background-image: url(../images/logo_white_complete.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    transition: 0.1s all;
    margin-bottom: 20px !important;
    margin-bottom: 15px;
}
.footerc1 {
    width: 25%;
    float: left;
}

.footerc2{
width: 25%;
float: left;
padding-left: 50px;
}

.footerc3{
width: 25%;
float: left;
padding-left: 50px;
}
.footerc4{
width: 25%;
float: left;
padding-left: 50px;
}

.footerc1 strong, .footerc2 strong, .footerc3 strong, .footerc4 strong {
    width: 100%;
    float: left;
    color: #ffffff;
    /* text-transform: uppercase; */
    font-weight: 600;
    letter-spacing: 1px;
    font-family: Grenze, serif;
    font-size: 23px;
}
.footerc1 p, .footerc2 p, .footerc3 p {
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 13px;
}
.home_bio{
width: 100%;
float: left;
background-color: #fff;
}

.awards {
    width: 100% !important;
    float: left !important;
    height: 86px;
    margin-top: 0px;
    background-image: url(../images/loghi.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
    border-bottom: none !important;
}

.loghi_foot{
width:100%;
float: left;
text-align: left;
color:#fff;
}

.loghi_foot p {
    width: 100%;
    float: left;
    text-align: left;
    color: #fff;
    font-size: 11px;
    opacity: 0.7;
    margin-bottom: 30px;
    line-height: 19px;
}

.erel {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    color: var(--color1);
    font-size: 16px;
}
footer {
    width: 100%;
    float: left;
    background-color: var(--color1);
    padding-top: 60px;
    padding-bottom: 0px;
}

.footerc2 strong, .footerc3 strong, .footerc4 strong {
    margin-bottom: 10px;
}



.home_bio_c1{
width: 30%;
float: left;
}

.footerfoot{
width: 100%;
float: left;
background-color: var(--color1);
padding-top: 20px;
padding-bottom: 20px;
}

.pageparallax{
width: 100%;
float: left;
height: 100%;
}
    

.navigation_top {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    transition: 0.2s all;
    padding-left: 60px;
    padding-right: 60px;
    background-color: rgba(255,255,255,0);
transition: all 1s cubic-bezier(.19,1,.22,1);
}
.header_fix .navigation_top {
background-color: rgba(255,255,255,1);

}


.navigation_top_ini{
top: -120px!important;
transition: all 0.6s cubic-bezier(.19,1,.22,1);
}


.tparrows1big {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
        z-index: 2;
    cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1271.6 500.75'><g id='Livello_2' data-name='Livello 2'><g id='Livello_1-2' data-name='Livello 1'><g id='Livello_2-2' data-name='Livello 2'><g id='Livello_1-2-2' data-name='Livello 1-2'><path d='M9.9,226.37,226.2,10a34,34,0,0,1,48.1,48.09h0L116,216.37H1237.6a34,34,0,0,1,0,68H116L274.3,442.68a34,34,0,1,1-48.1,48.1L9.9,274.48A34.17,34.17,0,0,1,9.9,226.37Z' style='fill:%23fff'/></g></g></g></g></svg>") 48 48, pointer;
}


.tparrows2big {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
        z-index: 2;
    cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1271.6 500.75'><g id='Livello_2' data-name='Livello 2'><g id='Livello_1-2' data-name='Livello 1'><g id='Livello_2-2' data-name='Livello 2'><g id='Livello_1-2-2' data-name='Livello 1-2'><path d='M1261.7,274.38l-216.3,216.4a34,34,0,1,1-48.1-48.1h0l158.3-158.3H34a34,34,0,0,1,0-68H1155.6L997.3,58.07A34,34,0,0,1,1045.4,10l216.3,216.31A34.16,34.16,0,0,1,1261.7,274.38Z' style='fill:%23fff'/></g></g></g></g></svg>") 48 48, pointer;

}


.header_fix .mylogo {
background-image: url(../images/logob.svg);
}
.header_fix .menu_mobile span {
background-color: var(--color1)!important;
transition-delay: 0s!important;
}

.footerc2 a,.footerc4 a {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 13px;
}

.portfolio_slider{
    width: 100%;
    float: left;
    margin-top: 15px;
}
.portfolio_slider img{
    height: auto;
            -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
        -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}

.portfolio_box_zoom {
    position: fixed !important;
    width: 100%!important;
    height: 100%;
    z-index: 9999999999999999;
}

.portfolio_slider a:hover imgx{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
}
.portfolio_box {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    overflow: hidden;
}


.footerc3 a{
    width: auto;
    float: left;
    color: var(--color1);
    font-size: 15px;
    border-bottom: solid 1px var(--color1);
    margin-right: 25px;
}

.footerfoot a{
    width: auto;
    float: left;
    color: #fff;
    font-size: 13px;
    border-bottom: solid 1px #fff;
    margin-right: 25px;
}

.footerfootdx{
    width: auto;
    float: right;
}


.footerfootdx p{
    width: auto;
    float: left;
    color: #fff;
    font-size: 13px;
    margin-right: 40px;
}

.mylogo {
    width: 160px;
    height: 84px;
    background-image: url(../images/logo.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    opacity:1;
}

.header_fix .mylogo{
  opacity:1;
}



  .menu_mobile {
        width: 40px;
        height: 40px;
        position: fixed;
        z-index: 99999;
        border: none;
        right: 56px;
        top: 22px;
        cursor: pointer;
        background: none;
    }
    
    .menu_mobile span:nth-child(1) {
        width: 29px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        left: 5px;
        top: 9px;
        transition: 0.3s all;
        transition-delay: 0.3s;
    }
    
    .menu_mobile span:nth-child(2) {
        width: 29px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        left: 5px;
        top: 19px;
        transition: 0.3s all;
        transition-delay: 0.4s;
    }
    
        .menu_mobile span:nth-child(3) {
        width: 29px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        left: 5px;
        top: 29px;
        transition: 0.3s all;
        transition-delay: 0.5s;
    }

    .animation_ini  .menu_mobile span{ 
    width: 0px;
    }
    
    
    .navigation_open .menu_mobile  span:nth-child(1) {
    background-color: var(--color1)!important;
    -webkit-transform: translateY(6px) rotate(45deg)!important;
    transform: translateY(6px) rotate(45deg)!important;
    transition-delay: 0s!important;
    }
    
    .navigation_open .menu_mobile  span:nth-child(2) {
    background-color: var(--color1)!important;
    -webkit-transform: translateY(-4px) rotate(-45deg)!important;
    transform: translateY(-4px) rotate(-45deg)!important;
        transition-delay: 0s!important;
    }

    .navigation_open .menu_mobile  span:nth-child(3) {
    opacity:0;
        transition-delay: 0s!important;
        transition: 0s all!important;
    }


.home_appr {
width: 100%;
float: left;
}


.erel b {

text-transform: uppercase;
margin-left: 103px;
position: relative;
}
.erel i{

}


.erel b:after {

    content: "";
    position: absolute;
    width: 80px;
    height: 1px;
    top: 15px;
    left: -91px;
    background-color: var(--color1);
    margin-top: -5px;
}

.home_about h4 {
    width: 100%;
    float: left;
    padding-left: 20%;
}

.home_about h4 b {
    width: 100%;
    float: left;
    font-size: 83px;
    font-weight: 700;
    
    color: #eee;
    line-height: 83px;
    position: relative;
}

.home_about h4 b em {
    font-size: 83px;
    font-weight: 700;
    
    color: var(--color1);
    font-style: normal;
    position: absolute;
    left: 0;
    overflow: hidden;
    max-width: 0px;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) .8s;
white-space: nowrap;
opacity:0;
background-color: #fff;
}


.home_about_show h4 b:nth-child(1) em {
    max-width:555px!important;
    opacity:1!important;
}
.home_about_show h4 b:nth-child(2) em {
    max-width: 270px!important;
        opacity:1!important;
}
.home_about_show h4 b:nth-child(3) em {
    max-width: 580px!important;
        opacity:1!important;
}
.home_about_show h4 b:nth-child(4) em {
    max-width:200px  !important;
        opacity:1!important;
}

.home_about h4 b:nth-child(1) em {transition-delay: 0s;}
.home_about h4 b:nth-child(2) em {transition-delay: 0.3s;}
.home_about h4 b:nth-child(3) em {transition-delay: 0.6s;}
.home_about h4 b:nth-child(4) em {transition-delay: 0.9s;}






.home_header_it_t h3 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    
}

.home_bio_c1 h1 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 52px;
    line-height: 50px;
    margin-bottom: 20px;
    font-weight: 600;
        letter-spacing: 1px;
            font-family: "Grenze", serif;
}

.home_bio_c1 p{
      width: 100%;
    float: left;
    margin-bottom: 25px;  
}

.mdd {
    width: auto;
    float: left;
    background-color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 45px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 50px;
    margin-top: 18px;
    font-size: 13px;
    letter-spacing: 1px;
    border: solid 1px var(--color1);
    cursor: pointer;
    color: var(--color1);
    margin-top: 5px;
}
.mdd:active {opacity:0.8}
.home_appr h3 {
    width: 70%;
    float: left;
    color: var(--color1);
    font-size: 21px;
    margin-bottom: 20px;
    font-weight: 400;
    padding-right: 50px;
}

.home_appr_blog{
width: 30%;
    float: left;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    padding-left: 40px;
}
.home_appr_blog a{
   width: 100%;
    float: left;
    margin-bottom: 20px; 
    position: relative;
}
.home_appr_blog img{
width: 100%;
    float: left;
}
.home_appr_blog video{
position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 0;
}

.videobox{
width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.home_appr_blog h5 {
    width: 100%;
    float: left;
    
    color: var(--color1);
    font-size: 22px;
    line-height: 25px;
    margin-top: 5px;
}
.home_appr figure:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .20);
    z-index: 1;
    transition: 0.3s all;
}
.home_appr h4 {
    width: 100%;
    float: left;
    
    color: #fff;
    font-size: 37px;
    line-height: 44px;
    margin-bottom: 15px;
    text-align: center;
}

.home_port{
    width: 100%;
    float: left;
    background-color: #fff;
}

.home_port h2 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 52px;
    line-height: 50px;
    margin-bottom: 20px;
    font-weight: 600;
        letter-spacing: 1px;
            font-family: "Grenze", serif;
}

.footerc1 p {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #fff;
}
.home_port  p{
        width: 100%;
    float: left;
    margin-bottom: 20px;
}


.home_appr p {
    width: 100%;
    float: left;
    color: #fff;
    margin-bottom: 25px;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    opacity:0;  
    transition: 1s opacity;
}

.portfolio_slider h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 15px;
    padding-right: 40px;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
}
.portfolio_slider .owl-stage{
    padding-left: 0px!important;
}

.portfolio_slider {
    margin-left: calc(50% - 660px);
}
.portfolio_sliderc {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-bottom: 40px;
    position: relative;
}


.home_header .tparrows1 {
    width: 31px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    z-index: 222;
    margin-left: 15px;
    background-color: rgba(0, 0, 0, 0);
    left: 50%;
    bottom: 50px;
    background-image: url(../images/leftw.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -655px;
}
.home_header .tparrows2 {
    width: 31px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    z-index: 222;
    margin-left: 15px;
    background-color: rgba(0, 0, 0, 0);
    left: 50%;
    bottom: 50px;
    background-image: url(../images/rightw.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -570px;
}





.portfolio_slider .tparrows1 {
    width: 31px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    z-index: 222;
    margin-left: 15px;
    background-color: rgba(0, 0, 0, 0);
    left: -15px;
    bottom: -40px;
    background-image: url(../images/left.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.portfolio_slider .tparrows2 {
    width: 31px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    z-index: 222;
    margin-left: 15px;
    background-color: rgba(0, 0, 0, 0);
    left: 45px;
    bottom: -40px;
    background-image: url(../images/right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home_header_container {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.home_header_container:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1;
    transition: all 1.5s cubic-bezier(.19,1,.22,1);
}
.animation_ini .home_header_container:after {
background-color: rgba(0, 0, 0, .0)!important;
}
.animation_trans .home_header_container:after {
background-color: rgba(0, 0, 0, .0)!important;
}



.main_preload{
width:100%;
height: 100%;
position: fixed;
z-index: 9999;
background-color: #fff;
left:0;
top: 0;
opacity: 1;
transition: all 0.6s cubic-bezier(.19,1,.22,1);
transition-delay: 0.3s;
}

.animation_out .main_preload{
opacity:0!important;
}



.main_preload_logo {
    width: 100%;
    float: left;
    height: 90px;
    top: 50%;
    position: absolute;
    margin-top: -45px;
transition: all 0.6s cubic-bezier(.19,1,.22,1);
     opacity:1;
     animation-name: stretch;
            animation-duration: 2.0s;
            animation-timing-function: ease-out;
            animation-direction: alternate;
            animation-iteration-count: infinite;
            animation-play-state: running;
			opacity:0.8;
			background-position:center;
			background-size:cover;
}

.main_preload_ini .main_preload_logo {
margin-top: 20px;
opacity:0;
}
.animation_out .main_preload_logo{
opacity:0;
}



.main_preload_logo i {
    background-image: url(../images/logob_complete.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    float: left;
    height: 100%;
}


@keyframes stretch { 0% {transform: scale(.9);}50% {}  100% {transform: scale(1);}}


.home_header_container_open{
 mask-size: 180000px;
}



.home_header_counter {
    width: 40px;
    position: absolute;
    bottom: 56px;
    left: 50%;
    z-index: 2;
    margin-left: -615px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}


.home_port_counter {
    width: 40px;
    position: absolute;
    bottom: 7px;
    left: 50%;
    z-index: 2;
    margin-left: -623px;
    text-align: center;
    color: var(--color1);
    font-size: 14px;
}

.iconplay {
    width: 54px;
    height: 54px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px;
    border-radius: 50%;
    background-image: url(../images/play.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
        -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
        -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
        z-index: 3;
        cursor: pointer;
}






.iconplay img {
    width: 180%;
    height: 180%;
    margin-left: -45%;
    margin-top: -45%;
    -webkit-animation: rotateR 10s linear infinite;
    animation: rotateR 10s linear infinite;
}

.newsbox{
width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}




@-webkit-keyframes rotateR{
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotateR{
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}







.videobox:hover .iconplay {
    -webkit-transform:scale(1.15);
    -ms-transform:scale(1.15);
    transform:scale(1.15);
}


.portfolio_box em {
    position: absolute;
    right: 15px;
    top: -25px;
    color: #fff;
    text-transform: uppercase;
    font-style: normal;
    font-size: 13px;
    font-weight: 300;
            -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    opacity:0;
}



.portfolio_slider a:hover em {
 opacity:1;
    top: 15px;
}


.home_header .owl-stage-outer{
    width: 100%;
    height: 100%;
}

.home_header .owl-stage{
    width: 100%;
    height: 100%;
}


.home_header .owl-item{
    width: 100%;
    height: 100%;
}





.navigation_container{
width:100%;
height:auto;
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity:0;
transition: all 1s cubic-bezier(.19,1,.22,1);
}

.navigation_open .navigation_container{
opacity:1!important;
}
.navigation_contacts{
width:25%;
float:right;
}
.navigation_contacts .footercontact_c2{
width:100%;
float:left;
    padding-top: 0px;
}

.navigation_contacts .footercontact_c2 h5 {
    margin-top: 20px;
}

.navigation_container nav{
width:75%;
float:left;
}


.footercontact_c2 a:before {
    position: absolute;
    content: '';
    height: 1px;
    width: 0%;
    left: 0;
    bottom: 0;
    background-color: #79f4e4;
    z-index: 2;
    transition: all .6s cubic-bezier(.19,1,.22,1);
}



.footercontact_c2 a:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #79f4e4;
    opacity: 0.2;
    z-index: 1;
}

.navigation_contacts .footercontact_c2 a:before, .navigation_contacts .footercontact_c2 a:after {
    background-color: var(--color1);
}


.navigation_container nav ul {
    width: 100%;
    height: auto;
    float: left;
    padding-left: 0;
    list-style-type: none;
}
.navigation_container nav li {
    width: 100%;
    height: auto;
    float: left;
    padding-left: 0;
    list-style-type: none;
}
.navigation_container nav li a, .navigation_container nav li b {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    color: var(--color1);
    padding-bottom: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: var(--color1);
    letter-spacing: 1px;
    font-family: "Grenze", serif;
}
.navigation_open .navigation {
    height: 100% !important;
}
.navigation {
    width: 100%;
    height: 0%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: var(--color2);
    z-index: 10;
    transition: all 1s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
}

.navigation_open .navigation {
    height: 100% !important;
}

.footercontact_c2 a {
    width: 100%;
    float: left;
    line-height: 38px;
    position: relative;
    color: var(--color1);
    font-size: 14px;
}

.footercontact_c2 i {
    width: 100%;
    float: left;
    font-style: normal;
    color: var(--color1);
    font-size: 13px;
    margin-top: 30px;
    opacity: 0.6;
}

footercontact_c2 a {
    width: 100%;
    float: left;
    line-height: 44px;
    position: relative;
}

.navigation_contacts .footercontact_c2 a:before,.navigation_contacts .footercontact_c2 a:after {
    background-color: var(--color1);
}
.navigation_contacts .footercontact_c2 h5 {

}

.navigation_contacts .footercontact_c2 a b {
    background-image: url(../images/arrow_right_blue.svg);
}
.footercontact_c2 h5 {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color1);
}

.footercontact_c2 a:hover::before {
    width: 100%;
}

.home_header_it_t {
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 2;
    opacity: 1;
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
    transition-delay: 0.4s !important;
}
.home_header_det .home_header_it_t {
    text-align: center;
        -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    bottom: 50%;
}

.header_fixx .home_header_det .home_header_it_t {
        -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    bottom: 100px;
    transition: all 0.8s cubic-bezier(.19,1,.22,1);
    transition-delay: 0s !important;
}


.detail_information{
    width: 100%;
    float: left;
    background-color: #fff;
}


.detail_prt_col1{
    width: 100%;
    float: left;
}


.detail_prt_col3{
    width: 100%;
    float: left;
}

.detail_prt{
    width: 100%;
    float: left;
    margin-bottom: 40px;
    cursor: pointer;
}
.detail_prt figure{
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}
.detail_prt figure img{
    width: 100%;
    float: left;
}



.detail_prt_col3 .detail_prt{
width:calc(33.333% - 25px);
float: left;
margin-right: 37px;
}

.detail_prt_col3 .detail_prt:nth-child(3){
margin-right: 0px!important;
}


.detail_information label {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    color: var(--color1);
    font-size: 16px;
    
    text-transform: uppercase;
    position: relative;
}


.detail_information a {
    width: 100%;
    float: left;
font-weight: 400;
margin-bottom: 10px;
}
.detail_information a b {
    width: auto;
    float: left;
font-weight: 400;
color: var(--color1);
position: relative;
}


.detail_information a b:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--color1);
    z-index: 1;
    transition: 0.3s all;
}
.detail_information a:hover b:after {
    width: 0%;
}

.detail_information  h1{
    width: 100%;
    float: left;
    
    color: var(--color1);
    font-size: 47px;
    line-height: 52px;
    margin-bottom: 25px;
}
.detail_information  p{
    width: 100%;
    float: left;
}

.detail_information_info_main{
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.detail_information_info_main p {
    width: 60%;
    float: left;
    margin-bottom: 20px;
    line-height: 24px;
}

.detail_information_info{
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

.detail_prt_text{
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 40px;
}

.detail_prt_text h3{
    width: 100%;
    float: left;
    
    color: var(--color1);
    font-size: 47px;
    line-height: 52px;
    margin-bottom: 25px;
    text-align: center;
}

.detail_prt_col2{
    width: 100%;
    float: left;
}

.videoboxc video{
    width: 100%;
    float: left;
}


.detail_prt_paragraph{
    width: 100%;
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
}

.detail_prt_paragraph h3 {
    width: 100%;
    float: left;
    
    color: var(--color1);
    font-size: 27px;
    line-height: 38px;
    margin-bottom: 15px;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
}


.detail_prt_col2 .detail_prt{
width:calc(50% - 19px);
float: left;
margin-right: 37px;
}

.detail_prt_col2 .detail_prt:nth-child(2){
margin-right: 0px!important;
}


.videoboxd {
    width: 100%;
    float: left;
    background-color: #d3d8d4;
}

.videoboxd h4 {
    width: 100%;
    float: left;
    
    color: var(--color1);
    font-size: 27px;
    line-height: 38px;
    margin-bottom: 25px;
    text-align: left;

}
.videoboxc{
    width: 100%;
    float: left;
        padding-left: 10%;
    padding-right: 10%;
    margin-top: 40px;
}
.videoboxcc{
    width: 100%;
    float: left;
    position: relative;
}

.videoboxcc:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .20);
    z-index: 1;
    transition: 0.3s all;
}


.planbox{
    width: 100%;
    float: left;
    background-color: #fff;
}


.godown {
    width: 80px;
    height: 50px;
    position: absolute;
    left: 50%;
    bottom:40px;
    z-index: 2;
    cursor: pointer;
    margin-left: -40px;
    transition: all 1s cubic-bezier(.19,1,.22,1);
    opacity:1;
    transition-delay:0.2s!important;
}
.animation_ini .godown{
    bottom: 100px;
    opacity:0;
}
.b_portfolio .godown{
    bottom: 100px;
    opacity:0;
    }
    
.godown svg {
    width: 100% !important;
    height: 38px !important;
    float: left;
    margin-bottom: 5px;
}
.godown p {
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    width: 100%;
    text-align: center;
    float: left;
}


.detail_prt_col4{
    width: 100%;
    float: left;
}

.detail_prt_col4 .detail_prt{
width:calc(25% - 19px);
float: left;
margin-right: 25px;
}

.detail_prt_col4 .detail_prt:nth-child(4){
margin-right: 0px!important;
}

.firstop{
    margin-bottom: 0px!important;
    margin-top: 30px;
}

.parinmg{

}


    .topmarker {
        position: fixed;
        transform: rotate(90deg);
        transform-origin: top right;
        bottom: 50px;
        right: 17px;
        margin-top: 0;
        margin-left: 0;
        width: 150px;
        overflow: hidden;
        text-transform: uppercase;
        z-index: 9;
        display: none;
        cursor: pointer;
    }
        .topmarker:before {
        display: inline-block;
        content: "";
        margin: 0 10px 4px 0;
        width: 100px;
        height: 2px;
        background: var(--color1);
        animation-name: lineanim2;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .header_fix .topmarker{
    opacity:1;
    }

@keyframes lineanim2 {
  0% {
    transform: scaleX(0) translateZ(0);
    transform-origin: 100% 50% 0;
  }
  30% {
    transform: scaleX(1) translateZ(0);
    transform-origin: 100% 50% 0;
  }
  31% {
    transform: scaleX(1) translateZ(0);
    transform-origin: 0% 50% 0;
  }
  100% {
    transform: scaleX(0) translateZ(0);
    transform-origin: 0% 50% 0;
  }
}






.prg_detail_zoom {
    width: 200px;
    height: 200px;
    position: fixed;
    z-index: 7;
    left: 0px;
    top: 0px;
    display: none;
}
.prg_detail_zoom_start {
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-transition: all 1000ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
    -moz-transition: all 1000ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
    transition: all 1000ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
    border-radius: 0px !important;
    position: fixed;
}



.prg_detail_zoom figure{
    width: 100%;
    float: left;
    height: 100%;
    background-color: #f2f2f2;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}


.prg_detail_zoom figure img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    color: transparent;
}

.prg_detail_zoom  figure span {
    width: 100%;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -90px;
    z-index: 2;
    -webkit-transition: all 1000ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
    -moz-transition: all 1000ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
    transition: all 1000ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
}





.header_buttons {
    width: 743px;
    height: 180px;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.header_buttons_box{
width:100%;
float:left;
height:100%;
position:absolute;
bottom:0;
}
.header_buttons_box button {
    width: 33.333%;
    height: 100%;
    float: left;
    background: none;
    border: none;
	cursor:pointer;
	transition: background-color .4s cubic-bezier(.19,1,.22,1);
	opacity:1!important;
	padding:40px;
	transition: all 1s cubic-bezier(.19,1,.22,1);
	position:absolute;
	bottom:0;
}


.header_buttons_box button:nth-child(1){
background-color:#ffffff;
left:0;
transition-delay: 0.5s;
}

.header_buttons_box button:nth-child(2){
background-color: var(--color2);
left:33.333%;
transition-delay: 0.55s;
}

.header_buttons_box button:nth-child(3){
background-color: #eeeeee;
padding:0px!important;
left:66.666%;
transition-delay: 0.6s;
}

.header_buttons_box button:nth-child(3):after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.3);
	transition: opacity .6s cubic-bezier(.19,1,.22,1);
	opacity:0;
}
.header_buttons_box button:nth-child(3):hover:after {
opacity:1;
}






.header_buttons_box button h2 {
    width: 100%;
    float: left;
    height: auto;
    color: var(--color1);
    text-align: left;
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 600;
    text-transform: uppercase;
        letter-spacing: 1px;
}
.header_buttons_box button p{
width:100%;
float:left;
height:auto;
color: var(--color1);
text-align:left;
    font-size: 15px;
}

.header_buttons_box button span {
    width: 100%;
    height: 25px;
    float: left;
    background-image: url(../images/services_icon_1.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}


.header_buttons_box button:nth-child(1) span {
    background-image: url(../images/filiera.svg);
}


.header_buttons_box button:nth-child(2) span {
    background-image: url(../images/chat.svg);
}




.header_buttons_photo{
width:100%;
float:left;
height:100%;
background-position:center;
background-size:cover;
}
.header_buttons_box button i {
    width: 64px;
    height: 64px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    background-image: url(../images/play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    z-index: 2;
    transform: scale(1);
	transition: transform .6s cubic-bezier(.19,1,.22,1);
}
.header_buttons_box button:hover i {
    transform: scale(1.2);
}
.animation_ini .header_buttons_box button{
bottom:-100%!important;
}
.animation_trans .header_buttons_box button{
bottom:-100%!important;
}

.header_fix .header_buttons_box button{
bottom:-100%!important;
}

.header_fix .header_buttons_box button:nth-child(1){
transition-delay: 0.2s!important;
}
.header_fix .header_buttons_box button:nth-child(2){
transition-delay: 0.25s!important;
}
.header_fix .header_buttons_box button:nth-child(3){
transition-delay: 0.3s!important;
}

.home_header_slogan {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: calc(50% - 40px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    transition: all .6s cubic-bezier(.19,1,.22,1);
}

.animation_ini .home_header_slogan {
    top: calc(50% - 180px);
    opacity: 0!important;
}
.animation_trans .home_header_slogan {
    top: calc(50% - 180px);
    opacity: 0!important;
}
.home_header_slogan h1 {
    width: 100%;
    float: left;
    /* height: 140px; */
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 5px;
    /* font-size: 0px; */
    /* background-image: url(../images/logo_white_complete.svg); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
}
.home_header_slogan h2 {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 52px;
    line-height: 52px;
    margin-top: 10px;
    margin-bottom: 25px;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
}





.home_header_slogan p {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: #fff;
    line-height: 24px;
}




.container_fltr .checkmark:after {
    left: 8px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container_fltr input:checked~.checkmark, .mtact i, .ptact i {
    background-color: var(--color1) !important;
    border: 1px solid var(--color1) !important;
}


.container_fltr input:checked~.checkmark:after{
    display: block;
}


.vdslogan{
width:100%;
position: absolute;
z-index: 2;
background-color: rgba(0,0,0,0.2);
left: 0;
top: 0;
height: 100%;
}

.vdsloganc{
width:100%;
position: absolute;
left: 0;
top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vdsloganc h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 52px;
    line-height: 50px;
    margin-bottom: 20px;
    /* text-transform: uppercase; */
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Grenze", serif;
}
.vdsloganc p {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

.dalign{
    width: 100%;
    float: left;
    text-align: center;
}
.dalign .mdd {
    float: none;
    display: inline-block;
    border: solid 1px #fff;
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
}
.dalign .mdd:hover {
    background-color: rgba(255, 255, 255, 1);
    color: var(--color1);
}
.parallax_image {
    width: 100%;
    float: left;
    height: 540px;
}
.parallax_image img{
        width:100%;
float:left;
}
.parallax_video{
width:100%;
float:left; 
position: relative;
overflow: hidden;
height:600px;
}

.parallax_video video{
width:100%;
float:left; 
}

.parallax_video video{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 0;
}


.home_products {
width:100%;
float:left; 
padding-bottom: 0px!important;
    transition: 0.3s background-color;
}

.home_products h2 {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: var(--color1);
    font-weight: 600;
    font-size: 52px;
    line-height: 50px;
    margin-top: 0px;
    margin-bottom: 25px;
        letter-spacing: 1px;
            font-family: "Grenze", serif;
}
.home_products p {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: var(--color1);
    line-height: 24px;
}
.home_products_sx {
    width: 50%;
    float: left;
    padding-right: 200px;
    margin-top: 50px;
    position: relative;
}
.home_products_dx {
    width: 50%;
    float: left;
    margin-top: 50px;
    padding-left: 40px;
    min-height: 50px;
}

.home_products_dx figure{
width:100%;
margin-left: 0px;
margin-right: 0px;
float:left; 
text-align: center;
}

.home_products_dx figure img {
    width: auto !important;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    height: 100%;
    display: inline-block !important;
}
.product_box {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    height: 480px;
    border-radius: 6px;
    padding-left: 20px;
    padding-right: 20px;
    transition: 0.3s background-color;
    position: relative;
}


.home_products_dx_1 .product_box{background-color: #e43b3b;}
.home_products_dx_2 .product_box{background-color: #e4a03b;}
.home_products_dx_3 .product_box{background-color: #db752d;}
.home_products_dx_4 .product_box{background-color: #bdc658;}
.home_products_dx_5 .product_box{background-color: #eec97f;}






.product_box figure {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    float: left;
    height: 269px;
    margin-top: 30px;
    margin-bottom: 30px;
}


.home_products_sx_it {
    width: 100%;
    float: left;
    margin-bottom: 260px;
    opacity: 0.2;
    padding-left: 40px;
        position: relative;
}
.home_products_sx_it h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 42px;
    line-height: 40px;
    margin-bottom: 15px;
    font-weight: 500;
    font-family: "Grenze", serif;
    letter-spacing: 1px;
}

.home_products_sx_it p{
    width: 100%;
    float: left;
    height: auto;
    text-align: left;
    color: var(--color1);
    line-height: 24px;
}

.home_products_sx_1 .home_products_sx_it:nth-child(1){opacity:1!important;}
.home_products_sx_2 .home_products_sx_it:nth-child(2){opacity:1!important;}
.home_products_sx_3 .home_products_sx_it:nth-child(3){opacity:1!important;}
.home_products_sx_4 .home_products_sx_it:nth-child(4){opacity:1!important;}
.home_products_sx_5 .home_products_sx_it:nth-child(5){opacity:1!important;}

.home_products_sx_it:after {
position: absolute;
content: '';
height: 100%;
width: 2px;
left: 0;
top: 0;
background-color: var(--color1);
z-index: 1;
transition: 0.3s all;
opacity:0;
}



.home_products_sx_1 .home_products_sx_it:nth-child(1):after {opacity:1!important;}
.home_products_sx_2 .home_products_sx_it:nth-child(2):after {opacity:1!important;}
.home_products_sx_3 .home_products_sx_it:nth-child(3):after {opacity:1!important;}
.home_products_sx_4 .home_products_sx_it:nth-child(4):after {opacity:1!important;}
.home_products_sx_5 .home_products_sx_it:nth-child(5):after {opacity:1!important;}


#home_products_sx_it_1{
    margin-top: 100px;
}
#home_products_sx_it_5{
    margin-bottom: 500px;
}

.and_nav {
    width: auto;
    padding-left: 0px;
    float: left;
    text-align: center;
    margin-top: 18px;
    margin-left: 50px;
}
.and_nav ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
    text-align: center;
}
.and_nav li {
    list-style: none;
    position: relative;
    width: auto;
    float: left;
}

.and_nav li a {
    font-size: 13px;
    position: relative;
    font-weight: 500;
    width: auto;
    float: left;
    color: #fff;
    text-transform: uppercase;
    margin-left: 25px;
    letter-spacing: 1px;
    line-height: 45px;
}
.and_nav li:hover a {
    color: #ddd
}

.header_fix .and_nav li a {
color: var(--color1);
}
.header_fix .and_nav li a:hover {
color: #696969;
}



.and_nav li ul {
    width: 240px;
    height: auto;
    float: left;
    -webkit-box-shadow: 0 6px 12px rgb(30 30 30 / 3%);
    position: absolute;
    left: 2px;
    top: 40px;
    z-index: 4;
display: none;
    background-color: #fff;
    padding: 10px;
}

.and_nav li:hover ul {
display: block;
}
.and_nav li ul li{
width:100%;
}
.and_nav li ul a {
    margin-left: 0px;
    padding-left: 13px;
    font-size: 12px;
    line-height: 31px;
    color: #656565 !important;
}
.and_nav li ul a:hover {
 color: #bbbbbb !important;
}
.nvbar{
width:auto;
float: right;
}

.btn_shop {
    width: auto;
    float: left;
    background-color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 45px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 50px;
    margin-top: 18px;
    margin-left: 30px;
    font-size: 13px;
    letter-spacing: 1px;
}
.btn_shop:hover {opacity:0.8}
.header_fix .btn_shop{
background-color: var(--color1);
color: #fff;
}

.product_bar {
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
}
.btn_log {
    background: url(../images/avatar.svg);
    margin-right: 20px;
    float: left;
    border: none;
    color: #fff;
    padding-left: 30px;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer;
    margin-top: 18px;
    width: 47px;
    height: 47px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 25px;
    margin-right: 10px;
    padding: 3px;
    position: relative;
    background-size: 43px 43px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.btn_log span {
    content: "";
    position: absolute;
    width: 9px;
    height: 13px;
    top: 50%;
    right: -15px;
    background-image: url(../images/down_black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -5px;
}

.header_fix .btn_log span {
filter: invert(1);
opacity:0.5;
}

.product_box h3 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Grenze", serif;
}
.product_box p {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: #fff;
    line-height: 24px;
}

.align{
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    margin-top: 10px;
}
.align .mdd {
    float: none;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0);
}

.csc{
padding-right: 30px!important;
position: relative;
}

.csc:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 13px;
    top: 50%;
    right: 10px;
    background-image: url(../images/down_black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -7px;
}
.header_fix .csc:after {
    filter: invert(1);
    opacity: 0.5;
}


.product_fix .product_box {
    position: fixed;
    width: 620px;
    top: 50%;
    margin-top: -240px;
}


.product_box .align {
    position: absolute;
    left: 0;
    bottom: -70px;
}


    .bottommarker {
        position: absolute;
        transform: rotate(90deg);
        transform-origin: top right;
        bottom: 180px;
        right: 17px;
        margin-top: 0;
        margin-left: 0;
        width: 180px;
        overflow: hidden;
        text-transform: uppercase;
        z-index: 9;
        display: none;
        cursor: pointer;
        color:#fff;
        opacity:1;
            -webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
    -moz-transition: all 300ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
    transition: all 300ms cubic-bezier(0.7, 0, 0.1, 1) 20ms;
    }
  .bottommarker:after {
    display: inline-block;
    content: "";
    margin: 0 10px 4px 0;
    width: 100px;
    height: 2px;
    background: #fff;
    animation-name: lineanim;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 10px;
}
    .header_fix .bottommarker{
    opacity:0;
    }

.header_textual_white   .bottommarker {
    color: var(--color1);
}
.header_textual_white   .bottommarker:after {
    background: var(--color1);
}

.scss {
    background-position: 120px 20px;
    background-size: 11px;
    background-repeat: no-repeat;
    background-image: url(../images/downw.svg);
}
.md_title_first{
    margin-bottom: 10px!important;
}

.scss strong {
width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    color: var(--color1);
    padding-bottom: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: var(--color1);
    font-family: "Grenze", serif;
    letter-spacing: 1px;
    position: relative;
}

.csc strong:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 13px;
    top: 50%;
    right: 10px;
    background-image: url(../images/down_black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -7px;
}




.scss ul {
    width: 100%;
    float: left;
    max-height: 0px;
    overflow: hidden;
    transition: all 1s cubic-bezier(.19,1,.22,1);
}

.scss_open ul {
    max-height: 170px;
}


.scss ul a {
    width: 100%;
    float: left;
    font-size: 14px !important;
    line-height: 30px !important;
    /* text-decoration: underline !important; */
    padding-bottom: 0px !important;
    text-transform: none !important;
    font-weight: 400 !important;
    font-family: 'Petrov Sans' !important;
}
.scss ul a:hover {
text-decoration: underline !important;
}

.scss ul li:last-child a {
margin-bottom: 10px!important;
}

.case_2 .navigation_top {
background-color: rgba(255, 255, 255, 1)!important;
top: 0!important;
}
.case_2 .mylogo {
background-image: url(../images/logob.svg)!important;
}
.case_2 .and_nav li a {
    color: var(--color1);
}
.case_2 .and_nav li a:hover {
    color: #696969!important;
}
.case_2 .btn_shop {
    background-color: var(--color1);
    color: #fff;
}
.case_2 .menu_mobile span {
    background-color: var(--color1) !important;
    transition-delay: 0s !important;
}
.case_2 .csc:after {
    filter: invert(1)!important;
    opacity: 0.5!important;
}

.case_2 .btn_log span{
    filter: invert(1)!important;
    opacity: 0.5!important;
}

.btn_log_c {
    position: absolute;
    left: -180px;
    top: 45px;
    padding-top: 10px;
    width: 244px;
    display: none;
}
.btn_log:hover .btn_log_c {
    display: block;
}


.btn_log_cc {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
}
.btn_log_c p {
    width: 100%;
    float: left;
    color: var(--color1);
    line-height: 18px;
    text-align: left;
    font-size: 12px;
}
.btn_log_c b {
    margin-top: 10px;
    color: var(--color1);
    line-height: 30px;
}


.ris_br {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: var(--color2);
    margin-top: 84px;
}

.ris_br_home {
    width: 20px !important;
    height: 20px !important;
    float: left !important;
    background-image: url(../images/home.svg) !important;
    background-position: left center;
    background-size: 20px auto;
    margin-top: 1px;
}
.ris_br_link {
    padding-left: 24px;
    background-image: url(../images/caret.svg) !important;
    background-position: left 5px center;
    background-size: 10px auto;
    font-size: 13px;
    font-weight: 400;
    color: var(--color1);
    background-repeat: no-repeat;
}

.paypal_fin, .popup_login_sf, .popup_reg_sf, .ppcart, .ppp {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(104 104 104 / .8);
    z-index: 999999;
    top: 0;
    left: 0;
    opacity: 1;
    display: none;
}
.popup_login {
    width: 360px;
    height: 390px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -200px;
    z-index: 999999;
    padding: 10px;
    border-radius: 6px;
    overflow: hidden;
}
.inchat {
    width: 800px;
    height: 500px;
    margin-left: -400px;
    margin-top: -250px;
    padding-left: 300px;
}
.inchatc{
    width: 280px;
    height: 500px;
 background-image: url(../images/infochat.jpg);
 background-position: center;
 background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.inchatc span {
    background-image: url(../images/logo_white_complete.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    float: left;
    height: 90px;
    position: absolute;
    top: 50%;
    margin-top: -45px;
}
.paypal_finc b, .popup_login b, .popup_reg b, .pppc b {
    width: calc(100% + 20px);
    text-align: left;
    float: left;
    color: var(--color1);
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    padding-left: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    /* background-color: var(--color2); */
    margin-left: -10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 25px;
}

.pay_term {
    width: 100%;
    float: left;
    padding: 20px;
}
.pay_term span {
    width: 100px;
    height: 100px;
    background-image: url(../images/paypal.svg);
    background-size: 67px;
    background-color: #fff;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    border: solid 1px #eee;
}

.pay_term_t {
    width: calc(100% - 100px);
    float: left;
    padding-left: 15px;
}

.pay_term_t strong {
    width: 100%;
    float: left;
    color: var(--color1);
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px;
}

.pay_term_t p {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 18px;
}
#paypal-button-container {
    width: 100%;
    float: left;
    padding: 20px;
    padding-top: 0 !important;
}


.showpass {
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: auto;
    height: 24px;
    cursor: pointer;
    border: none;
    border-radius: 20px;
    color: var(--color1);
    font-size: 11px;
    background-color: #fff;
    top: 32px;
    border: solid 1px #ddd;
}

.order-form-it .showpass {
   top: 7px; 
}


.pclose {
    background: url(../images/close.svg) center / 12px auto no-repeat;
    position: absolute;
    right: 15px;
    width: 24px;
    height: 24px;
    border: none;
    top: 20px;
    cursor: pointer;
}
.popup_login_c, .ppcartcc {
    width: 100%;
    float: left;
    padding: 15px;
    padding-top: 5px;
}

.form-login {
    width: 100%;
    float: left;
    margin-bottom: 14px;
    position: relative;
}


.bform_it label, .form-login label {
    text-align: left;
    width: 100%;
    line-height: 20px;
    color: var(--color1);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 5px;
    width: 100%;
    float: left;
}

.bform_it input, .form-login input {
    width: calc(100% - 0px);
    border: none;
    float: left;
    padding-left: 10px;
    background-color: #fff;
    border: solid 1px #ccc;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.0);
    line-height: 34px;
    border-radius: 3px;
}
.md_info {
    width: 100%;
    float: left;
    margin-top: 5px;
    font-size: 13px;
    float: left;
}
.md_info .mdd {
    line-height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    background-color: var(--colore1) !important;
    width: auto;
    float: none;
    display: inline-block;
    cursor: pointer;
    color: var(--color1) !important;
    background-color: #eee;
    border: solid 1px #ddd;
}

.md_pass {
    width: 100%;
    margin-top: 15px;
    float: left;
    border-radius: 3px;
    font-size: 13px;
    position: absolute;
    bottom: 20px;
    left: 0;
    /* border-top: solid 1px #eeeeee; */
    padding: 10px;
    padding-left: 25px;
}

.md_pass .mda {
    width: auto;
    float: none;
    display: inline-block;
    cursor: pointer;
    color: #49494A;
    border: none;
    border-bottom: 1px solid #49494A;
    padding-left: 0;
    padding-right: 0;
    background-color: #ffffff;
    margin-left: 5px;
}

.inchat .md_pass  {
    color: #fff;
}

.inchat .md_pass .mda {
    color: #fff;
    border-bottom: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0);
}


.contact_header {
    width: 100%;
    float: left;
    height: 350px;
    background-color: var(--color2);
    position: relative;
    margin-top: 83px;
}
.home_header_it_t_center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 47px;
    text-align: center;
    opacity: 1;
}
.home_header_it_t {
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 2;
    opacity: 1;
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
    transition-delay: 0.4s !important;
}
.home_header_it_t_center h1 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    margin-top: 0px;
    padding-left: 15px;
    font-family: "Grenze", serif;
}
.contact_page {
    width: 100%;
    float: left;
    background-color: #fff;
}

.contact_page_it {
    width: 33.333%;
    float: left;
}
.contact_page_it strong {
    width: 100%;
    float: left;
    text-transform: uppercase;
    position: relative;
    color: var(--color1);
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 1px;
}
.contact_page_it p {
    width: 100%;
    float: left;
    font-size: 13px;
}

.contact_page_it a {
    width: 100%;
    float: left;
    font-size: 13px;
}
.gmp {
    width: auto !important;
    float: left;
    position: relative;
}

.cont_frmn {
    width: 100%;
    float: left;
    background-color: var(--color2);
}


.gmp:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--color1);
    z-index: 1;
    transition: 0.3s all;
}
.gmp:hover:after {
    width: 0%;
}

.emcontc {
    width: 33.333%;
    float: left;
}

.emcont {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.emcont strong {
    width: 100%;
    float: left;
    color: var(--color1);
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.emcont a {
    width: auto;
    float: left;
    color: var(--color1);
    font-size: 15px;
    margin-right: 25px;
    position: relative;
}


.emcont a:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--color1);
    z-index: 1;
    transition: 0.3s all;
}
.emcont a:hover:after {
    width: 0%;
}

.cont_frmn h3 {
    width: 100%;
    float: left;
    /* text-transform: uppercase; */
    position: relative;
    color: var(--color1);
    margin-bottom: 10px;
    font-size: 52px;
    text-align: center;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
    line-height: 50px;
    font-weight: 600;
}

.cont_frmn p {
    width: 100%;
    float: left;
    text-align: center;
}




.container_pad {
    padding-left: 10% !important;
    padding-right: 10% !important;
}
.frmc {
    width: 100%;
    float: left;
}



.frmc{
width:100%;
float:left;
margin-top: 40px;
}

.frmc .frm {
    width: calc(50% - 12.5px);
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.frmc .frm:nth-child(2n) {
margin-right:0px!important;
}



.frmc .frm input {
    width: 100%;
    float: left;
    border: none;
    border-bottom: 1px solid #ccc;
    line-height: 36px;
    background: none;
    padding-left: 0px;
    font-size: 13px;
    font-weight: 400;
    color: var(--color1);
    height: 36px;
    transition: border 0.4s;
}
.frmc .frm select {
    width: 100%;
    float: left;
    border: none;
    border-bottom: 1px solid #ccc;
    line-height: 36px;
    background: none;
    padding-left: 0px;
    font-size: 13px;
    font-weight: 400;
    color: var(--color1);
    height: 36px;
    transition: border 0.4s;
	appearance: none;
	background-image:url(../images/arrow_down_blue.svg);
	background-position:right 20px center;
	background-repeat:no-repeat;
	background-size:12px auto;
}
.frmc .frm textarea {
    width: 100%;
    float: left;
    border: none;
    border-bottom: 1px solid #ccc;
    line-height: 20px;
    background: none;
    padding-left: 0px;
    font-size: 13px;
    font-weight: 400;
    color: var(--color1);
    height: 73px;
    transition: border 0.4s;
}

.frmc .frm input:focus,.frmc .frm textarea:focus {
	border-bottom: 1px solid var(--color1);
}


.frm_full{
width: calc(100% - 0px)!important;
margin-right:0px!important;
}

.frm label {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px;
    position: relative;
    color: var(--color1);
    text-transform: uppercase;
    /* font-weight: 600; */
    letter-spacing: 1px;
    font-size: 12px;
}
.ac-custom {
    width: 100%;
    float: left;
    margin-top: 20px;
}


.ac-custom ul, .ac-custom ol {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
}

.ac-custom li {
    margin: 0 auto;
    padding: 0px;
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 0px;
    height: 40px;
}

.ac-custom label {
    display: inline-block;
    position: relative;
    font-size: 13px;
    padding: 1px 6px 0 45px;
    cursor: pointer;
    transition: color 0.3s;
    color: var(--color1);
    padding-top: 12px;
}
.ac-custom label a{
    color: var(--color1);
	font-size: 13px;
	text-decoration:underline;
}
.ac-custom input[type="checkbox"], .ac-custom input[type="radio"], .ac-custom label::before {
    width: 35px;
    height: 35px;
    top: 50%;
    left: 0;
    margin-top: -12.5px;
    position: absolute;
    cursor: pointer;
}
.ac-custom input[type="checkbox"],
.ac-custom input[type="radio"] {
	opacity: 0;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
}

.ac-custom label::before {
    content: '';
    border: 1px solid var(--color1);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background-color: rgba(255, 255, 255, 0);
}
.ac-radio label::before {
	border-radius: 50%;
}

.ac-custom input[type="checkbox"]:checked + label,
.ac-custom input[type="radio"]:checked + label {

} 

.ac-custom input[type="checkbox"]:checked + label::before,
.ac-custom input[type="radio"]:checked + label::before {

}

.ac-custom svg {
    position: absolute;
    width: 17px;
    height: 17px;
    top: 50%;
    margin-top: -4px;
    left: 10px;
    pointer-events: none;
}
.ac-custom svg path {
    stroke: var(--color1);
    stroke-width: 8px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.ac-circle input[type="checkbox"],
.ac-circle input[type="radio"],
.ac-circle label::before {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	left: 10px;
	position: absolute;
}

.ac-circle label::before {
	background-color: #fff;
	border: none;
}

.ac-circle svg {
	width: 70px;
	height: 70px;
	margin-top: -35px;
	left: -10px;
}

.ac-circle svg path {
	stroke-width: 5px;
} 

/* Box Fill */
.ac-boxfill svg path {
	stroke-width: 8px;
} 

/* Swirl */
.ac-swirl svg path {
	stroke-width: 8px;
}

/* List */
.ac-list ol {
	list-style: decimal;
	list-style-position: inside;
}

.ac-list ol li {
	font-size: 2em;
	padding: 1em 1em 0 2em;
	text-indent: -40px;
}

.ac-list ol li label {
	font-size: 1em;
	text-indent: 0;
	padding-left: 30px;
}

.ac-list label::before {
	display: none;
}

.ac-list svg {
	width: 100%;
	height: 80px;
	left: 0;
	top: 1.2em;
	margin-top: 0px;
}

.ac-list svg path {
	stroke-width: 4px;
}



.dd_contact_align{
width:100%;
float:left;
text-align:center;
}

.dd_contact_align button {
    width: auto;
    float: none;
    display: inline-block;
    line-height: 43px;
    height: 45px;
    background-color: var(--color1);
    border: none;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 45px;
}


.lg-backdrop {
z-index: 99999!important;
}

.lg-outer{
z-index: 999999!important;
}

.pageshop {
width:100%;
float:left;
text-align:center;
}



.pageshopc h1 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 52px;
    line-height: 50px;
    margin-bottom: 15px;
    /* text-transform: uppercase; */
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
}

.pageshopc{
    width: 100%;
    float: left;
} 

.pageshopc p {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.pageshop_list{
   width: 100%;
    float: left;
    margin-top: 20px;
}
.pageshop_list a {
    width: calc(50% - 25px);
    float: left;
    margin-right: 50px;
    margin-bottom: 50px;
    background-color: #fad8d8;
    padding: 20px;
    border-radius: 6px;
    padding-top: 0px;
}
.pageshop_list a:nth-child(2n) {
    margin-right: 0px !important;
}

.pageshop_list a h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 5px;
    /* text-transform: uppercase; */
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Grenze", serif;
}

.privacy_text h1 {
        width: 100%;
    float: left;
    font-family: "Grenze", serif;
    font-size: 39px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.privacy_text {
        width: 100%;
    float: left;
}


.privacy_text p {
        width: 100%;
    float: left;
    margin-bottom: 15px;
}

.elepunt{
            width: 100%;
    float: left;
    margin-bottom: 10px!important;
}



.pageshop_list a p {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: var(--color1);
    line-height: 24px;
    margin-bottom: 10px;
}
.pageshop_list a b {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: var(--color1);
    line-height: 24px;
    margin-bottom: 10px;
}

.pageshop_list a figure {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    float: left;
    height: 269px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pageshop_list a figure img {
    width: auto !important;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    height: 100%;
    display: inline-block !important;
}

.top_cart_c {
    position: absolute;
    right: -15px;
    top: 45px;
    padding-top: 10px;
    width: 270px;
    z-index: 9;
    cursor: default;
    display: none;
}
.top_cart:hover .top_cart_c {
display: block;
}

.top_cart_cc {
    float: left;
    height: 330px;
    width: 100%;
background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
}

.top_cart_cc_scroll {
    width: 100%;
    height: 260px;
    overflow-y: auto;
    float: left;
}
.crtpre {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    display: none;
}
.cartinfo {
    width: 100%;
    padding-left: 26px;
    background-image: url(../images/info.svg);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    font-size: 13px;
    color: var(--color1);
    line-height: 20px;
}
.top_cart {
    margin-right: 20px;
    float: left;
    border: none;
    color: #fff;
    padding-left: 30px;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer;
    margin-top: 18px;
    width: 47px;
    height: 47px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 25px;
    margin-right: 80px;
    padding: 3px;
    position: relative;
    background-size: 43px 43px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
                background-image: url(../images/cart.svg);
            background-size: 43px 43px;
    background-position: center;
    background-repeat: no-repeat;
}

.top_cart:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 13px;
    top: 50%;
    right: -15px;
    background-image: url(../images/down_black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -5px;
}
.top_cart em {
    width: 18px;
    height: 18px;
    position: absolute;
    background: var(--color3);
    border-radius: 50%;
    z-index: 2;
    right: -4px;
    top: 0px;
    line-height: 18px;
    font-style: normal;
    color: var(--color1);
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    font-size: 9px;
}

.header_fix .top_cart:after  {
    filter: invert(1);
    opacity: 0.5;
}
.case_2 .top_cart:after  {
    filter: invert(1);
    opacity: 0.5;
}



.ipre {
    width: 40px;
    height: 40px;
    margin-top: -20px;
}
.ipre, .ipre:after {
    left: 50%;
    top: 50%;
    margin-left: -20px;
    position: absolute;
}

.ppcartc {
    width: 800px;
    height: 330px;
    background-color:#fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -165px;
    z-index: 999999;
    overflow: hidden;
    display: none;
}


.ppcartc b {
    width: 100%;
    text-align: left;
    float: left;
    font-weight: 400;
    line-height: 44px;
    padding-left: 41px;
    background-image: url(../images/check.svg);
    background-position: left 14px center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    font-size: 13px;
}


.popup_login_c, .ppcartcc {
    width: 100%;
    float: left;
    padding: 15px;
    padding-top: 5px;
}

.ppcartcc_sx {
    width: 250px;
    float: left;
}

.ppcartcc_sx img {
    width: 130px;
    float: left;
    border-radius: 5px;
}
.ppcartcc_sx h3 {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    /* text-transform: uppercase; */
    font-family: "Grenze", serif;
}
.ppcartcc_sx .bprice {
    margin-bottom: 0px;
    width: auto;
    color: var(--color1);
    font-size: 13px;
}
.ppcartcc_sx p {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 22px;
}
.ppcartcc_sx p {
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 22px;
}

.ppcartcc_sx strong {
    color: var(--color1);
    font-weight: 700;
}

.ppcartcc_dx {
    width: calc(100% - 250px);
    float: left;
    padding-left: 50px;
}
.ppcartcc_dx em {
    width: 100%;
    float: left;
    font-size: 13px;
    padding-left: 25px;
    background-position: left center;
    background-image: url(../images/info.svg);
    background-size: 18px auto;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    font-style: normal;
}

.det_car_it {
    width: 100%;
    float: left;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.ppcartcc_dx .det_car_it strong {
    width: 40%;
    text-transform: uppercase;
    font-weight: 500;
}
.ppcartcc_dx .det_car_it p {
    width: 60%;
}
.det_car_it p, .det_car_it strong {
    line-height: 20px;
    float: left;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ppcartc .ppcartcc_dx button {
    margin-top: 20px !important;
}
.mdd_pay {
    width: 200px;
    text-align: left;
    color: #fff !important;
    text-transform: uppercase;
    background-color: #99d384 !important;
    padding-left: 20px;
    position: relative;
    border: solid 2px #99d384 !important;
    overflow: hidden;
    font-size: 13px;
    margin-left: 15px;
}
.mdd_pay:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 46px;
    top: 5px;
    right: 0px;
    background-image: url(../images/rightw.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -5px;
    /* background-color: rgba(0, 0, 0, 0.1); */
    background-size: 18px auto;
    background-position: center;
    background-repeat: no-repeat;
}


.tp_page {
    width: 100%;
    float: left;
    padding-bottom: 90px;
    /* background-color: var(--bkg); */
    padding-top: 50px;
}
.tp_page h1 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 52px;
    line-height: 50px;
    /* text-transform: uppercase; */
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-family: "Grenze", serif;
}
.tpcart_dxc {
    width: 100%;
    float: left;

    overflow: hidden;
    background-color: var(--color2);
}
.tpcart_dx em {
    background-image: url(../images/info.svg);
    background-size: 16px auto;
    width: 100%;
    font-style: normal;
    float: left;
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    font-size: 13px;
    line-height: 24px;
}

.tpcart_dx .det_car_it strong {
    line-height: 30px;
    font-size: 13px;
    width: 160px !important;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 0px;
}


.tpcart_dx .det_car_it p {
    text-align: right;
    line-height: 30px;
    font-size: 13px;
    width: calc(100% - 160px) !important;
    font-weight: 600;
        text-transform: uppercase;
}



.tpcart_sx {
    width: calc(100% - 380px);
    float: left;
    position: relative;
}

.tpcart_sx .tpcart_sxc {
    border: none;
}
.tpcart_sxc {
    width: 100%;
    float: left;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
}

.tpcart_sxc .top_cart_c_it {
    padding: 15px;
    /* padding-left: 0px; */
    /* padding-right: 0px; */
    margin-bottom: 15px;
    /* padding-top: 0px; */
    background-color: var(--color2);
}
.top_cart_c_it {
    width: 100%;
    float: left;
    /* padding: 10px 5px; */
    background-color: #fff;
    margin-bottom: 10px;
}
.tpcart_sxc .top_cart_c_it img {
    width: 120px;
    float: left;
}
.tpcart_sxc .top_cart_c_it_t {
    width: calc(100% - 120px);
    float: left;
    padding-left: 20px;
}
.top_cart_c_it_t h3 {
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    color: var(--color1);
    padding-right: 5px;
    /* text-transform: uppercase; */
    /* font-weight: 700; */
    letter-spacing: 0.5px;
}
.tpcart_sxc .top_cart_c_it p {
    width: 100%;
    float: left;
    font-size: 13px;
    margin-bottom: 5px;
    color: var(--color1);
}

.top_cart_c_it_t .bprice {
    font-size: 12px;
    float: left;
    line-height: 20px;
    color: var(--color1);
    font-weight: 400;
}
.top_cart_c_it_t form {
    width: 100%;
    float: left;
    margin-top: 3px;
}

.top_cart_c_it_t form b {
    width: 20px;
    float: left;
    border: 1px solid var(--color1);
    height: 20px;
    cursor: pointer;
}
.top_cart_c_it_t form input {
    width: 30px;
    float: left;
    border: 1px solid var(--color1);
    line-height: 16px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    font-size: 9px;
    line-height: 16px;
    background-color: rgba(255, 255, 255, 0);
}

.tpcart_sxc .top_cart_c_it_t form input {
    width: 40px;
    height: 28px;
}

.btndel {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 3px;
    float: right;
    background-image: url(../images/trash.svg);
    background-size: 13px auto;
    margin-right: 5px;
background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}


#tpcart_dxc {
    padding-top: 20px;
    padding-bottom: 20px;
}
.tpcart_dxc {
    padding-left: 20px;
    padding-right: 20px;
}


.tpcart_sxc .top_cart_c_it .bprice, .tpcart_sxc .top_cart_c_it h3 {
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
}


.top_cart_foot {
    width: 100%;
    float: left;
    position: relative;
    padding: 5px;
    margin-top: 5px;
}




.top_cart_foot h6 {
    width: 100%;
    float: left;
    line-height: 17px;
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px;
    color: var(--color1);
}
.top_cart_foot .bprice {
    width: 100%;
    float: left;
    line-height: 20px;
    color: var(--color1);
    font-weight: 400;
    font-size: 13px;
}

.tpcart_sxc .btndel, .tpcart_sxc .top_cart_c_it_t form b {
    width: 28px;
    height: 28px;
    cursor: pointer;
}


.top_cart_foot .mdd:hover {
    background-color: var(--color1);
    border: solid 1px var(--color1);
    color: #fff;
}
.top_cart_foot .mdd {
    margin-top: 5px;
    color: var(--color1);
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    width: 158px;
    float: left;
    right: 0;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
}


.tpcart_dx {
    width: 380px;
    float: left;
    padding-left: 40px;
    position: relative;
}


.tpcart_dxc form {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tpcart_dxc form label {
    width: 120px;
    line-height: 16px;
    padding-top: 3px;
    float: left;
    font-size: 13px;
}

.tpcart_dxc form input {
    width: calc(100% - 120px);
    line-height: 34px;
    float: right;
    border: 1px solid #cdcdcd;
    padding-left: 10px;
    background-color: #fff;
    border: solid 1px var(--color1);
}

.tpcart_dxc form button {
    width: auto;
    float: left;
    position: absolute;
    right: 0px;
    line-height: 32px;
    height: 38px;
    border: none;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    cursor: pointer;
    background-color: var(--color1);
}

body .det_car .det_car_it_final {
    background-color:var(--color3) !important;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: none !important;
    margin-top: 10px;
}


.tpcart_dxc_foot .mdd {
    width: auto;
    text-align: left;
    color: #fff !important;
    text-transform: uppercase;
    background-color: #99d384 !important;
    padding-left: 20px;
    position: relative;
    border: solid 2px #99d384 !important;
    overflow: hidden;
    font-size: 13px;
    margin-top: 15px;
    padding-right: 45px;
    float: none;
    display: inline-block;
}
.tpcart_dxc_foot .mdd:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 46px;
    top: 5px;
    right: 0px;
    background-image: url(../images/rightw.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -5px;
    /* background-color: rgba(0, 0, 0, 0.1); */
    background-size: 18px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.tpcart_dxc_foot{
width:100%;
float: left;
text-align: center;
}


.tpcart_sxc .btndel {
    float: left;
    margin-left: 30px;
    background-size: 16px auto;
}

.order-checkout {
    width: 100%;
    float: left;
    /* border: 1px solid #cdcdcd; */
    /* border-radius: 5px; */
    overflow: hidden;
}

.ctabact {
    max-height: 1840px !important;
}
.order-checkout-tab {
    width: 100%;
    float: left;
    max-height: 40px;
    height: auto;
    transition: .3s cubic-bezier(.19, 1, .22, 1);
    overflow: hidden;
    position: relative;
}

.order-preload {
    width: 100%;
    height: calc(100% - 40px);
    position: absolute;
    top: 40px;
    background-color: rgb(238 238 238 / .8);
    display: none;
}

.order-checkout-tab-head {
    width: 100%;
    float: left;
    height: 40px;
    border-bottom: solid 1px #ccc;
}

.ctabact .order-checkout-tab-head i {
    background-color: var(--color1) !important;
    color: #fff;
}
.order-checkout-tab-head i {
    width: 24px;
    height: 24px;
    float: left;
    background-color: var(--color2);
    border-radius: 50%;
    text-align: center;
    color: #aaa;
    font-style: normal;
    line-height: 24px;
    font-size: 10px;
    margin-top: 7px;
    margin-left: 10px;
    margin-right: 10px;
}
.ctabact h4 {
    color: var(--color1) !important;
    font-weight: 400;
    line-height: 36px;
    font-size: 14px;
}
.order-checkout-tab-head h4 {
    line-height: 40px;
    width: auto;
    float: left;
    color: #aaa;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
}

.order-checkout .md_info_dx {
    float: right;
    margin-top: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}

.md_info .mdd {
    line-height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    background-color: var(--color1) !important;
    width: auto;
    float: none;
    display: inline-block;
    cursor: pointer;
    border: none;
    color: #fff !important;
}

.order-form {
    width: 100%;
    float: left;
    padding: 20px 200px 20px 20px;
}

.order-form-it {
    width: 100%;
    float: left;
    line-height: 22px;
    color: var(--color1);
    margin-bottom: 15px;
    position: relative;
}

.order-form-it label {
    width: 230px;
    float: left;
    line-height: 38px;
    text-align: right;
    padding-right: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
}
.order-form-it label em {
    color: red;
}

.order-checkout .md_info_dx {
    float: right;
    margin-top: 20px;
    padding-right: 0px;
    margin-bottom: 5px;
    width: auto;
}


.order-form-it input {
    line-height: 34px;
}
.order-form-it input, .order-form-it select {
    width: calc(100% - 230px);
    border: none;
    float: left;
    padding-left: 10px;
    /* border-radius: 5px; */
    background-color: #fff;
    border: solid 1px #ccc;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.0);
}
.input-error {
    background-color: #fadddd !important;
    border: 1px solid #ec1c24 !important;
    color: #ec1c24 !important;
}


.contpad {
    width: 100%;
    float: left;
    padding-left: 230px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mdcont {
    background-color: #99d384  !important;
    padding-right: 45px;
    float: right;
    color: #fff !important;
    border: solid 1px #99d384!important;
    position: relative;
        margin-top: 10px;
}

.mdcont:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 46px;
    top: 5px;
    right: 0px;
    background-image: url(../images/rightw.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -5px;
    /* background-color: rgba(0, 0, 0, 0.1); */
    background-size: 18px auto;
    background-position: center;
    background-repeat: no-repeat;
}



.container-radio {
    display: block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    float: left;
    line-height: 28px !important;
    font-weight: 400;
    width: auto !important;
    margin-top: 4px;
}

.contpad .container_fltr {
    margin-top: 0;
    font-style: normal;
}
.container_fltr {
    display: block;
    position: relative;
    padding-left: 31px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    float: left;
    width: 100%;
    line-height: 29px;
    font-weight: 400;
    color: var(--color1);
}

.container_fltr input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: solid 1px #ccc;
}

.container_fltr em {
    font-size: 11px;
    font-style: normal;
    opacity: .7;
    width: 100%;
    display: inline-block;
    line-height: 15px;
    float: left;
    margin-bottom: 2px;
}

.crtpre:after,
.ipre:after,
.prld:after {
	aspect-ratio: 1;
	--_m: conic-gradient(#0000 10%, var(--color1)), linear-gradient(#696969 0 0) content-box;
	animation: 1s linear infinite l3
}


.prld {
	width: 100%;
	height: 100%;
	background: rgb(238 238 238 / .9);
	position: absolute;
	left: 0;
	top: 0
}

.prld_fixed {
	position: fixed !important;
	z-index: 99999 !important
}

.crtpre:after, .prld:after {
    content: '';
    width: 10px;
    padding: 4px;
    border-radius: 50%;
    background: var(--color1);
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -17px;
}

@keyframes l3 {
	to {
		transform: rotate(1turn)
	}
}



.popup_reg_sf {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(104 104 104 / .8);
    z-index: 999999;
    top: 0;
    left: 0;
    opacity: 1;
    display: none;
}

.popup_reg {
    width: 800px;
    height: 500px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -250px;
    z-index: 999999;
    display: none;
    padding: 10px;
    border-radius: 6px;
}


.frm_c2 .form-login {
    width: calc(50% - 10px);
    float: left;
    margin-right: 20px;
    position: relative;
}

.frm_c2 .form-login:nth-child(2n){
    margin-right: 0 !important;
}

.md_info_dx {
    width: auto;
    float: right;
    margin-top: 15px;
}
.dvrgft{
width: 100%;
float: left;
margin-top: 10px;
}

.marchisp {
    width: 100%;
    color: var(--color1);
    float: left;
    margin-bottom: 30px;
}

.marchisp b {
    text-decoration: underline;
    font-weight: 600;
}

.newspromo_c {
    width: 100%;
    float: left;
    margin-top: 0;
}

.newspromo_c a {
    width: calc(33.333% - 27px);
    float: left;
    padding: 0 20px 20px;
    margin-right: 40px;
    margin-bottom: 40px;
    min-height: 420px;
    overflow: hidden;
    background-color: var(--color2);
}

.newspromo_c a:nth-child(3n){
    margin-right: 0px!important;
}



.newspromo_c a span {
    width: calc(100% + 40px);
    margin-left: -20px;
    float: left;
}

.newspromo_c a span img{
    width: 100%;
    float: left;
}
.newspromo_c a h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin-top: 15px;
    padding-right: 40px;
    letter-spacing: 1px;
    padding-right: 0px;
    font-family: "Grenze", serif;
}

.newspromo_c a p {
    width: 100%;
    height: auto;
    -webkit-transition: .7s cubic-bezier(.73, .01, .36, .99);
    transition: .7s cubic-bezier(.73, .01, .36, .99);
    line-height: 20px;
    margin-bottom: 0 !important;
    text-align: left;
    color: var(--color1);
}

.paginationc {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    position: relative;
    float: left;
}

.paginationc a {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    line-height: 40px;
    color: var(--color1);
    text-align: center;
    cursor: pointer;
}

.paginationcc {
    float: left;
    margin: auto auto auto 165px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    width: calc(100% - 330px);
}

.paginationcc a {
    width: 40px !important;
    float: none !important;
    display: inline-block !important;
}
.paginationc a {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    line-height: 42px;
    color: var(--color1);
    text-align: center;
    cursor: pointer;
    background-color: var(--color2);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.52px;
}

.pagination-next {
    float: right !important;
    padding-right: 25px;
    padding-left: 20px;
    text-align: left !important;
    background-image: url(../images/right-fr.svg);
    background-position: right 15px center;
}

.pagination-back {
    float: left;
    padding-left: 25px;
    padding-right: 20px;
    text-align: right !important;
    background-image: url(../images/left-fr.svg);
    background-position: 15px center;
}
.pagination-back, .pagination-next {
    width: 130px !important;
    background-repeat: no-repeat;
    background-size: 6px auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.newspromo_dettagli h1 {
    width: 100%;
    float: left;
    font-size: 52px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 10px;
}

.newspromo_dettagli h2 {
    width: 100%;
    float: left;
    text-align: left;
    color: var(--color1);
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 28px;
}


.newspromo_dettagli figure img {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    height: auto;
}

.latestblog {
        width: 100%;
    float: left;
    background-color: var(--color2) !important;
}
.blogdesc, .blogdesc div, .blogdesc span {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 26px;
}

.blogdesc, .blogdesc div, .blogdesc span {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 26px;
}

.blogdesc{
    margin-top: 20px;
    margin-bottom: 20px;
}



.cl_reserved {
    width: 100%;
    font-style: normal;
    margin-top: 20px;
}


.newspromo_dettagli .det_social {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.det_social {
    width: auto;
    float: right;
    margin-top: 0;
}

.det_social a:first-child {
    background-color: #1474ec;
    background-image: url(../images/share_facebook.svg);
    background-size: 20px auto;
}

.det_social a:nth-child(2) {
    background-color: var(--color1);
    background-image: url(../images/share_twitter.svg);
    background-size: 20px auto;
}

.det_social a:nth-child(3) {
    background-color: #34b946;
    background-image: url(../images/share_whatsapp.svg);
    background-size: 20px auto;
}

.det_social a:nth-child(4) {
    background-color: #183e8f;
    background-image: url(../images/share_email.svg);
    background-size: 18px auto;
}
.dbrand, .det_social a:first-child, .det_social a:nth-child(2), .det_social a:nth-child(3), .det_social a:nth-child(4), .detail_thumb .tparrows1, .detail_thumb .tparrows2, .tp_detail_sx .detail_slider .item i {
    background-position: center;
    background-repeat: no-repeat;
}

.det_social a {
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 5px;
}


.md_title {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.md_title h4 {
    width: 100%;
    float: left;
    color: var(--color1);
    letter-spacing: 1px;
        font-family: "Grenze", serif;
            font-size: 52px;
    line-height: 50px;
    font-weight: 600;
}


.home_slogan_sub_slider .item span {
    padding: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.corre_slider .item span, .home_slogan_sub_slider .item span, .usato_slider .item span {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
}

.home_slogan_sub_slider .item span img {
    width: 100% !important;
    float: left;
    height: auto !important;
}

.home_slogan_sub_slider .item h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    margin-bottom: 5px;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin-top: 5px;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
    font-size: 19px;
    line-height: 22px;
}
.home_slogan_sub_slider .item em, .iinfo, .tp_page_lis_body .item em {
    width: 100%;
    float: left;
    font-size: 12px;
    font-style: normal;
    color:var(--color1);
}


.home_slogan_sub_slider .item {
    cursor: pointer;
    width: 100%;
    float: left;
    height: 300px;
}

.main_slider {
    width: 100%;
    height: auto;
    float: left;
}


.nnd_alert {
	width: 100%;
	position: fixed;
	right: 0;
	bottom: 0;
	opacity: 1;
	-webkit-transition: .3s cubic-bezier(.215, .61, .355, 1);
	-moz-transition: .3s cubic-bezier(.215, .61, .355, 1);
	-ms-transition: .3s cubic-bezier(.215, .61, .355, 1);
	-o-transition: .3s cubic-bezier(.215, .61, .355, 1);
	transition: .3s cubic-bezier(.215, .61, .355, 1);
	height: 40px;
	line-height: 40px;
	text-align: center;
	z-index: 99999999999;
    color: #fff;
    font-size: 13px;
}


.nnd_alert_ini {
	bottom: -40px !important
}

.container-radio input:checked~.checkmark,
.nwl_danger {
	background-color: #e25252
}

.nwl_danger {
	background-color: #e25252;
}


.nwl_success {
	background-color: #57ce57
}

.oinfo {
    width: calc(100% - 0px);
    font-style: normal;
    font-size: 13px;
    background-position: left 0 center;
    padding: 10px 10px 10px 23px;
    margin-top: 15px;
    margin-bottom: 10px;
    background-image: url(../images/info.svg);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: left center;
    line-height: 19px;
    float: left;
}

.order-form-it select {
    line-height: 37px;
    background-position: right 12px center;
    background-size: 13px auto;
    background-image: url(../images/down.svg);
    background-position: right 12px center;
    background-size: 13px auto;
    background-repeat: no-repeat;
}
.indfatturac {
    padding: 0px;
    border-radius: 6px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
    width: 100%;
    float: left;
}
.indfatturac strong {
    width: 100%;
    float: left;
    color: var(--color1);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-size: 14px;
}
.indfattura .order-form-it, .infobon p {
    margin-bottom: 5px;
}

.indfattura {
    padding-left: 210px;
    overflow: hidden;
    display: none;
}

.indfattura .order-form-it label {
    width: 160px;
    float: left;
    line-height: 30px;
    padding-right: 20px;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}

.indfattura .order-form-it input, .indfattura .order-form-it select {
    line-height: 28px;
    width: calc(100% - 160px);
    height: 32px;
}


.mdcontinv {
    background-color: #eeeeee !important;
    background-image: url(../images/leftwr.svg) !important;
    background-position: 16px center;
    padding-left: 46px;
    float: left;
    margin-left: 230px;
    padding-right: 30px;
    border: solid 2px #eeeeee;
    color: var(--color1) !important;
    background-size: 18px auto;
    background-position: 10pxcenter;
    background-repeat: no-repeat;
        margin-top: 10px;
}

.btn_log_in{
    background-image: none!important;
}

.btn_log_in i {
    color: #fff !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    width: 41px;
    height: 41px;
    float: left;
    border-radius: 50%;
    line-height: 43px;
}



.ltr_A{background-color:var(--color3);}
.ltr_B{background-color:#ff9b83;}
.ltr_C{background-color:#976393;}
.ltr_D{background-color:#685489;}
.ltr_E{background-color:#43457f;}
.ltr_F{background-color:#064273;}
.ltr_G{background-color:#76b6c4;}
.ltr_J{background-color:#b88a9f;}
.ltr_H{background-color:#ffeead;}
.ltr_I{background-color:#1da2d8;}
.ltr_L{background-color:#b7dee4;}
.ltr_M{background-color:#96ceb4;}
.ltr_N{background-color:#7fcdff;}
.ltr_O{background-color:#ff6f69;}
.ltr_P{background-color:#ffcc5c;}
.ltr_Q{background-color:#88d8b0;}
.ltr_R{background-color:#daf8e3;}
.ltr_S{background-color:#97ebdb;}
.ltr_T{background-color:#00c2c7;}
.ltr_U{background-color:#0086ad;}
.ltr_V{background-color:#005582;}
.ltr_Z{background-color:#b88a9f;}
.ltr_X{background-color:#b88a9f;}

.btn_log_in .btn_log_cc p {
    margin-bottom: 10px;
}
.btn_log_in .btn_log_cc a {
    color: var(--color1) !important;
    width: 100%;
    float: left;
    background-color: var(--color2);
    margin-bottom: 2px;
    text-align: left;
    padding-left: 15px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 40px;
}

.btn_log_in .btn_log_cc a:hover {
    text-decoration: underline;
}

.dsnt {
    width: auto;
    float: right;
    background-position: left center;
    color: var(--color1);
    margin-top: -19px;
    font-size: 14px;
}
.dsnt {
    margin-top: -40px;
    font-size: 13px;
    /* line-height: 25px; */
}
#lg-counter, .dsnt {
    padding-left: 24px;
}
.dsnt, .mblogin:after {
    background-image: url(../images/cate.svg);
    background-repeat: no-repeat;
    background-size: 18px auto;
}


.tp_account_menu{
    width: 100%;
    float: left;
}

.tp_account_menu a {
    width: 200px;
    margin-right: 15px;
    margin-bottom: 25px;
    float: left;
    text-align: center;
    position: relative;
    height: 40px;
    background-color: var(--color2);
}


.tp_account .mdd {
    margin-left: 230px;
    margin-top: 10px;
    color: var(--color1);
        background-position: center;
    background-size: 24px auto;
    background-repeat: no-repeat;
}
.acc_info i {
    background-image: url(../images/acc_info.svg);
}
.acc_ordini i {
    background-image: url(../images/acc_ordini.svg);
}

.acc_chat i {
    background-image: url(../images/chat.svg);
}

.tp_account_menu a i {
    height: 50px;
    background-position: 10px center;
    background-size: 21px auto;
    width: 40px;
    height: 40px;
    float: left;
    background-repeat: no-repeat;
}

.tp_account_menu a strong {
    width: auto;
    float: left;
    height: auto;
    color: var(--color1);
    line-height: 20px;
    font-weight: 500;
    /* text-transform: uppercase; */
    line-height: 40px;
    padding-left: 2px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
}
.tp_account_menu a em {
    width: 22px;
    height: 22px;
    position: absolute;
    background: var(--color3);
    border-radius: 50%;
    z-index: 2;
    right: -10px;
    top: -10px;
    line-height: 22px;
    font-style: normal;
    color: var(--color1);
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    font-size: 11px;
    text-align: center;
}

.tp_account_notifiche {
    width: 100%;
    float: left;
    padding: 15px;
    margin-bottom: 30px;
    background-color: var(--color2);
}
.tp_account_notifiche h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.tp_account_notifichec{
    width: 100%;
    float: left;
}

.tp_account_notifiche_it {
    line-height: 20px;
    padding-left: 28px;
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 9px;
    background-image: url(../images/notification.svg);
    background-position: 0px center;
    background-size: 19px auto;
    background-repeat: no-repeat;
}
.tp_account_notifiche_it em {
    width: 120px;
    float: left;
    font-style: normal;
    margin-right: 20px;
    opacity: .8;
    font-size: 12px;
}
.tp_account{
    width: 100%;
    float: left;
}
.tp_account h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.metodi, .pagamnt {
    width: 100%;
    float: left;
    padding: 0px 0px 0;
}

.metodi_it {
    padding: 15px;
    margin-bottom: 10px;
    background-color: var(--color2);
       width: 100%;
    float: left; 
}



.metodi_it i, .pagamnt_it i {
    width: 36px;
    height: 36px;
    float: left;
    position: relative;
        background-color: #fff ;
    border: 1px solid #ccc ;
    cursor: pointer;
}


.metodi_it span {
    width: 66px;
    height: 66px;
    float: left;
    background-color: #fff;
    margin-left: 50px;
    background-size: contain;
}



.metodi_it i:after, .pagamnt_it i:after {
    left: 12px;
    top: 5px;
    width: 10px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    opacity: 0;
}

.metodi_it_t, .pagamnt_it_t {
    width: calc(100% - 153px);
    float: left;
    padding-left: 15px;
    cursor: pointer;
}

.mtact i:after, .ptact i:after {
    opacity: 1 !important;
}
.metodi_it h4 {
    width: 40%;
    float: left;
    color: var(--color1);
    font-weight: 600;
    font-size: 14px;
}

.metodi_it b, .metodi_it p {
    width: 30%;
    font-size: 13px;
    float: left;
}

.metodi_it b {
    color: var(--color1);
    font-weight: 600;
    text-align: right;
}
.metodi_it b, .metodi_it p {
    width: 30%;
    font-size: 13px;
    float: left;
    line-height: 34px;
}


.pagamnt{
    width: 100%;
    float: left;
}

.pagamnt_it  {
    padding: 15px;
    margin-bottom: 10px;
    background-color: var(--color2);
    width: 100%;
    float: left;
}

.paypal_finc {
    width: 560px;
    height: 600px;
    position: absolute;
    margin-left: -280px;
    margin-top: -300px;
    border-radius: 6px;
    /* border: 1px solid #cdcdcd; */
    overflow-y: auto;
    background-color: #fff;
    left: 50%;
    top: 50%;
    overflow-x: hidden;
}


.home_header_det .home_header_it_t h4 {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home_header_det .home_header_it_t h1 {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 52px;
    line-height: 50px;
    margin-top: 10px;
        font-family: "Grenze", serif;
}


.home_header_det .home_header_it figure:after{
    background-color: rgba(0, 0, 0, .10)!important;
}

.home_products_dx_1{background-color: #fad7d8!important;}
.home_products_dx_2{background-color: #faecd8!important;}
.home_products_dx_3{background-color: #f8e4d6!important;}
.home_products_dx_4{background-color: #f1f3de!important;}
.home_products_dx_5{background-color: #fcf4e6!important;}


.onlymobilea{
display: none;
}

.onlymobile {
    width: 100%;
    float: left;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 10px;
    display: none;
}
.onlymobile img {
    width: 230px;
    float: none;
    display: inline-block;
}

.nlycolor_1{background-color: #fad7d8!important;}
.nlycolor_2{background-color: #faecd8!important;}
.nlycolor_3{background-color: #f8e4d6!important;}
.nlycolor_4{background-color: #f1f3de!important;}
.nlycolor_5{background-color: #fcf4e6!important;}



.bform_it, .inlogged p, .offert_lat_mob a, .tp_orders_car {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.inlogged strong {
    width: 100%;
    float: left;
    color: #494949;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.inlogged b {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.inlogged a {
    cursor: pointer;
    border: none;
    line-height: 20px;
    margin-left: 5px;
    border: 1px solid #494949;
    background-color: #fff0;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    color: #494949;
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    height: 22px;
    display: inline-block;
}


.inlogged i {
    font-style: normal;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.home_det{
    width: 100%;
    float: left;
}


.home_detc1{
width:45%;
float: left;
}
.home_detc1 figure{
width:100%;
margin-left: 0px;
margin-right: 0px;
float: left;
}

.home_detc1 img{
width:100%;
float: left;
}

.home_detc2{
width:55%;
float: left;
padding-left: 50px;
}

.home_detc2 h1 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 52px;
    line-height: 50px;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
}

.home_detc2 h2 {
    width: 100%;
    float: left;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 5px;
}
.home_detc2 p{
    width: 100%;
    float: left;
}

.home_detc2 .bprice {
    font-size: 28px;
    width: 100%;
    float: left;
    color: var(--colore1);
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}


.home_bio_c1 p {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}


.home_detc2 .top_cart_c_it_t form b {
    width: 52px;
    height: 52px;
    background-size: 16px auto;
    background-color: #fff;
}

.home_detc2 .top_cart_c_it_t form input {
    width: 60px;
    line-height: 48px;
    font-size: 13px;
    background-color: #fff;
}
.home_detc2 .mdcart {
    width: 260px;
    text-align: left;
    color: #fff !important;
    text-transform: uppercase;
    background-color: #99d384 !important;
    padding-left: 20px;
    position: relative;
    border: solid 2px #99d384 !important;
    overflow: hidden;
    font-size: 14px;
    margin-left: 15px;
    line-height: 46px;
    border-radius: 56px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
                    background-image: url(../images/cartw.svg);
            background-size: 36px 36px;
    background-position:right 10px center;
    background-repeat: no-repeat;
}
.det_car {
    width: 100%;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
}
.det_car h5 {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}

.det_car .det_car_it:nth-child(odd) {
    background-color: #ffffff;
}
.det_car .det_car_it:nth-child(even) {
    background-color: #fafafa;
}
.det_car_it{
    width: 100%;
    float: left;
}
.det_car_it strong {
    width: 35%;
    font-weight: 400;
    padding-right: 20px;
    color: var(--color1);
    font-weight: 600;
    padding-left: 10px;
}

.det_car_it p {
    width: 65%;
    margin-bottom: 0 !important;
    font-weight: 400;
}

.det_car_accord{
    width: 100%;
    float: left;
}

.top_cart_c_it_t {
	width: calc(100% - 66px);
	float: left;
	padding-left: 10px
}
.home_detc2 .top_cart_c_it_t {
	padding-left: 0px;
        width: calc(100% - 0px);
}

.det_car_accord_it {
    width: 100%;
    float: left;
    padding-left: 60px;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
}

.det_car_accord_it i {
    width: 40px;
    height: 40px;
                
            background-size: 36px 36px;
    background-position:center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
}

.det_car_accord_it1 i{background-image: url(../images/car1.svg);}
.det_car_accord_it2 i{background-image: url(../images/car2.svg);}
.det_car_accord_it3 i{background-image: url(../images/car3.svg);}



.det_car_accord_it b {
    width: 100%;
    float: left;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
}


.det_car_accord_it p {
    width: 100%;
    float: left;
    font-size: 13px;
}


.pmin{
    font-size: 12px!important;
    margin-bottom: 20px!important;
}


.product_box_showcase {
    width: 100%;
    float: left;
}


.product_box_showcase .item{
    width: 100%;
    float: left;
    filter: blur(4px);
    opacity:0.4;
      transition: all .6s cubic-bezier(.19,1,.22,1);
margin-bottom: 180px;
}
.product_box_showcase  .center .item{
 filter: blur(0px)!important;   
  opacity:1!important;  
}


.product_box_showcase .item figure {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    padding: 100px;
    transition: all .6s cubic-bezier(.19,1,.22,1);
}

.home_products_dxc{
      width: 100%;
    float: left;  
}

.product_box_showcase .center .item figure {
    padding: 0px;
}


.product_box_showcase .item figure img {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}
.product_box_showcase .item h3 {
    width: 100%;
    float: left;
    color: #494949;
    font-size: 33px;
    line-height: 35px;
    margin-bottom: 10px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Grenze", serif;
}
.product_box_showcase .item p {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    text-align: center;
}


.vdsshop{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px!important;
}

.vdsshop h2 {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: var(--color1);
    /* text-transform: uppercase; */
    font-weight: 600;
    font-size: 52px;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 25px;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
}
.vdsshop p{
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: var(--color1);
    line-height: 24px;
        margin-bottom: 25px;
}

.vdsshop .dalign .mdd {
    background-color: rgba(255, 255, 255, 1);
    color: var(--color1)!important;
    border: solid 1px var(--color1)!important;
}






.product_box_showcase .tparrows1 {
    width: 31px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    z-index: 222;
    margin-left: 15px;
    background-color: rgba(0, 0, 0, 0);
    left: 50%;
    bottom: 90px;
    background-image: url(../images/left.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -50px;
}

.product_box_showcase  .tparrows2 {
    width: 31px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    z-index: 222;
    margin-left: 15px;
    background-color: rgba(0, 0, 0, 0);
    right: 50%;
    bottom: 90px;
    background-image: url(../images/right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
     margin-right: -50px;
}

.tpcart_dx .det_car {
    margin-top: 10px;
    margin-bottom: 0px;
}


.tpcart_dx .det_car_it {
background-color: rgba(255,255,255,0)!important;
}
.sechead {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.home_biodet{
width:100%;
float: left;
padding-bottom: 80px;
}
.home_port {
width:100%;
float: left;
}
.aboustory {
width:100%;
float: left;
}

.sechead figure {
    width: 100%;
    float: left;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    transform: scale(1);
    transition: transform 4.5s cubic-bezier(.19,1,.22,1), opacity 1.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}
.sechead figure:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .30);
    z-index: 1;
transition: all 1.5s cubic-bezier(.19,1,.22,1);
}
.animation_ini .sechead figure{
  transform: scale(1.1)!important;  
}

.animation_trans .sechead figure{
    transform: scale(1.1)!important; 
    opacity:0!important; 
  }






.secheadt {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 47px;
    text-align: center;
    opacity: 1;
    top: 50%;
    position: absolute;
    width: 100%;
    margin-top: 30px;
}
.secheadt h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 37px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 0px;
    padding-left: 0px;
    font-family: "Grenze", serif;
}


.home_biodet .home_bio_c1 {
width: 100%!important;
padding-bottom: 30px!important;
}
.home_biodet .home_bio_c1 h1 {
    text-align: center;
}
.home_biodet .home_bio_c1 p {
    text-align: center;
}
.home_biodet .home_bio_c2 {
width: 100%!important;
}

.home_biodet .home_bio_c2 img {
    width: calc(100% + 0px);
    float: left;
    margin-left: 0px;
}
.gal_sliderc {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 40px;
}
.home_products_dxc h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 17px;
    line-height: 44px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}
.home_products_dxc{
    padding-top: 90px;
}
.home_products_dxc .item {
    margin-top: -70px;
}

.home_products_dxc_showc{
    padding-top: 50px!important;
        transition: transform 4.5s cubic-bezier(.19,1,.22,1), opacity 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}


.animation_ini .home_products_dxc_showc{
    opacity:0!important;   
}

.animation_trans .home_products_dxc_showc{
    opacity:0!important; 
  }



  .ris_br{
        transition: transform 4.5s cubic-bezier(.19,1,.22,1), opacity 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
  }

.animation_ini .ris_br{
    opacity:0!important;   
}

.animation_trans .ris_br{
    opacity:0!important; 
  }


.contact_header,.contact_page ,.cont_frmn {
   transition: transform 4.5s cubic-bezier(.19,1,.22,1), opacity 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}

.animation_ini .contact_header,.animation_ini .contact_page,.animation_ini .cont_frmn{
    opacity:0!important;   
}

.animation_trans .contact_header,.animation_trans .contact_page,.animation_trans .cont_frmn{
    opacity:0!important; 
  }


.pageshop {
   transition:  all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    margin-top: 0px;
}

.animation_ini .pageshop{
    opacity:0!important;   
    margin-top: 30px!important;
}

.animation_trans .pageshop{
      opacity:0!important;   
    margin-top: 30px!important;
  }



.tp_page {
   transition:  all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}

.animation_ini .tp_page{
    opacity:0!important;   
}

.animation_trans .tp_page{
      opacity:0!important;   
  }




.home_header_det {
   transition:  all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}

.animation_ini .home_header_det{
    opacity:0!important;   
}

.animation_trans .home_header_det{
      opacity:0!important;   
  }








  
.tp_orders_it_art {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}



.home_biodet .home_bio_c2 figure img{
width:700px;
float: none;
display: inline-block;
margin-bottom: 0px;
}

.home_biodet h4 {
    width: 100%;
    float: left;
    color: #e4a13a;
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 0px;
    /* text-transform: uppercase; */
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
}

.home_portgal{
background-color: var(--color3)!important;
}




.home_portgal .tparrows1 {
    width: 31px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    z-index: 222;
    margin-left: 15px;
    background-color: rgba(0, 0, 0, 0);
    left: -15px;
    bottom: -40px;
    background-image: url(../images/left.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home_portgal .tparrows2 {
    width: 31px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    z-index: 222;
    margin-left: 15px;
    background-color: rgba(0, 0, 0, 0);
    left: 45px;
    bottom: -40px;
    background-image: url(../images/right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.aboustoryc1{
width:40%;
float: left;
}
.aboustoryc2{
width:60%;
float: left;
padding-left: 50px;
}

.aboustoryc1 img{
width:100%;
float: left;
}

.aboustoryc2 h2 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 52px;
    line-height: 50px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
       font-family: "Grenze", serif;
}

.aboustoryc2 p {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.mgallery_it {
    width: calc(25% - 23px);
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    height: auto;
    cursor: pointer;
}
.home_port_galleryc .mgallery_it:nth-child(4n) {
    margin-right: 0px !important;
}

.mgallery_it img {
    width: 100%;
    float: left;
}

.home_port_galleryc{
      width: 100%;
    float: left;  
    margin-top: 60px;
}

.enor .portfolio_box:nth-child(1) {
    margin-bottom: 30px;
}

.otherprod{
background-color: var(--color2)!important;
}


.tp_orders_it {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    max-height: 51px;
    transition: .4s;
    background-color: var(--color2);
}
.tp_orders_it_open {
	max-height: 1200px !important
}

.tp_orders_it h2 {
	width: 100%;
	float: left;
	color: var(--color1);
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px
}

.tp_orders_it h2 b {
	color: var(--colore2);
	font-size: 16px;
	font-weight: 600
}

.tp_orders_it_head_date {
    width: 32%;
    float: left;
    text-transform: none;
    line-height: 50px;
    padding-left: 20px;
    font-size: 14px;
}
.tp_orders_it_head_price {
    width: 15%;
    float: left;
     line-height: 50px;
}

.tp_orders_it_head_date b {
    font-weight: 600;
}
.tp_orders_it_head_state {
    width: 25%;
    float: left;
    line-height: 50px;
}

.tp_orders_it_head_price {
    width: 15%;
    font-size: 13px;
    float: left;
}


.tp_orders_it_sx {
	width: calc(100% - 440px);
	float: left;
	padding: 20px 40px 20px 20px
}

.tp_orders_it_art img {
	width: 80px;
	height: 80px;
	float: left;
	border: 1px solid #efeff0;
}

.tp_orders_it_art_t h3,
.tp_orders_it_art_t h4,
.tp_orders_it_dx h3 {
	width: 100%;
	font-size: 13px;
	float: left
}

.tp_orders_it_art_t {
	width: calc(60% - 80px);
	float: left;
	padding-left: 15px
}

.tp_orders_it_art_t h3 {
    font-weight: 600;
    margin-bottom: 0px;
    FONT-SIZE: 14PX;
}

.tp_orders_it_art_t h4 {
	margin-bottom: 7px;
	font-weight: 400
}

.tp_orders_it_art_p, .tp_orders_it_art_pt {
    width: 15%;
    float: left;
    font-weight: 500;
    padding-left: 10px;
    FONT-SIZE: 13PX;
}
.tp_orders_it_art_q {
    width: 10%;
    float: left;
    padding-left: 10px;
    FONT-SIZE: 13PX;
}

.tp_orders_it_dx {
    width: 400px;
    float: left;
    padding: 15px;
    height: auto;
background: rgba(0, 0, 0, 0.05);
    margin-top: 20px;
}

.tp_orders_it_dx h3 {
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px
}

.tp_orders_state i {
    width: 8px;
    height: 8px;
    float: left;
    border-radius: 50%;
    margin-top: 21px;
    margin-right: 7px;
}

.tp_orders_state p {
    width: auto;
    float: left;
    font-weight: 400;
    font-size: 13px;
}
.tp_orders_it_head_met {
    width: calc(30% - 155px);
    font-weight: 400;
    float: left;
    text-transform: none;
        font-size: 13px;
}
.tp_orders_it_head .mdd {
    line-height: 30px;
    padding-left: 20px;
    padding-right: 26px;
    background-image: url(../images/downw.svg);
    font-weight: 400;
    font-size: 11px;
    float: right;
    margin-top: 9px;
    color: #494949 !important;
    background-position: right 10px center;
    background-size: 11px;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.tp_orders_it_head {
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    position: relative;
}
.tp_orders_it_open .tp_orders_it_head .mdd {
    background-image: url(../images/upw.svg) !important;
}


.tp_orders_state_0 i {
	background-color: #ea4545
}

.tp_orders_state_0 p {
	color: #ea4545
}

.tp_orders_state_1 i {
	background-color: #c97513
}

.tp_orders_state_1 p {
	color: #c97513
}

.tp_orders_state_2 i {
	background-color: #edbf34
}

.tp_orders_state_2 p {
	color: #edbf34
}

.tp_orders_state_3 i {
	background-color: #3fcb60
}

.tp_orders_state_3 p {
	color: #3fcb60
}

.tp_orders_state_4 i {
	background-color: #ca309d
}

.tp_orders_state_4 p {
	color: #ca309d
}

.tp_orders_car p, .tp_orders_tot_it p {
    width: 50%;
    float: left;
    color: var(--color1);
    font-weight: 400;
    font-size: 13px;
}

.tp_orders_car strong {
	width: 50%;
	float: left;
	font-size: 13px;
	font-weight: 400
}

.btpay {
	background-color: #2fb5d2 !important;
	margin-top: 10px;
	margin-bottom: 5px
}

.tp_orders_tot_it strong {
	width: 50%;
	float: left;
	font-size: 13px;
	font-weight: 400;
	line-height: 30px;
	padding-left: 0px
}

.tp_orders_tot_it p {
	line-height: 30px
}


.tp_orders_indirizzo {
    width: calc(50% - 15px);
    float: left;
    margin-right: 15px;
    margin-top: 20px;
    font-size: 13px;
}


.pagination, .tp_orders_tot {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.tp_orders_tot_it {
    width: 100%;
    float: left;
    BORDER-BOTTOM: solid 1px rgba(0, 0, 0, 0.1);
}


.tp_orders_it_dx .tp_orders_state i{
margin-top: 7px;
}
.tp_orders_state {
    width: 100%;
    float: left;
}

.tp_orders_it_dx .tp_orders_state {
margin-bottom: 10px;
}

.infobon_it {
	width: 100%;
	height: auto;
	float: left
}


.infobon {
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    font-size: 13px;
    margin-top: 20px;
    width: 100%;
    float: left;
}

.infobon_it b {
	width: 150px;
	float: left;
	font-weight: 500;
	line-height: 20px
}

.infobon_it p {
	width: calc(100% - 150px) !important;
	margin-bottom: 0;
	line-height: 20px
}

.indpass {
    width: calc(100% - 40px);
    background-color: #f9f9f9;
    /* border: 1px solid #cdcdcd; */
    /* border-radius: 5px; */
    padding: 10px;
    float: left;
    margin-left: 20px;
    background-color: var(--color2);
}

.indpass strong {
	color: var(--colore1);
	width: 100%
}

.indpass .tp_orders_indirizzo {
    width: calc(100% - 0px);
    margin-right: 0;
    margin-top: 0;
    line-height: 17px;
}

.indpass strong, .tp_orders_indirizzo strong {
    font-weight: 600;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    float: left;
    text-transform: uppercase;
}
.tp_orders_indirizzo p {
    width: 100%;
    float: left;
    float: left;
    line-height: 20px;
}
.portfolio_slider .item{
width: 100%;
float: left;
}



















header {
	display: block;
	text-align: center;
	background-color: blue;
	padding: 40px;
}

main {
	margin: 40px 0;
}

.center {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
}

.center:after { /*CLEARFIX*/
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.left-sidebar {
	float: left;
	width: 430px;
	margin-right: 10px;
	text-align: center;
}

.row {
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
}

.content {
	padding: 80px 20px;
	background-color: red;
}

.main-content {
	float: left;
	width: 620px;
	margin-left: 20px;
	background-color: blue;
	height: 800px;
	padding: 40px;
	text-align: center;
}

.fullwidth {
	float: left;
	clear: both;
	margin-bottom: 40px;
	width: 100%;
	padding: 40px;
	text-align: center;
	height: 300px;
	background-color: blue;
}

.fullwidth.two {
	margin-bottom: 0;
	margin-top: 40px;
}

.en_language {
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 22px;
    margin-left: 23px;
    cursor: pointer;
    position: relative;
}

.en_language span {
    width: 40px;
    height: 40px;
    float: left;
    background-position: center;
    background-size: 24px auto;
    background-repeat: no-repeat;
}

.en_languagec {
    display: none;
    position: absolute;
    width: 40px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
    top: 40px;
    left: 0;
    height: auto;
    overflow: hidden;
}
.en_language:hover .en_languagec {
    display: block!important;
}
.en_languagec a{
width: 40px;
height: 40px;
border-bottom: solid 1px rgba(0,0,0,0.05);
float: left;
    background-position: center;
    background-size: 24px auto;
    background-repeat: no-repeat;
}

.enlg_it {
    background-image: url(../images/it.svg);
}

.enlg_en {
    background-image: url(../images/en.svg);
}


.en_languagec a:nth-child(1){
background-image: url(../images/it.svg);
}


.en_languagec a:nth-child(2){
background-image: url(../images/en.svg);
}


.en_languagec a:hover{
background-color: var(--color2);
}

.langmob {
    width: 100%;
    float: left;
    margin-top: -29px;
    margin-bottom: 30px;
}
.langmob label {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 11px;
}
.langmob a{
width: auto;
float: left;
margin-right: 20px;
}
.langmobact {
    border-bottom: solid 2px #494949;
    font-weight: 600;
}


.otherprod .gal_slider h3 {
    width: 100%;
    float: left;
    color: var(--color1);
    font-size: 26px;
    line-height: 27px;
    margin-bottom: 15px;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin-top: 15px;
    padding-right: 40px;
    letter-spacing: 1px;
    font-family: "Grenze", serif;
}


      .left-panel {
    width: 30%;
    background-color: #fff;
    border-right: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    position: relative;
}

.left-panel .search-bar {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 15px;
}

        .left-panel .search-bar input {
            width: 100%;
            padding: 10px;
            border-radius: 20px;
            border: 1px solid #ccc;
        }

        .recent-chats {
            overflow-y: auto;
            flex-grow: 1;
        }

        .recent-chat {
            padding: 15px;
            border-bottom: 1px solid #eee;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
 .recent-chat:active {
background-color: #f5f5f5;
        }

.ctact{
background-color: #f5f5f5!important;
}


        .recent-chat img {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            margin-right: 15px;
        }

        .chat-info {
            flex-grow: 1;
        }

.chat-info h5 {
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    font-weight: 600;
}

        .chat-info p {
            font-size: 0.9em;
            color: #666;
        }

.chat-timestamp {
    font-size: 0.8em;
    color: #999;
    height: 41px;
}

        /* Right Chat Window */
        .chat-window {
            width: 70%;
            display: flex;
            flex-direction: column;
            background-color: #f1f1f1;
            position: relative;
        }
.chat-header {
    background-color: var(--color1);
    color: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    position: relative;
}
        .chat-header i {
    color: #fff !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    line-height: 43px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border: solid 2px #fff;
    text-align: center;
    line-height: 50px;
    margin-right: 10px;
}

        .chat-header img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 15px;
        }

        .chat-header .header-info {
            flex-grow: 1;
        }

   .chat-header .header-info h4 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
}
.chat-header .header-info p {
    font-size: 0.9em;
    color: #ddd;
    font-size: 13px;
}

.recent-chat i {
    color: #fff !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    line-height: 43px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border: solid 2px #fff;
    text-align: center;
    line-height: 50px;
    margin-right: 10px;
    letter-spacing: 1px;
}
.chat-body {
    flex-grow: 1;
    padding: 15px;
    overflow-y: auto;
    background-color: #e5ddd5;
}

        .message {
            margin-bottom: 15px;
            display: flex;
            align-items: flex-start;
        }

        .message.sent .bubble {
            background-color: #dcf8c6;
            margin-left: auto;
        }

        .message.received .bubble {
            background-color: #fff;
            margin-right: auto;
        }

.bubble {
    max-width: 60%;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
    font-size: 13px;
    margin-right: 10px;
}

.timestamp {
    font-size: 0.75em;
    color: #999;
    margin-top: 5px;
    min-width: 30px;
}

        /* Chat Input Area */
        .chat-input {
            background-color: #f0f0f0;
            padding: 15px;
            display: flex;
            align-items: center;
            border-top: 1px solid #ddd;
        }

        .chat-input input {
            flex-grow: 1;
            padding: 10px;
            border-radius: 20px;
            border: 1px solid #ccc;
        }
.chat-input button {
    margin-left: 10px;
    background-color: var(--color1);
    color: white;
    border: none;
    padding: 10px;
    border-radius: 50%;
    font-size: 1.2em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/send.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    width: 40px;
    height: 40px;
}



        .chat_container{
        background-color: #fff;
        width: 100%;
        height: 500px;
        float: left;
        margin-top: 84px;
        border-top: 1px solid #ccc;
            display: flex;
        }



.closechat {
    background: url(../images/closew.svg) center / 16px auto no-repeat;
    position: absolute;
    right: 20px;
    width: 30px;
    height: 30px;
    border: none;
    top: 26px;
    cursor: pointer;
    /* filter: invert(1); */
}


.ntv {
    background-color: #2fd161 !important;
    color: #fff;
    text-align: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    float: right;
    margin-left: 10px;
}

.infochat{
width:100%;
float: left;
position: absolute;
left: 0px;
top: calc(50% - 40px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.infochat i {
    margin-bottom: 20px;
    width: 100%;
    float: left;
    height: 41px;
    background-image: url(../images/chat.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.infochat strong {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.infochat p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
}

.newmessage {
    width: 46px;
    height: 46px;
    float: left;
    background-color: #2fd161;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../images/add.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    border: none;
    right: 20px;
    position: absolute;
    bottom: 20px;
}
.newmessage:active {
    opacity:0.8;
}


.ad_alert {
    width: 100%;
    height: auto;
    float: left;
background: var(--color3);
    padding: 10px;
    font-size: 12px;
    color: var(--colormain0);
    line-height: 19px;
    margin-bottom: 20px;
    background-image: url(../images/notification.svg);
    background-position: 10px center;
    background-size: 19px auto;
    background-repeat: no-repeat;
    padding-left: 40px;
}
.cond_rece_alert strong {
    width: 100%;
    height: auto;
    float: left;
    color: #494949;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.cond_rece_alert p {
    width: 100%;
    height: auto;
    float: left;
    color: #494949;
    font-size: 13px;
}
.userlistsc {
width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(104 104 104 / .8);
    z-index: 999;
    top: 0;
    left: 0;
    opacity: 1;
    display: none;
}

.userlists {
    width: 290px;
    position: fixed;
    bottom: 79px;
    border: solid 2px #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    left: calc(30% - 65px);
    z-index: 9999;
    background-color: #fff;
    display: none;
}

.userlists strong {
    width: 100%;
    height: auto;
    float: left;
    background-color: #494949;
    color: #fff;
    font-weight: 400;
    line-height: 37px;
    font-size: 13px;
    padding-left: 15px;
}


.userlists .recent-chat{
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    padding-top: 5px;
}
.userlists .chat-info p {
    font-size: 13px;
    line-height: 18px;
}
.userlists  .chat-info h5 {
    font-size: 14px;
}


.userlists .closechat {
    top: 3px;
    right: 5px;
    background: url(../images/closew.svg) center / 11px auto no-repeat;
}

.boxcerca{
width: 100%;
    height: calc(100% - 60px);
    margin-top: 60px;
    position: absolute;
    background: #fff;
    display: none;
}





.ppp_video {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(104 104 104 / .8);
    z-index: 999999;
    top: 0;
    left: 0;
    opacity: 1;
    display: none;
}


.ppp_videoc {
    width: 800px;
    height: 500px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -250px;
    z-index: 999999;
    padding: 10px;
    border-radius: 6px;
}


.ppp_videoc_close {
    background: url(../images/close.svg) center / 12px auto no-repeat;
    position: absolute;
    right: 15px;
    width: 24px;
    height: 24px;
    border: none;
    top: 15px;
    cursor: pointer;
    z-index: 2;
}

.ppp_videocontainer {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    padding-top: 40px;
}


.ppp_videocontainer video {
    width: 100%;
    height: 100%;
}


.videoposter{
width:100%;
float:left;
height:auto;
}


.videoposter video{
width:100%;
float:left;
height:640px;
}


@keyframes lineanim {
  0% {
    transform: scaleX(0) translateZ(0);
    transform-origin: 0% 50% 0;
  }
  70% {
    transform: scaleX(1) translateZ(0);
    transform-origin: 0% 50% 0;
  }
  71% {
    transform: scaleX(1) translateZ(0);
    transform-origin: 100% 50% 0;
  }
  100% {
    transform: scaleX(0) translateZ(0);
    transform-origin: 100% 50% 0;
  }
}



.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;touch-action: manipulation;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*! lightgallery - v1.3.9 - 2017-02-05
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */.lg-sub-html,.lg-toolbar{background-color:#eee}#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}@font-face{font-family:lg;src:url(../mob_fonts/lg.eot?n1z373);src:url(../mob_fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../mob_fonts/lg.woff?n1z373) format("woff"),url(../mob_fonts/lg.ttf?n1z373) format("truetype"),url(../mob_fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.05);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#072336}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#072336}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#fff;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:.95}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}