/*************************
*******Typography******
**************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:bottom; list-style-type:none;}
@font-face {
    font-family: 'Freight';
    src: url('fonts/Freight-TextMedium.woff2') format('woff2'),
        url('fonts/Freight-TextMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MinervaModern';
    src: url('fonts/MinervaModern-Regular.woff2') format('woff2'),
        url('fonts/MinervaModern-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

body {font-family: 'Freight'; font-size:18.5px; line-height:28px; font-weight: 500; color:#0d2752; width:100%; overflow-x:hidden;}
body a{ text-decoration:none; color:#d384a1; transition:all 0.35s ease;}
p{font-size:20.5px; line-height:30px; font-weight: 500;}
h1, h2, h3, h4{ font-family: 'MinervaModern'; text-transform:uppercase;}
h1{font-size:83px; line-height:93px; font-weight: normal;}
h2{font-size:45px; line-height:55px; font-weight: normal;}
h3{font-size:35px; line-height:45px; font-weight: normal;}
h4{font-size:18px; line-height:28px; font-weight: bold;}

.img_res{ width:100%; height:auto;}
.text_pink{ color:#d384a1;}
.text_white{ color:#fff;}
.text_white a{ color:#fff; text-decoration:underline;}
.text_center{ text-align:center;}
header{ width:100%; margin:0 auto; padding:0; position:relative;}
.bg_img{ background-repeat: no-repeat; background-attachment: fixed; background-position: center top; background-size: cover; text-align:center;}
.bg_height{ height:68vh;}
.head_wrap{ padding-top: 2.5vw; padding-bottom: 2.5vw;}
.container{ max-width:1400px; margin:0 auto; padding:0 20px;}
.content_wrapper{ padding-top: 6.6vmax; padding-bottom: 6.6vmax;}
.content_wrapper_smalll{ padding-top: 3.3vmax; padding-bottom: 3.3vmax;}
.wrapper_flex{ display:flex; align-items:flex-start; column-gap:60px;}
.wrapper_flex div{ flex:1; display: block; width: 100%;}
.wrapper_flex .btn{ margin:10px;}
.bg_with_overlay{ position:relative;}
.bg_with_overlay .bg_img_overlay{ position:absolute; z-index:1; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.4);}
.bg_with_overlay .container{ max-width:55%; position:relative; z-index:2}
.bg_with_overlay .btn{ margin:0;}
.bg_baby_pink{ background:#f5e4eb;}
.bg_pink{ background:#e4b2c5;}
.head_logo{ width: auto; max-width:100%; max-height:50px; margin-bottom:20px;}
.what_we_do{ display:flex; align-items:center; justify-content:center; column-gap:35px;}
.what_we_do div{ text-align:center; flex:1;}
.what_we_do div h3, .what_we_do div p{ color:#fff; margin:0 0 20px 0;}
.bot_80{ margin-bottom:80px;}
.bot_60{ margin-bottom:60px;}
.bot_20{ margin-bottom:20px;}
.clr{ clear:both;}
.btn{ border:3px solid #fff; border-radius:6px; font-size:20px; padding:16px 34px; text-transform:uppercase; color:#fff; margin:30px 0; display:inline-block; text-decoration: none !important;}
.btn:hover{ color:#e4b2c5; background:#fff;}
.btnpink{ border:3px solid #d384a1;color:#d384a1; background:#fff;}
.btnpink:hover{ color:#FFF; background:#e4b2c5;}
footer{ display:flex; align-items:flex-start; justify-content: center;}
footer div{ flex:1; display:flex; justify-content:center;}
footer a{ color:#d384a1; text-decoration:underline;}
footer div.centre{ flex-direction:column; justify-content:center; align-items:stretch;}
footer ul.social{ display:flex; align-items:center; justify-content:flex-start;}
footer ul.social li svg{ width:35px; height:35px; margin:30px 10px 0 10px; fill:#d384a1; transition:all 0.3s ease;}
footer ul.social li svg:hover{ fill:#e4b2c5;}

/*********************** CSS MENU *****************************/
.nav_wrap{ width:100%; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.nav_wrap div{ flex:1.5;}
ul.social{ display:flex; align-items:center; justify-content:flex-start;}
ul.social li svg{ width:26px; height:26px; margin-right:30px; fill:#fff; transition:all ease;}
#inner_page ul.social li svg{ fill:#000;}
#inner_page .nav-menu li:last-child ul.social li svg{ fill:#fff;}
#inner_page ul.soc_contact li svg{ width:33px; height:33px;}
ul.social li svg:hover{ opacity:0.8;}

.navbar{
  width: 100%;
  text-align:center;
  flex:3;
}
.nav-menu{
  display: block;
  align-items: center;
  justify-content:center
}
.nav-item{
  display: inline-block;
  margin:0 0 10px 0;
  padding:0 15px;
}
.nav-menu li:last-child {
  display:none;
}
.nav-menu li ul.social li svg{ width:33px; height:33px; margin:30px 10px 0 10px;}
.nav-menu li a{
	color:#fff;
	font-size:21px;
}
.nav-menu li a:hover{
	color:#fff;
	opacity:0.6;
}

.nav-branding{
  font-size: 2rem;
}

/* transition for links */

.nav-link{
  transition: 0.5s ease;
}

.nav-link:hover{
  color: dodgerblue;
}

.hamburger{
  display: none;
  cursor: pointer;
}

.bar{
  width: 45px;
  height: 2px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: white;
	border-radius: 0px;
}
.hamburger .bar:nth-child(2){
	opacity: 0;
	display:none !important;
}
@media(max-width: 991px){
  .bar{
    display: block;
  }

  .hamburger{
    display: block;
  }
  .hamburger.active .bar:nth-child(2){
    opacity: 0;
  }
  .hamburger.active .bar:nth-child(1){
    transform: rotate(45deg) translateY(5px); 
  }  
  .hamburger.active .bar:nth-child(3){
    transform: rotate(-45deg) translateY(-5px); 
  }

  .nav-menu{
    position: fixed;
    right: -100%;
    top: 70px;
    flex-direction: column;
    width: 100%;
    text-align: center;
    background: black;
    transition: 0.3s;
  }
  
  .nav-menu.active{
    right: 0;
  }
 body.no-scroll {
  overflow: hidden; /* Prevents background scrolling */
} 
}
/*********************** CSS MENU END *****************************/
#inner_page{
	background:#f5e4eb;
	height:auto;
}
#inner_page .nav-menu li a {
    color: #000;
	padding-bottom:3px;
}
#inner_page .nav-menu li.active a {
    border-bottom:1.5px solid #000;
}
#inner_page .bar { background: black;}
.list_ul li{ list-style-type: disc; list-style-position:outside; padding:0 0 10px 0; margin-left:19px;}

h1, h2, h3{ animation: 1.2s fadeInUp;}
@keyframes fadeInUp {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}