/* 
red : # 003D68
grey: #484c4c 

*/

/* @font-face {
    font-family: 'Gotham Narrow Book';
    src: url('/fonts/GothamNarrow-Book.woff2') format('woff2'),
        url('/fonts/GothamNarrow-Book.woff') format('woff'),
        url('/fonts/GothamNarrow-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Agenda';
    src: url('fonts/agenda-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
} 
@font-face {
    font-family: 'Agenda';
    src: url('fonts/agenda-lightcondensed.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
} 
@font-face {
    font-family: 'Agenda';
    src: url('fonts/agenda-mediumcondensed.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
} 

@font-face {
    font-family: 'Agenda';
    src: url('fonts/agenda-bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
} 
@font-face {
    font-family: 'Agenda';
    src: url('fonts/agenda-boldcondensed.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
} 

*/
@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('fonts/MyriadPro-Regular.woff') format('woff'),
        url('fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Artegra Sans';
    src: url('fonts/ArtegraSans-Regular.eot');
    src: url('fonts/ArtegraSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArtegraSans-Regular.woff2') format('woff2'),
        url('fonts/ArtegraSans-Regular.woff') format('woff'),
        url('fonts/ArtegraSans-Regular.ttf') format('truetype'),
        url('fonts/ArtegraSans-Regular.svg#ArtegraSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Charter';
    src: url('fonts/Charter-Roman.eot');
    src: url('fonts/Charter-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/Charter-Roman.woff2') format('woff2'),
        url('fonts/Charter-Roman.woff') format('woff'),
        url('fonts/Charter-Roman.ttf') format('truetype'),
        url('fonts/Charter-Roman.svg#Charter-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* html{
    scroll-behavior: smooth;
} */
body{
    font-family: 'Source Sans 3', sans-serif;
    font-size: 22px; 
    color: #23231E;
    font-weight: 300;
}

a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #003D68; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/

.charter{font-family: 'Charter';}
.gotham-book{ font-family: 'Gotham Book';}
.artegra{font-family: 'Artegra Sans';}

.bg-yellow{background-color: #b59f50;}
.bg-dark{background-color: #333333!important;  color:#FFF;}
.bg-brand{background-color: #003D68;}
.bg-l-gray{background-color: #f8f8f2;}
.bg-purple{background-color:#532767!important}
.btn-brand{background-color: #003D68;  transition: all 0.32s ease-out; color: #FFF; font-weight: bold; font-size: 24px; font-weight: 500;; padding: 10px 35px; letter-spacing: 1.5px; border:none; }
.btn-brand:hover{background-color: #ca9439; color: #FFF!important;}

.text-red, .text-brand{color:#003D68!important;}
.text-b2{color: #022a56;}
.text-black{color:#000!important;}
.text-light{letter-spacing: 20px; color: #EEEEEE!important;}
.text-purple{color:#532767}
.text-lyellow{color: #d8c79d;}
.has-bg{background-position: center; background-size: cover; }


.img-linked{
    -webkit-transition: all 0.42s ease-out;
    -moz-transition: all 0.42s ease-out;
    -o-transition: all 0.42s ease-out;
    -ms-transition:  all 0.42s ease-out;
    transition: all 0.42s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.text-linked{color:#000;}
.text-linked:hover{color:#6D470F;}

.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-4{letter-spacing: 4px;}
.ls-6{letter-spacing: 6px;}

.lh-1{line-height: 1;}
.lh-2{line-height: 2;}

.h-15{font-size: 15px;}
.h-18{font-size: 18px;}
.h-24{font-size: 24px;}
.h-28{font-size: 28px;}
.h-30{font-size: 30px;}
.h-34{font-size: 34px;}
.fs-18{font-size: 18px;}
.fs-40{font-size: 40px;}
.fs-48{font-size: 48px;}
.fs-58{font-size: 58px;}
.h-82{font-size: 82px;}

strong, .fw-bo{font-weight: 600; }
.fw-lc{font-weight: 400;}
.fw-me{font-weight: 500; }
.overlay{background-color: rgb(0,0,0, .5); left: 0; bottom: 0; padding: 20px 30px; color: #FFF; position: absolute; ;}

.accordion_head{border-bottom: 1px solid #666; font-weight: 500; text-transform: uppercase; padding: 15px 0;}
.accordion_head:hover{cursor: pointer;}
.accordion_head .plusminus {float: right; font-size: 32px; font-weight: 400;}
.accordion_body{display: none;}

.customList li{margin-left: -15px; margin-bottom: 10px;}

.pt-xl{padding-top: 107px;}
.logo-ani {max-width: 250px;}
.centered {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-quality{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

@media screen and (max-width: 991px){
   .h-82{font-size: 70px;}
   .h-24 {
    font-size: 18px;}
   .fs-48 {font-size: 38px;}
   .fs-40 {
    font-size: 28px;}
   .fs-58{font-size: 43px;}
}

@media screen and (max-width: 767px){
    body{padding: 0; font-size: 20px;}
    
    .overlay{padding: 10px 15px; }
    .overlay p{margin-bottom: 0; }

    .h-24{font-size: 22px;}
    .h-28{font-size: 24px;}
    .h-30{font-size: 26px;}
    .h-34{font-size: 30px;}
    .h-82{font-size: 60px;}
    .fs-40{font-size: 30px;}
    .fs-48{font-size: 32px;}
    .fs-58{font-size: 42px;}
}

@media screen and (max-width: 575px){
    body{font-size: 18px;}
    .h-24{font-size: 20px;}
    .h-28{font-size: 22px;}
    .h-30{font-size: 24px;}
    .h-34{font-size: 26px;}
    .fs-40{font-size: 25px;}
    .fs-48{font-size: 30px;}
    .fs-58{font-size: 30px;}
    .h-82{font-size: 50px; letter-spacing: 10px!important;}
}

/* Navigation */
#topNav  {position: absolute; left: 15px; top: 15px; width: calc(100% - 30px); background-color:rgba(255, 255, 255, .7); z-index: 999; padding: 0 15px; } 
#topNav .img-logo{width: 120px; padding: 10px;}

#topNav .navbar-nav{margin-top: 25px;}
#topNav .nav-link{color: #003D68; font-size: 17px; font-weight: 600; padding-bottom: 31px; border-bottom: 2px solid transparent;} 
#topNav .nav-link:hover,
#topNav .activeNav{border-bottom: 2px solid #003D68; transition: all .25s linear;}

#topNav .dropdown-menu {border: none; border-radius: 0; background-color:rgba(255, 255, 255, .7);}
#topNav .dropdown-item{color: #003D68; font-weight: 600; font-size: 16px;}

.fixedNav{
    position: fixed!important;
    width: 100%!important;
    top: 0!important;
    left: 0!important;
    background-color:#FFF!important;
    transition: all .15s linear!important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    }
.fixedNav .dropdown-menu{background-color: #FFF!important;  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}

.sticky-top{top:90px}

#menu-wrapper{position: fixed; background-color: #003D68; width: calc(100vw - 60px); max-width: 900px; height: 100vh; top: 0; left: -900px; padding: 40px; text-align: left; z-index: 110; opacity: 0; transition: all .40s linear; overflow: auto;}
#menu-wrapper ul{list-style-type: none;}
#menu-wrapper .nav-link{font-weight: 600; color: #FFF; font-size: 21px; text-transform: uppercase; padding-top: 30px;}
#menu-wrapper .nav-link:hover, #menu-wrapper .activeNav{color: #ca9439;}


.btnActive{transform: rotate(725deg); background-image: url('/images/misc/menu-close.png')!important;}
.showMenu{left:60px!important; opacity: 1!important;}


#innerNav{background-color: #808080; text-align: center; padding: 21px; z-index: 100;}
#innerNav a{ color: #333333; font-size: 18px; font-weight: 600; padding: 0 15px;}
#innerNav .activeNav,
#innerNav a:hover{ color: #FFF;}

.nav-text{position: absolute; right: 0; bottom: 0; max-width: 650px; padding: 15px; text-transform: uppercase; color:#FFF; letter-spacing: 4px; font-weight: 400;}





@media screen and (min-width: 768px){
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block; }
  .dropdown-menu{ margin-top: 0; }
  .dropdown-toggle{margin-bottom: 2px; }
  .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0;}
}

#hero-video2{display: none;}

.hero{height: 100vh; width: 100%; position: relative;  }
.hero .overlay{background-image: linear-gradient(to top, rgba(0,0,0, .5), rgba(255,255,255,0))!important; width: 100%; height: 100%; background-color: transparent;}
.hero-caption{position: absolute; width: 100%; right: 20px; bottom: 35px; padding: 15px; color: #FFF; text-align: center;}

.hero-caption h1{font-size: 60px; letter-spacing: 15px; text-transform: uppercase; font-weight: 700;}
.hero-caption p{font-size: 20px; letter-spacing: 5px; font-weight: 500;}



#homeTagline .carousel-item{height: 250px;}
#homeTagline .carousel-caption{right: 50px; text-align: right;}



#welcome .hero{background-image: url('/images/hero/hero.jpg'); background-position: top;}
#past-projects .hero{background-image: url('/images/hero/past-projects.jpg'); background-position: top;}
#upcoming-projects .hero{background-image: url('/images/hero/future-communities.jpg'); background-position: center;}
#quality-and-design .hero{background-image: url('/images/hero/quality-and-design.jpg'); background-position: top;}
#design-studio .hero{background-image: url('/images/hero/design-studio.jpg'); background-position: top;}
#customer-care .hero{background-image: url('/images/hero/customer-care.jpg '); background-position: top;}
#contact-us .hero{background-image: url('/images/hero/contact-us.jpg '); background-position: top;}
#about-us .hero{background-image: url('/images/hero/about-us.jpg '); }
#team .hero{background-image: url('/images/hero/team.jpg '); }

#upcoming-projects .hero{display: flex; align-items: center; justify-content: center;}
#upcoming-projects .hero  img{width: 850px;}

#i_past-projects{height: 600px; background-image: url('/images/bg-past-project.jpg'); position: relative;}
#i_past-projects .overlay{right: 0; bottom: 0; left: auto; max-width: 400px;}
.show-more{color: #FFF; font-weight: 500; font-size: 18px; background-image: url('/images/misc/more.png'); background-position: right; background-repeat: no-repeat; padding-right: 50px; display: block; min-height: 32px;}
.show-more:hover{color: #ca9439;}


footer{background-color: #878787; color: #333333;}
footer p{font-size: 17px;}
.social-icons{width: 30px; margin-left: 15px;}



#pastProjectsMap{height: 735px;  width:  calc(100% - 250px); float: right;}
#projectMenu{ position: absolute; left: 0; top: 0; z-index: 99; width: 250px; background-color: #666666;padding-left: 0; }
#projectMenu li{ list-style-type: none; color: #FFF; margin-bottom: 0; position: relative; border-bottom: 2px solid #FFF; text-align: center; font-size: 19px; letter-spacing: 1px; display: flex; align-items: center; transition: all .40s ease-in-out; font-weight: 600; padding: 30px 30px; text-transform: uppercase;}
#projectMenu  li:hover{cursor: pointer; background-color: #003D68;}


#quality-and-design .bg-grey{background-color: #838383;}
#quality-and-design .design-comes-to-life{background-image: url('/images/bg-design-comes-to-life.jpg'); height: 470px;}
#quality-and-design .design{background-image: url('/images/bg-design.jpg'); height: 470px;}



/* GALLERY */
.homeGallery-slider .carousel-nav-wrapper{position: relative;}
.homeGallery-slider .carousel-indicators{ height: 100px;}
.homeGallery-slider .carousel-indicators {position: relative; margin: 0; margin-left: 30px; justify-content: flex-start;}
.homeGallery-slider .carousel-indicators  img{height:100px; width: 150px; opacity: 1; border: 2px solid #FFF;} 
.homeGallery-slider .carousel-indicators  .active img{opacity: .5; background-color: #003D68;}

.homeGallery-slider .carousel-nav-wrapper{position: relative; margin-top: 5px;  overflow: hidden; max-width: 1170px;}
.homeGallery-slider .carousel-nav-wrapper .thumb-nav {position: absolute; height: 100%; width: 30px; display: flex; justify-content: center; align-items: center; background-color:#003D68; z-index: 50; top: 0; color: #FFF; transition: all .15s ease-in-out; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; }

.homeGallery-slider .carousel-nav-wrapper .prev{left: 0; border-right: 4px solid #FFF;}
.homeGallery-slider .carousel-nav-wrapper .next{right: 0;  border-left: 4px solid #FFF;}
.homeGallery-slider .carousel-nav-wrapper .thumb-nav:hover{background-color:#003D68; opacity: .7; cursor: pointer;}

#contactMap{height: 600px;}

#emergency-contact .overlay{background-color: rgba(255,255,255, .8); right: 0; left: auto; height: 60%; width: 60%; color: #000;}
.btn-download{background-image: url('/images/misc/btnDownload.png'); padding-left: 40px; background-repeat: no-repeat; background-size: contain; background-position: left; color: #008080; font-weight: 600; font-size: 20px;}
/*GALLERY ENDS*/

#modelsFloorplans .border-bottom{border-bottom: 3px solid #CCC!important;}
.lotID{color: #93BABF; font-size: 72px; font-weight: 700;}

#popUpModal .modal-content{background-color: transparent; border: none;}
#popUpModal .modal-header{background-color: transparent; border: none;}
#popUpModal .modal-header .close{color: #FFF; opacity: 1; font-size: 24px; font-weight: 300; letter-spacing: 1px;padding: 0rem 0rem}
#popUpModal .modal-header .close{color: #FFF; opacity: 1; font-size: 24px; font-weight: 300; letter-spacing: 1px;padding: 0rem 0rem}




  





@media (min-width:1481px) and (max-width:1600px){
    /* #nav-cus{display:none;} */
    #topNav .nav-link{font-size: 15px;}
}
@media screen and (max-width: 1500px){
    .show-more{font-size: 14px;padding-right: 30px;}
    }
@media (min-width: 992px) and (max-width: 1299px){
    .customer-care-menu .nav-link{font-size: 16px!important; padding: 0 10px!important;}
}


    @media screen and (min-width: 1201px) and (max-width: 1480px){
        #topNav .nav-link{font-size: 13px;}
    }  
    @media screen and (max-width: 1200px){
        #innerNav .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
      .navbar-toggler {border-color: rgb(4,63,131, 0);} 
      .navbar-toggler:focus, .navbar-toggler:active {outline: none; box-shadow: none;}
      #innerNav{padding: 15px; justify-content: flex-end;}
      #innerNav a{padding: 5px; text-align: left;}
      #innerNav .navbar-nav{padding-top: 25px;}
      #topNav .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(170, 170,170, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
      }
      #topNav .nav-link{padding-bottom: 5px;}
      #topNav .navbar-nav{margin-top: 7px;}
      #topNav{background-color: rgba(255, 255, 255);}
  }
@media screen and (max-width: 1199px){
    #emergency-contact .overlay{height: auto; width: 100%; padding: 15px!important;}
    .show-more{font-size: 11px;}
}

@media screen and (max-width: 991px){
    .hero{height: 750px;}
    .hero-caption h1{font-size: 50px; letter-spacing: 12px; }
    .hero-caption p{font-size: 20px;}

    #i_past-projects{height: 450px;}
    
    #pastProjectsMap{width:calc(100% - 115px); height: 561px;}
    #projectMenu{width: 115px;}
    #projectMenu li{font-size: 12px; padding: 30px 15px;}
   
    #emergency-contact .h-82{font-size: 50px; letter-spacing: 10px; text-align: center;}

    #modelsFloorplans .lblHouse{font-size: 24px; text-align: center; padding-top: 20px;}
    #modelsFloorplans .btn-download{font-size: 17px; line-height: 30px;}
    #modelsFloorplans .btnCustom{font-size: 16px; display: inline-block; margin:  15px; }
  
}

@media screen and (max-width: 767px){
    .hero{height: 650px;}
    .hero-caption h1{font-size: 40px; letter-spacing: 10px; }
    .hero-caption p{font-size: 18px;}

    #i_past-projects{height: 450px;}

    #emergency-contact .overlay .h-24{margin-bottom: 5px!important;}

    #modelsFloorplans .lblHouse{font-size: 22px; text-align: center;}
    #modelsFloorplans .lblElv{font-size: 13px;}
    #modelsFloorplans .btn-download{font-size: 17px; padding-left: 25px; line-height: 60px;}
    #modelsFloorplans .btnCustom{font-size: 16px; display: inline-block; margin: 0 15px 15px 15px; }
    
}
@media screen and (max-width: 767px){
    #mainNav{height: 60px; border: 2px solid #FFF;}
    /* .img-logo{ height: 61px; width: auto; left: 60px; } */
  
    .showMenu{left:0!important; width: 100%!important; border: 2px solid #FFF!important;}
    #menu-wrapper ul{margin-left: -40px; margin-top: 35px;}
    #menu-wrapper ul li a{padding-top: 0!important;}
    #menu-wrapper .nav-link{font-size: 18px;}

    #innerNav{padding: 11px;}
    #innerNav .navbar-nav{padding-top: 15px;}   

    .nav-text{position: relative; padding: 0; letter-spacing: 1px; font-size: 18px; margin-top: 25px; padding-left: 15px;} 
    #topNav {position: relative; left: inherit; top: inherit; width:100%;}
    .navbar-collapse {
        position: absolute;
        top: 78px;
        background-color: #fff;
        left: 0px;
        right: 0px;
    }

    .navbar-nav {
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 2px solid #003D68;
    }

    .navbar-mob {
        margin-top:12px !important;
    }

    
}
@media screen and (max-width: 575px){
    .hero{height: 450px;}
    .hero-caption h1{font-size: 30px; letter-spacing: 5px; }
    .hero-caption p{font-size: 17px;}

     #i_past-projects{height: 250px;}

    #pastProjectsMap{width:100%; height: 450px; float: none;}
    #projectMenu{width: 100%; position: relative; }
     #projectMenu li{font-size: 12px; padding: 10px 15px;}
    .gm-style img{max-width: 100%!important;}
    #map-details .h-15{font-size: 12px;}
    #topNav .img-logo{width: 75px; padding: 10px 0px 0px 10px;}
    .logo-ani {max-width: 145px; margin-top: 5px; margin-left: -9px;}
  
}

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/misc/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/images/misc/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/images/misc/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/misc/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

.showMore{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 49%;
    z-index: 15;
     -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out; 
    -moz-animation: bounce 2s infinite ease-in-out; 
    animation: bounce 2s infinite ease-in-out;
}

    

@-webkit-keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

@keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

.register-button a{
    color: #FFF;
    background-color: #333333;
    display: inline-block;
    font-weight: 600;
    padding: 10px 30px 10px 70px; 
    background-image: url('/images/misc/bg-register.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}
.register-button a:hover{background-color: #003D68;}


#registrationForm .form-control{border-radius: 0;}
#registrationForm .form-control::placeholder { color: #666666; opacity: 1; }
#registrationForm .form-control:-ms-input-placeholder { color: #666666;}
#registrationForm .form-control::-ms-input-placeholder { color: #666666;}


#registrationForm .form-control{border-radius: 0; border: 1px solid #666666; margin-bottom: 27px;}
#registrationForm .form-control::placeholder { color: #666666; opacity: 1; }
#registrationForm .form-control:-ms-input-placeholder { color: #666666;}
#registrationForm .form-control::-ms-input-placeholder { color: #666666;}
#registrationForm sup{color: #F00;}
#registrationForm  select {
    display: block;
   line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}


#balmoralregistrationForm .form-control{font-family: 'Artegra Sans';border: navajowhite;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    background: transparent;
    margin-bottom: 50px;
    font-size: 18px;
    color: #4d4d4d;}
    #balmoralregistrationForm label{color: #4d4d4d;}
    #balmoralregistrationForm .form-control::placeholder { color: #4d4d4d; opacity: 1; }
    #balmoralregistrationForm .form-control:-ms-input-placeholder { color: #4d4d4d;}
    #balmoralregistrationForm .form-control::-ms-input-placeholder { color: #4d4d4d;}





.mute-icon {
    position: absolute;
    text-align: center;
    right: 15px;
    padding: 5px;
}




.mute-video, 
.unmute-video {
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    z-index: 6;
}
.opaque {
    position: absolute;
    background-color: #fff;
    opacity: 0.7;
    z-index: 5;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.mute-video {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-volume-mute-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zm7.137 2.096a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.unmute-video {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-volume-up-fill' viewBox='0 0 16 16'%3E%3Cpath d='M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z'/%3E%3Cpath d='M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z'/%3E%3Cpath d='M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707zM6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z'/%3E%3C/svg%3E");
}

/* The video container */
#myVideo {
    position: relative;
    display: block;
    width: 100%;
}

/* The audio control button */
.audio-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background-color: rgb(255 255 255);
    color: white;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
}