/*

|--------------------

|Variables

|--------------------

*/

:root{

  --red-primary:#c5221a;

  --footer-bg:#6b052b;

  --footer-text:#ff9c01;

  --footer-bar-bg:#350316;

}

*{

  font-family: AvenirLTStd-Roman;

}

/*

|--------------------

|TYPOGRAPHY AND FONTS

|--------------------

*/

@font-face{

  src: url('vendors/fonts/AvenirLTStd/AvenirLTStd-Roman.otf');

  font-family: AvenirLTStd-Roman;

}

@font-face{

  src: url('vendors/fonts/AvenirLTStd/AvenirLTStd-Black.otf');

  font-family: AvenirLTStd-Black;

}

@font-face{

  src: url('vendors/fonts/AvenirLTStd/AvenirLTStd-Book.otf');

  font-family: AvenirLTStd-Book;

}

@font-face{

  src: url('vendors/fonts/AvenirLTStd/AvenirLTStd-Heavy.otf');

  font-family: AvenirLTStd-Heavy;

}

@font-face{

  src: url('vendors/fonts/AvenirLTStd/AvenirLTStd-Light.otf');

  font-family: AvenirLTStd-Light;

}

@font-face{

  src: url('vendors/fonts/AvenirLTStd/AvenirLTStd-Medium.otf');

  font-family: AvenirLTStd-Medium;

}

/*

|------------------------

|TYPOGRAPHY AND FONTS END

|------------------------

*/

/*

|------------------------

|BUTTONS, BG AND TEXT

|------------------------

*/

.btn.btn-danger{

  background-color: var(--red-primary);

}

.text-danger{

  color: var(--red-primary) !important;

}

.bg-danger{

  background-color: var(--red-primary) !important;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

  color:white;

  background-color: var(--red-primary);

}

.nav-tabs .nav-link{

  color:black;

}

/*

|------------------------

|BUTTONS, BG AND TEXT END

|------------------------

*/

body{

  overflow-x:hidden ;

}

.navbar{

  background-color: #ffffff;

}

.navbar-light .navbar-toggler{

  border-color: white;

}

.navbar .nav-item{

  color:black;

}

.navbar .nav-link{

  color: black !important;

  text-transform: uppercase;

  font-family: geomanistregular;

  font-weight: 700;

  letter-spacing: 1px;

  font-size:.8rem;

}

.banner{

  position: relative;

  /* background-image: url('../img/banner-img.jpg'); */

  height: 100vh;

  background-position: center top;

  background-repeat: no-repeat;

}

.banner .header-img{

  width: 45%;

}

.banner .j-logo{

  position: absolute;

  top:0%;

  left: 5%;

  background-color: white;

  border-bottom-right-radius: 10%;

  border-bottom-left-radius: 10%;

}

.banner .social-bar{

  position: absolute;

  right:0%;

  top:30%;

}

.banner .social-bar ul{

  list-style-type: none;

}

.banner .social-bar li{

  border-top-left-radius: 10px;

  border-bottom-left-radius:10px;

  padding:.5rem 1rem ;

  margin: .2rem 0rem;

  background-color: var(--red-primary);

  color: white;

}

.banner #slider-area{

  position: absolute;

  height:100vh;

  width:100%;

  top:0;

  left:0;

  z-index:-1;

}

.banner #slider-area .owl-item div{

  height:100vh;

  width:100%;

  background-repeat: no-repeat;

  -webkit-background-size:cover;

  background-size:cover;

  background-position: 50%,50%;

}

.header-banner{

  position: relative;

  background-image: url('../img/feature-bg.jpg');

  height: 40vh;

  background-position: 0% 30%;

  background-repeat: no-repeat;

  background-size: cover;

}

.header-banner .header-img{

  width: 35%;

}

.header-banner .j-logo{

  position: absolute;

  top:0%;

  left: 5%;

  background-color: white;

  border-bottom-right-radius: 10%;

  border-bottom-left-radius: 10%;

}

.header-banner .social-bar{

  position: absolute;

  right:0%;

  top:30%;

}

.header-banner .social-bar ul{

  list-style-type: none;

}

.header-banner .social-bar li{

  border-top-left-radius: 10px;

  border-bottom-left-radius:10px;

  padding:.5rem 1rem ;

  margin: .2rem 0rem;

  background-color: var(--red-primary);

  color: white;

}

.header-banner .page-header{

  position: absolute;

  left: 50%;

  transform: translate(-50%,0%);

  bottom: -27%;

  width: 18%;

}

