/* ========== Reset ========== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* ========== Common ========== */
html{ overflow-x:hidden;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{font-family: 'Raleway', sans-serif; font-weight:400; font-size:100%; line-height:150%; color:#2A2727; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif;  font-weight:300;}
p{ padding-bottom:16px; font-size:14px; line-height:22px;}
ul li, ol li {list-style: none;}
img {max-width: 100%; border: none; display:block; height:auto; margin:0 auto;}
.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.spacer{clear:both; display:block; line-height:0; font-size:0;}
.clearfix:after {visibility: hidden;  display: block;   font-size: 0;   content: " ";  clear: both;  height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.no-border {border:none !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.wrapper {max-width:1130px; margin:0 auto;}


.row{ margin-left:-15px; margin-right:-15px;}
.row::after{ content:""; clear:both; display:table;}

.col-1{ margin:0; padding:0 15px; min-height:1px; width:100%; float:left;}
.col-2{ margin:0; padding:0 15px; min-height:1px; width:50%; float:left;}
.col-3{ margin:0; padding:0 15px; min-height:1px; width:33.333%; float:left;}
.col-4{ margin:0; padding:0 15px; min-height:1px; width:25%; float:left;}
.col-5{ margin:0; padding:0 15px; min-height:1px; width:20%; float:left;}

/* ========== Home Page ========== */
/* Header and Banner */
.overlay {position:fixed; height:100%; width:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:1; display:none;}
.header {position:fixed; z-index:10; width:100%; left:0; top:0;}
.header .wrapper {transition:0.5s; }
.top-nav {position:fixed; width:100%; top:0; left:0; z-index:2;}
.nav-innaer {position:relative; height:85px; }
.nav-innaer:before {content:''; display:block; height:110px; width:100%; position:absolute; left:0; bottom:0; background:#ffffff;transform:skew(-20deg, -2deg); z-index:2;box-shadow: 0px 3px 12px #00000029;  }
.nav-innaer:after {content: '';display: block;height: 80px;width: 97%;position: absolute;right: -26px;top: 21px;background: #003689;transform: skew(49deg, 0deg);z-index: 1;  transition:0.5s; }
.logo {min-height:89px;float:left; width:73px; position:relative; z-index:2; margin:5px 0 0 40px;}
.fixed .logo {min-height: 61px;}
.nav-angle {height:31px; width:91px; background:url(../images/top-nav-angle.png) no-repeat 0 0; position:absolute; left:-22px; bottom:-22px; z-index:2; }
.top-right {float:right; position:relative; z-index:2;}
.top-navigation {display:inline-block; vertical-align:middle;}
.top-navigation ul li {display:inline-block; margin:0 -4px 0 0 ; font-size:17px; padding:0 22px; position:relative;}
.top-navigation ul li a {color:#2A2727; text-decoration:none; transition:0.5s;}
.top-navigation ul li a:hover, .top-navigation ul li.current-menu-item a, .top-navigation ul li.current_page_parent > a{color:#003689;}
.top-navigation ul li ul {position:absolute; width:200px; top:28px; left:50%; background:#003689;  visibility: hidden; opacity: 0; transition: all linear 0.5s;transform: translate(-50%,5%); box-shadow:0 0 5px rgba(0,0,0,0.16);}
.top-navigation ul li:hover ul {opacity: 1;visibility: visible; transform: translate(-50%,0);}
.top-navigation ul li ul li { margin:0;font-size:14px; display:block; padding:0;}
.top-navigation ul li ul li a {color:#ffffff; display:block; padding:5px 10px;}
.top-navigation ul li ul li a:hover, .top-navigation ul li ul li.current_page_item  a {color:#ffffff; background:rgba(0,0,0,0.1);}
.top-social-links  { border-left:1px solid #dfdfdf; padding:22px 40px; display:inline-block; vertical-align:middle;}
.top-social-links ul li{ display:inline-block; margin:0 -4px 0 0; padding:0 10px;}


.header .menu-icon{ margin:0; padding:0px 0px 0px 0px; display:none; vertical-align:middle; width:42px; height:42px; border-radius:84px 0 0 84px; vertical-align:middle;}
.header .menu-icon .menu-icon-btn{ margin:0; padding:10px 5px 10px 10px; background:#144692; width:42px; height:42px; border-radius:100%; cursor:pointer;}
.header .menu-icon .menu-icon-btn span{ margin:3px 0; height:2px; float:right; clear:both; border-radius:5px; transition:0.5s;}
.header .menu-icon .menu-icon-btn span:nth-child(1){ width:30px; background:#fff;}
.header .menu-icon .menu-icon-btn span:nth-child(2){ width:30px; background:#fff;}
.header .menu-icon .menu-icon-btn span:nth-child(3){ width:30px; background:#fff;}
.header .menu-icon.menu-on {opacity:0;}
.header .menu-icon.menu-on .menu-icon-btn  span:nth-child(1){ transform:rotate(-45deg); margin-top:10px;}
.header .menu-icon.menu-on .menu-icon-btn  span:nth-child(2){ transform:rotate(45deg); margin-top:-5px;}
.header .menu-icon.menu-on .menu-icon-btn span:nth-child(3){ display:none;}
/* header fixed */
.header.fixed  {background:#ffffff;  box-shadow:0 0 10px rgba(0,0,0,0.16);  height:70px;}
.header.fixed .wrapper{ } 
.header.fixed  .nav-innaer::before, .header.fixed .nav-innaer::after, .header.fixed .nav-angle{display:none;}
.header.fixed .logo {margin-bottom:5px; width:50px;}
.header.fixed .top-social-links {padding:21px 40px;}

.banner {position:relative; height:95vh;}
.header-banner {position:relative; z-index:1;}
.banner:before, .banner:after {content:''; display:block; position:absolute; height:500px; z-index:2;}
.banner:before {background:#003689; bottom:-50%; left:0; transform:rotate(20deg);  margin-left:-10%;  width:60%;}
.banner:after {background:#ffffff; bottom:-50%; right:0; transform:rotate(-20deg); margin-right:-10%;  width:60%;}
.banner-text { position:absolute; max-width:1130px; width:100%; left:50%; bottom:50%; transform:translateX(-50%); z-index:3;}
.banner-text  h2{font-size:50px; line-height:normal; color:#ffffff; font-weight:300;}
.banner-text h2 span {font-weight:700; display:block; text-transform:uppercase;}
.header-banner .slick-slide img {width:100%; /*height:auto;*/ height:100vh; object-fit: cover; max-width:none; position:relative; z-index:1;} 
.header-banner .slick-slide:before {content:''; display:block; height:100%; width:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); z-index:2;}
.header-banner .slider-track {
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.header-banner .slick-slide img {
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.header-banner .slick-slide.slick-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation: cssAnimation 8s 1 ease-in-out forwards;
  animation: cssAnimation 8s 1 ease-in-out forwards;
}




/* Body Content */
.body-content { position:relative; z-index:2; margin-top:-200px;}
.body-content-top { position:relative; /*padding:0 20px 0 10px; */ padding-bottom:265px; float:left; width:100%; clear:both; z-index:2 }
.body-content-top-inner{background:#ffffff url(../images/bg-q.png) no-repeat left -110px bottom; min-height:330px; max-height:330px; padding:30px 50px 0 50px; box-shadow:0 0 56px rgba(0,0,0,0.16); position:relative; z-index:2; float:left; width:100%;}
.body-content-top-inner:after {content:''; display:block; position:absolute; bottom:-20px; left:0; background:#fff; height:30px; width:100%;  z-index:1;  }
.body-top-left { float:left; width:35%; padding-top:30px; margin-right:30px;}
.body-content-top:after {content:''; display:block; position:absolute; bottom:56px; left:0; background:#fff;/* background:url(../images/bg-body-top.png) no-repeat; background-size:100%;*/ height:360px; width:100%; transform:skewY(15deg); z-index:1;  box-shadow:0 3px 56px rgba(0,0,0,0.16);}
.body-top-left { float:left; width:35%; padding-top:30px; margin-right:30px;}
.body-top-left p {font-size:16px; line-height:24px; font-weight:500;}
.body-top-right { overflow:hidden; position:relative; z-index:2;}

.body-content h2 {font-size:42px; line-height:normal; position:relative; padding-top:25px; margin-bottom:25px;}
.body-content h2:before {content:''; display:block; height:5px; width:50px; background:#e4e4e4; position:absolute; left:0; top:0;}
.body-top-left h2 {color:#003689eb;}

.venture-box {display:inline-block; width:50%; margin:0 -4px 0 0; padding:23px; vertical-align:top;}
.venture-box:nth-child(2) {margin-top:40px;}
.venture-box:nth-child(3) {margin-top:-60px;}
.venture-box .box-inner {background:#ffffff; box-shadow: 0px 3px 16px rgba(0,0,0,0.16);border-radius: 20px; padding:30px; min-height: 300px;}
.venture-logo { margin-bottom:15px;}
.venture-logo img {margin:0 auto;}
.venture-content {font-size:14px; line-height:20px;color: #2A2727; font-weight:400; padding-bottom:25px;}
.venture-button-holder {text-align:center;}


.about-iq{ /*clear:both; */ margin-bottom:85px; position:relative; z-index:1; margin-top:-190px;}
.about-iq-bg-one{ background:url(../images/bg-body.png) no-repeat top 70px right; position:relative; z-index:2; background-size:100%;}
.about-iq:before{ content:''; display:block; height:600px; width:60%; position:absolute; left:-10%; top:0; background:#fff; transform: rotate(-15deg); z-index:1;}
.about-iq .wrapper {background:url(../images/about-bg.png) repeat-y center top -300px;  padding-top:500px; padding-bottom:250px;}
.about-img-panel {float:left; width:45%; margin-right:30px; padding-bottom:60px; background:url(../images/bg-about-iq.png) no-repeat center bottom;}
.about-content-panel {overflow:hidden;}
.img-one {float:left; width:40%;}
.img-two {float:right; width:60%; padding-top:30px; padding-left:30px;}
.img-one img, .img-two img {max-width:none; width:100%;}

.about-content-panel h2 {color:#003689eb;}
.about-content-panel p {font-size:18px; line-height:32px; color:#828282;}
.about-content-panel p strong{font-size:20px; line-height:32px; color:#2A2727;}


.gallery {padding-bottom:50px; position:relative; margin-top:-250px;}
.gallery:after { content:''; display:block; width:150%; height:100%; position:absolute; top:10%; left:50%; transform:rotate(-10deg) translate(-50% , -50%); z-index:1;  background: rgb(47,98,3);background: linear-gradient(126deg, rgba(47,98,3,1) 0%, rgba(158,203,60,1) 100%); }
.gallery h2 {color:#003689eb;}
.gallery-slider {position:relative; z-index:2;}
.gallery-slider .slick-slide {/*margin: 0px 22px;*/ padding:44px 25px;  }
.gallery-slider .slick-slide .img-holder{ overflow:hidden; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); border-radius:13px; transition:0.5s;}
.gallery-slider .slick-slide img {display:block;}
.gallery-slider .slick-center .img-holder {transform: scale(1.2, 1.2);}
.gallery-slider .slick-arrow{ height:30px; width:30px;}
.gallery-slider .slick-arrow.slick-prev {background:url(../images/arrow-lt.png) no-repeat center center;}
.gallery-slider .slick-arrow.slick-next {background:url(../images/arrow-rt.png) no-repeat center center;}
.gallery-slider .slick-arrow:before{content:none;}



.blog-section{ position:relative; z-index:2; padding-bottom:100px;}
/*.blog-section:after { content:''; display:block; width:50%; height:100%; position:absolute; top:0; left:0; transform:skew(0deg, 12deg); translateY(-50%); z-index:0;  background:#f1f1f1; }*/
.blog-section h2 { color:#FFFFFF; position:relative; z-index:2;}
.blog-slider {position:relative; z-index:2; margin-top:50px;}
.blog-slider .slick-slide {margin:0 20px;}
.blog-slider .slick-arrow{ height:30px; width:30px;}
.blog-slider .slick-arrow.slick-prev {background:url(../images/arrow-lt-green.png) no-repeat center center;}
.blog-slider .slick-arrow.slick-next {background:url(../images/arrow-rt-green.png) no-repeat center center;}
.blog-slider .slick-arrow:before{content:none;}
.blog-slider .slick-slide .img-holder{ overflow:hidden; border-radius:5px; transition:0.5s; margin-bottom:15px; position:relative; /*padding-top:75%; */background:#000000;}
.blog-slider .slick-slide .img-holder img {/* position:absolute; top:50%; left:50%;*/ object-fit: cover; height:250px;  width:100%; transition:0.5s; opacity:1; transform:scale(1);}
.blog-slider .slick-slide:hover .img-holder img { transform:scale(1.1); opacity:0.5;}
.blog-slider .slick-slide .author-name{color:#003689eb; font-size:20px; font-weight:500; margin-bottom:15px; overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
.blog-slider .slick-slide .date{color:#B9B9B9; font-size:14px; font-weight:500; background:url(../images/appointment.png) no-repeat 0 3px; padding-left:25px; margin-bottom:15px;}
.blog-slider .slick-slide .blog-content{ color:#7D7D7D; font-size:22px; line-height:32px;}
.blog-slider .slick-track {margin:auto;}
.map-section {position:relative; float:left; width:100%; clear:both; }
.map-holder {padding-bottom: 30%;height: 0;overflow: hidden; box-shadow:0 0 25px rgba(0,0,0,0.3); float:right; width:80%; position:relative; z-index:1;}
.map-holder iframe {position: absolute;top: 0;left: 0; width: 100% !important;height: 100% !important; z-index: 1;}
.address-block {position:absolute;  width:40%; left:0; top:50%; transform:translate(0, -50%);  z-index:2; /*background:#003689eb;*/ padding-left:13%;}
.address-inner { position:relative; font-size:20px; color:#ffffff; padding:30px 15px 30px 0; z-index:2;  }

/*.address-block:before {content:''; display:block; height:150px; width:100%; background:#003689eb; position:absolute; left:0; top:-73px; transform: skew(0deg, -13deg); z-index:1;}

.address-block:after {content:''; display:block; height:150px; width:100%; background:#003689eb; position:absolute; left:0; bottom:-73px; transform: skew(0deg, -13deg); z-index:1;}*/

.address-block:before {content:''; display:block; height:105%; width:100%; background:#003689eb; position:absolute; left:0; top:50%; transform: skew(0deg, -13deg) translateY(-50%); z-index:1;}
.address-inner h3 { font-size:28px; font-weight:500; padding-top:15px; margin-bottom:25px; position:relative; line-height: 1.2;}
.address-inner h3:before {content:''; display:block; height:5px; width:50px; background:#e4e4e4; position:absolute; left:0; top:0;}
/*.address-inner:after{content:''; display:block; width:50%; height:100%; position:absolute; top:50%; left:0; transform: rotate(-10deg) translate(0 , -50%); background:#003689eb; }*/
.address-inner .location {background:url(../images/icon-map.png) no-repeat 0 0; padding-left:30px; font-size:18px; line-height:27px; margin-bottom:15px;}
.address-inner .phone {background:url(../images/icon-smart-phone.png) no-repeat 0 0; padding-left:30px; font-size:18px; line-height:27px; margin-bottom:15px;}
.address-inner .phone a {color:#ffffff; text-decoration:none;}
.address-inner .phone a:hover {text-decoration:underline;}
.address-inner .email {background:url(../images/icon-envelope.png) no-repeat 0 0; padding-left:30px; font-size:18px; line-height:27px; margin-bottom:15px;}
.address-inner .email a {color:#ffffff; text-decoration:none;}
.address-inner .email a:hover {text-decoration:underline;}

/* Footer */
/*.footer {clear:both;padding-top:75px;background: rgb(190,190,190);background: rgb(242,248,255);
background: linear-gradient(126deg, rgba(242,248,255,1) 0%, rgba(190,190,190,0.3001401244091386) 100%); position:relative; overflow:hidden;}*/
.footer {clear:both;padding-top:75px; position:relative; overflow:hidden; }
.footer .wrapper {position:relative; z-index:2;}
.footer:before {content:''; display:block; height:110%; width:100%; background:#F2F8FF; position:absolute; right:-10%; bottom:-50%; transform: rotate(-20deg); z-index:1; background: -moz-linear-gradient(45deg, rgba(242,248,255,0.45) 0%, rgba(190,190,190,0.45) 100%); /* ff3.6+ */
 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(242,248,255,0.45)), color-stop(100%, rgba(190,190,190,0.45))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(242,248,255,0.45) 0%, rgba(190,190,190,0.45) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(242,248,255,0.45) 0%, rgba(190,190,190,0.45) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(242,248,255,0.45) 0%, rgba(190,190,190,0.45) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(242,248,255,0.45) 0%, rgba(190,190,190,0.45) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BEBEBE', endColorstr='#F2F8FF',GradientType=1 ); /* ie6-9 */ opacity:0.3; } 
.footer-logo {text-align:center; padding:0 0 60px 0;}
.footer-logo img {display:block; margin:0 auto;}
.subscribe-form {max-width:530px; margin:0 auto; width:90%; box-shadow:0 0 26px rgba(0,0,0,0.17); position:relative; background:#ffffff;}
.subscribe-form .subscribe-field {width:100%; border:none; background:#ffffff url(../images/envelope.png) no-repeat left 18px center; padding:10px 60px; height:50px; font-family: 'Raleway', sans-serif; font-weight:400; font-size:16px; color:#BEBEBE; position:relative; z-index:1;}
.subscribe-form .btn-submit { position:absolute; right:0; top:0; height:50px; width:50px; background:#ffffff url(../images/arrow-bnt.png) no-repeat center center; cursor:pointer; z-index:2; border:none; font-size:0;}
.subscribe-form p{ padding:0;}
.subscribe-form div.wpcf7-validation-errors {display:none !important;}
div.wpcf7 .ajax-loader {position:absolute;}
.subscribe-form .subscribe-field::-webkit-input-placeholder { /* Edge */ color: #969494;}
.subscribe-form .subscribe-field:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #969494;}
.subscribe-form .subscribe-field::placeholder {color: #969494;}
.subscribe-form span.wpcf7-not-valid-tip {bottom:-25px; z-index:2;}
.footer-link {padding:50px 0 30px 0; text-align:center;}
.footer-link ul li {display:inline-block; font-size:14px; position:relative; margin:0 -4px 0 0; padding:0 14px; position:relative;}
.footer-link ul li:before {content:''; display:block; height:13px; width:1px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#555555;}
.footer-link ul li:first-child:before {content:none;}
.footer-link ul li a { text-decoration:none; color:#555555;}
.footer-link ul li a:hover {text-decoration:underline;}
.footer-social-links {text-align:center; padding:0 0 30px 0;}
.footer-social-links ul li {display:inline-block; margin:0 -4px 0 0; font-size:30px; padding:0 11px;}
.footer-social-links ul li a{ color:#b8b8b8; transition:0.5s;}
.footer-social-links ul li a:hover {color:#000000;}
.copy-right {text-align:center; font-size:14px; color:#6D6D6D; padding-bottom:40px;}
.copy-right a {color:#6D6D6D;}
.copy-right a:hover {text-decoration:underline;}
/* Inner Page */

.inner-page .body-content-top { position:relative; /*padding:0 20px 0 10px; */ padding-bottom:210px; float:left; width:100%; clear:both; z-index:2 }
.inner-page .body-content-top .body-content-top-inner{background:#ffffff; min-height:none; max-height:none; padding:75px 45px 0 45px; box-shadow:0 0 19px rgba(0,0,0,0.2); position:relative; z-index:2; float:left; width:100%;}
.body-content-top-inner:after {content:''; display:block; position:absolute; bottom:-50px; left:0; background:#fff; height:56px; width:100%;  z-index:1;  }
.inner-page .body-content-top:after {bottom:90px; transform: skewY(7deg); height:175px}
.inner-page h1 {font-size:42px; line-height:normal; position:relative; padding-top:25px; margin-bottom:50px; text-align:center; color:#003689eb}
.inner-page h1:before {content:''; display:block; height:5px; width:50px; background:#e4e4e4; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.inner-page h2 {font-size:42px; line-height:normal; position:relative; padding-top:25px; margin-bottom:50px; text-align:center; color:#003689eb}
.inner-page h2:before {content:''; display:block; height:5px; width:50px; background:#e4e4e4; position:absolute; left:50%; top:0; transform:translateX(-50%);}

.about-lt-panel {float:left; width:30%; padding-right:30px;}
.about-rt-panel { overflow:hidden; font-size:20px; line-height:30px;}
.web-link-btn{ padding-top:15px;}
.galler-holder-inner {padding-top:60px;}
.galler-holder-inner .gallery-slider .slick-arrow.slick-prev {background:url(../images/arrow-lt-gray.png) no-repeat center center;}
.galler-holder-inner .gallery-slider .slick-arrow.slick-next {background:url(../images/arrow-rt-gray.png) no-repeat center center;}
.galler-holder-inner .gallery-slider .slick-arrow:before{content:none;}
.enquire-form { padding-top:20px;padding-bottom:60px; clear:both;}
.enquire-form form {max-width:1030px; margin:0 auto;}
.group {position:relative; margin-bottom:20px;}
.enquire-form input, .enquire-form textarea{ margin-bottom: 25px; font-size:16px; padding:10px 10px 10px 5px;display:block;width:100%; border:none;  border-bottom:1px solid #bcbcbc; outline:none; box-shadow:none; font-family: 'Raleway', sans-serif;}
.enquire-form textarea {resize:none; height:100px; overflow:auto;}
.enquire-form input:focus, .enquire-form textarea:focus	{ outline:none; }
.enquire-form label{color:#7D7D7D;font-size:16px;font-weight:normal;position:absolute; pointer-events:none; left:5px;top:10px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}

.enquire-form input:focus ~ label, .enquire-form input:valid ~ label, .enquire-form textarea:focus ~  label, textarea:valid ~ label{top:-20px;font-size:14px; color:#003689eb;}
.bar { position:relative; display:block; width:100%; }
.bar:before, .bar:after{content:''; height:2px; width:0;bottom:1px; position:absolute;background:#003689eb;transition:0.2s ease all; -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;}
.bar:before {left:50%;}
.bar:after {right:50%;}
.bar.focus:before, .bar.focus:after, .enquire-form textarea:focus ~ .bar:before, .enquire-form textarea:focus ~ .bar:after {width:50%;}
/*.highlight {position:absolute;height:60%;width:100px;top:25%;left:0; pointer-events:none; opacity:0;}
.enquire-form input:focus ~ .highlight, .enquire-form textarea:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;}*/
.btn-holder input[type="submit"] {display:block; width:130px; height:40px; border-radius:20px; margin:0 auto; border:none; background:#003689; color:#ffffff; font-family: 'Raleway', sans-serif; font-size:14px; cursor:pointer; transition:0.5s; }
.btn-holder input[type="submit"]:hover {background:#000000;}
.enquire-form span.wpcf7-not-valid-tip {font-size:12px;}
.wpcf7-form-control-wrap {display:block; width: 100%; float: left;}
span.wpcf7-not-valid-tip {position: absolute;left: 0;bottom: 0;    font-size: 12px !important;}
.contact-address-sec {position:relative; z-index:3;}
.contact-address-sec .address-box{border-radius:15px; box-shadow:0 3px 26px rgba(0,0,0,0.16); overflow:hidden;}
.contact-address-sec .address-box .pic-holeder img {display:block; max-width:none; width:100%; height:auto;}
.address-panel {padding:30px 15px; background:#ffffff;}
.address-panel h3 {font-size:18px; font-weight:500; color:#003689eb; position:relative; padding-top:25px; margin-bottom:18px;}
.address-panel h3:before {content:''; display:block; height:5px; width:45px; background:#e4e4e4; position:absolute; left:0; top:0; }
.address-panel p {padding:0 0 15px 30px; font-size:14px; line-height:22px; color:#2A2727; word-wrap:break-word;}
.address-panel p a {color:#2A2727; text-decoration:none;}
.address-panel p a:hover {text-decoration:underline;}
.address-panel p.location {background:url(../images/icon-location.png) no-repeat 0 5px;}
.address-panel p.mobile {background:url(../images/icon-mobile.png) no-repeat 0 5px;}
.address-panel p.email {background:url(../images/icon-black-envelope.png) no-repeat 0 2px;}


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
from { background:#5264AE; }
to 	{ width:0; background:transparent; }
}

@-moz-keyframes inputHighlighter {
from { background:#5264AE; }
to 	{ width:0; background:transparent; }
}

@keyframes inputHighlighter {
from { background:#5264AE; }
to 	{ width:0; background:transparent; }
}

@keyframes cssAnimation {
from { -webkit-transform: scale(1) translate(0px);}
to { -webkit-transform: scale(1.3) translate(0px);}
}

@-webkit-keyframes cssAnimation {
from { -webkit-transform: scale(1) translate(0px);}
to { -webkit-transform: scale(1.3) translate(0px);}
}

/* Button */
a.btn-round-line, a.more-link { display:inline-block; border: 1px solid #B8B8B8;border-radius: 18px; padding:9px 18px; text-decoration:none; color:#B8B8B8; font-size:14px; line-height:16px; transition:0.5s;}
a.btn-round-line:hover, a.more-link:hover {border-color:#2F6203; color:#2F6203;}

a.btn-round-solid { display:inline-block; border: 1px solid #003689; background:#003689; border-radius: 18px; padding:9px 30px; text-decoration:none; color:#B8B8B8; font-size:14px; line-height:16px; transition:0.5s; color:#ffffff;}
a.btn-round-solid:hover {border-color:#003689; color:#003689; background:#ffffff;}

a.url-link {display:inline-block;  background-color:#003689; background-image:url(../images/earth.png); background-repeat:no-repeat; background-position: right 5px center; height:40px; border-radius: 18px; padding:12px 30px 12px 30px; text-decoration:none; color:#B8B8B8; font-size:14px; line-height:16px; transition:0.5s; color:#ffffff;}
a.url-link:hover {background-color:#000000;}






/* Blog */
.blog-listing .blog-col {margin: 0; padding: 0 20px;float: left; width: 33.333%;}
.blog-listing .blog-box {background: #ffffff; margin: 0 0 40px 0;  float: left; width: 100%;    position: relative;  transition: 0.5s; border-radius:15px; overflow:hidden; box-shadow: 0 3px 16px rgba(0,0,0,0.16);}
.blog-listing .blog-box .blog-img {margin: 0;padding: 0; position: relative; min-height: 200px; max-height: 200px; overflow: hidden; background:#000000;}
.blog-listing .blog-box .blog-img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: 0.5s;width: 100%;height: 200px;object-fit: cover; opacity:1;}
.blog-listing .blog-box:hover .blog-img img{transform: translate(-50%,-50%) scale(1.1); opacity:0.5;}
.blog-listing .blog-box .cat-name {position: absolute;right:20px;top: 25px;font-size: 14px;text-transform: uppercase;}
.blog-listing .blog-box .cat-name a {padding: 5px 10px; color: #ffffff; background: #003689; font-weight: 500;}
.blog-listing .blog-box h3 {margin: 0 0 20px 0; padding: 0; color: #003689eb; font-size: 20px; line-height: 1.5; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.blog-listing .blog-box h3 a {color:#003689eb;}
.blog-listing .blog-box p {margin-bottom: 20px;font-size: 15px;color: #2A2727;}
.blog-listing .blog-box .blog-content-holder {padding:40px;}
.blog-listing .blog-box .blog-info p {font-size: 14px;color: #828282; font-weight: 300; margin-bottom:0;}
.back-events-btn {margin-top:30px;}
.back-events-btn .btn-read-more{ padding:0 0 0 63px;}
.back-events-btn .btn-read-more:after{ right:inherit; left:0;}
.back-events-btn .btn-read-more::before{ right:inherit; left:25px; transform:translateY(-50%) rotate(-180deg);}
.back-events-btn .btn-read-more:hover::before{ right:inherit; left:7px;}

.blog-details-sec {margin: 0; padding: 0;}
.inner-page.blog-single .body-content-top .body-content-top-inner {padding-top:45px;}
.inner-page .body-content-top-inner {padding-top:45px; min-height:800px;}
.blog-details-sec .blog-left-panel {margin: 0;padding: 0 25px 0 0; float: left; width: 75%;}
.blog-details-sec .blog-right-panel {margin: 0;padding: 0 0 0 25px; float: left; width: 25%;}
.blog-details-sec .blog-left-panel .blog-col-details {position: relative; padding-bottom:30px;}
.blog-details-sec .blog-left-panel .blog-col-details img {margin-bottom: 25px; display:block; height:auto; width:100%;}
.blog-details-sec .blog-left-panel .cat-name {margin: 0;font-size: 14px;text-transform: uppercase;position: absolute;right: 25px;top: 25px; z-index: 1;}
.blog-details-sec .blog-left-panel .cat-name span, .blog-details-sec .blog-left-panel .cat-name a {padding: 5px 10px;color: #ffffff;background: #003689;font-weight: 700;display: block;}
.blog-details-sec .blog-left-panel h2 {margin: 0 0 20px; text-align:left; font-size:30px; color:#003689; font-weight: 500; padding:0;}
.blog-details-sec .blog-left-panel h2:before{content:none; display:none;}
.blog-details-sec .blog-left-panel h2 a{ color:#33302B;}
.blog-details-sec .blog-left-panel h3 {font-weight:600;} 
.blog-details-sec .blog-left-panel .blog-date {margin: 0 0 15px;padding: 10px 0 10px; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd; font-size: 16px;}


.blog-right-panel #secondary .widget {margin: 0 0 30px; padding: 0;}
.blog-details-sec .search-form {position: relative;}
.blog-details-sec .search-form input[type="search"] {margin: 0;padding: 0 15px;float: left;width: 100%;height: 50px;line-height: 60px; border: 1px solid #ccc; font-size: 16px; background: #f6f6f6; color: #4c4c4c; border-radius:5px;}
.blog-details-sec .search-form button[type="submit"] {margin: 0; padding: 0; float: left;width: 50px; height:50px; border: 0; position: absolute; right: 0px;background: #003689; color: #fff; border-radius:5px;}	
.blog-details-sec .search-form button .icon-search {width: 25px;height: 25px;}
.blog-right-panel #secondary h2 {margin: 0 0 10px;padding: 0;color: #003689; font-size: 20px;  font-weight: 500; line-height: 1.2; text-align:left;}
.blog-right-panel #secondary h2:before {content:none; display:none;}
.blog-right-panel #secondary .widget ul li {margin: 0;padding: 0 0 0 15px;position: relative;line-height: 1.2; font-size: 14px;}
.blog-right-panel #secondary .widget ul li:before {position: absolute;left: 0;top: 10px; width: 8px; height: 8px;border-radius: 50%;background: #003689;content: "";}
.blog-right-panel #secondary .widget ul li a {padding: 7px 0; display: block; color: #393939;}
.blog-right-panel #secondary .widget select {margin: 0 0 0px;padding: 0 15px;width: 100%;border: 1px solid #ccc; background: #fff url(../images/down-arrow.png) no-repeat right 15px center;height: 44px;line-height: 42px; color: #777777; font-size: 14px; border-radius:5px; -webkit-appearance: none; appearance: none; -moz-appearance:none;}


.pagination{ margin-top:30px; padding:0 0 30px 0; width:100%; float:left; position:relative; line-height:1;}
/*.pagination:before{ position:absolute; left:15px; top:50%; transform:translateY(-50%); width:calc(100% - 30px); height:1px; background:#e4e4e4; z-index:-1;}*/
.project-listing-sec .pagination{ padding:0 15px;}
.testimonials-details-sec .pagination{ margin-bottom:50px; margin-top:0; padding:0 15px;}
.gallery-sec .pagination{ margin-bottom:50px; margin-top:0; padding:0 25px;}

.pagination .nav-links{ position:relative; float:left;}
.pagination .nav-links:before{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:1px; background:#fff; z-index:-1;}
.pagination .prev .screen-reader-text{ margin-left:10px; position:static !important; width:auto;}
.pagination .prev .icon{ display:none;}
.pagination .next .screen-reader-text{ margin-right:10px; position:static !important; width:auto;}
.pagination .next .icon{ display:none;}
.pagination a{ margin-right:10px; padding:10px 15px; border:1px solid #e4e4e4; color:#454545; background:#fff; display:block; float:left; transition:0.5s; border-radius:5px;}
.pagination span.page-numbers{ margin-right:10px; padding:10px 15px; color:#454545; border:1px solid #e4e4e4; background:#fff; display:block; float:left; border-radius:5px;}
.pagination span.current,
.pagination a:hover{ margin-right:10px; padding:10px 15px; color:#fff; border:1px solid #003689; background:#003689; display:block; float:left;}

.pagination-sec{ margin-bottom:50px; padding:0 25px; width:100%; float:left; position:relative; line-height:1;}
.wp-pagenavi{float:left; position:relative;}
.wp-pagenavi span.pages{margin-right:10px; padding:10px 15px; color:#454545; border:1px solid #e4e4e4; background:#fff; float:left; display:none;}
.wp-pagenavi a{ margin-right:10px; padding:10px 15px; border:1px solid #e4e4e4; color:#454545; background:#fff; display:block; float:left; transition:0.5s;}
.wp-pagenavi span.page-numbers,
.wp-pagenavi span.extend{ margin-right:10px; padding:10px 15px; color:#454545; border:1px solid #e4e4e4; background:#fff; display:block; float:left;}

.wp-pagenavi span.current,
.wp-pagenavi a:hover{ margin-right:10px; padding:10px 15px; color:#fff; border:1px solid #0769a2; background:#0769a2; display:block; float:left;}

.blog-details-sec .blog-left-panel .search-result  h2 {font-size:24px; color:#003689; margin:0 0 10px 0;}
.blog-details-sec .blog-left-panel .search-result  h2 a { color:#003689;}
.blog-details-sec .blog-left-panel .search-result  h2 a:hover {color:#000000;}
.search-result article {margin: 0 0 30px 0;}
.search-result article .entry-meta a {font-size: 12px;color: #828282;font-weight: 400;}


/* Career */
.career-sec{}
.career-content{ margin-bottom:15px; float:left; width:100%;}
.job-list {padding:30px 0;}
.career-sec .career-box{ margin:0 0 30px 0; padding:20px 20px 25px; position:relative; transition:0.5s;  float:left; width:100%; background:#fff; border-radius:20px; box-shadow: 0px 3px 16px rgba(0,0,0,0.16);}
.career-sec .career-box h4{ color:#000000; font-weight:500; padding-bottom:15px;}
.career-sec .career-box .qualification-box{ margin-bottom:15px;}
.career-sec .career-box p{ margin:0; font-weight:300; padding:0;}
.career-sec .career-box p strong{ color:#003689eb; font-weight:500;}
.career-sec .career-box .location{ margin:0; padding:0; float:left; line-height:39px; font-size:14px;}
.career-sec .career-box .location i{ color:#003689eb;}
.career-sec .career-box .apply-now-btn{ float:right;}
.career-sec .career-box .apply-now-btn a{ padding:8px 25px; border:1px solid #B8B8B8; font-size:14px;   display:inline-block; color:#B8B8B8; transition:0.5s; border-radius:30px;}
.career-sec .career-box .apply-now-btn a:hover{ border-color: #2F6203;color: #2F6203; }
.career-form{ margin-top:100px; padding-bottom:100px;}
.career-form h2{ margin-bottom:40px !important;}
.career-form input[type="text"],
.career-form-popup input[type="text"],
.career-form input[type="tel"],
.career-form-popup input[type="tel"],
.career-form input[type="email"],
.career-form-popup input[type="email"]{ margin:0 0 30px; padding:0 15px; width:100%; border:1px solid #ececec; background:#fff; height:50px; line-height:50px; color:#777777; font-size:14px; border-radius:30px; font-family: 'Raleway', sans-serif; outline:none; box-shadow:none;}
.career-form input[type="date"]{ margin:0 0 30px; padding:0 15px; width:100%; border:1px solid #ececec; background:#fff; height:44px; line-height:44px; color:#777777; font-size:14px; text-transform:uppercase; outline:none; box-shadow:none;}

.career-form select,
.career-form-popup select{ margin:0 0 30px; padding:0 15px; width:100%; border:1px solid #ececec; background:#fff url(../images/right-arrow.png) no-repeat right 15px center; height:44px; line-height:42px; color:#777777; font-size:14px; font-family: 'Raleway', sans-serif; outline:none; box-shadow:none;}

.career-form textarea,
.career-form-popup textarea{ margin:0 0 30px; padding:10px 15px; width:100%; border:1px solid #ececec; background:#fff; height:192px; line-height:24px; resize:none;color:#777777; font-size:14px; font-family: 'Raleway', sans-serif; outline:none; box-shadow:none;}

.career-form input[type="file"],
.career-form-popup input[type="file"]{ margin:0px 0 30px; padding:12.5px 15px; background:#fff; float:left; width:100%; box-sizing:border-box; border:1px solid #ececec; font-size:14px; border-radius:30px; outline:none; box-shadow:none;}

.career-form .attach-btn,
.career-form-popup .attach-btn { margin-bottom:20px; position:relative; width:100%; text-align:center; font-size:14px; background:#fff; border:1px solid #ececec; line-height:42px; display:inline-block; box-sizing:border-box; float:left; outline:none; box-shadow:none; }

.career-form .attach-btn .attach-resume,
.career-form-popup .attach-btn .attach-resume{}

.career-form .attach-btn .attach-resume input[type="file"],
.career-form-popup .attach-btn .attach-resume input[type="file"] { position:absolute; right:0; top:0; opacity:0; cursor:pointer; width:143px;}
.career-form .attach-btn .btn-text,
.career-form-popup .attach-btn .btn-text { padding:0 20px; color:#fff; background:#828282; font-size:14px; float:right; }
.career-form .filename,
.career-form-popup .filename { padding:0 15px; line-height:42px; height:42px; float:left; font-size:14px; color:#777777; max-width:165px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.career-form .filename span,
.career-form-popup .filename span {}
.career-form .attach-btn span.wpcf7-not-valid-tip,
.career-form-popup .attach-btn span.wpcf7-not-valid-tip{ top:40px;}
.career-form input[type="submit"],
.career-form-popup input[type="submit"]{ margin:0 0 30px; padding:0 50px; border:1px solid #003689eb; background:#003689eb; height:50px; line-height:48px; color:#fff; cursor:pointer; font-size:14px;  transition:0.5s; font-weight:700; border-radius:30px; font-family: 'Raleway', sans-serif; font-weight:500; outline:none; box-shadow:none;}
.career-form input[type="submit"]:hover,
.career-form-popup input[type="submit"]:hover{ background:#000000; color:#fff; border:1px solid #000000;}
.career-form span.wpcf7-not-valid-tip,
.career-form-popup span.wpcf7-not-valid-tip{ bottom:5px;}
.career-form-popup{ max-width:800px;}
.career-form-popup .for-popup{ display:none;}
.career-form-popup h2{ margin:10px 0 20px; font-size:30px; line-height:1.2;}
div.wpcf7-mail-sent-ok{ background:#398f14; color:#fff; border-radius:10px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ background:#f7e700; color:#000; border-radius:10px;}


/* Site map */
#wp-realtime-sitemap-menu h3 {display: none;}
#wp-realtime-sitemap-menu ul {padding-bottom:15px;}
#wp-realtime-sitemap-menu ul li {position:relative; padding:0 0 12px 20px; font-size:15px;}
#wp-realtime-sitemap-menu ul li:before {content:''; display:block; height:10px; width:10px; background:#003689eb; border-radius:50%; position:absolute; left:0; top:7px;}
#wp-realtime-sitemap-menu ul li a {color: #484848; transition:0.5s;}
#wp-realtime-sitemap-menu ul li a:hover {color:#df582d;}
#wp-realtime-sitemap-menu ul li ul {padding-top:10px; padding-bottom:15px;}
#wp-realtime-sitemap-menu ul li ul li:before {height:8px; width:8px;}