/* CSS Document */
body{
 padding-top: 55px;   
}

h1 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 18px;
}

h2 {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 18px;
}

h3{

}

.wrap {
width:95% !important;
max-width:95% !important;
font-size: 19px;
}

.top, .bottom{
    display: none;
}

a#menuMobile, #menuOverlay{
	display:block;
}

.menu, #menu{
	display:none;
}

#langs, #sublangs{
	display:none;
}

a.wsp {
    bottom: 15px;
    width: 60px;
    height: 65px;
    background-size: auto 65px;
    line-height: 65px;
    font-size: 20px;
}

a.wsp:hover{
    width: 225px;
}

a.wsp span{
    padding-left:60px;
    padding-top:0px;
}

header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 54px;
    z-index: 98;
    background-color: #9fac9a;
    border-bottom: 1px solid #fff;
    background-image: url("../img/artifloraMobile.png");
    background-repeat: no-repeat;
    background-position: 2.5% center;
    background-size: auto 42px; 
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

header .wrap {
    width: 100%;
    max-width: 100%;
}

header .wrap .top{
    display: none !important;
}

.bannersHome ul {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 0px;
}

.bannersHome ul li{
    flex: auto !important;
    width: 100%;
    margin-bottom: 10px;
}

.bannersHome .wrap{
    padding: 0px;
}


.bannersHome ul li, .bannersHome2 ul li {
    height:320px;
}

.bannersHome1 ul li:first-child{
    height: calc(92vh - 55px - 10px - 10px);
}

.bannersHome1 .wrap {
    padding-top:10px;
}

.bannersHome ul > li:hover .bLinks{
    opacity: 0;
}

.bannersHome ul > li:hover .bText, .bannersHome1 ul > li:first-child .bText, .bannersHome ul > li.flex2 .bText{
    font-size: 24px;
}

.bannersHome ul > li:hover .bText strong, .bannersHome1 ul > li:first-child .bText strong, .bannersHome ul > li.flex2 .bText strong{
    font-size: 50px;
    line-height: 57px
}

.colInfo .wrap ul li {
    width: 100%;
}

.colInfo .wrap ul li:first-child img.l {
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}

.bannersTop .wrap ul li{
    width: 100%;
    font-size: 17px;
    background-position: -30px top;
}

.bannersTop .wrap ul li strong {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 8px;
}

.bannersTop .wrap ul li:first-child {
    padding-left: 64px;
    padding-top: 72px;
    background-image: url(../img/bgTime2.png);
}

.bannersTop .wrap ul li:last-child {
    padding-left:30px;
    padding-top: 15px;
}

.bannersTop .wrap ul li:first-child table td {
    padding-right: 6px;
}

.bannersBottom .wrap ul li{
    width: 100%;
}

.bannersBottom .wrap ul li:first-child ul li.cal {
    background-position: center top;
    min-height: 315px;
}

#cc {
    padding-top: 20px;
}

.bannersBottom .wrap ul li:first-child ul li:last-child ul li:first-child, .bannersBottom2 .wrap ul li:last-child ul li:last-child ul li:first-child {
    width: 100%;
    font-size: 17px;
}

.bannersBottom .wrap ul li:first-child ul li:last-child ul li:last-child, .bannersBottom2 .wrap ul li:last-child ul li:last-child ul li:last-child {
    width: 50%;
}

.bannersBottom .wrap ul li:last-child ul li:last-child .button {
    position:relative;
    left: 0px;
    bottom: 0px;
    width: auto;
    margin-top: 10px;
}

.bannersBottom .wrap ul li:last-child ul li:last-child strong {
    font-size: 28px;
    line-height: 32px;
}

.colInfoHome .wrap{
    width: 88% !important;
    max-width: 88% !important;
}

.colInfo .wrap ul li .aws img{
    max-width: 47%;
    margin: 0px;
}

.colItems .wrap, .colEvents .wrap, .colTime .wrap, .contact .wrap, .faqs .wrap, .colBlog .wrap{
    width: 88% !important;
    max-width: 88% !important;
}

.colItems .wrap ul li {
    width: 100%;
}

.colItems .wrap ul li div h3 {
    font-size: 30px;
    margin-bottom: 8px;
}

