.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;}.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}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: bold;
}

html{
    scroll-behavior: smooth;
}

body{
    font-family: 'Poppins', sans-serif;
    font-size: 19px; 
    color: #4C4C4C;
    font-weight: 500;
    line-height: 33px;
}

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: #E22B28; text-decoration: none;}

 a.sr-only{color:#CC3232!important;}

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

/*COMMOM STYLES*/

.bg-light{background-color: #EFEFEF!important;}
.bg-dark{background-color: #4C4C4C!important;}

.btn-brand{background-color: #CC3232; color: #FFF; text-align: center; font-size: 24px; display: inline-block; padding: 7px 15px; letter-spacing: 1.5px; border-radius: 50px; border:none;  }
.btn-brand:hover{background-color: #4C4C4C; color: #FFF!important;}
.btn-register{border-radius: 0;}




.text-brand{color:#CC3232!important;}
.text-black{color:#000!important;}





.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(.95);
    cursor: pointer;
}
.text-linked{color: inherit;}
.link-brand{color: #CC3232; white-space: nowrap;}
.link-brand:hover{text-decoration: underline;}

.customList{margin-left: -15px; list-style-type: disc;}
.customList li{margin-bottom: 10px;}

.redBar{border-top: 2px solid #CC3232; width: 400px; max-width: 90%; position: absolute;}

.fw-xl{font-weight: 300;}
.fw-li{font-weight: 400;}
.fw-me{font-weight: 600!important;}
.fw-sb{font-weight: 700;}
strong, .fw-bo{font-weight: 800!important;}




.fs-11{font-size: 11px;}
.fs-14{font-size: 14px;}
.fs-19{font-size: 19px;}
.fs-24{font-size: 24px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-54{font-size: 54px;}

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

.lh-1-5{line-height: 1.5;}

.mt-100{margin-top: 100px;}

@media screen and (max-width:992px){
   
    
}

@media screen and (max-width:767px){
    .fs-24{font-size: 22x;}
    .fs-32{font-size: 27px;}
    .fs-36{font-size: 30px;}
    .fs-54{font-size: 44px;} 
    .mt-100{margin-top: 60px;} 
}

@media screen and (max-width:576px){
    .fs-24{font-size: 20x;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 28px;}
    .fs-54{font-size: 34px;}

    .mt-100{margin-top: 40px;}
}

/* Navigation */
#mainNav{background-color: #FFF; padding: 0px 10px 0px 0;;  z-index: 199; width: 100%; transition:  all .55s linear;}
#mainNav .navbar-brand{padding: 0; }
#mainNav .navbar-brand img{width: 300px;  position: relative; }
#mainNav  .dropdown-toggle::after{border-top: .3em solid #CC3232;}
#mainNav .nav-link{font-size: 16px; color: #000;  transition: all .5s linear; padding: 7px 15px;}
#mainNav .nav-link:hover, #mainNav  .activeNav{color: #CC3232;}
#mainNav  #nav-register{color: #CC3232;}
.boader-vertical{ position: relative; }
.boader-vertical-line {
 border-left: 6px solid green;
  height: 500px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0;
}


#sideNav {
    position: fixed;
    top: 300px;
    right: 0;
    z-index: 89;
    width: 55px;
    height: 110px;
    background-color: #4C4C4C;
    padding: 5px;
}
#sideNav a{margin-bottom: 9px; display: block; }

footer{background-color: #4C4C4C;}
footer .img-social-icon{width: 32px;}

@media screen and (max-width: 1199px){
    #mainNav .navbar-brand img{width: 300px }
    
}




@media screen and (max-width: 991px){
    #mainNav{padding-right: 15px;}
    #mainNav .navbar-brand img{width: 150px }
    #mainNav .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(204, 50,50, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .navbar-toggler {border-color: rgb(255,255,255); background-color: #FFF; margin-right: 20px;} 
     .navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
  }


 
}


@media screen and (min-width: 991px){
  
    #mainNav  #nav-register{background-color: #CC3232; color: #FFF;}
    #mainNav  #nav-register:hover{background-color: #4C4C4C;}
    #mainNav .nav-link{ padding: 15px;}

    #mainNav .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block; }
    #mainNav .dropdown-menu{ margin-top: 0; }
    #mainNav .dropdown-toggle{margin-bottom: 2px; }
    #mainNav .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0;}
 
    #mainNav .dropdown-menu{background-color: #4C4C4C; padding-top: 0; padding-bottom: 0; border: none; border-radius: 0; right: 0; left: inherit; }
    #mainNav .dropdown-item{color: #FFF;}
    #mainNav .dropdown-item:hover{background-color: #999999;}
    #mainNav .dropdown-toggle:after { content: none }
 }



@media screen and (max-width: 991px){
    #mainNav .navbar-brand img{width: 150px }
    #mainNav .nav-link{padding: 6px;}
}

@media screen and (max-width: 1199px){
    #mainNav .navbar-brand img{width: 200px }
}

    

.hero{height: 800px; width: 100%; background-image: url('../images/hero.jpg'); background-position: center; background-size: cover;  position: relative;}
.hero .caption{position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0, .4); padding: 25px 0; }

#heroSlider {position: relative;}
#heroSlider .carousel-inner .carousel-item{height: calc(100vh - 65px); width: 100%;background-position: center; background-size: cover;}
#heroSlider .caption{position: absolute; right: 0; bottom: 0; padding: 22px; z-index: 99; width:310px; max-width: 100%; text-shadow: 1px  1px 5px #000; }
#heroSlider .caption .fs-36{line-height: 48px;}


#heroSlider #hero1{background-image: url('/images/hero1.jpg');}
#heroSlider #hero2{background-image: url('/images/hero2.jpg');}
#heroSlider #hero3{background-image: url('/images/hero3.jpg');}
#heroSlider #hero4{background-image: url('/images/hero4.jpg');}
#heroSlider #hero5{background-image: url('/images/hero5.jpg');}

#aboutUs .redBar{top: -15px; left: -170px;}
#ourPhilosophy-wrapper .redBar{transform: rotate(-90deg); right: 0; top: -40px; transform-origin: top right;}
#ourTeam-wrapper .redBar{transform: rotate(90deg); left: 0; top: -180px; transform-origin: top left;}
#HomebuyerResources .redBar{transform: rotate(90deg); left: 0; top: -124px; transform-origin: bottom left;}
#HomeBuyersGuide .redBar{transform: rotate(90deg); left: 0; top: -27px; width: 286px; transform-origin: bottom left;}

#comingSoon .card{max-width: 90%; border: 1px solid #000; border-radius: 0; position: relative;}
.border-top{border-top: 1px solid #000!important;}
.border-bottom{border-bottom: 1px solid #000!important;}
#comingSoon .btn-register{position: absolute; right: 0; bottom: 0;}


#ourCommitment{ height: 625px; background-image: url('/images/bg-our-commitment.jpg'); background-size: cover; background-attachment: fixed;}

.moveTop{margin-top: -100px;}
.moveTop .has-border{border: 10px solid #FFF;}

#commErrmsg{position: absolute; top: 15px; right: 15px; display: none; color: #CC3232; font-weight: 500; font-size: 14px;}


#resourceNav{text-align: center; padding: 30px 0; border-bottom: 1px solid #000; margin-bottom: 15px;}
#resourceNav a{font-size: 20px; padding: 15px; color: #000; white-space: nowrap; }
#resourceNav a:hover{color: #CC3232 }

#HomeBuyersGuide .has-bg{background-image: url('/images/bg-moving-guide.jpg'); height: 700px; background-size: cover; background-position: center;background-attachment: fixed;}

.accordion_head {background-color: #E5E5E5; margin-top: 20px; padding: 0 15px;}
.accordion_head:hover{cursor: pointer;}
.accordion_body{background-color: #F7F7F7; padding: 25px 15px; display: none;}
.plusminus{font-size: 36px; font-weight: 300;}

.logo-wrapper {
    width:311px; 
    max-width:100%;
}

.castlefield {
    padding-bottom:39px;
}

.lynden-heights {
    max-width:250px;
}
@media screen and (max-width: 1199px){
    .hero{height: 750px;}

    #ourPhilosophy-wrapper .redBar{top: -15px; transform: none;}
}


@media screen and (max-width: 991px){
     .hero{height: 550px;}
     #heroSlider .carousel-inner .carousel-item{height: 750px;}
}

@media screen and (max-width: 768px){
 #heroSlider .carousel-inner .carousel-item{height: 450px;}
 .hero{height: 550px;}
  #heroSlider  .caption{padding: 10px; width: 100%; text-align: center;}
  #heroSlider  .caption .fs-36{font-size: 20px; line-height: 32px;}

 #comingSoon .card{max-width: 100%; margin-bottom: 50px;}
 #ourCommitment, #ourTeam{height: 300px; background-attachment: unset;}
}

@media screen and (max-width: 576px){
 .hero{height: 350px;}
 #heroSlider .carousel-inner .carousel-item{height: 350px;}

}
















#contactPopUp{background-color: rgba(0,0,0, .8);}
#contactPopUp .modal-content{border: none; border-radius: 0;}
#contactPopUp .modal-header{border-bottom: none;}
#contactPopUp .modal-header .close{padding: 10px 15px;}
.modal-open #contactDetails{right: 32px;}
@media (min-width: 992px){
 #contactPopUp .modal-lg,
 #contactPopUp .modal-xl {max-width: 700px;}
}
#contact-us .contactMap{min-height: 300px; width: 100%; height: 100%; margin: 0;}
#contact-us .border-top{border-top: 1px solid #000!important;}
#contact-us .border-left{border-left: 1px solid rgba(0,0,0,0)!important;}


footer .img-social-icons .img-social-icon{filter: invert(100%); background-color: #000; border: 1px solid #FFF;}





@media screen and (min-width: 577px){
   
}


@media screen and (max-width: 768px){
   
}

@media screen and (max-width: 576px){
    
}


#registrationForm .form-control{border: none; border-bottom: 1px solid #4C4C4C; border-radius: 0; margin-bottom: 50px; font-size: 18px; font-weight: 500; background-color: transparent;}
#registrationForm .form-control:focus{outline: none;  box-shadow: none;}
#registrationForm .form-control::placeholder { color: #4C4C4C; opacity: 1; font-weight: 500; }
#registrationForm .form-control:-ms-input-placeholder { color: #4C4C4C;}
#registrationForm .form-control::-ms-input-placeholder { color: #4C4C4C;}

#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%236D470F%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%;
}


#exampleModal .modal-content{border:none;background-color: transparent;}
#exampleModal .modal-header{border-bottom: none; width: 100%;}
#exampleModal .modal-header .close {
    color:white;opacity: 1;
    font-size: 15px;
    font-weight: 400;
} 

#exampleModal {
    top: 20%;
}
 #exampleModal button:focus{outline: none;}
#exampleModal .modal-body{padding: 0 1rem;}
@media (min-width: 576px){
    #exampleModal .modal-dialog {
    max-width: 700px;
}}

.gallery{
    text-emphasis-color: rgb(168, 68, 68);
}

#decorCarousel .img-carousel{border-left: 15px solid #FFF;border-right: 15px solid #FFF;}
#decorCarousel .carousel-item{
     background-position: left top, right top;
  background-repeat: no-repeat, repeat;
  }

  #decorCarousel  .carousel-control-next,
  #decorCarousel  .carousel-control-prev{border: none; width: 20%; background-repeat: no-repeat;}

@media (max-width: 1299px){
    #decorCarousel .carousel-item img{width: 80%;}
}
  
  #decorCarousel  .carousel-control-next-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-compact-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6.776 1.553a.5.5 0 0 1 .671.223l3 6a.5.5 0 0 1 0 .448l-3 6a.5.5 0 1 1-.894-.448L9.44 8 6.553 2.224a.5.5 0 0 1 .223-.671z'/%3E%3C/svg%3E");}
  #decorCarousel  .carousel-control-prev-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-compact-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'/%3E%3C/svg%3E");}

footer .border-left{border-left: 1px solid #FFF;}
footer h5{font-size: 15px; font-weight: 700; margin-bottom: 5px;}
footer .fs-14{line-height: 22px;}

@media (max-width: 767px){
   
    footer .fs-14{margin-bottom: 25px!important;}
}
  

@media (max-width: 576px){
    footer .border-left{border-left:none!important;}

}