@font-face {
  font-family: ArchivoRegular;
  src: url(../fonts/Archivo-Regular.ttf);
}

@font-face {
  font-family: CormorantGaramondItalic;
  src: url(../fonts/CormorantGaramond-Italic.ttf);
}

@font-face {
  font-family: CormorantGaramondRegular;
  src: url(../fonts/CormorantGaramond-Regular.ttf);
}



body{
  background-color: #F6F2EA;
}


.navbar{
    padding: 2% 5% 2%;
    border-bottom: 1px solid #e7e2dc;
}

.navbar ul li{
    font-family: "Spline Sans Mono", monospace;
    color:#56503F;
    font-size:12px;
    padding:5px;
    letter-spacing:3px;
}

.navbar-collapse{
    flex-grow:0;
}

/* Remove Bootstrap default icon */
.navbar-toggler{
    padding:0;
}

.navbar-toggler:focus{
    box-shadow:none;
}

.navbar-toggler-icon{
    display:none;
}

/* Premium Hamburger */
.menu-icon{
    width:32px;
    height:24px;
    position:relative;
    display:block;
}

.menu-icon span{
    position:absolute;
    width:100%;
    height:2px;
    background:#56503F;
    left:0;
    transition:.4s ease;
}

.menu-icon span:nth-child(1){
    top:0;
}

.menu-icon span:nth-child(2){
    top:10px;
}

.menu-icon span:nth-child(3){
    top:20px;
}

/* Close Icon */
.navbar-toggler[aria-expanded="true"] .menu-icon span:nth-child(1){
    transform:rotate(45deg);
    top:10px;
}

.navbar-toggler[aria-expanded="true"] .menu-icon span:nth-child(2){
    opacity:0;
}

.navbar-toggler[aria-expanded="true"] .menu-icon span:nth-child(3){
    transform:rotate(-45deg);
    top:10px;
}

/* MOBILE ONLY */
@media (max-width:991px){

    .navbar-brand{
        z-index:1051;
    }

    .navbar-brand img{
        width:140px;
    }

    .navbar-toggler{
        border:none;
        box-shadow:none !important;
        position:relative;
        z-index:1051;
    }

    .navbar-collapse{
        position:fixed;
        top:0;
        right:-100%;
        width:100%;
        max-width:380px;
        height:100vh;
        background:#f7f3ed;
        transition:.6s cubic-bezier(.77,0,.18,1);
        z-index:1050;
        padding:120px 40px 40px;
        display:block;
    }

    .navbar-collapse.show{
        right:0;
    }

    .navbar-nav{
        width:100%;
        text-align:left;
    }

    .navbar-nav .nav-item{
        margin-bottom:35px;
        border-bottom:1px solid rgba(86,80,63,.12);
        padding-bottom:15px;
    }

    .navbar-nav .nav-link{
        font-family:"Spline Sans Mono", monospace;
        color:#56503F;
        font-size:18px;
        letter-spacing:5px;
        padding:0;
        transition:.4s;
    }

    .navbar-nav .nav-link:hover{
        padding-left:12px;
        color:#56503F;
    }
}

.f-f-y{
  padding: 8% 5% 8%;
}

.f-f-y h6{
    font-family: "Spline Sans Mono", monospace;
    color: #9A7F3F;
    font-size: 12px;
    padding: 5px;
    letter-spacing: 3px;
}

.f-f-y h2{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 90px;
    padding: 5% 0 5%;
    line-height:1;
    color:#161A33;
}

.f-f-y h2 span{
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    color: #9A7F3F;
}

.f-f-y p{
    font-family: ArchivoRegular;
    color:#55554C;
    font-size:20px;
}

.f-f-y .b-dis{
    padding: 5% 0% 10%;
}

.f-f-y .b-dis a{
    background-color:#161A33;
    font-size:10px;
    color:#F6F2EA;
    padding:15px  30px 15px 30px;
    letter-spacing:3px;
    font-family: "Spline Sans Mono", monospace;
    text-decoration:none;
}

