body{width: 100%; background:#fff ;padding: 0;margin: 0;font-family: 'Rubik', sans-serif; background: url(../images/body-bg.jpg) no-repeat; background-attachment: fixed; background-size: cover; background: #000;}
a{text-decoration: none !important; border: none;outline: none;outline: none; transition: all 600ms ease-in-out;}
ul{ padding: 0; margin: 0; }
li{list-style: none; border: none;outline: none;}
*{padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: none; }

/*header*/
    header{ position: relative; content: ""; top: 0; left: 0; width: 100%; padding: 0; margin: 0; z-index: 999;}
    /*top header*/
    .top-header{ position: relative; display: inline-block; width: 100%; height: auto; padding:5px 0 2px; margin: 0; background:#171616;  }
    .button-header .phone{ padding: 0; margin: 0; text-align: right; width: 65%; float: left; }

    .button-header .phone ul.header-phone { padding: 0px; margin: 0; text-align: right; color: #01142f; }
    .button-header .phone ul.header-phone li{ list-style: none; display: inline-block; }
    .button-header .phone ul.header-phone li a i{color: #ff00a7; text-transform: capitalize; padding: 0; margin: 0 0 0 10px; font-size: 13px; line-height: 18px; display: inline-block; width: 15px; text-align: center; }
    .button-header .phone ul.header-phone li a { color: #fff; text-transform: lowercase; padding: 0; margin: 0 3px 0; font-size: 13px; line-height: 20px; display: inline-block; background: none; text-align: center; }
    .button-header .phone ul.header-phone li a:hover{ color: #ff00a7; transition: all 600ms ease-in-out;} 
    .button-header .phone ul.header-phone li a span{outline: none; letter-spacing: 0px; transition: all 600ms ease-in-out; color: #b5b2b2; font-size: 13px; line-height: 24px; font-family: 'Montserrat', sans-serif; font-weight: normal; padding: 0 0 0 5px; font-style: italic; }
    .button-header .phone ul.header-phone li a span:hover{ color: #ff00a7; transition: all 600ms ease-in-out;}
    
    .top-header ul.header-socil { padding: 0px; margin: 0; text-align: right; color: #01142f; }
    .top-header ul.header-socil li{ list-style: none; display: inline-block; }
    .top-header ul.header-socil li a{ color: #fff; text-transform: capitalize; padding: 6px 0 0 0; margin: 0 3px 0; font-size: 13px; line-height: 25px; display: inline-block; width: 25px; height: 25px; text-align: center; border-radius: 50%; border: 1px solid #bfbfbf; }
    .top-header ul.header-socil li a:hover{ color: #fff; } 
    .top-header ul.header-socil li:nth-child(1) a{ background:#ba0e41; }
    .top-header ul.header-socil li:nth-child(2) a{ background:#ba0e41; }
    .top-header ul.header-socil li:nth-child(3) a{ background:#ba0e41; }
    .top-header ul.header-socil li:nth-child(4) a{ background:#ba0e41; }
    .top-header ul.header-socil li:nth-child(5) a{ background:#ba0e41; }

    .top-header ul.header-socil li:nth-child(1) a:hover{ background: #1c4fae; transition: all 600ms ease-in-out; }
    .top-header ul.header-socil li:nth-child(2) a:hover{ background: #ff5e00; transition: all 600ms ease-in-out; }
    .top-header ul.header-socil li:nth-child(3) a:hover{ background: #1ac4ff; transition: all 600ms ease-in-out; }
    .top-header ul.header-socil li:nth-child(4) a:hover{ background: #ff0024; transition: all 600ms ease-in-out; }
    .top-header ul.header-socil li:nth-child(5) a:hover{ background: #2592f4; transition: all 600ms ease-in-out; }

    .button-header ul.header-menu { padding: 0px; margin: 0; text-align: right; color: #01142f; width: 35%; float: right; }
    .button-header ul.header-menu li{ list-style: none; display: inline-block; }
    .button-header ul.header-menu li a{ position: relative; padding: 0 10px; margin: 0 0 0 10px; display: inline-block; transition: all .2s linear; color: #fff; font-size: 11px; line-height: 24px; text-transform: uppercase; letter-spacing: 0; background: #ff00a7; font-family: 'Montserrat', sans-serif; font-weight: bold; border-radius: 5px; }
    .button-header ul.header-menu li a:hover{ color: #000;background: #f9c61b; transition: all 600ms ease-in-out;  }


    /*button header*/
    .button-header{ background: #000; position: relative;display: inline-block;width: 100%; border-bottom: 5px solid #1a1a1a; padding: 10px 0;margin: 0; }
    img.logo-home{ width:100%; padding: 5px 0 0 0; }
    .button-header .navigation{padding: 0 0;margin: 10px 0 0;display: inline-block;width: 100%;text-align: right;}
    .button-header .navigation ol{padding: 0 0;margin: 0;}
    .button-header .navigation ol li{padding: 0 0 0 35px;margin: 0;display: inline-block;}
    .button-header .navigation ol li a{padding: 0 0;margin: 0;color: #237a57;font-size: 13px;line-height: 21px;font-weight: bold;outline: none;}

/*banner*/
.banner-fasst { display: grid; padding: 0vmin; margin: 0px 0 0; background: #000; height: 550px; overflow: hidden; }
.iframely-embed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; background: white; }
#app { // opacity: 0 !important; // visibility: hidden; z-index: 100;}
#app { display: grid; grid-template-columns: 1fr 2fr; align-items: center; padding-bottom: 4vmin; height: 90vh; width: 100%; background: #ede8e2; color: #3a3535;}
#app:hover { opacity: 1; }
#app { display: grid; grid-template-columns: 1fr 2fr; align-items: center; padding-bottom: 4vmin; height: 90vh; width: 100%; background: #0000004a; color: #3a3535;position: absolute; z-index: 99999; }
@import url("https://fonts.googleapis.com/css2?family=Prata&display=swap");
.title { padding-left: 1em; grid-column: 1 / -1; grid-row: 1; font-family: "Prata", serif; font-size: 8vw; width: 100%; z-index: 2;}
#app .image { grid-row: 1; grid-column: 2; margin-left: -2rem; opacity: 1; -webkit-animation: image-in 1s cubic-bezier(0.5, 0, 0.1, 1) 2s backwards; animation: image-in 1s cubic-bezier(0.5, 0, 0.1, 1) 2s backwards; }
#app .image img { display: block; width: 100%; height: auto; }
video { display: inline-block; vertical-align: baseline; width: 100%; }

// start
> .title-inner { display: inline-block; }
@keyframes text-clip {
  from {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}


@keyframes outer-left {
  from {
    transform: translateX(50%);
  }
  to {
    transform: none;
  }
}

@keyframes inner-left {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: none;
  }
}

.cafe, .mozart { -webkit-animation: outer-left 1s 1s cubic-bezier(0.5, 0, 0.1, 1) both; animation: outer-left 1s 1s cubic-bezier(0.5, 0, 0.1, 1) both; }

// [class*='inner'] {
//   outline: 1px solid blue;
// }

.title > .title-inner { display: inline-block; }
.title-inner { display: inline-block; -webkit-animation: inner-left 1s 1s ease both; animation: inner-left 1s 1s ease both; }
.cafe-inner { display: inline-block; animation: inner-left 1s 1s ease both, text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both; }
.cafe > .cafe-inner { text-shadow: 1px 3px #0000009e; display: inline-block; font-weight: bold; font-size: 80px; letter-spacing: 2px; color: #fff; padding: 0; margin: 0; font-family: 'Arizonia', cursive; }
.cafe-inner { display: inline-block; -webkit-animation: inner-left 1s 1s ease both, text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both; animation: inner-left 1s 1s ease both, text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both; }
.cafe > .cafe-inner b{
  font-weight: bold;
  color: #ff00a7; }

@keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}



.mozart { display: inline-block; }
.mozart-inner { animation: text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both; font-size: 75px; display: inline-block; font-family: arial; font-weight: bold;  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 10s infinite linear;text-shadow: 1px 3px #0000009e; text-transform: uppercase;}
.title { -webkit-animation: outer-left 1s 1s ease both; animation: outer-left 1s 1s ease both; }
.title { padding-left: 1em; grid-column: 1/-1; grid-row: 1; font-family: "Prata", serif; font-size: 8vw; width: 100%; z-index: 2; }

.cafe {
  // start
  > }
  .cafe-inner {
    display: inline-block;
  }
}

.mozart {display: inline-block; }
#app .image { grid-row: 1; grid-column: 2; margin-left: -2rem; opacity:1; animation: image-in 1s cubic-bezier(0.5, 0, 0.1, 1) 2s backwards; border-radius: 30px; overflow: hidden; border: 5px solid #fff;margin: 0 20px 0 0;}
.kf_credit { position: fixed; bottom: 0.5em; left: 0; right: 0; z-index: 999; margin: auto; width: fit-content; display: flex; justify-content: center; align-items: center; font-family: monospace; font-size: 10px; line-height: 1; text-align: center; transition: all 0.4s cubic-bezier(.84,.01,.14,.98); animation: kf_credit_slide-in 0.8s cubic-bezier(.06,.44,0,.98) 0.4s both; }
.kf_credit_logo { position: relative; width: 6em; height: 3em; padding: .5em; perspective: 400px; transform-style: preserve-3d; }

  @keyframes image-in {
    from {
      clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    to {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
  }

}

/*Destination Wedding Photographers*/
.wedding-photographers{background: #000; padding: 40px 0; position: relative; display: block; width: 100%; height: auto; padding: 38px 58px;margin:  0; }
.wedding-photographers .item{ width: 100%; position: relative; padding: 0;transition: all 600ms ease-in-out;  margin: 0; display: inline-block; background: #000; }
.wedding-photographers .item:hover{background: #1a1919;transition: all 600ms ease-in-out; }
.wedding-photographers .item .wedding-photographers-left{ width: 100%; float: left; }
.wedding-photographers .item .wedding-photographers-left img{ width: 100%; }
.wedding-photographers .item .wedding-photographers-right{ cursor: pointer; width: 100%; display: block; padding: 100px 0 0 0; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 0; background: #00000082; height: 100%; }
.wedding-photographers .item .wedding-photographers-right:hover{ background: none; }
.wedding-photographers .item .wedding-photographers-right h2{ padding: 5px 0 5px; margin: 0; font-size: 16px; text-transform: uppercase; font-weight: bold; color: #fff; line-height: 25px; }
.wedding-photographers .item .wedding-photographers-right p{ padding: 0 30px 15px 0; margin: 0; color: #827a7a; font-size: 14px; text-align: justify; line-height: 21px; }
.wedding-photographers .item .wedding-photographers-right a { text-transform: uppercase; transition: all 600ms ease-in-out; font-weight: bold; color: #fff; background: #ff00a7; padding: 8px 20px; font-size: 12px; letter-spacing: 1px; border: 1px solid #ccc; display: block; width: 50%; margin: 0 auto; border-radius: 25px; }
.wedding-photographers .item .wedding-photographers-right a:hover{ background: #000;transition: all 600ms ease-in-out;  }

/*quit*/
.quit{ background: #fff; background: url(../images/quit-bg.jpg) no-repeat top right; padding:60px 0 35px; position: relative; display: block; width: 100%; }
.quit .quit-box-img{ width: 100%; position: relative; padding: 0; }
.quit .quit-box-img img{ width: 100%; }
.quit .lt-quit{  text-align: center; width: 100%; padding: 0; margin: 0; }
.quit .lt-quit h3{ padding: 10px 0 10px; margin: 0; font-size: 30px; font-weight: bold; color: #000; line-height: 40px; }
.quit .lt-quit p{ font-family: 'Arizonia', cursive; font-size: 25px; line-height: 30px; color: #000; padding:3px 20px 12px; margin: 0; }
.quit .lt-quit a{ background: #000; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 20px; padding: 8px 25px; display: inline-block; margin: 0 0 15px; letter-spacing: 1px; border: 1px solid #ccc; }
.quit .rt-quit{ text-align: center; width: 100%; padding: 0; margin: 0; }
.quit .rt-quit h2{ padding: 10px 0 10px; margin: 0; font-size: 30px; font-weight: bold; color: #ff00a7; line-height: 40px; }
.quit .rt-quit h6{ font-family: 'Arizonia', cursive; font-size: 25px; line-height: 30px; color: #fff; padding: 3px 0 12px; margin: 0; }
.quit .rt-quit a{ background: #ff00a7; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 20px; padding: 8px 25px; display: inline-block; margin: 0 0 15px; letter-spacing: 1px; border: 1px solid #ccc; }


/*about*/
    .about{position: relative;display: inline-block;width: 100%;height: auto; padding: 0 60px 50px;margin: 0;background: #000; }
    .about h3{text-shadow: 1px 3px #332f2f5e; display: block; font-family: 'Arizonia', cursive; font-weight: bold; font-size: 50px; letter-spacing: 0px; color: #ffff04; padding: 30px 0 0; margin: 0; text-align: center; } 
    .about h3 span{ display: block; text-shadow: 1px 3px #ffffff5e; font-family: arial; font-weight: bold; font-size: 25px; letter-spacing: 0px; color: #FFF;}  
    .about .about-box-text{ position: relative; width: 100%; margin: 0 auto; padding: 0; }
    .about .about-box-text h1{ color: #0b2f50; font-size: 25px; line-height: 40px; margin: 0; font-weight: bold; text-align: center; font-family: 'Montserrat', sans-serif; padding: 0 100px; }
    .about .about-box-text h3{    color: #323232; font-size: 15px; line-height: 30px; margin: 20px 0 0; padding: 0; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: bold; }

/*bg-back*/
  .bg-back{ position: relative;display: inline-block;width: 100%; padding: 0 0 35px; background: #fff;  overflow: hidden;}
  .bg-back img{ width: 100%; }
  .bg-back h3{ text-shadow: 1px 3px #332f2f1c; display: block; font-family: 'Arizonia', cursive; font-weight: bold; font-size: 50px; letter-spacing: 0px; color: #000; padding: 45px 0 20px; margin: 0; text-align: center; } 
  .bg-back h3 span{ display: none; font-family: arial; font-weight: bold; font-size: 25px; letter-spacing: 0px; color: #FBC81C; padding: 10px 0 0;}  
  .bg-back .pack-box{ width: 19.5%; background: #fbfbfb; color: #000 !important; float: left; padding: 0; margin: 0 0 0 6px; overflow: hidden; text-align: center; border-radius: 25px; }  
  .bg-back .pack-box h2{ font-size: 16px; line-height: 25px; color: #000; padding: 10px 0 4px; margin: 0; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
  .bg-back .pack-box p{  padding: 0 10px 8px; margin: 0; font-size: 13px; }  
  .bg-back .pack-box a{ border-radius: 25px; text-transform: uppercase; transition: all 600ms ease-in-out; font-weight: bold; color: #fff; background: #ff00a7; padding: 8px 20px; font-size: 12px; letter-spacing: 1px; border: 1px solid #ccc; display: block; width: 60%; margin: 5px auto 20px; }  
  .bg-back .pack-box a:hover{ color: #fff; background: #ff0404; transition: all 600ms ease-in-out; }   
  .bg-back .pack-box img{transition: all 600ms ease-in-out; width: 98%; height: 360px; border-radius: 25px; text-align: center; margin: 0 auto; border-bottom: 5px solid #ff00a7; padding: 3px 0 0 0; } 
  .bg-back .pack-box img:hover{ border-bottom: 5px solid #ffff04; transition: all 600ms ease-in-out;  }

/*.bggg-back*/
  .bggg-back{ position: relative; padding: 80px 0; background: url(../images/bg2.jpg) no-repeat 0 0 fixed; background-attachment: fixed; background-size: cover; display:inline-block; width: 100%; }
  .bggg-back .bggg-back-box{ position: relative; width: 40%; float: right; padding: 0; margin: 0; }
  .bggg-back .bggg-back-box .research-studies-text{box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 20px 20px 35px 20px rgba(0, 0, 0, 0.68); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); width: 100%; background: #fff; text-align: center; padding: 30px 20px; margin: 0; }
  .bggg-back .bggg-back-box .research-studies-text img{ width: 15%; }
  .bggg-back .bggg-back-box .research-studies-text p{ font-weight: bold; font-size: 15px; line-height: 25px; color: #000c; padding: 10px 0 10px; font-family: 'Montserrat', sans-serif; }
  .bggg-back .bggg-back-box .research-studies-text h6{ font-family: 'Arizonia', cursive; margin: 0; padding: 0; color: #000; font-size: 25px; font-weight: bold; }  


/*-- Gallery --*/
  .gallery {position: relative; width: 100%;display: block; height: 670px; overflow: hidden; }
  .gallery h3{text-shadow: 1px 3px #332f2f5e; display: block; font-family: 'Arizonia', cursive; font-weight: bold; font-size: 50px; letter-spacing: 0px; color: #FFF; padding: 30px 0 40px; margin: 0; text-align: center; } 
  .gallery h3 span{ display: block; font-family: arial; font-weight: bold; font-size: 25px; letter-spacing: 0px; color: #FBC81C; padding: 10px 0 0;}  
  .gallery-grids img { width: 100%; }
  .gallery-grids {  padding: 0; }
  /*-- gallery-hover effect --*/
  .w3ls-hover { background-color: #FFF; display: block;  overflow: hidden; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-align: center; height: 250px; background: #000; }
  .w3ls-hover img {   -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; height: 250px; } 
  .w3ls-hover .view-caption {  padding: 5em 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background-color: rgba(0, 0, 0, 0);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-border-radius: 50%;-moz-border-radius: 50%;  border-radius: 50%; }
  .w3ls-hover .view-caption h5{ color: #ff00a7; font-size: 40px; font-weight: normal; margin-bottom: 10px; margin-top: 2px; font-family: 'Arizonia', cursive; }
  .w3ls-hover .view-caption span { color: #ff00a7; font-size: 1em; margin-top: 5%; display: inline-block; border: 2px solid #fbc81c; padding: 12px; }
  .w3ls-hover:hover .view-caption {  background-color: rgba(0, 0, 0, 0.8); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-border-radius: 0; -moz-border-radius: 0;  border-radius: 0; }
  .w3ls-hover .view-caption span:hover { color: #f70255; border-color: #f70255; }
  .gallery .particle-network-animation { position: fixed; top: 0; left: 0; right: 0; height: 100vh; z-index: -1; }
  .gallery .particle-network-animation::before { z-index: -2; content: ''; position: absolute; 
  top: 0; right: 0; bottom: 0; left: 0;
   // background-image: url(http://web.frfr.me/dev/world-map-optimized.jpg); 
  background-image: url(https://images.unsplash.com/photo-1450849608880-6f787542c88a?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=786a67dca1d8791d181bfd90b16240d9); 
  background-position: center center; background-size: cover; opacity: 0.2; };




/*footer*/
    .footer{ position: relative; z-index: 999999; width: 100%; background: #0b2f50; padding: 0 0; margin: 100px 0 0; background: url(../images/footer-bg.png) no-repeat top left; background-size: cover; }
    .footer-up{  position: relative; width: 100%; background: none; padding: 0 0; margin: -50px 0 0 0;    
     box-shadow: -1px 9px 16px -3px rgb(0 0 0 / 32%);
    -webkit-box-shadow: -1px 9px 16px -3px rgb(0 0 0 / 32%);
    -moz-box-shadow:  -1px 9px 16px -3px rgb(0 0 0 / 32%);}
    .footer-up h3{ background: #252525; color: #fff; margin: 0; padding: 5px 0 10px 20px; font-weight: bold; font-size: 45px; letter-spacing: 0px; text-shadow: 3px 5px #000; font-family: 'Arizonia', cursive; border: 1px solid #cccccc29; }    
    .footer-up h3 span{text-align: right; float: right; padding: 10px 20px 0 0; color: #ff00a7; font-size: 30px; letter-spacing: 5px; }  
    /*OFFICE DETEALS*/
    .footer .footer-box {  width: 100%; height: 220px; overflow: hidden; margin: 0 0 0px; border-radius: 0px;  display: inline-block;background: none;}
    .footer .footer-box ul.footer-ul { color: #000; padding: 15px 10px 20px; margin: 0; text-align: left; border: none; }
    .footer .footer-box ul.footer-ul li{ list-style: none; display: block; padding: 10px 5px 10px; margin: 0; }
    .footer .footer-box ul.footer-ul li a{ letter-spacing: 1px; color: #000000; padding: 0 0px; margin: 0; font-size: 16px; line-height: 30px; font-family: 'Montserrat'; font-weight: bold; }
    .footer .footer-box ul.footer-ul li a:hover{ color: #0b2f50; font-style: italic;} 
    /*OFFICE FORM*/
    form{ width: 100%; margin: 20px 0 0; padding: 0; display: inline-block; }
    form .form-home{ width: 100%; float: left; text-align: center; margin: 0 auto; padding: 10px; }
    form .form-home label{  width: 20%; float: left; display: block; text-align: left; color: #061b2e; font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 1px 0px 4px; }
    form .form-home input[type="text"]{ background: #fff; width: 79%; float: right; display: block; padding: 10px; border: 1px solid #d7d7d7; color: #061b2e; font-size: 15px; line-height: 20px; margin: 0; }
    form .form-home input[type="email"]{ background: #fff; width: 79%; float: right; display: block; padding: 10px; border: 1px solid #d7d7d7; color: #061b2e; font-size: 15px; line-height: 20px; margin: 0; }
    form .form-home textarea{ background: #fff; width: 79%; float: right; display: block; padding: 10px; border: 1px solid #d7d7d7; color: #061b2e; font-size: 15px; line-height: 20px; margin: 0; }
    form .form-home input[type="submit"]{ background: #052543; width: 30%; display: block; padding: 10px; border: 2px solid #0b2f50; color: #fff; font-size: 15px; line-height: 20px; margin: 0 0 15px 100px; text-transform: uppercase; font-weight: bold; border-radius: 50px; }
    form .form-home input[type="submit"]:hover{ background: #fff; color: #0b2f50; }
    /*footer-socil*/
    .footer ul.footer-socil { padding: 0px; margin: 20px 0 5px; text-align: left; color: #01142f;  }
    .footer ul.footer-socil li{ list-style: none; display: inline-block; }
    .footer ul.footer-socil li a{ color: #fff; text-transform: capitalize; padding: 8px 0 0 0; margin: 0 3px 0; font-size: 15px; line-height: 20px; display: inline-block; background: #3aaaeb; width: 30px; height: 30px; text-align: center; border-radius: 50%; border: 1px solid #fff; }
    .footer ul.footer-socil li a:hover{ color: #efff00; } 
    .footer ul.footer-socil li:nth-child(1) a{ background: #1c4fae; }
    .footer ul.footer-socil li:nth-child(2) a{ background: #ff5e00; }
    .footer ul.footer-socil li:nth-child(3) a{ background: #1ac4ff; }
    .footer ul.footer-socil li:nth-child(4) a{ background: #ff0024; }
    .footer ul.footer-socil li:nth-child(5) a{ background: #2592f4; }
    /*quick-links*/
    .footer ul.footer-quick-links{ width: 100%; float: left; padding: 20px 0 15px 0; margin: 0; text-align: left; }
    .footer ul.footer-quick-links h4{font-size: 18px; line-height: 35px; text-shadow: 1px 1px #00000061; display: block; font-weight: bold; letter-spacing: 0px; color: #fff; padding: 0; margin: 0; text-align: left; text-transform: uppercase;  }   
    .footer .footer-box1 h4{ font-size: 18px; line-height: 35px; text-shadow: 1px 1px #00000061; display: block; font-weight: bold; letter-spacing: 0px; color: #fff; padding: 20px 0 0; margin: 0; text-align: left; text-transform: uppercase; }   
    .footer .footer-box1 p{     font-weight: normal; font-size: 14px; line-height: 23px; color: #ffffffab; padding: 10px 0 10px; font-family: 'Montserrat', sans-serif; text-align: justify; margin: 0; }
    .footer ul.footer-quick-links li{ list-style: none; display:block; padding: 0; margin: 0; }
    .footer ul.footer-quick-links li span{display: inline-block; color: #ff00a7; text-shadow: 1px 1px #000000eb; padding: 0 10px 0 0; font-size: 12px; margin: 0; }  
    .footer ul.footer-quick-links li a{ letter-spacing: 0px; color: #bfbeb8; margin: 0; font-size: 12px; line-height: 20px; font-weight: bold; text-transform: uppercase; padding: 4px 0 3px; display: inline-block;}
    .footer ul.footer-quick-links li a:hover{ color: #ffc600;}

    .footer-box1 { height: 100vh; width: 100vw; overflow: hidden; background-color: RGB(24, 25, 26); display: flex; align-items: center; position: relative; }
    p.text-white{ background: #000000bd; padding: 6px 0 8px; color: #ccc; font-weight: normal; margin: 20px 0 0 0; font-family: revert; }
    p.text-white a{ color: #cecbcd; font-weight: normal; font-family: initial; font-size: 14px; }
    p.text-white a:hover{  font-style: italic; }   




/*form-inner*/
.form-inner{ position: relative; width:100%; padding:60px 0; margin:0 0; background:#f4f2f2; background: linear-gradient(90deg, rgb(78, 158, 66) 50%, rgb(255, 255, 255) 35%); background: linear-gradient(90deg, rgb(244, 239, 239) 50%, rgb(255, 255, 255) 35%); }
.form-inner form img.form-img{ width: 10%; margin: 0 auto; display: block; } 
.form-inner form h2{ text-align: center; margin: 0; padding: 0 0 5px; font-family: 'Changa One', cursive; color: #4e9e42; font-size: 35px; line-height: 45px; }
.form-inner form h4{ margin: 0; text-align: center; padding: 5px 0 20px; font-family: 'Changa One', cursive; color: #3d443c; font-size: 25px; line-height: 35px; }
.form-inner form h4 span{ display: block; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 20px; padding: 0; margin: 0; }
.form-inner form{ width: 60%; margin: 0 auto; padding: 25px 20px 25px 20px; background: #fff; border: 10px solid #f4efef; }
.form-inner form .admission-input{ width: 100%; padding: 0; margin: 0 0 10px; display: inline-block; }
.form-inner form .admission-input label{ width: 42%; float: left; text-align: left; font-weight: bold; color: #4a4a4a; text-transform: uppercase; padding: 5px 0 0 10px; font-size: 14px; line-height: 20px; margin: 0; }
.form-inner form .admission-input input[type="text"]{ width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px; }
.form-inner form .admission-input input[type="date"]{ width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input input[type="file"]{ width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input select { width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input textarea{ width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input input[type="submit"]{ width: 26%; margin: 0 auto; display: block; background: #4e9e42; border: none; outline: none; color: #fff; padding: 8px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-radius: 8px; }
.form-inner form .admission-input input[type="submit"]:hover{background: #0c0d3e;}
.form-inner form .admission-input span{ text-align: justify; display: block; color: #e10202; font-weight: bold; font-size: 10px; padding: 6px 0 0 30px; width: 100%; margin: 0; line-height: 15px; }
.form-inner form h6{  text-align: left; display: block; color: #0c1440; font-weight: bold; font-size: 15px; padding: 10px 0 10px 35px; width: 50%; margin: 50px 0 25px 0; background: #000; background: linear-gradient( 90deg, rgb(28, 176, 7) 4%, rgb(238, 238, 238) 4%); }
.form-inner form h5{ text-align: center; padding: 0; color: #fff; font-size: 15px; line-height: 30px; background: #000; width: 70%; margin: 20px auto 10px; font-weight: bold; text-transform: uppercase; border-radius: 35px; }


/*inn-contact*/
.inn-contact{ position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0;   background: #fff;background: #000;}
.inn-contact .con-d-box{ padding: 15px; background: #ffffff1c; margin: 50px 0 0px 0; border: 5px double #ffffff6b; }
.inn-contact .con-d-box h2{ margin: 0; font-size: 20px; line-height: 30px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #fe0095; padding: 0 0 5px; }
.inn-contact .con-d-box p{ font-size: 16px; line-height: 30px; color: #fff; margin: 0 0 15px 60px; padding: 0; }
.inn-contact .con-d-box h2 i { background: linear-gradient( 90deg, rgb(255, 255, 255) 10%, rgb(254, 0, 149) 10%); border: 1px solid #fff; color: #fff; padding: 7px 6px; width: 7%; text-align: center; border-radius: 4px; margin: 10px 20px 5px 0; font-size: 15px; }
.inn-contact .con-d-box a{font-weight: bold; padding: 0 0 0 15px; margin: 0 0 30px; font-size: 15px; line-height: 28px; color: #fff; font-family: 'Montserrat', sans-serif; display: inline-block; }
.inn-contact .con-d-box a:hover{ color: #fe0095; }

.inn-contact form{  padding: 35px 30px; margin: 0 0;  }
.inn-contact form .input-cont{  width: 100%; padding: 0; margin: 0 0 10px; display: inline-block;  }
.inn-contact form .input-cont label{  width: 100%; float: left; line-height: 26px; padding: 5px 10px; margin: 0; font-weight: bold; font-size: 16px; color: #fff; font-family: 'Montserrat', sans-serif; }
.inn-contact form .input-cont input{background: none; width: 100%; float: right; outline: none; border: none; font-size: 16px; line-height: 29px; padding: 5px 10px; margin: 0; color: #fff; border-bottom: 1px dotted #fff; }
.inn-contact form .input-cont textarea{ background: none; width: 100%; float: right; outline: none; border: none; font-size: 16px; line-height: 29px; padding: 5px 10px; margin: 0; color: #fff; border-bottom: 1px dotted #fff;  }
.inn-contact form .input-cont input[type="submit"]{ float: left; margin: 15px 0 0; width: 50%; border: 1px solid #fe0095; color: #fff; background: #fe0095; font-weight: bold; text-transform: uppercase; }

/*packages-inner*/
.packages-inner{ position: relative; width: 100%; padding: 50px 50px 50px; margin: 0 0; background: #000; overflow: hidden; }
.packages-inner .pack-box-inner{ width: 19.5%; background: #fbfbfb; color: #000 !important; float: left; padding: 0; margin: 0 0 40px 6px; overflow: hidden; text-align: center; border-radius: 25px; }
.packages-inner .pack-box-inner img{transition: all 600ms ease-in-out; width: 98%; height: 360px; border-radius: 25px; text-align: center; margin: 0 auto; border-bottom: 5px solid #ff00a7; padding: 3px 0 0 0;}
.packages-inner .pack-box-inner h3{font-size: 16px; line-height: 25px; color: #000; padding: 10px 0 4px; margin: 0; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
.packages-inner .pack-box-inner p{padding: 0 10px 8px; margin: 0; font-size: 13px; height: 70px;}
.packages-inner .pack-box-inner a{ border-radius: 25px; text-transform: uppercase; transition: all 600ms ease-in-out; font-weight: bold; color: #fff; background: #ff00a7; padding: 8px 20px; font-size: 12px; letter-spacing: 1px; border: 1px solid #ccc; display: block; width: 60%; margin: 5px auto 20px; }
.packages-inner .pack-box-inner a:hover{ background: #000;}

/*booking-inner*/
.booking-inner{ position: relative; width: 100%; padding: 50px 50px 50px; margin: 0 0; background: #fff; }
.booking-inner .single-right h3 { font-size: 30px; color: #000; text-align: left; margin: 0; font-weight: bold; font-family: inherit; padding: 0 0 10px; }
.booking-inner .single-right h3 span { font-weight: bold; font-size: 22px; padding: 0 0 0 15px; color: #fe0096; letter-spacing: 1px; }
.booking-inner .single-right p {color: #3a3838; font-size: 16px; line-height: 28px; padding: 0 10px 10PX; margin: 0; text-align: justify; }
.booking-inner .single-right h4 img{  width:100%; height: auto; }
.book_this_tour { width: 90%; background: #fe0096; padding: 20px; box-shadow: 4px 4px 13.92px 2.08px rgba(0, 0, 0, 0.34); margin: -120px 0 0 0; float: right; display: inline-block; overflow: hidden; }
.book_this_tour h4 { font-family: "Sofia", sans-serif; font-size: 25px; padding: 0; line-height: 40px; font-weight: bold; color: #fff; text-transform: uppercase; margin: 0 0 10px; text-shadow: 1px 3px #0000006b; }
.book_this_tour h6 { font-size: 24px; padding: 0 0 14px; line-height: 25px; font-weight: lighter; color: #fff; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; font-family: 'Arizonia', cursive; }
.book_this_tour form{}
.book_this_tour form .form-group-box { width: 100%; float: left; margin: 0px; padding: 0; }
.book_this_tour form .form-group-box input { outline: none; padding: 10px; box-shadow: none; border-radius: 5px; border: 1px solid #fff; font-size: 12px; line-height: 20px; color: #000; background: #f8f8f8; width: 100%; margin: 0 0 10px; box-shadow: 5px 8px 13.92px 2.08px rgba(0, 0, 0, 0.12); display: block; }
.book_this_tour form .form-group-box select { outline: none; padding: 10px; box-shadow: none; border-radius: 5px; border: 1px solid #fff; font-size: 12px; line-height: 20px; color: #000; background: #f8f8f8; width: 100%; margin: 0 0 10px; box-shadow: 5px 8px 13.92px 2.08px rgba(0, 0, 0, 0.12); display: block; }
.book_this_tour form .form-group-box textarea { outline: none; padding: 10px; box-shadow: none; border-radius: 5px; border: 1px solid #fff; font-size: 12px; line-height: 20px; color: #000; background: #f8f8f8; width: 100%; margin: 0 0 10px; box-shadow: 5px 8px 13.92px 2.08px rgba(0, 0, 0, 0.12); display: block; }
.book_this_tour form .form-group-box-radio { color: #fff; font-family: unset; font-size: 14px; padding: 10px 0 30px; margin: 0 0 0; display: inline-block; }
.book_this_tour form .form-sub input { background: #000; border: none; outline: none; color: #fff; padding: 10px 30px; font-size: 15px; line-height: 20px; text-align: center; margin: 0 0 10px; border-radius: 5px; box-shadow: 5px 8px 13.92px 2.08px rgba(0, 0, 0, 0.13); }

/*booking-appointment*/
.booking-appointment{ position: relative; width: 100%; padding: 20px 50px 50px; margin: 0 0; background: #fff;background: #000; }
.booking-appointment .book-inner { position: relative; width: 80%; overflow: hidden; padding: 20px; margin: 30px auto 50px; background-color: #f8f8f8; box-shadow: 5px 8px 13.92px 2.08px rgba(0,0,0,.05); }
.booking-appointment .book-inner h5 { font-size: 24px; padding: 10px 0; line-height: 30px; font-weight: lighter; color: #fff; font-family: 'Arizonia', cursive; background: #ff00a7; text-align: center; }
.booking-appointment .book-inner form { position: relative; width: 100%; overflow: hidden; background: #fff; background: #252525; padding: 20px; margin: 30px 0 0; border: 1px solid #cccccc70; }
.booking-appointment .book-inner form .form-group-box { width: 30%; float: left; margin: 0 12px 30px; padding: 0; }
.booking-appointment .book-inner form .form-group-box label { display: inline-block; width: 100%; margin-bottom: 5px; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; outline: none; font-size: 14px; line-height: 20px; color: #fff; }
.booking-appointment .book-inner form .form-group-box select { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; outline: none; padding: 10px; box-shadow: none; border-radius: 2px; border: 1px solid #cccccc38; font-size: 14px; line-height: 1.42857143; color: #fff; background: #000; width: 100%; }
.booking-appointment .book-inner form .form-group-box input { outline: none; padding: 10px; box-shadow: none; border-radius: 2px; border: 1px solid #cccccc38; font-size: 14px; line-height: 1.42857143; color: #fff; background: #f8f8f829; width: 100%; }
.booking-appointment .book-inner form .form-group-box textarea { outline: none; padding: 10px; box-shadow: none; border-radius: 2px; border: 1px solid #cccccc38; font-size: 14px; line-height: 1.42857143; color: #fff; background: #f8f8f829; width: 100%; }
.booking-appointment .book-inner form .form-group-box label i { display: none; }
.booking-appointment .book-inner form .form-group-box-radio { width: 65%; float: left; margin: 0 12px 30px; padding: 0; color: #fff;}
.booking-appointment .book-inner form .form-group-box-radio label { color: #fff; }
.booking-appointment .book-inner form .form-group-box-radio input { margin: 10px 10px; }
.booking-appointment .book-inner form .form-sub { width: 32%; float: right; padding: 0; margin: 0; }
.booking-appointment .book-inner form .form-sub input { background: #ff00a7; border: none; outline: none; color: #fff; padding: 15px 0; font-size: 16px; line-height: 20px; text-align: center; width: 90%; margin: 10px 0 0; border-radius: 5px; }




/*INNER bANNER*/
.banner-inner{ position: relative; width: 100%; height:300px; padding: 0 0; margin: 0 0; }
img.inner-banner-img{ width: 100%; height: auto; margin: -40px 0 0; }
img.inner-banner-img{ width:100%; height: auto; }
.banner-inner .banner-inner-text{ position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; padding: 100px 0 0; text-align: center; height: 100%; background: #00000082; }
.banner-inner .banner-inner-text h2{ position: relative; font-size: 50px; font-family: arial; font-weight: bold; color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear; text-shadow: 1px 3px #00000096; text-transform: uppercase; margin: 0; line-height: 60px; }
.banner-inner .banner-inner-text h2:after{ position: absolute; content: ""; top: 30px; background: #fff; width: 10%; height: 5px; margin: 0 0 0 40px; border-radius: 5px; }
.banner-inner .banner-inner-text h2:before{ position: absolute; content: ""; top: 30px; background: #fff; width: 10%; height: 5px; margin: 0px 0 0 -160px; border-radius: 5px; }
.banner-inner .banner-inner-text p{ text-shadow: 1px 3px #0000009e; display: inline-block; font-weight: bold; font-size: 30px; letter-spacing: 1px;color: #ff0078; color: #fff; padding: 10px 0 0; margin: 0; font-family: 'Arizonia', cursive; }


/*about-inner*/
.about-inner{  position: relative; width: 100%; padding: 0px 0 100px; margin: 0 0; background: #fff; }
.about-inner .ab-inner-text{ position: relative; width:100%; padding:0px 0 0; margin:0 0;  }
.about-inner .ab-inner-text h2{  text-align: center; font-size: 35px; line-height: 60px; padding: 20px 0 10px; margin: 0; color: #9f0430; font-weight: bold; }
.about-inner .ab-inner-text h3{ font-family: 'Montserrat', sans-serif; padding: 40px 100px 30px; margin: 0 0; font-size: 20px; line-height: 30px; color: #000; text-align: center; font-style: italic; }
.about-inner .ab-inner-text p{ text-align: justify; font-size: 15px; line-height: 30px; color: #000; padding: 0 0 20px; margin: 0; font-family: 'Montserrat', sans-serif; font-weight: normal; }
.about-inner .ab-inner-text a{ font-family: 'Montserrat', sans-serif; background: #428e36; padding: 8px 20px; margin: 15px 0 0; display: inline-block; color: #fff; border: 2px solid #2db318; }
.about-inner .ab-right-img{ position: relative; width:100%; padding:0px 0; margin:0 0;  }
.about-inner .ab-right-img img{ width:100%; }
.about-inner .ab-inner-text img{ width:100%; }

img.ab-banner-inn{ width: 100%; padding: 0; border-top: 1px dotted #4f9e43; margin: 30px 0 50px; }

/*about-objectives*/
.about-objectives{  position: relative; width:100%; padding:0px 0; margin:0 0; }
.about-objectives .objectives-text{  position: relative; width:100%; padding:0px 0; margin:0 0; }
.about-objectives .objectives-text h4{ font-family: 'Changa One', cursive; padding: 10px 15px; margin: 0 0 20px; font-size: 20px; color: #fff; background: #509c44; text-transform: uppercase; letter-spacing: 1px; }
.about-objectives .objectives-text ul{ padding: 0 0; margin: 0 0; }
.about-objectives .objectives-text ul li{ text-align: justify; font-family: 'Montserrat', sans-serif; padding: 0 0; margin: 0 0 10px 15px; font-size: 14px; color: #000; line-height: 25px; }
.about-objectives .objectives-text ul li span{ text-align: right; float: right; font-weight: bold; font-size: 13px; line-height: 16px; color: #575454; }
.about-objectives .objectives-text h5{ padding: 7px 15px; margin: 0 0 10px; font-size: 15px; color: #444; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }



/*services-bonding*/
.services-bonding{ position: relative; width:100%; padding:0px 0 100px; margin:0 0; background:#fff; }
.services-bonding h2{     text-align: center; font-size: 35px; line-height: 60px; padding: 20px 0 10px; margin: 0; color: #9f0430; font-weight: bold; }
.services-bonding .ser-inner-text { position: relative; width:95%; padding:0px 0 0; margin:0 0; }
.services-bonding .ser-inner-text h3{ font-family: 'Montserrat', sans-serif; padding: 0 0 5px; margin: 0 0; font-size: 20px; line-height: 40px; color: #393838; text-align: left; font-weight: bold; }
.services-bonding .ser-inner-text p{    font-weight: bold; text-align: justify; font-size: 15px; line-height: 26px; color: #000; font-family: 'Montserrat', sans-serif; padding: 0 0 20px; margin: 0; }
.services-bonding .ser-inner-text ul{ padding: 0 0 0 40px; }
.services-bonding .ser-inner-text ul li{ text-align: justify; font-size: 14px; line-height: 25px; color: #4d3d3d; font-family: 'Montserrat', sans-serif; padding: 0 0 0 5px; margin: 0; font-style: italic; font-weight: bold; list-style: disclosure-closed; }

/*SERVICES / hair-inner*/
.hair-inner{ position: relative; width:100%; padding:40px 0 50px; margin:0 0; background:#fff;}
.hair-inner .hair-inner-text{  }
.hair-inner .hair-inner-text h3{ margin: 0 0 0px; padding: 0; font-size: 17px; line-height: 30px; color: #000c; font-weight: bold; text-transform: uppercase; text-align: left; }
.hair-inner .hair-inner-text h6{ font-family: 'Arizonia', cursive; margin: 0; font-size: 30px; color: #ff00a7; line-height: 40px; padding: 15px 0px 15px; }
.hair-inner .hair-inner-text p{ margin: 0; padding: 0; text-align: justify; font-size: 15px; line-height: 25px; color: #000000c4; }
.hair-inner .hair-inner-text img{ width:100%; }
.hair-inner .hair-inner-text p em{ font-family: 'Arizonia', cursive; margin: 0; font-size: 30px; color: #ff00a7; line-height: 40px; padding: 15px 0px 15px; }
.hair-inner .hair-inner-text .entry-content{  margin: 0 0 0px; padding: 0; font-size: 17px; line-height: 30px; color: #000c; font-weight: bold; text-transform: uppercase; text-align: left; }


/*blog*/
.blog{  position: relative; width:100%; padding:0px 0 80px; margin:0 0; background:#fff; }
.blog img{ width:100%; height: 250px; opacity: 0.8; transition:all 600ms ease-in-out; border: 0px solid #d5d5d5; }
.blog img:hover{  transform: translateY(-5px); width:100%;  opacity: 1; transition:all 600ms ease-in-out;}
.blog h2{   text-align: center; font-size: 35px; line-height: 60px; padding: 20px 0 10px; margin: 0; color: #9f0430; font-weight: bold; }
.blog h3{  font-family: 'Montserrat', sans-serif; padding: 0 90px 20px; margin: 0 0; font-size: 25px; line-height: 40px; color: #000; text-align: center; }

/*blog*/
.blog-single-peag{  position: relative; width:100%; padding:0px 0 80px; margin:0 0; background:#fff; }
.blog-single-peag img{ width:100%; height: 250px; opacity: 0.8; transition:all 600ms ease-in-out; border: 0px solid #d5d5d5; }
.blog-single-peag img:hover{  transform: translateY(-5px); width:100%;  opacity: 1; transition:all 600ms ease-in-out;}
.blog-single-peag h2{   text-align: center; font-size: 35px; line-height: 60px; padding: 20px 0 10px; margin: 0; color: #9f0430; font-weight: bold; }
.blog-single-peag h3{  font-family: 'Montserrat', sans-serif; padding: 0 0 10px; margin: 0 0; font-size: 17px; line-height: 30px; color: #000; text-align: left; font-weight: bold; }
.blog-single-peag p{  text-align: justify; font-size: 15px; line-height: 26px; color: #000; }
.blog-single-peag h6{    color: #aa3359; font-size: 15px; font-weight: bold; } 
    img.exam_calendar_single_img{ width: 100%; opacity: 1; height: 350px; }


/*about-trems*/
.about-trems{ position: relative; width: 100%; padding:0 0 80px 0; margin: 0 0; background: #fff;   }
.about-trems p { padding: 0 0 10px 10px; color: #482828; font-size: 19px; font-weight: lighter; font-style: italic; line-height: 27px; font-family: a; }
.about-trems h2{ text-align: center; font-size: 35px; line-height: 60px; padding: 20px 0 10px; margin: 0; color: #9f0430; font-weight: bold; }

/*offer*/
.offer{ position: relative; width: 100%; padding:10px 0 100px 0; margin: 0 0; background: #fff;   }
.offer h2{ text-align: center; font-size: 35px; line-height: 60px; padding: 20px 0 10px; margin: 0; color: #9f0430; font-weight: bold; }
.offer h3{    font-family: 'Montserrat', sans-serif; padding: 0 90px 20px; margin: 0 0; font-size: 25px; line-height: 40px; color: #000; text-align: center; }
.offer .success-blog { width: 100%; }
.offer .success-blog img{ width: 100%; }
.offer .success-blog h4 {  margin: 0;font-weight: bold; color: #404040; font-size: 13px; padding: 10px 0 0;}
.offer .success-blog h4 span { color: #f00; font-weight: 500; padding: 0 0 0 5px; font-family: 'Poppins'; }
.offer .success-blog h6 { margin: 0; font-family: inherit; font-size: 15px; padding: 10px 0 10px; color: #4c4949; font-weight: 400; line-height: 18px; }
.offer .success-blog p{ display: none; }
.offer .success-blog-single { width: 100%; }
.offer .success-blog-single img{ width: 100%; }
.offer .success-blog-single h4 {  margin: 0;font-weight: bold; color: #404040; font-size: 13px; padding: 10px 0 0;}
.offer .success-blog-single h4 span { color: #f00; font-weight: 500; padding: 0 0 0 5px; font-family: 'Poppins'; }
.offer .success-blog-single h6 {     margin: 0; font-size: 30px; padding: 10px 0 10px; color: #000000; font-weight: bold; line-height: 40px; font-family: initial; }
.offer .success-blog-single p{     margin: 0; text-align: justify; font-size: 15px; line-height: 28px; color: #000; }

 /*p-gallery*/
.p-gallery{ position: relative; width: 100%; padding: 50px 0 0 0; margin: 0 0; background: #000; }
.p-gallery h1{ text-align: center; font-size: 35px; line-height: 60px; padding: 20px 0 10px; margin: 0; color: #9f0430; font-weight: bold;}
.p-gallery h6{ font-size: 14px; line-height: 26px; color: #565555; padding: 0 250px 40px; display: block; margin: 0; text-align: center; }
.p-gallery .gallery-box{ position: relative; width: 100%; padding: 0; margin: 0 0 30px; float: left; border: 1px solid #e0e0e0; height: 210px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.p-gallery .gallery-box img.pho-gall { width: 100%; height: 220px; }
.p-gallery .gallery-box .view-caption { position: absolute; top:-140%; width: 100%; text-align: center; padding: 100px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: rgba(0, 0, 0, 0.82); }
.p-gallery .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.p-gallery .gallery-box .view-caption p {border: 1px solid #d00034; width: 50%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #000000; padding: 9px 15px; color: #fff !important; margin: 25px auto 0; text-transform: uppercase; }
.p-gallery .gallery-box h6{ text-align: center; color: #000; font-size: 15px; line-height: 25px; font-family: revert; background: #fff; padding: 7px 10px; } 


/*video*/
.video{  position: relative; width: 100%; padding: 0px 0 80px; margin: 0 0; background: #e6e1e1; }
.video iframe{ width:100%; }
.video h2{ padding: 0 0 5px; margin: 0 0; font-size: 40px; line-height: 60px; color: #050510; text-align: center; font-family: 'Changa One', cursive; font-weight: lighter; letter-spacing: 2px; }
.video p{ font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 0 40px; margin: 0 0; font-size: 20px; line-height: 20px; color: #000; }
.video h6{ text-align: center; padding: 10px 50px; margin: 0; font-size: 15px; line-height: 21px; color: #444; font-family: 'Montserrat', sans-serif; font-weight: bold;}
 
 /*"video-inner*/
.video-inner{  position: relative; width:100%; padding: 0px 0 80px; margin:0 0; background:#fff; }
.video-inner h2{ text-align: center; font-size: 35px; line-height: 60px; padding: 20px 0 10px; margin: 0; color: #9f0430; font-weight: bold; }
.video-inner .video-box{ width:100%; } 
.video-inner .video-box video{ width:100%; } 

/*enquiry*/
.enquiry{  position: relative; width:100%; padding: 0px 0 80px; margin:0 0; background:#e5e2e2; }
.enquiry .guest-box { background: #fff; display: inline-block; position: relative; width: 100%; padding: 10px; margin: 30px 0 30px; }
.enquiry .guest-box h2 { font-size: 25px; line-height: 50px; color: #640523; text-align: left; font-weight: bold; padding: 0; letter-spacing: 1px; margin: 0 0 30px; font-family: 'Nunito', sans-serif; border-bottom: 2px solid #f2f1ef; text-transform: uppercase; }
.enquiry .guest-box form .form-group-guest { width: 100%; padding: 0; margin: 0 0 20px; display: inline-block;  }
.enquiry .guest-box form .form-group-guest label { width: 20%; font-size: 16px; color: #000000ab; float: left; }
.enquiry .guest-box form .form-group-guest input { width: 79%; float: right; border: none; border-bottom: 1px dotted; padding: 0 0 5px; color: #000; font-size: 15px; font-family: 'Nunito', sans-serif; font-weight: bold; outline: none; margin: 0; }
.enquiry .guest-box form .form-group-guest textarea { width: 79%; float: right; border: none; border-bottom: 1px dotted; padding: 0 0 5px; color: #000; font-size: 15px; font-family: 'Nunito', sans-serif; font-weight: bold; outline: none; margin: 0; } 
.enquiry form input[type="submit"] { margin: 0 0 0 0px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; line-height: 20px; width: 28%; background: #811141; color: #fff; font-weight: bold; padding: 10px 0; }