.banner .hero-div{

  width: 60%;

  position: absolute;

  bottom:10%;

  left: 50%;

  transform: translate(-50%,0%);

}

.banner .hero-div .h1{

  font-family: AvenirLTStd-Medium;

  color: #ffffff;

}

.banner .hero-div .search-box{

  background-color: #ffffff;

  border-radius: 30px;

  font-family: AvenirLTStd-Medium;

  height: 120px;

  overflow: hidden;

}

.banner .hero-div .search-box .custom-select-md option{

  font-family:AvenirLTStd-Roman ;

}

.banner .hero-div .search-box form .form-row .col-sm:last-child{

  background-color: var(--red-primary);

  width: 100%;

  height: 100%;

  color: white; 

  text-transform: uppercase;

}

.banner .hero-div .search-box form .form-row .col-sm:last-child input{

  background-color: var(--red-primary);

  color: white;

  text-transform: uppercase;

  border: none;

  font-family: AvenirLTStd-Medium;

  font-size:1.5rem;

}

#welcome{

  background: url('../img/welcome-bg.jpg');

  background-position: center top;

  background-size: contain;

  background-repeat: no-repeat;

}

#welcome .section-heading-div .support-heading{

  font-family: AvenirLTStd-Medium;

  color: var(--red-primary);

}

#welcome .section-heading-div .circle-hr{

  display: inline-block;

  width: 1rem;

  vertical-align: middle;

  height: 1rem;

  background-color: var(--red-primary);

  border-radius: 100%;

}

#welcome .section-heading-div .circle-hr-left{

  display: inline-block;

  width: 45%;

  vertical-align: middle;

  height: 1px;

  background-color: var(--red-primary);

}

#welcome .section-heading-div .circle-hr-right{

  display: inline-block;

  width: 45%;

  vertical-align: middle;

  height: 1px;

  background-color: var(--red-primary);

}

#welcome .section-heading-div .welcome-heading{

  font-family: AvenirLTStd-Heavy;

}

#welcome .section-description .lead{

  font-family: AvenirLTStd-Roman;

}

#welcome .section-link{

  text-transform: uppercase;

  font-family: AvenirLTStd-Heavy;

  color: var(--red-primary);

  transition: all ease-in-out 200ms;

}

#welcome .section-link svg{

  opacity: 0;

  transition: all ease-in-out 200ms;

}

#welcome .section-link:hover svg{

  opacity: 1;

  display: inline-block;

}

#welcome .form-section-heading .h4{

  color: var(--red-primary);

  display: inline-block;

}

#welcome .section-heading-hr{

  display: inline-block;

  width: 50%;

  height: 2px;

  background-color: var(--red-primary);

  vertical-align: middle;

}

#welcome form label.important:after{

  content:' *';

  color:red;

  font-size: 1rem;

  display:inline-block;

  margin-left:.5rem;

  position: absolute;

}

#about-video.video-space{

  position: relative;

  overflow: hidden;

  height: 300px;

}

#about-video.video-space span{

  position: absolute;

  color: white;

  z-index:1;

  top:50%;

  left:50%;

  transform: translate(-50%,-50%);

}

#about-video.video-space:after{

  content: "";

  top:0;

  left: 0;

  position: absolute;

  display: inline-block;

  width: 100%;

  height: 100%;

  background-color: rgba(0,0,0,0.8);

}

.copy-button{

  position:absolute;

  top:.5rem;

  right:.5rem;

  padding:.25rem, .5rem;

  border:0;

  border-radius:.25rem;

}

.copy-button:hover{

  color: #fff;

  background-color: #027de7;

}

#features{

  background: url('../img/feature-bg.jpg');

  background-position: center;

  background-size: cover;

}

#features .feature-heading, #features .h4{

  font-family: AvenirLTStd-Roman;

}

#features .img-fluid{

  max-width: 70% !important;

}

#testimonials{

  background-color: var(--red-primary);

}

#testimonials .section-heading-div .welcome-heading{

  color: white;

  font-family: AvenirLTStd-Medium;

}

#testimonials .section-heading-div .circle-hr{

  display: inline-block;

  width: 1rem;

  vertical-align: middle;

  height: 1rem;

  background-color: #ffffff;

  border-radius: 100%;

}

#testimonials .section-heading-div .circle-hr-left{

  display: inline-block;

  width: 45%;

  vertical-align: middle;

  height: 1px;

  background-color: #ffffff;

}

