body{margin: 0;padding: 0}
*{box-sizing: border-box;font-family: sans-serif}
.container{padding: 0 15px;width: 100%;margin: 0 auto}
.row{margin-left: -15px;margin-right: -15px;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap}
.col-md-4, .col-md-12{padding: 0 15px}
p{margin: 0 0 10px;font-size: 14px;font-family: sans-serif;line-height: 160%;}
a{text-decoration: none;color: #022851;font-size: inherit;font-weight: 600;transition: 0.3s all ease-in-out}
a:hover{color: #fcc917}
ul{padding-left: 18px}
ul li{color: #333;line-height: 150%;font-size: 14px}
h2{font-weight: normal;text-transform: capitalize;border-bottom: 1px solid #022851;font-size: 24px;line-height: 1.1;padding-bottom: 7px;color: #022851;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: "Open Sans Semibold";}


header{position: fixed;z-index: 99;top: 0;left: 0;right: 0;background: #022851;box-shadow: 0px 0px 8px #000;}
.left-nav{border-bottom: 1px solid #888;display: flex;justify-content: flex-end;width: 100%;padding: 2px 10px;}
.left-nav > ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;flex-wrap: wrap;}
.left-nav > ul > li{padding: 5px;}
.left-nav > ul > li > a{transition: 0.2s color ease-in-out;color: #fff;font-size: 13px;padding: 5px;font-family: verdana, helvetica, "Helvetica Neue", sans-serif}
.left-nav > ul > li > a:hover, .left-nav > ul > li.active > a{color: #eeb111}
nav{padding: 5px 10px;width: 100%;display: flex;align-items: center;justify-content: flex-start;}
nav .brand-logo{max-width: 30%;padding: 10px;height: 75px;display: flex;align-items: center;justify-content: center;}
nav .brand-logo img, nav .brand-logo svg{max-width: 325px;max-height: 100%;width: auto;height: 60px;margin: 0;}
nav .brand-logo h1{margin-top:10px;}
ul.navbar{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
ul.navbar > li > a{transition: 0.2s color ease-in-out;color: #daaa00;padding: 15px 15px 5px;text-transform: capitalize;font-weight: bold;display: inline-block;font-size: 15px;}
ul.navbar > li > a:hover, ul.navbar > li.active > a{color: #fcc917;}
.wrapper{margin-top: 76px;}

.bannerImg{height: 400px;background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;position: relative;margin-bottom: 20px;}
.bannerOptions{position: absolute;left: 0;right: 0;max-width: 750px;margin: 0 auto;top: 50%;transform: translateY(-50%);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start}
.bannerOptions .icon{padding: 10px;width: 33.33%;height: 170px;display: table;}
.bannerOptions .icon .iconContent{background: rgba(0,0,0,0.5);padding: 15px;text-align: center;height: 100%;width: 100%;display: table-cell;vertical-align: middle;}
.iconImg{max-width: 50px;max-height: 50px;margin: 0 auto 10px}
.iconImg svg, .iconImg img{width: 100%;max-width: 100%}
.icon .iconContent a{margin-top: 10px;font-size: 20px;font-weight: bold;color: #fff;display: inline-block;width: 100%;text-transform: uppercase;}
.detailBlocks p{color: #333;}

ul.owl-carousel{list-style: none;margin: 25px 0 0;padding: 0;display: flex;position: relative;}
ul.owl-carousel li.item{padding: 0 15px}
.amazingcarouselAvatar img{width: 100%;height: 245px;}
.pl-prop-info h3{margin: 10px 0 10px 0;padding: 0 0 7px 0;width: 100%;color: #022851;font-family: "Open Sans Semibold";font-size: 18px;position: relative;line-height: 20px;}
.pl-prop-info ul.about-pl-property{list-style: none;margin: 10px 0;padding: 0;display: flex;align-items: flex-start;flex-wrap: wrap}
.pl-prop-info ul.about-pl-property li{width: 50%;margin: 5px 0}
.pl-prop-info ul.about-pl-property li p {display: flex;align-items: center;margin: 0;}
.pl-prop-info ul.about-pl-property li p i{width: 25px;height: 25px;margin-right: 10px}
.pl-prop-info ul.about-pl-property li p i svg{width: 100%;max-width: 100%;vertical-align: middle}
.pl-prop-info ul.about-pl-property li p i svg path{fill: #022851}
ul.owl-carousel .owl-buttons > div{position: absolute;height: 50px;width: 50px;top: 123px;margin-top: -25px;text-indent: -999em;background-repeat: no-repeat;background-position: center center;}
ul.owl-carousel .owl-buttons > div.owl-prev{left: 0;background-image: url("../images/owl-prev.svg");}
ul.owl-carousel .owl-buttons > div.owl-next{right: 0;background-image: url("../images/owl-next.svg");}
ol{padding-left: 17px;  font-family: sans-serif;  color: #333;  font-size: 14px;}



@media(min-width: 768px){
    .container{max-width: 750px}
    .col-md-4{width: 50%}
    .col-md-12{width: 100%}
    ul.navbar{margin-left: 10px}
    nav .brand-logo{padding-left: 0}
}
@media(min-width: 992px){
    .container{max-width: 950px}
    .col-md-4{width: 33.33%}
}
@media(min-width: 1200px){
    .container{max-width: 1170px}
}
@media(min-width: 1400px){
    .container{max-width: 1300px}
}
@media(min-width: 768px) and (max-width: 991px){
    nav .brand-logo{max-width: 35%;height: 80px}
    ul.navbar{margin-left: 0}
    nav .brand-logo img, nav .brand-logo svg{max-height: 45px;margin: 0;max-width: 100%}
    ul.navbar > li > a{padding: 8px;font-size: 14px}
}
@media(max-width: 767px){
    .col-md-4, .col-md-12{width: 100%}
    h2{font-size: 19px;margin: 10px 0}

    .burger-container {display: block;position: absolute;z-index: 99;right: 0px;top: calc(50% - 1.7em);display: inline-block;height: 3.13em;width: 3.13em;cursor: pointer;-webkit-transform: rotate(0deg);transform: rotate(0deg);transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}
    .burger-container #burger {width: 1.6em;height: 0.5em;position: relative;display: block;margin: -4px auto 0;top: 50%;}
    .burger-container #burger .bar.topBar {-webkit-transform: translateY(0px) rotate(0deg);transform: translateY(0px) rotate(0deg);}
    .burger-container #burger .bar {width: 100%;height: 2px;display: block;position: relative;background: #fff;transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition-delay: 0s;}
    .btmBar {top: 5px;}
    .burger-container.nav-active {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    .burger-container.nav-active #burger .bar.topBar {-webkit-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg);}
    .burger-container.nav-active #burger .bar {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition-delay: 0.2s;}
    .burger-container.nav-active #burger .bar.btmBar {top: 0;-webkit-transform: translateY(3px) rotate(-45deg);transform: translateY(3px) rotate(-45deg);}
    nav{flex-wrap: wrap}
    nav .brand-logo{width: 100%;max-width: 100%;display: flex;justify-content: space-between;align-items: center;position: relative;padding: 10px 0;height: 70px;}
    nav .brand-logo img, nav .brand-logo svg{max-width: 100%;max-height: 35px;}
    ul.navbar{width: 100%;flex-wrap: wrap;display: none}
    ul.navbar > li{width: 100%;text-align: center}
    .wrapper{margin-top: 80px}
    .bannerImg{height: 490px}
    .bannerOptions .icon{height: 150px}
    .bannerOptions .icon{width: 100%}
    .icon .iconContent a{font-size: 18px}
    ul.owl-carousel{margin-top: 15px}
    .pl-prop-info h3{margin: 5px 0}
    .pl-prop-info ul.about-pl-property{margin: 0}
    .pl-prop-info ul.about-pl-property li{margin:  2px 0}
}
ul.navbar > li {position: relative}
/*CSS for Resources dropdown*/
.navbar > li >ul.submenu {
    position: absolute;
    left: 323px;
    top: 50px;
    background: #fff;
    display: none;
    transition: 0.25s opacity linear;
    border: 1px solid #dedede;
    z-index: 999999;
    min-width: 180px;
    list-style: none;
    padding: 0;
    left:0
}
.navbar > li >ul.submenu>li>a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    max-width: 100%;
    min-width: 230px;
    font-family: "Open Sans Semibold";
    line-height: normal;
    font-weight: bolder;
    padding: 5px 10px;
    text-align: left;
    display: block;
}
.navbar > li:hover ul.submenu {
    display: block;
}
.navbar > li >ul.submenu>li>a:hover {
    background: #022851;
    color: #fff;
}
@media (max-width: 768px){
    .navbar > li >ul.submenu {
        display: none;
        width: 100%;
        top: 100%;
        position: relative;
    }
    .navbar > li:hover >ul.submenu {
        display: block;
        opacity: 1;
    }
}