body {font-size:12px; background:#fff; padding:0 !important;ffont-family: 'Lato', sans-serif;font-family: 'Open Sans', sans-serif !important;}
*{margin:0; padding:0;}
ul {list-style:none; padding:0; margin:0;}
a:hover, a:focus {text-decoration: none; outline:none;}
.main {width:100%; overflow:hidden;}
.clear{clear:both;}


.banner_container .owl-carousel {
    width: 100%;
}

.banner_container .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}
.banner_container .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.banner_container .owl-carousel .owl-wrapper, .banner_container .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
em{font-style:normal !important;}

sup{font-size:10px;margin-left:2px;}
@-webkit-keyframes zoomin{
    0%{transform:scale(1);}
    50%{transform:scale(1.2);}
    100%{transform:scale(1);}
    }
    @keyframes zoomin{
        0%{transform:scale(1);}
        50%{transform:scale(1.2);}
        100%{transform:scale(1);}
        }
        @-webkit-keyframes zoomout{
            0%{transform:scale(1);}
            50%{transform:scale(0.8);}
            100%{transform:scale(1);}
            }
            @keyframes zoomout{
                0%{transform:scale(1);}
                50%{transform:scale(0.8);}
                100%{transform:scale(1);}
                }
.zoomBannerImage{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-animation:zoomin 20s ease-in infinite;animation:zoomin 20s ease-in infinite;transition:all 20s ease-in-out;}
.close-menu {
    display: none;
}
.mobile-trigger{display: none;}
header{    position: fixed;  left: 0;padding: 5px 50px;  z-index: 100;  width: 100%;  transition: 0.5s;  background: #fff;  float: left;  box-shadow: 0 0 5px #ccc;}
.header_fixed{     box-shadow: 0 0 10px #ccc;   position: fixed !important;  transition: 0.5s;}
.header{position:absolute; top:0px; left:0; width:100%; z-index:999; tarnsition:0.5s;padding: 0px 75px;background: #fff; bbackground: url(../images/color-line.jpg) no-repeat top, url(../images/color-line.jpg) no-repeat bottom #fff;}
.logo-box {width:16%; float:left;}
.logo-box a img{width: 185px;}
.nav-sec {width:84%; float:left; }
.nav-sec .top-nab  ul {float:right;}
.nav-sec .top-nab  ul li {float:left;margin: 4px 0 0 30px;position: relative;}
.nav-sec .top-nab ul li a {font-size:16px; color:#000; font-weight:500; text-transform:uppercase;position: relative;padding: 0 0 15px;}
.nav-sec .top-nab  ul li a:hover{    color: #ed1c24;}
.nav-sec .menu  ul {float:right;}
.nav-sec .menu  ul li {float:left;margin: 5px 0 5px 0px;position: relative;}
.nav-sec .menu ul li a {font-size:14px; color:#000; font-weight:500; text-transform:uppercase; position: relative; padding: 15px 19px 10px; display:block;}
.nav-sec .menu ul li a:after {content: ""; position: absolute;  left: 0;  width: 0;  bottom: 0; background:#ed1c24; height:2px;  z-index: 1; transition:0.5s;}
.nav-sec .menu ul li a:hover:after { width: 100%;}
.mega-div-blck .menu-right-holder .shw-menu-cntn a{padding: 0px;}
.mega-div-blck .menu-right-holder .shw-menu-cntn a img{width: 100%;}
.nav-sec .menu ul li a:hover{    color: #ed1c24; background:#f5f5f5;}
.banner_container {width: 100%;overflow: hidden;height:100vh;margin-top:-225px;}
.slider-img {width:100%; float:left; height:100vh;}
.nav-sec ul li a img:hover{    opacity: .8;width: 100%;}
.slider-img img {width:100%; height:100vh;object-fit: cover;}
.nav-sec ul li:hover .submenu{display:block !important;}
.nav-sec ul li ul.submenu { display: none;  position: absolute;  z-index: 99;  top: 100%;   border-top: 5px solid transparent;}
.nav-sec ul li ul.submenu:after { width: 0;  height: 0;   position: absolute;   border-bottom: 10px solid #ccc;  border-left: 10px solid transparent;    content: "";  top: -7px;  left: 20%;    border-right: 10px solid transparent; z-index:-1;}
.nav-sec ul li ul.submenu li {float:left;margin: 0px 0 0 0px;position: relative;}
.nav-sec ul li ul.submenu li a{ width:200px;  display:block;  padding:10px 12px 8px 14px;  border-bottom:1px solid rgba(220,220,220,.43);  background:#fff;   color:#000;  font-size:13px; text-transform: capitalize;}
.nav-sec ul li ul.submenu li a:after{ display:none;}
.nav-sec ul li ul.submenu li a:hover{  color:#fff;   background:#0052b2}
.nav-sec ul li:hover .mega-menu{display:block !important;}
.current{    display:block !important;}
.nav-sec ul li ul.mega-menu li {margin: 0px 0 0 0px;width: 100%;}
.nav-sec ul li ul.mega-menu{ width:540px;  height:auto;  display: none;  position: absolute;  z-index: 99;  top: 100%; border-top: 5px solid transparent;}
.mega-div-blck{  display:flex;  height:100%;  background:#fff;  border-bottom:2px solid #f10173;  overflow:hidden;  padding-bottom:5px;}
.mega-div-blck ul{ float:left;  width:40%;  height:auto;}
.mega-div-blck ul li{  margin-right:15px}
.mega-div-blck ul li:last-child a{ border-bottom:none}
.mega-div-blck ul li a{ padding:10px 12px 8px 14px;  display:block;  border-bottom:1px solid rgba(220,220,220,.36);  font-size:14px; color:#000}
.mega-div-blck ul li a:hover{ color:#fff;   background:#0052b2}
.menu-right-holder{ width:60%;  float:right; border-left:1px solid rgba(220,220,220,.36);}
.shw-menu-cntn{ padding:7px 9px 4px 15px;  display:none;  height:260px;   overflow:hidden}
.shw-menu-cntn h3{    font-size: 18px;margin-top: 8px;margin-bottom: 5px;color: #f26222;}

.banner_inner{width:100%; position:relative;margin-top: 65px;}
.banner_inner img{width:100%; hheight: 500px;object-fit:cover;}
.banner_inner h2{position: absolute;
    bottom: 40px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size:38px;
}

.nav-sec ul li a::before{display: none;content: "";width: 100%;height: 4px;position: absolute;left: 0;bottom: 0;background: #fff;transition: 0.5s transform ease;transform: scale3d(0,1,1);transform-origin: 0 50%;}
.nav-sec ul li a:hover::before{transform: scale3d(1,1,1);}
.nav-sec ul li a::before{background: #f47f23;transform-origin: 100% 50%;}
.nav-sec ul li a:hover::before{transform-origin: 0 50%;}
.banner-content {width:100%;position: absolute;top: 62%;z-index: 99;left: 0;margin: 0 auto;right: 0;text-align: center;}
.banner-content h4 {font-size:33px; color:#fff; font-family: ivypresto-display,serif;
font-weight: 500;
font-style: normal;}
.banner-content h5 {font-size:45px; color:#fff; font-weight:700; font-family: 'Lato', sans-serif; text-transform:uppercase; letter-spacing:3px; margin:0;}
.banner-content h2 {font-weight: 900;
    margin-bottom: 10px;
    letter-spacing: .5px;font-size: 55px;
    color: #fff;}
.top-nab ul li{   margin: 5px 0 0 16px; font-size: 14px;  color: #000;}
.top-nab ul li a{     font-size: 14px;  color: #000;  text-transform: capitalize;}
.top-nab ul li a i{    color: #0152b2;
    font-size: 17px;
    margin-right: 5px;}
.top-nab ul li a:hover{color: #ed1c24;}
.top-nab ul li a:hover i{color: #ed1c24;}

.top-nab ul li:last-child a{background: #0152b2; color: #fff; padding: 5px 12px 7px 12px; border-radius: 3px; transition: 0.2s all ease-in-out; line-height:18px;  animation:blinkertext 1.5s linear infinite;}
/* .top-nab ul li:last-child a:hover{    background: #2578da;} */

@keyframes blinkertext{
    0{
        background:#0152b2; transition:0.2s all ease-in-out
    }
    50%{
        background:#ed1c24;  transition:0.2s all ease-in-out
    }
    75%{
        background:#ed1c24;  transition:0.2s all ease-in-out
    }
	100%{
        background:#0152b2; transition:0.2s all ease-in-out
    }
}

.whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9;
}
.top-header{    background: #175fad;
    padding: 0px 90px;position: relative;
    height:30px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;}
.top-header .top-header-in{display: flex;float: right;}
.top-header .top-header-in .left{}
.top-header .top-header-in .left ul li{ display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-right: 42px;}
.top-header .top-header-in .left ul li img{    font-size: 17px;
    margin-right: 9px;}
.top-header .top-header-in .social-links a i{    font-size: 17px;
    margin-left: 14px;
    color: #fff;}
.top-header .top-header-in .social-links a i:hover{color: #f26323;}
.top-header .top-header-in .social-links{    margin-top: 3px;}
.banner-title{width: 75%;
    text-align: left;
    margin: 0 auto;}


.enquire-btn {
    position: fixed;
    top: 40%;
    right: 0px;
    float: right;
    z-index: 99;
}
.owl-carousel.scrap .owl-dots{ text-align: right;margin-top: 10px;}
.owl-carousel.scrap .owl-dots .owl-dot.active{    background: #f26222;width: 30px;}
.owl-carousel.scrap .owl-dots .owl-dot{    background:#cdc6c6;
    width: 25px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    text-align: center;
    border-radius: 50px;}

.about_us{    width: 100%;
    background: url(../images/about-bg.jpg)left top no-repeat;
    background-size: cover;
    padding: 30px 122px;    border-top: 5px solid #fff;
    background-position: center;}

.banner_container .owl-carousel .owl-dots{    text-align: center;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    display: block;
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;}
.banner_container .owl-carousel .owl-dot.active{background: #f26222;}
.banner_container .owl-carousel .owl-dot{background: #fff;
    width: 12px;
    height: 12px;    margin-right: 4px;
    margin-left: 4px;
    text-align: center;
    border-radius: 50px;}


.featured-text img{    height: 465px;
    position: absolute;
    top: 0px;}
.about_tab .nav > li > a{ text-transform: uppercase; font-size:16px; line-height:20px; color:#6a6a6a; border:1px solid #6a6a6a; padding:10px 20px;}
.about_text h4{    text-transform: uppercase;
    color: #fff;
    margin: 0;}
.about_text h2{    text-transform: uppercase;
    font-weight: 600;
    color:#f7dc4b;
    font-size: 36px;
    margin-top: 5px;}
.about_text p{font-size: 14px;
    color: #fff;
    letter-spacing: .5px;
    line-height: 25px;}
.more{    margin-top: 30px;}
.more a{    text-transform: uppercase;
    border: 1px solid white;
    padding: 12px 22px;
    font-size: 14px;
    border-radius: 2px;
    letter-spacing: .5px;
    color: #fff;}
.retail-block{    display: flex;align-items: center;
    margin-top: 70px;}


.retail-block .icon_block {}
.retail-block .icon_block img{    width:55px; margin-right: 15px; transition:0.5s; cursor:pointer;}
..icon_block:hover img { width: 90px; margin-top:-5px;  margin-right: 25px;  transition:0.5s;} 
.retail-block .text h2{     line-height:14px;
    font-size: 35px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 8px;
    color:#f7dc4b;}


.customer-speak .container {
    width: 1200px;
}

..retail-block:hover .text h2 span{transition: 0.5s;font-size: 32px;}
.retail-block .text h2 span{    font-size:20px;transition: 0.5s;}
.retail-block .text p{    font-size: 14px;
    color: #fff;
    line-height:17px;
    margin-top: 0px;}
.three-cols{    width:100%;margin: 0 auto;margin-top: 20px;}
.line{width: 50px;
    position: absolute;
    left: -60px;
    height: 2px;
    bottom: 45px;}
.line1{width: 50px;
    position: absolute;
    left: -60px;
    height: 2px;
    bottom: 22px;}

.news-event{    margin-right: 5px;
    margin-left: 5px;}
.l_padding{    margin-left: 25px;}
.projects{background: #fff;-webkit-transition: all 300ms linear;
    transition: all 300ms linear;overflow: hidden;}


.projects:hover{ -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    box-shadow: 0 0 20pxrgba(0, 0, 0, 0.3);
    /* -webkit-transform: scale(1.05,1.05); */
    transform: scale(1.05,1.05);
    }

.property_by_categeory{    width: 100%;
    background: url(../images/categeory-bg.jpg)left top no-repeat;
    background-size: cover;
    padding: 30px 0 40px 0;
    background-position: center;}
.property_by_categeory .container{width: 70%;margin: 0 auto;}
.property_by_categeory .cate .title{    text-transform: uppercase;  font-size: 36px;  color: #fff;   margin-bottom:20px;text-align: center; margin-top:0;}
.projects .img-block{    position: relative;}
.projects .img-block img{    width: 100%;}
.projects .title-container{position: relative;   padding: 15px 15px 0;  z-index: 999;   width: 100%; text-align: center;}
.projects .title-container h2{   color: #000;    font-size: 26px; margin:0;}
.projects .title-container .location{    color:#df0024;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;}
.pro-details-container{border: 1px solid gainsboro;
    margin: 5px 5px;}
.location_tower{    display: flex;    align-items: center;
    border-bottom: 1px solid gainsboro;
    padding: 5px;}
.location_tower div{width:50%;font-size: 14px;text-align: center;}
.location_tower div span{    color: #505050;
    font-size: 15px;}
.location_tower div img{    margin-right: 0px;height: 18px;position: relative;}

.pro-details-container table tr td{    padding: 5px 7px;
    border-right: 1px solid gainsboro;vertical-align: baseline;}

.pro-details-container table tr td .type{ font-size: 14px;
    color: #f26222;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: uppercase; text-align: center;}
.pro-details-container table tr td p{font-size: 13px;text-align: center;    color: #4b4b4b;
    letter-spacing:0;margin-bottom: 0px;padding-bottom: 0;font-family: 'Lato', sans-serif;}
.pro-details-container table tr td:last-child{border-right: none;}
.our-partners{    text-align: center;
    margin-bottom: 80px;
    margin-top: 48px;}
.our-partners h2{    text-transform: uppercase;margin-top: 0px;
    font-size: 32px}
.our-partners .devider{width: 250px;
    position: relative;
    top: -13px;}
.our-partners .owl-carousel{margin-top: 25px;}
.our-partners .owl-carousel .item .img-block img{width: 100%;filter: grayscale(100%);}
.our-partners .owl-carousel .item .img-block img:hover{filter: grayscale(0%);}
.pro-image-container{width: 100%;
    position: relative;
    overflow: hidden;}
.pro-image-container img{width: 100%;
    transition: all .5s ease-in;}


.customer-speak .owl-carousel .item .image{width: 100%;
    position: relative;
    overflow: hidden;}
.customer-speak .owl-carousel .item .image img{    transition: all .5s ease-in;
    height: 160px;
    width: 160px;
    margin: 0 auto;
    border-radius: 50%;
    /* border: 1px solid #ddd; */
    object-fit: cover;}
..customer-speak .owl-carousel .item:hover .image img{transform: scale(1.2);}

.media-block{width: 100%;
    position: relative;
    overflow: hidden;}
.media-block img{width: 100%;
    transition: all .5s ease-in;}
.media-block:hover img{transform: scale(1.2);}


.media {
    background:#f26222;
    padding: 55px 0px 60px;
    margin-bottom: 55px;
}
.media .title{text-align: center;}
.media .title h3 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 400;
}
.media .title .devider{width: 265px;}
.media .title p{    font-size: 15px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 25px;}
.img-responsive {
    width: 100%;
}
.media .text-block {
    margin-top: 18px;
}
.media .text-block:hover label{color: #000 !important;}
.media .text-block:hover h5{color: #000 !important;}
.media .text-block:hover label{color: #000 !important;}
.media .text-block:hover .readmoredevider a{color: #000 !important;border-bottom: none;}
.readmoredevider a:hover{  color: #000 !important;border-color: #000;}
.media .text-block label {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.media .text-block h5 {
    font-weight: 400;
    color: #fff;
    font-size: 19px;
    line-height: 26px;
}
.readmoredevider a {
    border-bottom: 1px solid white;
    display: block;
    text-decoration: none;
    padding-bottom: 6px;
    color: #fff;
    margin-top: 15px;
    font-size: 15px;
}
.readmoredevider a i {
    float: right;
    margin-top: 5px;
}
.testemonials_video .test-video-in iframe{height:520px !important;margin-top: -20px;background: #ddd;padding: 12px;}
.customer-speak .owl-carousel .owl-nav{display: none;}
.customer-speak .owl-carousel .owl-dots.disabled{display:none !important;    text-align: right;}
.customer-speak .owl-carousel .owl-dots.disabled .owl-dot.active{background: #f26222;}
.customer-speak .owl-carousel .owl-dots.disabled .owl-dot{    background: #fff;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    text-align: center;
    border-radius: 50px;}
.customer-speak{width: 100%;
    background: url(../images/speak-bg.jpg) no-repeat;
        background-size:cover;
    padding: 50px 0;}
.customer-speak .speak img{width: 130px;margin-bottom: 20px;}
.customer-speak .speak h3{    font-size:34px;
    text-transform: uppercase;}
.customer-speak .speak{width: 77%;}
.customer-speak .speak p{  font-size: 16px;
    color:#4b4b4b;
    letter-spacing: .5px;}
.customer-speak .speak .more a{color: #000;
    width: 100%;text-align: center;
    display: block;    padding: 12px 15px;    border-color: #000;
    font-size: 13px;}
.customer-speak .speak .more a:hover{background: #ed1c24;
    color: #fff;
    border-color: #ed1c24;}
.more a:hover{background: #ed1c24;
    color: #fff;
    border-color: #ed1c24;}
.customer-speak .owl-carousel .item{background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.customer-speak .owl-carousel .item .text{position: relative;padding-bottom: 15px;min-height:230px;}
.customer-speak .owl-carousel .item .text img{position: absolute;
    width: 42px;
    top: -20px;
    left: 20px;}
.customer-speak .owl-carousel .item .image img{    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}
.customer-speak .owl-carousel .item .text p{    line-height: 21px;
    font-size: 14px;
    padding: 24px 20px;
    padding-bottom: 8px;
    text-align: left;
    letter-spacing: .5px;
    color:#4b4b4b;
}
.customer-speak .owl-carousel .item .text .name{padding: 0px 20px;    position: absolute;
    bottom: 0;}
.customer-speak .owl-carousel .item .text .name label{color: #f26222;    margin: 0;}
.customer-speak .owl-carousel .item .text .name p{    padding: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;}















.top-footer-menu .col{padding-right:4px;padding-left: 8px;}
.ft-menu h4{    margin-bottom: 13px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: black;}
.ft-menu p{font-size: 14px;line-height: 23px;
    color: #474747;}
.ft-menu p b{}
.ft-menu p a{color: #ed1c24;}
.ft-menu ul li{margin-bottom: 5px;}
.ft-menu ul li a{font-size: 14px;
    color: #474747;}
.ft-menu ul li a:hover{color: #ed1c24;}
.brand{text-align: center;}
.brand img{width: 350px;
    margin-bottom: 15px;
    margin-top: 15px;}
.disclaimer-block{    border-top: 1px solid #f6f6f6;
    padding: 20px 0px;
    text-align: center;}
.disclaimer-block .disclaimer h5{text-transform: uppercase;
    font-weight: 600;line-height: 20px;}
.disclaimer-block .disclaimer p{    font-size: 14px;
    color: #4b4b4b;}
.copyright-block{background: #ed1c24;text-align: center;}
.copyright-block .copyright p{    color: white;
    margin: 0;
    padding: 6px 0px;
    font-size: 14px;}
.footer-social h5{    margin-bottom: 13px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: black;}

.footer-social .social-links a i{    background: #3f3f3f;
    width: 32px;
    height: 32px;
    padding: 8px;margin-right: 5px;
    font-size: 16px;
    color: #fff;
    border-radius: 50px;
    text-align: center;}
.footer-social .social-links a i.fa-facebook:hover{background: #3b5999}
.footer-social .social-links a i.fa-twitter:hover{background: #1da1f3}
.footer-social .social-links a i.fa-linkedin:hover{background: #007bb6}
.footer-social .social-links a i.fa-youtube-play:hover{background: #c01920}
.footer-social .social-links a i.fa-instagram:hover{background: #ff6d00}
.footer-social .social-links a i:hover{bbackground: #ed1c24;}
.newslatter h3{margin-bottom: 13px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: black;}
.newslatter form{display: flex;}
.newslatter form input:nth-child(2){    width: 100%;
    padding: 5px 10px;border-right: none !important;
    border: 2px solid #e9e3e3;    outline: none;
    font-size: 14px;}
.newslatter form input:last-child{    width: 100px;
    text-transform: uppercase;
    background: #ed1c24;
    font-size: 14px;
    color: #fff;
    border: none;
    border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
.newslatter form input:last-child:hover{background: #404040;}
.message h5{margin-bottom:28px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: black;}
.message p{    font-size: 15px;
    color: #ed1c24;
    margin: 0;}
.footer-outer{    border-top: 1px solid #f6f6f6;}
.ft-menu{margin-top: 45px;}
.social-block{border-top: 2px solid #eeeeee;
    padding: 25px 0px;}
.footer-logo{text-align: center;position: relative;}
.footer-logo img{position: absolute;border-radius: 10px;
    margin: 0 auto;    background: #fff;
    padding: 0px 10px;
    left: 0;    top: -48px;
    right: 0;
    width: 310px;}
    .wolkthought-title h3{    font-size: 32px;
    text-transform: uppercase;    color: #650c5e;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;}
    .walkthought{position: relative;}
	.walkthought .walkbox{    background: #363434; border: 1px solid #ccc;}
        .walkthought video{    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;}
    .playBtn {
    position: absolute;
    left: 50%;
    top: 50%;cursor: pointer;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    padding: 15px;
    filter: brightness(50);
    cursor: pointer;
    pointer-events: none;
    transition: all 300ms ease-in-out; text-align:center;	
}
.playBtn span{font-size:16px; display:block; margin-top:10px;}

.scrollY img{width: 245px;float: left;margin-right: 20px;margin-bottom: 20px;}

..scrollY{overflow-x: hidden;  height: 510px; padding-right: 30px;}
.scrollY::-webkit-scrollbar {width: 3px;}
.scrollY::-webkit-scrollbar-track {background: #cfcfcf;}
.scrollY::-webkit-scrollbar-thumb {background: #a0a0a0;}
.scrollY::-webkit-scrollbar-thumb:hover {background: #7c7c7c;}

.about_box{width:100%; padding:40px 0px;     margin-bottom: 50px;}
.about_box .tab-pane{text-align:center;}
.about_box .about_tab{width:100%;}
.about_box .about_tab .nav-pills{margin: 0 auto; text-align: center;}
.about_box .about_tab .nav-pills li{    display: inline-block; float: none; background:none; }
.about_box .about_tab .nav-pills li a{padding:10px 20px; font-size:16px; line-height:18px; color:#000; text-transform: capitalize;  border: 1px solid #ebebeb;}
.about_box .about_tab .nav-pills li a:hover{ background:#ebebeb;      border: 1px solid #ebebeb;}
.about_box .about_tab .nav-pills li.active a{color:#fff; background:#0152b2;  border: 1px solid #0152b2;}
.about_box .about_tab .heading{padding:20px 0;padding-bottom: 0px;}
.about_box .about_tab h1{font-size: 32px;text-align: center; line-height:44px;  text-transform: uppercase;  color: #650c5e;   font-weight: 600; }
.about_box .about_tab h2{border-bottom: 2px dotted #d1d1d1;
    padding-bottom: 10px;
    font-size: 28px;
    margin-bottom: 0;text-align: left;
    line-height: 28px;
    color: #000;
    /* font-weight: 400; */
    text-transform: uppercase;}
.about_box .about_tab h3{font-size:24px; line-height:30px; color:#000;  font-weight:400; margin-bottom: 10px;  text-transform: inherit;}
.about_box .about_tab p{    font-size: 14px !important;
    line-height: 24px;    letter-spacing: .5px;
    padding: 0px 100px;
    color: #4b4b4b;
    font-weight: 400;
    margin-bottom: 35px;}
.about_box .about_tab ul{margin-left:20px;}
.about_box .about_tab ul li{font-size:18px; line-height:24px; color:#6a6a6a;  font-weight:400; margin-bottom:-1px; list-style:disc;}
.about_box .about_tab .abtxt{width:100%; height:100%; text-align: justify;}
.about_box .about_tab .abtxt p{font-size:16px; line-height:24px; color:#6a6a6a; margin-bottom:20px;}
.about_box .about_tab .abtxt p.hd20{font-size:20px; line-height:30px;}
.about_box ul.stripli{margin-left:20px; margin-bottom:20px;}
.about_box ul.stripli li{font-size:18px; line-height:24px; color:#6a6a6a;  font-weight:400; margin-bottom:10px; list-style:disc; }
/* .about_box ul li:nth-child(even){ background:#e3e3e3; } */

.aboutbx2{width:100%;}
.aboutbx2 .aboutbxtext{width:75.5%; display:inline-block; vertical-align:top;}
.aboutbx2 .aboutbxtext h3{font-size:24px; line-height:30px; color:#000;  font-weight:400; margin-bottom: 10px;  text-transform: inherit; margin-top:0;}
.aboutbx2 .aboutbxtext p{letter-spacing: .5px;font-size:14px; margin-bottom: 10px;line-height:23px; color:#4b4b4b;  font-weight:400; margin-bottom:20px;  text-align:justify}
.aboutbx2 .aboutbxform{width:22%; display:inline-block; background:url(../images/formbg.jpg) top right no-repeat; padding:10px; border:1px solid #ccc; margin-left:2%; vertical-align:top; border-radius:10px;background-size: cover;}
.aboutbx2 .aboutbxform h3{font-size: 20px; line-height:24px; margin-bottom:20px;    color: #fff;   font-weight: 300; text-align:center; }
.aboutbx2 .aboutbxform input{width:100%; padding:15px 12px; background:#fff;}
.aboutbx2 .aboutbxform select{width:100%;     height: 36px; color:#8d8d8d;}
.aboutbx2 .aboutbxform .form-group { margin: 0;}
.aboutbx2 .aboutbxform .input-box { margin-bottom: 10px;}
.aboutbx2 .aboutbxform .btnsub{margin:20px 0 0 0;; padding:5px 20px; width:auto; background:#f26222; color:#fff; font-size:16px;  font-weight: 400;  }
.aboutbx2 .aboutbxform .btnsub:hover{    background: #404040; }

.btn_box{display:block; margin:30px 0 20px;}
.btn_box a.btnfst { border: 1px solid #000;  background: none;  padding: 10px 30px;  border-radius: 10px;  color: #000;  font-size: 16px; margin-right:20px;}
.btn_box a.btnfst:hover { border: 1px solid #ed1c24;  background: #ed1c24;  color: #fff; }
.btn_box a.btnfst i { margin-right: 8px; }

.retails_bx{width:100%; background:url(../images/retailsbg.jpg) top left no-repeat; min-height:643px;   background-size: cover; padding:60px 0;}
.retails_bx .retails_slide{width:100%; display:flex;}
.retails_bx .retails_slide .retails_img{width:50%; padding-right: 50px;}
.retails_bx .retails_slide .retails_txt{width:50%;  padding:100px 0;}
.retails_bx .retails_slide .retails_txt .retails_txt_bx{width:100%;  background:rgba(255,255,255,0.9); border-radius:5px; padding:45px 60px; }
.retails_bx .retails_slide .retails_txt .retails_txt_bx h3{color:#68085d; font-size:36px; line-height:44px; margin:0 0 20px; }
.retails_bx .retails_slide .retails_txt .retails_txt_bx p{color:#525252; font-size:16px; line-height:22px; }




.owl-carousel.retails .owl-prev{position:absolute; top:45%; left:-100px; z-index:99;}
.owl-carousel.retails .owl-next{position:absolute; top:45%; right:-100px; z-index:99;}

.form-group{margin: 0px;}
.interested_form{background:#ebebeb; width:100%; padding:40px 0 30px;}
.interested_form h3{font-size: 32px; line-height:40px; margin-bottom:40px;  text-transform: uppercase;  color: #000000;text-align:center; }
.interested_form .phonebx{display:flex;}
.interested_form .phonebx select{width:80px;}
.interested_form input{width:100%; padding:20px 30px; background:#fff;}
.interested_form select{width:100%;     height: 42px; color:#555;}
.interested_form .input-box{margin-bottom:20px;}
.interested_form .form-check-inline{margin-right:20px;     margin-top: 15px;}}
.interested_form .form-check-inline label{margin-left:10px; font-size:14px;  font-weight: 400; }
.interested_form .form-check-inline .form-check-input{margin:0px; padding:0; width:auto;}
.interested_form .btnsub{    margin: 5px 0 0 0;
    padding: 10px 40px;
    width: auto;
    background: #f26222;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    outline: none !important;}
.interested_form .btnsub:hover{    background: #404040; }

.about_phase1{    width: 100%;
    background: url(../images/about-bg.jpg)left top no-repeat;
    background-size: cover;
    padding: 50px 0px;min-height:570px;
    background-position: center;}
.about_phase1 .about_phase1L{ position:relative;  padding-right: 50px;}
.about_phase1 .about_phase1L .about_bx{ display:inline-block; width:48%; margin-right:1.5%; cursor:pointer;}
.about_phase1 .about_phase1L .about_bx5{ position:absolute; top:25%; left:23%; z-index:1; cursor:pointer;}
.about_phase1 .about_phase1L img{transition:0.5s;}
.about_phase1 .about_phase1L .about_bx:hover img{opacity:0.8; transform: scale(1.1); transition:0.5s;}
.about_phase1 .about_phase1L .about_bx5:hover img{opacity:0.8; transform: scale(1.1); transition:0.5s;}
.about_phase1 .about_phase1R{padding:70px 0 40px;}
.about_phase1 .about_phase1R h3{font-size: 30px; line-height:40px; margin-bottom:10px;  text-transform: uppercase;  color:#f7dc4b;   font-weight: 600; }
.about_phase1 .about_phase1R p{font-size: 15px;
    line-height: 23px;
    color: #fff;
    /* font-family: 'Lato', sans-serif; */
    font-weight: 400;
    margin-bottom: 60px;
    text-align: justify;
    letter-spacing: .5px;}

.about_phase1 {
  bbackground:linear-gradient(to left, #5a2881 10%, #0179c7 30%, #63c000 50%, #fed700 70%, #fc7701 90%, #5a2881) left center / 120vw;
  z-index: 1;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.about_phase1.anime{
  aanimation: glassbg 15s linear infinite;
}

@keyframes glassbg{
  from{background-position-x: 0;}
  to{background-position-x: -100vw;}
}

.about_phase1:before,
.about_phase1:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.about_phase1:before{
  background:rgb(255 255 255 / 40%);
}

.about_phase1:after{
  background: url(../images/about_phase1.jpg) center / cover ;
  opacity: 0.3;
}



.products{width:100%;}
.products h3{font-size: 32px; line-height:44px; margin-bottom:50px;  text-transform: uppercase;  color: #000; text-align:center; padding:20px 0;     margin: 0;}
.products .products_bx{width:25%; float:left; position:relative; overflow: hidden;}
.products .products_bx a{color: #fff;display: block;  position: relative;  height: 100%;  background-color: rgba(0 0 0 / 80%);   -webkit-transition: all 600ms ease-in-out;   -o-transition: all 600ms ease-in-out;  -moz-transition: all 600ms ease-in-out;   -ms-transition: all 600ms ease-in-out;  transition: all 600ms ease-in-out;}
.products .products_bx .products_img{width:100%; transition:0.5s; overflow: hidden;}
.products .products_bx figcaption { position: absolute;  bottom: 0;  left: 0;  padding: 0;   width: 100%;   height: 100%; cursor:pointer;z-index: 2;}
.products .products_bx figcaption .products_text1{ transform: translate(-50%, -50%); position: absolute;  left: 50%;  top: 90%;   width: 65%;}
.products .products_bx figcaption .products_text{ width: 100%;    height: 100%;}
.products .products_bx figcaption .products_text .product_icon{    position: absolute;   right: 50%;   top: 30%;     transition:0.5s;}
.products .products_bx figcaption .products_text h4{ font-size: 18px; line-height:24px;text-transform: uppercase;  color: #fff; text-align: center;}
.products .products_bx figcaption .products_text1 h5{ font-size: 18px; line-height:24px; margin-bottom:0px;  text-transform: uppercase;  color: #fff; text-align: center; background:rgba(0,0,0,0.8); padding:10px;}
.products .products_bx figcaption .products_text p{  font-size: 12px; line-height:18px; margin-bottom:20px;  color: #fff; }
.products .products_bx figcaption .products_text p img{ text-align:right; margin-left:10px;}
.products .products_bx figcaption .products_text .product_tb  { transition:0.5s;position: absolute;   left: 40px;   bottom: 20%;  transition:0.5s;}
.products .products_bx:hover figcaption .products_text1{ transform: translate(-50%, -50%); top: 92%;   width: 100%; transition:0.5s;}

.products .products_bx:hover figcaption{display:block;}
.products .products_bx:hover .products_img{opacity:1; transition:0.5s; transform:scale(1.1);}
.products .products_bx:hover figcaption .products_text{width:100%;}
.products .products_bx:hover figcaption .products_text {transform: inherit;    position: relative;  left: 0;  top: 0;  width: 100%;}
.products .products_bx:hover figcaption .products_text .product_icon { text-align: inherit;
    margin-bottom: 0px;
    position: absolute;
    right: 0px;
    width: 85px;
    margin: 0 auto;
    left: 0;
    top: 65px;
    background: rgba(0,0,0,.7);
    padding: 20px;
    border-radius: 50%;
    transition: 0.5s;}
.products .products_bx:hover figcaption .products_text .product_tb {    position: absolute;  left: 0;  bottom: 35%;  transition: 0.5s;  background: rgba(0,0,0,.7);  width: 100%;  padding: 5px 10px;}

.products .products_bx:nth-child(1) a {
  animation: blink 2s linear alternate infinite;
}
@keyframes blink{
  to{background-color: rgb(147 80 20 / 80%);}
}

.products .products_bx:nth-child(2) a {
  animation: blink2 2s linear alternate infinite;
  animation-delay: 500ms;
}
@keyframes blink2{
  to{background-color: rgba(89, 18, 87, 0.8);}
}

.products .products_bx:nth-child(3) a {  
  animation: blink3 2s linear alternate infinite;
  animation-delay: 200ms;
}
@keyframes blink3{
  to{background-color: rgb(166 145 18 / 80%);}
}

.products .products_bx:nth-child(4) a {
  animation: blink4 2s linear alternate infinite;
  animation-delay: 800ms;
}
@keyframes blink4{
  to{background-color: rgba(18, 89, 37, 0.8);}
}

.products .products_bx:nth-child(5) a {
  animation: blink5 2s linear alternate infinite;
  animation-delay: 400ms;
}
@keyframes blink5{
  to{background-color: rgba(143, 141, 21, 0.8);}
}

.products .products_bx:nth-child(6) a {
  animation: blink6 2s linear alternate infinite;
  animation-delay: 50ms;
}
@keyframes blink6{
  to{background-color: rgb(168 32 42 / 80%);}
}

.products .products_bx:nth-child(7) a {
  animation: blink7 2s linear alternate infinite;
  animation-delay: 50ms;
}
@keyframes blink7{
  to{background-color: rgba(40, 18, 89, 0.8);}
}


.products .products_bx:nth-child(9) a {
  animation: blink7 2s linear alternate infinite;
  animation-delay: 70ms;
      background: #0daf91b0;
}
@keyframes blink9{
  to{background: rgb(13 175 145 / 72%);}
}


.products .products_bx:nth-child(10) a {
  animation: blink7 3s linear alternate infinite;
  animation-delay: 90ms;
}
@keyframes blink10{
  to{background-color: rgba(40, 18, 89, 0.8);}
}


.products .products_bx:nth-child(11) a {
  animation: blink7 3.50s linear alternate infinite;
  animation-delay: 110ms;
      background: #000000b3;
}
@keyframes blink11{
  to{    background: rgb(0 0 0 / 72%);}
}

.products .products_bx:nth-child(13) a {
  animation: blink7 4s linear alternate infinite;
  background: #ff0000b3;
}
@keyframes blink13{
  to{background-color: rgba(0 0 0 / 10%);}
}

.products .products_bx:nth-child(18) a {
  animation: blink7 4.5s linear alternate infinite;
  background: #ff0000b3;
}
@keyframes blink18{
  to{background-color: rgba(0 0 0 / 10%);}
}


.products .products_bx:nth-child(19) a {
  animation: blink7 4.5s linear alternate infinite;
  background: #ff0000b3;
}
@keyframes blink19{
  to{background-color: rgba(0 0 0 / 10%);}
}

.products .products_bx:nth-child(20) a {
  animation: blink7 4.5s linear alternate infinite;
  background: #ff0000b3;
}
@keyframes blink20{
  to{background-color: rgba(0 0 0 / 10%);}
}

.products .products_bx:nth-child(20) a {
  animation: blink7 4.5s linear alternate infinite;
  background: #ff0000b3;
}
@keyframes blink20{
  to{background-color: rgba(0 0 0 / 10%);}
}

.products .products_bx a:hover{
  animation: none !important;color: #fff;
  background-color: rgba(0 0 0 / 10%);
}

.owl-carousel.testimonials .owl-nav{display: none;}
.owl-carousel.testimonials .owl-dots{display: none;}
.maintextarea{width:95%; padding:50px 0;     text-align: left;margin: 0 auto;}
.maintextarea h2{ margin-bottom:30px;  text-transform: inherit !important;}
.maintextarea h3{font-size: 38px; line-height:44px; margin-bottom:50px;  text-transform: uppercase;  color: #fff;   font-weight: 600; }
.maintextarea p{font-size:18px; line-height:26px; color:#fff; font-family: 'Lato', sans-serif; font-weight:400; margin-bottom:70px;}

.gallery_main_col{overflow:hidden; margin-bottom:30px; cursor:pointer;}
.gallerybox img{ transition: 0.5s all ease-in-out; border-radius: 0px;}
.gallerybox:hover img{transform: scale(1.3); transition: 2s all ease-in-out;}

.gallery_main_col .fp_heading h3{text-align: center;color: #000;font-weight: 600;
    font-size: 18px;}

.fp{  border:1px solid #ccc !important;}

.pressC{ margin-bottom:30px;}
.pressC .gallerybox{margin-bottom:10px !important; padding: 5px;}
.pressC h3{ font-size: 18px !important; line-height:26px !important; margin: 0 0 5px 0 !important;   text-transform: inherit; }
.pressC p{ font-size: 14px !important; line-height:20px !important; margin: 0 0 0px 0 !important;   text-transform: inherit; }
.pressBox{ background:#eaeaea; padding:10px; }

.videobox{position:relative;    margin-bottom: 30px; box-shadow:5px 5px 10px #0003; }
.videobox iframe{width:100%; height:300px; vertical-align:bottom;}

.testimonialsbx{width:100%; display:flex;}
.testimonialsbx .testimonialsbx-img{width:30%;}
.testimonialsbx .testimonialsbx-text{width:70%;}

.load_more{text-align:center; margin-top:60px;}
.load_more span{display:block;}
.load_more a{font-size:14px; line-height:24px; color:#919191;}

.eventsbox{background:#eaeaea; width:100%;  margin-bottom:30px;}
.eventsbox .events_img{ overflow:hidden;}
.eventsbox img{ transition: 0.5s all ease-in-out; border-radius: 5px;}
.eventsbox:hover img{transform: scale(1.2); transition: 0.5s all ease-in-out;}
.eventsbox .events_text{ padding:30px;     text-align: left;}
.eventsbox .events_text h4{ font-size: 16px; line-height:20px;  color: #175fad; }
.eventsbox .events_text h3{ font-size: 18px; line-height:26px;  color: #000; margin: 0 0 0px;   text-transform: inherit;     min-height: 100px;}
.eventsbox .events_text .viewmore a{ font-size: 16px; line-height:20px;  color: #656565; background:url(../images/arrow.png) top 5px right 10px no-repeat;  padding-right: 40px;  transition: 0.5s all ease-in-out;}
.eventsbox .events_text .viewmore:hover a{  color: #ed1c24; background:url(../images/arrow.png) top 5px right 0px no-repeat;  transition: 0.5s all ease-in-out;}

.awards{margin-bottom:30px; text-align:center;}
.awards .awardsbox{overflow:hidden; margin-bottom:20px; cursor:pointer;}
.awards .awardsbox img{ transition: 0.5s all ease-in-out; border-radius: 5px;}
.awards h4{ font-size: 18px; line-height:24px;  color: #000; }
.awards a{  color: #000; }
.awards:hover .awardsbox img{transform: scale(1.2); transition: 0.5s all ease-in-out;}

#reMove_class ul li{display:block;}


.board-directer-new {padding-left: 0;	padding-right: 0;	padding-top: 40px; margin-bottom: 50px;}
.board-directer-new .board-directer-new-left {	border: 2px solid #6a6a6a;	width: 24%;	padding: 9px;	position: absolute;	top: 0;	left: 0;	background-color: #fff;}
.board-directer-new .board-directer-new-right:after {background-color: #df0024; content: ""; left: 50px;	position: absolute;	width: 46px;	height: 80%;	bottom: 15px;	z-index: -9;}
.board-directer-new .board-directer-new-left img {width:100%;}
.board-directer-new .board-directer-new-right {border: 1px solid #6a6a6a;	margin-left: 40px;	padding:40px 40px 30px 25%;	min-height: 386px;}
.board-directer-new .board-directer-new-right h3 { color: #000; font-size: 24px;	font-weight: 700;	margin:0px;}
.board-directer-new .board-directer-new-right h3:before {	display:none;}
.board-directer-new .board-directer-new-right h4 {	color: #333333;	font-size: 16px;	font-weight: 500;	margin: 0px;	padding: 10px 0;	position:relative;	margin-bottom: 40px;	background:none;}
.board-directer-new .board-directer-new-right h4:after {	background-color: #6a6a6a;	content: "";	left: 0;	position: absolute;	width: 340px;	height: 1px;	bottom: 2px;}
.board-directer-new .board-directer-new-right p {	color: #333333;	font-weight: 400;	font-size: 18px; line-height: 26px;	margin: 0;	padding-bottom: 20px;}

.vision_mision{position:relative; display:flex; margin-bottom:120px;}
.vision_mision h3{ margin-bottom:15px !important; color: #fff !important; }
.vision_mision p{ color:#fff !important; margin-bottom:20px !important;}
.vision_mision ul li{ color:#fff !important; margin-bottom:10px !important;}
.vision_mision .vision{width:50%; background:url(../images/vision_bg.jpg) top left no-repeat; background-size:cover; padding:30px 30px 20px; margin:100px 0 -80px 0; color:#fff;}
.vision_mision .mision{width:50%; background:url(../images/mision_bg.jpg) top left no-repeat; background-size:cover; padding:30px 30px 20px; color:#fff;}



.info {transform: rotate3d(1, 0, 0, 90deg);width: 100%;height: 100%;padding: 20px;  position: absolute;  top: 0;  left: 0;  border-radius:0px;  pointer-events: none;  background-color: rgba(26, 188, 156, 0.8);}
.info i{color:#fff; font-size:20px;  position: absolute; top: 50%;  left:50%;     transform: translate(-50%, -50%); z-index:99;}
.in-top .info {
  transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
          animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right .info {
  transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
          animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom .info {
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
          animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left .info {
  transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
          animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top .info {
  transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
          animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right .info {
  transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
          animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom .info {
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
          animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .info {
  transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
          animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, -1, 0, 104deg);
  }
}
@keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, -1, 0, 104deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 104deg);
  }
}
@keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, 1, 0, 104deg);
  }
}
@keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, 1, 0, 104deg);
  }
}
/* you can ignore this ones */

.gallerybox {overflow: hidden; position: relative; float: left;  width: 100%;  height: 100%;   padding: 0;  list-style: none;}
.gallerybox a { display: inline-block;  vertical-align: top;  text-decoration: none;  border-radius: 4px;}
.gallerybox .normal {  width: 100%;  height: 100%;  background-color: #ECF0F1;  color: rgba(52, 73, 94, 0.6);  box-shadow: inset 0 2px 20px #e6ebed;  text-align: center;  font-size: 50px;  line-height: 200px;}

.features{    width: 100%;
    padding: 20px 10px 10px;
    text-align: center;
    background: #f5f5f5;
    /* border: 1px solid #ccc; */
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 30px;
    min-height: 200px;
    border-radius: 5px;}
.features .fea-img{margin-bottom: 10px;}
.features .fea-img img{transition: 0.5s;width:85px;}
.features:hover .fea-img img{transition: 0.5s;width: 90px;}
.features h4{font-size: 14px;}

.breadcrumbs{width:100%;  background: #ebebeb; padding:10px; font-size: 16px;  color: #000; text-transform: capitalize;}
.breadcrumbs a{display: inline-block;font-size: 14px; font-weight: 600;  color: #0152b2;  transition: .2s ease; vertical-align: text-bottom;}
.breadcrumbs a:hover{ color: #ed1c24;  transition: .2s ease;}
.breadcrumbs span.bread_arrow {  color: #000;  margin: 0 5px;   font-size: 20px;}


.aboutbx2 .aboutbxtext ul{    margin-bottom: 25px;}
    .about_box .about_tab .nav-pills{       border-bottom: 1px solid #ebebeb !important;}
    .about_box .about_tab .nav-pills li a{border-radius: 0px;text-transform: uppercase;    font-size: 14px;}

.aboutbx2 .aboutbxtext ul li{list-style: inside;    letter-spacing: .5px;    font-size: 14px !important;color: #4b4b4b !important;}


#footerQueryForm .form-group .input-box #message{height:55px;width: 100%;resize: none;}

.walkbox h4{text-align: center;color: #fff;}

.int-user{    background: url(../images/user.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 7px !important;
    padding-left: 45px !important;}
.int-mail{  background: url(../images/mail.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 12px !important;
    padding-left: 45px !important;}
.city_icon{  background: url(../images/city_icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 7px !important;
    padding-left: 45px !important;}
.pin_icon{  background: url(../images/pin-icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 6px !important;
    padding-left: 45px !important;}




.msg-icon{  background: url(../images/msg.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 12px !important;
    padding-left: 45px !important;}


