@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Felipa&display=swap');
@font-face {
    font-family: aro1;
    src: url(../fonts/AeonikTRIAL-Light.otf);
}

@font-face {
    font-family: nums;
    src: url(../fonts/wigrum.otf);
}


@font-face {
    font-family: aro2;
    src: url(../fonts/AeonikTRIAL-Bold.otf);
}

@font-face {
    font-family: myriad;
    src: url(../fonts/MyriadPro-Regular.otf);
}

body {
    font-family: 'aro1', sans-serif;

    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'aro2', sans-serif;


}

html,
body {
    overflow-x: hidden;
}

a {
    text-decoration: none !important;
}
.modal-content{
   border-radius: 0; 
}
.modal-title{
    color:#2a502c;
}
.navbar-brand img {
    width: 280px;
}

.navbar-nav {
    align-items: center;
}

.navbar .navbar-nav .nav-link {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 20px;
}

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

    .navbar-brand {
        margin-right: 0;
        padding: 0 50px;
    }
}

.bordfooter{
      margin-bottom: 20px;
    height: 1px;
    background: rgba(0,0,0,0.5);
}

@media (min-width: 1400px){
    .container5, .container5-lg, .containe5r-md, .container5-sm, .container5-xl, .container5-xxl {
    max-width: 1180px;
}
}



.bgmav {
    background: #fff;
    padding: 30px 0;
    border-bottom: 1px solid #000;
}

svg {
    height: 580px;
    overflow: visible;
    width: 550px;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dim {
    width: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.container2 {
    position: relative;
    text-align: center;
    height: 500px;
}

.logotext{
	    font-size: 36px;
    line-height: 1;
}
.flxround {
    display: flex;
    align-items: center;
}

.dimondtitle {
    position: absolute;
    right: 0;
    font-family: 'Playfair Display', sans-serif;
    font-size: 30px;
    border: 2px solid #2a502c;
    min-width: 280px;
    min-height: 55px;
    text-align: center;
    display:none;
    background: #fff;
    color: #2a502c;
    z-index: 2;
}

.linesq {
    z-index: 1;
    position: absolute;
    left: 58%;
    width: 315px;
}

.wrapper {
    position: relative;
    height: 500px;
  
}
.rotatewheel{
      rotate: -90deg;
}

.g5 img {
    rotate: 90deg;
}
.g8 img {
    rotate: 180deg;
}
.g15 img {
    rotate: 90deg;
   
}
.g18{
    transform: translate(-549.681px, 249.778px) !important;
}
.g18 img {
    rotate: 267deg;
     width:60px;
}
.g19 img {

    rotate: 90deg;
}
.g20 img {
    rotate: 110deg;
    width: 63px;
}
.g21 img {
    width: 45px;
}
.g22 img{
     rotate: -45deg;
}
.g24 img {
    rotate: -45deg;
}

.g33 img {
     rotate: 270deg;
}

.st0 {
    fill: none;

}
.g35 img {
    rotate: 90deg;
}
.g36 img {
    rotate: 90deg;
}

.g31{
        transform: translate(137.546px, -63.8648px) !important;
}
.g31 img {
    width: 62px;
    
}
.g20{
    transform: translate(-643.848px, 152.986px) !important;
}
.g19{
        transform: translate(-592.681px, 203.888px) !important;
}

.flxround .item {
    display: inline-block;
    width: 45px;
    height: 45px;

}

img.bigdim {
    position: absolute;
    top: 47%;
    cursor:pointer;
    left: 50.8%;
    width: 140px;
    z-index:9;
    transform: translate(-50%, -50%);
        -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    
}
img.bigdim:hover {
    width:210px;
    
}
.prelative {
    position: relative;
}

.custom-tooltip.tooltip > .tooltip-inner
{
   background: transparent;
     color: #2a502c;
   border-radius:0;
   border:1px solid transparent;
   text-transform:uppercase;
   margin:30px;
    font-family: 'aro2';
   font-size:16px;
   padding:3px 20px;
}

.custom-tooltip.tooltip > .tooltip-arrow::before{
    display:none !important;
}
.posiab{
    
    background-color: transparent;
    font-family: 'aro1';
    color: #000;
    font-size:16px;
    padding: 17px 42px;
    font-weight: bold;
    border: 1px solid #000;
    line-height: 1;
    border-radius: 0;
   
      position: absolute;
        top: 50%;
 
        left: 50%;
        transform: translate(-50%, -50%);
}

.posiab:hover {
   
    background: #2a502c;
    color: #fff;

}


.dim:hover {
    transform: scale(2);

}

.flxround .item:hover {
    z-index: 1;
    position: relative;
}
.owl-carousel{
    margin-top:60px;
}
.owl-stage{
    right:50px !important;
}
.owl-carousel .item{
height: 350px;
    
}


.popover-header{
    background: #2a502c !important;
    color: #fff !important;
    font-family:aro2;
}

#banner {
    background: url(../images/banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: calc(100vh - 106px);
    overflow: hidden;
    position: relative;
}

#banner .overlay1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.overlay1.scrolled {
    opacity: 1 !important;
}

.bannertext {
    font-size: 22px;
    text-align: center;
}

.bannertext2 {
    font-size: 22px;
    margin-top: 20px;

    text-align: center;
}

#about {
    padding: 120px 0;
    overflow: hidden;
    position: relative;
}

