@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,500&family=Mulish:wght@200;300;400;600&display=swap');

*{font-family: 'Mulish', sans-serif;-webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;}
   
h1, h2,h3,h4,h5{font-family:  'Cormorant Garamond', serif !important; color: inherit;   } 

body{left:0px; top: 0px; margin:0px;}


/* Main Points*/
body{ overflow-x: hidden;}.col-50{ width: 50%; position: relative; float: left; }
.pad-50-0{padding: 50px 0 !important;}.pad-40-70{padding: 40px 70px !important;}.pad-0-50{padding: 0 50px !important ;}.pad-100 {padding: 100px !important;}.pad-0-100 {padding: 0 100px !important;}
.pad-25{ padding: 25px !important }.pad-50-32{ padding:50px  32px !important }.pad-20 {padding: 20px !important;}.pad-10 {padding: 10px !important;}
.no-padding{ padding: 0px !important ;}.mar-left-250{ margin-left: -250px;  }.mar-bo-80{ margin-bottom: 80px;  } .mar-top-150{ margin-top: 150px; }
.mar-bot-0{ margin-bottom: 0px !important;  }.mar-bot-50{ margin-bottom: 50px !important;  }
.mar-to-bo-100{ margin:80px 0 !important; }.mar-top-40{ margin-top: 40px !important; }.mar-top-50{ margin-top: 50px !important; }.mar-top-100{ margin-top: 100px !important; }.mar-top-80{ margin-top: 80px !important; }
.mar-left-150{ margin-left: 150px; }.mar-left--100{ margin-left: -100px ; } .border-radius-10{ border-radius: 10px; }
.mar-left-22{margin-left:22px !important;}.width-50{ width: 50% !important;
max-width: 440px; }.no-mar{ margin:0px !important; } .mo{font-size: 16px;text-align: left;color: #7b8e8e;}.line-through{text-decoration: line-through;}
.cen-400{ width: 400px; display: block; margin: 20px auto;}.cen-290{ width: 290px; display: block; margin: 20px auto;}.center-text{ text-align: center !important; }
.work-box-con{ margin:0 7px; padding: 0px; opacity: 0.8; width:calc(100% / 4 - 14px);   float: left;  position: relative; float: left; }
.work-box-con img {width: 100%; height: 160px; background: #fff;   padding:10px;  border-radius: 2px;    box-shadow: 0 1px 2px rgba(0,0,0,0.07);}
.title { position: relative; float: left;   font-size: 16px; text-transform: capitalize; width: 100%;  line-height: 20px;     padding: 10px 10px 15px 10px;
     font-weight: 400; }
.bor-bot{ border-bottom:  solid #eee 1.5px  }
.min-height-400{ min-height: 400px; }     
.no-margin{ margin: 0px !important; }
.no-border{ border: none !important; }


#front-slider a{ color: #fff ;  }


.wrap{ width: 100%; display: block; margin:0 auto; padding: 0 60px; max-width: 1440px; }
/* header*/
.header{ height: auto;	width: 100%; padding-top: 24px;position: fixed;  float: left;left: 0px;z-index: 99;}
.sm-logo{ margin-top: 20px; height:40px; width: 40px; position: relative; float: right; right: 20px;  }
 .logo{  height:100px; width: 100px; position: relative; float: left; left: 0px;  }

.logo-black{ margin-top: 0px;  height:80px; width: 110px; margin-bottom: 10px; position: relative; float: left; left: 0px;  }
.logo-black-1{ margin-top: 10px;  height:80px; width: 110px; position: relative; float: left; left: 0px;  }

/* Pages */
.logo-black{ display:none; }
.pages header .logo{ display: none; }
.pages header .logo-black{ display: block !important; }

.mid-hea, .foo-hea {font-size: 36px;text-transform: capitalize;width: 100%;font-weight: 300;line-height: 46px;margin: 15px 0px;}
.back-to-home{ text-align: center; color: #05f; width: 100%; margin-top: 12px; position: relative; float: left; font-size: 13px;}
.back-to-home:hover{ cursor: pointer; opacity: 0.6;}
#books {height: auto;width: 100%; padding-top: 80px;  position: relative; float: left; left: 0px; background-color: #b4bff7;}
.cent2 {min-height: 610px;padding: 30px;height: auto; border-radius: 10px;width: 400px;display: block; margin:  80px auto 20px; background-color: #FFF;}
     
.pages header li{color: #4d504a !important;padding: 13px 10px 5px !important; }
.menu li.on{display:block !important;}
.pages header{ background: #fff; padding-top:10px !important;  border-bottom: solid 1px #e1e1e1 !important ;  }  
.pages header .thin-line{  background: #4d504a !important}   
.pages header .thin-box{ margin-top: 10px !important;}

.flex-100 {display: flex;width: 100%;position: relative;}
.left-f-box{ display: flex; position: relative;margin-right: auto;}nav{ display: flex; }
.right-f-box {display: flex;position: relative; margin-left: auto;}
header nav ul, .si-menu{ padding: 20px 0; }
.menu li{ letter-spacing: 2px; margin:0 17px; float: left; text-transform: uppercase; padding: 10px 10px 5px;float: left;font-size: 11px;font-weight: 400; color: #000000;   }
  .actived{color:#142638 !important;}
.menu li:hover{ text-decoration:underline;  cursor: pointer; }

.si-menu li{ margin:0 0px 0 10px; float: left; text-transform: uppercase; padding: 10px 10px 5px;float: left;font-size: 12px;font-weight: 300; color: #000000;}
.thin-line{ width: 100%; position: relative; float:  left; margin:4px 0; background: #fff; height: 1px;  }
.line-box{ width: 55px; position: relative; float: right; right: 0; margin-top: 10px; height: auto; }

/* Slider */
#front-slider{ color: #fff;   height: 120vh; width: 100%; padding: 0px 0; position: relative; float: left;top: 120px;  }
#slider-1 {height: 100vh;  background: url('../img/6M-1.jpg') center; background-size: 100%; background-repeat: no-repeat; }
#slider-2 {height: 100vh; background: url('../img/6M-2.jpg') center; background-size: 100%;  background-repeat: no-repeat; }
#slider-3 {height: 100vh; background: url('../img/6M-3.jpg') center; background-size: 100%;  background-repeat: no-repeat; }
#slider-4 {height: 100vh; background: url('../img/6M-4.jpg') center; background-size: 100%;  background-repeat: no-repeat; }

#slider {height: 100vh; background: url('../img/slider3.jpg') center; background-repeat: no-repeat; }

#front-1{ background: url('../pics/phort-1.jpg') center; background-repeat: no-repeat;  background-size: 100%;}
#front-1 h1, #front-slider h1{ font-size: 74px; width: 100%; letter-spacing: 10px;  font-weight: 300; text-align: center; text-transform: uppercase; }

#slider , #front-1{ color: #fff;   height: 100vh; width: 100%; padding: 190px 0; position: relative; float: left;top: 0;  }
.center-div{ width: 950px; display: block; margin:50px auto 120px;  }
.center-div-2{ width: 950px; display: block; margin:240px auto 120px;  }

#slider h1{ font-size: 74px; width: 100%; letter-spacing: 23px;  font-weight: 300; text-align: center; text-transform: uppercase; }
#slider h2,  #front-1 h2, #front-slider h2{ font-size: 25px;  width: 100%; letter-spacing: 0px;  font-weight: 300; text-align: center;  }

#front-slider h2{ margin-top: 300px !important; }
.center-btn{ letter-spacing: 3px; width: 220px; display: block; margin:50px auto; padding: 16px 0; text-transform: uppercase; text-align: center; color: inherit;
 font-weight: 200;  font-size: 11px; border: solid 1px #ccc;   }
.center-btn:hover{ background: rgba(0,0,0,0.5); border: solid 1px #ccc;   color: #fff !important; cursor: pointer; }

.bot-text{ font-size: 12px; letter-spacing: 5px; font-weight: 200; left: 50px; position: absolute; float: left;bottom: 60px; color: inherit; }



/* authentic*/

#auth{ padding: 80px 0 0; position: relative; float:  left; width: 100%;   }

#auth h1{ font-size: 42px; width: 100%; letter-spacing: 5px;  font-weight: 300; color: #333;  text-transform: uppercase; }
#auth h2{ font-size: 20px;  width: 100%; letter-spacing: 0px;  font-weight: 300;  color: #84847c !important; }
#contact h3, 	#about-me h3, #portfolio h3, #auth h3{ font-size: 24px;  width: 100%; text-transform: uppercase; letter-spacing: 6px;  font-weight: 300; color: #333;  }

#portfolio .cat-name, #auth .cat-name{ font-size: 11px; margin-top: 20px; margin-bottom: 5px;  width: 100%; text-transform: uppercase; letter-spacing: 5px;  font-weight: 400; color: #333;  }

.img-box{ width: 86%; position: relative; margin-bottom: 150px;   }
.img-box1{ width: 71%; position: relative;  margin-bottom: 150px;}

.love-icon{ width: 220px; position: relative; float: right; height: auto; }
.right-float{ float: right;  }
.left-float{ float: left; }



/* video */
.over-pl{position: relative;width: 100%;height: auto;float: left;margin-top: -450px;}
.cream-back{ position: relative;float: left; height: 550px; width: 100%; padding-top: 80px;   background: #f4f0ed;}
#video{ padding-bottom: 80px; }
.tagline{ color: #72726c; margin-bottom: 80px; text-align: center !important; font-size: 22px;line-height: 35px;font-weight: 300; width: 100%; letter-spacing: 4px; }
.center-div2{ width: 840px; display: block; margin:0px auto; }

.col-20{ padding: 50px;}.col-20-s{padding: 40px 0;}

.col-20, .col-20-s{ width: 20%; position: relative; float: left;  }
.vs-txt{ width: 100%;  float: left; font-size: 11px;color:#4d504a; letter-spacing: .3em; position: absolute; text-transform: uppercase;  }
.number-txt{ width: auto; float: right; font-weight: 300; margin-top: -80px; color: #ececea; font-size: 100px; width: auto; font-family:  'Cormorant Garamond', serif !important; }
.counter-box{ margin-top: 80px; }

.pp-r{ padding: 50px 80px 0 0;}
.pp-l{ padding: 50px 0px 0 80px;}
.pp-c{ padding: 50px 40px 0 40px;}

.team-bb{ width: 100%; position: relative; float: left; margin-top: 120px;    }
#insta h2, #pics h2, #testi h2, .team-bb h2{font-size: 35px; text-transform: uppercase; width: 100%; text-align: center; line-height: 1.285714285714286em;letter-spacing: .2em; font-weight: 400; color:#4d504a;}
#insta h5, #pics h5, #testi h5, .team-bb h5{ margin-top: 5px; margin-bottom: 70px; font-size: 24px; color: #919189; font-weight: 300; text-align: center; width: 100%; }

.team-box:hover .team-img{filter: blur(4px) !important; cursor:pointer; text-decoration: none;}
.team-box{ width: 100%; position: relative; float: left; padding: 15px; }
.team-title{ font-size: 18px; font-weight: 300; width: 100%; color: #84847c; position: relative; float: left;margin: 20px 0 5px; font-family:  'Cormorant Garamond', serif !important; }

.name{ letter-spacing: .2em; text-transform: uppercase;font-size: 23px; font-weight: 300; width: 100%; color:#4d504a; position: relative; float: left; font-family:  'Cormorant Garamond', serif !important; }
.soc-text{font-size: 11px;letter-spacing: 5px; color:#4d504a;font-weight: 400;position: relative;float: left;color: inherit;width: 100%;left: 0;margin-top: 30px;}
.des{ font-size: 17px; font-weight: 200; width: 100%; color: #84847c; position: relative; float: left;margin: 20px 0 5px;  line-height: 26px;}
.team-title{ font-size: 18px; font-weight: 300; width: 100%; color: #84847c; position: relative; float: left;margin: 20px 0 5px; font-family:  'Cormorant Garamond', serif !important; }


/* Right full*/
#sec-full{ z-index: 3; }
.pad-left-0{ padding-left: 0px !important; }
.pad-right-0{ padding-right: 0px !important; }
.no-pad{ padding:0px !important;  }
.pad-90-0{    padding: 90px 0px !important;}
.vvs-txt{ width: 100%;  float: left; font-size: 11px; letter-spacing: .3em; position: relative; text-transform: uppercase;  }
.hhe-txt{ letter-spacing: 4px; float: left;color:#4d504a; font-weight: 300;  font-size: 2em; text-transform: uppercase; width: auto; font-family:  'Cormorant Garamond', serif !important; }
.hhe-txt:hover{cursor:pointer; border-bottom: solid 1px #4d504a;}

/* brands */

#brands{ z-index: 1; padding: 150px 0 50px 0;  background: #f4f0ed; margin-top: -100px;  }


/* Read Blog*/
#read-blog{ padding: 0 0 80px 0; }


/* testimonials */
#testi{ padding: 80px 0; }
.col-53{ width: 55%; z-index: 1; position:absolute; height: auto;  }
.col-47{ width: 47%; z-index: 2; margin-top: 50px; position:relative; height: auto;  }

.f-right{ float: right !important; right: 60px;  }
.f-left{ float: left !important;  }
.testi-box{ padding: 100px 170px 100px 220px; text-align: center;  height: auto; width: 100%;background:#f2f3f0; position: relative; float: left;  }
.testi-date{ position: relative;float: left; width: 100%; margin-bottom: 5px; font-size: 21px;  color: #84847c;  font-family:  'Cormorant Garamond', serif !important;}
.testi-des{ font-size: 15px; font-weight: 200; width: 100%; color: #84847c; position: relative; float: left;margin: 20px 0 35px;  line-height: 22px;}
.testi-name{ font-size: 13px; font-weight: 300; width: 100%;   position: relative; float: left;}


#insta{ padding: 80px 0; }

#pics{  padding: 100px 0;  background: #f4f0ed;}

/*pages*/
.page-name{ color: #f4f0ed; width: 100%; position: relative; font-family:  'Cormorant Garamond', serif !important; float: left; font-size: 25px; }

#portfolio{ margin-top: 100px; }
.page-name-box{  background-position: fixed;  padding: 50px 0; width: 100%; float: left; position: relative; }

.pro-pic .page-name{ color: #000 !important; }
.pro-pic{background: url('../product/banner.jpg');}
.wed-pic{background: url('../wed/banner.jpg');}
.pre-pic{background: url('../pre-wed/banner.jpg');}
.baby-pic{background: url('../baby/banner.jpg');}

.films .shots-grid li { width: 33.33%; float: left; padding: 10px 15px 10px; position: relative;}

.shots-grid li { width: 33.33%; float: left; padding: 25px 15px 40px; position: relative;}

.shots-grid li:hover{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.09);-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.09);
-o-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05); cursor: pointer;  }
 

.port-standard{ width: 100%; padding: 80px 0; position: relative; float: left; }


/* About Me */
#about-me{ padding-top: 120px; background: url(../img/about-me-img-1-1.png); background-repeat: no-repeat; background-size: contain;    height: 100vh;  width:100%;  }
#about-me h1{ color: rgb(77, 80, 74); margin-top: 40px; margin-bottom: 40px; font-size: 70px; width: 100%; letter-spacing: 17px;  font-weight: 300;  text-transform: uppercase; }
.links{color:rgb(132, 132, 124); letter-spacing: 2px; margin-bottom: 20px; font-weight: 300;  font-family:  'Cormorant Garamond', serif !important;font-size: 21px;  width: 100%; position: relative; float: left; }
.des1{ font-size: 15px; font-weight: 200; width: 100%; color: #84847c; position: relative; float: left;margin: 0px 0 5px;  line-height: 26px;}
#about-me h3 , #contact h3{ position: relative; float: left; margin-top: 20px !important; margin-bottom: 10px;   }

.our-story footer{ border-top: solid 1px #e1e1e1 !important; }

/* Contact Us */
#contact h1{ color: rgb(77, 80, 74); margin-top: 40px; margin-bottom: 20px; font-size: 55px; width: 100%; letter-spacing: 7px;  font-weight: 300;  text-transform: uppercase; }
#contact h2{ color:#84847c; font-size: 22px; width: 100%;   font-weight: 300;  }
#contact .dess{ color:#84847c; font-size: 16px; width: 100%;  font-weight: 300; margin-top: 20px; margin-bottom: 20px; }
.text-box , .textarea{ width:100%; border:none; border-bottom: solid 1px #84847c; padding: 10px; height: auto;position: relative; margin-top: 30px;  color:#84847c; }
.textarea{ height: 200px !important; }
.pad-left-100{ padding-left: 100px !important; }
.sub-btn{ letter-spacing: 3px;width: 220px;margin: 50px 0;padding: 20px 0;text-transform: uppercase;text-align: center;font-weight: 600;font-size: 14px;border: none;background: #ef7d30;color: white;  }
.sub-btn:hover { background: #000 !important; cursor: pointer;}

/*Footer*/
footer{ padding: 0 0 80px 0; position: relative;float: left;width: 100%;}
footer a{ text-decoration: none; }
footer li{font-size: 11px;margin-bottom: 12px;  width: 100%; text-transform: uppercase; letter-spacing: 1px;  font-weight: 400; color: #333;  }
footer li:hover{ text-decoration: underline; cursor: pointer; }
.f-text{ font-size: 14px;width: 100%;font-weight: 600;color: #333;margin-bottom: 14px;margin-top: 20px;}

#front-1 h1{ font-size: 36px !important; }
/*Responsive Design*/

@media(max-width:1080px) {  body{ overflow-x: hidden;  }header nav ul, .si-menu{ padding:0px !important;}	.nav-btn{display: block !important;}
nav{width: 100% !important;position: fixed !important; left:0; background: #fff !important;top: 88px !important;}
.pages header li , nav li{    padding: 20px 10px 20px !important;width: 100% !important;text-align: center !important; margin:0px !important;  }
.center-div2 , .center-div,  .center-div-2 { width: 100% !important;} .wrap{ padding: 0 20px !important; }  
#insta{ padding: 40px 0 !important; }  header nav li{ display: none !important; } 
#insta .pad-25{ padding: 10px !important;   }
.testi-box{padding: 55px 40px 55px 100px !important;}#front-slider h1{ font-size: 32px !important; }
.pages .pad-left-100{ padding-left: 0px !important;   }}

@media(max-width:768px) { 
#slider-1 { background: url('../img/6M-1m.jpg') center !important;}
#slider-2 { background: url('../img/6M-2m.jpg') center !important;}
#slider-3 { background: url('../img/6M-3m.jpg') center !important;}
#slider-4 { background: url('../img/6M-4m.jpg') center !important;}
#front-1{ background-size: 250% !important; }
footer{ padding: 0 15px !important; }
#contact h1{  font-size: 24px !important; }#contact h2{  font-size: 20px !important; }

#slider-1 h1 , #slider-1 h2 , .center-btn{ display: none;}
.links{ font-size: 16px !important; }
.center-div-2{ margin: 120px auto !important;} .counter-box .col-20{ width: 50% !important;	  }#insta .pad-25{ margin-top: 0px !important;}.f-right{ right:20px !important ; } 
#sec-full .col-sm-3{ width: 100% !important;  } #sec-full .col-sm-3 .col-100{ width: 50% !important;  }}

@media(max-width:540px) {.team-bb h2{  font-size: 21px !important; } .col-47 , .col-53{ width: 100% !important; } .testi-box{ padding: 40px !important;  } .col-53{ position: relative !important; right: 0px !important; float:left !important;  } #sec-full .col-sm-3 .col-100{ width: 100% !important;  } 
.img-box , .img-box1   { margin-bottom: 50px !important; width: 100% !important;  }}

.container {
    max-width: 1230px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.navbar a {
    color: black;
    text-align: center;
    padding: 20px;
    text-decoration: none;
    font-size: 18px;
    line-height: 40px;
    border-radius: 1px;
    display: inline-block;
    vertical-align: top;
}
.navbar a:hover {
		background-color: #ddd;
    color: black;
}
.nav-btn {
    width: 24px;
    height: 28px;
    outline: none;
    border: none;
    border-radius: 4px;
    padding: 3px 6px;
    background-color: #ceb5a9;
    margin-top: 20px;
    float: right;
    display: none;
}
.nav-btn span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin: 5px 0px;
}