@import url('https://fonts.googleapis.com/css?family=Roboto:400,900&display=swap');
:root {
    scrollbar-color: #999999!important;
    scrollbar-width: thin !important;
}

::-webkit-scrollbar {
    width: 8px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #999999;
}

::-moz-selection {
    background-color: #999999;
    color: #000;
}

::selection {
    background-color: #999999;
    color: #000;
}

-webkit-::-moz-selection {
    background-color: #999999;
    color: #000;
}

-webkit-::selection {
    background-color: #999999;
    color: #000;
}

::-moz-selection {
    background-color: #999999;
    color: #000;
}

/* =============== GLOBAL STYLES =============== */
a[href^=tel] { color: inherit; text-decoration: none; }
a,a:visited,a:focus,a:hover{text-decoration: none; outline:none;}
a.pop {
    border: 10px solid white;
    display: block;
}
a:active,button:active {outline: none; }
a:focus,button:focus {-moz-outline-style: none; }
button::-moz-focus-inner {border: 0; outline: none;}
h1,h2,h3,h5,h6,ul{ margin:0; font-weight:normal;}
::-webkit-input-placeholder {color: #FFF;}
:-moz-placeholder { /* Firefox 18- */ color: #FFF; }
::-moz-placeholder {  /* Firefox 19+ */ color: #FFF;}
:-ms-input-placeholder {color: #FFF;}
.ruler{ border-bottom: 1px solid #b2b2b2;}
p{ color: #454544; font-size: 17px; line-height: 23px;}
span { font-size: 14px; color: #717171; }
textarea{ resize:vertical;}
body{ font-family: 'latoregular'; position: relative;}
.font-0{font-size: 0}

a.sub-brands img {
    border-radius: 4px;
}

h4.testi-name{
    font-family: 'latobold';
    font-size: 16px;

}


header{ position: relative;}
.navbar{ background-color:#FFF; min-height: auto; margin-bottom: 0; border: 0;}
.navbar .container{ position: relative;}
.navbar-brand{ height: auto;}
.navbar-nav > li > a{ font-family: 'latoregular'; text-transform: uppercase;font-size: 14px; color: #4e4e4e; padding:15px 10px;}
.navbar-nav > li > a.actv{font-family: 'latobold'; background-color: transparent; color: #000;}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus{ background-color: transparent; color: #000;}
.navbar-nav > li:last-child a{ padding-right: 0;}
img.logo-sm{ display: none;}
.navbar-collapse{ margin-top: 65px;}
.navbar-right .dropdown-menu{ left: 0; right: auto; border-top:0; }
.navbar-right .dropdown-menu > li > a{ padding: 5px 20px;}
.navbar-right .dropdown-menu > li > a:hover{ background-color: #ffca08;}
.navbar-right .dropdown > a{ cursor:default;}
.dropdown:hover .dropdown-menu { display: block;}
#home .home, #projects .projects, #aboutus .aboutus, #services .services, #news .news,#testimonials .testimonials, #gallery .gallery, #career .career, #contact .contact{ font-family: 'latobold'; background-color: transparent; color: #000;}

.btn-warning{
  background-color: #f4c410;
    border-color: #f4c410;
    color:#000;
}

.bottom-button{
 margin: 0;
  position: absolute;
  top: 93%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

 @media only screen and (min-device-width: 320px) and (max-device-width: 600px){
      .bottom-button{
  top: 100%;

}
    }


.header-top-r{ position: absolute; right: 15px; top: 0; padding-top: 15px; }
.qkNum{ position: relative; padding-left: 13px; color: #2a2f35; float: left; margin-top: -5px;line-height: 39px;}
.qkNum::before{position: absolute !important; content: "\f10b"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; left: 0;  top: -4px; font-size: 20px; color: #f4c410;}
a.cs-log{position: relative; margin-left: 15px; cursor: pointer;}
a.cs-log:active{ box-shadow: none; margin-top: -13px;}
a.cs-log::before{position: absolute !important; content: "\f007"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; left: 10px;; color: #be980c;line-height: 39px;}
a.cs-log1{ color: #2a2f35; font-family: 'latobold'; font-size: 14px; display: block; background-color: #ffcb09; float: right; width: 125px; height: 52px; margin-top: -15px; box-shadow: 0 2px 0 #d0a60a; text-align: right; padding-right: 10px; padding-top: 5px;}
.cs-log2{ display: none;}

.cs-modal .modal-header,.cs-modal h4, .cs-modal .close { background-color: #f4c410;color:white !important; text-align: center; font-size: 30px; }
.cs-modal .close{ opacity: 1;}
.cs-msg{ height: 25px; padding-top: 5px; color: #af0b0b;}
#CustmrLoginForm .form-group .form-control{ font-family:sans-serif ;}

#banner-set{ position: relative;}
#banner{ width: 100%;}
#banner img{ display: inline-block;}
/* Banner */
.owl-item .item{position: relative;}
.owl-item .item .captions{
    position: absolute;
    left: 0; top:0; bottom: 0;  right:0; display: flex; align-items: center;
    max-width: 1140px; margin: auto;
    padding-left: 30px;
}
.owl-item .item .captions.right{justify-content: right;}
.owl-item .item .captions.offer_banner .offer-content{ position: relative; width: 100%;}
.owl-item .item .captions.offer_banner h2{width:100%; display: block;  font-family: 'Roboto', sans-serif; font-weight: 900; text-shadow: none; line-height: 1.1;}
.owl-item .item .captions.offer_banner h2 span{font-family: 'Roboto', sans-serif; font-weight: 900; display:block;}
.owl-item .item .captions.offer_banner h4{ font-size: 32px; border-top:1px solid #000;  border-bottom:1px solid #000; padding: 5px 0; display: inline-block; width: 100%; max-width:350px; }
.owl-item .item .captions.offer_banner h6{width:100%; display: block; font-size: 18px; padding-top: 25px;  font-family: 'Roboto', sans-serif; font-weight: 900; }
.owl-item .item .captions.offer_banner .q-contact{position: absolute; right:0; bottom: 0; text-align: right; max-width: 300px; padding-right: 30px;}
.owl-item .item .captions.offer_banner .q-contact .q-phone{padding:10px 0 10px 30px ; display:inline-block;  font-family: 'Roboto', sans-serif; font-weight: 900;  font-size: 18px;  background:url(../images/phone.svg) no-repeat left center; background-size: 24px auto;}
.owl-item .item .captions.offer_banner .q-contact .q-email{padding:0 0 0 22px ; display:inline-block; font-size: 14px;  background:url(../images/email.svg) no-repeat left center; background-size: 16px auto;}
.owl-item .item .captions.offer_banner .q-contact a{color:#000;}
.owl-item .item .captions h2{font-size:56px; line-height: 1.4; text-shadow:1px 1px 4px #fff;  }
.owl-item .item .captions.right{padding-right:30px;}
.owl-item .item .captions.right h2{padding-left: 0; }
.owl-item .item .captions h2 span{font-family: 'latolight';}

.owl-item .banner-01.item .captions{display:block; padding-left: 0;}
.owl-item .banner-01.item .image{ height: 100%; top:0; padding-right: 50px; width: auto; position: absolute; left:-150px;}
.owl-item .banner-01.item .image img{height: 100%; width: auto; max-width:none;  padding-top: 50px;}
.owl-item .banner-01.item .captions .content{ position: absolute; left:50%; top:0; bottom:0;  margin: auto auto auto 50px; display: flex; height: 100%; align-items: center;}
.owl-item .banner-09.item .captions .content{ position: absolute; left:33%; top:0; bottom:9%;  margin: auto auto auto 50px; display: flex; height: 100%; align-items: center;text-align: center;}

.owl-item .banner-01.item .captions .content h2{font-size: 72px; line-height: 1.2;}
.owl-item .banner-02.item .captions{display:block; padding-left: 0;}
.owl-item .banner-02.item .image{ height: 100%; top:0;  width: auto; position: absolute;right:50px; text-align: right;}
.owl-item .banner-02.item .image img{height: 100%; width: auto; max-width:none; }
.owl-item .banner-02.item .captions .content{ position: absolute; left:0; top:0; bottom:0;  margin: auto auto auto 50px; display: flex; height: 100%; align-items: center;}
.owl-item .banner-02.item .captions .content h2{font-size: 72px; line-height: 1.2; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.3); }
.owl-item .banner-03.item .captions{display:block; padding-left: 0;}
.owl-item .banner-03.item .image{ height: 100%; top:0;  width: auto; position: absolute;right:150px; text-align: right;}
.owl-item .banner-03.item .image img{height: 100%; width: auto; max-width:none; }
.owl-item .banner-03.item .captions .content{ position: absolute; left:0; top:0; bottom:0;  margin: auto auto auto 50px; display: flex; height: 100%; align-items: center;}
.owl-item .banner-03.item .captions .content h2{font-size: 72px; line-height: 1.2; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.9); }
.owl-item .banner-04.item .captions{display:block; padding-left: 0;}
.owl-item .banner-04.item .image{ height: 100%; top:0;  width: auto; position: absolute;right:150px; z-index: 1; text-align: right;}
.owl-item .banner-04.item .image img{height: 100%; width: auto; max-width:none; }
.owl-item .banner-04.item .captions .content{ position: absolute; left:0; top:0; bottom:0;  margin: auto auto auto 50px; display: flex; height: 100%; align-items: center; z-index: 2;}
.owl-item .banner-04.item .captions .content h2{font-size: 72px; line-height: 1.2; color:#212121; text-shadow:1px 1px 4px rgba(0,0,0,0.3); }

@media(max-width:1500px){
    .owl-item .banner-01.item  .image{left:0; }
    .owl-item .banner-04.item .captions{margin-left:50px; }
    .owl-item .banner-04.item .image{right:80px;}
}
@media(max-width:1199px){
    .owl-item .banner-01.item .image{left:50px; }
    .owl-item .banner-01.item .captions .content{margin-left: auto;}
    .owl-item .banner-01.item .image img{padding-top: 20px;}
    .owl-item .banner-01.item .captions .content h2{font-size: 56px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 56px;}
    .owl-item .banner-03.item .image{right:50px;}
    .owl-item .banner-03.item .captions{margin-left:100px; }
    .owl-item .banner-03.item .captions .content h2{font-size: 56px;}
    .owl-item .banner-04.item .captions{margin-left:100px; }
    .owl-item .banner-04.item .captions .content h2{font-size: 56px;}
    .owl-item .banner-04.item .captions{margin-left:30px; }
    .owl-item .banner-04.item .image{right:50px;}
}
@media(max-width:1023px){
    .owl-item .banner-01.item .captions .content h2{font-size: 46px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 46px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 46px;}
    .owl-item .banner-03.item .captions{margin-left:50px; }
    .owl-item .banner-04.item .captions .content h2{font-size: 46px;}   
}
@media(max-width:767px){
    .owl-item .banner-01.item .captions .content h2{font-size: 36px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 36px;}
    .owl-item .banner-02.item .image{right:20px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 36px;}
    .owl-item .banner-03.item .image{right:20px;}
    .owl-item .banner-04.item .captions .content h2{font-size: 36px;}   
}
@media(max-width:600px){
    .owl-item .banner-01.item .captions .content h2{font-size: 32px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 32px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 32px;}
    .owl-item .banner-04.item .captions .content h2{font-size: 32px;}
}
@media(max-width:480px){
    .owl-item .banner-01.item .captions .content h2{font-size: 26px;}
    .owl-item .banner-01.item .image{left:20px; }
    .owl-item .banner-02.item .captions .content h2{font-size: 26px;}
    .owl-item .banner-02.item .captions .content{margin-left: 20px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 26px;}
    .owl-item .banner-03.item .captions .content{margin-left: 20px;}
    .owl-item .banner-03.item .captions{margin-left:20px; }
    .owl-item .banner-04.item .captions .content h2{font-size: 22px;}
    .owl-item .banner-04.item .captions .content{margin-left: 20px;}
    .owl-item .banner-04.item .captions{margin-left:0px; }
}
@media(max-width:360px){
    .owl-item .banner-01.item .captions .content h2{font-size: 22px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 22px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 22px;}
    .owl-item .banner-04.item .captions .content h2{font-size: 18px;}
    .owl-item .banner-04.item .captions{margin-left:10px; }
    .owl-item .banner-04.item .image{right:20px;}
}
/* .owl-item .item .captions.right{justify-content: right;}
.owl-item .item .captions.offer_banner .offer-content{ position: relative; width: 100%;}
.owl-item .item .captions.offer_banner h2{width:100%; display: block;  font-family: 'Roboto', sans-serif; font-weight: 900; text-shadow: none; line-height: 1.1;}
.owl-item .item .captions.offer_banner h2 span{font-family: 'Roboto', sans-serif; font-weight: 900; display:block;}
.owl-item .item .captions.offer_banner h4{ font-size: 32px; border-top:1px solid #000;  border-bottom:1px solid #000; padding: 5px 0; display: inline-block; width: 100%; max-width:350px; }
.owl-item .item .captions.offer_banner h6{width:100%; display: block; font-size: 18px; padding-top: 25px;  font-family: 'Roboto', sans-serif; font-weight: 900; }
.owl-item .item .captions.offer_banner .q-contact{position: absolute; right:0; bottom: 0; text-align: right; max-width: 300px; padding-right: 30px;}
.owl-item .item .captions.offer_banner .q-contact .q-phone{padding:10px 0 10px 30px ; display:inline-block;  font-family: 'Roboto', sans-serif; font-weight: 900;  font-size: 18px;  background:url(../images/phone.svg) no-repeat left center; background-size: 24px auto;}
.owl-item .item .captions.offer_banner .q-contact .q-email{padding:0 0 0 22px ; display:inline-block; font-size: 14px;  background:url(../images/email.svg) no-repeat left center; background-size: 16px auto;}
.owl-item .item .captions.offer_banner .q-contact a{color:#000;}
.owl-item .item .captions h2{font-size:56px; line-height: 1.4; text-shadow:1px 1px 4px #fff;  }
.owl-item .item .captions.right{padding-right:30px;}
.owl-item .item .captions.right h2{padding-left: 0; }
.owl-item .item .captions h2 span{font-family: 'latolight';}

.owl-item .banner-01.item .captions{display:block; padding-left: 0;}
.owl-item .banner-01.item .image{ height: 100%; top:0; padding-right: 50px; width: auto; position: absolute; left:-150px;}
.owl-item .banner-01.item .image img{height: 100%; width: auto; margin-top: 50px;}
.owl-item .banner-01.item .captions .content{ position: absolute; left:50%; top:0; bottom:0;  margin: auto auto auto 50px; display: table;}
.owl-item .banner-01.item .captions .content h2{font-size: 72px; line-height: 1.2;}
.owl-item .banner-02.item .captions{display:block; padding-left: 0;}
.owl-item .banner-02.item .image{ height: 100%; top:0;  width: auto; position: absolute;right:50px;}
.owl-item .banner-02.item .image img{height: 100%; width: auto; }
.owl-item .banner-02.item .captions .content{ position: absolute; left:0; top:0; bottom:0;  margin: auto auto auto 50px; display: table;}
.owl-item .banner-02.item .captions .content h2{font-size: 72px; line-height: 1.2; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.3); }
.owl-item .banner-03.item .captions{display:block; padding-left: 0;}
.owl-item .banner-03.item .image{ height: 100%; top:0;  width: auto; position: absolute;right:150px;}
.owl-item .banner-03.item .image img{height: 100%; width: auto; }
.owl-item .banner-03.item .captions .content{ position: absolute; left:0; top:0; bottom:0;  margin: auto auto auto 50px; display: table;}
.owl-item .banner-03.item .captions .content h2{font-size: 72px; line-height: 1.2; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.9); }
.owl-item .banner-04.item .captions{display:block; padding-left: 0;}
.owl-item .banner-04.item .image{ height: 100%; top:0;  width: auto; position: absolute;right:150px; z-index: 1;}
.owl-item .banner-04.item .image img{height: 100%; width: auto; }
.owl-item .banner-04.item .captions .content{ position: absolute; left:0; top:0; bottom:0;  margin: auto auto auto 50px; display: table; z-index: 2;}
.owl-item .banner-04.item .captions .content h2{font-size: 72px; line-height: 1.2; color:#212121; text-shadow:1px 1px 4px rgba(0,0,0,0.3); }

@media(max-width:1500px){
    .owl-item .banner-01.item  .image{left:0; }
    .owl-item .banner-04.item .captions{margin-left:50px; }
    .owl-item .banner-04.item .image{right:80px;}
}
@media(max-width:1199px){
    .owl-item .banner-01.item .image{left:50px; }
    .owl-item .banner-01.item .captions .content{margin-left: auto;}
    .owl-item .banner-01.item .image img{margin-top: 20px;}
    .owl-item .banner-01.item .captions .content h2{font-size: 56px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 56px;}
    .owl-item .banner-03.item .image{right:50px;}
    .owl-item .banner-03.item .captions{margin-left:100px; }
    .owl-item .banner-03.item .captions .content h2{font-size: 56px;}
    .owl-item .banner-04.item .captions{margin-left:100px; }
    .owl-item .banner-04.item .captions .content h2{font-size: 56px;}
    .owl-item .banner-04.item .captions{margin-left:30px; }
    .owl-item .banner-04.item .image{right:50px;}
}
@media(max-width:1023px){
    .owl-item .banner-01.item .captions .content h2{font-size: 46px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 46px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 46px;}
    .owl-item .banner-03.item .captions{margin-left:50px; }
    .owl-item .banner-04.item .captions .content h2{font-size: 42px;}   
}
@media(max-width:767px){
    .owl-item .banner-01.item .captions .content h2{font-size: 36px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 36px;}
    .owl-item .banner-02.item .image{right:20px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 36px;}
    .owl-item .banner-03.item .image{right:20px;}
    .owl-item .banner-04.item .captions .content h2{font-size: 36px;}   
}
@media(max-width:600px){
    .owl-item .banner-01.item .captions .content h2{font-size: 32px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 32px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 32px;}
    .owl-item .banner-04.item .captions .content h2{font-size: 32px;}
}
@media(max-width:480px){
    .owl-item .banner-01.item .captions .content h2{font-size: 26px;}
    .owl-item .banner-01.item .image{left:20px; }
    .owl-item .banner-02.item .captions .content h2{font-size: 26px;}
    .owl-item .banner-02.item .captions .content{margin-left: 20px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 26px;}
    .owl-item .banner-03.item .captions .content{margin-left: 20px;}
    .owl-item .banner-03.item .captions{margin-left:20px; }
    .owl-item .banner-04.item .captions .content h2{font-size: 22px;}
    .owl-item .banner-04.item .captions .content{margin-left: 20px;}
    .owl-item .banner-04.item .captions{margin-left:0px; }
}
@media(max-width:360px){
    .owl-item .banner-01.item .captions .content h2{font-size: 22px;}
    .owl-item .banner-02.item .captions .content h2{font-size: 22px;}
    .owl-item .banner-03.item .captions .content h2{font-size: 22px;}
    .owl-item .banner-04.item .captions .content h2{font-size: 18px;}
    .owl-item .banner-04.item .captions{margin-left:10px; }
    .owl-item .banner-04.item .image{right:20px;}
} */

.hm-ongoing{ /*background-color: #eae9ec; */text-align: center; padding: 40px 0;}
.hm-ongoing h3{ font-family: 'latobold';}
.hm-ongoing .container{ position: relative;}
.hm-ongoing .container >.spele{ margin: 5px auto 30px auto;}
.hm-ongoing .container > span{ color: #2a2f35; font-size: 13px; display: inline-block;}
.hm-pro1{ padding-bottom: 60px;}
a.nav-control{ position: absolute; z-index: 10; cursor: pointer; top: 10px; padding-top: 0px; background-color: #FFF; border: 2px #c6c4c4 solid; width: 30px; height: 30px; border-radius: 50%;}
a.nav-control:hover{ background-color: #f4c410; border-color:#f4c410; }
a.nav-control:hover .fa{ color: #252525;}
a.nav-control .fa{ color: #8b8a8a; font-size: 26px;}
a.nav-control.nav-prev{ left: 15px;  padding-right: 2px;}
a.nav-control.nav-next{ right: 15px; padding-left: 2px;}

.project-box-in{ background-color: #eae9ec; /*box-shadow: 2px 2px 2px #d6d5d5;*/ margin-bottom: 10px;}
.project-box-img{ position: relative;}
.project-box-in > div.project-box-info{ padding: 15px; position: relative;}
.project-box-in h4{ font-size: 17px; font-family: 'latobold'; color: #2a2f35; margin-bottom: 5px;}
.project-box-in p{ font-size: 17px; line-height: 19px;}
a.project-box{ display: block; font-size: 12px; color: #252525; position: relative;}
.ylw-overlay{ position: absolute; background-color: #f4c410; opacity: 0; left: 50%; top: -15px; color: #FFF; text-align: center; font-size: 16px; padding-top: 18px; font-family: 'latobold';height:45px;width:90px;
     border-radius: 90px 90px 0 0;
     -moz-border-radius: 90px 90px 0 0;
     -webkit-border-radius: 90px 90px 0 0;
    
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-transition: all 400ms ease-out;
       -moz-transition: all 400ms ease-out;
         -o-transition: all 400ms ease-out;
            transition: all 400ms ease-out;
}
.blc-overlay{ position: absolute; width: 100%; height: 100%; top:0; left: 0; background-color: #2e2e2e; opacity: 0; 
	   -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	    -ms-transition:all 500ms ease;
	     -o-transition:all 500ms ease;
            transition:all 500ms ease;
}
.project-box:hover .ylw-overlay{ top: -22px; opacity:0.9;}
.project-box:hover .blc-overlay{ opacity: 0.5; top: 0;}

.hm-about{ text-align: center; padding: 40px 0 50px 0;}
.hm-about h2{ margin-bottom: 10px;  font-family: "latobold"; font-size: 30px;}
.hm-about-ruler{ border-bottom: 1px #f4c410 solid;}
.hm-about p{ margin-bottom: 20px;}
.hm-about a{ padding: 5px 20px; background-color: #f4c410; border-radius:40px; font-family: "latobold"; color: #FFF; text-transform: uppercase; font-size: 14px;  cursor: pointer;
-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	    -ms-transition:all 500ms ease;
	     -o-transition:all 500ms ease;
            transition:all 500ms ease;
}
.hm-about a:hover{ background-color: #252525; color: #f4c410;}

.dual-color{ position: relative; background-color: #ebebeb;}
.row.col-p0{ margin-left: 0; margin-right: 0;}
.row.col-p0 > [class*="col-"]{ padding: 0;}
.mt50{ margin-top: 50px !important;}
.mt30{margin-top: 30px !important;}
.p0 { padding: 0 !important;}
.bg50 { background-color: #f4c410;}
.testi-img{ float: left; margin-right: 20px;}
a.testi-item{color: #333;}
.testi-text{ padding: 15px 0;}
.testi-title{ color: #2a2f35; margin-bottom: 15px;}
.enq-outer{ max-width: 320px; margin-left: 60px; padding-top: 50px;}
.testi-ruler{border-top: 1px solid #bcbcbc; margin: 25px 0;}
.numBox{ height: 70px; border-left:3px solid #f4c410; padding-left: 20px; padding-top: 10px; font-size: 21px; font-family: 'latobold';}
.numBox span{ display: block; font-size: 13px; font-family: 'latoregular';}
.qukEnquiry .btn-enq{ background-color: #fff; border-radius: 20px; padding: 8px 25px; font-size:16px; outline: none; border: none;}
.enq-outer .form-control{ border: 0;}
.form-small{ display: none;}
.qukEnquiry{ position: relative;}
.qukEnquiry .form-group, .cs-changepass .form-group{ position: relative; margin-bottom: 23px;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.validation-msg{ position: absolute; color: #af0b0b; bottom: -20px; right: 0; margin: 0; font-size: 12px;z-index: 99999; }
#common_error, #common_error_resp, .error_contact{ position: absolute; color: #af0b0b; left: 100px; bottom: 10px; font-size: 14px;}
#loading_img_resp, #loading_img{ position: absolute; left: 100px; bottom: 0px;}

.adEnquiry{ /*background:url("../images/main-bg.png") repeat;*/ border: 1px solid #dcdcdc; padding: 30px;background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #0003; 
	/*position: absolute; top: 50%; 
	 -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);*/
}
.adEnquiry .solitaire-btn{background-color: #f4c410; border-radius: 20px; padding: 8px 25px; font-size: 16px; outline: none; border: none;}

.ns-section{ width: 100%; height: 265px; padding: 30px 0;  background-size: cover !important; }

.ns-section {
    background: url("../images/ns-bg.webp") no-repeat top center;
}
.no-webp .ns-section {
    background: url("../images/ns-bg.jpg") no-repeat top center;
}


.ns-section h3{ text-transform: uppercase; color: #f4c410; font-family: 'latobold'; font-size: 20px; border-left: 3px #f4c410 solid; border-right: 3px #f4c410 solid; display: inline-block; padding: 0 30px;}
.ns-section p{ text-transform: uppercase; font-size: 16px; color: #FFF; font-family: 'latolight'; margin: 20px 0;}
.nslForm .form-group .input-group{position: relative;}
.nslForm .validation-msg{color: #fff; font-size: 12px; bottom: -40px;}
.btn-ylw{ background-color: #f4c410;}




	footer .widget {
    margin-bottom: 20px;
}ul {
    padding: 0;
    margin: 0;
}.contact-info-bx li {
    padding-bottom: 1px;
    position: relative;
    padding-left: 9px;
    padding-top: 2px;
}footer ul li a {
    font-size: 14px;
    text-transform: none;
    color: #4e4e4e;
    padding: 5px;
    font-size: 12px;
    line-height: 1.7em;
}
li {
    list-style: none;
}.contact-info-bx i {
    width: auto;
    height: 22px;
    color: #000;
    line-height: 26px;
    text-align: center;
    border-radius: 30px;
    margin-right: 5px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
}.contact-info-bx li strong {
    font-weight: 400;
}

footer strong {
    color: #000;
}
footer ul {
    list-style-type: none;
    text-align: left;
    margin-top: 10px;
}
footer ul li {
   display: block;
}footer ul li:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 300;
    padding-right: 12px;
    transition: .15s;
}
footer .widget hr {
    border-top:1px dashed rgb(0 0 0 / 20%)
}
footer p {
   
   
    text-align: left;
   
    text-transform: none;
    color: #4e4e4e;
    padding: 5px;
    font-size: 13px;
    line-height: 1.7em;
}.footer-title{
        font-size: 18px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}.social a:hover {
    background-color: #f4c410;
    color: #fff;
    text-align: center;
}
.social a{
    font-size: 19px;
        width: 35px;
    height: 35px; text-align: center;
  
    margin: 0px 5px;
    background-color: #eee
}.social{
    text-align: right;
}
.bl-popup {
      width: 300px;
    position: fixed;
    bottom: 100%;
    left: 0px;
    border-radius: 0px;
    background: #a62f37;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
    z-index: 100;
}
.bl-popup i {
    position: absolute;
    font-size: 37px;
    top: 2px;
    right: 10px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.scale-in-bl {
    -webkit-animation: scale-in-bl 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: scale-in-bl 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            bottom: 0;
            transition: bottom 1s 3s 
}
@-webkit-keyframes scale-in-bl {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin:  100% 0%;
            transform-origin:  100% 0%;
    opacity: 1;
   
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  
  }
}
@keyframes scale-in-bl {
 0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin:  100% 0%;
            transform-origin:  100% 0%;
    opacity: 1;
  
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
   
  }
}
.scale-out-bl {
    -webkit-animation: scale-out-bl 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: scale-out-bl 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          
}
@-webkit-keyframes scale-out-bl {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-out-bl {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@media only screen and (max-width: 600px) {
  .bl-popup {
       width: 222px;
  }
  .bl-popup h2{
      font-size: 16px;
  }
  .bl-popup h3{
    font-size: 14px;
}
}


footer{ padding-top: 50px; padding-bottom: 30px;}
footer .ruler{ margin: 50px 0 30px 0;}
/*.social{ text-align: center;}*/
.social a{ display: inline-block; font-size: 13px; color:#f4c410; width: 23px; height: 23px; padding-top: 3px; border-radius: 50%;
    -webkit-transition: all 300ms ease-in;
       -moz-transition: all 300ms ease-in;
         -o-transition: all 300ms ease-in;
            transition: all 300ms ease-in;
}
.social a:hover{ background-color: #f4c410; color: #FFF;}
footer ul{ list-style-type: none;  margin-top: 10px;}
/*  footer ul li{ display: inline;}
footer ul li a{ font-size: 14px; text-transform: uppercase; color: #4e4e4e; padding: 5px;}*/
footer ul li a:hover{ color: #000;}
footer p{margin-top: 10px; color: #7f7e7e;}
footer p a{color: #7f7e7e;}
footer p a:hover{color: #f4c410;}
a.sub-brands img{ display: block; margin: 0 auto;}

.footer-round{display: block;}
.footer-full-width{display: none;width: 100%;height: 100%;}
#myBtn {display: block; opacity: 0;position: fixed;bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; color: white; cursor: pointer;  padding: 15px;  border-radius: 10px;
   -moz-transition:all 800ms ease;
-webkit-transition:all 800ms ease;
    -ms-transition:all 800ms ease;
     -o-transition:all 800ms ease;
        transition:all 800ms ease;
}


/*========= POPUP BOX =========*/
.popup-close{ position: absolute;  right: 10px; top: 10px; opacity: 1; background: url("../images/close-icon-red.png") !important; width: 31px; height: 31px;  text-align: center; z-index: 100;}
/*.popup-close .fa{ color: #444444;}*/
.popup-close:hover{ opacity: 1;}
.pop-up .modal-content{ border-radius: 0;}
.pop-up.modal { text-align: center; padding: 0!important;}
.pop-up.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.pop-up .modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}
.pop-up .modal-body{ padding: 0;}
#home-popup{ background-color: #fff;}
.popupform{ padding: 30px;}
.popupform h3{ margin-bottom: 30px;}
.emsg{ color: red; font-size: 11px;}

/* =============== ABOUT US =============== */
.inner-banner{ width: 100%; height: 110px; background:url('../images/escheresque-yellow.png') repeat fixed;}
.inner-banner h1{ font-family: 'latobold'; font-size: 40px; text-align: center; text-transform: uppercase; line-height: 110px; color: #6b5a1b;}
.inner-head{ font-family: 'latosemibold'; color: #000; font-size: 34px; text-transform: uppercase; margin-top: 50px; margin-bottom: 30px;}
.abt-left img{ margin-bottom: 15px;}
.abt-left span{ color: #818181; font-size: 14px; font-style: italic; text-align: center; display: inline-block;}
.abt-right{ position: relative; padding-left: 25px;}
.abt-right p{ font-size: 16px;}
.abt-right p span{ font-size: 24px; font-family: 'latolight'; line-height: 30px;}
.abt-right::before{ position: absolute; content: ""; height: 158px; width: 1px; top: 16px; left: 0; background: url("../images/dashed.jpg") repeat-y ;}
.full-bg{ width: 100%; height: 300px; background: url('../images/View_Black.jpg')  no-repeat top center; margin-top: 40px; margin-bottom: 40px;}
.full-bg h4{ text-align: right; color: #fff; font-size: 26px; font-family: 'latolight';  margin-top: 120px; position: relative; padding-right: 30px;}
.full-bg h4::after{ position: absolute; content: ''; height: 132px; width: 1px; top: 50%; right: 0; background: url("../images/dashed.jpg") repeat-y ;
    -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
.our-strength{ margin-top: 100px;}
.full-bg h3{ color: #f9c609;}
.full-bg h3 span{ font-size: 36px;}
.inner-head2{ font-size: 24px; color: #000;}
.sub-head{ font-size: 20px; color: #000; position: relative; padding-left: 35px;}
.sub-head::before{ position: absolute; content: "\f054"; width: 26px; height: 26px;  background-color: #ffa506; left: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #FFF; text-align: center; padding-top: 5px; font-size: 14px;}
.manage p{ color: #454544; font-size: 16px; margin-top: 10px;}
.manage .sub-head{ margin-top: 20px;}
.manage a{ text-transform: uppercase; color: #ffa506; font-family: 'latobold'; font-size: 16px;}
.testi-vid img{ margin-top: 20px;}
.achivement{ margin-bottom: 50px;}
.achivement .ruler{ margin: 30px 0;}
.achivement img{ margin: 0 auto; display: block;}
.achivement h2{ text-transform: uppercase; color: #454544; font-family: 'latobold'; font-size: 24px; text-align: center; margin-top: 10px; margin-bottom: 15px;}
.achivement p{ text-align: center; margin-bottom: 50px;}


/* =============== PROJECT MAIN PAGE =============== */
.inner-banner-pro{ margin-bottom: 35px;}
.inner-banner-pro h1{ font-size: 35px; text-align: left; font-family: 'latomedium'; color: #fff; text-shadow: 2px 1px 1px #907203;}
.inner-banner-pro .container { position: relative;}
.inner-banner-pro .container img{ position: absolute; top: 0; right: 0;}
h1.inner-pagehead { font-size: 40px; font-family: 'latolight'; color: #000; padding-bottom: 10px; margin-bottom: 15px; position: relative;}
h1.inner-pagehead::before{ position: absolute; content: ""; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #f4c410;}
.elevation{ position: relative; padding: 13px; border: 2px #dcdcdc solid;}
.elevation > a{ position: absolute; display: block; width: 255px; height: 50px; background-color: #f4c410; border-radius:40px; z-index: 500; bottom: -20px; left: 50%; text-align: center; box-shadow: 0 2px 0 #c49d0a; cursor: pointer;
    -ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
        transform: translateX(-50%);
}
.elevation > a:active{ box-shadow:none; bottom: -22px;}
.elevation > a h5{ color: #4c4320;  font-size: 18px; font-family: 'latobold'; text-transform: uppercase; line-height: 50px; position: relative; padding-left: 33px;}
.elevation > a h5::before{ position: absolute; content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: normal; width: 33px; height: 33px; background-color: #FFF; border-radius: 50%; text-align: center; line-height: 33px; top: 50%; left: 20px;
     -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.elevation-top{ margin-bottom: 40px; margin-top:30px; display: none;}
.project-overview{ padding-top: 30px; }
.project-overview h5{ font-size: 20px;font-family: 'latomedium'; position: relative; padding-bottom: 10px; margin-bottom: 15px;}
.project-overview h5::before{ position: absolute; content: ""; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #f4c410;}
.project-overview .row div{ font-size: 14px; padding-top: 5px;}
.project-overview .row div span{ padding-right: 5px;}
a.walk{ display: block; width: 176px; height: 52px; margin-top: 20px; cursor: pointer;background: url('../images/walkBtn.png') top no-repeat;}
a.walk:active{ background-position: bottom;}

a.triton-video{ display: block; width: 176px; height: 52px; margin-top: 20px; cursor: pointer;background: url('../images/TRITON-VIDEO.png') top no-repeat;}
a.triton-video:active{ background-position: bottom;}

a.downtown-video{ display: block; width: 176px; height: 52px; margin-top: 20px; cursor: pointer;background: url('../images/down-town.png') top no-repeat;}
a.downtown-video:active{ background-position: bottom;}

a.soe-video{ display: block;width:174px;height: 52px;margin-top: 20px; cursor: pointer;background: url('../images/seo.png') top no-repeat;border-radius: 8px;box-shadow: rgba(0, 0, 0, .2) 0 3px 1px -2px, rgba(0, 0, 0, .14) 0 2px 2px 0, rgba(0, 0, 0, .12) 0 1px 5px 0;background-color:#2d355a;}
a.soe-video:active{ background-position: bottom;}

.accordion{ overflow: hidden; margin-top: 30px;}
.accordion-section-content {display:none; padding: 15px;  }
.accordion-section-content p{ color: #717171; font-size: 14px;}
.accordion-section-title{display: block; color: #323232; font-size: 18px; position: relative; padding: 10px 15px 10px 50px;border-bottom: 2px #e2e2e2 solid; font-family: 'latomedium'; font-size: 18px;}
.accordion-section-title:hover, .accordion-section-title.active:hover{background-color: #f4c410;color: #323232;}
.accordion-section-title:focus{color: #323232;}
.accordion-section-title:before{font-family:'FontAwesome'; content: "\f055"; font-size: 20px; position: absolute; left: 15px; color: #b3b3b3; padding-right: 10px;}
.accordion-section-title.active{background-color: #e2e2e2;}
.accordion-section-title.active:before{content: "\f056";}
.accordion-section-title:hover:before{ color: #FFF;}
.accordion-section-content ul{ margin-left: 0; padding: 0;}
.accordion-section-content ul li{ list-style-type: none; color: #717171; font-size: 14px; position: relative; padding:5px 0 5px 20px;}
.accordion-section-content ul li::before{ position: absolute; content: "\f061"; font-family:'FontAwesome'; color: #f4c410; left: 0;}
#spec span{ position: relative; padding-left: 15px; margin-top: 15px; display: inline-block;}
#spec span::before{position: absolute; content: "\f069"; font-family:'FontAwesome'; color: #b30404; left: 0; font-size: 12px; }
.accordion-section-content a{ display: block; text-align: center; border:2px #e2e2e2 solid; padding: 5px; margin-bottom: 10px;}
.accordion-section-content a span{ padding: 5px; color: #717171; font-size: 13px;}
#status .thumb-box{ width: 157px; height: 152px;}
#status button{padding: 5px 20px; color: #252525; background-color: #f4c410; font-family: "latobold"; border-radius: 40px;}

#avail-box{ position: relative;height: 100%; }
#avail-box img{ position: absolute; top: 18px; left: 50%;
-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
#avail-box h3{ position: absolute; bottom: 0; height: 35px; width: 300px; background-color: #1a1a1a; color: #f4c410; font-size: 16px; left: 50%; border-radius: 20px; text-align: center;  font-family: 'latomedium'; line-height: 35px;
        -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
#avail-box h3 span{ text-transform: uppercase;}
.avail-head{ position: relative; width: 100%; height: 100px;}
#available .center-line{ width: 8px; top: 0; height: 100%; position: absolute; left: 50%; background: url("../images/avail-mid.jpg") repeat-y top center; z-index: 100; 
        -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
#available{ position: relative;}
#available .floor{ position: relative; height: 80px; border-bottom: 1px #333333 solid;}
#available .floor-left{ width: 100%; height: 78px; position: relative;}
#available .floor-right{ width: 100%; height: 78px; position: relative;}
.flat{ width: 150px; height: 8px; background-color: #f4c410; position: absolute; top: 50px; right: 0; border: 0 !important;}
.flat span{ width: 35px; height: 35px; display: block; background-color:#f4c410; color: #4c4320 !important; position: absolute; left: -1px; top: 50%; border-radius: 50%; text-align: center; line-height: 29px;  
        -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.flat-s{ top: 20px; width: 100px;}
.floor-right .flat{ left: 0; }
.floor-right .flat span{ right: -1px; left: auto;}
.nopadding{padding: 0 !important;  margin: 0 !important;}
.booked.flat,.booked.flat span,.booked .flat, .booked .flat span, .booked.duplex-inner::after{ background-color: #939598; color: #3b3b3b !important;}
.floor-number{ position: absolute; left: 0; top: 0; font-size: 18px;  font-family: 'latobold'; top: 50%;
        -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.floor-in h4{ position: absolute; right: 20px; bottom: 15px;}
.floor-right h4{ right: auto; left: 20px;}
.duplex{ width: 100px; height: 86px; position: absolute; right: 0; top: 36px;}
.duplex-left{ right: 0;}
.duplex-inner{ position: relative; height: 86px; border: 0 !important;}
.duplex-inner::after{ position: absolute; content: ""; width: 8px; height: 60px; right: 4px; top: 13px; background-color: #f4c410;}
.duplext-top{ top: 13px;}
.duplext-btm{ bottom: 3px; top: auto; z-index: 5;}
.duplex-right{ right: auto; left: 0;}
.duplex-right .duplex-inner::after{ left: 4px; right: auto;}
.ground-floor{ position: relative; height: 80px;}
.g-circle{ width: 40px; height: 40px; position: absolute; background-color: #333333; bottom: -2px; left: 50%; z-index: 500; border-radius: 50%;
        -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
#available.chart-lavender .duplex{ top: 87px;}
#available.chart-lavender .floor-left{ height: auto;}
#available.chart-lavender .floor-right{height: auto;}
#available.chart-lavender .flat-top{top:16px;}
#available.chart-lavender .flat-bottom{top:100px;}
#available.chart-lavender .flat-m{ top:57px;}
#available .lavender-floor{ height: 135px;}

#project-gmap-outer{padding: 13px; border: 2px #dcdcdc solid;margin-top: 50px;}
#project-gmap{ position: relative; min-height: 317px;  }

a.other-projects{ display: block; background-color: #ececec; height: 120px; padding:30px 10px; border-radius: 10px; margin-top: 50px; box-shadow: 1px 2px 0 #cfcfcf; color: #545353; font-family: 'latomedium';}
a.other-projects img{ margin: 0 auto; display: block;}
a.other-projects span{ line-height: 60px; position: relative; padding-right: 15px; font-size: 16px;}
a.other-projects span::after{ position: absolute; content: "\f101"; font-family:'FontAwesome'; right: 0;}
#pro-enq .btn-enq{ background-color:#f4c410;}
#pro-enq{ position: relative;}
#pro-enq .errmsg{ position: absolute; left: 70px; bottom: -4px; color: red;}
#pro-enq .form-group{ position: relative; margin-bottom: 20px;}

#spec h5{ color: #282828; text-transform: uppercase; font-size: 15px; font-family: 'latosemibold'; margin-top: 15px;}

/* =============== SERVICES =============== */
.inner-banner-others{ margin-bottom: 30px;}
.inner-desc{ margin-bottom: 30px;}
.inner-banner-others h1{text-align: center; font-size: 35px; font-family: 'latomedium'; color: #fff; text-shadow: 2px 1px 1px #907203; }
a.services-list{ display: block; margin-bottom: 30px;}
a.services-list h4{ color: #454544; font-family: 'latobold'; margin-bottom: 10px;}
a.services-list p{ line-height: 21px;}
.serv-content{ border: .45px #f3f3f3 solid; padding:15px 20px; height: 210px; border-top: none; box-shadow: #e6e6e6 0 10px 20px -10px;border-radius: 1.5rem;}
.center {
 box-shadow: 0px 1px 2px rgba(166, 175, 195, 0.25);
  border: 0 solid #e2e8f0;
  border-radius: 1.5rem;
  box-sizing: border-box;
  color: #0d172a;
  cursor: pointer;
  display: inline-block;
  padding:23px;
}
.serv-content span{ color:#e4b504 ;font-family: 'latosemibold'; }
.serv-content span .fa{ padding-left: 5px;}
a.services-list:hover{
    box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07);
       -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	    -ms-transition:all 500ms ease;
	     -o-transition:all 500ms ease;
            transition:all 500ms ease;
}

.options{ padding: 30px; height: 620px; background-color: #f0f0f0; border-radius:10px; margin: 30px 0 40px 0; box-shadow: 1px 2px 0 #cfcfcf;}
.options h4{ font-family: 'latosemibold'; font-size: 18px; color: #3e3e3e; margin-bottom: 15px;}
.options > ul{ list-style-type: none; padding: 0;}
.options > ul > li{ list-style-type: none; color: #717171; font-size: 14px; position: relative; padding:5px 0 5px 20px;}
.options > ul > li::before{ position: absolute; content: "\f061"; font-family:'FontAwesome'; color: #f4c410; left: 0;}
.options p{color: #717171; font-size: 14px;}
.option-B{ position: relative;}
.option-B h5{ position: absolute; left: 30px; font-family: 'latosemibold'; font-size: 18px;}
.option-B ul, .option-B p{ margin-left: 30px;}

/* =============== NEWS PAGE =============== */
a.news-box{ height: 390px; position: relative; border: 1px #dcdcdc solid; display: block; text-align: left; margin-bottom: 30px; }
.news-content{ padding: 15px 15px 30px 15px;}
.news-content h4, #newsModal h4{ font-family: 'latomedium'; font-size: 18px; color: #3e3e3c; margin-bottom: 10px;}
.news-content p{ line-height: 20px; font-size: 13px;}
.news-content span{ color: #6d6c6c; position: absolute; bottom: 0; left: 50px; background-color: #dedede; padding: 1px 5px 3px 5px;
    -webkit-transform: translate(-50%,0);
       -moz-transform: translate(-50%,0);
         -o-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
}
.newsdate{ height: 60px; width: 60px; background-color: #f4c410; opacity: 0.9; position: absolute; top: 0; right: 0; padding-top: 8px; text-align: center;}
.newsdate h5{ font-size: 24px; color: #FFF;}
.newsdate p{ color: #FFF; }
a.news-box img{ max-height: 492px;}
a.news-box:hover{box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07);
       -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	    -ms-transition:all 500ms ease;
	     -o-transition:all 500ms ease;
            transition:all 500ms ease;}
.news-reamore img{ margin-bottom: 15px;}
#newsModal .close span{ font-size: 31px;}

/* =============== GALLERY =============== */
a.galbox{ display: block; border-bottom: 4px #f4c410 solid; margin-bottom: 30px; position: relative; width:263px; height: 219px;}
a.interior-thumb{ height: 198px; margin-bottom: 40px;}
a.interior-thumb h4{ margin-top: 10px; color: #252525; font-size: 15px;}
.gal-overlay{ position: absolute; width: 100%; height: 100%; background:url("../images/opac-50.png") repeat; opacity: 0; top: -20px;
-webkit-transition: all 300ms ease-in;
       -moz-transition: all 300ms ease-in;
         -o-transition: all 300ms ease-in;
            transition: all 300ms ease-in;
}
.gal-overlay::after{ position: absolute; content: "\f065"; font-size: 22px; line-height: 50px; text-align: center; font-family:'FontAwesome'; color: #FFF; width: 50px; height: 50px;  border-radius: 50%; background-color: #f4c410; top: 50%; left: 50%; opacity: 0;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%); 
    
     -webkit-transition: all 300ms ease-in;
       -moz-transition: all 300ms ease-in;
         -o-transition: all 300ms ease-in;
            transition: all 300ms ease-in;
}
a.galbox:hover .gal-overlay{top: 0; opacity: 1;}
a.galbox:hover .gal-overlay::after{ opacity: 1;}
.vidbox .gal-overlay::after{ content: "\f04b";}

/* =============== CAREER =============== */
.admin-details{ margin-bottom: 30px;}
.admin-details h5{ font-size: 20px;font-family: 'latomedium'; position: relative; padding-bottom: 10px; margin: 15px 0;}
.admin-details h5::before{ position: absolute; content: ""; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #f4c410;}
.admin-details .row div span{ padding-right: 5px;}

/* =============== CONTACT =============== */
#gmap{ width: 100%; height: 350px;}
#gmap2{ width: 100%; height: 350px; margin-bottom: 30px;}
.contInfo{ margin-bottom: 50px;}
.contInfo h5{font-size: 40px;font-family: 'latolight'; position: relative; padding-bottom: 10px; margin-bottom: 15px; color: #000;}
.contInfo h5::before{ position: absolute; content: ""; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #f4c410;}
.contInfo h6{ font-size: 18px; position: relative; padding-left: 20px; margin-bottom: 5px;}
.contInfo h6::before{ content: "\f152"; position: absolute; left: 0; font-family:'FontAwesome';}
.contInfo .ruler{ margin: 25px 0;}
.feedBck{  margin-bottom: 30px;}
.feedBck .btn-enq{ background-color:#f4c410 ; border-radius: 20px; padding: 8px 25px; font-size:16px; outline: none; border: none;}
.hidden-oth{ display: none;}
.sales-pop, .sales-pop:hover{ color: #454544; cursor: pointer;}

.ongoing-panel{ border: 2px #dcdcdc solid; display: block; margin-bottom: 40px;background-color: #eae9ec; position: relative;}
.ongoing-panel img{ margin: 0 auto;}
.ongoing-info{ position: relative; text-align: center; height: 100px; padding-top: 50px; }
.ongoing-info img{ position: absolute; top: -30px; left: 50%;
        -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.ongoing-img{ position: relative;}
.ongoing-panel:hover .blc-overlay{ opacity: 0.5; top: 0;}
.ongoing-img span{ position: absolute; color: #FFF; top: 40%; opacity: 0; left: 50%; border: 2px #FFF solid; padding:5px 20px;
        -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 300ms ease-in;
       -moz-transition: all 300ms ease-in;
         -o-transition: all 300ms ease-in;
            transition: all 300ms ease-in;
}
.ongoing-panel:hover > .ongoing-img >span{ top: 50%; opacity: 1;}
.ongoing-panel .ongoing-info > span.status-now{ position: absolute; font-size: 15px; color: #252525; left: 50%; bottom: -25px;
        -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}


.completed-panel{ margin-bottom: 30px; position: relative; }
.completed-info { height: 90px;  padding: 10px;  width: 100%; text-align: center; background:#eae9ec;}
.completed-info h5{ font-size: 18px; font-family: 'latosemibold'; margin-bottom: 8px;}
.completed-info p{ line-height: 18px;}
.upcoming-info{ height: 110px;}
.upcoming-info span{ font-size: 11px; color: #343434;}
.contact_form .form-group{ position: relative; margin-bottom: 25px; }
.error_contact{ bottom: 40px; left: 120px;}

/* =============== RESALE =============== */
/*.hidetable{display:none;}
.hide-project{display:none;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color:#fff;}
.table-striped>thead>tr>th{padding: 15px 10px 15px 10px; background: #e9e9e9;font-size: 15px;width:22%;}
.table-striped>tbody>tr>td{padding: 15px 10px 15px 10px;}
.bttn-link{background-color: #f4c410;border:1px solid #fff;}
.bttn-link:hover,.bttn-link:focus{background-color:#ddd;border:1px solid #fff;}
.viewimage{color: #eba708;font-weight: bold;font-size:12px;text-transform: uppercase;cursor: pointer;line-height: 25px;}
.fancybox-text{text-decoration:none;color: #717171;}
.fancybox-text:hover,.fancybox-text:focus{text-decoration:none;color: #717171;}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 15px 15px;width:22%;}
.table-condensed{margin:15px 0px;}*/
.serv-table{ margin-bottom: 30px;}
.serv-table thead{ background-color: #e9e9e9;}
.serv-table thead tr th{ font-size: 14px; font-family: 'latosemibold'; padding: 15px;}
.proname h5{ font-family: 'latosemibold'; font-size: 18px;}
.serv-table tbody tr td{ padding:15px 10px;}
.proname a{ color: #454544;}
.proname p{ margin-bottom: 0;}
.srv-viewimg{ color: #f4c410; position: relative; padding-left: 15px; font-family: 'latosemibold';  font-size: 14px;}
.srv-viewimg::before{ position: absolute; left:0; content: "\f1c5"; font-family:'FontAwesome'; }
.srv-enquiry{ padding:8px 10px; background-color: #f4c410; color: #694d0b; border-radius: 5px;}
.rentForm .btn-enq{background-color: #f4c410; }
.rentForm .form-group{ position: relative; margin-bottom: 25px;}

/* =============== INTERIORS =============== */
.interiors{ margin-bottom: 40px;}
.interiors p{ line-height: 26px;}
.interiors p span{ font-size: 20px; font-family: 'latolight';}

/* =============== TESTIMONIAL =============== */
.testi-wrap{ padding-top: 50px;}
.testinBox{ position: relative; border: 2px #dcdcdc solid; padding: 20px; margin-bottom: 60px; text-align: center; flex: auto; }
.testinImg{ position: absolute; top: -30px; left: 50%; padding: 5px; border: 2px #eee solid; background-color: #FFF;
        -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.testinImg img{ width: 120px; height: 100px;}
.testinBox p{ padding-top: 75px;}
.testinBox h5{ color: #000; text-transform: uppercase; margin-bottom: 10px;}
.testinBox:hover{box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07);
       -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	    -ms-transition:all 500ms ease;
	     -o-transition:all 500ms ease;
            transition:all 500ms ease;}
.testinBox span{ font-size: 16px; color: #000;}
#load_more{ background-color: #f4c410; color: #252525; margin-bottom: 25px; position: relative; padding:10px 15px 10px 30px; text-align: center;}
#load_more::before{ content: "\f067"; font-family:'FontAwesome'; position: absolute; font-size: 18px; left: 10px;}

/* =============== CUSTOMER PAGE =============== */
.customer-top{ padding: 20px 0;}
.cslogo{ float: left;}
.cstop-right{ float: right; margin-top: 15px;}
.cs-profile{ background-color: #e4e4e3; height: 190px; border-radius: 10px; padding: 30px; margin-bottom: 30px;}
.cs-profile img{ margin-right: 15px;}
.cs-mob, .cs-eml{ position: relative; padding-left: 20px;}
.cs-mob::before{ content: "\f095"; position: absolute; left: 0; font-family:'FontAwesome';} 
.cs-eml::before{ content: "\f0e0"; position: absolute; left: 0; font-family:'FontAwesome';}
.cs-project span{ padding: 0 10px;}
.cs-rightbtn{ display: block; border: 2px #f4c410 solid; padding:15px 5px; border-radius: 40px; color: #daad03; font-family: 'latosemibold'; font-size: 18px; position: relative; padding-left: 60px; text-transform: uppercase; margin-bottom: 20px;}
.cs-rightbtn::before{ content: "\f101"; position: absolute; left: 30px; font-size: 20px; font-family:'FontAwesome'; color: #383838;}
.cs-rightbtn:hover{ background-color: #f4c410; color: #FFF;}
ul.pro-status{ list-style-type: none; padding: 0;}
ul.pro-status li{ color: #343434; position: relative; padding-left: 30px; margin-bottom: 10px;}
ul.pro-status li::before{ content: "\f061"; position: absolute; left: 0; font-family:'FontAwesome'; color: #f4c410;}
.progres{ font-family: 'latosemibold'; font-size: 16px;  margin: 15px 0;}
.status-gal{ margin-top: 30px; padding-top: 30px; border-top:1px solid #b2b2b2;}
.status-gal h3{ margin-bottom: 20px;}

.holder {margin: 15px 0 30px 0;}
.holder a {font-size: 14px; cursor: pointer; margin: 0 5px; color: #333; display:inline-block; padding: 5px 10px;}
.holder a:hover { background-color: #222; color: #fff;}
.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }
.holder a.jp-current, a.jp-current:hover { color: #FF4242; font-weight: bold;}
.holder a.jp-disabled, a.jp-disabled:hover {color: #bbb;}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {cursor: default; background: none;}
.holder span { margin: 0 5px; }

.thankyou{ text-align: center; margin-bottom: 25px;}
.thankyou h1.inner-pagehead::before{ left: 50%;
        -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.policy h4{ margin-top: 25px; margin-bottom: 5px;}
#myFeedback .form-group{position: relative;}

.h3_title{font-family: 'latobold';
    font-size: 24px;}


/* =============== Sitemap =============== */
    div.section { border-left:#ccc solid 4px; margin:8px 0; }
    div.section div { padding:4px 0; margin:8px 0; }
    div.section div:before, div.section p:before {content:"\2014\2014"; color:#ccc; font-weight:normal; letter-spacing:0; }
    div.section p:before {content: "\2014"; }
    div.section a { display:inline-block; border:#ccc solid 1px; padding:6px 12px; border-radius:5px; max-width:80%; }			
    div.section p { font-weight:bold; }
    div.PageBreak { margin-top:16px; }
    div.PageBreak span { font-weight:bold; }
    div.footerinfo { margin-top:16px; color:#666; font-size:12px; text-align:right; }
    div.footerinfo * { font-size:12px; }
/* =============== MEDIA QUERIES =============== */

@media(min-width: 992px){
    .section-caption-sm{ position: absolute; top: 50%;left: 0; width: 100%; height: 100%; 
        -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    }
}
@media(min-width: 768px){
    .p0{ padding-left: 15px !important; padding-right: 15px  !important; margin-left: auto; margin-right: auto;}
}

@media (min-width: 991px) and (max-width: 1199px) {
    .numBox{ font-size: 16px;}
    a.other-projects{ padding:30px 20px;}
}
@media (max-width: 1199px) {
.ongoing-panel{ padding-top: 0;}
.project-box-in > div.project-box-info{ height: 125px;}
.owl-item .item .captions h2{font-size:48px; }
.owl-item .item .captions.offer_banner h2{font-size: 56px;}
}
    
@media (max-width: 991px) {
    .navbar-collapse{ margin-top: 0;}
    .header-top-r{ top: 49px;}
    .hm-ongoing{ padding: 15px 0;}
    .hm-ongoing .container > span{ margin-bottom: 15px;}
    .project-box-in img{ margin: 0 auto; display: block;}
    a.project-box{ margin-bottom: 30px;}
    /*.hm-special{ padding-bottom: 30px; padding-top: 0;}
    .hm-special h2{ margin-top: 30px;}*/
    .section-caption-sm{ margin-bottom: 25px;}
    .set-height{ display: none;}
    .row.col-p0{ margin-left: 15px; margin-right: 15px;}
    .row.col-p0 > [class*="col-"]{ padding-left: 15px; padding-right: 15px;}
    .enq-outer{ margin-left: 0; padding: 15px; max-width: none;}
    .inner-head{ text-align: center; margin-top: 30px;}
    .abt-left img{ margin: 0 auto; display: block;}
    .abt-left span{ display: block;}
    .abt-right{ padding-left: 0; text-align: center; margin-top: 15px;}
    .abt-right::before{ display: none;}
    .full-bg{ height: auto; margin-top: 30px; padding: 50px 0;}
    .full-bg h4{ margin-top: 0; text-align: center;}
    .full-bg h4::after{ display: none;}
    .our-strength{ margin-top: 40px;}
    .elevation{ max-width: 359px;}
    .elevation-top{ display: block;}
    /*.elevation-right{ display: none;}*/
    .interiors img{ margin-bottom: 20px;}
    .cs-profile{ height: auto; text-align: center;}
    .cs-profile img{ margin: 0 auto 15px auto;}
    .cs-mob::before,.cs-eml::before{ display: none;}
    .customer-header{ padding-top: 0;}
    .popup-close{ right: 7px; top: 7px;}
}

/*@media only screen and (max-width: 800px) {
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { display: block; }
    #no-more-tables thead tr { position: absolute;top: -9999px;left: -9999px;}
    #no-more-tables tr {border: 1px solid #ccc; }
    #no-more-tables td {border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; white-space: normal;text-align:left;}
    #no-more-tables td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold;}
    #no-more-tables td:before { content: attr(data-title); }
    .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 15px 8px;
}*/

@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
	#no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px;	}
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*Label the data*/
	#no-more-tables td:before { content: attr(data-title); }
    .table-bordered{ border: none;}
}

@media (max-width: 767px) {
    header{ padding-top: 115px;}
    .navbar-fix{ position: fixed; top: 40px; left: 0; right: 0; z-index: 800; box-shadow: 2px 0px 6px #7b7b7b;}
    .navbar-brand{ padding: 10px 15px 15px 15px;}
    img.logo-lg{ display: none;}    
    img.logo-sm{ display: block;}    
    .navbar{min-height: 70px; }
    a.cs-log1{ display: none;}
    .cs-log2{ display: block; position: absolute; right: 15px; top: 0; height: 100%; padding: 10px 15px; background-color: #c5c5c5; color: #262223;}
    .cs-log2:hover, .cs-log2:focus{ background-color:#ffca08; color: #262223;}
    .header-top-r{ top: -40px; height: 40px; background-color: #e2e2e2; width: 100%; right: 0;}
    .header-top-r .qkNum{ display: inline-block;}
    .header-top-r .qkNum::before{ display: none;}
    .navbar-toggle{ background-color: #ffca08; border-radius: 50%; width: 40px; height: 40px; margin-top: 18px; margin-right: 15px; color: #3b3d46;}
    .navbar-collapse{ background-color: #ffca08;}
    .navbar-nav > li > a{ text-align: center; color: #252525;}
    .navbar-nav > li > a:hover{ background-color: #eab905;}
    .navbar-right .dropdown-menu{ position: relative; float:none; margin-top:0; border:none; margin-left:0; border-radius: 0;}
    .navbar-right .dropdown:hover .dropdown-menu {  margin-left:0;}
    .navbar-right .dropdown-menu > li > a{ background-color: transparent; text-align: center; border-radius: 0;}
    
    .project-box-in > div.project-box-info{ padding:10px 5px; height: 120px;}
    .project-box-in br{ display: none;}
    .project-box-in p{ font-size: 12px;}
    .row.no-pad {margin-right:0;margin-left:0;}
    .row.no-pad > [class*='col-'] {padding-right:5px; padding-left:5px; }
    a.testi-item{ text-align: center;}
    .testi-img{ float: none; margin: 0 auto; display: block;}
    #hm-testi .testi-img img{ margin: 0 auto; width: 171px; height: 142px;}
    .testi-title{ text-align: center;}
    .testi-text{ padding: 35px 10px;}
    .numBox{ text-align: center; border-left:0; position: relative; padding-left: 0; margin-top: 15px;}
    .numBox::before{position: absolute !important; content: ""; width: 40px; height: 3px; border: 3px #ffca08 solid; top: 0; left: 50%; margin-left: -20px;}
    .ns-section{ height: auto;}
    .ns-section p{ display: none;}
    .ns-section h3{ margin-bottom: 15px;}
    .enq-outer{ display: none;}
    .form-small{ background-color:#ffca08; display: block; padding: 20px;}
    footer{ padding-top: 20px;}
    footer .ruler{ margin: 20px 0;}
    
    .full-bg h3 br{ display: none;}
    .our-strength, .full-bg h3{ margin-top: 20px;}
    .inner-banner-pro img{ display: none;}
    .project-overview .col-sm-3{ font-weight: 600; margin-top: 10px;}
    .project-overview span{display: none;}
    .elevation{ margin-top: 30px;}
    .options{ height: auto;}
    a.news-box{ height: auto; margin-bottom: 30px;}
    a.news-box img{ margin: 0 auto;}
    .ongoing-panel{ max-width: 333px; margin:0 auto 40px auto; padding-top: 0;}
    .completed-panel img{ margin: 0 auto;}
    .completed-info{ text-align: center;}
    .inner-banner h1{ font-size: 22px;}
    .admin-details .col-sm-1{font-weight: 600; margin-top: 10px;}
    .admin-details span{ display: none;}
    .hidden-sm{ display: none;}
    .hidden-oth{ display: block;}
    
    .displaytable{display:none;}
    .hidetable{display:block;}
    .hide-project{display:block;}
    tr{margin-bottom:30px;}
    .bttn-link{ margin-left: -68px;width: 123px;}
    .table-striped>tbody>tr>th {padding:10px 0px 10px 10px;}
    .table-striped>tbody>tr>td {padding: 8px 30px 8px 30px;}
    .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {width: inherit;}
    .testinBox{ height: auto;}
    .cslogo{ float: none; text-align: center;}
    .cstop-right{ float: none; margin-top: 15px;}
    
    a.galbox{ width: auto; height: auto;}
    .popup-close{ right: 5px; top: -40px;}
    .footer-round{display: none;}
    .footer-full-width{display: block;width: 100%;height: 100%;}
    #myBtn {bottom:0;right:0;left: 0;width: auto;height: auto;background-color: #d12229;border-radius: 0px;margin: 0 auto;}
    .owl-item .item .captions h2{font-size:36px; }
    .owl-item .item .captions.offer_banner h2{font-size: 36px;}
    .owl-item .item .captions.offer_banner h6{padding-top: 5px; font-size: 12px;}
    .owl-item .item .captions.offer_banner h4{font-size: 20px; max-width: 190px;}
    .owl-item .item .captions.offer_banner .q-contact .q-phone{padding:0 0  0 30px;}
    
}
@media only screen and (max-width: 666px) {
  .footer-title {
   text-align: left!important;
   padding-right: 0px!important
   }
}
@media (max-width: 479px) { 
    .inner-banner{ height: 90px;}
    .inner-banner h1{ line-height: 90px;}
    .inner-head{ font-size: 26px;}
    .flat{ width: 100px;}
    .flat-s{width: 60px;}
    .floor-number{ font-size: 14px;}
    .floor-in h4{ font-size: 13px; bottom: 5px;}
    a.news-box{ padding-top: 0;}
    .owl-item .item .captions h2{font-size:24px; }
    .owl-item .item .captions.offer_banner h2{font-size: 24px;}
    .owl-item .item .captions h2{font-size:20px; }
    .owl-item .item .captions.offer_banner h6{padding-top: 5px; font-size: 12px;}
    .owl-item .item .captions.offer_banner h4{font-size: 16px; max-width: 238px; padding: 3px 0;}
    .owl-item .item .captions.offer_banner .q-contact .q-phone{padding:0 0  0 30px; font-size: 14px; background-size: 16px auto; padding-left: 20px;}
    .owl-item .item .captions.offer_banner h2 span{ display:inline-block;}
    .owl-item .item .captions.offer_banner .q-contact{position: relative; padding-right: 0;  text-align:center; width: 100%; display: inline-block; }
    .owl-item .item .captions.offer_banner {margin-top:-10px;}
    .owl-item .item .captions.offer_banner{ padding-left: 0; text-align:center;}
} 


@media (max-width: 380px) { 
    .owl-item .item .captions h2{font-size:16px; }
    .owl-item .item .captions.offer_banner h2{font-size: 16px;}
    .owl-item .item .captions.offer_banner {margin-top:-20px;}
    .owl-item .item .captions.offer_banner h4{font-size: 14px; max-width:188px; padding: 1px 0;}
    .owl-item .item .captions.offer_banner .q-contact .q-phone{padding:0 0  0 30px; font-size: 12px; background-size: 12px auto; padding-left: 20px;}
    .owl-item .item .captions.offer_banner .q-contact .q-email{ line-height: 1; vertical-align: top;}
}

@media (min-width:1600px) {
    .owl-item .item .captions h2{font-size:86px; }
    .owl-item .item .captions.offer_banner h4{font-size:50px; max-width:534px; }

    .owl-item .item .captions.offer_banner h6{font-size: 26px;}
    .owl-item .item .captions.offer_banner .q-contact{max-width: 350px;}
    .owl-item .item .captions.offer_banner .q-contact .q-phone{padding:0 0  0 30px; font-size: 30px; background-size: 30px auto; padding-left:40px;}
    .owl-item .item .captions.offer_banner .q-contact .q-email {font-size: 20px; 
   
    background-size: 20px auto; padding-left: 24px; line-height: 1.2;}
 }