.f-f-y .b-dis span a{
    font-size:12px;
    color:#55554C;
    font-family: ArchivoRegular;
    background-color:#F6F2EA;
    padding:0px;
    text-decoration:underline;
}

.f-f-y .col-lg-3{
    padding-top:28%;
}

.f-f-y ul{
    border-left:1px solid #BEBCBC;
    padding:0% 0% 0% 10%;
}

.f-f-y ul li{
    font-size:25px;
    color:#9A7F3F;
    font-family: "Cormorant Garamond", serif;
}

.f-f-y ul li span{
    font-family: "Spline Sans Mono", monospace;
    font-size:10px;
    color:#8A8475;
}


.e-a-h{
  background-color: #FBF9F4;
  padding: 8% 5% 8%;
}

.e-a-h h6{
    font-family: "Spline Sans Mono", monospace;
    color: #9A7F3F;
    font-size: 12px;
    letter-spacing: 3px;
}

.e-a-h h2{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 50px;
    padding: 5% 0 5%;
    line-height:1.2;
    color:#161A33;
}

.e-a-h h2 span{
    font-style: italic;
    color: #9A7F3F;
}

.e-a-h .m-deta {
    padding: 6% 2% 0% 6%;
}

.e-a-h .m-deta h4{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 25px;
    color:#161A33;
}

.e-a-h .m-deta p{
    font-family: ArchivoRegular;
    font-weight:400;
    font-size: 15px;
    color: #7A7468;
}

.e-a-h .m-deta .m-d-first{
    padding:0% 0% 2% 0%;
    border-bottom:1px solid #E3E3E0;
}

.e-a-h .m-deta .m-d-second{
    padding:3% 0% 2% 0%;
    border-bottom:1px solid #E3E3E0;
}

.e-a-h .m-deta .m-d-third{
    padding:3% 0% 2% 0%;
    border-bottom:1px solid #E3E3E0;
}

.e-a-h .m-deta .m-d-fourth{
    padding:0%;
}

.e-a-h .m-deta h5{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 25px;
    padding-top:5%;
    color:#9A7F3F;
    font-style: italic;
}

.f-d-c{
  background-color: #161A33;
  padding: 8% 5% 10%;
}

.f-d-c .b-b{
    padding:0% 0% 8%;
    border-bottom:1px solid #282C43;
}

.f-d-c h6{
    font-family: "Spline Sans Mono", monospace;
    color: #BFA15C;
    font-size: 12px;
    letter-spacing: 3px;
}

.f-d-c h2{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 50px;
    padding: 2% 0 8%;
    line-height:1;
    color:#FFFFFF;
}

.f-d-c h2 span{
    font-style: italic;
    color: #9A7F3F;
}


.f-d-c .col{
    padding:0px;
}

.f-d-c .card{
    background-color: #161A33;
    border:0px;
    border-radius:0px;
    border-right:1px solid #282C43;
}

.f-d-c .card img{
    padding:0% 7% 0%;
    border-radius:0px;
}

.f-d-c .b-n{
    border-right:none;
}


.f-d-c .card h5{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 30px;
    line-height:1.5;
    color: #BFA15C;
}

.f-d-c .card h5 span{
    color:#FFFFFF;
    font-size: 20px;
}

.f-d-c .card p{
    font-family: ArchivoRegular;
    font-size: 12px;
    line-height:1.8;
    opacity: 42%;
    color: #FFFFFF;
}

.f-d-c .b-ag{
    padding:6% 0% 0%;
}

.f-d-c .b-ag h6{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    line-height: 0.5;
    font-size: 60px;
    padding-top:5%;
}

.f-d-c .b-ag h6 span{
    font-family: ArchivoRegular;
    font-size: 10px;
    opacity: 42%;
    color: #FFFFFF;
}

