/*########################################################*/
/*################# DEFAULT RESET STYLES #################*/
/*########################################################*/
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', 'Arial', sans-serif;
    font-size: 16px;
    color: #111;
    font-weight: normal;
    line-height: 1.65;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.3;
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', 'Arial', sans-serif;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #444;
    text-decoration: none;
    outline: 0;
}

/*-----------------------------------------------------------------------------*/

/*TRANSISTION*/
.transition,
a,
.btn {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

/*-----------------------------------------------------------------------------*/

/*SECTION TOP BOTTOM SPACING*/
.sectiontb-spacing-100{padding-top: 100px;padding-bottom: 100px;}
.sectiontb-spacing-80{padding-top: 80px;padding-bottom: 80px;}
.sectiontb-spacing-70{padding-top: 70px;padding-bottom: 70px;}
.sectionT-spacing100{padding-top: 100px;}
.sectionB-spacing100{padding-bottom: 100px;}

/*-----------------------------------------------------------------------------*/
/*BACKGROUND COLOUR*/
.light-grey{background-color: #fbfcfc!important;}

/*-----------------------------------------------------------------------------*/
.ml-min1{margin-left: -1px;}
.mr-min1{margin-right: -1px;}

/*-----------------------------------------------------------------------------*/

/*BUTTONS*/
.btn{border-radius: 0; font-family: Poppins;font-weight: 500;text-transform: uppercase; font-size: 12px; letter-spacing:2px;}
.btnlg{padding-left: 30px;padding-right: 30px; padding-top: 15px; padding-bottom: 15px; }
.btn-dark{background-color: #00293f; border-color: #00293f; }
.btn-dark:hover, .btn-dark:focus{background-color: #001520; border-color: #001520; }
.btn-outline-dark{background-color: transparent; border-color: #00293f; color: #00293f; }
.btn-outline-dark:hover{background-color: #00293f; border-color: #00293f; }

/*-----------------------------------------------------------------------------*/

/*CARD*/
.card{border-radius:0;}

/*-----------------------------------------------------------------------------*/

/*FORM CONTROLS*/
.form-control,.form-select, textarea{border-radius: 0;}

/*-----------------------------------------------------------------------------*/

/*TEXT COLOR*/
.text-primary{color: #005482!important; }
.text-dark{color: #00293f!important;}

/*-----------------------------------------------------------------------------*/

/*LETTER SPACING*/
.ls-half{letter-spacing:0.5px;}
.ls-1{letter-spacing:1px}
.ls-2{letter-spacing:2px}
.ls-3{letter-spacing:3px}
.ls-4{letter-spacing:4px}
.ls-5{letter-spacing:5px}
.ls-6{letter-spacing:6px}
.ls-7{letter-spacing:7px}
.ls-8{letter-spacing:8px}
.ls-9{letter-spacing:9px}
.ls-10{letter-spacing:10px}
 
/*-----------------------------------------------------------------------------*/

/*FONT WEIGHT*/
.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}

/*-----------------------------------------------------------------------------*/

/*SECTION TITLE HEADER*/
.title-header{margin-bottom: 40px; max-width: 700px;}
.title-header.full-width{max-width: 100%;}
.title-header h3{font-size: 38px; font-weight: 700; color: #00293f; margin-bottom: 10px;}
.title-header h3 span{font-weight: 400;}
.title-header p.lead{margin-bottom: 40px;color: #333;}

.title-header.text-light h3,
.title-header.text-light p.lead{color: #fff;}

.form-control:focus {  box-shadow:none}
/*############################################################*/
/*################# ____MAIN STYLES START____#################*/
/*############################################################*/

/*NAVBAR*/

.main-navbar {position: fixed; left: 0; top: 0; bottom: 0; height: 100vh; width: 73px; border-right: 1px solid #fffcfa4d; z-index: 20; display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 20px 10px; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: .15s; -o-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; padding: 20px 5px; text-align: center; color: #fff; }
.main-navbar:before {content: ""; height: 100vh; width: 100%; background: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform: translate(-100%, 0); -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; }
.main-navbar .hamburger-link{position: relative;cursor: pointer;}
.main-navbar .hamburger-link a{position: relative;display: block; color: #fff; font-size: 18px; text-align: center;}
.main-navbar .hamburger-link a > span {display: block; height: 2px; width: 100%; max-width: 24px; margin-left: auto; margin-right: auto; background: #fff; margin-top: 5px; margin-bottom: 5px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } 
.main-navbar .hamburger-link span.menu-text{margin-top: 24px; margin-right: unset; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-bottom: 0; font-weight: 500; letter-spacing: 3px; font-size: 14px; display: inline-block; } 
.main-navbar .hamburger-link span.menu-text:after {content: "MENU"; display: block; }

/*NAVBAR LOGO*/
.main-navbar .middbackground-image: url(../images/BNRfavicon.png); height: 52px; width: 52px; background-repeat: no-repeat; background-position: top center; background-size: contain; cursor: pointer; le-logo{}

/*NAVBAR SOCIAL HANDLES*/
.main-navbar .navbar-bottom .social-handles{border-bottom: 1px solid #fffcfa4d;margin-left: 5px;margin-right: 0;display: block; width: 63px; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding-bottom: 10px;}
.main-navbar .navbar-bottom .social-handles a{font-size: 20px;display: block; color: #fff; margin-top: 5px;margin-bottom: 5px;}

/*SITE LANGUAGE*/
.main-navbar .navbar-bottom .btn-group .btn {color: #fff; text-decoration: none; padding: 0 3px; font-size: 12px; }
.main-navbar .navbar-bottom .btn-group .dropdown-menu{ font-size: 12px;padding-left: 5px;padding-right: 5px; min-width:65px; }
.country_name{ font-size: 10px;margin-top: 5px;line-height: 13px;}

/*MENU OPENED*/
body.menuIsOpen {overflow: hidden; }
body.menuIsOpen .main-navbar .hamburger-link span.menu-text:after{content: "CLOSE"; display: block; }
body.menuIsOpen .hamburger-link span{position: relative;}
body.menuIsOpen .hamburger-link span.middle{opacity:  0; } 
body.menuIsOpen .hamburger-link span.first{transform: rotate(45deg); top: 4px; } 
body.menuIsOpen .hamburger-link span.last{transform: rotate(-45deg); bottom: 10px; } 
body.menuIsOpen .navbar-content {transform: translateX(0); }

/*NAVBAR DARK*/
body.navDark .main-navbar{border-color: #00000026;}
body.navDark .main-navbar:before {transform: translate(0, 0); }
body.navDark .main-navbar .hamburger-link a > span{background-color: #222;}
body.navDark .main-navbar .middle-logo{background-image: url(../images/bnrlogo.png);}

body.navDark .main-navbar,
body.navDark .main-navbar .hamburger-link a,
body.navDark .main-navbar .navbar-bottom .social-handles a,
body.navDark .main-navbar .navbar-bottom .btn-group .btn{color: #222;}
body.navDark .main-navbar .navbar-bottom .social-handles{border-color: #00000026;}
body.navDark .main-navbar .navbar-bottom .social-handles a:hover{color: #005482;}


/*NAVBAR CONTENT*/
.navbar-content {width: 100%; height: 100vh;overflow: hidden; background: #fbfcfc; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; transform: translateX(-100%); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: flex; flex-direction: row; } 
.navbar-content .navbar-links {width: 410px; background-color: #00293f; background-image: url(../images/nav-pattern.png); background-repeat: repeat; height: 100%; overflow-y: auto; padding-left: 130px; padding-right: 70px; display: flex; align-items: center;}
.navbar-content .navbar-links ul {margin: 0; padding: 0; } 
.navbar-content .navbar-links ul li {margin-top: 10px; margin-bottom: 10px; display: block; } 
.navbar-content .navbar-links ul li a {display: inline-block; font-family: Montserrat; font-size: 22px; color: #fff; text-decoration: none; border-bottom: 3px solid transparent; line-height: 1.5; font-weight: 100; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } 
.navbar-content .navbar-links ul li a:hover {color: #e3dfd2; border-bottom: 3px solid #005482; font-style: italic; } 
.navbar-content .navbar-content {height: 100%; } 
.navbar-content .navbar-projects {padding:25px 50px; width: calc(100% - 410px); position: relative; } 
.navbar-content .navbar-projects .project-title {font-size: 22px; font-family: Montserrat; font-weight: 600; color: #222; margin-bottom: 35px; margin-top: 40px; text-transform: uppercase;}
.navbar-content .navbar-projects .projects-list {width: 100%; margin-bottom: 40px;} 
.navbar-content .navbar-projects .projects-list .nav-project-block {margin-right: 40px; list-style: none; } 
.navbar-content .navbar-projects .projects-list .nav-project-block a {display: block; text-decoration: none; } 
.navbar-content .navbar-projects .projects-list .nav-project-block img {width: 100%; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } 
.navbar-content .navbar-projects .projects-list .nav-project-block figure {display: block; background-color: transparent; overflow: hidden; margin: 0 0 20px 0; padding: 0; } 
.navbar-content .navbar-projects .projects-list .nav-project-block a:hover figure {background-color: #000; } 
.navbar-content .navbar-projects .projects-list .nav-project-block a:hover img {opacity: 0.7; transform: scale(1.01) } 
.navbar-content .navbar-projects .projects-list .nav-project-block h6{text-transform: uppercase; font-size: 15px; font-weight: 500; color: #000; margin-bottom: 1px; } 
.navbar-content .navbar-projects .projects-list .nav-project-block small {font-size: 12px; font-weight: 400; color: #005482; letter-spacing: 1px;display: block; line-height: 1.3;margin-top: 5px; }

.navbar-content .navbar-projects .projects-list .slick-dots{margin-top: 30px;position: static;}
.navbar-content .navbar-projects .projects-list .slick-dots li{list-style: none;}
.navbar-content .navbar-projects .projects-list .slick-dots li button{height: 14px;width: 13px;border-radius: 0; background-color:transparent; border:1px solid #005482;}
.navbar-content .navbar-projects .projects-list .slick-dots li button:before{font-family: inherit;opacity:0;}
.navbar-content .navbar-projects .projects-list .slick-dots li.slick-active button{background-color: #005482;}

/*BOTTOM PROJECT NAVIGATION*/
.navbar-content .navbar-projects .navArrowsWrap {position: absolute; bottom: 24px; right: 10px; font-size: 14px; font-weight: 500; display: flex; align-items: center; flex-direction: row; line-height: 1.3; }
.navbar-content .navbar-projects .navArrowsWrap .navArrows {margin-left: 5px; }
.navbar-content .navbar-projects .navArrowsWrap .navArrows i {font-size: 20px; margin: 0 15px; cursor: pointer; }

 /*SIDE MENU CLOSE BUTTON*/
.close-menu {display: none; position: absolute;  z-index: 20; right: 20px; top: 20px; font-size: 15px; color: #000; text-decoration: none; background: #bdbdbd; padding: 8px 10px; display: inline-block; text-transform: uppercase; } 
.close-menu:hover {color: #fff; background: #ddd; }

/*SOCIAL HANDLES FOR MOBILE*/
.mobile-social-handles{display: none; opacity: 0;padding-top: 20px;}
.mobile-social-handles .social-handles a {font-size: 20px; display: inline-block; color: #fff; margin-top: 5px; margin-bottom: 5px; margin-right: 15px; }

/*MOBILE NAVBAR MEDIQUERIES*/
@media (max-width: 992px){
    .main-navbar{flex-direction: row-reverse;position: fixed; padding: 20px 15px; width: 100%; height: 60px; top: 0; right: 0; bottom: auto; border-bottom: 1px solid #fffcfa4d; border-right: 0;  -webkit-transition: background .4s ease .2s; -o-transition: background .4s ease .2s; transition: background .4s ease .2s; }
    .main-navbar:before {height: 60px; width: 100%; top: -100%; bottom: auto; left: 0; right: 0;-webkit-transform: translate(0,-60px); -ms-transform: translate(0,-60px); transform: translate(0,-60px); }

    .main-navbar .hamburger-link{display: flex; flex-direction: row-reverse; align-items: center; align-content: center; width: 120px;}
    .main-navbar .hamburger-link span.menu-text {margin-top: 3px; margin-right: unset; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
    .main-navbar .hamburger-link a {width: 40px; }
    .main-navbar .navbar-bottom{display:none;}
    .navbar-content .navbar-projects{display:none;}
    .navbar-content .navbar-links{width: 100%;height: 100vh;padding-left: 50px; padding-top: 100px; padding-right: 70px; align-items: flex-start; justify-content: flex-start;flex-direction: column;}

    .navbar-content {width: 100%; opacity: 0; height: 0; left: 0; right: 0; top: -100%; bottom: auto; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

    .mobile-social-handles{display: block;  opacity: 1;}

    /*MENU IS OPEN*/
    body.navDark .main-navbar{border-bottom: 1px solid #c1c1c1;}
    body.navDark .main-navbar:before{top: 0;-webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);}
    body.menuIsOpen .navbar-content{top: 0;height: 100vh; opacity: 1; }
    body.menuIsOpen .close-menu{display: none;}
}

/*HERO VIDEO SECTION*/
.hero-banner{width: 100%; height: 100vh; overflow: hidden; }
.hero-banner video.hero-video{min-width: 100%; min-height: 100%; width: 100vw; height: 100vh; z-index: -100; background-repeat: no-repeat; background-size: cover; background-position: center center; object-fit: cover; }
/*HERO MOBILE*/

.hero-banner video.hero-video-mobile {height: 100vh;display: none; width: 100%; object-fit: cover; background-size: cover; background-position: center center; }
/*HERO VIDEO ON MOBILE*/
@media (max-width: 576px){
    /*DESKTOP VIDEO HIDE*/
    .hero-banner video.hero-video {display: none;}

    /*MOBILE VIDEO SHOW*/
    .hero-banner video.hero-video-mobile {display: block;}
}

/*MAIN CONTENT WRAPPER*/
.page-content{z-index: 5; position: relative; background-color:#fff;}
.inner-content{padding-bottom: 100px;} 
/*ABOUT SECTION HOMEPAGE*/
.about-content-homepage{height: 100%; padding-top: 50px;}
.about-content-homepage h6{text-transform: uppercase;letter-spacing: 1.3px;}
.about-content-homepage h4{font-size: 26px; margin-bottom: 20px; font-weight: 400;text-transform: uppercase;}
.about-content-homepage p{font-size: 14px; line-height: 1.8; margin-bottom: 30px;}
.about-content-homepage .btn{min-width: 215px;}

/*MILESTONES SECTION*/
.milestone-block{margin-top: 40px; margin-bottom: 40px; }
.milestone-block .display-3 small{font-weight: 400; font-size: 26px;}

/*TIMELINE SECTION*/
.timeline-section{background-color: #154c6a; background-image: url(../images/bnr.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; color: #fff; }
.timeline-section .owl-carousel .owl-nav{position: absolute; top: -240px; right: 50px;}
.timeline-section .owl-carousel .owl-nav button.owl-next, 
.timeline-section .owl-carousel .owl-nav button.owl-prev {background: #0000; height: 58px; width: 58px; border: 2px solid #fff; font-size: 24px; }
.timeline-section .owl-carousel .owl-nav button.owl-next:hover, 
.timeline-section .owl-carousel .owl-nav button.owl-prev:hover {background: #fff; color: #00293f; }
.timeline-years .slick-list{border-bottom: 1px solid #fff6; }
.timeline-years .slick-slide .year-block{border-bottom: 3px solid transparent;font-size: 26px; height: 120px; line-height: 1.5; display: flex; align-content: flex-end; align-items: center; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; padding-bottom: 15px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer; }
.timeline-years .slick-current.slick-active .year-block{font-size: 70px;  margin-bottom: 0; line-height:1; font-weight: 700; font-family: Montserrat; border-bottom: 3px solid #fff; padding-bottom: 12px; } 
.timeline-content-block{padding-top: 40px;}
.timeline-content-block h4{font-size: 24px; font-weight: 600;}
.timeline-content-block p{opacity: 0.9; font-size: 15px;}
.timeline-content-block .timeline-image{overflow: hidden;}
.timeline-content-block .timeline-image img{width: 100%;border-radius: 50px 16px 16px 16px;border:3px solid #fff;}
.timeline-section .navarrow{position: absolute;right: 0;bottom: 0; display: flex; flex-direction:row; width: 64px;display: none;}
.timeline-section .navarrow .slick-arrow{background: #0000; height: 58px; width: 58px; border: 2px solid #fff; font-size: 24px; text-align: center;}
.timeline-section .navarrow .slick-arrow:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}


/*AWARDS SECTION*/
.awards-section{position: relative; }
.right-bg-img{background-image: url(../images/award-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 50%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; display: block; }

.awards-list{padding-right: 30px;}
.awards-list .awards-block{padding: 15px 15px 40px 15px; height: 100%; position: relative; border: 1px solid #9c9c9c; background: #fff; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; }
.awards-list .awards-block p{font-size: 12px;color: #555555;line-height:1.2; margin-bottom: 15px;font-weight: 500;}
.awards-list .awards-block h5{font-size: 15px; font-weight: 700;text-transform: uppercase;}
.awards-list .awards-block span{font-weight: 500;color: #272727; font-size: 15px;position: absolute;bottom: 10px;left: 15px;}

.awards-list .awards-block.style1{border: 1px solid #9c9c9c; background: #fff; } 
.awards-list .awards-block.style2{border: 1px solid #cdd8de; background: #fff; } 
.awards-list .awards-block.style3{border: 1px solid #00293f; background: #00293f; } 
.awards-list .awards-block.style4{border: 1px solid #003d5e; background: #003d5e; } 
.awards-list .awards-block.style5{border: 1px solid #005482; background: #005482; } 
.awards-list .awards-block.style6{border: 1px solid #cdd8de; background: #cdd8de; }

.awards-list .awards-block.style3 p,
.awards-list .awards-block.style4 p,
.awards-list .awards-block.style5 p{opacity:0.6;color: #fff;}

.awards-list .awards-block.style3 h5,
.awards-list .awards-block.style4 h5,
.awards-list .awards-block.style5 h5,
.awards-list .awards-block.style3 span{color: #fff;}
.awards-list .awards-block.style4 span{color: #fff;}
.awards-list .awards-block.style5 span{color: #fff;}


/*LEADERSHIP SECTION*/
.leadership-content{/*border: 1px solid #e6e8e9;*/ padding: 0px 70px 30px 70px; position: relative; min-height: 560px; display: flex; flex-direction: column; justify-content: center; } 
/*.leadership-content:before,.leadership-content:after{content: ""; display: block; background-image: url(../images/dots-bg.png); background-repeat:no-repeat; background-position: top left; width: 49px; height: 38px; position: absolute; } */
/*.leadership-content:before{top: 20px; left: 20px;} */
.leadership-content:after{bottom: 20px; right: 20px;} 
.leadership-content h4{font-weight: 500; font-size: 26px; margin-bottom: 20px;position: relative;} 
.quote-pop {font-family: Georgia; font-size: 5em; position: relative; left: 0em; top: 0.45em; color: #999;line-height: 0;}
.leadership-content h6{font-size: 16px; margin-bottom: 0px;} 
.leadership-content p{font-size: 13px; line-height: 1.9; margin-bottom: 15px; } 
.leadership-image {  /* border: 1px solid #e6e8e9; */ position: relative; display: flex; align-items: flex-end; flex-direction: column; min-height: 200px; justify-content: flex-end; align-content: center; margin-left: -1px;} 
.leadership-image .name-designation{text-align: center; padding: 15px 10px; background-color: #005482; width: 60%; color: #fff; }
.leadership-image .name-designation h5{font-size:18px; margin-bottom: 0;}
.leadership-image .name-designation p{font-size:12px; opacity: 0.75; margin-bottom: 0;}


/*PROJECTS HOMEPAGE*/

.project-full .project-content{display: flex; flex-direction: column; justify-content: center; align-content: flex-start; flex-wrap: nowrap; align-items: flex-start; padding-right: 40px;}
.project-full .project-content p{text-transform: uppercase; font-weight: 500;}
.project-full .project-content h4{color: #00293f;}
.project-full .project-content .btn{min-width: 215px;}

.project-block-home{display: block; position: relative;margin: 15px;}
.project-block-home figure{display: block; background-color:#00293f; margin-bottom: 0;overflow:hidden}
.project-block-home .project-detail{color: #fff; position: absolute;left: 0;bottom: -20px;right: 0; padding: 20px; opacity: 0; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; -ms-transition: all 250ms ease; transition: all 250ms ease;  }
.project-block-home .project-detail img{width: 100%;}
.project-block-home .project-detail small{text-transform: uppercase;font-size: 12px;}
.project-block-home .project-detail h4{text-transform: uppercase;margin-bottom: 5px;font-size: 20px;}
.project-block-home .project-detail p{font-size: 13px; margin-bottom: 0;}
.project-block-home:hover img{opacity:0.5; transform: scale(1.01)}
.project-block-home:hover .project-detail{bottom: 0; opacity: 1;}

.block-border-left{border-left: 1px solid;}
.block-border-right{border-right: 1px solid;}
.block-border-bottom{border-bottom: 1px solid;}
.block-border{border-color: #eeefef; }


/*FOOTER*/
.footer-main{padding-top: 40px; background-color: #e5e8ea; z-index: 7; position: relative; background-image: url(../images/footer-bg.jpg); background-repeat: repeat; background-position: top center;}
.footer-top{padding-bottom: 20px; }

.margin-minus{position: relative; top: -60px;}

.footer-top .footer-newsletter{text-align: right;}
.footer-top .footer-newsletter .btn{ width: 65px;height: 42px; font-size: 18px;}
.footer-top .footer-newsletter .btn:hover{background-color:#005482!important;}
.footer-top .social-handles{text-align: right;}

.footer-top .social-handles span{font-size: 18px;font-weight: 500;}

.footer-top .social-handles a{font-size: 20px;color: #00293f; height: 40px;width: 40px; text-align: center; display: inline-block; }
.footer-top .social-handles a:hover{color:#005482;}


.footer-links{padding-bottom: 40px;}
.footer-links h5{color: #282828; font-size: 16px;}
.footer-links ul{margin: 0;padding: 0;}
.footer-links ul li{list-style: none;margin-bottom: 2px;}
.footer-links ul li a{display: inline-block;color: #5c5c5c;font-size: 13px;margin-bottom: 5px;margin-top: 5px;line-height:1.3;}
.footer-links ul li a:hover{color: #00293f;}

.divider hr{background-color:#cfcfcf; border: none; height: 1px; box-shadow: 0 1px 1px #fff; opacity:1; }


.footer-top .contact-info-wrap{}
.footer-top .contact-info-wrap h5{text-transform: uppercase;font-weight: 600; font-size: 18px; color: #282828;}
.footer-top .contact-info-wrap span{text-transform: uppercase;font-weight: 600; font-size: 13px; color: #00293f;}
.footer-top .contact-info-wrap p{color: #676767; font-size: 15px;}
.footer-top .contact-info-wrap .btn{}


.footer-btm{background-color: #ebeef0; }
.project-logos-wrap ul{max-width: 1000px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center;}
.project-logos-wrap ul li{max-width: 171px; width: 100%; margin-left: 30px;margin-right: 30px; margin-top: 30px;margin-bottom: 30px;}
.project-logos-wrap  a img {  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; transition: all 0.9s ease;}
.project-logos-wrap  a:hover img {-webkit-filter: grayscale(100%); filter: grayscale(100%);transform: scale(1.03) } 

.footer-last-section{font-size: 12px;padding-top:20px;padding-bottom: 20px;}
.footer-last-section a:hover{color: #00293f; text-decoration: underline;}

.footer-last-section .back-to-top{display: inline-block; border-bottom: 1px solid #00293f;}
.footer-last-section .back-to-top:hover{border-color: 1px solid #005482;}
.footer-last-section .back-to-top a{font-size: 13px; text-transform: uppercase; font-weight: 600;color: #00293f; text-decoration: none; }



/*###############################################################*/
/*################# ____PORTFOLIO PAGE START____#################*/
/*###############################################################*/ 
.portfolio-header{padding-top: 75px; padding-bottom: 25px; }

.portfolio-header p{margin-bottom: 5px;}
.portfolio-header h3{margin-bottom: 2px;}
.portfolio-header p.lead{font-size: 18px; color: #444444; margin-bottom: 30px;}
.portfolio-header hr{border-color: #ededed; opacity:1; margin-top: 7.5px; margin-bottom: 7.5px;}
.portfolio-header .filter-form .form-label{font-size: 13px; font-weight: 600;}
.portfolio-header .filter-form .form-select{font-size: 14px; height: 49px; background-color: #f8f8f8; }

.portfolio-list-section{padding-bottom: 100px; padding-top: 30px; border-top: 1px solid #f2f2f2;}


.project-full{position: relative;background-color: #00293f;display: block;margin-bottom: 50px; overflow:hidden}
.project-full .project-view{opacity: 0;position: absolute; left: 0;right: 0;top: 0;bottom: 0;display: flex;flex-direction: column; justify-content: center; align-items: center;}
.project-full .project-view img.project-logo{filter: brightness(0) invert(1); margin-bottom: 30px;}
.project-full .project-view span.btn{padding-left: 30px;padding-right: 30px; text-transform: uppercase; padding-top: 10px;padding-bottom: 10px; font-weight: 600;}

.project-full:hover img.project-image{opacity:0.4;}
.project-full:hover .project-view{opacity: 1;}

.full-project-content{margin-bottom: 30px;display: flex; flex-direction: column; justify-content: center; height: 100%; padding-left: 40px;padding-right: 40px;}
.full-project-content .project-type,
.projects-block-list .project-block .project-block-desc .project-type{font-size: 12px; color: #757575;text-transform: uppercase;font-weight: 500;}
.full-project-content .project-name,
.projects-block-list .project-block .project-block-desc .project-name{font-size: 18px; font-weight: 600; text-transform: uppercase;}

.full-project-content .project-location,
.projects-block-list .project-block .project-block-desc .project-location{font-size: 13px; color: #5d5d5d;}
.full-project-content p{font-size: 13px; color: #5d5d5d;}
.full-project-content a{letter-spacing: 1px; font-weight: 600; color: #00293f; font-size: 12px; text-transform: uppercase;}


.projects-block-list .project-block{margin-bottom: 50px;}
.projects-block-list .project-block .project-block-image{position: relative;background-color: #00293f;display: block; margin-bottom: 15px;overflow:hidden}
.projects-block-list .project-block .project-view{opacity: 0;position: absolute; left: 0;right: 0;top: 0;bottom: 0;display: flex;flex-direction: column; justify-content: center; align-items: center;}
.projects-block-list .project-block .project-view img.project-logo{filter: brightness(0) invert(1); margin-bottom: 30px;}
.projects-block-list .project-block .project-view span.btn{padding-left: 30px;padding-right: 30px; text-transform: uppercase; padding-top: 10px;padding-bottom: 10px; font-weight: 600;}
.project-block-image:hover img, .project-full:hover img{ transform: scale(1.01)}
.projects-block-list .project-block:hover img.project-image{opacity:0.4;}
.projects-block-list .project-block:hover .project-view{opacity: 1;}

.Complete_Projects .full-project-content{    padding-left: 10px;} 

/*#####################################################################*/
/*################# ____PROJECT DETAILS PAGE START____#################*/
/*#####################################################################*/ 

.page-top-banner{height: 100vh; background-size: cover; background-repeat: no-repeat; background-position:top center; }

/*PROJECT INTRO*/
.project-intro-inner{max-width: 920px;margin-left: auto;margin-right: auto;text-align: center;padding-top: 80px; padding-bottom: 120px;}


.project-intro-inner .project-logo{display: inline-block; margin-bottom: 20px;}
.project-intro-inner img{margin-bottom: 40px;}
.project-intro-inner p{letter-spacing: 5px; font-size: 15px;}
.project-intro-inner h2{text-transform: uppercase;color: #2d2d2d; font-size: 52px;margin-bottom: 15px;}
.project-intro-inner p.project-desc{font-size: 17px; letter-spacing:0; line-height: 1.8;}

.additional-info p{letter-spacing:1px; font-size: 13px; margin-bottom: 5px;}


/*MAIN AMENITIES*/
.main-amentities{padding-top: 140px;padding-bottom: 30px;}
.amenities-content{padding-top: 40px;}
.amenities-content p.text-primary{}
.amenities-content h3{font-size: 47px; margin-bottom: 50px;}




.amenities-content .amenities-block{display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; margin-top: 20px;margin-bottom: 20px;}
.amenities-content .amenities-block .amenity-icon{display: inline-block;}
.amenities-content .amenities-block .amenity-icon img{width: 52px;height: 48px;}
.amenities-content .amenities-block p{margin-bottom: 0;}


/*ADDITIONAL AMENITIES*/
.additional-amenities{}
.additional-amenities h5{ text-align: center; position: relative; border-bottom: 1px solid #ededed; margin-bottom: 70px;}
.additional-amenities h5 span{font-size: 27px; font-weight: 300; letter-spacing:5px; position: absolute; left: 50%; top: -17px; transform:  translate(-50%,0);display: inline-block;background-color: #fff; text-transform: uppercase; padding-left: 15px;padding-right: 15px;}
.additional-amenities .card{ margin-bottom: 32px; text-align: center; padding: 5px 15px; height: 100%; align-items: center; justify-content:center; border-color: transparent; -webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear; transition: all 400ms linear; }
.additional-amenities .card:hover {border: 1px solid #eef0f1;background: #f7f9fb;}
.additional-amenities .card-title{font-size: 14px; font-weight: 500; color: #444; margin-bottom: 0;}
.additional-amenities .card img{width: auto; margin-bottom: 20px;}
.amenities-content .custom-btn {margin-top: 30px;margin-bottom: 30px;}

@media (min-width: 992px){.additional-amenities .col-md{width: 20%;flex: 0 0 auto;} }


/*PROJECT IMAGES SLIDER*/
.project-image-slider{width: 100%; overflow: hidden; margin-bottom: 0!important;}
.project-image-slider figure{display: block;position: relative;}
.project-image-slider figure figcaption{position: absolute; left: 0; right: 0; bottom: 70px; font-weight: 100; text-transform: uppercase; color: #fff; max-width: 1140px; margin-left: auto; margin-right: auto; font-size: 50px; letter-spacing: 2px;}

.project-image-slider .slick-dots{position: absolute;left: 0;right: 0;bottom: 35px;}

.project-image-slider .slick-dots li{list-style: none;}
.project-image-slider .slick-dots li button{height: 14px;width: 13px;border-radius: 0; background-color:transparent; border:1px solid #fff;}
.project-image-slider .slick-dots li button:before{font-family: inherit;opacity:0;}
.project-image-slider .slick-dots li.slick-active button{background-color: #fff;}


/*FLOOR PLANS SECTION*/
.floor-plans-list{padding-left: 50px;}
.floor-plans-list h5{text-transform: uppercase; font-weight: 600;}
.floor-plans-list ul{}
.floor-plans-list hr{background-color: #ebebeb; height: 1px; width: 100%; opacity:1; border: 0; box-shadow: 0 3px 0 0 #ebebeb;margin-top: 40px;margin-bottom: 40px;;}
.floor-plans-list li{margin-bottom: 10px; margin-top: 10px;}
.floor-plans-list a{display: flex; justify-content:space-between;flex-direction: row;color: #00293f; font-size: 14px;padding: 2px 10px;}
.floor-plans-list a:hover{background: #e9edef; }
.floor-plans-list a:hover i.fa-solid{opacity:1; }
.floor-plans-list span{color: #005482; font-size: 13px;}
.floor-plans-list i.fa-solid{opacity:0;}

/*GET IN TOUCH FORM*/
.contact-form-wrapper {border: 2px solid #005482; padding: 50px; position: relative; text-align: center; } 
.contact-form-wrapper h5{color: #333333; font-size: 21px; text-transform: uppercase; font-weight: 700; display: inline-block; margin: 0 auto; background: #fff; position: absolute; top: -15px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 0 15px;} 
.contact-form-wrapper h5:before,.contact-form-wrapper h5:after {height: 8px; width: 8px; content: ""; display: block; position: absolute; background: #005482; border-radius: 10px; top: 10px; } 
.contact-form-wrapper h5:before {left: -1px;} .contact-form-wrapper h5:after {right: -1px;} 
.contact-form-wrapper .form-label{color: #222222; font-size: 13px; font-weight: 500; text-align: left!important; display: block;} 
.contact-form-wrapper .form-control{border-color: #e3dfdc; background: #f8f8f8; height: 49px; font-size: 14px; padding-left: 20px; padding-right: 20px; }
.contact-form-wrapper .form-submit-button{padding-top: 30px;}

/*PROJECT LOCATION MAP*/
.google-map{height: 630px; width: 100%;}


/*#####################################################################*/
/*##################### ____ABOUT US PAGE START____####################*/
/*#####################################################################*/ 


.about-intro{line-height: 1.9; } 
.about-intro p{margin-bottom: 25px;} 
.about-intro p.h6{font-size:13px; letter-spacing: 3px;} 
.about-intro h2{font-weight: 700; font-size: 32px; margin-bottom: 20px;} 
.about-intro p.h5{font-size: 20px; color:#373737; font-weight: 500; line-height:1.5; } 
.about-intro p{font-size: 15px;} 

/*MISSION VISION SECTION*/ 
.alternate-content{position: relative;min-height: 640px;} 
.alternate-content .image-bg{background-repeat: no-repeat; background-position: center right; background-size: cover; width: 50%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; display: block; } 
.alternate-content:nth-child(even) .image-bg{left: 0; right: auto; background-position: left center; } 
.alternate-content .alternate-content-block{padding-right: 80px; padding-top: 135px; padding-bottom: 135px; } 
.alternate-content:nth-child(even) .alternate-content-block{padding-left: 80px; padding-right: 0; } 
.alternate-content p{font-size: 15px; line-height: 1.9; } 
.alternate-content h3{position: relative; } 
.alternate-content h3:after{content: " "; width: 105px; height: 3px; background-color: #005482; display: block; margin-top: 15px; margin-bottom: 30px; } 

/*AWARDS ABOUT US PAGE*/ 
/*.awards-full-section{background-image: url(../images/m-shape-lg.png); background-position: top center; background-repeat: no-repeat; } */

.awards-list.awards-full .awards-block{position: relative; padding-right: 95px; min-height: 210px; padding-top: 40px; padding-left: 25px; padding-bottom: 50px; } 
.awards-list.awards-full .awards-block:after{content: ""; display: block; background-image: url(../images/bnrcore.png); background-position: top center; background-repeat: no-repeat; width: 60px; height: 60px; position: absolute; top: 30px; right: 25px; } 
.awards-list.awards-full .awards-block h5{font-size: 19px; font-weight: 700; } 
.awards-list.awards-full .awards-block span {bottom: 20px; left: 25px; } 

/*LEADERSHIP INNER*/ 
.leadership-inner hr{border-color: #ededed; opacity: 1; margin-top: 20px; margin-bottom: 20px;} 
.leadership-inner .leadership-block:nth-child(even) .leadership-content{margin-left: -1px; margin-right: 0; }



/*#####################################################################*/
/*##################### ____CONTACT US PAGE START____###################*/
/*#####################################################################*/ 

/*CONTACT INFO AND FORM*/
.contact-info-form p.h5{font-size: 24px; letter-spacing: 3px;}
.contact-info-block{display: flex;width: 100%; margin-bottom: 40px;}
.contact-info-block .icon{font-size: 36px;}
.contact-info-block .info-content{}
.contact-info-block .info-content h6{font-size: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;}
.contact-info-block .info-content p{font-size: 13px; line-height:1.8;}

/*SOCIAL HANDLES SECTION*/
.socialhandles-section{padding-top: 240px; margin-top: -240px;}
.socialhandles-section ul li{text-align: center;}
.socialhandles-section ul li a{margin-bottom: 20px; margin-left: auto;margin-right: auto; background-color: #00293f; color: #fff;height: 40px;width: 40px;border-radius: 50%; font-size: 20px; display: flex; justify-content:center; align-items:center;}
.socialhandles-section ul li a:hover{background-color:#005482;}
.socialhandles-section ul li:hover span{color:#005482;}
.socialhandles-section ul li span{display: block; font-size: 13px; color: #5d5c5c;}

/*LOCATION MAP*/
 
.contact-page-map .google-map{height: 720px; width: 100%;}
.contact-page-map {line-height: 0;}

/*#####################################################################*/
/*################### ____NEWS ARTICLES PAGE START____#################*/
/*#####################################################################*/ 


.news-block .news-link{display: block;padding-bottom: 20px;padding-top: 15px;margin-bottom: 15px;margin-top: 15px;border-bottom: 1px solid #eeeeee;}
.news-block .news-link .news-info{font-size: 12px;margin-bottom: 0.5rem;text-transform: uppercase;font-weight: 600;}
.news-block .news-link .news-info span{font-size: 12px;text-transform: uppercase;}
.news-block .news-link p{ font-size: 13px;color:#5d5c5c; }
.news-block .more-link{letter-spacing: 1px; font-weight: 600; color: #00293f; font-size: 12px; text-transform: uppercase;}
.news-block:hover .news-link h5{color:#005482;}
.news-block:hover .news-link p{color:#333;}
.news-block:hover{background: #f2f4f5; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}


/*PAGINATION*/
.pagination-block{margin-top: 70px;}
.pagination-block .page-item{border-bottom: 1px solid #e5e7eb;}
.pagination-block .page-item .page-link{width: 60px; text-align: center;border-color: transparent; border-radius: 0;color: #666; text-transform: uppercase;font-size: 13px;}
.pagination-block .page-item .page-link:hover,
.pagination-block .page-item .page-link:focus{border-color: transparent; background-color: transparent;color: #005482;}
.pagination-block .page-item.first .page-link,
.pagination-block .page-item.last .page-link{width: 100px;}

.pagination-block .page-item.first .page-link{text-align: left;}
.pagination-block .page-item.last .page-link{text-align: right;}

.pagination-block .page-item.active .page-link{border-color: transparent;background-color: transparent; color: #00293f; border-bottom: 2px solid #00293f;}

.pagination-block .wp-pagenavi a, .pagination-block .wp-pagenavi span {border: none}


/*####################################################################*/
/*###################### ____CAREERS PAGE START____###################*/
/*####################################################################*/ 

.job-block .job-link{display: block; padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px; margin-top: 5px; border-bottom: 1px solid #eee;}
.job-block:last-child .job-link{border-bottom: 1px solid transparent;}
.job-block .job-link .job-date{font-size: 11px;margin-bottom: 0.5rem;text-transform: uppercase;font-weight: 500;}
.job-block .job-link .job-date span{font-size: 12px;text-transform: uppercase;}
.job-block .job-link h5{ font-size: 15px;margin-bottom: 7px;}
.job-block .job-link p{font-size: 12px; color: #5d5c5c; margin-bottom: 5px; line-height: 1.5;}
.job-block .more-link{letter-spacing: 1px; font-weight: 600; color: #00293f; font-size: 12px; text-transform: uppercase;}
.job-block:hover .job-link h5{color:#005482;}
.job-block:hover .job-link p{color:#333;}
.job-block:hover{background: #f2f4f5; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}

.career-pg  input[type='file'] {display: block; position: absolute;top: 0; right: 0;bottom: 0;left: 0;z-index: 5;width: 100%; height: 100%;opacity: 0;cursor: default;}
.career-pg .custom-file-uploader{position: relative; background: #000; color: #fff; height: 59px; line-height: 45px;} 
.carerr-info-block .des{ font-size:13px}

/*####################################################################*/
/*################ ____INVESTOR RELATIONS PAGE START____##############*/
/*####################################################################*/ 


.page-links-sidebar{background-color: #01304a; padding: 40px 30px; }

.page-links-sidebar ul{margin: 0;padding: 0;}
.page-links-sidebar ul li{list-style: none;margin-bottom: 10px;}
.page-links-sidebar ul li,
.page-links-sidebar ul li a{color: #b0bac5; font-size: 13px;line-height: 1.4;}
.page-links-sidebar ul li a:hover{color: #FFF;}

.page-links-sidebar ul li ul{margin-bottom: 20px;padding-left: 15px;margin-top: 5px;}
.page-links-sidebar ul li ul li,
.page-links-sidebar ul li ul li a{font-size: 12px; color: #78828f;}


.investor-relation-content p{font-size: 14px; line-height:1.8; margin-bottom: 20px; color: #555555;}
.investor-relation-content ul{margin: 0;padding: 0;padding-left: 20px;margin-bottom: 20px;}
.investor-relation-content ul li{font-size: 14px; line-height:1.8; color: #555555; list-style-type: square; margin-bottom: 10px;}

.investor-relation-content h1,
.investor-relation-content h2,
.investor-relation-content h3,
.investor-relation-content h4,
.investor-relation-content h5,
.investor-relation-content h6{margin-bottom: 15px; color: #333; font-weight: 700;}

.investor-relation-content small,
.investor-relation-content .small,
.investor-relation-content p small{font-size: 12px;}
.investor-relation-content .page-title{font-size: 30px; font-weight: 800; padding-bottom: 5px; text-transform: uppercase;border-bottom: 2px solid #00293f;margin-bottom: 20px;}

.investor-relation-content table td,
.investor-relation-content table th{font-size: 13px;}
.investor-relation-content ul li{color: #444;}
.list-icon {padding: 0 0 20px 0 !important; margin: 0 !important; }
.list-icon .list-item {list-style: none !important; padding-bottom: 5px; margin-bottom: 5px !important; line-height: 1.6 !important; }
.list-icon .list-item::marker {display: none; color: #0000; opacity: 0; font-size: 0; }
.list-icon .list-item a {display: block; padding-left: 45px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; position: relative; font-weight: 500; background-color: #fbfcfc; border: 1px solid #ddd; color:#444; }
.list-icon .list-item a:hover {background-color: #f1f1f1; border-color: #999; color: #000; border-radius: 8px; }
.list-icon .list-item a:before {content: ""; position: absolute; left: 9px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 25px; height: 36px; display: block; background-image: url(../images/pdf-icon.png); background-repeat: no-repeat; background-position: 0 0; background-size: 25px; }
.list-icon .list-item.xls-icon a:before{background-image: url(../images/xls-icon.png);}
.list-icon.list-icon-end .list-item a {padding-left: 15px; padding-right: 45px; }
.list-icon.list-icon-end .list-item a:before {right: 9px; left: auto; }

.page-tab-wrapper{margin-bottom: 30px;}
.page-tab-wrapper .nav-pills{margin: 0!important; padding: 0!important;margin-bottom: 15px!important;}
.page-tab-wrapper .nav-pills li{list-style: none!important;}
.page-tab-wrapper .nav-pills .nav-link{border-radius: 0; background-color: #f7f7f7; color: #01304a; font-weight: 600; margin-right: 10px; border: 1px solid #ddd;}
.page-tab-wrapper .nav-pills .nav-link.active{border: 1px solid transparent;background-color: #01304a; color: #fff;}

.heading-mb-reduce h1, 
.heading-mb-reduce h2, 
.heading-mb-reduce h3, 
.heading-mb-reduce h4, 
.heading-mb-reduce h5, 
.heading-mb-reduce h6{margin-bottom: 5px;}
.bg-dark1{background-color: #01304a!important;}




/*INVESTOR RELATION PAGE MEDIAQUERIES*/
@media (max-width: 992px){
    .page-links-sidebar {padding: 55px 30px 40px; position: relative; margin-bottom: 40px; } 
    .page-links-sidebar > p.text-uppercase {position: absolute; top: 20px; left: 30px; right: 30px; } 
    .page-links-sidebar ul.main-list-wrapper {margin: 0; padding: 0; height: 245px; overflow-y: auto; } 
    .investor-relations .col-md-3.col-sm-4, .investor-relations .col-md-9.col-sm-8 {width: 100%;} 
}


/*#########################################################*/
/*################ ____CAREERS PAGE START____##############*/
/*#########################################################*/
.job-description-modal{}
.job-description-modal h4 {font-size: 22px; }
.job-description-modal time {display: inline-block; font-size: 12px; font-weight: 600; background: #eee; padding: 5px 15px; margin-bottom: 15px; }
.job-description-modal h5.modal-title{text-transform: uppercase; font-size: 16px;}
.job-description-modal h6{font-weight: 700;}
.job-description-modal ul{margin: 0 0 20px;padding: 0 0 0 18px;}
.job-description-modal p,
.job-description-modal ul li{font-size: 13px; line-height: 1.6;}
.job-description-modal p a,
.job-description-modal ul li a{font-weight: 600;}



/*  start blog page css */
.sf-block{-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear; -o-transition: all 250ms linear;-ms-transition: all 250ms linear; transition: all 250ms linear;}
.sf-block:hover{ box-shadow: 0 .5rem 1rem rgba(0,0,0,.10); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px);}

.sf-block:hover .sf-block-inn img{-webkit-filter: grayscale(1); filter: grayscale(1)} 

.sf-block-inn{overflow: hidden; background-image: linear-gradient(to bottom, #fcfbf6, #fffbf9, #fffcfc, #fffefe, #ffffff);}
.sf-block figure{ background-color:#f2d2e1;border-radius: 15px 15px 0 0;}
.sf-block-text{ padding:19px}
.sf-block-text h4{font-size: 20px; letter-spacing: -1px; font-weight: 600;}
.sf-block-text p{ font-size:15px; color:#555} 
.read-more-sm{ line-height: 28px;text-transform: uppercase; font-size: 13px;}
.read-more-sm span{ margin-left:10px}
.read-more-sm:hover, .read-more-sm:hover i{  color: #333;}


 


/*--------blog detail css-------*/
 
.article_mn_title h1{ font-size:28px}
.article_writer_info {display: flex; padding: 1rem 0; margin: 1.5rem 0; border-top: 1px solid #dbe2ea; border-bottom: 1px solid #dbe2ea;width: 100%;}
.article_writer_info_first { flex: 1;}
.article_writer_info_first ul {display: flex;align-items: center;padding-left: 0;margin-bottom: 0;}
.article_writer_info_first li {display: inline-block;margin-right: 1.5rem;}
.article_writer_info_first li:last-child { margin-right: 0;}
.article_secs p{ font-size:15px; line-height:22px }
.article_full_social{ margin-bottom:0}
ul.article_full_social li {display: inline-block;margin-right: .5rem;}
ul.article_full_social li a {width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;border: 1px solid #dae1e8;justify-content: center; font-size: 18px;color:#666}
ul.article_full_social li a:hover{background-color: #00293f;color: #fff; border: 1px solid #00293f;}
ul.articles_cats { margin-top: 2rem;padding-left: 0;}
ul.articles_cats li { margin-right: 0.2rem; display: inline-block;}
ul.articles_cats li a {background: #f4f5f7;padding:5px 15px;border-radius: 4px;margin-bottom: 10px;display: inline-block;border: 1px solid #e6eaf1; color: #999;}
ul.articles_cats li a:hover{ background-color: #000; border-color: #000;  color: #fff;}
 


/*----Select2 ----*/
.select2-container--default .select2-selection--single {font-size: 14px;height: 49px;background-color: #f8f8f8;border: 1px solid #ced4da;border-radius:0}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 49px; padding-left: 16px;} 
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 48px;}

/*---custom-btn ----*/
.custom-btn { position: relative;overflow: hidden;cursor: pointer;color: inherit;display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.custom-btn > * { pointer-events: none;}
.custom-btn[type="button"] {padding: 0;font-size: 1rem;background-color: transparent;border:none}
.custom-btn.-icon-left .custom-btn__icon {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}
.custom-btn__label { display: inline-block; text-transform: uppercase; color: #585858; letter-spacing: 1px; font-size: 14px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
 -webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.custom-btn:hover .custom-btn__label {-webkit-transform: translateX(1em);-ms-transform: translateX(1em);transform: translateX(1em);}
.custom-btn.-icon-left:hover .custom-btn__label { -webkit-transform: translateX(-1em); -ms-transform: translateX(-1em);
 transform: translateX(-1em);}
.custom-btn__icon {position: relative;width: 60px;height: 60px;}
.custom-btn__icon-small {width: 20%;height: 20%;position: absolute;top: 40%;left: 40%;}
.custom-btn__icon-small svg { display: block; width: 100%; height: 100%;}
.custom-btn__icon-small svg path,
.custom-btn__icon-small svg polygon { fill: #585858;}
.custom-btn__icon-circle {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.custom-btn__icon-circle svg { display: block; width: 100%; height: 100%;}
.custom-btn__icon-circle svg path { stroke:#585858; fill: none;}
.custom-btn__icon-circle .bottomcircle { opacity: .25;}
.custom-btn__icon-circle .topcircle {stroke-width: 2;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: stroke-dashoffset 1s cubic-bezier(0.23, 1, 0.32, 1);transition: stroke-dashoffset 1s cubic-bezier(0.23, 1, 0.32, 1);stroke-dasharray: 222;stroke-dashoffset: 222;-webkit-animation: dashOut 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
animation: dashOut 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;}
.custom-btn:hover .topcircle {-webkit-animation: dashIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;animation: dashIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;}

@-webkit-keyframes dashIn {
  from {
    stroke-dashoffset: 222;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dashIn {
  from {
    stroke-dashoffset: 222;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dashOut {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -222;
  }
}

@keyframes dashOut {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -222;
  }
}


.milestone-block p.lead { font-size: 14px; color: #005482; }
.milestone-block h3 {margin-bottom: 20px;height: 70px;}
.milestone-block h3 span { display: inline-block;}
.milestone-block h3 small {font-weight: 400;font-size: 26px;}
.timeline-content-block ul {margin: 0 0 10px;padding: 0;}
.timeline-content-block ul li {list-style: square;}
.timeline-content-block p, .timeline-content-block ul li {opacity: 0.8;font-size: 15px;}
.awards-list .awards-block:hover { border: 1px solid #005482; background: #005482; }
.awards-list .awards-block:hover p { opacity: 0.6; color: #fff;}
.awards-list .awards-block:hover h5, .awards-list .awards-block:hover span {color: #fff;}
.leadership-section .title-header p { color: #333;     margin-bottom: 0!important;}
.leadership-section hr { border-color: #ededed; opacity: 1; margin-top: 20px;margin-bottom: 20px;}
.project-list-full h4 { padding: 5px 10px;font-weight:500;text-transform: uppercase;font-size:30px;letter-spacing: 4px;}
.project-intro-inner .project-desc p {font-size: 17px;letter-spacing: 0;line-height: 1.8;}
.sectionB-spacing70 {padding-bottom: 70px;}
.sectionT-spacing70 {padding-top: 70px;}
.team-block {margin-top: 40px;}
.team-block figure img:hover{-webkit-filter: grayscale(1); filter: grayscale(1)} 
.team-block figure {background: #fff;padding-top: 0;margin-bottom: 20px;}
.team-block .team-content { padding: 15px;}
.team-block h6 {font-size:20px;margin-bottom: 0;color: #005482;text-transform: uppercase;font-weight: 600;}
.team-block p {font-size: 12px;color: #6a6a6a;}
.contact-info .contact-text p{ margin-bottom: .5rem!important; font-size: 1.25rem; font-weight: 300; color: #333; }
.form-floating .form-control {padding: 1rem .75rem!important; color: #111111!important;}
.form-floating .form-control::placeholder {color: #111;}
.wpcf7-form p { margin-bottom: 0px;}
.title-header .lead p{margin-bottom: 40px;color: #333;}
.page-id-476 h5{ text-transform: uppercase!important;}
ul.sub-menu li {padding-left: 20px;}
.navbar-content ul.sub-menu li a{font-size: 17px!important;}
.timeline-content-block .col-sm-3 {width: 24.5%;}
 .floor-plans-list {position: relative;}
.floor-plans-list a.moreless-button {position: absolute;bottom: 0;}
.moretext { display: none;}  a.moreless-button {display: unset;color: #00293f;font-size: 16px;padding: 0px 10px;float: left; }
    a.moreless-button:hover { background: transparent;}
.article_full_social .sfsi_shortcode_container {float: none!important;}
.custom-btn[type=submit] {padding: 0; font-size: 1rem; background-color: transparent; border: none;}
.award-text p{color: #333; margin-bottom: 0.5rem!important; font-size: 1.25rem; font-weight: 300;}



/*--------mouse-arrow css---------*/
.page-top-banner{position: relative;}
.page-top-banner:after {position: absolute; left: 0;bottom: 0;width: 100%;height: 150px;content: ""; display: block;
background: rgba(0, 0, 0, .02);background: -moz-linear-gradient(top, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .4) 44%, rgba(0, 0, 0, .89) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, .02)), color-stop(44%, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, .89)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .4) 44%, rgba(0, 0, 0, .89) 100%);background: -o-linear-gradient(top, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .4) 44%, rgba(0, 0, 0, .89) 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .4) 44%, rgba(0, 0, 0, .89) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .4) 44%, rgba(0, 0, 0, .89) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);}
.page-top-banner .mouse-wrapper {position: absolute;z-index:2; bottom: 50px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; }
.page-top-banner .mouse-icon {height: 35px; width: 22px; border-radius: 12px; border: 2px solid #fff; position: relative; } 
.page-top-banner .mouse-icon:after {content: ''; height: 5px; width: 3px; display: block; margin: 5px auto; border: 2px solid #005482; -webkit-border-radius: 8px; border-radius: 8px; -webkit-animation: mouse-wheel 0.6s linear infinite; -moz-animation: mouse-wheel 0.6s linear infinite; } 
.page-top-banner .mouse-arrow {display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin: 2px 0 3px 6px; width: 8px; height: 8px; -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-direction: alternate; } 
.page-top-banner .mouse-arrow:after, 
.page-top-banner .mouse-arrow:before {position: absolute; content: ''; display: block; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; } 
.page-top-banner .mouse-arrow:after {margin: 7px 0 3px 7px; -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -webkit-animation-direction: alternate; } .mouse-arrow:before {margin: 14px 0 3px 14px; -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; -webkit-animation-direction: alternate; }

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/*BOUNCE ANIMATION*/
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
  40% {-webkit-transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);}

  
}
 
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  40% {-moz-transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  40% {-o-transform: translateY(-30px);}
  60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}


/*BOARD OF DIRECTORS*/
.board-list{margin-top: 80px;}
.board-list .board-block.styled{background: #f9f9f9;}
.board-list .board-block{border: 1px solid #e7e7e7; padding: 30px; height: 100%;}
.board-list .board-block figure{margin-top: -60px;}
.board-list .board-block hr{background: #e7e7e7;height: 1px;opacity:1; border: 0;}
.board-list .board-block .board-header h5{margin-bottom: 0; font-size: 18px;}
.board-list .board-block .board-header p{color: #004e7f; font-size: 13px; font-weight: 600;}
.board-list .board-block .board-content{color: #424242; font-size: 13px;}

/*.contact-form-block .wpcf7-form label.error, .modal-body .wpcf7-form label.error { display: contents;}*/
 .wpcf7-form label.error{display: contents;}

/*#################################################*/
/*################### MEDIAQUERIES ################*/
/*#################################################*/

/*#########`sm` applies to x-small devices *//*(portrait phones, less than 576px)#########*/ 

@media (max-width: 575.98px) {     
}
/*#########*//*`md` applies to small devices */ /*(landscape phones, less than 768px)#########*/ 
@media (max-width: 767.98px) {
     
/*----Homepage css----*/ 
 
.sectiontb-spacing-100 { padding-top: 30px;padding-bottom:30px;}

.title-header h3 {font-size: 30px;}
.title-header.lead p{font-size: 1rem;margin-bottom: 20px !important;}
.title-header {margin-bottom: 0;}

.milestone-block { margin-bottom: 10px;}
.milestone-block h3 { margin-bottom: 10px;height: auto;}

.timeline-content-block {padding-top: 10px;}
.timeline-content-block .pt-4{padding-top: 1rem!important;}
.timeline-content-block h4 {font-size: 21px;}

.timeline-years .slick-list{padding: 0!important;}

.timeline-years .slick-slide .year-block {font-size: 17px;height: 80px;padding-bottom: 10px;}
.timeline-years .slick-current.slick-active .year-block {font-size: 24px; }

.awards-list.awards-full .awards-block {min-height: auto;}
.awards-list {padding-right: 0;}

.leadership-content {padding: 0; min-height: auto;}
.leadership-image {align-items: start; min-height: auto;justify-content: start;margin-left: 0;}
.leadership-content h4 {font-size: 22px;margin-top: 20px;margin-bottom: 10px;}


.project-logos-wrap ul li {max-width: 130px;width:50%;margin-left:5px;margin-right: 5px;margin-top: 20px;margin-bottom:20px;}
.footer-top .social-handles {text-align: left;}
.footer-top .footer-newsletter {position: absolute;right: 10px; top: 10px;}
.footer-logo{width: 190px;}
.footer-links h5 {margin-top: 15px;}
.margin-minus {top: -5px;}

/*----About us page css---*/
.page-template-about-us{overflow-x: hidden;}
.page-top-banner { height: 320px;}
.about-intro h2 {font-size: 25px;}
.about-intro p.h5 {font-size: 16px;}
.title-header p.lead {font-size: 1rem;}
.alternate-content .image-bg{background-repeat: no-repeat; background-position: top center!important; background-size: cover; width: 100%; position: relative; top: auto!important; bottom: auto!important; right: auto!important; display: block; height: 65vh;}
.alternate-content .alternate-content-block {padding-top: 40px;padding-bottom: 25px;padding-right: 0;}
.alternate-content:nth-child(2n) .alternate-content-block {padding-left: 0;padding-right: 0;}
.alternate-content { min-height: auto;}


/*----contact-us page css---*/
.contact-info .contact-text p { margin-bottom: 2rem !important;font-size: 1rem;}
.contact-info-form .p-5 {padding: 2rem !important;}
.contact-info-block .icon {font-size: 23px;}
.contact-info-form .icon.me-5{margin-right: 2rem !important;}
.socialhandles-section .ms-4 { margin-left: .6rem !important;}
.socialhandles-section .me-4 { margin-right: .6rem !important;}
.ml-min1 {margin-left: 0; margin-top:1rem;}
.socialhandles-section  .px-5 {padding-right: 1rem !important; padding-left: 1rem !important;}
.contact-page-map {margin-left: 0;}
.contact-page-map .google-map {height: 400px;}

/*------project-list portfolio--------*/
.portfolio-header {padding-top: 25px; }
.portfolio-header p {font-size: 13px; }
.portfolio-header h3{font-size: 16px;}
.portfolio-header p.lead {font-size: 14px; margin-bottom: 10px;}

.project-full {margin-bottom: 15px;}
.project-list-full h4 { font-size: 20px!important;letter-spacing: 3px;margin-bottom: 15px!important;}
.select2-container {width: 100% !important;}
.project-full .project-view img.project-logo {width: 60px;}
.full-project-content {margin-bottom: 40px;padding-left: 10px;padding-right: 10px;}

.full-project-content .project-name, 
.projects-block-list .project-block .project-block-desc .project-name {font-size: 16px!important;}


/*------project-details page--------*/
.project-intro-inner .toplogo{width: 115px;}
.project-intro-inner h2, .amenities-content h3 {font-size: 25px;}
.project-intro-inner .project-desc p { font-size: 15px;}
.floor-plans-list {padding-left: 15px;}
.main-amentities {padding-top: 0px;}
.amenities-content .custom-btn { margin-top: 0;}
.project-intro-inner {padding-bottom: 30px;}
.amenities-content .amenities-block {margin-top: 15px;margin-bottom: 15px;}
.project-image-slider figure figcaption {right:inherit;top: 8px;font-size: 19px;letter-spacing: 1px;left: 5px;bottom:inherit }
.contact-form-wrapper h5 { font-size: 16px;}
.contact-form-wrapper {padding: 50px 15px 30px 15px;}
.contact-form-wrapper .form-submit-button {padding-top: 15px;}
.google-map {height: 300px;}

/*----blog details page---*/
.Recent_Articles .title-header h3{ margin-bottom:15px; }
.sf-block-text h4 {font-size: 15px; letter-spacing: inherit;}
.article_mn_title h1 {font-size: 20px;}
.article_writer_info_first ul {font-size: 13px;}
 
}


/*LEFT PADDING UNDER SIDE NAVBAR FIX*/
 @media (min-width: 991px) and (max-width: 1440px) {
    .page-content.homepage-content,
    .page-content.inner-content,
    footer.footer-main{padding-left: 73px; }
    
    .page-content.homepage-content,
    .page-content.inner-content{overflow-x: hidden;}
}
.project-blanksection-inner {max-width: 920px;margin-left: auto;margin-right: auto;text-align: center;padding-top: 80px;padding-bottom: 120px;}