@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway');

body{font-family: 'Titillium Web', sans-serif;color:#fff;font-size: 18px}
.loader{position: fixed; width: 100%;height: 100%;background: rgba(255,255,255,.9) url(../images/loading.gif) center center no-repeat; top:0;left:0;display: none; z-index: 999999;}
.showloader .loader{ display: block;}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button{-webkit-appearance: none;}
img{max-width: 100%}
a, a:hover, a:focus{color: #fff;text-decoration: none;}
h1,h2,h3,h4,h5{text-transform: uppercase;}
p{font-size: 18px;line-height: 22px;}
a.back-to-top{display: none;width: 50px;height: 50px;text-indent: -9999px;position: fixed; z-index: 999; right: 10px; bottom: 65px;background: url(../images/UpArrow.png) center center no-repeat;background-size: cover;transition: all ease .2s; -moz-transition: all ease .2s; -webkit-transition: all ease .2s}
a:hover.back-to-top{margin-bottom: 6px}
#wrapper {width: 100%;display: block;/*float: left;*/}
header{background: rgba(0,0,0,0.85); border-bottom: 1px solid #6e6b68; padding: 15px 0;text-transform: uppercase;display: flex;justify-content:center;width: 100%;transition: 0.4s;position: fixed;top:0;z-index: 9}
header .head-row{display: flex; align-items: center;justify-content: space-between;}
.hotlines {font-size: 14px;color:#acabab;text-align: right;margin-bottom: 8px;letter-spacing: 0.5px;}
.hotlines a.cust-log{color: #acabab;font-size: 12px}
.hotlines a.toll-no {color: #fff;font-weight: 400;letter-spacing: 0.5px}
.toplinks ul {display: flex; justify-content: flex-end;color: #fff;margin-bottom: 0;font-size: 14px;font-weight:700;}
.toplinks ul li{padding: 0 10px}
.toplinks li a:hover, .toplinks ul li a.active {color: #ffcb08}
.border-left-right {border-left: 1px solid #4f4f53;padding-left: 15px;}
.enq-btn {background: #20bdbe;border: none;-webkit-appearance:none;color:#fff;font-size: 14px;display: block;width: 100%;padding: 10px 5px;border-radius: 4px;font-weight: bold;text-transform: uppercase; font-family: 'Titillium Web', sans-serif;letter-spacing: 1px;cursor: pointer;transition:0.3s;text-align: center;}
.enq-btn:hover, .finder-div input[type="submit"]:hover{background: #169d9e}
.collps-btn-wrp {padding-left: 15px;}
.collapse-btn {text-align: right;width: 40px;height: auto;z-index: 9;/*display: none;*/float: right;cursor: pointer;}
.collapse-btn span{height: 2px;background: #fff;display: block;margin-bottom: 6px;float: right; width: 100%;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}
.collapse-btn span:nth-child(3){width: 60%;}
.collps-btn-wrp:hover .collapse-btn span:nth-child(3){width: 100%;}
.collps-btn-wrp:hover .collapse-btn span:nth-child(1){width: 60%;}
.collps-btn-wrp.close-btn {position: fixed;right: 15px;width: 55px;top: 30px;height: 45px;cursor: pointer;transition: 0.8s;}
.collps-btn-wrp.close-btn:before{position: fixed; content: ""; left: 0; right: 0;top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); overflow:hidden;}
.collps-btn-wrp.close-btn .collapse-btn {margin-top: 20px;}
.close-btn span:last-child{display: none;}
.close-btn span:first-child{transform: rotate(45deg);margin-bottom: -3px}
.close-btn span:nth-child(2){transform: rotate(-45deg);margin-bottom: -3px}
.collps-btn-wrp.close-btn:hover span,.collps-btn-wrp.close-btn:hover span:first-child {width: 100%;}
.sidebar ul li.hidden_link {display: none;}
.enq-fix-btn-wrp{position: fixed; top: 53%; z-index: 3; transform: translateY(-50%)rotate(-90deg); display: flex;  flex-direction: row; align-items: center; justify-content: center; right: -45px; }
.enq-fix-btn {/*display: none;*/ background-color: #18979a; padding: 7px 10px;/*color: #000;*/ border-radius: 5px;font-size: 14px;margin: 0 5px; position:relative;overflow: hidden;}
.enq-fix-btn:after {animation: effect 4s ease-in-out  infinite; animation-fill-mode: forwards; content: "";position: absolute; top: 0%; left: 0%;  width: 50%;
    height: 100%; opacity: 0;background: rgba(255, 255, 255, 0.13);background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%,rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100% );}
   @keyframes effect{
  0% {
    opacity: 1;
    top: -1%;
    left: -100%;
    transition-property: left, top, opacity;
    transition-duration: 0.5s, 0.5s, 0.5s;
    transition-timing-function: ease;
  }
  100% {
    opacity:1;
    top: -1%;
    left: 100%;
    transition-property: left, top, opacity;
  }
}

.whatsapp-no-dsk:after,.omk-ctc-btn:after{     
    animation: effect1 4s ease-in-out  infinite;
    animation-fill-mode: forwards;  
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
    to top, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
  }
   @keyframes effect1{
  0% {
    opacity: 1;
    top: 100%;
    left: 0%;
    transition-property: left, top, opacity;
    transition-duration: 0.6s, 0.6s, 0.6s;
    transition-timing-function: ease;
  }
  100% 
  {
    opacity:1;
    top: 0%;
    left: 0%;
    transition-property: left, top, opacity;
  }
}
.vr-line {width: 1px;background: rgba(255,255,255,0.3);}
.omkar-sitemap-container {margin: 120px 0}
.comman-accordian{ background-color:#ececec; padding:30px 20px;}
.center-align{text-align: center;width:80%;}
.sitemap-container-revised .collapse.in{display: block;visibility: visible;}
.sitemap-container-revised .collapse{display: none;visibility: hidden;}
.omkar-sitemap-head {font-size: 44px; color: #20bdbe; font-weight: 700;margin-bottom: 40px;}
.omkar-sitemap-sitelist {list-style-type: none;padding: 0;margin: 0 0 30px;display: flex;flex-flow: column;width:50%}
.m-left{margin-right:  15px;}
.first-accord{ position: relative;border-right:1px solid #cecdcd;}
.sitemap-container-revised .panel-title > a,.accord-home,.accord-home a{font-size:15px;color:#4e4e4e !important;font-weight:600; display:flex;padding:5px 0px;justify-content:space-between;align-items:center;text-transform: uppercase;}
.accord-home{padding-bottom: 5px;border-bottom: 1px solid #cecdcd;margin-bottom: 10px;}
.border-0{border:0 !important;}
.m-bottom{margin-bottom: 0px;}
.highlight-accord,.sitemap-container-revised .panel-title > a.highlight-accord{color: #20bdbe !important;}
.accord-home a.highlight-accord{color: #20bdbe !important;}
.sitemap-container-revised .panel-title > a:after { float: right !important; font-family: FontAwesome; content:"\2212"; padding-right: 5px; }
.sitemap-container-revised .panel-title > a.collapsed:after { float: right !important; content:"\2b";}
.sitemap-container-revised .panel-title > a:hover, .sitemap-container-revised .panel-title > a:active, .sitemap-container-revised .panel-title > a:focus  {text-decoration:none;}
.sitemap-container-revised  .panel-body ul a,.sitemap-container-revised  .panel-body ul a:hover,.sitemap-container-revised  .panel-body ul a:active,.sitemap-container-revised  .panel-body ul a:focus{color:#6f6f6f; font-size:13px;text-transform: uppercase;}
.sitemap-container-revised .panel-default{padding-bottom: 5px;border-bottom: 1px solid #cecdcd;margin-bottom: 10px;}
.omkar-media-head {font-size: 22px;color: #374e59; font-weight: 600; margin-bottom: 20px}
.omkar-sitemap-media .omkar-media-head .fa-play,.omkar-sitemap-sitelist .fa-play,.omkar-sitemap-sitelist-media .fa-circle {color: #009698;font-size: 16px; margin: 0 10px; display:none;}
.omkar-sitemap-sitelist li,.omkar-sitemap-sitelist-media li {margin-right: 7px;margin-bottom: 10px;font-size: 22px;color: #374e59;display: inline-block;text-transform: uppercase;}
.sub-list{padding-left: 25px;display: flex;flex-flow: column;}
.omkar-sitemap-sitelist li a,.omkar-sitemap-sitelist li a:active,.omkar-sitemap-sitelist li a:focus,.omkar-sitemap-sitelist li a:hover,.omkar-sitemap-sitelist-media li a,.omkar-sitemap-sitelist-media li a:active,.omkar-sitemap-sitelist-media li a:focus,.omkar-sitemap-sitelist-media li a:hover {color: #374e59;font-weight: 600}
.omkar-sitemap-sitelist-media {padding: 0; margin: 0}
.custom-media-section{display:none;}
.projects-container-flx{display: flex;justify-content: space-between;}
.sub-project-data{display: flex;flex-flow: column;width:100%;}
ul.sub-list li a {color: #696565ed !important; font-weight: 500 !important;}
ul.sub-list li a:hover{color: #374e59 !important; font-weight: 600 !important;}
.accord-home a.link-heighlighter{color: #20bdbe !important;}
.sidebar {width: 25%; position: fixed; right: -25%; top: 0; background: rgba(0,0,0,0.9); height: 100%; transition: 0.4s; z-index: 5;}
.sidebar.nav-open {right: 0;}
.sidebar ul {display: block;font-size: 0;margin:30% 20px 0;position: relative;}
.sidebar ul li {padding-bottom: 8px; margin-bottom: 8px;border-bottom: 1px solid rgba(255,255,255,0.2); display:block;}
.sidebar ul li:last-child{border-bottom: none;}
.sidebar ul li a {font-size: 16px;display: block;}
.close-btn{display: none;}

/*#main-slider .bg{width: 100%; height: 600px; background-position: right; bottom;}*/
#main-slider .bg{width: 100%; /*height: 725px; */background-position: right bottom;}
.slider-cont {display: none !important; position: absolute;top: 0;height: 100%;width: 100%;display: flex;align-items: flex-end;color: #fff;letter-spacing: 1px;}
/*.slider-cont a.btn-5 {border: 1px solid transparent; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);outline: 1px solid;outline-color: rgba(255, 255, 255, .5);outline-offset: 0px; text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);padding: 10px; text-transform: uppercase;font-size: 16px;background: #575757;margin-right: 8px;} */
.slider-cont a.btn-5 {border: 1px solid transparent; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);outline: 1px solid;outline-color: rgba(255, 255, 255, .5);outline-offset: 0px; text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);padding: 10px; text-transform: uppercase;font-size: 16px;background: #575757;margin-right: 8px;display:none;} 
.slider-cont small {font-size: 20px;text-transform: uppercase;}
.slider-cont h1{font-size: 35px;font-weight: 300;}
.slider-cont h1 strong{color: #ffcb08;font-weight: 700}
.slider-cont h2{font-size: 50px;margin-bottom: 30px}
.slide-head {display: flex;justify-content: flex-end;margin-bottom: 3%}
.owl-carousel .owl-item .slide-head img {width: auto}
/*#main-slider .slider-cont{align-items: center;}*/
#main-slider .slider-cont .left-txt{margin-bottom: 9%;text-shadow: 2px 2px 5px #999;}
#main-slider.owl-theme .owl-dots {position: absolute; bottom: 0;left: 0;right: 0;margin: 0 auto}
#main-slider.owl-theme .owl-dots .owl-dot span {width: 12px;height: 12px;background: #20bdbe}
#main-slider.owl-theme .owl-dots .owl-dot.active span {background-color: #828282}

#project-carousels{padding: 50px 0;background: url(../images/projcarousel-bg.png) repeat-x bottom;position: relative;}
#project-carousels:after{position: absolute; width: 57px;height: 57px; content: 'OR';left: 0;right: 0; margin: 0 auto;background: #faa61a;border-radius: 50%;text-align: center;line-height: 57px;color: #fff;bottom: -25px;box-shadow: 2px 3px 10px #999;display: none;}
#project-carousels ul.tab,ul.tab li a {color: #222222;font-size: 40px;text-transform: uppercase;margin: 0;}
#project-carousels ul.tab li {list-style-type: none; display: inline-block}
#project-carousels ul.tab li a {transition: .3s;letter-spacing: 1px; position: relative;text-decoration: none!important}
#project-carousels ul.tab li a.active:after {position: absolute; width: 98%; height: 2px; background: #4f7b8c;bottom: 5px;left: 0;content: ''}
#project-carousels ul.tab a.active, #project-carousels ul.tab li a:focus, #project-carousels ul.tab li a:hover {color: #4f7b8c!important;}
a [class*=" icon-"],a [class^=icon-] {display: block}
#project-carousels .tabcontent {display: none}
small.project-label {color: #222222;letter-spacing: 1px;text-transform:uppercase;font-size: 23px;display: block; margin-bottom: 20px;font-weight: 700; line-height: 45px}
#res-project .owl-nav,.tabcontent .owl-nav {position: absolute; top:38%;width: 100%;  transform: translateY(-50%);font-size: 0}
.tabcontent .owl-carousel .owl-nav [class*=owl-] {font-size: 0;background-size: contain !important}
.tabcontent .owl-carousel .owl-nav .owl-prev {background: url(../images/arrow-prev.png) no-repeat left;left: -4%;width: 46px; height: 44px; position: absolute}
.tabcontent .owl-carousel .owl-nav .owl-next {background: url(../images/arrow-next.png) no-repeat right; right: -4%; width: 46px; height: 44px; position: absolute;}
.owl-carousel { z-index: 0}
.carousel-items .owl-stage-outer {padding: 20px 0}
.carousel-items .item div {transition: .3s; cursor: pointer;color: #2b2b2b;text-align: center;}
.carousel-items .item div img { box-shadow: 4px 0 40px 5px rgba(0,0,0,0.2);transition:0.5s;}
.carousel-items .item span {display: block; padding: 15px 2%;font-size: 22px;text-align: center;color: #333}
.carousel-items .item span small {display: block;text-transform: none;}
.carousel-items .item .view_btn {text-transform: uppercase; letter-spacing: 1px; font-size: 14px; display: inline-block; padding: 7px 30px; color:#20bdbe; border-radius: 4px; border:1px solid #20bdbe;transition:0.6s;}
.carousel-items .item span.on-proj-label {position: absolute; top: 5%;left: 0;color: #fff;background: #0060a5;padding: 6px 10px; font-size: 12px;letter-spacing: 3px}
#res-project .tabcontent .owl-carousel .owl-item {text-align: center;}

form.prop-finder {display: flex;justify-content:center;}
.finder-div  {padding: 60px 0 70px}
.finder-div h2{color: #222222; margin-bottom: 25px;}
.finder-div select{border: none;border-bottom: 1px solid #979797;padding: 8px 0; font-size: 14px;width: 26%;margin-right: 3%;outline:none;-webkit-appearance:none;-moz-appearance:none;background: url(../images/select-down-arw.png) no-repeat right center;font-family: 'Titillium Web', sans-serif;font-weight: bold}
.finder-div input[type="submit"]{background: #20bdbe;border: none;padding: 5px 3%;color: #fff;font-family: 'Titillium Web', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 18px;border-radius: 4px;cursor: pointer}
select.error, input.error,.error {border: 1px solid red !important;}

#about-info
{
    background: url(../images/about-in-bg.jpg);
     background-size: cover; 
   /* background-attachment: fixed;*/
    padding: 140px 0;
    position: relative;
    overflow:hidden;
}
.about-cols {display: flex; align-items: center;position: relative;}
.about-cols:before {content: '';position: absolute;background: url(../images/contact-bg-logo.png) no-repeat;width: 40%;height: 60%;left: -5%;top: -20%;filter: grayscale(0.95);}
a.know-more {background: #ffcb08;text-transform: uppercase;color: #473e1a; padding: 5px 10px;display: inline-block;margin: 20px 0 30px}
a.know-more:hover{background: #20bdbe}
h2 {font-size: 40px;font-weight: 700}
#about-info h3 {font-size: 24px;font-weight: 700;margin-bottom: 30px;position: relative; display: table;}
#about-info h3:after{position: absolute; right: -20px; width: 0;border-left: 6px solid #ffcb08;border-top: 6px solid transparent;border-bottom: 6px solid transparent;content: ''; top: 50%; transform: translateY(-50%);}
#about-info p {font-size: 15px;line-height: 20px; width: 85%;}
span.f-chld {font-size: 20px;text-transform: uppercase;transform: rotate(-90deg); margin-right: -14px}
span.s-chld {font-size: 70px; font-weight: 700;line-height: 60px;}
span.t-chld {font-size: 19px; margin-left: 10px;line-height: 20px;}
span.sml-t-chld {/*font-size: 12px;margin-right: -25px;*/

    font-size: 17px;
    margin-right: -25px;
    margin-left: -21px;
}
.specs {display: flex;align-items: center;margin-bottom: 20px;}
.col-abt-right {/*width: 30%;*/ width:25%; position: absolute; right: 0;text-align: right;}
#news-list{background-attachment: fixed;padding: 50px 0;color: #2b2b2b}
#news-list h2{margin-bottom: 30px;color: #2b2b2b}
#news-list .col-md-6:nth-child(odd){padding-right:2%;border-right:1px solid #b2b2b2}
#news-list .col-md-6:nth-child(even){padding-left:2%}
#news-list .news-desc img{margin: 8px 0 8px;width:32%;}
.news-wrap{width:100%;padding-bottom:30px;float:left;}
.date-pane{width:110px;float:left;color:#fff;}
.news-desc{width:calc(100% - 110px);float:right;padding-left:20px;text-align:left;}
.news-wrap .date{background:url(../images/date-bg.png) no-repeat;font-size:40px;font-weight:bold;width:100%;display:block;padding: 20px 5px;line-height: 30px;   background-size: contain;}
.mnth-yr{font-size:20px;text-transform:uppercase;display:block;}
.news-desc h3{font-size:23px;margin-bottom:5px;font-weight: 700}
.news-desc span a{font-size:17px;text-decoration: underline;color: #2b2b2b}
.news-desc span a:hover{text-decoration: none}
a.read-news {background: #18979a;padding: 5px 15px;text-transform: uppercase;font-size: 16px;transition: 0.6s;}
a:hover.read-news {background-color: #ffcb08;color:#000;}

#contact-info{background: url(../images/contact-info-bg.jpg) 45% 0 #b9dafe;color: #272727}
.contacts {margin: 80px 0 50px; padding-top: 3%;position: relative;}
.contacts:before{content: '';position: absolute;background: url(../images/contact-bg-logo.png) no-repeat;width: 40%;height: 60%;left: -12%;top:-10%;filter:grayscale(1);}
.contacts h5{color: #616161; margin-bottom: 30px}
.contacts p small{font-size: 14px; display: block;}
.nos {font-size: 18px}
.nos a {color: #616161}
a.mail-link {font-size: 16px;color: #272727}
a.req-call {background: #3b515d; padding: 8px 10px;display: inline-block;text-transform: uppercase;margin: 30px 0}
a.req-call:hover {background-color: #20bdbe}
.c-links {display: block;line-height: 35px;}
.c-links img {margin-right: 8px;vertical-align: middle;}
.c-links a {color: #272727; font-size: 18px;}
.c-links a:hover {color: #000;text-decoration: underline;}

footer{color: #828181; padding: 20px 0;text-transform: uppercase;}
footer ul.social-links {margin: 0;float: right;margin-bottom: 0}
footer ul li{display: inline;}
.f-links a {color: #5a5a5a; font-size: 13px}
.f-links a:hover{color: #000}
footer a img {filter:grayscale(1);transition: 0.4s;}
footer a img:hover{filter: grayscale(0);}
footer small{font-size: 12px}
footer ul.f-links{margin-bottom: 0}


.main-footer
{
    display: flex;
    width:100%;
    margin-bottom:30px;

}
.footer-col
{
    /*flex-flow: column;*/
    border-right:1px solid #f0f0f0;
    margin-left:15px;
    width:14.30%;
}
.footer-col:last-child
{
    border:0;
}
.main-footer ul
{
    list-style-type: none;
    padding:0;
    margin:0;
}
.main-footer ul li a,.main-footer ul li.footer-head
{
    color:#5a5a5a;
    font-size:14px;
    text-transform: capitalize;
    display: flex;
}
.main-footer ul li.footer-head
{
    text-transform:uppercase;
    font-weight:600;
}
#innder-slider {position: relative;}
#innder-slider h1 {
	font-size: 35px;
    font-weight: 700;
    line-height: 37px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.48);
    padding: 10px 20px;
}
#innder-slider .slider-cont {align-items: flex-end;text-shadow: 2px 1px 1px #333;}
#innder-slider .slider-cont .container {margin-bottom: 3%}
a.scroll-down {background: transparent;margin: 0 0 3% 7%;    width: 12px;display: block;}
a.scroll-down:hover {background: transparent;}
#offc-info {color: #737373;background: #eeeeee;}
#offc-info a {color: #737373}
#offc-info a:hover {color: #000}
#offc-info iframe, .maps iframe {pointer-events: none;}
#offc-info iframe.clicked, .maps iframe.clicked {pointer-events: auto;}
.con-left-info {padding: 50px 40px 50px;border-right: 1px solid #d6d6d6;}
.contact-page h2 {color: #535353;font-size: 36px;font-weight: 700;text-transform: uppercase;padding-bottom: 12px;margin-bottom: 12px}
.bottm-bor {border-bottom: 1px solid #d6d6d6}
.contact-page h3 {color: #18979a; font-size: 20px; font-weight: 700;margin-bottom: 0}
.contact-page p, .contact-page p a {color: #737373}
.m-t-40 {margin-top: 40px}
.con-right-info {padding: 50px 0 0 4%;}
.con-right-info form input[type="text"] {background: transparent;border: none; border-bottom: 1px solid #cbcbcb;font-size: 12px; text-transform: uppercase;width: 100%; padding: 8px 0;margin-bottom: 12px;outline: none}
form input[type="submit"].sub-btn, #vendor-register form input.sub-btn {background-color:#18979a; color: #fff;border: none;-webkit-appearance: none; text-transform: uppercase; font-family: 'Titillium Web', sans-serif;font-size: 14px;font-weight: 700;padding: 10px 20px;display: inherit;margin: 10px auto 0; width: auto;cursor: pointer}
#vendor-register{color: #535353;padding: 10px 0 80px;background: #eeeeee}
#vendor-register h2 {font-size: 36px; display: block; text-align: center; margin: 40px 0;padding-bottom: 15px}
#vendor-register form input, #vendor-register form select {background: transparent; border: none; border-bottom: 1px solid #cbcbcb;font-size: 14px; text-transform: uppercase;width: 100%;padding: 8px 0; margin-bottom: 25px;outline: none;font-family: 'Titillium Web', sans-serif;letter-spacing: 1px;}
#vendor-register form input::-webkit-input-placeholder {color: #535353}
#vendor-register form .fileUpload {position: relative;overflow: hidden;width: 75px; padding: 8px 10px;font-size: 15px;font-weight: 700;text-transform: uppercase;cursor: pointer; background: #18979a;color: #fff;display: inline;float: left;}
#vendor-register form .fileUpload input.upload {background: #18979a; position: absolute; top: 0; right: 0; margin: 0;padding: 0;font-size: 20px;opacity: 0;filter: alpha(opacity=0);}
#vendor-register form input#uploadFile {width: calc(100% - 75px);float: left;}
#other-offc {padding: 200px 0 40px;background: #e6e6e6;margin-top: -160px}
#other-offc .col-md-6 {padding-right: 10%}
#vendor-register .row .col-md-4:first-child {padding-right: 4%}
#vendor-register .row .col-md-4:nth-child(2){padding: 0 2%}
#vendor-register .row .col-md-4:last-child {padding-left: 4%}
#vendor-register form .intl-tel-input input {padding-left: 25%;}

.career-page h2 {color: #3b515d;font-weight: 700;margin-bottom: 30px;text-align: center;}
#about-career{background: #20bdbe;	color: #fff;text-align: center;/*padding: 50px 0;*/padding: 146px 0;}
#about-career p {font-size: 21px; font-family: 'raleway';line-height: 30px}
#career-info{background-color: #3b515d;color: #fff;padding: 50px 0; margin-bottom: 50px}
#career-info h4 {font-size: 18px;line-height: 1.3;}

.btn-yellow {background: #ffcb08;color: #fff;padding: 7px 25px;transition:0.3s;display: inline-block;font-size: 20px;letter-spacing: 5px;font-weight: 700;text-transform: uppercase;margin-top: 20px;border-radius: 30px}
.btn-yellow:hover {background: #e6b602}
img.certi-img {margin-bottom: -100px;box-shadow: 0 0px 28px #585858;}
ul.award-list li {font-size: 18px; margin-bottom:5px;list-style-image: url(../images/str-icn3.png); margin-left: 20px;list-style-position: outside;}
#career-info h3 {font-size: 30px;font-weight: 700;margin-bottom: 10px}
#three-tabs {padding: 60px 0}
.tabs {width:100%;display:inline-block;color: #222}
.tabs .tab-links:after {display:block;clear:both;content:'';}
.tabs .tab-links li {margin:0px 15px;float:left;list-style:none;width: 31.5%;}
.tabs .tab-links li:first-child {margin-left: 0 } .tab-links li:last-child {margin-right: 0}
.tabs .tab-links a {padding:15px 20px;display:block;background:#939393;font-size:28px;color:#4c4c4c;transition:all linear 0.15s;position: relative;}
.tabs .tab-links li.active a {background:#ffcb08;}
.tabs .tab-links li.active a:after {position: absolute;content: '';width: 0;height: 0;left: 0;right: 0;margin: 0 auto;border-top: 15px solid #ffcb08;border-left: 15px solid transparent;border-right: 15px solid transparent;bottom: -15px;}
.tabs .tab-content {padding:2% 4%;border-radius:3px; background:#fff;width: 92%;margin: 60px auto 0; border: 10px solid #e3e3e3;position: relative;}
.tabs .tab-content:before{position: absolute;content: '';height: 100%; width: calc(100% + 40px); left: -20px; top:-20px;border: 1px solid #e3e3e3}
.tabs .tab {display:none;}
.tabs .tab.active {display:block;}
.tabs .tab-links li span {display: block; color: #fff;text-transform: uppercase;font-weight: 700;margin-top: 10px}
span.large-txt {font-size: 60px; color: #ffcb08;text-transform: uppercase;font-weight: 700;line-height: 65px;margin-bottom: 20px;display: inline-block;}
.tabs .tab-content ul li {font-size: 18px; /*text-transform: uppercase;*/ font-weight: 700; margin-bottom:15px;list-style-image: url(../images/str-icn2.png); margin-left: 50px;list-style-position: outside;color:#636363; line-height: 20px;}
.career-rwrd {padding: 80px 0;color: #676767}
.rew-img {background:url(../images/total-rwrd.jpg);background-size:cover; width:100%; height:200px; position:relative;overflow:hidden;}
.rwrdarrow {border: 12px solid #fff;width: 0;border-bottom:none;border-color:transparent #fff transparent #fff;position:absolute;left: 8%;bottom: 0px;}
.rwrdarrow:before, .rwrdarrow:after {content:'';position:absolute;width:5000px;bottom:0;height: 12px;background:#fff;}
.rwrdarrow:before {right: 12px;}
.rwrdarrow:after {left: 12px;}
.rwrdarrow1 {border: 12px solid #fff;width: 0;border-top:none;border-color:transparent #fff transparent #fff;position:absolute;left: 8%;top: 0px;}
.rwrdarrow1:before, .rwrdarrow1:after {content:'';position:absolute;width:5000px;top:0;height: 12px;background:#fff;}
.rwrdarrow1:before {right: 12px;}
.rwrdarrow1:after {left: 12px;}
.no-padding{padding: 0}
.career-rwrd .rwrd-desc {padding: 18px 15px}
.career-rwrd .rwrd-desc h5{font-size: 18px; font-weight: 700}
.career-rwrd .rwrd-desc p{font-size: 14px; line-height: 17px}
.career-rwrd .rwrd-desc a{font-size: 12px; text-transform: uppercase;color: #00a3a4;font-weight: bold}
.testimonial-sec {background: #f5f5f5;padding: 80px 0;color: #6b6969}
.testi-img {width: 250px; height: auto; border-radius: 50%; overflow: hidden;max-width: 100%}
#testimonial-slider .item {align-items: center; justify-content: space-around;display: flex}
.testi-desc {width: 75%;}
.testi-desc p {font-size: 16px; font-family: 'raleway';line-height: 22px;position: relative;}
.testi-desc p strong{display: block;font-style: italic;}
.testi-desc p.blockqte {padding: 40px 30px;}
.testi-name{padding:0 30px;}
.testi-desc p.blockqte:before, .testi-desc p.blockqte:after {position: absolute;width: 30px; height: 27px;content: '';}
.testi-desc p.blockqte:before {top: 0;left: 0;background: url(../images/up-quote.png);}
.testi-desc p.blockqte:after {bottom: 0;right: 0;background: url(../images/down-quote.png);}
#testimonial-slider.owl-theme .owl-dots {width: 100%;margin:0 auto;z-index: 9;position: relative;}
#testimonial-slider.owl-theme .owl-dots .owl-dot.active span {background: #20bdbe}
#testimonial-slider.owl-theme .owl-dots .owl-dot span {margin: 4px;width: 12px;height: 12px;}
.moments-sec {padding: 40px 0;background: #e6e6e6;box-shadow: 0 -5px 16px #9a9a9a}
#moments-slider.owl-theme .owl-nav {position: absolute;top: 40%;width: 100%;z-index: -1}
#moments-slider.owl-carousel .owl-nav [class*=owl-] {background: transparent;border: 1px solid #b2b2b2;border-radius: 0; padding: 4px 16px;color: #b2b2b2;font-size: 25px;font-family: 'raleway';position: relative;}
#moments-slider.owl-carousel .owl-nav .owl-prev {left: -5%; float: left;}
#moments-slider.owl-carousel .owl-nav .owl-next {right: -5%; float: right;}
#moments-slider.owl-carousel .owl-nav [class*=owl-]:hover {border-color: #333;color: #333}
#moments-slider .item a {position: relative;width: 100%;height: 100%;display: block;}
#moments-slider .item a.fancybox:before{position: absolute;content: '';transition:0.3s;transform: scale(0.7);width: 100%;height: 100%;top: 0;left: 0; z-index: 99;background: no-repeat center}
#moments-slider .item:hover a.fancybox:before{background:url(../images/zoom-icn.png) rgba(0,0,0,0.5) no-repeat center;transform: scale(1);border: 3px solid #20bdbe; }
#moments-slider .item h3{color: #666; font-size: 20px;font-weight: bold;margin: 15px 0 0;}

#director-slider.owl-theme .owl-nav {position: absolute;top: 40%; width: 100%; z-index: -1;}
#main-slider.owl-theme .owl-nav {position: absolute;top: 26%;width: 100%;z-index: 99;}
#main-slider.owl-carousel .owl-nav [class*=owl-] {border-radius: 0; padding: 4px 16px;color: #fff;background-color: #18979a;font-size: 25px;font-family: 'raleway';position: relative;font-weight: 600;}
#director-slider.owl-carousel .owl-nav [class*=owl-] {border-radius: 0; padding: 4px 16px;color: #fff;font-size: 25px;font-family: 'raleway';position: relative;font-weight: 600;}
#main-slider.owl-carousel .owl-nav .owl-prev {float: left;}
#main-slider.owl-carousel .owl-nav .owl-next {float: right;}
#main-slider.owl-carousel .owl-nav [class*=owl-]:hover {border-color: #fff;color: #fff}

#director-slider.owl-carousel .owl-nav .owl-prev {left: -5%; float: left;}
#director-slider.owl-carousel .owl-nav .owl-next {right: -5%; float: right;}
#director-slider.owl-carousel .owl-nav [class*=owl-]:hover {border-color: #fff;color: #fff}

.openings {padding: 140px 0 40px;color: #424242;text-align: center;}
.openings table {width: 100%;font-size: 16px;box-shadow: 0 0 30px #c5c5c5}
.openings table th{background: #3b515d;padding: 8px;color: #fff;text-transform: uppercase;text-align: center;}
.openings table td{padding: 12px}
.openings table td:first-child,.openings table th:first-child{text-align: left;}
.openings table tr:nth-child(even){background: #ededed}
.openings table tr:nth-child(odd){background: #f4f3f3}
.openings table td a {color: #000;padding: 5px 15px; border: 1px solid #000;border-radius: 3px; transition:0.4s; display: inline-block;font-size: 13px; text-transform: uppercase;font-weight: bold;letter-spacing: 1px}
.openings table td a:hover{background: #20bdbe;color: #fff}
a.btn-blue {background: #20bdbe;color: #fff; padding: 7px 15px; transition: 0.3s; display: inline-block; font-size: 20px; letter-spacing: 5px; font-weight: 700;text-transform: uppercase; margin: 20px auto 0;border-radius: 30px;}
a.btn-blue:hover {background: #ffcb08}
.campus-desc {margin-top: 50px; text-align: center;padding: 0px 10% 10px;position: relative;}
.campus-desc h2{padding: 0 10px;background: #fff;display: inline-block;}
.campus-desc p {font-size: 15px;font-family: 'raleway'}
.campus-desc:before {position: absolute;content: '';top: 22px;left: 0;height: 100%; width: 100%;border: 1px solid #18979a;z-index: -1;}
.camp-partner {background: #e6e6e6;padding: 40px 0}
.camp-partner ul {align-items: center;text-align: center;justify-content: center;margin-bottom: 0;display: flex}
.camp-partner ul li {padding: 10px 5%;width: auto;display: inline}
.camp-partner ul li:nth-child(2){border-left: 1px solid #a3a3a3;border-right: 1px solid #a3a3a3;}

.projects-lists .row {align-items: center;}
.projects-lists a{color: #222}
.projects-lists .row.list-cols {width: 94%;margin: 60px auto 0}
.projects-lists .list-cols img{width: 100%; max-width: 100%}
.projects-lists .proj-name {width: 85%; margin: 30px auto;letter-spacing: 1.2px;}
.projects-lists .proj-name h4{margin-bottom: 4px}
.projects-lists .proj-name h6{text-transform: uppercase; font-size: 13px;line-height: 16px;display: inline-block;background: #f2f2f2;position: relative;z-index: 0;display: none; /*Client change 30042018*/}
.projects-lists .proj-name h6 span{display: block;}
.projects-lists .list-cols .col-md-6 {padding: 0 25px;display: none;}
.projects-lists .list-cols .col-md-6 div.thumb-img{box-shadow: 8px 8px 30px #505050;position: relative;}
.projects-lists .list-cols .col-md-6 div.thumb-img span{position: absolute;color: #fff;left: 10%;bottom: 6%;width: 100%;font-weight: 700;}
.projects-lists .list-cols .col-md-6 div.thumb-img:before, .projects-lists .list-cols .col-md-6 div.thumb-img:after{ position: absolute; top: 3%; right: 3%; bottom: -16%; left: 3%; content: ''; opacity: 0;-webkit-transition: opacity 0.75s, -webkit-transform 0.75s; transition: opacity 0.75s, transform 0.75s;}
.projects-lists .list-cols .col-md-6 div.thumb-img::before { border-top: 2px solid #ffcb08; border-bottom: 2px solid #ffcb08; -webkit-transform: scale(0, 1); transform: scale(0, 1);}
.projects-lists .list-cols .col-md-6 div.thumb-img::after {border-right: 2px solid #ffcb08;border-left: 2px solid #ffcb08;-webkit-transform: scale(1, 0);transform: scale(1, 0);}
.projects-lists .list-cols .col-md-6:hover div.thumb-img::before, .projects-lists .list-cols .col-md-6:hover div.thumb-img::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
#loadMore {padding: 8px 20px; color: #20bdbe;border: 2px solid #20bdbe;transition:0.3s; display: inline-block;margin: 0 auto;text-transform: uppercase;letter-spacing: 3px;font-size: 15px;font-weight: bold;cursor: pointer;}
#loadMore:hover {background: #20bdbe;color: #fff}

#sub-nav {width: 100%; background: #fff;z-index:2; box-shadow: 0px 0px 10px #666;}
#sub-nav.sticked {position: fixed;box-shadow: 0px 0px 10px #666;z-index:500;}
#sub-nav ul{display: flex; justify-content: space-around;margin: 0}
#sub-nav ul li{display: inline-block;}
#sub-nav ul li a {color: #000; font-size: 18px; padding: 15px;text-transform: uppercase;display: block;font-weight: 700}
#sub-nav ul li a:hover, #sub-nav ul li a.active, #sub-nav ul li a:focus{background: #fec50b;color: #fff}

#projects-listing-section {color: #222222; text-align: center;}
#projects-listing-section h2{margin-bottom: 50px}
#tabs-container {width: 100%; background: #fff;z-index:2;}
#tabs-container.sticked {position: fixed;box-shadow: 0px 0px 10px #666;z-index:500;}
#tabs-container ul{display: flex; justify-content: space-around;margin: 0}
#tabs-container ul li{display: inline-block;}
#tabs-container ul li a {color: #000; font-size: 18px; padding: 15px;text-transform: uppercase;display: block;font-weight: 700}
#tabs-container ul li a:hover, #tabs-container ul li a.active, #tabs-container ul li a:focus{background: #fec50b;color: #fff}
/*.project-detailpage .owl-nav{position: absolute;top: 50%;transform: translateY(-50%); width: 100%;z-index: 1}*/
#press_release_slider .owl-nav {width: auto; position: absolute;top:-12%;transform: translateY(-50%); }
.project-detailpage .owl-nav [class*=owl-]{width: 44px;height: 44px;margin: 0;font-size: 0;position: relative;border-radius: 50%;border: none;background-repeat: no-repeat; background-position: center; position: absolute;top: 50%;transform: translateY(-50%);}
.project-detailpage .owl-nav [class*=owl-]:hover{background-color: rgba(0,0,0,0.8) }
.project-detailpage .owl-nav .owl-prev {background-image: url(../images/arrow-prev3.png);float: left;left: -8%}
.project-detailpage .owl-nav .owl-next {background-image: url(../images/arrow-next3.png);float: right;right: -8%}

.tabs-wrap {margin-bottom: 50px;color: #222;display: flex;justify-content: center;}
.tabs-wrap span{font-weight: 700;text-transform: uppercase;font-size: 15px;letter-spacing: 1px; cursor: pointer;padding:8px 10px;margin: 0 8px;width: 18%;display: flex;align-items: center; justify-content: center; /*width: 20%;*/ border: 1px solid #9e9e9e; border-radius: 3px;color: #9e9e9e;}
.tabs-wrap strong{font-weight: normal;margin: 0 8px;}
.tabs-wrap span.active {color: #fff;background: #000; position: relative;}

#project-slider .slide-head {justify-content: flex-start;padding: 0 5%;display: none;}
.slider-cont h2.projdet-head {margin-bottom: 0}
#project-slider .left-txt{margin-bottom: 6%;display: inline-block;background-color: rgba(0, 0, 0, 0.42);padding: 0 20px;}
#innder-slider .bg{
  background-size: cover;
  background-position-y: center;
  height: 500px;
}
#project-slider .bg{/*height: 500px;*/background-size: cover;background-position-y: center }

.projects-lists {padding: 50px 0}
.projects-lists h2 {font-weight: normal;letter-spacing: 1px}
ul.project-type-links {text-align: right;}
ul.project-type-links li {display: inline-block;margin-left: 15px}
ul.project-type-links li a {border: 1px solid transparent; padding: 4px 10px;color: #978764; transition: 0.5s;font-size: 14px; text-transform: uppercase;font-family: 'raleway'}
ul.project-type-links li a:hover, ul.project-type-links li a.active{border: 1px solid rgba(32, 189, 190, 1);outline: 1px solid;outline-color: rgba(32, 189, 190, 0);outline-offset: 15px;color:#20bdbe;}

.project-detailpage h1 {font-weight: 700;margin-bottom: 35px;color: #000;}
.project-detailpage h1 strong {display: block;}
.project-detailpage h1 small{display: flex;align-items: center; justify-content: center; margin: 0 auto; width: 45%; font-size: 24px;font-weight: 700;position: relative;color: #525252;}
.project-detailpage h1 small span{width: 30%;height: 1px;background: #525252; display: inline-block;position: relative;}
.project-detailpage h1 small span:before{content: '';position: absolute;width: 7px; height: 7px; border-radius: 50%; background: #949494;top: -3px;}
.project-detailpage h1 small span:first-child{margin-right: 15px;}
.project-detailpage h1 small span:first-child:before{left: 0;}
.project-detailpage h1 small span:last-child{margin-left: 15px;}
.project-detailpage h1 small span:last-child:before{right: 0;}
.project-detailpage .project-desc{width: 80%; margin: 0 auto;display: block;font-size: 15px;line-height: 20px;}
.project-detailpage #press_release h2{margin-bottom: 0}
#project-slider .slide-head.projdet {padding-left: 0}

.project-desc p {font-size: 16px;line-height:19px; /*margin-top: 30px;margin-bottom: 40px*/}
.projdetails {padding: 60px 0;position: relative;overflow: hidden;}
.projdetails a.views{padding: 7px 25px;outline: 1px solid rgba(32, 189, 190, 1);display: table;color: #20bdbe;text-transform: uppercase;font-size: 15px; margin-bottom: 20px;width: 35%;outline-offset: 0;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);margin-top: 40px;}
.projdetails a.views:hover {outline-offset: 15px;outline-color: rgba(32, 189, 190, 0);box-shadow: inset 0 0 95px #20bdbe;color: #fff}
.proj-details-logo {float: left; margin-top: 4%;position: relative;width: 55%;display: none;}
.overlay-img {float: right;margin-right: -15px; margin-top: -8%;width: 45%;display: none;}
.ovrvw-r-img {position: absolute; right: -12%;top:0;content: ''; width: 50%;height: 100%;transform: skewX(20deg) rotate(0deg);overflow: hidden;}
.ovrvw-r-img span{transform: skewX(-20deg) rotate(0deg);max-width: 150%;margin-left: -20%;width: 100%;height: 100%;position: absolute;background-attachment: fixed;background-size: cover;background-position-x: -550%}

#plans{text-align: center; padding: 50px 0 70px;background: #FFF;}
.owl-carousel.tabs-content.active{display: block;}

.gallery-wrp {padding: 60px 0; text-align: center;background: #fff;line-height: 16px;}
.gallery-wrp .owl-carousel.tabs-content {display: none;width: 95%; margin: 0 auto;}
.gallery-wrp .item{box-shadow: 0px 0 9px 0px rgba(0, 0, 0, 0.5); margin: 10px; position: relative;}
.gallery-wrp .item span{ font-weight: 700; color: #fff; position: absolute; bottom: 0; left: 0; text-transform: uppercase; font-size: 15px; padding: 30px 10px 10px 10px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); width: 100%; text-align: left;}
.gallery-wrp small{font-size: 12px; line-height: 16px;margin: 40px auto;display: block;width: 80%;}

#showreel{overflow: hidden;margin-bottom: 70px;}
.showreel-wrp{width: 60%;margin: 0 auto;}
.showreel-wrp .owl-carousel .owl-stage-outer{overflow: visible;}
.showreel-wrp .owl-carousel .owl-item:after{content: ''; background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.showreel-wrp .owl-carousel .owl-item.active:after{content: ''; display: none;}
.showreel-wrp .owl-carousel iframe{width: 100%; height: 400px;}
.showreel-wrp .owl-nav .owl-prev{left: -12%;}
.showreel-wrp .owl-nav .owl-next{right: -12%;}

/* GOCO and Ranveer Brar */
.goco-ranveer-sec{ padding-bottom: 100px;}
.goco-ranveer-sec h2{font-size: 30px;}
.goco-ranveer-sec h6{font-weight: 600;font-size: 22px;}
.goco-ranveer-sec .container > div{display: flex;align-items: center;justify-content: space-between;position: relative;}
.goco-ranveer-sec .container > div > div{padding: 30px 0;width: 40%;text-align: left;}
.goco-ranveer-sec .container > div > div p{margin-top: 20px;}
.goco-wrp > img, .ranveer-wrp > img{width: 53%}
.ranveer-wrp{margin-top: -12%;}
.goco-wrp:before{content: '';position: absolute;width: 50px;height: 50px;border: 10px solid #13763b;border-right: none;border-bottom: none;top: -30px;left: -30px;}
.ranveer-wrp:after{content: '';position: absolute;width: 50px;height: 50px;border: 10px solid #cdb26b;border-left: none;border-top: none;bottom: -30px;right: -30px;}

#floorplan{margin-bottom: 70px;}
.pln-form-wrp {display: flex;align-items: center;border: 1px solid #e1e1e1; border-left: none;border-right: none;}
.pln-form-wrp form{display: flex;flex-direction: column;}
.pln-form{width: 60%; padding: 0 15% 0 5%;}
.pln-form input{border: none; border-bottom: 1px solid #ccc;margin-bottom: 20px;font-family: 'Titillium Web', sans-serif;outline: none;outline: none;}
.pln-form select{width: 40%;padding: 5px;border: 1px solid #ccc; text-transform: capitalize;}
.pln-form input[type=button]{width: calc(70px + 10%); background-color: #cdb26b;color: #fff;margin-top: 40px;cursor: pointer;padding: 3px 10px;}
.pln-form input[type=submit]{width: calc(70px + 10%); background-color: #cdb26b;color: #fff;margin-top: 40px;cursor: pointer;padding: 3px 10px; text-transform: uppercase;}

.location-wrp .loc-colmn{display: flex;justify-content: space-between;margin-top: 40px;background-color: #f0f0f0;}
.location-wrp h2 small{display: block;font-size: 24px;font-weight: bold; margin-top: 10px; margin-bottom: 30px;}
.location-wrp .loc-colmn> div{width: 49%;position: relative;}
.map-btn{position: absolute;bottom: 60px; left: -30px;color: #6d5a24; font-size: 19px; background: #d3e347; padding: 15px;}
.g-map iframe{width: 100%; height: 100%;}
.s-map,.g-map{display: none;box-shadow: 0 0 30px rgba(0,0,0,.3)}
.s-map.active, .g-map.active{display: block;}
.pointer-wrp{width: 500px;height: 500px;margin: 0 auto;position: relative;display: flex;justify-content: center;align-items: center;}
.pointer-wrp .circle{height: 320px;width: 320px;display: flex;align-items: center;justify-content: center;position: relative;}
.pointer-wrp .circle > span{border: 2px solid #6d5a24;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 50%; transition: all 1s ease; transform: rotate(-33deg);}
.pointer-wrp .circle > span:after{content: '';width: 0; height: 0; margin-top: -10px;background: transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #6d5a24;position: absolute;}
.pointer-wrp .circle > span.image1{transform: rotate(89deg);}
.pointer-wrp .circle > span.image2{transform: rotate(140deg);}
.pointer-wrp .circle > span.image3{transform: rotate(210deg);}
.pointer-wrp .circle > span.image4{transform: rotate(274deg);}
.pointer-wrp .circle > span.image5{transform: rotate(320deg);}
.pointer-wrp .circle > span.image6{transform: rotate(35deg);}
.pointer-wrp .text-wrp{background: #fff;width: 90%;height: 90%;border-radius: 50%;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.21);display: flex;align-items: center;justify-content: center;}
.pointer-wrp .text-wrp > div{padding: 0 30px;text-align: center;display: none;transition: all 1s ease;}
.pointer-wrp .text-wrp > div.active{display: block;}
.pointer-wrp .text-wrp > div p{font-size: 20px;}
.pointer-wrp .text-wrp .text{color: #000; text-transform: uppercase;font-weight: 600;border-bottom: 1px solid #000;margin-bottom: 10px;padding-bottom: 10px;}
.pointer-wrp .text-wrp .dist{color: #6d6d6d;margin-bottom: 0;font-size: 25px;}
.circle-container {position: absolute;margin: 0;padding: 0;/*width: 24em;height: 24em;*/}
.circle-container p {display: block;overflow: hidden;position: absolute;top: 50%; left: 50%;width: 4em; height: 4em;margin: -2em;}
.circle-container img { display: block; width: 100%; cursor: pointer;}
.circle-container p:nth-child(1) { transform: translate(13em); }
.circle-container p:nth-child(2) { transform: rotate(55deg) translate(13em) rotate(-55deg); }
.circle-container p:nth-child(3) { transform: rotate(125deg) translate(13em) rotate(-125deg); }
.circle-container p:nth-child(4) { transform: translate(-13em); }
.circle-container p:nth-child(5) { transform: rotate(235deg) translate(13em) rotate(-235deg); }
.circle-container p:nth-child(6) { transform: rotate(305deg) translate(13em) rotate(-305deg); }
.circle-container p img:last-child{ display: none;}
.circle-container p.active img:last-child{display: block;}
.circle-container p.active img:first-child{display: none;}


/****************************************************** Offer Price Start */
.offer-price-wrp{padding: 80px 0;position: relative;text-align: center;overflow: hidden;}
.offer-price-wrp:before {content: '';top: -60px;height: 120px;}
.offer-price-wrp p{margin-bottom: 0;}
.offer-price-wrp .container h2{text-align: center; text-transform: uppercase;}
.offer-price-wrp h2:after {content: '';bottom: -45px;}
.offers-wrp{display: flex; justify-content: space-around;}
.offers-wrp .offer{ display: flex;flex-direction: column;align-items: center;}
.offers-wrp .offer .wrp-01{width: 140px;height: 140px;display: flex; flex-direction: column;align-items: center;justify-content: center;border: 2px solid #867032;border-radius: 50%; margin-bottom: -30px;}
.offers-wrp .offer .wrp-01 p{font-size: 25px; font-weight: 600;margin-top: 5px;}
.offers-wrp .offer .wrp-02 p{padding: 15px 20px; font-size: 30px;}
.offers-wrp .offer .wrp-02 .p1{background: #fff;border: 2px solid #867032;position: relative;}
.offers-wrp .offer .wrp-02 .p1 span{position: relative;}
.offers-wrp .offer .wrp-02 .p2{background: #867032;color: #fff;opacity: 0;transition: .4s;}
.offers-wrp .wrp-02 .p1 span:after {content: '';width: 0%;height: 3px; background: #dbba6b;left: 0;top: 50%;transition: all .5s ease-in-out;display: block;position: absolute;z-index: 1;transition-delay: 1s;}
.aos-animate .offers-wrp .wrp-02 .p1 span:after {width: 100%;}
.aos-animate .offers-wrp .wrp-02 .p2 {opacity: 1;transition-delay: 2s;}

.offer-wrp{background: #fff;padding: 60px;color: #333;}
section.offer-wrp .head{padding: 5px 20px;color: #fff;background: #000;display: inline-block;font-size: 22px;text-transform: uppercase; position: relative;}
.offer-wrp .tabcontent{display: none;width: 90%;margin: 0 auto;padding: 70px 2% 0;position: relative;background: #fff;}
.offer-wrp .tabcontent.active{display: block;}
.offer-wrp .container > div{position: relative;width: 90%;margin: 0 auto;}   
.offer-wrp .container > div:before{content: '';position: absolute;width: 100%;height: 70%;left: 0; border: 2px solid #dabb76;top: 15px; z-index: 0;left: 50%;transform: translateX(-50%);}
.tab-row{display: flex;justify-content: space-between; align-items: flex-start;background: #fff; position: relative; width: 90%; margin: 0 auto; padding: 60px 20px 0px;}
.tab-row > div{display: flex;flex-direction: column; align-items: flex-start;}
.ratio-view{font-size: 100px;font-weight: bold;line-height: 100px;color: #dbba6b;display: inline-flex;}
.ratio-wrp{ font-size: 90px;font-weight: bold;color: #dbba6b;padding: 20px;border: 2px solid #0d2433;position: relative;line-height: 100px;}
section .ratio-wrp:before{content: '';width: 0;height: auto;border-top: 18px solid #0d2433;border-left: 14px solid transparent;border-right: 14px solid transparent;top: 0;  left: 15%;background: transparent;position: absolute;}
section.aos-animate .ratio-wrp:before{animation: offer_line_before 20s ease forwards;}
@keyframes offer_line_before{
  0%{
      left: 15%;
  }
  22%{
      left: 8%;
  }
  25%{
      left: 33%;
  }
  47%{
      left: 33%;
  }
  50%{
      left: 65%;
  }
  72%{
      left: 65%;
  }
  75%, 100%{
      left: 88%;
  }
}
.offer-show > div{position: absolute;opacity: 0;transition: .4s; top: 60%; transform: translateY(-50%);width: 20%;text-align: left;}
section.offer-wrp.aos-animate .offer-show > div{animation: scheme_line 5s ease forwards;}
section.offer-wrp.aos-animate .offer-show > div:nth-child(2){animation-delay: 5s;}
section.offer-wrp.aos-animate .offer-show > div:nth-child(3){animation-delay: 10s;}
section.offer-wrp.aos-animate .offer-show > div:nth-child(4){animation: scheme_linelast 5s ease forwards 15s;}
@keyframes scheme_line{
    0%{
        opacity: 0;
    }
    10%{
        opacity: 1;
    }
    90%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@keyframes scheme_linelast{
    0%{
        opacity: 0;
    }
    10%{
        opacity: 1;
    }
    90%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}
.offer-show small{font-size: 12px;display: block;margin-top: 10px;}

.project-form{padding: 10% 0;background: url(../images/enquiry-bg.jpg); background-position: center;}
.project-form h3{color: #fff;font-size: 24px;font-weight: 300;margin-bottom: 20px}
.project-form form input[type="text"] {width: 100%; padding: 8px;border-radius: 5px;border: none;font-family: 'Titillium Web', sans-serif;}
.project-form form input[type="text"]::-webkit-input-placeholder, .project-form form input[type="text"]:-moz-input-placeholder{font-style: italic;}
.project-form form input[type="submit"] {background: #fec323;color: #312c1c;font-size: 16px;font-family: 'Titillium Web', sans-serif;border: none;cursor:pointer;border-radius: 5px;text-transform: uppercase;font-weight: 700;padding: 8px 20px;margin-top: 30px;}
.project-form form input[type="submit"]:hover {background-color: #20bdbe}
.omkar-share{background-color: #f2f2f2;}
.project-form.customNew {text-align: center; padding: 20px 0;}
.project-form.customNew a.btn {background: #fec323;color: #312c1c;font-size: 16px;font-family: 'Titillium Web', sans-serif;border: none;cursor:pointer;border-radius: 5px;text-transform: uppercase;font-weight: 700;padding: 8px 20px}
.project-form.customNew a.btn:hover {background-color: #20bdbe}
.project-form .row {justify-content:space-around}
.form-row {width: 27%;}
.disc-sec {padding: 30px 0;font-size: 12px;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;font-family: 'raleway'}
.add-press h2{color: #1ba3a5;font-size: 40px;padding: 30px 0; border-bottom: 1px solid #cacbcc;font-weight: 700}
.add-press .owl-carousel .owl-item img {width: auto; float: left;margin-right: 8px}
.btn-02{font-size: 14px;border: 1px solid #fff;padding: 5px 10px; text-transform: uppercase;border-color: #20bdbe; color: #20bdbe; font-weight: 600;display: inline-block;}
.project-detailpage #press_release .btn-01 {border-color: #20bdbe;color: #20bdbe;font-weight: 600;padding: 5px 8px;}
.project-detailpage #press_release .btn-01:hover{background-color: #20bdbe; color: #fff}
.project-form .intl-tel-input {margin-bottom: 0}
.project-form .intl-tel-input .country-list {max-width: 335px;overflow-x: hidden}
.next-prev .owl-nav {position: absolute;right: 0;top: -75px; margin-top: 0;}
.next-prev .owl-nav > [class*=owl-]{font-size: 0px !important;width: 42px;height: 42px;}
.next-prev .owl-nav .owl-next{background: url(../images/arrow-next1.png);background-color: transparent;}
.next-prev .owl-nav .owl-prev{background: url(../images/arrow-prev1.png);background-color: transparent;}
.next-prev .owl-nav [class*=owl-]:hover{background-color: rgba(0, 0, 0, 0.2);}

.mbassy-page h2 {color: #3b515d; text-align: center;margin-bottom: 20px}
.mbassy-page .slider-cont h2 {text-align: left;color: #fff;}
.hm-ownr-benefits {padding: 50px 0 70px;background-color:#f2f2f2;}
.hm-ownr-benefits p {font-size: 16px;color: #656464;text-align: center;}
.small-case{text-transform: none;}
.mbassy-message {background-color: #fff;padding: 20px 40px 40px;border-top: 5px solid #1b9f9f;margin-top: 20px;/* box-shadow: 0 0 30px #c1c1c1;*/color: #535353;font-size: 14px;}
.mbassy-page .moments-sec {box-shadow: none;position: relative;z-index: 2}
.mbassy-message h4 {color: #656464;font-weight: 700;text-align: center;margin-bottom: 50px}
.mbassy-message .form input[type="text"],.mbassy-message .form input[type="number"], .mbassy-message .form select, #otp_pop input {border: none; border-bottom: 1px solid #cbcbcb;font-family: 'Titillium Web', sans-serif;width: 100%;padding: 10px 0;outline: none;color: #535353;font-size: 14px;letter-spacing: 1px;margin-top: 25px;background-color: transparent;}
 .mbassy-message .form select {background: url(../images/select-down-arw.png) no-repeat right;-webkit-appearance: none;padding-right: 20px}
.spns-added span{width: 25px;padding: 10px 10px 10px 0;border-bottom: 1px solid #cbcbcb;}
.mbassy-message .form .spns-added input {width: calc(100% - 35px)}
.mbassy-message .form input[type="checkbox"]{width: 18px;height: 18px;-webkit-appearance: none;border: 1px solid #000;padding: 0; vertical-align: bottom;border-radius: 3px;background-color: #eeeeee}
.mbassy-message .form input[type="checkbox"]:checked{ box-shadow: inset 0 0 5px #fff; background-color: #8ed152}
.mbassy-message .col-lg-6:nth-child(odd) {padding-right: 4%}
.mbassy-message .col-lg-6:nth-child(even) {padding-left: 4%}
.mbassy-message h6{font-weight: 700;font-size: 17px;text-align: center;margin: 60px 0}
.mbassy-message .form .row {align-items: center;}
.mbassy-message .form input[type="submit"], .join-network-form .form input[type="submit"], #otp_pop input[type="button"], #otp_wrp input[type="button"]{-webkit-appearance: none; background-color: #fec50b;color: #fff;font-size: 17px;letter-spacing: 2px;margin: 0 auto;border: none; margin-top: 40px;text-transform: uppercase;font-weight: 700;font-family: 'Titillium Web', sans-serif;padding: 7px 35px;display: inline-block;cursor: pointer;}
/*.mbassy-page .testimonial-sec {padding-top: 120px}*/
.testimonial-sec .container{
    width: 70%;
    margin:0 auto;
}
.join-network-sec {padding: 50px 0 80px;color: #535353; background: url('../images/CP-bg-logo.png') no-repeat #f2f2f2; background-size: 45%; background-position-y: -10%;}
.join-network-sec h2 {color: #18979a;text-transform: uppercase;margin-bottom: 25px}
.join-network-sec p {color: #696968;font-size: 16px}
.join-network-sec .form {border-top: 1px solid #c3c3c2;margin-top: 30px}
.join-network-sec .top-view .col-md-6 {padding: 70px 0}
.join-network-sec .top-view .col-md-6:nth-child(odd) {padding-right: 8%;border-right: 1px solid #c3c3c3}
.join-network-sec .top-view .col-md-6:nth-child(even) {padding-left: 8%}
.join-network-form .form .form-row {width: 100%;margin-top: 25px;font-size: 14px}
.join-network-form .form .form-row .row {margin-top: 15px}
.join-network-form .form strong {display: block;font-size: 14px;letter-spacing: 1px;margin-bottom: 5px}
.join-network-sec .form input[type="text"], .join-network-sec .form select, .join-network-sec .form textarea {border: none; border-bottom: 1px solid #cbcbcb;font-family: 'Titillium Web', sans-serif;width: 100%;padding: 10px 0;outline: none;color: #535353;font-size: 14px;letter-spacing: 1px;background-color: transparent;}
.join-network-form .form .spns-added input {width: calc(100% - 35px)}
.join-network-form .form input[type="checkbox"], .join-network-form .form input[type="radio"]{width: 18px;height: 18px;-webkit-appearance: none;border: 1px solid #000;padding: 0; vertical-align: bottom;border-radius: 3px;background-color: #eeeeee;margin-right: 8px}
.join-network-form .form input[type="checkbox"]:checked, .join-network-form .form input[type="radio"]:checked{ box-shadow: inset 0 0 5px #fff; background-color: #8ed152}
.join-network-sec .form .row.inp-style1 {align-items:flex-end;}
.join-network-sec .form .inp-style1 input[type="text"] {padding: 2px 0;width: 65%;float: right;}
.m-l-25 {margin-left: 25px}
.docs {padding: 20px;background: #fff;box-shadow: 0 0 30px #c1c1c1;width: 100%;margin-top: 30px;}
.docs h5{font-weight: 700;letter-spacing: 2px;font-size: 23px;text-transform: none;line-height: 30px;}
.join-network-sec .docs strong {display: inline-block;}
.join-network-sec .docs h6 {font-weight: 700;text-transform: none;color: #4f7b8c;font-size: 14px;letter-spacing: 1px}
.downl-kit {background: #4f7b8c; padding: 20px 0;text-align: center; letter-spacing: 2px;text-transform: uppercase;font-size: 17px;font-weight: 700}
.downl-kit a:hover {color: #333}
.agree-txt {text-align: center;padding-top: 60px;display: block;font-size: 14px}
.agree-txt input{margin-right: 6px}
.agree-txt a {color: #1c52cc;text-decoration: underline;}
.agree-txt a:hover{text-decoration: none;}
.join-network-sec .docs input[type="file"]{font-size: 13px; font-family: 'Titillium Web', sans-serif;margin-left: 8px;outline: none;color: #999;max-width: 100%;/*width: 45%;*/}
.join-network-sec .docs input[type="file"].fl-inp1{width: 100%}
.join-network-sec .docs .form-row {margin: 55px 0;}
.m-tb-45{margin-top: 25px; margin-bottom: 50px}
.m-tb-30{margin-top: 25px; margin-bottom: 30px}
.m-t-m15 {margin-top: -15px}
.bordr-rght {border-right: 1px solid #ccc;}
.m-t-15 {margin-top: 15px}

.media-wrp section {padding: 30px 0;}

.about-wrp section#awards{padding: 50px 0;}

.media-wrp .slider-wrapper,.media-wrp #sub-nav {padding: 0;}
.media-wrp .owl-nav{position: absolute;	right: 0;top: -85px;margin-top: 0}
.media-wrp .owl-nav > div{font-size: 0px !important;width: 42px;height: 42px;}
.media-wrp .owl-theme .owl-nav .owl-next{background: url(../images/arrow-next1.png);background-color: transparent;}
.media-wrp .owl-theme .owl-nav .owl-prev{background: url(../images/arrow-prev1.png);background-color: transparent;}
.media-wrp .owl-theme .owl-nav [class*=owl-]:hover{background-color: rgba(0, 0, 0, 0.2);}

.about-wrp .owl-nav{position: absolute;	right: 0;top: -85px;margin-top: 0}
.about-wrp .owl-nav > div{font-size: 0px !important;width: 42px;height: 42px;}
.about-wrp .owl-theme .owl-nav .owl-next{background: url(../images/arrow-next1.png);background-color: transparent;}
.about-wrp .owl-theme .owl-nav .owl-prev{background: url(../images/arrow-prev1.png);background-color: transparent;}
.about-wrp .owl-theme .owl-nav [class*=owl-]:hover{background-color: rgba(0, 0, 0, 0.2);}

.contact-wrp .owl-nav{position: absolute;	right: 0;top: -85px;margin-top: 0}
.contact-wrp .owl-nav > div{font-size: 0px !important;width: 42px;height: 42px;}
.contact-wrp .owl-theme .owl-nav .owl-next{background: url(../images/arrow-next1.png);background-color: transparent;}
.contact-wrp .owl-theme .owl-nav .owl-prev{background: url(../images/arrow-prev1.png);background-color: transparent;}
.contact-wrp .owl-theme .owl-nav [class*=owl-]:hover{background-color: rgba(0, 0, 0, 0.2);}

.media-wrp .container > .top-wrp{display: flex;	justify-content: space-between;	height: 100px;align-items: center;padding-right: 100px;}
.media-wrp .container > .top-wrp h2{margin: 0;}
.media-wrp .container > .top-wrp > div{	width: 65%;	height: 100%;display: flex;	align-items: center;justify-content: flex-end;}
.media-wrp .container > .top-wrp > div span {background: #4f7b8c; width: 1px; height: 70%; display: block; margin: 0 30px;}
.media-wrp .container > .top-wrp form{display: flex;justify-content: flex-end;width: 100%;}
.year-drop{	border: none;border-bottom: 1px solid #fff;	padding: 8px 0; font-size: 14px;width: 30%;	outline:none;-webkit-appearance:none;-moz-appearance:none;background: url(../images/select-down-arw-w.png) no-repeat right center;font-family: 'Titillium Web', sans-serif;font-weight: bold;	color: #fff;}
.year-drop option{color: #000;}
.news-press{padding: 40px 40px 40px 0px;}
.news-item{	border-right: 1px solid rgba(255, 255, 255, 0.3);}
#latest_news_slider .owl-item:nth-child(3n) .news-item{	border: 0;}
.filter_wrapper {display: flex!important; flex-flow: row wrap;}
.filter_news {width: calc(100%/3);}
.filter_news.news-item {border-right: none;}
.news-press .top-wrp{display: flex;	align-items: center;margin-bottom: 10px;}
.news-press .top-wrp > img{	width: auto;max-width: calc(100% - 100px);}
.news-press .date-wrp{width: 70px;	height: 70px;text-align: center;margin-right: 30px;}
#latest_news_slider .content-wrp span {min-height: 45px;display: block;color:#565656;}
.news-press .date-wrp p:first-child{background: #fff;color: #000;	margin: 0;height: calc(100% - 22px);display: flex;	align-items: center;justify-content: center;font-size: 40px;font-weight: 600;}
.news-press .date-wrp p:last-child{background: #8a8a8a;	color: #fff;font-size: 12px;margin: 0;}
.news-press .heading{
    font-size: 24px;
    font-weight: 600;
    margin: 16px 0;
    color:#565656;
}
.btn-01{font-size: 14px;border: 1px solid #fff;	padding: 2px 10px;	text-transform: uppercase;}
.buyers-wrp .btn-01{border: none;padding-left: 0;color: #20bdbe;}

/********************************* Latest News */

#latest-news{background: #e4e4e4;}
#latest-news .container > .top-wrp{border-bottom: 1px solid #000;}
#latest-news .container > .top-wrp > div span {background: #000;}
#latest-news .owl-theme .owl-nav .owl-prev {
    /*background: url(../images/arrow-prev4.png) no-repeat;*/
}
#latest-news .owl-theme .owl-nav .owl-next {
    /*background: url(../images/arrow-next4.png) no-repeat;*/
}

/********************************* Press Release */

#press_release .container .top-wrp h2{color: #4f7b8c;}
#press_release .year-drop{color: #686868;border-bottom-color: #686868;background-image: url(../images/select-down-arw-b.png);}
#press_release .date-wrp p:first-child{	background: #20bdbe;color: #fff;}
#press_release .date-wrp p:last-child{background: #008485;color: #fff;}
#press_release .container > .top-wrp {border-bottom: 1px solid #d3d4d5;}
#press_release .news-press .heading{color: #565656;display: table;}
#press_release .news-press .para{color: #858585;min-height: 45px}
#press_release .btn-01 {border-color: #4f7b8c;color: #4f7b8c;font-weight: 600;}
#media_kit {background: #fec50b;padding-bottom: 60px;}
#media_kit a {background-color: #20bdbe; padding: 8px 18px}
#media_kit a:hover {background-color: #088f90}

/********************************* Awards */

#awards .container .top-wrp h2{	color: #4f7b8c;}
#awards .container > .top-wrp {border-bottom: 1px solid #d3d4d5;}
#awards .award {display: flex;align-items: flex-start;padding: 20px 30px 20px 0;border-right: 1px solid #e5e5e5;height: 185px;}
#awards .award .left {width: 130px;	position: relative;	display: flex;align-items: center;	justify-content: center;margin-right: 20px;}
#awards .award .left p {position: absolute;	background: #4f7b8c;border-radius: 50%;	width: 32px;height: 32px;display: flex;	align-items: center;justify-content: center;bottom: 0px;}
#awards .award .right {width: 150%}
#awards .award .heading {color: #31505c;font-size: 20px;font-weight: 600;text-transform: uppercase;	margin-bottom: 6px;}
#awards .award .para {color: #59717a;font-size: 16px;}
#awards .btn-01 {border-color: #4f7b8c;color: #4f7b8c;font-weight: 600;}

/********************************* Media Coverage */

#media_coverage{background: #20bcbd;}
#media_coverage .container > .top-wrp {border-bottom: 1px solid #d3d4d5;}
#media_coverage .container > .top-wrp > div span {display: none;}
#media_coverage_slider .top-wrp{position: relative;	height: auto;display: block;box-shadow: 0 0 30px #333}
#media_coverage_slider{	margin-top: 30px;}
#media_coverage_slider .top-wrp .img-wrp{display: flex;	align-items: center;justify-content: center;}
#media_coverage_slider .top-wrp .img-wrp:before {position: absolute;width: 100%;height: 100%;content: '';background: rgba(0,0,0,0.5);transition: 0.3s;z-index: 1;background-image: url(../images/video-icon-yt.png);background-repeat: no-repeat;background-position: center center;background-size: 12%;}
#media_coverage_slider .top-wrp .img-wrp:hover::before{transform: scale(0);}
#media_coverage_slider .top-wrp .img-wrp img:last-child{width: auto; cursor: pointer;position: absolute;}
#media_coverage_slider p {text-transform: uppercase;margin: 10px 0;font-weight: 700}
#media_coverage_slider.owl-theme .owl-nav {top: -115px}
#media_coverage_slider.owl-theme .owl-nav .owl-prev {background: url(../images/arrow-prev4.png) no-repeat}
#media_coverage_slider.owl-theme .owl-nav .owl-next {background: url(../images/arrow-next4.png) no-repeat}

/********************************* Corporate Magazine */

#corporate_magazine{background: #f0f0f0;}
#corporate_magazine h2{color: #636362;}
#corporate_magazine .container > .top-wrp {border-bottom: 1px solid #d8d8d8;}
#corporate_magazine .content-wrp{margin-top: 30px;}
#corporate_magazine .content-wrp > p {color: #808080;}
#corporate_magazine .content-wrp a {box-shadow: 0 0 30px #c1c1c1;margin: 30px 50px 0 0;display: inline-block;padding: 0}
#corporate_magazine .content-wrp a img{width: 100%}
/********************************* Newsletter */ 

#newsletter h2{	color: #636362;}
#newsletter .container .top-wrp{padding-right: 0;}
#newsletter .content-wrp
 {
    box-shadow: 0 0 30px #c1c1c1;	
    display: flex;
    flex-flow:row wrap;
}
#newsletter .content-wrp a {display: flex;	align-items: center;justify-content: center;width: 50%;	padding: 30px 0;border-right: 1px solid #d3d3d3;}
#newsletter .content-wrp p{	font-size: 24px;color: #636362;	font-weight: 600;margin-left: 20px;}
#newsletter .year-drop{color: #686868;border-bottom-color: #686868;background-image: url(../images/select-down-arw-b.png);width: 30%;margin-left: 50px;}
#newsletter .date-wrp p:first-child{background: #20bdbe;color: #fff;}
#newsletter .date-wrp p:last-child{background: #008485;	color: #fff;}
#get_in_touch section {padding: 50px 0;}
#get_in_touch p{color: #636362;text-transform: uppercase;font-size: 24px;text-align: center;font-weight: 600;}
#get_in_touch p a{color: #20bcbd;text-transform: lowercase;}
#get_in_touch p a:hover {color: #fec50b}


/********************************* Buyers Guide */
#loans_enquiries{background: #e6e6e6;color: #3b505c;padding-bottom: 50px;}
#loans_enquiries .container > .top-wrp{border-bottom: 1px solid #a1a1a1;margin-bottom: 30px;}
#loans_enquiries .top-wrp h2{color: #3b505c}
.buyers-wrp #sub-nav ul li a {color: #000;font-size: 16px;}
.buyers-wrp #sub-nav ul li a:hover,.buyers-wrp #sub-nav ul li a.active,.buyers-wrp #sub-nav ul li a:focus{color: #fff;}
.media-wrp.buyers-wrp .container .top-wrp h2{color: #4f7b8c;}
.media-wrp.buyers-wrp .date-wrp {width: auto;height: auto;}
.media-wrp.buyers-wrp .date-wrp p{background: #008485;color: #fff;border-radius: 50%;width: 30px;height: 30px;}
.media-wrp.buyers-wrp .container > .top-wrp {border-bottom: 1px solid #d3d4d5;}
.media-wrp.buyers-wrp .news-press .heading{color: #565656;font-size: 18px;text-transform: uppercase;}
.media-wrp.buyers-wrp .news-press .para{color: #858585;font-size: 14px; line-height: 18px;}
.media-wrp.buyers-wrp .news-press li {font-size: 14px; margin-bottom: 5px; color: #858585;list-style-type: disc;margin-left: 25px}
.media-wrp.buyers-wrp .btn-01 {border-color: #4f7b8c; color: #4f7b8c; font-weight: 600;}
#nri_pio_help{background: #e6e6e6;}
#nri_pio_help .container > .top-wrp {border-bottom: 1px solid #cacaca;}
#nri_pio_help .date-wrp p {background: #faa61a;}
#stamp_duty{padding: 0;background: #a6a6a9;overflow: hidden;}
#stamp_duty .container{display: flex;align-items: center;}
#stamp_duty .container h2{padding: 0 40px 18px;	margin-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#stamp_duty .container p{padding: 0 40px;}
.buyers-enq{padding: 40px 0;background: #f8f8f8}
.media-wrp.buyers-wrp .buyers-enq .top-wrp {border: none;}
.buyers-enq input {border: none; border-bottom: 1px solid #cbcbcb;font-family: 'Titillium Web', sans-serif;width: 100%;padding: 10px 0;outline: none;color: #535353;font-size: 14px;letter-spacing: 1px;background-color: transparent;text-transform: uppercase;}
.buyers-enq input[type="submit"] {border: 2px solid #ffc72f;width: auto;padding: 12px 30px;color: #ffc72f;font-size: 20px;margin-top: 30px;font-weight: 700;float: right;transition: 0.3s;cursor: pointer;}
.buyers-enq input[type="submit"]:hover{background: #ffc72f;color: #fff}
.media-wrp section.calculator-sec {background: #20bdbe;color: #fff!important;padding: 50px 0}
.calSliderCon{position:relative;margin:100px 0 0;}
.slider-lt{font-size:22px;padding:20px 0 0 0;font-weight: 700}
.slider-rt{position:relative;}
.calBg{position:relative;padding:0 45px;background: rgba(0,0,0,.2);border-radius: 30px}
.sliderCounter{width:100%;font-size:24px;color:#fff;border:0;padding:0 0px 0 30px;border-bottom:#fff 1px solid;margin: 0;font-weight: 700;outline: none;}
.loan{background:url(../images/rupee-icon.png) no-repeat center left;}
.roi{background:url(../images/percent-icon.png) no-repeat center left;}
.year{background:transparent; padding-left: 0; margin-top: 30px;}
.noYrSwaper span{display:block;width:50%;float:left;font-size:18px;text-transform:uppercase;text-align:center;min-height:60px;padding-top:20px;cursor:pointer;background-color: rgba(0,0,0,0.4)}
.noYrSwaper span#yr{border-radius: 30px 0 0 30px;}
.noYrSwaper span#mo{border-radius: 0 30px 30px 0;}
.noYrSwaper span:hover, .noYrSwaper span.activeSwapper{background-color:#fee07d;color: #000}
.finalCal{text-align:center;}
.btnCalculate{font-size:18px;color:#000;text-align:center;text-transform:uppercase;padding:10px 30px;background-color:#fee07d;border:0;cursor:pointer;border-radius: 30px;font-family: 'Titillium Web', sans-serif;font-weight: 700;letter-spacing: 1px;margin-right: 20px}
.emiTextBox{border:none;border-bottom:#fff 1px solid;padding: 5px 0px;font-size:18px;color:#fff;font-family: 'Titillium Web', sans-serif;background: transparent;font-weight: 700;width: 28%}
input.emiTextBox::-webkit-input-placeholder{color: #fff}
.yearPanel .slider-rt{display:none;}
.monthSection{display:none;}
.month{background:transparent;padding-left: 0; margin-top: 30px;}
.irs-grid-text {color: #fff}
.irs-grid-pol {display: none;}
.owl-carousel .owl-stage {margin: 0 auto}
.tabcontent .owl-carousel .owl-stage, #press_release_slider.owl-carousel .owl-stage {margin: 0}

/* About Us */
section#about {background: #20bdbe;color: #fff;padding: 50px 0;}
section#about .specs {margin-left: -15px}
#bod {padding: 40px 0 70px; color: #8b8b8b}
#bod .row p {font-size: 16px;line-height: 19px}
#bod h3 {font-size: 36px; color: #fec50b;font-weight: 700;margin-bottom: 15px;text-transform: none;}
.row.visions .col-md-6:first-child{padding-right: 10%;border-right: 1px solid #e5e5e5}
.row.visions{margin-bottom: 20px}
.row.visions .col-md-6:last-child{padding-left: 10%}
#bod h2 {color: #20bdbe; padding:20px 0;}
#mv{padding: 120px 0;background: url(../images/mv.png) center top;background-attachment: fixed;background-size: cover}
#mv h2 {margin-bottom: 25px}
#mv h5 {font-size: 24px; margin-bottom: 20px;text-transform: none;font-style: italic;font-weight: 700}
#mv ul {margin:0; padding:0;padding-left:3%;}
#mv ul li{list-style-type: disc;font-weight: bold;margin-bottom: 5px;}
#futureplan{padding: 80px 0;background: url(../images/fp.png) center top;background-attachment: fixed;background-size: cover}
#futureplan h2 {margin-bottom: 25px}
#futureplan h5 {font-size: 24px; margin-bottom: 20px;text-transform: none;font-style: italic;font-weight: 700}
.awards-sec {background: #e6e6e6;padding: 60px 0px}
.awards-sec h2{color:#2b2b2b;padding: 0px 0 20px 0;}
.awards-sec ul {align-items: center;text-align: center;justify-content: space-around;margin-bottom: 0}
.awards-sec ul li {padding: 10px 5%;width: auto;display: inline}
.awards-sec ul li:nth-child(2){border-left: 1px solid #a3a3a3;border-right: 1px solid #a3a3a3;}
.awards-sec span a{border: 1px solid rgba(32, 189, 190, 1); outline: 1px solid;transition: 0.5s;font-size: 14px;text-transform: uppercase;padding: 5px 15px;font-family: inherit;outline-color: rgba(32, 189, 190, 0);outline-offset: 15px;color: #20bdbe;}
.awards-sec span a:hover {background: rgba(32, 189, 190, 1);color: #fff}
.awards-sec span.viewmore{display: flex;justify-content: flex-end;}
#faq{background: #e6e6e6;padding: 60px 0}
#faq h2{color:#626262;font-family: inherit;border-bottom: 3px solid #d0d0d0;padding-bottom: 8px}
#director-slider.owl-carousel .owl-stage-outer { overflow-x: hidden; padding-bottom: 30px}
#director-slider.owl-carousel .owl-stage-outer::-webkit-scrollbar {width: 6px;height: 6px;} 
#director-slider.owl-carousel .owl-stage-outer::-webkit-scrollbar-track { background: #f3f3f3} 
#director-slider.owl-carousel .owl-stage-outer::-webkit-scrollbar-thumb {background-color: #20bdbe;outline: 1px solid #20bdbe;border-radius: 5px;}
#director-slider h3{color:#8d8d8d;font-size: 22px;margin:0; padding:3% 0 0 0;}
#director-slider h6{margin: 0;padding:0;text-transform: uppercase; padding-top:1%;color: #979797}
#director-slider .item span {position: absolute;width: 14%;/*bottom: 53px;*/ right:0px;margin-top: -14%;}
.workstyle {background: #fff;padding: 40px 0;color: #6b6969}
.workstyle h2{color:#20bdbe;}
.workstyle ul.parent{float: right;}
.workstyle ul.parent li{display: inline-block;}
.workstyle .tabs-title a{display: block;color:#a3a3a3;line-height: 1;padding: 8px 12px;font-weight: 700;}
.workstyle .tabs-title.active a{background-color:#18979a; color:#fff;}
.workstyle .tabs-content{padding:2% 0 0;/*border-bottom:1px solid #e5e5e5;*/width:100%;float:left;}
.workstyle .partnerlogo{padding:3% 0%;color:#000;font-weight: 700; text-transform: uppercase;display: flex;justify-content: space-between;align-items: center;}
.workstyle #partnerlogos{width: 80%}
.workstyle #partnerlogos .owl-item img{width: auto;    margin: 0 auto;}
.workstyle .menu ul{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; padding:0; margin:0 auto;text-align: right;padding-right:20%;}
#design .menu ul li, #infrastructure .menu ul li, #investing-partner .menu ul li{ display: inline-block;}
.workstyle .tabs-content .menu ul li{padding:1% 2%; margin:0;}
.workstyle .tabs-content .menu {display: block !important;}
#design .menu ul li.active,#infrastructure .menu ul li.active, #investing-partner .menu ul li.active{ background-color: #18979a;color: #fff;}
.workstyle .tabs-content .menu ul li a {color: #777676;font-size: 16px;}
.workstyle .tabs-content .tabs-panel .menu ul li.active {background-color: transparent!important;font-weight: 700}
.workstyle .tabs-content .menu ul li.active a{color: #000; background-color: transparent;}
.workstyle .tabs-content .tabs-panel  .desc-content .text div img {display: none;}
.workstyle .tabs-content .tabs-panel{display:none;}
.desc-content{padding: 2% 0 0 0; width:90%;margin:0 auto;text-align: left;display: none;}
.desc-content .text{display: inline-flex;}
.desc-content .text div{padding:2%;}
.desc-content span img
{
	min-width:150px;
}
.desc-content a{color:#2b2b2b;pointer-events:none;}
.desc-content h2{text-align: left;}
.site-header-wrap {margin-bottom:60px;border-bottom:1px solid #cd9ad6;}
.accordion, .accordion * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.accordion {overflow:hidden;color:#a9a9a9;}
a.scroll-down {background: transparent;margin: 0 0 1% 7%;}
.accordion-section {border-bottom:1px solid #d3d3d3;}
.accordion-section-title
{
    width:98%;
    padding:15px;
    text-transform:initial;
    font-weight: bold;color: #333 !important;
    display:inline-block;
    background:transparent;
    transition:all linear 0.15s;
    background-color:#e6e6e6;
    cursor: pointer;background: url(../images/plus.png);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
}
#nri-guide .accordion-section-title span.count
{
    background-color: #656565;
    color: #fff;
}
.slider-wrapper {
    margin-top: 80px;
}
.accordion-section-title.active{background: url(../images/minus.png);background-repeat: no-repeat;background-position-x: 100%;background-position-y: 50%;}
.accordion-section-title  span{width:50px;height:50px;}
.accordion-section-title  span.count{background-color:#fec50b; border-radius:50%;color:#000;margin-right:2%;font-size:14px;width: 32px;height: 32px;line-height: 32px;text-align: center;display: table; float: left;}
.accordion-section-title.active, .accordion-section-title:hover {text-decoration:none;}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}
.accordion-section-content {padding:15px;display:none;width: 95%;padding-left: 5%; color: #666}
#testy {background: #f5f5f5;padding: 40px 0;color: #6b6969;}
#testy h2{color:#fec50b;}
#testy hr{color:#fec50b; background-color:#fec50b;}
#testy .container .top-wrp h2{color: #4f7b8c;}
#testy .container > .top-wrp {border-bottom: 1px solid #d3d4d5;}
#testy .award {display: flex;align-items: center;padding: 20px 30px 20px 0;border-right: 1px solid #e5e5e5;}
#testy .award .left {width: 170px;position: relative;display: flex;align-items: center;	justify-content: center;margin-right: 20px;}
#testy .award .left p {	position: absolute;background: #4f7b8c;	border-radius: 50%;	width: 36px;height: 36px;display: flex;	align-items: center;justify-content: center;bottom: 10px;}
#testy .award .heading {color: #31505c;font-size: 20px;font-weight: 600;text-transform: uppercase;margin-bottom: 6px;}
#testy .award .para {color: #59717a;font-size: 16px;}
#testy .btn-01 {border-color: #4f7b8c; color: #4f7b8c; font-weight: 600;}
.about-wrp .owl-nav {position: absolute;right: 0;top: -100px;}
.about-wrp #testimonial_slider.owl-theme .owl-nav .owl-prev {background: url(../images/abtleft.png);background-color: transparent;padding: 10px 7px;}
.about-wrp #testimonial_slider.owl-theme .owl-nav .owl-next {background: url(../images/abtright.png);background-color: transparent;padding: 10px 7px;}
#moments-slider1.owl-carousel .owl-nav [class*=owl-] {background: transparent;border: 1px solid #b2b2b2; border-radius: 0;padding: 4px 16px;color: #b2b2b2;font-size: 25px;font-family: 'raleway';}
#moments-slider1 .item span{color:#2b2b2b; text-transform: uppercase;font-weight: bold;margin-top: 8px;display: inline-block;}
#moments-slider1.owl-theme .owl-nav {position: absolute;top: 40%;width: 100%;z-index: -1;}
#moments-slider1.owl-carousel .owl-nav .owl-prev {left: -5%;float: left;position: relative;}
#moments-slider1.owl-carousel .owl-nav .owl-next {right: -5%;float: right;position: relative;}
.about-wrp .owl-theme .owl-nav [class*=owl-] {padding: 5px 12px;}
#partner_testimonial_slider.owl-carousel .owl-item img {border-radius: 50px;border: 1px solid #ccc;width: 100px}
#partner_testimonial_slider p small {display: block;font-size: 15px}
#testy #partner_testimonial_slider .award {color: #000;border: none;align-items: flex-start;}
#testy #partner_testimonial_slider .award .heading {color: #000;font-size: 22px}
#testy #partner_testimonial_slider .award p{font-size: 14px} 
#partner_testimonial_slider.owl-carousel .owl-nav [class*=owl-] {
	/*background: transparent;*/
	/*border: 1px solid #fec50b;*/
	 border-radius: 0;
	 padding: 4px 16px;
	 /*color: #fec50b;*/
	 font-size: 25px;font-family: 'raleway';
	}
.abt_popContent {display: none;}
.abt_popContent p {font-size: 15px}
.abt_popContent h3{font-size: 25px;color: #444;font-weight: 700;}
.abt_popContent h4 {font-weight: 700}
.abt_popContent h6 {font-size: 20px;margin-bottom: 20px;}
.abt_popContent img {max-width: 180px; margin: 0 15px 15px 0;float: left;}
.faqlistH li {margin-bottom: 10px;list-style-type: disc; margin-left: 25px}
.faqlistH li ul li{line-height: 18px;font-size: 15px}
.faqlistH strong{display: block;}
.fancybox-nav span {visibility: visible;}

#home_enq .mbassy-message {margin: 0; border: none;box-shadow: none;padding-bottom: 20px;}
#home_enq .mbassy-message h4 {margin-bottom: 20px}
#disclaimer{
        background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}
#disclaimer .dis_popup{
    left: 0;
    margin: 0 auto;
    padding: 2%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
}
#disclaimer .dis_popup  .agree-popup{
       position: absolute;
    background-image: url(../images/fancybox_sprite.png);
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-color: transparent;


}
#disclaimer .content {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    color: #434343;
    font-size: 12px;
    
    padding:3%;
   
}
.accept{
    background-color: #169d9e;
   /* background-color: #fec50b;*/
    color: #fff;
    font-size: 15px;
    letter-spacing: 2px;
    margin: 0;
    border: none;
      text-transform: uppercase;
    font-weight: 700;
    
    display: block;
    
    width: 100px;
    margin: 0 auto;
    margin-top: 2%;
    padding: 5px;
    text-align: center;
}
.accept:hover{
    background-color:#20bdbe;
}

#disclaimer .content div.text{
    height: 500px;
    overflow: auto;
}
#disclaimer .content div.text::-webkit-scrollbar {
    width: 12px;
    /*background-color: #fec50b;*/
}

#disclaimer .content div.text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    /*background-color: #fec50b;*/
    background-color:#169d9e;
}

#disclaimer .content div.text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#disclaimer p {font-size: 14px;line-height: 19px;text-align:left;}
#disclaimer ul{
    margin:0;
    padding: 0;
}
#disclaimer .dis_popup  .diclaimer-ul{
font-size: 14px;
    line-height: 19px;
    }
#disclaimer ol{


}
#disclaimer .dis_popup p{
    text-align: justify;
        padding: 0 2%;
}
#disclaimer .dis_popup ol li{
text-align: justify;
    padding: 0 2%;
}
#disclaimer .dis_popup ul li {
    text-align: justify;
        padding: 0 2%;
}
#home_enq .mbassy-message option{font-size: 13px;padding: 0 8px}
.fancybox-wrap {max-width: 100%}
#home_enq .mbassy-message .intl-tel-input {margin-top: 25px} 

a.agree-popup {
    background-color: #fec50b;
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    margin: 0;
    border: none;
    /* margin-top: 20px; */
    text-transform: uppercase;
    font-weight: 700;
    /* padding: 7px 35px; */
    /* display: inline-block; */
    display: flex;
    width: 40px;
}
#disclaimer div {display: block;text-align: center;}
.view-g-map-btn {padding: 10px 20px; background: #ffcb08; display: inline-block; text-transform: uppercase; font-size: 16px; cursor: pointer;float: right; margin-top: 5%}
.wbf-container .wbf-livemsg-connecting, .wbf-container .wbf-livemsg-connected, .wbf-container .wbf-livemsg-verifying, .wbf-container .wbf-livemsg-verification-success, .wbf-container .wbf-livemsg-verification-failed, .wbf-container .wbf-livemsg-in-progress, .wbf-container .wbf-livemsg-completed, .wbf-container .wbf-livemsg-ended, .wbf-container .wbf-livemsg-agent-busy, .wbf-container .wbf-livemsg-oops, .wbf-container .wbf-livemsg-timer {color: #333}
.intl-tel-input .country-list .country-name {color: #333}
.success_text, .success_msg {background: #8ed152;color: #fff;display: inline-block;font-size: 15px;line-height: 25px; text-align: center;padding-left: 5px; padding-right: 5px}
.modal_otp {width: 100%; height: 100%;position: fixed;top:0; right: 0;background-color: rgba(0,0,0,0.3); display: none; z-index: 5;}
#otp_pop {width: 30%; position: fixed;margin: 0 auto;left: 0; right: 0; text-align: center; top: 50%; padding: 2%; transform: translateY(-50%); background: #fff;color: #000}
.cls-otp {color: #059b9c; right: 10px;top: 0;font-size: 20px;font-weight: 700; position: absolute;cursor: pointer;}
#otp_pop input[type="button"] {width: auto}
#otp_pop input {margin-top: 0}
.alert-dismissible .close {display: none;}
.iti-mobile .intl-tel-input.iti-container {z-index: 9999 !important}

.thnk_you {margin-top: 90px;min-height: 400px; display: flex;align-items: center;color: #333;border-bottom: 1px solid #e1e1e1;text-align: center;}
.thnk_you p {color: #12b6b7;font-size: 25px;}
.thnk_you p strong {display: block; margin-bottom: 15px}
span#span_otperror {display: block;margin-top: 10px}

/*added by vikram*/

.drop-drown-menu {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.drop-drown-menu  .dropdown-content {
    display: none;
    position: absolute;
   background: rgba(0,0,0,0.85);
    border-bottom: 1px solid #6e6b68;    
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 20px;
    padding: 10px 0;
}

/* Links inside the dropdown */
.drop-drown-menu  .dropdown-content li a {
    color: #fff;
    padding: 10px 0;
    text-decoration: none;
    display: block;
    border-bottom: 1px dotted rgba(255,255,255,0.6)
}
.drop-drown-menu  .dropdown-content li:last-child a {
	border: none;
}
.drop-drown-menu  .dropdown-content li a {
    color: #fff;
}
/* Change color of dropdown links on hover */
.drop-drown-menu  .dropdown-content a:hover {
	 /*background: rgba(0,0,0,0.85);*/
	 color:#ffcb08;
}

/* Show the dropdown menu on hover */
.drop-drown-menu:hover .dropdown-content {
    display: block;
}


.carrat-menu{
margin-left: 7px;
}

/*Share button*/

.omkar-share
{
	padding: 50px 0px;
}

.omkar-share-inner .fa-share-alt
{
	width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 41px;
    color: #fff;
    background-color: #797979;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
}

.shar-text
{
	font-size: 20px;
    margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    color: #000;
}
/*3rd child of main slider to be shown center align*/
#main-slider .owl-item:nth-child(3) .bg
{
	background-position: center center !important;
}

.project-desc a{cursor: pointer;color: #3333f1;font-weight: 400;}
.social-icon-container
{
	/*width:300px;
	margin:0 auto;
	position: relative;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
/*.social-icon-container
{
	
}*/
.share-name
{
    color: #000;
}
.social-wrap
{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.icon-share
{
	margin:10px 10px;
	cursor:pointer;
}
.social-wrap .icon-share:last-child
{
	display: none;
	margin-bottom: 0px;
}
.social-icons-share
{	position: absolute;
	top: 10px;
    right: 0px;
    margin-right: -133px;
 	z-index:1;
    width: 200px;
    text-align: left;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.57);
    color: #fff;
    padding: 10px 10px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

}
.social-display
{
	 opacity:0;
	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.icon-share .fa
{
    font-size: 24px;
    line-height: 40px;
    background: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: 600;
}
.icon-share .fa.fa-envelope
{
	color:#be4131;
}
.icon-share .fa.fa-facebook
{
	color: #3B5998;
    
}

.icon-share .fa.fa-twitter
{
	color: #0084b4;
    
}
.icon-share .fa.fa-whatsapp
{
	color:#34af23;

}
/*.share-whatapp
{
	display: none;
}*/
.upcoming-container
{
    /*background-color: rgba(255, 255, 255, 0.75);*/
    padding: 20px 20px;
    margin: 0 auto;
    /*box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -ms-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -o-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);*/
}

.upcoming-text ul
{
    list-style-type: disc;
    padding-left: 20px
}

.upcoming-copy
{
    /*width:50%;
    float: left;
    padding:20px 20px;*/
    /*width: 45%;*/
    padding: 30px 20px;
    background: #fff;
    margin:0 auto 10px auto;
    
}
.upcoming-proj-form
{
	/*width: 50%;
    float: left;  
    padding: 20px 20px;*/
   /* width: 45%;*/
    
    padding: 20px 20px;
    background-color: #fff;
    margin:0 auto;
}
.upcoming-proj-form .form-head
{
	position: relative;
	font-size:25px;
	color: #656464;
	font-weight: 600;
}
.upcoming-proj-form .form-head:after
{
	position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 5px;
    background-color: #faa61a;
}

.upcoming-proj-form .form-control
{
	border: none;
    border-bottom: 1px solid #cbcbcb;
    font-family: 'Titillium Web', sans-serif;
    width: 100%;
    padding: 6px 0;
    outline: none;
    color: #535353;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 25px;
    background-color: transparent;
    border-radius: 0;
}

.upcoming-proj-form .btn-primary
 {
    color: #fff;
    background-color: #faa61a;
    border-color: #faa61a;
    border-radius: 0px;
    cursor: pointer;
}
.upcoming-proj-form select
{
   cursor: pointer; 
}

.news-blogs
{
	width:50%;
	float:left;
}
.emi-desclaimer span
{
	font-weight:700;
}
.emi-desclaimer
{
	text-align: center;
	font-size:12px;
	margin:20px 0px;
}

.fade.in
	{
			opacity: 1;
			background-color: rgba(0, 0, 0, 0.2);
	}
#cpkit-popup-m .modal-body
{
	color:#000;
}

.modal-dialog
{

	top:20%;
}

 .btn-form{

 -webkit-appearance: none;
    background-color: #fec50b;
    color: #fff;
    font-size: 17px;

   }
   .project-logo
   {
    display: inline-block;
    width: 200px;
    position: absolute;
    left: 5%;
    top: 23%;
    background: rgba(255, 255, 255, 0.38);
    padding: 10px 10px;
    border-radius: 4px;
   }

   .project-logo img
   {
    width:100%;
   }


.disclaimerH 
{
    overflow: hidden;
    background: #fff;
    padding: 50px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -ms-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -o-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}

.disclaimerH h4 {
    text-align: center;
    font-size: 20px;
    font-family: 'RobotoMedium';
    padding: 0 0 35px 0px;
    color: #3b515d;
    font-weight: 600;
}

.disclaimerH p {
    text-align: left;
    padding: 0 0 20px 0px;
    line-height: 28px;
    color: #3b515d;
    font-size: 16px;
}

.disclaimerH a {
    color: #3b515d;
    font-weight: bolder;
}
.contactHead h2,.contactHead h1
{
    padding:0px;
    font-family: 'KhulaBold',Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #18979a;
    text-align: center;
}

.contactHead{
padding:120px 0px 50px;
}

.upcoming-text h2
{
    font-size: 30px;
    letter-spacing: 1px;
    margin: 10px 0px;

}

.upcoming-text p
{
    font-size: 16px;
    letter-spacing: 1px;
}

#images-slider .consult-thumb:hover
{
    background: url(../images/zoom-icn.png) rgba(0,0,0,0.5) no-repeat center;
}

#imgContainer
{
    position: relative;
}

#imgContainer .project-site-address
{
    position: absolute;
    width: 300px;
    background: #fff;
    left:8px;
    top:8px;
    padding: 10px 20px;
    /* text-align: center; */
    box-shadow: 0px 0px 10px 4px rgba(60, 58, 58, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -ms-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -o-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    /*display: none;*/
}

#imgContainer .project-site-address p
{
    color: #000;
    font-size: 16px;
}

.blog-common
{
    width: 40%;
    float: left;
    margin-right:20px;
}
.blog-common-text
{
     width: 55%;
    float: left;
    
}
.blog-common img
{
    width: 100%;
}
.blog-common-text .title
{
    
    font-size: 20px;
    color: #18979a;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0px 0px 5px;

}
a.meta-title,a.meta-title.a:active,a.meta-title.a:focus
{
    color:#bcbcbc !important;
    text-decoration: none;
    /*color:#ccc;*/
}
.meta-title a:hover
{
text-decoration: underline;
}
.blog-common .meta-title
{
    font-size: 16px;
}
.blog-container-cust
{
 margin-bottom: 20px;
}

.proj-addr-desclaimer
{
    font-size: 12px;
    color:#000;
    position: absolute;
    bottom: 3%;
    left: 2%;
    padding:0 10px;
     box-shadow: 0px 0px 10px 4px rgba(60, 58, 58, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -ms-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -o-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);

}

#home_brochure .mbassy-message .form .intl-tel-input
{
    margin-top:25px;
}
#latest-news .news-item.news-press .btn-01
{
        border: 1px solid #565656;
        color:#565656;
}

#latest-news h2
{
    color:#565656;
}

#latest-news .year-drop
{
    color:#000;
    border-bottom: 1px solid #565656;
}

#latest-news .news-item
{
    border-right: 1px solid #000;
    padding:20px;
}
/*************NRI pages tabs **************/
 .nri-custom-wrap
 {
    display: none;
 }
 .nri-custom-wrap.current
 {
    display: block !important;
 }
 .tab-list-wrp li.current,.tab-list-wrp li a.hover
 {
    background: #fec50b;
 }
/*************NRI pages tabs **************/
#nri-quotes,#currency-converter,.nri-emi
{
    background-color:#20bdbe ;
    padding:80px 0px;
}
.nri-emi h2
{
    color:#fff;
}
.nri-emi .emi-desclaimer
{
     color:#fff;
}
.currency-converter
{
    display: flex;
    justify-content: space-around;
}

#currency-converter .form-element
{
    display: flex;
    flex-flow: column;
    width: 30%;
}
#currency-converter .form-element label
{
    padding-bottom:20px;
}
#form-converter-container input,#form-converter-container select
{
    border:0px;
    border-bottom:1px solid #fff;
    background-color:#20bdbe;
    padding:0 10px;
    color:#fff;
    outline:none;
}
#form-converter-container select
{
    padding:3px 0px;
}
 #form-converter-container ::-webkit-input-placeholder
  { /* Chrome/Opera/Safari */
      color: #fff;
    }
  #form-converter-container ::-moz-placeholderr 
  { /* Firefox 19+ */
       color: #fff;
    }
  #form-converter-container :-ms-input-placeholderolder
  { /* IE 10+ */
       color: #fff;
    }
  #form-converter-container :-moz-placeholder 
  { /* Firefox 18- */
       color: #fff;
    }

  #form-converter-container input:focus::-webkit-input-placeholder
   { /* Chrome/Opera/Safari */
       color: #fff;
    }
  ,#form-converter-container input:focus::-moz-placeholder-placeholder,#form-converter-container input:focus::-moz-placeholder 
  { /* Firefox 19+ */
        color: #fff;
    }
  #form-converter-container input:focus:-ms-input-placeholdernput-placeholder
   { /* IE 10+ */
      color: #fff;
    }
  #form-converter-container input:focus:-moz-placeholderplaceholder
  { /* Firefox 18- */
       color: #fff;
  }
    .form-converter-wrapper h2
    {
        color:#fff;
        margin-bottom:30px;
    }
  .convretr-result
  {
    
    display: flex;
    flex-flow: column;
    background: #fee07d;
    border-radius: 3px;
    width: 30%;
    padding: 30px 20px;
    margin: 30px 0px;
  }
   .convretr-result p span
   {
     color:#181818;
     font-size:35px;
     font-weight:600;
   }
  .convretr-result p
  {
    margin-bottom:10px;
  }

  .convretr-result .rates-txt
  {
    font-size: 20px;
    color: #181818;
    font-weight: 600;
  }
  .form-desc
  {
    font-size:11px;
    color:#fff;
  }
#nri-quotes p
{
    color:#fff;
    font-size:20px;
}

#abt-nri
{
   background-image: url(../images/about-india.png);   
    padding: 80px 0px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.about-desc
{
    margin-bottom: 40px;
}

.about-desc h4
{
    color:#303030;
    margin-bottom:20px;
    font-weight: 600;

}

#about .abt-head
{
    font-weight:600;
}
.about-desc p
{
    font-size:20px;
    color:#303030;
}

#nri-glance
{
    background-color: #ececec;
    padding:80px 0px;
}

 #nri-glance  h3
{
    color:#4f7b8c;
    font-weight: 600;
    margin-bottom: 40px;
}

#nri-glance p
{
    color:#303030;
    font-size:20px;
}
#nri-guide
{
    padding:80px 0px;
    background-color:#e3e1e1;
}
.nri-head,#nri-guide .nri-head
{
    color:#18979a;
    margin-bottom: 40px;
    font-weight: 600;
}
.nri-border-bottom
{
    padding-bottom:40px;
    border-bottom: 1px solid #ccc;
}
#nri-enq
{
    background-clip:#ececec;
    padding:80px 0px;
}
.nri-enq-form
{
    width:100%;
}
.enq-head
{
    color: #000;
    font-weight: 600;
}

#nri-prop-finder input,#nri-prop-finder select, #nri-prop-finder .intl-tel-input
{ 
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-right: 3%;
    width: 22%;
    margin-bottom: 3%;

}
#nri-prop-finder .intl-tel-input input {
    width: 100%;
    border: none;
    line-height: 44px;
}
#nri-prop-finder .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
    color: #000
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{
  padding-left: 16px !important;
  font-size: 16px;
}
#nri-enq form.prop-finder
{
        flex-wrap: wrap;
        justify-content: flex-start;
}
#nri-prop-finder select
{
    color: #7d7d7d;
    font-size: 20px;
    font-weight: 500;
}

#nri-enq .finder-div input[type="submit"]
{
    width: 20%;
    padding: 10px;
    background-color:#ffcb08;

}

.filed-warning
{
    color: #535353;
    font-style: italic;
}

#nri-enq .finder-div select

{
    background: url(../images/select-down-arw-cust.png) no-repeat right center;
}

.nri-wrt
{

   font-style: italic;
   font-weight: 600; 
}

.nri-error-wraning
{
    font-size:14px;
    color:red;
}

.error-msg-corp
{
    color:#18979a;
    font-weight: 600;
    text-align: center;
}

.omkar-sitemap-container.error-page
{

    height: calc(100vh - 184px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0;
}
.nri-desclaimer p
{
    font-size:13px;
    color: #fff;
    margin:0px;
}
.nri-desclaimer
{
    position: absolute;
    display: inline-block;
    bottom: 4%;
    left:4%;
    padding:0 10px;
    /*background: #fff;
    box-shadow: 0px 0px 10px 4px rgba(60, 58, 58, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -ms-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -o-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);*/
}
.enq-container
{
    margin:20px 0px;
}
.head-enq
{
    margin-bottom:10px !important;
}
li a.menu-active
{
    color: #ffcb08;;
}

.diclaimer-ul
{
    color: #3b515d;
    font-size: 16px;
    line-height: 18px;
    list-style-type: decimal;
    padding-left: 20px;
}

.diclaimer-ul li
{
    margin: 15px 0px;
}
.diclaimer-ul ul
{
    list-style-type: lower-alpha;
    padding-left: 38px;
}

#hcs-policies 
{
    padding:40px 0px;
    text-align: center;
}

#hcs-policies .btn-form
{
    cursor:pointer;
}

#cpkit-popup-m img
    {
    margin: 0 auto;
    width: 100%;
    display: block;
}
#campus-speak
{
    padding: 50px 0;
    color:#fff;
    background-color: rgb(59, 81, 93);
}
#campus-speak p
{
    font-size:16px;
}
#campus-speak-expand
{
    display: none;
}

span#toggle
{
    font-size:15px;
    font-weight:600;
    text-decoration: underline;
    cursor: pointer;
}

#contact-email
{
    padding: 50px 0;
    color:#fff;
    background: #20bdbe;
    text-align:center;
}
#contact-email p
{
    font-size:18px;
}
#contact-email ul
{
    list-style-type: none;
    padding: 0;
    margin:0;
}

#contact-email ul li
{
    display: inline-block;
    margin:10px 15px;
}

#contact-email ul li a,#contact-email ul li a:hover,#contact-email ul li a:active,#contact-email ul li a:focus
{
    color:#fff;
    text-decoration: none;
}

#contact-email ul li  .fa-envelope-o
{
    color:#fff;
    margin-right:5px;
    font-size:16px;
}

#employee-benifit
{
    padding:50px 0px;
}
/*** Custom Accordian  ***/
.emp-benifit-note
{
    color:#3b515d;
    font-size:12px;
    margin:15px 0;
}
.accordion-content ul
{
    padding: 0 35px;
    margin:20px 0px;
    color:#3b515d;

}
.accordion-content ul p
{
    font-weight:600;
    padding: 0px !important;
    margin-bottom:10px;
}
.accordion-content ul li
{
    font-size:16px;
    list-style-type: disc;
}
.heading-primary {

  color: #3b515d;
    font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
 
}

.accordion dl,
.accordion-list {
  border: 1px solid #ddd;
  margin-bottom:0;
}
.accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  height: 1em;
  width: 100%;
  /*background-color: #2ba659;*/
  background-color: #20bdbe;
}

.accordion dd,
.accordion__panel {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #eee;
}



.accordionTitle,
.accordion__Heading {
  /*background-color: #38cc70;*/
  background-color: #3b515d;
  text-align:center;  
  font-weight: 700;
  padding: 15px;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  /*border-bottom: 1px solid #30bb64;*/
  border-bottom: 1px solid #1d2021;
}
.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
  /*background-color: #2ba659;*/
  background-color: #31434c;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  /*background-color: #2ba659;*/
  background-color: #31434c;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  max-height: 50em;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
.accordion dd
{
    margin-bottom: 0;
}


.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}


/*** Custom Accordian  ***/

.omkar-cust-apply
 {   
    margin: 30px auto;
    display: block;
    width: 200px;
 }

 #innder-slider h1.small-font-career
 {
    font-size: 19px;
    line-height: 25px;
 }

 .project-title-omk
 {
    color:#000;
 }

 .andheri-cta
 {
    /*display: flex;*/
    display: none;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    width: 40%;
    margin: 0 auto;
    bottom: 7%;
    left: 0;
    right: 0;
    z-index: 99;

 }

 .andheri-cta a
 {

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    display: inline-block;
    padding: 7px 30px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #20bdbe;
    transition: 0.6s;
    font-weight: 600;
    background: #20bdbe;
 }

 .andheri-cta a:hover,.andheri-cta a:active,.andheri-cta a:focus
 {
    background-color:#169d9e; 
    color:#fff;
 }

 /*Fun begins*/
#employee-benifit .tab_container {
    width: 90%;
    margin: 0 auto;
    padding-top: 70px;
    position: relative;
}

#employee-benifit input,#employee-benifit section {
  clear: both;
  padding-top: 10px;
  display: none;
}

#employee-benifit label {
    font-weight: 700;
    font-size: 18px;
    display: block;
    float: left;
    /*width: 20%;*/
    width: 33.33%;
    padding: 1.5em;
    color: #31434c;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: #eee;
}


 #tab4:checked ~ #content4,
 #tab5:checked ~ #content5, 
 #tab6:checked ~ #content6
 {
  display: block;
  padding: 20px;
  background: #eee;
  color: #999;
  border-bottom: 2px solid #f0f0f0;
}
#content4 ul,section#content5 ul,section#content6 ul
{

    float: left;
    list-style-type: disc;
    margin:10px 15px;
    width:calc(30% - 30px);
}
section#content5 ul,section#content6 ul
{
    width: 100%;
}
#content4 ul p,section#content5 ul p,section#content6 ul p
{
    font-weight: 600;
    padding: 0px !important;
    margin-bottom: 10px;
     color:#3b515d;
}
#content4 ul li,section#content5 ul li,section#content6 ul li
{
    color:#3b515d
}
.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3  {
  text-align: center;
}

#employee-benifit .tab_container [id^="tab"]:checked + label {
    background: #e4e4e4;
    box-shadow: inset 0 3px #0CE;
    color: #fff;
    background-color: #31434c;
}

#employee-benifit .tab_container [id^="tab"]:checked + label .fa {
  color: #0CE;
}

#employee-benifit label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0;
}

.notices-wrapper{
    /*display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    height: 100vh;*/
    margin:150px 0px;
    display: block;
    width: 100%
}
.notices-head{
    text-align: center;
    font-size:25px;
    font-weight: 700;
    color:#18979a;
}
.notices-link{
  /*  display: flex;
    flex-flow: column wrap;
    margin:0 20px;
    border:1px solid #ccc;
    text-decoration: none;
    width: calc(33% - 40px);
    justify-content: space-between;
    align-items: center;*/

     margin:0 20px 20px;
    border:1px solid #ccc;
    text-decoration: none;
   float:left;
    width: 30%;
    text-align: center;
    padding:20px 0px;
}
.pdf-ico-notice {
    padding:20px 0px;
    margin:0px;
}
.pdf-ico-notice .fa {
    font-size: 80px;
    color:#18979a;
}

.pdf-txt{
    font-size: 30px;
    color:#18979a;
    margin:0px;
    padding:0px;
}
.omk-whatsapp{
    display: none;
}
.omk-whatsapp-dsk{
            position: fixed;
            top: 63%;
            z-index: 3;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            right:0;
            color: #25d366;
            padding: 10px 1px;
            display: block;
            /* font-size: 34px; */
            background-color: #00979c;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            width:32px;
            overflow: hidden;

}
.omk-whatsapp-dsk a{
    color: #18979a;
}

.omk-ctc-btn{
    position: fixed;
    top: 73%;
    z-index: 3;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    right: 0;
    color: #25d366;
    padding: 10px 1px;
    display: block;   
    background-color: #00979c;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 32px;
    text-align: center;
    overflow: hidden;
}

.mob-ctc-btn
{
    display: none;
}
.whats-app-form
{
    display: none;
    padding:20px 30px;
}
.whatsapp-dsk input
{
    border: none;
    border-bottom: 1px solid #cbcbcb;
    font-family: 'Titillium Web', sans-serif;
    width: 100%;
    margin-bottom:20px;
    color: #535353;
    background-color:transparent;
    outline: none;
}
.whatsapp-dsk input[type="submit"]
{
    -webkit-appearance: none;
    background-color: #fec50b;
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    margin: 0 auto;
    border: none;
    margin-top: 70px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    padding: 7px 35px;
    display: inline-block;
    cursor: pointer;
    max-width:200px;
}
.dsk-whatsapp-msg
{
    font-family: 'Titillium Web', sans-serif;
    font-size:20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    top: 50%;
    transform: translateY(-50%)
}

.omk-btn-container
{
    display: flex;
    justify-content: space-around;
    width: 500px;
    align-items: center;
    align-items: center;
    margin: 30px auto 30px auto;
}
.err-btn
{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    display: inline-block;
    padding: 7px 30px;
    color: #20bdbe;
    border-radius: 4px;
    border: 1px solid #20bdbe;
    transition: 0.6s;
}

.err-btn:hover,.err-btn:focus,.err-btn:active
{
     background: #20bdbe;
    color: #fff;
}

.home-roadblock{
  background: #0000007a;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  display: none;
}
.omkar-roadblock
{
    position: fixed;
    width: 40%;
    top: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*display: none;*/
    z-index:9999;
    border: 3px solid #ccc;
}
#project-form-roadblock
{
    
    padding: 10px 30px;
    width: 100%;
}

#omka-roadblock .form-row
{
    width:100%;
    margin:0 0 15px;
}

#omka-roadblock .form-row .selected-dial-code
{
    color:#000;
}
.omkar-close
{
    position: absolute;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    background: #000;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    top: -20px;
    right: -20px;
    cursor:pointer;
}

#omka-roadblock .project-form h3
{
    text-align:center;
}

/**************NRI Terms and condition***************/
#nri-privacy-policy
{
     color: #737373;
    background: #eeeeee;
    padding:130px 0 30px;
}
.nri-privacy-data
{   text-align: left;
    font-size:20px;
    margin-bottom:30px;
}

.nri-privacy-data h2,.nri-privacy-data h1
{   
    color:#18979a;
    text-align: left;
    margin-bottom:10px;
    font-size:25px;
    font-weight:600;
}
.service-list
{
    padding-left:40px;
}
.service-list li
{
    list-style:disc;
}
/**************NRI Terms and condition***************/

/*************popup*************/
#fvpp-blackout 
{
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}

/*************popup*************/
.mt-b-10
{
    margin-bottom:10px;
}

/*infrographic listing start*/
.infoListingBanner {
  background: #283e48;
  margin-top: 80px;
}
.infoListingWprMain {
  margin-top: 80px; 
}
.infobannertxt {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.infobannertxt h4 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.infobannertxt p {
  color: rgba(255,255,255,0.6);
}
.infoListingWpr, .infoListingWprMain {
  padding: 40px 0;
}
.infoListingWpr h2{
  color: #010101;
}
.infoListingWprMain h2 {
  color: #f9a61a; 
}
.infoListingWprMain p {
  color: #222;
}
.infolistImg {
  width: 100%;
  margin-bottom: 15px;
}
.infoImgView img {
  width: 100%;
}
.infoVidView {
  position: relative;
  overflow: hidden;
}
.videoThumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.playIcon {
  background-image: url(../images/playBtn.png);
  width: 72px;
  height: 72px;
  transition: all 0.3s ease-in-out;
  border-radius:50%;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
  background-size: cover;
}
.infoVidView video {
  width: 100%;
}
.infolistContent {
  display: flex;
  justify-content: center;
  color: #010101;
  flex-direction: column;
  align-items: flex-start;
}
.countRw {
  color: #e0e0e0;
  font-weight: bold;
}
.infolistContent h4 {
  text-transform: uppercase;
  font-weight: bold;
  color: #f9a61a;
  font-size: 30px;
}
.listMonth {
  padding: 8px 20px;
  border: 1px solid #07969a;
  color: #07969a;
  border-radius: 20px;
  display: inline-block;
}

.infolistContent, .infolistImgWpr {
  padding-top: 0px;
  padding-bottom: 0px;
}
.infoBlock {
  margin-bottom: 40px;
}
.selectFilter {
  float: none;
}
.infoListingBanner {
  padding-top: 40px;
}
.infoDetailsWpr {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#415963+0,172730+100 */
  background: #415963; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #415963 0%, #172730 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #415963 0%,#172730 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #415963 0%,#172730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415963', endColorstr='#172730',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding: 120px 0 40px 0;
}
.infoDetailHeader {
  width: 730px;
  margin: 0 auto;
  height: 440px;
  display: flex;
  justify-content: space-between;
}

.tabhead {
  width: 120px;
  display: block;
  text-align: center;
  height: 145px;
  margin-top: 20px;
  position: relative;
}
.tabhead.active {
  color: #ffcc33;
}
.tabhead2 {
  left: -54px;
}
.tabhead3 {
  right: -54px;
}
.tabWpr {
  position: relative;
  z-index: 11;
  margin-top: -190px;
}
.tabWpr .content {
  display: none;
  position: relative;
  overflow: hidden;
}
.tabWpr .content.active {
  display: block;
}
.populationWpr {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.popTitle {
  text-align: center;
  margin-bottom: 30px;
}
.popIndian, .popGlobal {
  width: 50%;
}
.popGlobal .popImg {
  width: 65px;
  height: 65px;
  margin: 0 auto 10px;
  background: url('../images/sprite-info.png');
  background-position: -5px -9px;
}
.popCount {
  text-align: center;
}
.popCount h4 {
  color: #51dcdc;
  font-weight: bold;
  font-size: 40px;
  text-transform: inherit;
}
.popIndian .popImg {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  background: url('../images/sprite-info.png');
  background-position: -83px -9px;
}
.popIndian .popGrid {
  display: flex;
  flex-wrap: wrap;
}
.popIndian .popGrid .popCount {
  width: 50%;
}
.populationWpr p {
  font-size: 17px;
}
/*========= speding ===========*/
.spendingWpr {
  display: flex;
  justify-content: space-between;
}
.spendingWpr p {
  font-size: 17px;
}
.spendBlock {
  width: 30%;
}
.spendInner {
  text-align: center;
}
.spendInner h4 {
  color: #51dcdc;
  font-weight: bold;
  font-size: 40px;
  text-transform: inherit;
}
.spendingWpr hr, .millennialWpr hr {
  border-color: rgba(255, 255, 255, 0.2);
}
.millennialWpr hr {
  width: 400px;
  margin-left: 0;
}
.spendInner p:first-child {
  margin: 0;
}
.spendImg1 {
  background: url('../images/sprite-info.png');
  width: 143px;
  height: 48px;
  margin: 0 auto;
  background-position: -186px -9px;
}
.spendImg2 {
  background: url('../images/sprite-info.png');
  width: 236px;
  height: 46px;
  margin: 0 auto;
  background-position: -613px -8px;
}
.spendImg3 {
  background: url('../images/sprite-info.png');
  width: 246px;
  height: 36px;
  margin: 0 auto;
  background-position: -877px -8px;
}
.spendImg4 {
  background: url('../images/sprite-info.png');
  width: 216px;
  height: 52px;
  margin: 0 auto;
  background-position: -358px -9px;
}
.spendImg5 {
  background: url('../images/sprite-info.png');
  width: 164px;
  height: 46px;
  margin: 0 auto;
  background-position: -1148px -9px;
}
.midSpend {
  margin-top: 200px;
}
/*=================== digital ======================*/
.digitalWpr p {
  font-size: 14px;
}
.digitalWpr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.statBlock {
  /*width: 370px;*/
  position: relative;
  text-align: center;
  align-self: flex-start;
}
.statImg1 {
  /*background: url('../images/sprite-info.png');
  background-position: -5px -108px;*/
  margin: 80px auto;
  position: relative;
  width: 400px;
}
.c1 span, .c2 span {
  transition: 0.2s ease-in-out;
}
.statImg1:hover .statTitle,
.statImg3:hover .statTitle,
.c1:hover span,
.c2:hover span {
  transition-delay: 0s !important; 
  transform: scale(1.2);
}
.statImg1 img {
  max-width: 100%;
}
.statImg1 .statTitle h4,
.statImg3 .statTitle h4 {
  margin-bottom: 0;
}
.statTitle {
  position: absolute;
}
.statTitle1 {
  top: 10px;
  left: 25px;
}
.statTitle2 {
  top: 0;
  right:0;
}
.statTitle3 {
  bottom: 0px;
  right: 0;
}
.statTitle4 {
  left: 0;
  bottom: 0px;
}
.statTitle h4 {
  font-weight: bold;
  font-size: 40px;
  text-transform: inherit;
}
.statImg1 p {
  line-height: 18px;
}
.statTitle.statTitle1 h4 {
  color: #eeb421;
}
.statTitle.statTitle2 h4 {
  color: #ff9900;
}
.statTitle.statTitle3 h4 {
  color: #cc6600;
}
.statTitle.statTitle4 h4 {
  color: #ffcc66;
}
.midStat {
  margin-top: 150px;
}
.statImg2 {
  width: 333px;
  height: 235px;
  background: url('../images/sprite-info.png');
  background-position: -573px -84px;
  margin: 80px auto 0;
}
.statImg3 {
  width: 380px;
  /*height: 159px;*/
  /*background: url('../images/sprite-info.png');
  background-position: -312px -122px;*/
  margin: 80px auto;
  position: relative;
}
.statImg3 img {
  max-width: 100%;
}
.statTitle.statTitle5 h4 {
  color: #d1a00c;
}
.statTitle.statTitle6 h4 {
  color: #eeb421;
}
.statTitle.statTitle7 h4 {
  color: #efd556;
}
.statTitle5 {
  left: 40px;
  top: 10px;
}
.statTitle6 {
  left: 20px;
  bottom: 0px;
}
.statTitle7 {
  right: 30px;
  top: 40px;
}
.scaleAnime {
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.animStart.scaleAnime {
  transform: scale(1);
  opacity: 1;
}
/*=================== Millennial ======================*/
.millennialWpr {
  display: flex;
}
.millBlock {
  width: 50%;
}
.pointMarks div {
  position: relative;
  padding-left: 30px;
  margin-right: 30px;
  display: block;
}
.pointMarks div:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.pointMarks .blueMark:before {
  background: #51dddd;
}
.pointMarks .yellowMark:before {
  background: #ffcc33;
}
.pointMarks .grayMark:before {
  background: #919191;
}
.pointMarks div.yellowMark, .pointMarks .grayMark  {
  display: inline-block !important;
}
.pointMarks {
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
.millChartTitle {
  padding-left: 20px;
  position: relative;
}
.millChartTitle:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 10px;
}
.millTitleBlock {
  margin-top: 30px;
}
.millTitleBlock.millRight1 {
  margin: 150px 0 0 auto;
  width: 450px;
}
.millRight1 {

}
.millTitle {
  color: #ffcc33;
  font-weight: bold;
}
.millTitle span {
  color: #fff;
  text-transform: initial;
  font-weight: normal;
  font-size: 16px;
}
.millChartTitle {
  color: #51dddd;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.millChartTitle span {
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}
.circleChart {
  display: flex;
}
.circleChart div {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  line-height: 44px;
  text-align: center;
  margin-right: 15px;
}
.circleChart .grayCircle {
  border-color: #919191
}
.circleChart .blueCircle {
  border-color: #51dddd
}
.circleChart .yellowCircle {
  border-color: #ffcc33
}
.circleChartBlockWpr {
  display: flex;
}
.circleChartBlock {
  position: relative;
  width: 50%;
  padding: 0 10px;
}
.incomeCircle {
  /*width: 205px;
  height: 155px;*/
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  position: relative;
}
.savingCircle {
  /*width: 270px;
  height: 140px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.incomeCircle span, .savingCircle span {
  position: absolute;
}
.c1 {
/*  width: 140px;
  height: 135px;
  background: url('../images/sprite-info.png');
  background-position: -946px 168px;
  margin:0 auto;*/
  position: relative;
}
.c1 img {
  max-width: 100%;
}
.c2 {
  /*width: 228px;
  height: 140px;
  background: url('../images/sprite-info.png');
  background-position: -1117px 170px;
  margin:0 auto;*/
  position: relative;
}
.c2 img {
  max-width: 100%;
}
.incomeCircle span.grayTxt1, .savingCircle span.grayTxt1 {
  color: #919191;
}
.incomeCircle span.blueTxt1, .savingCircle span.blueTxt1 {
  color: #51dddd;
}
.incomeCircle span.yellowTxt1, .savingCircle span.yellowTxt1 {
  color: #ffcc33;
}
.incomeCircle span.grayTxt1 {
  left: 0;
  top: 0;
}
.incomeCircle span.yellowTxt1 {
  left: 0;
  bottom: 0;
}
.incomeCircle span.blueTxt1 {
  right: 0;
  bottom: 0;
}
.savingCircle span.grayTxt1 {
  right: 0;
  top: 15px;
}
.savingCircle span.yellowTxt1 {
  left: 10px;
  top: 15px;
}
.savingCircle span.blueTxt1 {
  right: 0;
  bottom: 0;
}
.circleH4 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-transform: inherit;
}
@media only screen and (max-width: 1200px) {
  .populationWpr .popGlobal {
    padding-right: 100px;
  }
  .populationWpr .popIndian {
    padding-left: 100px;
  }
  .millTitleBlock.millRight1 {
    margin: 200px 0 0 auto;
  }
  .statBlock {
    width: 50%;
  }
  .statImg1 {
    margin: 180px auto 0;
  }
}

@media only screen and (max-width: 900px) {
  .populationWpr .popGlobal, .populationWpr .popIndian {
    padding: 0;
  }
  .populationWpr, .digitalWpr, .spendingWpr, .millennialWpr, .circleChartBlockWpr, .popIndian .popGrid {
    flex-direction: column;
  }
  .popIndian, .popGlobal, .millBlock, .spendBlock, .circleChartBlock, .popIndian .popGrid .popCount {
    width: 100%;
  }
  .tabWpr {
    margin-top: 0;
  }
  .statBlock {
    margin: 0 auto;
  }
  .midSpend, .millTitleBlock.millRight1 {
    margin: 0;
  }
  .statImg1 {
    margin: 0px auto;
  }
  .savingCircle {
    justify-content: flex-start;
  }
   #employee-benifit label span {
    font-size: 14px;
  }
  label .fa {
    font-size: 14px;
  }

  .omkar-roadblock {
    position: fixed;
    width: 85%;
    top: 20%;
   
    }
}
@media (min-width: 768px) {
  .infoListingBanner {
    padding-top: 0px;
  }
  .infoListingWpr {
    padding-bottom: 0;
  }
  .selectFilter {
    float: right;
  }
  .infoListingWpr .odd .infolistContent {
    order: 1;
  }
  .infoListingWpr .odd .infolistImgWpr {
    order: 2;
  }
  .infolistContent, .infolistImgWpr {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .infoBlock {
    margin-bottom: 0px;
  }
  #employee-benifit label span {
    display: block;
  }
  #employee-benifit label .fa {
    font-size: 16px;
  }
  .tab_container {
    width: 98%;
  }
  #content4 ul, section#content5 ul, section#content6 ul{
    width: 100%;
  }
  #employee-benifit label{
    font-size:12px;
  }
  #employee-benifit .tab_container{
    padding-top:0px;
    width: 100%;
  }

}

@media only screen and (max-width: 767px){
    .omk-btn-container{
        flex-flow:column;
    }
    .err-btn{
        margin-bottom:20px;
    }
    #disclaimer .content div.text{
        height: 400px;
    }

    #nri-privacy-policy{
        padding: 110px 0 20px;
    }
    .service-list{
        font-size:15px;
    }
    .infoDetailHeader {
      width: 500px;
      height: 300px;
      background-size:cover !important;
      background-position: center !important;
    }
    .project-form.customNew a.btn {
        font-size: 9px;
    }
    .playIcon {
      width: 50px;
      height: 50px;
    }
    .tabhead p {
      font-size: 12px;
    }
}

@media only screen and (max-width: 480px)  {
  .statImg1 {
    width: 100%;
  }
  .infoDetailHeader {
    width: 290px;
    height: 185px;
  }
  .tabhead {
    margin-top: 0;
    width: 70px;
    height: 80px;
  }
  .tabhead p {
    font-size: 10px;
    line-height: 14px;
    margin: 0
  }
  .tabhead1 {
    left: -14px;
  }
  .tabhead2 {
    left: -24px;
  }
  .tabhead3 {
    right: -28px;
  }
  .tabhead4 {
    right: -14px;
  }
  .popCount h4 {
    color: #51dcdc;
    font-weight: bold;
    font-size: 40px;
    text-transform: inherit;
  }
  .popCount h4, .statTitle h4 {
    font-size: 24px;
  }
  .statImg2 {
    width: 260px;
    height: 175px;
    background-position: -413px -67px;
    background-size: 1000px;
    margin: 20px auto;
  }
  .statBlock, .statImg3 {
    width: 100%;
    margin: 0px auto;
  }
  .millTitleBlock.millRight1 {
    width: 100%;
  }
  .circleChartBlock {
    margin-bottom: 40px;
  }
  .statTitle {
    /*width: 100px;*/
  }
  .statTitle p {
    line-height: 18px;
  }
  .statTitle1 {
    margin: 0 auto;
  }
  .statTitle2 {
    right: 0;
    top: 70px;
  }
  .statTitle6 {
    left: 0;
  }
  .popCount h4 {
    margin-bottom: 0;
  }
  .populationWpr p {
    font-size: 17px;
    margin-bottom: 25px;
  }
  .popTitle {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 360px) {
  .popCount h4, .statTitle h4 {
    font-size: 20px;
  }
  .statTitle3 {
    bottom: -15px;
  }
}
/*Content Animation*/
@keyframes fadeInScale {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
#otp_wrp{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.9);
}
#otp_wrp .mbassy-message input[type="button"]:first-child{
    margin-right: 10px;
}
#otp_wrp .mbassy-message input[type="button"]:nth-child(2){
    margin-left: 10px;
}
#otp_wrp.show{
    display: flex;
}
/*yt video code*/
.videoThumbYt {
  position: relative;
  width: 100%;
}
.videoThumbYt img {
  width: 100%;
}
.videoThumbYt iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}
/*yt video cod*/




.rotate-device.overlay {
  display: none;
  position: fixed;
  top: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

.rotate-device .iconContainer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.rotate-device.overlay p {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0;
  font-size: 20px;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 80%;
  transform: translate(-50%, -40%);
}

.rotate-device .phone {
  position: relative;
  left: 50%;
  margin-left: -50px;
  width: 0;
  height: 0;
  border: 0 solid #a9a9a9;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
}
.rotate-device .phone i {
  text-align: center;
  width: 100%;
  line-height: 120px;
  font-size: 50px;
  color: #454545;
  opacity: 0;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .rotate-device.overlay {
    display: block;
  }

  .rotate-device.overlay .phone {
    -webkit-animation: sizeIncrease .5s forwards ease,  borderIncrease .5s .5s forwards ease,  rotateRight .7s 1s forwards ease;
            animation: sizeIncrease .5s forwards ease,  borderIncrease .5s .5s forwards ease,  rotateRight .7s 1s forwards ease;
  }

  .rotate-device.overlay .phone i {
    -webkit-animation: rotate_fadeIn .5s .8s forwards ease;
            animation: rotate_fadeIn .5s .8s forwards ease;
  }

  .rotate-device.overlay p {
    -webkit-animation: rotate_fadeIn .5s 1.3s forwards ease;
            animation: rotate_fadeIn .5s 1.3s forwards ease;
  }
}
/* KEYFRAMES
------------------------------------------- */
/* Animate width + height */
@-webkit-keyframes sizeIncrease {
  0% {
    width: 0;
    height: 10px;
  }
  50% {
    width: 100px;
    height: 10px;
  }
  100% {
    width: 100px;
    height: 160px;
  }
}
@keyframes sizeIncrease {
  0% {
    width: 0;
    height: 10px;
  }
  50% {
    width: 100px;
    height: 10px;
  }
  100% {
    width: 100px;
    height: 160px;
  }
}
/* Add borders */
@-webkit-keyframes borderIncrease {
  100% {
    border-width: 20px 10px;
  }
}
@keyframes borderIncrease {
  100% {
    border-width: 20px 10px;
  }
}
/* fade-in  */
@-webkit-keyframes rotate_fadeIn {
  100% {
    opacity: 1;
  }
}
@keyframes rotate_fadeIn {
  100% {
    opacity: 1;
  }
}
/* Rotate device */
@-webkit-keyframes rotateRight {
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@keyframes rotateRight {
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}