#testimonials .section-heading-div .circle-hr-right{

  display: inline-block;

  width: 45%;

  vertical-align: middle;

  height: 1px;

  background-color: #ffffff;

}

#testimonials .video-space{

  position: relative;

  overflow: hidden;

  height: 300px;

}

#testimonials .video-space span{

  position: absolute;

  color: white;

  z-index:1;

  top:50%;

  left:50%;

  transform: translate(-50%,-50%);

}

#testimonials .video-space:after{

  content: "";

  top:0;

  left: 0;

  position: absolute;

  display: inline-block;

  width: 100%;

  height: 100%;

  background-color: rgba(0,0,0,0.8);

}

#testimonials .carousel-indicators{

  bottom:-15%;

}

#testimonials .carousel-item img{

  width: 270px;

  height: 270px;

  object-fit: cover;

}

#profiles{

  background-color: #ffffff;

}

#profiles .section-heading-div .welcome-heading{

  color: var(--red-primary);

  font-family: AvenirLTStd-Medium;

}

#profiles .section-heading-div .circle-hr{

  display: inline-block;

  width: 1rem;

  vertical-align: middle;

  height: 1rem;

  background-color: var(--red-primary);

  border-radius: 100%;

}

#profiles .section-heading-div .circle-hr-left{

  display: inline-block;

  width: 45%;

  vertical-align: middle;

  height: 1px;

  background-color: var(--red-primary);

}

#profiles .section-heading-div .circle-hr-right{

  display: inline-block;

  width: 45%;

  vertical-align: middle;

  height: 1px;

  background-color: var(--red-primary);

}

#profiles .row{

  justify-content: space-evenly;

}

#profiles .profile-name{

  font-family: AvenirLTStd-Heavy;

}

#profiles .profile-profession{

  font-family: AvenirLTStd-Light;

}

#profiles .profile-address{

  font-family: AvenirLTStd-Light;

}

#profiles .btn.btn-danger{

  border-radius: 0px; 

  background-color: var(--red-primary);

  font-family: AvenirLTStd-Medium;

  text-transform: uppercase;

  color: white;

}

#search-results .form-section-heading .h4{

  color: var(--red-primary);

  display: inline-block;

}

#search-results .section-heading-hr{

  display: inline-block;

  width: 50%;

  height: 2px;

  background-color: var(--red-primary);

  vertical-align: middle;

}

#profile-view > .container > .row > #profile-slider{

  min-height: 400px;

}

#profile-view > .container > .row > #profile-slider .carousel-item img{

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

}

#stories{

  background-image: url('../img/welcome-bg.jpg');

  background-size: contain;

  background-position:center top;

  background-repeat: no-repeat;

}

#stories #upload-div{

  max-height: 350px;

}

#stories .img-placeholder{

  max-width:300px;

  height: 250px;

  border: 5px solid #ffffff;

  object-fit: cover;

}

#stories .couple-story{

  background-color: white;

}

#stories .couple-story img{

  max-height: 200px;

}

form label.important:after{

  content: " *";

  color: var(--red-primary);

}

#contact-us{

  background-image: url('../img/welcome-bg.jpg');

  background-size: contain;

  background-position:center top;

  background-repeat: no-repeat;

}

#advertisement .container{

  background-color: var(--red-primary);

}

#advertisement .container .h1{

  font-family: AvenirLTStd-Heavy;

  color: white;

}


#updates .section-heading-div .welcome-heading{

  color: var(--red-primary);

  font-family: AvenirLTStd-Medium;

}

#updates .section-heading-div .circle-hr{

  display: inline-block;

  width: 1rem;

  vertical-align: middle;

  height: 1rem;

  background-color: var(--red-primary);

  border-radius: 100%;

}

#updates .section-heading-div .circle-hr-left{

  display: inline-block;

  width: 45%;

  vertical-align: middle;

  height: 1px;

  background-color: var(--red-primary);

}

#updates .section-heading-div .circle-hr-right{

  display: inline-block;

  width: 45%;

  vertical-align: middle;

  height: 1px;

  background-color: var(--red-primary);

}


footer{

  background-color: var(--footer-bg);

  overflow-x: hidden;

}

footer .footer-heading{

  position: relative;

  display: inline-block;

  font-family: AvenirLTStd-Black;

  text-transform: uppercase;

  color: var(--footer-text);

}