.titleabout {
    text-align: center;
}

.textabout {
    text-align: center;
    z-index: 1;
    position: relative;
    line-height: 1.2;
    font-size: 22px;
}

.pattern {
    position: absolute;
    right: 0;
    width: 40%;
}

.shapesbtn {
     cursor: pointer;
    display: inline-block;
    background-color: #fff;
    font-family: aro2;
    color: #2a502c;
    font-size: 20px;
    padding: 7px 42px;
    font-weight: bold;
    rotate: -90deg;
    position: absolute;
    left: -42px;
    border: 2px solid #2a502c;
    border-top:0 !important;
    top: 55%;
    letter-spacing: 2px;
    transform: translate(0, -50%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.shapesbtn:hover {
    background: #2a502c;
    color: #fff;

}


.shapesbtnh {
     cursor: pointer;
    display: inline-block;
    background-color: #fff;
    font-family: aro2;
    color: #2a502c;
    font-size: 18px;
    padding: 7px 42px;
    font-weight: bold;
    border: 2px solid #2a502c;
  
    letter-spacing: 2px;
        -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
   

.shapesbtnh:hover {
    background: #2a502c;
    color: #fff;

}

.container2 {
    position: relative;
    text-align: center;
    height: 500px;
    margin-top: 180px;
    z-index: 3;
}

.shapessection {
    position: absolute;
    z-index: 9;
    background: #2a502c;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    padding-top: 90px;
    padding-bottom: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.shapessection.open {
    left: 0;
}

.shapename {
    color: #b3c0b7;
    font-family: aro2;
    font-size: 20px;
    text-align: center;

}

.intshap {
    margin-bottom: 80px;
}

.shapeicon {
    cursor: pointer;
   
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.shapeicon:hover {
    scale: 1.2;
}

.closeslide {
    position: absolute;
    cursor: pointer;
    right: 50px;
    top: 50px;
    z-index: 9;
    width: 70px;
}

#story {
    padding: 120px 0;
}

.mtstory {
    margin-top: 80px;
}

.intstory {
    padding: 30px 20px 180px;
    position: relative;
    height: 100%;
    box-shadow: 1px 10px 5px 0px rgba(42,80,44,0.75);
-webkit-box-shadow: 1px 10px 5px 0px rgba(42,80,44,0.75);
-moz-box-shadow: 1px 10px 5px 0px rgba(42,80,44,0.75);
    cursor: pointer;
    background: #f2ede9;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.st1 {
    font-family: aro2;
    color: #2a502c;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 20px;
}

.st2 {
    font-size: 15px;
}

.stb {
    color: #2a502c;
    font-size: 75px;
    position: absolute;
    bottom: 20px;
    line-height: 1;
    left: 20px;
}



.stbg1:hover {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    scale: 1.1;

}

.stbg2:hover {


    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    scale: 1.1;

}

.stbg3:hover {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    scale: 1.1;

}

.stbg4:hover {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    scale: 1.1;

}


.owl-item.active .stbg1 {

    scale: 1.1;

}

.owl-item.active .stbg2 {

    scale: 1.1;

}

.owl-item.active .stbg3{

     scale: 1.1;

}

.owl-item.active .stbg4{

    scale: 1.1;

}


.intstory:hover .st1 {
    color: #fff;
}

.intstory:hover .st2 {
    color: #fff;
}

.intstory:hover .stb {
    color: #fff;
}

#letter {
    padding: 90px 0 40px;
}

.bgletter{
    background: url(../images/bgletter.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 90px;
}
footer {
    padding: 60px 0 20px;
}

.footerlist {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.footerlist a {
    display: inline-block;
      margin-right: 28px;
    color: #000;
        font-size: 13px;
}

img.socialic {
    width: 30px;
    margin-right: 7px;
}

.footersocial {
    margin: 14px 0;
    text-align: center;
}

.copyr {
    font-size:13px;
    text-align: center;
}
.navbar-toggler{
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
@media screen and (max-width: 600px) {
    .navbar-nav {
        align-items: start;
    }
    .arrows1{
        display:none;
    }
    .testititle{
      padding:20px 20px 0;  
    }
    .navbar .navbar-nav .nav-link{
          padding: 12px 0;
      
    }
    
    .intshap {
    margin-bottom: 20px;
}
    .shapename{
            font-size: 14px;
    }
    .revv{
        flex-direction: row-reverse;
        justify-content: flex-end !important;
    
    }
    .navbar-brand img {
        width: 220px;
        margin-left: 40px;
        margin-top: -4px;
    }
    .bgmav {

    padding: 8px 0
    
    }
    .navbar-brand, .navbar-toggler{
        margin:0;
    }
    .closeslide {
 
    right: 20px;
    top: 20px;

    width: 50px;
}
#about{
    padding:60px 0;
}
.intstory{
    padding-bottom:100px;
}
#story{
    padding:60px 0;
}
.mtstory .col-md-3{
    margin-bottom:30px;
}
    .mtitem{
     
       margin-left:0 !important;

       
    }
    .dbr{
        display:none;
    }
    header .nav-item{
            text-align:center;
           display: block;
    width: 100%;
    
    }
       
    
    .textabout{
        font-size: 16px;
    }
    .footerlist a {
       
        margin-right: 20px;
       
        font-size: 12px;
    }
    .copyr{
        font-size: 12px;
    }
    .footersocial{
        margin: 20px 0;
    }
    img.socialic {
        width: 40px;
        margin-right: 6px;
    }
 .bannertext2 {
    font-size: 21px;
    padding: 0 20px;
}
    
}
.testititle{
    font-family: 'aro2', sans-serif;
    color: #2a502c;
    font-size: 24px;
    text-align: center;
    
}
.testi2{
    color: #2a502c;
    margin: 20px 0;
    font-size: 20px;
    text-align: center;
}
.testi3{
    color: #2a502c;
    font-size: 15px;
    text-align: center;
}
img.anglecarousel1 {
    width: 30px;
    cursor: pointer;
}

img.anglecarousel2 {
    width: 30px;
    cursor: pointer;
}
.arrows1{
    position: absolute;
    bottom: 20px;
    transform: translate(-50%,0);
    left: 50%;
    z-index: 2;
}
.outlinebtn {
    background-color: #2a502c;
    font-family: 'aro1', sans-serif;
    color: #fff;
    display: inline-block;
    padding: 17px 42px;
    font-weight: bold;
    border: 2px solid #2a502c;
    width: 225px;
    line-height: 1;
    border-radius: 0;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.outlinebtn:hover {
    border: 2px solid #2a502c;
    background: #fff;
    color: #2a502c;

}

.outlinebtn3 {
    background-color: #2a502c;
    font-family: 'aro1', sans-serif;
    color: #fff;
    display: inline-block;
    padding: 17px 42px;
    font-weight: bold;
    border: 2px solid #2a502c;

    line-height: 1;
    border-radius: 0;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.outlinebtn3:hover {
    border: 2px solid #2a502c;
    background: #fff;
    color: #2a502c;

}

.montezfont{
    font-family: 'Felipa', cursive;
   font-size: 19px;
}
.lauraimg{
    width: 175px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    border: 7px solid #fff;
}

#createbanner{
    padding: 90px 0;
}

.form-control {
    border: 2px solid #2a502c;
    border-radius: 0;
    padding: 8px 16px;
    font-size: 22px;
}

.outlinebtn2 {
    background-color: #2a502c;
    font-family: 'aro1', sans-serif;
    color: #fff;

    padding: 17px 42px;
    font-weight: bold;
    border: 2px solid #2a502c;
    
    line-height: 1;
    border-radius: 0;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.outlinebtn2:hover {
    border: 2px solid #2a502c;
    background: #fff;
    color: #2a502c;

}
.btn-block{
    display: block;
    width: 100%;
}
#aboutp{
    margin-top: 10px;
    padding-bottom:80px;
}
.text-end2{
    text-align:right;
}
.missiontitle{
  
    font-size: 30px;
    text-align:justify;
    font-family:aro1;
    color: #2a502c;
    margin-bottom: 10px;
}
.conta22 .text-end2{
     text-align:justify !important;
}
.missiontext{
    font-size: 17px;

}
.conta2{
    padding-right:250px;
}
.conta22{
    padding-left:250px;
}
.mtblog{
    margin-top:100px;
}
.mtxx{
    margin-top:150px;
}
.pr100{
    padding-right: 75px;
}
.pl100{
    padding-left: 75px;
}
.mtoz{
    margin-top: 100px;
}
.padc{
    padding: 0 10%;
}
img.mtstors {
    margin-top: 110px;
}
.missiontext {
    color:#000 !important;
    text-align:justify;
}
@media screen and (max-width: 1440px) {
    .padc{
        padding: 0 5%;
    }
    .missiontext {
        font-size: 25px;
     
    }
}

#catal{
    margin-top: 15px;
}
.catname{
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
 
    
}
.intcimg{ 
    cursor: pointer;
    overflow: hidden;
    position: relative;

}
.intcimg img{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.intcimg:hover img{
   scale: 1.1;

}

.intcimg::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: -100%;
top: 0;
background: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}
.intcimg:hover::after{
    left: 0;

}
.mtmaincat{
    margin-top: 100px;
}

.cato1{
    font-family: aro2;
    color: #2a502c;
    font-size: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #2a502c;
    margin-bottom: 40px;
}
.flt{

    background: #fff;
    border:1px solid #2a502c;
    outline: 0;
    box-shadow: none !important; 
    margin-right: 8px;
    padding: 4px 20px;

}
.filters{
    margin-bottom: 20px;
}
.flt:hover{
    color: #fff;
    background: #2a502c;
}
.flt.mixitup-control-active{
    color: #fff;
    background: #2a502c;
}
.viewallmobile{
    height: 100%;
    background: #2a502c;
    color: #fff;
    display: flex;
    letter-spacing: 2px;
    align-items: center;
    justify-content: space-around;
}
@media screen and (max-width: 600px) {

    .conta2{
        padding-right:0 ;
       
    }
    .missiontext{
        text-align: left;
        font-size: 15px;
    }
    .missiontitle{
        margin-top: 20px;
        font-size: 26px;
    }
    .conta22{
        padding-left: 0;
    }
    .conta22 .text-end2{
        text-align: left;
    }
  
    .mtxx{
        margin-top: 90px;
    }
    .flex-row-reverse .text-end{
        text-align: left !important; 
    }
    .mtoz {
        margin-top: 50px
   
    }
    .mika{
        flex: 0 0 auto;
    width: 50%;
    margin-bottom: 30px;
    }
}