.colItems .wrap ul li div {
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.colItems .wrap ul li div h6{
    font-size: 19px;
}

.colImages .wrap ul > li:first-child {
    width: 100%;
    padding-right: 0px;
}

.colImages .wrap ul > li:first-child > ul > li:first-child {
    padding-bottom: 10px;
}

.colImages .wrap ul > li:first-child > ul > li:last-child{
    padding-bottom: 10px;
}

.colImages .wrap ul > li:last-child {
    width: 100%;
}

.colImages .wrap ul > li:last-child > ul > li:first-child {
    padding-bottom: 10px;
}

.colImages .wrap ul > li:last-child > ul:last-child > li:first-child {
    padding-right: 0px;
    padding-bottom: 10px;
    width: 100%;
}

.colImages .wrap ul > li:last-child > ul:last-child > li:last-child {
    width: 100%;
    padding-bottom: 0px;
}

.colBrands .marquee {
  --gap: 1.9rem;
}

.colBrands .marquee .marquee__content {
  animation: scroll 90s linear infinite;
}

.colBrands .marquee .marquee__content li img{
    max-width: 135px;
}

.colHistory .wrap ul li{
    width: 100%;
}

.colHistory .wrap ul {
    flex-direction: column-reverse !important;
    margin-bottom: 15px;
}

.colHistory .wrap ul li{
    padding: 12px !important;
    text-align: left !important;
    border: 0px !important;
}

.colHistory .wrap ul li:last-child, .colHistory .wrap ul.even li:first-child {
    adding: 12px !important;
    text-align: left !important;
    
}

.colHistory .wrap ul li:first-child:after, .colHistory .wrap ul.even li:last-child:after{
    display: none;
}

.colHistory .wrap ul.even li strong {
    text-align: left;
    font-size: 32px;
}

.colHistory .wrap ul.even li em {
    text-align: left;
}

.colHistory .wrap ul li .button {
    margin-top:0px;
}

.wrapCC {
    display: block;
    float: none;
    margin: 0px auto;
    max-width: 300px;
}

.wrapLegend {
    display: block;
    float: none;
    margin: 20px auto;
    max-width: 300px;
}

.liDiary{
    display: none;
}

.colEvents .wrap ul li:first-child, .colEvents .wrap ul li:nth-child(2), .colEvents .wrap ul li:nth-child(3) {
    text-align: left !important;
    width: 100% !important;
    padding: 0px !important;
}

.colEvents .wrap ul li:nth-child(3) {
    padding:10px 0px !important;
    padding-bottom: 15px !important;
}

.colEvents .wrap ul li span {
    text-align: left;
    margin: 0px 0px 5px 0px;
}

.colEvents .wrap ul li strong.title {
    font-size: 32px;
}

.colEvents .wrap ul li:last-child .button {
    position: relative;
    left: 0px;
    bottom:0px;
    width: auto;
    width: 50%;
    white-space:nowrap;
}

.colEvents .wrap ul li:first-child img{
    max-width: 90%;
}

.colEvents li:nth-child(2){
    border: 0px !important;
}

.colIcons .wrap ul li {
    margin-bottom: 10px;
    margin-top: 8px;
}

#swiper-galleryL{
    margin-bottom: 20px;
}

.colBlog ul li {
    width:100%;
}

.colBlog ul li img {
    height: 310px;
}

.colTime .wrap div {
    width: 100%;
}

.contact .wrap form {
    width: 100%;
}

.contact .wrap ul {
    background-image: none;
}

.contact .wrap ul li {
    width: 100%;
}

.contact .customInput#captcha {
    width: 52%;
    margin-right: 12px;
}

.colContact ul li {
    width:100%;
    min-height:inherit;
}

.colContact ul li div {
    padding: 30px 0px;
    padding-bottom: 90px;
}

.faqs .wrap div {
    width: 100%;
}

.faqs .wrap h3 {
    font-size: 32px;
}

body.priv{
    padding-top: 0px;
}

header.private{
    width: 100%;
    position: relative;
    background-image: none;
    background-color: transparent;
}

header .wrapPrivate, .wrapPrivate{
    width: 95%;
    max-width: 95%;
}

header .wrapPrivate #langs{
    display: block;
}

.colPrivate{
    width: 100%;
}

footer .wrap{
    width: 88% !important;
    max-width: 88% !important;
}

footer .wrap ul li{
    width: 100%;
    padding: 12px 0px;
    font-size: 18px;
}

footer .bottom1 .wrap ul li{
    padding: 0px;
    padding-bottom: 5px;
}

footer .wrap1{
    padding: 10px 0px;
}

footer .wrap1 ul{
justify-content: center;
}

footer .wrap1 ul li{
    width: auto;
    font-size: 18px;
}

footer .bottom1 .wrap2 ul li strong {
    margin-bottom: 8px;
}

footer .bottom1 .wrap2 ul li:nth-child(3) {
    width: 100%;
    padding: 15px 0px;
    font-size: 13px;
    line-height: 16px;
}

footer .bottom1 .wrap2 ul li:last-child p {
    margin: 0px;
    padding: 0px;
}

footer .bottom2 .wrap3 ul li{
    padding: 0px;
    font-size: 15px;
    line-height: 18px;
}

.button {
    font-size: 18px;
    padding: 0px 12px;
    height: 34px;
    min-height: 34px;
    line-height: 33px;
}