.f-d-c .b-ag p{
    font-family: ArchivoRegular;
    font-size: 15px;
    opacity: 42%;
    line-height:1.8;
    color: #FFFFFF;
}

.o-w-f-d h6{
    font-family: "Spline Sans Mono", monospace;
    color: #9A7F3F;
    font-size: 12px;
    letter-spacing: 3px;
}

.o-w-f-d h2{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 50px;
    padding: 2% 0 5%;
    line-height:1.2;
    color:#161A33;
}

.o-w-f-d h2 span{
    font-style: italic;
    color: #9A7F3F;
}

.o-w-f-d{
  padding: 8% 5% 8%;
}

.o-w-f-d .col{
    padding:1% 2% 1%;
}

.o-w-f-d .card{
    background-color: #F6F2EA;
    padding: 0%;
    border-radius: 0px;
    border: 0px;
}

.o-w-f-d .card img{
    border-radius:0px;
}

.o-w-f-d .card h5{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    padding:5% 0% 5%;
    margin:0px;
    font-size: 20px;
    color:#161A33;
}

.o-w-f-d .card .s-t{
    font-size:30px;
    opacity:30%;
}

.o-w-f-d .card p{
     font-family: ArchivoRegular;
    font-size: 12px;
    padding:0px;
    text-align:justify;
    line-height: 1.8;
    color:#7A7468;
}


.i-am-i{
  background-color: #151a33;
  padding: 8% 5% 8%;
}

.i-am-i .p-t-c{
    text-align:center;
    padding:0% 12% 0%;
}

.i-am-i h6{
    font-family: "Spline Sans Mono", monospace;
    color: #BFA15C;
    font-size: 12px;
    letter-spacing: 3px;
}

.i-am-i h2{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 125px;
    padding: 5% 0 5%;
    line-height:0.4;
    color:#FFFFFF;
}

.i-am-i h2 span{
    font-style: italic;
    color: #FFFFFF;
    opacity:42%;
    font-size: 25px;
}

.i-am-i .card {
    background-color: #161A33;
    border: 0px;
    border-radius:0px;
    border-right: 1px solid #282C43;
}


.i-am-i .card h5{
    font-family: "Spline Sans Mono", monospace;
    text-align:left;
    font-weight:400;
    font-size: 12px;
    color: #BFA15C;
}


.i-am-i .card p{
    font-family: ArchivoRegular;
    text-align:left;
    font-size: 15px;
    line-height:1.8;
    opacity: 42%;
    color: #FFFFFF;
}

.i-am-i .b-n{
    border-right:none;
}


.t-c-c{
  background-color: #FBF9F4;
  padding: 8% 5% 8%;
}

.t-c-c h6{
    font-family: "Spline Sans Mono", monospace;
    font-weight:400;
    color: #9A7F3F;
    font-size: 12px;
    letter-spacing: 3px;
}

.t-c-c h2{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size: 55px;
    padding: 2% 0 2%;
    line-height:1.2;
    color:#161A33;
}

.t-c-c h2 span{
    font-style: italic;
    color: #9A7F3F;
}

.t-c-c p{
    font-family: ArchivoRegular;
    font-weight:400;
    font-size: 15px;
    color:#55554C;
}

.t-c-c .c-s-t-b{
    padding:3% 0% 3%;
}

.t-c-c .c-s-t-b .col{
    padding:0px;
}

.t-c-c .c-s-t-b .card{
    border:1px solid #DFDEDC;
    color:#161A33;
    padding:5% 0% 5%;
    border-radius:0px;
}

.t-c-c .c-s-t-b .card h5{
    font-family: "Cormorant Garamond", serif;
    font-weight:400;
    font-size:25px;
}

.t-c-c .c-s-t-b .card p{
     font-family: "Spline Sans Mono", monospace;
    font-weight:400;
    color:#8A8475;
    font-size:10px;
}

