/* @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: 'Gotham Narrow';
    src: url('/fonts/GothamNarrow-Bold.woff2') format('woff2'),
        url('/fonts/GothamNarrow-Bold.woff') format('woff'),
        url('/fonts/GothamNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
} */


html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Montserrat', sans-serif;
    font-size: 17px; 
    color: #414042;
    font-weight: 300;
    padding-top: 120px;
}


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

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

/*COMMOM STYLES*/

.bg-light{background-color: #F1F1F2!important; }
.bg-grey{background-color: #484c4c!important; }
.bg-brand{background-color: #4D4084;}
.bg-lgreen{background-color: #91B6BB;}
.bg-lgreen2{background-color: #8D936C;}
.bg-nav{background-color: #F0F0F0;}

.btn-brand{background-color: #4D4084;  transition: all 0.32s ease-out; color: #FFF; border:0; font-weight: 300; font-size: 17px; padding: 15px 25px; letter-spacing: 1.5px;  display: inline-block;}
.btn-brand:hover{background-color: #484c4c; color: #FFF!important; }

.btn-more{position: absolute; right: 15px; bottom: 15px; font-weight: 800; background-color: #FFF; width: 45px; height: 45px; text-align: center; color: #535850;; font-size: 33px;}
.btn-more:hover{color: #4D4084;}

.imgZoom{right: 0; bottom: 0; background-color: #A0AA73; color: #FFF;}
.imgZoom:hover{color: #535850;}

.btn-share{outline:none; background-color: #91B6BB; background-image: url('https://ryan.buildersappointmentsystem.com/images/misc/share.png'); background-position: 90% 52%; background-repeat: no-repeat; padding-right: 65px; border: 0;}
.btn-share:hover{background-color: #484c4c;}
.btn-share:focus {border: none; outline: none; }


.text-brand{color:#4D4084!important;}
.text-black{color:#000!important;}
.text-lgreen{color:#8E9175!important;}
.text-lgreen2{color:#A0AA73!important;}

.has-bg{background-position: center; background-repeat: no-repeat;}

.isLinked:hover{cursor: pointer;}

.img-linked{
    -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;
}
.img-linked:hover{
    transform: scale(.95);
    cursor: pointer;
}
.text-linked{color: inherit;}
.text-linked:hover{text-decoration: underline;}

.accordion_head{font-size: 29px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.accordion_head:hover{cursor: pointer;}
.accordion_head .plusminus{background-color: #656565; color: #FFF; width: 40px;  height: 40px; text-align: center;}
.accordion_body{display: none; border-bottom: 1px solid #656565!important; border-top: 1px solid #656565; }
.dnone{display: none;}

.fw-th{font-weight: 200;}
.fw-li{font-weight: 300;}
.fw-re{font-weight: 400;}
.fw-me{font-weight: 500;}
.fw-sb{font-weight: 600;}
.fw-bo, strong{font-weight: 700;}

.fs-14{font-size: 14px;}
.fs-20{font-size: 20px;}
.fs-24{font-size: 24px;}
.fs-26{font-size: 26px;}
.fs-28{font-size: 28px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-50{font-size: 50px;}

.ls-3{letter-spacing: 3px;}
.ls-5{letter-spacing: 5px;}

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

@media screen and (max-width: 767px){
    .fs-20{font-size: 19px;}
    .fs-24{font-size: 22px;}
    .fs-26{font-size: 23px;}
    .fs-28{font-size: 26px;}
    .fs-32{font-size: 29px;}
    .fs-36{font-size: 32px;}
    .fs-50{font-size: 42px;}

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

@media screen and (max-width: 576px){
    .fs-24{font-size: 20px;}
    .fs-26{font-size: 22px;}
    .fs-28{font-size: 24px;}
    .fs-32{font-size: 27px;}
    .fs-36{font-size: 28px;}
    .fs-50{font-size: 32px;}

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



@media screen and (min-width:768px){
    .mt-md-lg{margin-top: 60px!important;}
    .mb-md-lg{margin-bottom: 60px!important;}

    .mt-md-xl{margin-top: 100px!important;}
    .mb-md-xl{margin-bottom: 100px!important;}

    .w-md-75{width: 75%!important;}
   
}


/* Navigation */

#topNavigation{max-width: 100%; padding: 0;}
#topNavigation .img-logo{width: 193px; }

#topNavigation  .menu-wrapper{ width:100%; position: absolute; top:-100vh; opacity: 0; z-index: 90; transition: all .25s ease-in-out; background-color: #F0F0F0; background-image: url('https://ryan.buildersappointmentsystem.com/images/bg-menu.png'); background-position: center; background-repeat: no-repeat; background-size: contain; }
/* #topNavigation  .show{opacity: 1; left: 0; top:88px!important; height: calc(100vh - 88px); width: 100%; transition: all .25s linear; } */


.menu-wrapper .menu-items{list-style-type: none; text-align: right; padding-top: 100px;}
.menu-wrapper .menu-item{ color: #FFF; font-size: 38px; font-weight: 200; display: inline-block; margin-bottom: 20px; padding: 20px 0 0;  border-bottom:  1px solid transparent;}
.menu-wrapper .menu-item:hover, .menu-wrapper .activeNav{border-bottom:  1px solid #FFF;}


#topNavigation .nav-link{font-size: 14px; font-weight: 600; color: #4D4084; letter-spacing: 1px;}
#topNavigation .activeNav{color: #91B6BB;}
#topNavigation  .navbar-nav{margin-top: 40px;}

#sideNav{position: fixed; top: 300px; right: 0; z-index: 89; width: 50px; display: block;}
#sideNav .nav-register{padding: 11px;  background-color: #4D4084;  transform: rotate(-90deg);top: -96px; width: 92px; position: absolute; width: 112px; left: -30px;}
#sideNav .nav-register:hover{background-color: #91B6BB;}
#sideNav .nav-register a{color: #FFF; font-weight: 500; display: block; text-align: center;}
#sideNav .btn-social{padding: 11px;}
#sideNav .btn-fb{background-color: #91B6BB;}
#sideNav .btn-ig{background-color: #808080;}
#sideNav .bt-share{background-color: #4D4084;}

footer .img-logo{width: 168px;}
footer .btn-social{margin: 4px;}

.modal-backdrop{background-color: #FFF;}
.modal-backdrop.show{opacity: .8;}
#popUpModal .modal-content{background-color: transparent; border: none;}
#popUpModal .modal-header{ border: none; padding-bottom: 0; }
#popUpModal .modal-header .close{font-weight: 300; font-size: 16px; opacity: .9; color: #000;}

#selectLang{position: fixed; top: 5px; right: 15px; z-index: 1199;}
.lang-opt{color: #4D4084!important; font-weight: 500;}
.lang-opt:hover{color: #91B6BB!important;}
.modal-content {
    background: none;
    border: none;
}
.btn-close {
    opacity: 1;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    width: 1em;
    height: 1em;
    color: #000;
    border: 0;
    border-radius: 0.25rem;
}
input#copyField {
    background-color: #f4f4f4;
    color: #000;
    border: none;
    height: 36px;
}
/* Copy to Clipboard */
.copy-link {
    --height: 36px;
    display: flex;
    padding-bottom: 10px;
}

.span-copy-link{
    cursor: pointer;
}

.copy-link-input {
    padding: 0 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.copy-link-button {
    flex-shrink: 0;
    width: var(--height);
    height: var(--height);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dddddd;
    color: #333333;
    outline: none;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.copy-link-button:hover {
    background: #cccccc;
}

.copy-link-button:active {
    background: #dddddd;
}

.text-area{
    height:150px;
    border-bottom-left-radius: 0;
}

.modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}
@media screen and (max-width: 991px){
    
    #topNavigation .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(84, 87,80, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    #topNavigation .navbar-toggler {border-color: rgba(4,63,131, 0); padding-right: 0; margin-right: 75px;} 
    #topNavigation .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none; }
    #topNavigation .img-logo{width: 150px; }
    #topNavigation  .navbar-nav{ background-color: #4D4084;  width: 100%; height: 100%; padding: 10px 20px; position: fixed;left: 0; top: 60px; margin-top: 0; background-image: url('https://ryan.buildersappointmentsystem.com/images/bg-menu.png'); background-position: center; background-size: contain; background-repeat: no-repeat; transition: all .5s ease-in-out;}
    #topNavigation .show .navbar-nav{height: calc(100vh - 60px);}

    #topNavigation .nav-link{color: #FFF; text-align: right;}
    #topNavigation .activeNav{text-decoration: underline;}

}

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



@media screen and (max-width: 576px){
    #topNavigation .img-logo{width: 125px; }
    #sideNav{top: 61px; max-width: 100%; width:auto; background-color: #FFF;}
    #sideNav .nav-register {padding: 12px;transform: rotate(0); left: -116px; top: 0;}

}


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




#builderslogo .p-1{padding: .075rem!important;}

.bg-logo{background-image: url('../images/bg-logo.png'); background-position: right;}
.topright{background-position: top right;}
.topLeft{background-position: top left;}

.bg-richmond-hill{background-image: url('../images/bg-richmond-hill.jpg'); background-position: right; background-size: contain;}
.bg-richmond-hill .bg-lgreen{width: calc(100% - 153px);}

.blog-list {
  margin-left: -38px;
}
.blog-list li {
  margin-bottom: 25px;
  list-style-type: none;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
}
.blog-list li a {
  color: #808284;
}
.blog-list li a:hover {
  color: #585858;
}
.blog-content {
  font-size: 18px;
}

#vNature{margin-bottom: -8px;}
#vHomeOff{margin-bottom: -7px;}
#vSquare{margin-bottom: -12px;}



@media screen and (max-width: 767px){
    .bg-logo{background-size: contain; min-height: 150px;}
    .bg-richmond-hill .bg-lgreen{width: calc(100% - 75px);}
}


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

    .hasAnimation{ overflow: hidden; position: relative;} 

    .animateLeft{animation: moveInLeft 1s 0.2s both;}
    .animateRight{ animation: moveInRight  1s 0.2s both;}
    .animateDown{ animation: moveInDown  1s 0.2s both;}

    @keyframes moveInRight {
        0% { transform: translateX(-100%);  opacity: 0;}
        100% { transform: translateX(0); opacity: 1;}
    }

    @keyframes moveInLeft {
        0% { transform: translateX(100%); opacity: 0; }
        100% { transform: translateX(0); opacity: 1; }
    }

    @keyframes moveInDown {
        0% { transform: translateY(-100%); opacity: 0; }
        100% { transform: translateX(0); opacity: 1; }
    }

    .delay-1s{animation-delay: 1s;}
    .delay-2s{animation-delay: 2s;}
    .delay-3s{animation-delay: 3s;}
    .delay-4s{animation-delay: 4s;}
    .delay-5s{animation-delay: 5s;}
    .delay-6s{animation-delay: 6s;}
    .delay-7s{animation-delay: 7s;}
    .delay-8s{animation-delay: 8s;}
    .delay-9s{animation-delay: 9s;} 

}

.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(https://ryan.buildersappointmentsystem.com/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(https://ryan.buildersappointmentsystem.com/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(https://ryan.buildersappointmentsystem.com/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(https://ryan.buildersappointmentsystem.com/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) }
}

#registrationForm .form-control{border: none; border-bottom: 1px solid #4C4C4C; border-radius: 0; margin-bottom: 50px; font-size: 18px; font-weight: 300;}
#registrationForm .form-control:focus{outline: none;  box-shadow: none;}
#registrationForm .form-control::placeholder { color: #4C4C4C; opacity: 1; font-weight: 300; }
#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%;
}

#sharePopUp .modal-header{border: none;}