@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Open Sans', sans-serif; font-size:1.8rem; line-height:1.4; color:#444444; background:#F9F3F1; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:700; font-family:'Open Sans', sans-serif;text-transform:uppercase; color:#ffffff;}
h1{font-size:3.0rem; margin-bottom:32px;}
h2{font-size:2.5rem; margin-bottom:32px;}
h3{font-size:1.8rem; margin-bottom:16px;}
h4{font-size:1.6rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#ffffff; text-decoration:none;}
a:hover{color:#f5ece7;}
a:hover i{color:#f5ece7;}
a:hover span{color:#f5ece7;}
small{font-size:1.4rem;}
section{padding: 48px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}


/*floats*/
.left{float:left;}
.right{float:right;}

/*forms*/


/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.bg-pink{background:#C1856B;}
.bg-white{background:#ffffff;}

/*header*/
header{height:158px;  overflow:visible; position:absolute; top:0; left:0px; z-index:1;}
header .grid{display:grid; grid-template-columns:325px 1fr; grid-gap:32px;}
header .grid .logo{aspect-ratio:325/199; width:325px; background:#C1856B; border-radius:30px; margin-top:60px; margin-bottom:-128px;}
header .grid .logo img{width:100%; height:100%; object-fit:contain;}
header .grid nav ul{display:flex;justify-content:flex-end; }
header .grid nav ul li{margin-right:52px; line-height:158px;}
header .grid nav ul li:last-of-type{margin-right:unset;}
header .grid nav a i{font-size:3.2rem;}
header .grid .menu{display:none;}

/*sections*/
section.slider{padding-bottom:0; padding-top:158px; overflow:visible;}
section.slider .image{aspect-ratio:160/67; width: 100vw;}
section.slider .image img{height:100%; width:100%; object-fit:cover;}

.slick-dotted.slick-slider{margin-bottom:unset !important;}
.slick-dots{z-index:1000; bottom:-32px !important;}
.slick-dots li button:before{color:rgba(255,255,255, 0.8) !important;}
.slick-dots li.slick-active button:before{color:white !important;}

section.aboutme .grid{display:grid; grid-template-columns:270px auto; gap:32px;}
section.aboutme .grid article{padding: 32px 60px; border:2px solid white; border-radius:74px; color:white;}
section.aboutme .grid article h1{font-size:1.8rem; font-weight:600; font-style: italic;}
section.aboutme .grid .image{aspect-ratio:1/1; width:100%;}
section.aboutme .grid .image img{width: 100%; height: 100%; object-fit:contain;}

section.contact{padding:unset;}
section.contact .info{display:flex; justify-content:center; line-height:116px;}
section.contact .info a{font-size:2.0rem; font-family:'Monsterrat',sans-serif; font-weight:300; font-style: italic; display:grid; grid-template-columns: 30px 1fr; grid-gap:8px; margin-right:98px;}
section.contact .info a:last-of-type{margin-right:unset;}
section.contact .info a i{margin:auto 0;}


section.pillars .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;}
section.pillars .grid .item{width:100%; border-radius:25px;}
section.pillars .grid .item h2{text-align:center; padding:24px 0; border-radius:25px 25px 0 0 ; margin-bottom:unset; font-weight:500; font-style:italic;}
section.pillars  .grid .item ul li small{display:inline-block;}
section.pillars .grid .item ul{list-style:disc outside; padding:24px; margin-left:24px;}
section.pillars .grid .item ul li{margin: 12px 0;}
section.pillars .grid .item ul.sub{padding:unset;}
section.pillars .grid .item ul li{list-style:none; position: relative;}
section.pillars .grid .item ul.sub li{list-style:disc outside;}
section.pillars .grid .item ul li:before{content: "➤"; color: #C1856B; font-size: 1.2em; position:absolute; left:-31px; top:0;}
section.pillars .grid .item ul.sub li:before{content:unset;}

footer *{color:#d2d2d2; font-size:1.2rem; }
footer{ text-align:center;}
footer .container{margin-top:24px; margin-bottom:24px;}

/*laptop*/
@media only screen and (max-width:1220px) 
{  
    section.contact .info a{margin-right:20px; display:block;}
    
}

/*laptop*/
@media only screen and (max-width:1024px) 
{  

h2{font-size:2.0rem;}

    header .grid .logo{width: 250px;}
    section.contact{padding:24px 0;}
    section.contact .info{display:grid; grid-template-columns:1fr 1fr; gap:24px; line-height:unset; text-align:center;}
    section.contact .info a{margin-right:unset; margin:12px 0; font-size:1.8rem; margin-bottom:unset;}



}

/*tablet*/
@media only screen and (max-width:768px) 
{
/*sections*/
body{font-size:1.4rem;}

section{padding:24px 0;}

header{height:100px;}
header .grid{grid-template-columns:150px 1fr;}
header .grid .logo{width: 150px; margin-top:32px; z-index: 12000;}

header{overflow:visible;}
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid .menu{display:unset; display:block; text-align:right; line-height:100px;}
      
    header .grid nav ul{ display:block; position:relative; float:none; line-height:unset; background:#C1856B;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li:last-of-type{display:block;}
    header .grid nav ul li{ line-height:48px; height:48px; display:block; float:unset; margin:0px; text-align:right; border-radius:unset; margin-right:24px !important;}
    

    header .grid nav ul li a{ margin:unset; border-right:unset;}

    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:100px; z-index:101; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

section.slider{padding-top:100px;}

section.aboutme .grid{display:grid; grid-template-columns:1fr; gap:24px;}
section.aboutme .grid article{padding:12px; border:2px solid white; border-radius:24px; color:white;}

section.aboutme .grid article h1{font-size:1.4rem;}

section.contact{padding:12p 0x;}
section.contact .info {gap:12px; grid-template-columns:1fr;}
section.contact .info a{font-size:1.6rem;}

section.pillars .grid{grid-template-columns:1fr;}

}

/*mobile l*/
@media only screen and (max-width:426px)
{   

}

/*mobile m*/
@media only screen and (max-width:376px)
{

}

/*mobile s*/
@media only screen and (max-width:320px)
{

}