.t-c-c .list-inline-item:not(:last-child) {
    margin-right: 0;
}

/*.t-c-c .b-k-b{*/
/*    background-color: #151a33;*/
/*}*/

.t-c-c .b-k-b form{
    padding:4%;
}

.t-c-c .b-k-b form label{
    text-align:left;
    font-family: "Spline Sans Mono", monospace;
    color: #BFA15C;
    font-size: 12px;
    letter-spacing: 3px;
}

.t-c-c .b-k-b form input{
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    color:#161A33;
}

.f-l-c{
  background-color: #151a33;
  padding: 2% 5% 2%;
}

.f-l-c ul li i{
    font-size: 18px;
    color: #BFA15C;
    background-color: #FFFFFF;
    width: 35px;
    height: 35px;
    padding-top: 8px;
    border-radius: 50px;
    
}

.f-l-c h6{
    font-family: "Spline Sans Mono", monospace;
    font-weight:400;
    color: #9A7F3F;
    font-size: 12px;
    letter-spacing: 3px;
}

.f-l-c p{
    font-family: "Spline Sans Mono", monospace;
    font-weight:400;
    font-size: 12px;
    color:#FFFFFF;
    opacity:40%;
}

.f-l-c p a{
    text-decoration:none;
    color:#FFFFFF;
}


/* ================= MOBILE ================= */
@media (max-width: 767px) {
    .f-f-y h6 {font-size: 10px;}
    .f-f-y h2 {font-size: 35px;}
    .f-f-y p {font-size: 10px;}
    .f-f-y .b-dis span a {font-size: 8px;}
    .f-f-y .b-dis a {font-size: 10px;padding: 15px 20px 15px 20px;}
    .f-f-y .col-lg-3 {padding-top: 0%;}
    .e-a-h h6 {font-size: 10px;}
    .e-a-h h2 {font-size: 35px;}
    .m-deta .col-lg-6{width:50%;}
    .e-a-h .m-deta h4 {font-size: 20px;}
    .e-a-h .m-deta p {font-size: 15px;}
    .e-a-h .m-deta h5 {font-size: 20px;}
    .f-d-c h6 {font-size: 10px;}
    .f-d-c h2 {font-size: 35px;}
    .f-d-c .b-ag p {font-size: 10px;}
    .o-w-f-d h6 {font-size: 10px;}
    .o-w-f-d h2 {font-size: 35px;}
    .i-am-i h6 {font-size: 10px;}
    .i-am-i h2 {font-size: 75px;}
    .i-am-i h2 span {font-size: 15px;}
    .i-am-i .card p {font-size: 15px;}
    .t-c-c h6 {font-size: 10px;}
    .t-c-c h2 {font-size: 25px;}
    .f-l-c img{width:50%;}
    .f-l-c .col-lg-3{width:50%;}
    .f-l-c .col-lg-6{width:50%;}
    .f-l-c p {font-size: 12px;}
    .f-l-c {padding: 5%;}
}
    

@media (min-width: 768px) and (max-width: 1023px) {
    .f-f-y h2 {font-size: 75px;}
    .f-f-y .col-lg-3 {padding-top: 0%;}
    .m-deta .col-lg-6{width:50%;}
    .f-d-c h2 {font-size: 48px;}
    .f-d-c .b-ag .col-lg-4{width:40%;}
    .f-d-c .b-ag .col-lg-8{width:60%;}
    
}

/* Laptop */
@media (min-width: 1024px) {
    .f-f-y h2 {font-size: 75px;}
    .e-a-h h2 {font-size: 38px;}
    .t-c-c h2 {font-size: 50px;}
    .t-c-c p {font-size: 20px;}
}


/* Desktop */
@media (min-width: 1280px) {}

/* ===================== 2K / QHD ===================== */
@media (min-width: 1600px) and (max-width: 2559px) {}

/* ===================== ULTRA-WIDE / 4K ===================== */
@media (min-width: 2560px) {}