footer .footer-heading:after{

  content: "";

  position: absolute;

  display: inline-block;

  height: 2px;

  background-color: var(--footer-text);

  width: 100%;

  right: -110%;

  top:50%;

}

footer  ul{

  list-style-type: none;

  padding: 0;

}

footer ul li a{

  color: var(--footer-text);

  font-family: AvenirLTStd-Roman;

}

footer ul li a:hover{

  color: var(--footer-text);

}

footer .company-name{

  font-size: 1.2rem;

  color: white;

  font-family: AvenirLTStd-Medium;

}

footer .company-loc{

  font-size: 1.1rem;

  color: white;

  font-family: AvenirLTStd-Medium;

}

footer .company-add{

  font-size: 1rem;

  color: var(--footer-text);

  font-family: AvenirLTStd-Roman;

}

footer .social-bar{

  color: white;

}

footer .social-bar svg{

  margin: 0 1rem;

}

footer .footer-bar{

  background-color: var(--footer-bar-bg);

}

footer .footer-bar .lead{

  margin:0;

  font-family: AvenirLTStd-Roman;

}



/*

|--------------------

|IPADS UPTO 1024 PX

|--------------------

*/

@media all and (max-width:1024px){

  .banner{

    height: 80vh;

    background-position: 65% 0%;

  }

  .banner .j-logo{

    padding:.5rem !important;

    width:10%;

  }

  .banner .j-logo img{

    max-width: 100%;

    height: inherit;

    margin: 0 !important;

  }

  .banner .header-img{

    width: 60%;

  }

  .banner .hero-div{

    top:40%;

    width: 85%;

  }

  .banner .hero-div .search-box{

    /* height: auto; */

    background-color: rgba(255,255,255,0.8);

  }

  .header-banner{

    height: 30vh;

    background-position: 65% 0%;

  }

  .header-banner .j-logo{

    padding:.5rem !important;

    width:10%;

  }

  .header-banner .j-logo img{

    max-width: 100%;

    height: inherit;

    margin: 0 !important;

  }

  .header-banner .header-img{

    width: 60%;

  }

  .header-banner .page-header{

    width: 35%;

  }

  #testimonials .lead{

    font-size: .9rem;

  }

}

/*

|----------------------

|IPADS UPTO 1024 PX ENDS

|----------------------

*/

/*

|--------------------

|IPHONE MEDIA

|--------------------

*/

@media all and (max-width:414px){

  .h1{

    font-size: 1.5rem;

  }

  .banner{

    background-position: 60% -10%;

    height: 750px;

  }

  .banner .j-logo{

    display: none;

  }

  .banner .header-img{

    width: 100%;

  }

  .banner .hero-div{

    top:20%;

    width:70%;

  }

  .banner .hero-div .h1{

    font-size: 1.2rem;

  }

  .banner .hero-div .search-box{

    height: auto;

    background-color: rgba(255,255,255,0.8);

  }

  .banner .hero-div .search-box .h4{

    font-size: .8rem;

  }

  .banner .hero-div .search-box .custom-select-md{

    width: 60%;

  }

  .header-banner{

    background-position: 60% -10%;

    height: 30vh;

  }

  .header-banner .page-header{

    width: 50%;

  }

  .header-banner .j-logo{

    display: none;

  }

  .header-banner .header-img{

    width: 100%;

  }

  #welcome .welcome-heading.h1{

    font-size: 1.5rem;

  }

  #welcome .h2{

    font-size: 1rem;

  }

  #welcome .lead{

    font-size: .9rem;

  }

  #features .h1{

    font-size: 1.5rem;

  }

  #features .h2{

    font-size: 1rem;

  }

  #features .h4{

    font-size: 1.2rem;

  }

  #features .lead{

    font-size: .9rem;

  }

  #features .img-fluid{

    max-width: 40% !important;

  }

  #testimonials .section-heading-div .circle-hr-left{

    width: 40%;

  }

  #testimonials .section-heading-div .circle-hr-right{

    width: 40%;

  }

  #testimonials .carousel-indicators{

    bottom: -2%;

  }

  #profiles .section-heading-div .circle-hr-left{

    width: 40%;

  }

  #profiles .section-heading-div .circle-hr-right{

    width: 40%;

  }

  #about-us-features .col-sm-3 img{

    width: 35% !important;

  }

  footer{

    overflow-x: hidden;

  }

  footer .footer-bar .lead{

    font-size:.9rem;

  }



}

/*

|--------------------

|IPHONE MEDIA ENDS

|--------------------

*/