/* ======= Basic style ======= */
html,
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
	font-family: 'Poppins', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
}
body {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: #666;
    overflow-x: hidden !important;
	font-family: 'Poppins', sans-serif;
}
p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6em;
    color: #555;
    margin-bottom: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.25em;
    margin: 0 0 20px 0;
    color: #555;
	font-weight:600;
}
img {
    width: 100%;
    height: auto;
}
img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #f4f4f4;
}
span,
a,
a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
b {
    font-weight: 600;
    color: #333;
}


table,
th,
tr,
td {
    border: 1px solid #f8f5f0;
}
th,
tr,
td {
    padding: 10px;
}
input[type="radio"],
input[type="checkbox"] {
    display: inline;
}
input[type="submit"] {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    background: #aa8453;
    color: #fff;
    padding: 8px 24px;
    margin: 0;
    position: relative;
    font-size: 15px;
}
.alert-success {
    background: transparent;
    color: #666;
    border: 1px solid #aa8453;
    border-radius: 0px;
}

/* placeholder */
::-webkit-input-placeholder {
    color: #666;
    font-size: 15px;
    font-weight: 400;
}
:-moz-placeholder {
    color: #666;
}
::-moz-placeholder {
    color: #666;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #666;
}

/* blockquote */
blockquote {
    padding: 45px;
    display: block;
    position: relative;
    background-color: #f8f5f0;
    overflow: hidden;
    margin: 35px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: #666;
}
.hddddd::before {
    position: absolute;
    content: '';
    top: 97%;
    right: 65%;
    background: url(../img/down-arrow.png) no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1111111;

}
blockquote p {
    font-family: inherit;
    margin-bottom: 0 !important;
    color: inherit;
    max-width: 650px;
    width:100%;
    position:relative;
    z-index:3;
}
blockquote:before {
    content: '\e645';
    font-family: 'Themify';
    position: absolute;
    right: 40px;
    bottom: 40px;
    font-size: 110px;
    opacity: 0.07;
    line-height: 1;
    color: #222;
}
blockquote p {
    margin-bottom: 0;
}
blockquote p a {
    color:inherit;
}
blockquote cite {
    display:inline-block;
    font-size: 15px;
    position:relative;
    padding-left: 60px;
    border-color:inherit;
    line-height:1;
    margin-top: 22px;
    font-style:normal;
    color: #aa8453;
    font-weight: 400;
}
blockquote cite:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 45px;
    height: 1px;
    border-top: 1px solid; 
    border-color:inherit;
    color: #aa8453;
}


/* ======= Helper style ======= */
.mt-0 {
  margin-top: 0 !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}

/* important */
.o-hidden {
    overflow: hidden;
}
.position-re {
    position: relative;
}
.full-width {
    width: 100%;
}
.bg-img {
    background-repeat: no-repeat;
	background-position:top center;
}
.bg-fixed {
    background-attachment: fixed;
}
.pattern {
    background-repeat: repeat;
    background-size: auto;
}
.bold {
    font-weight: 600;
}
.count {
    font-family: 'Gilda Display', serif;;
}
.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 55%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.v-bottom {
    position: absolute;
    width: 100%;
    bottom: 5%;
    left: 0;
    -webkit-transform: translate(0%, -5%);
    transform: translate(0%, -5%);
}
.js .animate-box {
    opacity: 0;
}

:root { scroll-behavior: auto; }

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
    outline: none;
}

/* background & color */
.bg-blck {
    background: #222;
}
.bg-brown {
    background: #351f0a;
	Background:url('../img/special-offer-bg.jpg') no-repeat;
}
.bg-cream {
    background: #f8f5f0 ;
}
.color-1 {
color: #fff;
}
.color-2 {
color: #adadad;
}
.color-3 {
color: #666;
}
.color-4 {
color: #222;
}
.color-5 {
color: #aa8453;
}

/* star - white  */
.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.star:before, .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star:after {
  transform: rotate(35deg);
}
/* Star rating  */
.star-rating {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #e4a853;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.star-rating:before, .star-rating:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #e4a853;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star-rating:after {
  transform: rotate(35deg);
}


/* ======= Selection style ======= */
::-webkit-selection {
    color: #fff;
    background: #aa8453;
}
::-moz-selection {
    color: #fff;
    background: #aa8453;
}
::selection {
    color: #fff;
    background: #aa8453;
}

.productspace { padding:0px;}

/* ======= Preloader style ======= */
.preloader-bg,
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    z-index: 999999;
}
#preloader {
    display: table;
    table-layout: fixed;
}
#preloader-status {
    display: table-cell;
    vertical-align: middle;
}
.preloader-position {
    position: relative;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.loader {
    position: relative;
    width: 55px;
    height: 55px;
    left: 50%;
    top: auto;
    margin-left: -22px;
    margin-top: 1px;
    -webkit-animation: rotate 1s infinite linear;
    -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
    -o-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
    border: 1px solid rgba(0,0,0, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.loader span {
    position: absolute;
    width: 55px;
    height: 55px;
    top: -1px;
    left: -1px;
    border: 1px solid transparent;
    border-top: 1px solid #aa8453;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* ======= Owl-Theme custom style ======= */
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
    line-height: 1.5;
    display: block;
    outline: none;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 3px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #ADADAD;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #dfa457;
    border: 1px solid #dda65e;
}




/* === owl carousel nav style  === */
.clients .owl-theme .owl-nav,
.team .owl-theme .owl-nav,
.slider-grid-bg .owl-theme .owl-nav,
.news .owl-theme .owl-nav,
.pricing .owl-theme .owl-nav,
.testimonials .owl-theme .owl-nav,
.rooms-page .owl-theme .owl-nav,
.rooms3 .owl-theme .owl-nav,
.rooms2 .owl-theme .owl-nav,
.rooms1 .owl-theme .owl-nav {
    position: absolute!important;
    top: 35%!important;
    bottom: auto!important;
    width: 100%
}
.clients .owl-theme .owl-nav,
.team .owl-theme .owl-nav,
.slider-grid-bg .owl-theme .owl-nav,
.news .owl-theme .owl-nav,
.pricing .owl-theme .owl-nav,
.testimonials .owl-theme .owl-nav,
.rooms-page .owl-theme .owl-nav,
.rooms3 .owl-theme .owl-nav,
.rooms2 .owl-theme .owl-nav,
.rooms1 .owl-theme .owl-nav{
    position: relative;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.clients .owl-theme .owl-prev,
.team .owl-theme .owl-prev,
.slider-grid-bg .owl-theme .owl-prev,
.news .owl-theme .owl-prev,
.pricing .owl-theme .owl-prev,
.testimonials .owl-theme .owl-prev,
.rooms-page .owl-theme .owl-prev,
.rooms3 .owl-theme .owl-prev,
.rooms2 .owl-theme .owl-prev,
.rooms1 .owl-theme .owl-prev {
    left: 10px!important
}
.clients .owl-theme .owl-next,
.team .owl-theme .owl-next,
.slider-grid-bg .owl-theme .owl-next,
.news .owl-theme .owl-next,
.pricing .owl-theme .owl-next,
.testimonials .owl-theme .owl-next,
.rooms-page .owl-theme .owl-next,
.rooms3 .owl-theme .owl-next,
.rooms2 .owl-theme .owl-next,
.rooms1 .owl-theme .owl-next {
    right: 10px!important
}
.clients .owl-theme .owl-prev,
.clients .owl-theme .owl-next,
.team .owl-theme .owl-prev,
.team .owl-theme .owl-next,
.slider-grid-bg .owl-theme .owl-prev,
.slider-grid-bg .owl-theme .owl-next,
.news .owl-theme .owl-prev,
.news .owl-theme .owl-next,
.pricing .owl-theme .owl-prev,
.pricing .owl-theme .owl-next,
.testimonials .owl-theme .owl-prev,
.testimonials .owl-theme .owl-next,
.rooms-page .owl-theme .owl-prev,
.rooms-page .owl-theme .owl-next,
.rooms3 .owl-theme .owl-prev,
.rooms3 .owl-theme .owl-next,
.rooms2 .owl-theme .owl-prev,
.rooms2 .owl-theme .owl-next,
.rooms1 .owl-theme .owl-prev,
.rooms1 .owl-theme .owl-next {
    color: #fff;
    position: absolute!important;
    top: 50%;
    padding: 0;
    height: 50px;
    width: 50px;
    border-radius: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #272727;
    border: 1px solid #272727;
    line-height: 0;
    text-align: center;
    font-size: 16px
}
.clients .owl-theme .owl-prev>span,
.clients .owl-theme .owl-next>span,
.team .owl-theme .owl-prev>span,
.team .owl-theme .owl-next>span,
.slider-grid-bg .owl-theme .owl-prev>span,
.slider-grid-bg .owl-theme .owl-next>span,
.news .owl-theme .owl-prev>span,
.news .owl-theme .owl-next>span,
.pricing .owl-theme .owl-prev>span,
.pricing .owl-theme .owl-next>span,
.testimonials .owl-theme .owl-prev>span,
.testimonials .owl-theme .owl-next>span,
.rooms-page .owl-theme .owl-prev>span,
.rooms-page .owl-theme .owl-next>span,
.rooms3 .owl-theme .owl-prev>span,
.rooms3 .owl-theme .owl-next>span,
.rooms2 .owl-theme .owl-prev>span,
.rooms2 .owl-theme .owl-next>span,
.rooms1 .owl-theme .owl-prev>span,
.rooms1 .owl-theme .owl-next>span {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.clients .owl-theme .owl-nav [class*=owl-],
.team .owl-theme .owl-nav [class*=owl-],
.slider-grid-bg .owl-theme .owl-nav [class*=owl-],
.news .owl-theme .owl-nav [class*=owl-],
.pricing .owl-theme .owl-nav [class*=owl-],
.testimonials .owl-theme .owl-nav [class*=owl-],
.rooms-page .owl-theme .owl-nav [class*=owl-],
.rooms3 .owl-theme .owl-nav [class*=owl-],
.rooms2 .owl-theme .owl-nav [class*=owl-],
.rooms1 .owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    line-height: 34px;
    background: transparent;
    color: #fff;
    font-size: 11px;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
    border: 1px solid rgba(255,255,255, 0.7);
    border-radius: 100%;
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.clients .owl-theme .owl-nav [class*=owl-]:hover,
.team .owl-theme .owl-nav [class*=owl-]:hover,
.slider-grid-bg .owl-theme .owl-nav [class*=owl-]:hover,
.news .owl-theme .owl-nav [class*=owl-]:hover,
.pricing .owl-theme .owl-nav [class*=owl-]:hover,
.testimonials .owl-theme .owl-nav [class*=owl-]:hover,
.rooms-page .owl-theme .owl-nav [class*=owl-]:hover,
.rooms3 .owl-theme .owl-nav [class*=owl-]:hover,
.rooms2 .owl-theme .owl-nav [class*=owl-]:hover,
.rooms1 .owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #b19777;
    color: #FFF;
}
@media screen and (max-width: 768px) {
    .clients .owl-theme .owl-nav,
    .team .owl-theme .owl-nav,
    .slider-grid-bg .owl-theme .owl-nav,
    .news .owl-theme .owl-nav,
    .pricing .owl-theme .owl-nav,
    .testimonials .owl-theme .owl-nav,
    .rooms-page .owl-theme .owl-nav,
    .rooms3 .owl-theme .owl-nav,
    .rooms2 .owl-theme .owl-nav,
    .rooms1 .owl-theme .owl-nav {
        display: none;
    }
}

.mbl {display:none;}
.news .owl-theme .owl-nav [class*=owl-] {
    opacity: 0;
}
.news .owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
}
.navbar .container { padding:0px;}
.main_sec { padding:20px 100px;}
.about { padding:50px 0px;}
.about_title { font-size:35px; font-family: 'Poppins', sans-serif; margin-bottom: 10px; text-align:Center; color: #00008b;}
.about .row { padding:5px;}
.about .col-sm-6 { padding:5px 7px;}

.readbtn { color: #e77e01; display: block; font-size:18px;}
.readbtn:hover { color:#222 !important;}
.solution { padding:0px;  position:relative;}
.solution_pic {width: 100%; height:auto; overflow: hidden;}
.solution_pic img { width: 100%; transition: all .3s ease-in-out;}
.solution_pic:hover img { transform: scale(1.1);}
.solution_cont { position:absolute; bottom:7%; left:15px;}
.solution_title { font-size:24px; font-family: 'Poppins', sans-serif; color:#fff; text-transform:uppercase; font-weight:600;line-height:32px; background: #3a3535bd; width: auto; padding: 12px 15px; border-radius: 10px; text-align:left;}
.snd_box { margin-top:3px;}
.pricing { margin-top:50px;}
.pricing p { line-height:1.5em !important; font-size:17px; color: #555;}
.pricing em { color:#fff; font-size:19px; font-style:normal;}
.mailsec { display:flex;}
.mailsec input { width: 75%; background: #fff; padding: 12px; margin-bottom: 0px;}
.testi_bg { background:#e3e7e7; padding:60px 0px;}
.ftbtn { color:#dfa457; font-size:14px;}
.ftbtn:hover { color:#fff;}
.modal{display:none;position:fixed;z-index:1;padding-top:0px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7);z-index:999999;}
.modal-content { position: relative; background-color: #fefefe; margin:100px auto; padding: 0; border: 1px solid #888; width: 30%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration:0.4s}
.solution_box2 { background: #ffffffba; padding: 20px; height:360px; border: 2px #fff solid;}
.solution_box1 { height:360px !important; background: #ffffffd9;}
.pro_sec { margin:10px 0px;}
.pro_left2 { float:right;}
.pro_details { position: relative; margin: 10px 0px; width: 230px; padding:10px; margin-right: 17px; float: left; background: #fff; height: 360px;}
.pro_cont {}
.pro_details img { width:100%; height:300px;}
.pro_details2 { position: relative; margin: 10px 0px; width: 230px; padding:10px; margin-left: 16px; float: left; background: #fff; height: 360px;}
.pro_cont { position:relative;}
.pro_cont .line {
    text-align: center;
    height: 1px;
    width: 60px;
    background-color: rgb(213 146 19 / 71%);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: auto 0 10px;
}
.pro_details:hover .line {
	width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
	cursor:pointer;
}
.pro_details2:hover .line {
	width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
	cursor:pointer;
}

.pro_title { font-size:13px; font-family: 'Poppins', sans-serif; color:#424bc3; text-transform:uppercase; font-weight:700;line-height:20px; width: 100%; padding: 13px 0px 3px;}
.pro_details2 img { width:100%; height:300px;}
.pro_title2 { font-size:13px; font-family: 'Poppins', sans-serif; color:#424bc3; text-transform:uppercase; font-weight:700;line-height:16px; width: 100%; padding: 8px 0px 3px;}
.pro_right { padding:10px 0px 10px 0px;}
.pro_right h3 { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #1b499f; line-height: 1.25em;}
.pro_right p { font-size:16px; color:#202b4c; line-height:30px; font-weight:500;}
.pro_right a { text-transform:uppercase; font-size:17px; color:#ff8944; font-weight:600; font-size:18px;}
.pro_right a:hover { color:#dd5627;}
.service_sec { 
	position: relative;
	height:600px;
	overflow:hidden;
	margin:40px 0px;
	border-radius:8px;
	}
.service_left { 
	width:70%;
	height:100%;
	position:relative;
	z-index:999;
	}
.service_left::before {
	content:'';
	background:#ff0000;
	background: linear-gradient(to right, #4380eb, #0575e6);
	clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
	height:100vh;
	position:absolute;
	width:100%;
	left:0px;
	}
.service_box {
	padding:25px 20px;
	color:#fff;
	width:84%;
	position:relative;
	z-index:999;
}
.service_box h2 {
	font-size:35px;
	color:#fff;
	letter-spacing:3px;
	font-weight:500;
	position:relative;
}

.service_box p {
	line-height:32px;
	padding-top:15px;
}
.service_box a {
	background: #eb7b59;
    padding: 12px 40px 12px 20px;
    color: #fff;
	clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
}
.service_box a:hover {
	background:#fff;
	color:#eb7b59;
}
.service_right {
	width: 60%;
    position: absolute;
    right: 0px;
    top: 0px;
	height:100%;
}
.service_right img {
	width:100%;
	height:100%;
}

.footer-contact-phone .flaticon-call:before { font-size:20px;}
.about_pic { width:92%;}
.about_pic2 { width:92%; float:right;}
.about_company .row { display: flex; align-items: center;}
.about_company h2 { font-size:35px; font-weight:600;}
.timeline_box { background:#eaedec; padding:60px 0px;}
.timeline_box img { width:100%; padding-top:10px;}
.timeline_boxb {background: #eaedec; padding: 60px 0px; background-color: #ffffff;}
.timeline_design { background:url('../img/timeline-graph.png') no-repeat; width:1200px; height:560px; margin:0 auto; position:relative;}
.yearseven { position:absolute; top: 49%; left: 5px; width: 160px;}
.timeline_cont { font-size:11px; color:#333; text-align: right; line-height:14px;}
.timeline_cont span { font-size:18px; font-weight:700; display:block; margin-bottom:5px;}
.timeline_cont2 { font-size:11px; color:#333;  text-align: left; line-height:14px;}
.timeline_cont2 span { font-size:17px; font-weight:700; display:block; margin-bottom:5px;}
.yearten { position:absolute; bottom: -4%; left: 22px; width: 160px; text-align: right;}
.yeareleven { position:absolute; bottom: -1%; left: 40%; width: 140px; text-align: right;}
.yearfifteen { position:absolute; top: 28%; left: 16.8%; width: 150px; text-align: right;}
.yearsixteen { position: absolute; top: 7.5%; left: 25.5%; width: 180px; text-align: right;}
.yearseventeen { position: absolute; bottom: 30%; left: 54.5%; width: 120px; text-align: right;}
.yeareighteen { position:absolute; bottom: -4%; right: 17%; width: 140px; text-align: right;}
.yearnineteen { position:absolute; top: 13%; right: 38.5%; width: 140px; text-align: right;}
.yeartwenty { position:absolute; top: 26%; right: 22.5%; width: 130px; text-align: right;}
.yeartwentyone { position:absolute; top: 53%; right: -2%; width: 140px; text-align: left;}
.box_pd { padding:20px !important;}

/*** Service ***/
.solution_sec { padding:50px 0px;}
.solution_sec h2 {
    position: relative;
    font-size: 40px;
    color: #00008b;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    font-weight: 600;
}
.service-item .bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.service-item .service-text {
    background:#f8f8f8;
    transition: .5s;
	padding:40px 20px;
}
.service-item .service-text img {
	width:70px;
}
.service-item .service-text h3 {
	font-size:24px;
}

.service-item:hover .service-text {
    background: rgb(0 0 0 / 60%);
}

.service-item * {
    transition: .5;
}

.service-item:hover * {
    color: #FFFFFF;
}

.service-item .btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    color: #f5931f;
    background: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    transition: .5s;
}
.service-item .btn .fa {
	color: #f5931f;
}

.service-item:hover .btn {
    width: 140px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}
@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
/* The Close Button */
.close { color: #222; float: right; font-size: 28px;  font-weight: bold;}
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer;}
.modal-header { padding: 2px 16px; color: white; display:block !important;}
.modal-body {padding: 10px 30px;}
.modal-body p { font-size:24px; font-weight:500; font-family: 'Gilda Display', serif;}
.popUpBtn {background:#f7883f; position: fixed; top: 45%; right: 0px; padding: 5px; cursor:pointer; z-index:99999;}
.popUpBtn:hover {background:#fff;}
.send_messageForm .inp {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 15px;height: 45px;padding: 10px;font-size: 14px; border:1px #b79c53 solid; background:#fff; color:#666;}
.send_messageForm select {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 20px;height: 45px;padding: 10px;font-size: 16px;outline: none;background: url(../img/contact-drop-icon.png) right center no-repeat #fff;background-position-x: 95%; -webkit-appearance: none; border:1px #b79c53 solid; background:#fff; color:#666;}
.send_messageForm .inp2 { background:#fff; width: 100%;border: 0px;border-radius: 5px;margin-bottom: 10px;height: 100px;padding: 10px;font-size: 16px; border:1px #b79c53 solid;}
input.sendBtn {background:#f18c2e; border: 0px;color: #fff;padding: 10px 30px !important;font-size: 16px;font-weight: 400; outline: none; margin-bottom:20px; cursor:pointer;}
input.sendBtn:hover {background:#222; color:#fff;}
.ti-instagram:before, .ti-twitter:before, .ti-youtube:before, .ti-facebook:before, .ti-pinterest:before {font-size:18px;}
.pricing .color-2 {color:#fff !important;}

.enquiry_sec { background:#e9bc41; padding:20px; color:#fff; margin:0px 15px;}
.enquiry_title { font-size: 25px; font-family: 'Gilda Display', serif; font-weight: 600; color: #fff; position: relative; margin-bottom: 20px; line-height: 1.25em; letter-spacing:1px;}
input.enqBtn { background: #222; border: 0px; color: #fff; padding: 10px 30px !important; font-size: 16px; font-weight: 400; text-transform: uppercase;    letter-spacing: 1px; outline: none; margin-bottom: 10px; cursor: pointer;}
.package_box { border: 1px #d7d6d3 solid; display: block; margin: 10px 10px 30px; padding: 15px; box-shadow: 1px 2px 12px #b9b9b9;}
.package_box img { width:100%; padding-bottom:15px;}
.package_box h3 {font-size: 24px; font-family: 'Gilda Display', serif; font-weight: 400; color: #222; position: relative; margin-bottom: 20px; line-height: 1.25em; letter-spacing:1px; margin:0px;}
.package_box p { font-size:16px; color:#444; padding:10px 0px; margin:0px;}
.package_price { font-size:18px; color:#e9bc41;}
.package_price span { font-size:22px; display:block; color:#333;}
.package_box a { background:#e9bc41; color:#fff; padding:10px 30px; font-size:16px;}
.package_box a:hover { background:#222;}
.package_add { margin:50px 15px 30px;}
.messageForm {padding: 0px;}
.messageForm .form-group { margin-bottom:0px;}
.send_message {color: #222;font-weight: 500;font-size: 30px;padding-bottom: 20px; text-align:left; font-family: 'Gilda Display', serif;}
input.sendBtn {background: #cb9744;border: 0px;color: #fff;padding: 12px 30px !important;font-size: 16px;font-weight: 400; outline: none;}
input.sendBtn:hover{background: #222;}
.contactBlk{padding-bottom: 0px;}
.messageForm .inp {width: 100%;border: 0px;margin-bottom: 15px; height: 45px;padding: 10px;font-size: 16px; border:1px #222 solid; background:#fff; color:#333;}
.messageForm .inp3 {width: 100%;border: 0px;margin-bottom: 15px; height: 45px;padding: 10px;font-size: 16px; border:1px #222 solid; background:#fff; color:#333;}
.messageForm select {width: 100%;border: 0px;margin-bottom: 20px;height: 45px;padding: 10px;font-size: 16px;outline: none;background: url(../img/contact-drop-icon.png) right center no-repeat #fff;background-position-x: 95%; -webkit-appearance: none; box-shadow: inset 1px 1px 10px #d1d1d1; color:#888;}
.messageForm .inp4 {width: 100%;border: 0px;margin-bottom: 10px;height: 100px;padding: 10px;font-size: 16px; border:1px #222 solid;}
.map { display:block;}
.fttx_sec { background:url('../img/fttx-bg.jpg') no-repeat; background-size:cover; width:100%; padding:80px 60px;}
.bms_sec { background:url('../img/bms-bg.jpg') no-repeat; background-size:cover; width:100%; padding:70px;}
.sbs_sec { background:url('../img/sbs-bg.jpg') no-repeat; background-size:cover; width:100%; padding:80px 60px;}
.digi_sec { background:url('../img/digital-bg.jpg') no-repeat; background-size:cover; width:100%; padding:80px 60px;}
.security_sec { background:url('../img/security-bg.jpg') no-repeat; background-size:cover; width:100%; padding:80px 60px;}

.category_cont { padding:10px; margin:20px 5px 60px; position:relative;}
.category_cont .pic { position:relative; width:100%;}
.category_cont .pic img { width:100%;}
.category_cont .des { position:absolute; background: #ffffff; bottom: -50px; padding: 0px 20px; left: 30px; right: 30px; box-shadow: 0px 6px 12px #9d9d9d;}
.category_cont .des h3 {font-size: 24px; padding:20px 0px 10px; margin:0px;}
.category_cont .des a {font-size: 24px; line-height: 30px; font-family: 'Gilda Display', serif; color:#111;}
.category_cont .des a:hover { color:#f5931f; text-decoration:none;}
.category_cont .des p { padding:0px; margin-bottom:20px;}
.package_main { padding:0px 30px;}
.book_btn { background: #e9bc41; color: #fff; padding: 10px 30px; font-size: 16px;}
.book_btn:hover { background: #222; color:#fff;}
.founder_sec { padding:60px 0px;}
.space_sec { width:92%; margin:0 auto;}
.top_title { font-size:40px; color:#111;}
.founder_box { border: 1px #c7c0b2 solid; background: #fff; padding: 12px; box-shadow: 0px 2px 16px #a5a5a5; margin: 15px;}
.founder_cont { height:230px; overflow-y:scroll;}
.founder_cont h2 { font-size:30px; padding-top:10px; margin:0px;}
.founder_cont span { font-size:22px; color:#f5931f; display:block;}
.founder_box .founder_cont::-webkit-scrollbar {
  width: 3px;
}
.founder_box .founder_cont::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
.founder_box .founder_cont::-webkit-scrollbar-thumb {
  background: #b0b0b0; 
}

.print-tab {
  margin-bottom: 3em;
	width: 100%;
	overflow: hidden;
}
	
.print-tab ul.print-tab-menu {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
  white-space: nowrap;
	background: #f3f3f3;
	padding:0px;
	margin:10px 5px;
}
	
.print-tab ul.print-tab-menu > li {
	position: relative;
	margin: 0 3px 0 0;
	display: inline-block;
	cursor: pointer;
	min-width: 140px; 
	max-width: 300px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	background: #e5e1d6;
	color:#000;
}
.print-tab ul.print-tab-menu > li:hover {
	border-bottom: 3px solid #444;
	background: #dcae30 !important;
	z-index: 2;
	color:#fff;
}

.print-tab ul.print-tab-menu > li.active {
	border-bottom: 3px solid #444;
	background: #dcae30 !important;
	z-index: 2;
	color:#fff;
}

.print-tab ul.print-tab-menu > li >  {
	display: block;
    min-width: 140px; 
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	font-size: 15px;
	line-height: 50px;
	text-align: center;
	background: #dcae30;
}

.print-tab .print-tab-content > div {
	margin-top: -3px;
	position: relative;
	padding: 5px;
	display: none;
	background: #fff;
}

.print-tab .print-tab-content > div.view {
	display: block;
	width: 100%;
	min-height: 200px;
}

.print-tab .print-tab-content > div p {
  text-align: center;
  min-height: 200px;
  line-height: 200px;
  display: block;
}
ul.social_box { display:flex; padding: 0px 0px 20px;}
ul.social_box li { float:left; margin-right:5px;}
ul.social_box li i {color:#ed7d41 !important; font-size:24px; background:none !important; line-height:20px !important; width:auto !important; margin-right:10px !important;}

/* ======= Section style ======= */
.section-padding { padding: 50px 0;}
.section-padding2 { padding: 0 0 100px 0;}
.section-padding h6 { color: #dcae30; font-size: 20px; margin-bottom: 20px;}
.section-subtitle { font-size: 21px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #fff; text-transform: uppercase; position: relative;
letter-spacing: 1px; margin-bottom: 5px; padding-top:100px;}
.section-subtitle span { color: #dcae30;}
.section-title { font-size: 40px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #fff; position: relative; margin-bottom: 30px; line-height: 1.25em; padding-top:90px;}
.section-title span { color: #fff;}
/* ======= Navbar style ======= */
.navbar {
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgb(255 255 255 / 85%) 0%, rgb(255 255 255 / 70%) 50%, rgb(255 255 255 / 75%) 100%);
    z-index: 99;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 110px;
	position:absolute;
	z-index:999999;
}
.navbar-toggler-icon {
    background-image: none;
}
.navbar .navbar-toggler-icon,
.navbar .icon-bar {
    color: #194393;
}
.navbar .navbar-nav .nav-link {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #19387c;
    margin: 1px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding-right: 15px;
    padding-left: 15px;
	font-weight:600;
}
.navbar .navbar-nav .nav-link.nav-color {
    color: #fff;
}
.navbar .navbar-nav .nav-link:hover {
    color: #f5931f;
}
.navbar .navbar-nav .select {
    color: #f5931f !important;
}
.navbar .navbar-nav .select i {
    color: #f5931f;
}
.nav-scroll {
    background: #fff;
    padding: 0 0 0 0;
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-box-shadow: 0px 5px 15px rgb(15 36 84 / 5%);
    box-shadow: 0px 5px 15px rgb(15 36 84 / 20%);
    height: 90px;
	z-index:999999;
}
.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
    color: #f5931f;
}
.nav-scroll .navbar-nav .nav-link {
    color: #21438f;
}
.nav-scroll .navbar-nav .active {
    color: #f5931f !important;
}
.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #fff;
}
.nav-scroll .logo-img {
    width: 140px;
}
.nav-scroll .logo-img {
    margin-bottom: 0px;
}
.nav-scroll .logo-wrapper .logo h2 {
    font-family: 'Gilda Display', serif;
    font-size: 27px;
    font-weight: 400;
    display: block;
    width: 100%;
    position: relative;
    color: #aa8453;
    margin-bottom: 0;
    padding: 20px 0;
    letter-spacing: 1px;
    text-align: center;
}
.nav-scroll .logo-wrapper .logo span {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    color: #222;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    margin-top: 0px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.nav-scroll .logo-wrapper {}
.logo-wrapper {
    float: left;
}
.logo-wrapper .logo h2 {
    font-family: 'Gilda Display', serif;
    font-size: 27px;
    font-weight: 400;
    display: block;
    width: 100%;
    position: relative;
    color: #aa8453;
    margin-bottom: 0;
    padding: 20px 0;
    letter-spacing: 1px;
    text-align: center;
}
.logo-wrapper .logo h2 a i {
    color: #fff;
    font-size: 20px;
    vertical-align: super;
}
.logo-wrapper .logo span {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    margin-top: 0px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.logo {
    padding: 0;
}
.logo-img {
    padding: 10px 0;
    width: 210px;
    text-align: center;
}
.dropdown .nav-link i {
    padding-left: 0px;
    font-size: 8px;
    color: rgba(255, 255, 255, 0.7);
}
.nav-scroll .dropdown .nav-link i {
    color: #222;
}
.nav-scroll .navbar-nav .active i {
    color: #aa8453;
}
.navbar .dropdown-menu .dropdown-item {
    padding: 5px 0;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #222;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: transparent;
}
.navbar .dropdown-menu .dropdown-item span {
    display: block;
    cursor: pointer;
}
.navbar .dropdown-menu .dropdown-item i {
    padding: 13px 0 0 5px;
    font-size: 8px;
    float: right;
}
.navbar .dropdown-menu .dropdown:hover > .dropdown-item,
.navbar .dropdown-menu .dropdown-item.active,
.navbar .dropdown-menu .dropdown-item:hover {
    color: #aa8453;
}
.navbar .dropdown-toggle::after {
    display: none;
}
.navbar .dropdown-menu {
    box-shadow: 0 16px 50px rgb(0 0 0 / 7%);
}
.navbar .dropdown-menu li {
    border-bottom: 1px solid #f4f4f4;
}
.navbar .dropdown-menu li:last-child {
   border-bottom: none;
}
.navbar .dropdown-menu .dropdown-menu.pull-left {
    top: 0;
    left: auto;
    right: 100%;
}
/* Navbar Media Query */

@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        width: 190px;
        padding: 15px;
        border-radius: 0;
        border: 0;
        background-color: #fff;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .navbar .dropdown-menu .dropdown-menu {
        left: calc(100% + 5px);
        top: -10px;
        right: auto;
        min-width: 190px;
        transform: translateY(0);
    }
    .navbar .dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }    
}
@media screen and (max-width: 991px) {
    .navbar {
        padding-left: 0px;
        padding-right: 0px;
        background: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 90px;
    }
    .nav-scroll {
        background: #fff;
    }
    .logo-wrapper {
        float: left;
        padding: 26px 0 26px 15px;
    }
    .nav-scroll .logo-wrapper {
        padding: 26px 0 26px 15px;
        background-color: transparent;
    }
    .nav-scroll .logo-img {
        width: 160px;
    }
    .navbar .logo {
        text-align: left;
        margin-left: 0px;
    }
    .nav-scroll .logo {}
    .logo-img {
        margin-bottom: 0px;
        width: 160px;
        padding: 0;
    }
    .navbar button {
        margin-right: 0px;
        outline: none !important;
        background: transparent;
        margin-top: 10px;
        border: none;
    }
    .navbar button:hover {
        background: transparent;
    }
    .navbar button:active,
    .navbar button:focus,
    .navbar button:hover {
        background: transparent;
        outline: none;
        color: transparent !important;
    }
    .navbar .container {
        max-width: 100%;
        padding: 0;
    }
    .navbar .nav-link {
        margin: 0px auto !important;
    }
    .navbar .navbar-nav .nav-link {
        color: #222;
    }
    .nav-scroll .navbar-collapse .nav-link {
        color: #222 !important;
    }
    .nav-scroll .navbar-collapse .active {
        color: #aa8453 !important;
    } 
    .navbar .dropdown-menu .dropdown-item {
        padding: 0 15px;
        font-size: 15px;
        line-height: 40px;
    }
    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
        font-weight: 400;
    }
    .navbar .dropdown-submenu .dropdown-toggle::after {
        right: 15px;
        font-size: 13px;
    }
    .navbar .dropdown-submenu:hover > .dropdown-toggle::after {
        transform: rotate(0deg);
    }
    .navbar .dropdown-submenu .dropdown-toggle.show::after {
        transform: rotate(90deg);
    }
    .navbar .dropdown-menu {
        border: none;
        padding: 0;
        border-radius: 0;
        margin: 0;
        background: #fff;
        box-shadow: none;
    }
    .navbar .dropdown-submenu .dropdown-menu {
        margin: 0;
        padding: 0 0 0 20px;
    }
    .navbar .dropdown-menu li a {
        padding: 0 15px;
    }
    .navbar .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 0px;
    }
    .dropdown .nav-link i {
        color: #222;
    }
    .nav-scroll .dropdown .nav-link i {
        color: #222;
    }
    .nav-scroll .dropdown .nav-link.active i {
    color: #aa8453;
    }
}
@media screen and (max-width: 767px) {
    .navbar .navbar-collapse {
        max-height: 450px;
        overflow: auto;
        background: #fff;
        text-align: left;
        padding: 20px;
    }
.navbar { height: 85px; background:#fff;}
.section-padding { padding:10px 0px;}
.about img { width: 100%; margin-bottom:15px;}
.section-title { font-size: 30px; margin-bottom: 20px; line-height: 1.2em; padding-top:20px;}
.main_sec {padding:12px;}
.pricing { margin-top: 20px;}
.pricing p { line-height: 1.3em !important; font-size: 14px;}
.reservations .text a { font-size: 15px;}
.services .content { padding: 15px !important;}
.services .content .cont h4 { font-size:25px !important;}
.testimonials-box .head-box h4 { font-size: 25px !important;}
.mailsec input { width: 70%; padding: 10px;}
.butn-dark2 { padding:12px !important; font-size:13px !important; letter-spacing:1px !important;}
.testi_bg { padding: 40px 0px 10px;}
.footer-title { margin: 10px 0px;}
.footer-top { padding: 90px 0 10px 0;}
.butn-dark { margin-bottom: 20px;}
.logo-wrapper { padding: 5px 0 15px 5px;}
.logo-img { width: 125px;}
.navbar button { margin-top: -10px;}
.nav-scroll .logo-wrapper { padding: 5px 0 10px 10px;}
.nav-scroll .logo-img { width: 100px;}
.ti-menu:before { color: #fff;}
.navbar-toggler-icon { margin-top: 10px;}
.nav-scroll .ti-menu:before { color: #111;}
.facilties .single-facility { height:auto !important;}
.category_cont { margin: 20px 0px 50px; position: relative;}
.category_cont .des { bottom: -50px; padding: 0px 10px; left: 20px; right: 20px;}
.category_cont .des p { line-height: 20px;}
.enquiry_sec { margin: 0px 10px;}
.package_main { padding: 20px;}
}
.gmail-table {
    border: solid 2px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 14px Roboto, sans-serif;
	width:600px;
	border: solid 1px #ccc;
	margin:20px 0px;
  }

  .gmail-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #ccc;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
  }

  .gmail-table tbody td {
    border: solid 1px #ccc;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
  }
 ul.menu {padding:0px;}
 .package_main b { font-size:18px; font-weight:600;}

/* ======= Header style ======= */
.baner_sec { display:block;}
.header {
    min-height: 90vh;
    overflow: hidden;
}
.header .caption .o-hidden {
    display: inline-block;
}
.header .caption h2 {
    font-weight: 400;
    font-size: 30px;
}

.header .caption span i.star-rating {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.header .caption img { width:160px;}


.header .caption h1 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 15px;
}

.header .caption h3 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 7px;
}

.header .caption p span:last-child {
    padding: 0;
}
.header .caption p span:last-child:after {
    display: none;
}
.header .caption p span:after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #222;
    position: absolute;
    top: 10px;
    right: 0;
    opacity: .5;
}
.header .caption .butn-light {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.header .caption .butn-dark {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.header .social a {
    color: #eee;
    font-size: 20px;
    margin: 10px 15px;
}
hr {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
}


/* ======= Slider-fade style (Homepage Slider) ======= */
.slider-fade .owl-item {
    height: 90vh;
    position: relative;
}
.slider-fade .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.slider-fade .item .caption {
    z-index: 9;
}
/* slider-fade owl-nav next and prev */
.slider-fade .owl-nav {
    position: absolute;
    bottom: 7%;
    right: 12%;
}
.slider-fade .owl-prev {
    float: left;
}
.slider-fade .owl-next {
    float: right;
}
.slider-fade .owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    line-height: 34px;
    background: transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    margin-right: 3px;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,0.5);
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #aa8453;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .slider-fade .owl-nav {
        display: none;
    }
}
/* owl-dots for slider */
.slider-fade .owl-dots {
    position: absolute;
    text-align: center;
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    text-align: right !important
}
.slider-fade .owl-dots .owl-dot span {
    background: transparent;
    display: none
}
.slider-fade .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    border: 1px solid rgba(255,255,255, 0.7);
    display: block;
    margin-bottom: 10px;
    border-radius: 50%
}
.slider-fade .owl-dots .owl-dot.active {
    border-color: #aa8453;
    background: #aa8453;
}




/* reservation field for slider */
.header div.reservation {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: sideways;
    text-orientation: sideways;
    margin: 0;
    position: absolute;
    top: 0;
    left: 40px;
    height: 60%;
    z-index: 9;
}

.header div.reservation .call {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 12px;
    line-height: 1.75em;
    margin-top: 15px;
} 

.header div.reservation .call span {
       font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #aa8453;
    letter-spacing: 1px;
} 

.header div.reservation .icon {
    position: absolute;
    left: -1px;
    top: -50px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.5);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 100%;
}
.header div.reservation a .icon i {
    color: #FFF;
    font-size: 24px;
    transform: rotate(90deg);
}
.header div.reservation a .icon:hover {
    border: 1px solid #aa8453;
}
@media screen and (max-width: 768px) {
    .header div.reservation {
        display: none;
    }
}


/* ======= Slider style (Inner Page Slider) ======= */
.slider .owl-item {
    height: 100vh;
    position: relative;
}
.slider .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.slider .item .caption{
    z-index: 9;
}
.slider .owl-theme .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 3%;
    right: 12%;
    text-align: right;
}
.slider .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 3px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
}
.slider .owl-theme .owl-dots .owl-dot.active span,
.slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #aa8453;
    border: 1px solid #aa8453;
}
/* bounce */
.header .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 8;
}
.header .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.header .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}

.header .arrow i:hover {
    border: 1px solid #aa8453;
}
.header .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}



/* ===== Kenburns Slider style ===== */
.kenburns-section {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.kenburns-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
  background: #000;
}
.kenburns-inner {
  position: relative;
  z-index: 15;
}
.kenburns-inner .caption {
    position: relative;
}
.kenburns-inner .caption h4 {
    font-family: 'Barlow Condensed', serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.kenburns-inner .caption h1 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 15px;
}

.kenburns-inner .caption h3 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 5px;
}
#kenburnsSliderContainer .vegas-overlay {}
@media screen and (max-width: 767px) {
.kenburns-inner .caption h4 {
    font-size: 12px;
}   
.kenburns-inner .caption h1 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 5px;
    line-height: 1.35em;
}
    .kenburns-inner .caption h3 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 5px;
    line-height: 1.35em;
}
    
    .kenburns-inner .caption {
    text-align: center;
    }
}
/* reservation field for Kenburns slider */
.kenburns-section div.reservation {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: sideways;
    text-orientation: sideways;
    margin: 0;
    position: absolute;
    top: 0;
    left: 40px;
    height: 60%;
    z-index: 9;
}
.kenburns-section div.reservation .call {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 12px;
    line-height: 1.75em;
    margin-top: 15px;
} 
.kenburns-section div.reservation .call span {
       font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #aa8453;
    letter-spacing: 1px;
} 
.kenburns-section div.reservation .icon {
    position: absolute;
    left: -1px;
    top: -50px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.5);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 100%;
}
.kenburns-section div.reservation a .icon i {
    color: #FFF;
    font-size: 24px;
    transform: rotate(90deg);
}
.kenburns-section div.reservation a .icon:hover {
    border: 1px solid #aa8453;
}

/* bounce */
.kenburns-section .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 80;
}
.kenburns-section .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.kenburns-section .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}

.kenburns-section .arrow i:hover {
    border: 1px solid #aa8453;
}
.kenburns-section .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}

@media screen and (max-width: 768px) {
    .kenburns-section div.reservation {
        display: none;
    }
}


.blog_detail {
    width: 90%;
    padding: 0;
    margin:120px auto 0px;
}


.blog_detail h2 {
    color: var(--txt-blue);
    text-align: center;
    font-family: var(--ff-monasans-bold);
    font-size: 3rem;
    line-height: 1.3;
    position: relative;
    margin-bottom: 30px;
}

.blog_detail h1 span {
    color: var(--txt-skyblue);
}

.blog_detail span.date {
    margin-bottom: 40px;
    font-size: 1.125rem;
    color: #f5931f;
    font-family: var(--ff-monasans-sbold);
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    width: 100%;
}

.blog_detail span.date i {
    color: var(--txt-red);
}

.blog_detail h3 {
    font-family: var(--ff-monasans-bold);
    color: #222;
    line-height: 1;
    font-size: 1.65rem;
    margin-bottom: 15px;
}

.blog_detail p {
    font-size: 16px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 30px;
    font-weight:400;
}

.blog_detail p em {
    font-size: 1.125rem;
    color: #0C1033;
    font-family: var(--ff-monasans-litalic);
}

.blog_detail p:last-child {
    margin-bottom: 0;
}

.blog_detail p a {
    color: var(--txt-blue);
    font-family: var(--ff-monasans-medium);
    border-bottom: 1px solid var(--bg-blue);
    transition: all 0.5s ease;
}

.blog_detail p a:hover {
    color: var(--txt-red);
    border-bottom: 1px solid var(--bg-red);
}

.blog_img_sec {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    position: relative;
}
.blog-det-cont ul li {
    font-size:16px;
    padding-bottom:10px;
    color:#444;
    font-weight:400;
}

.blog_img_sec::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 350px;
    background: var(--bg-blue);
    left: 0;
    bottom: 0;
}

.blog-img-inn .org-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-img-inn {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.blog-img-inn img {
    float: left;
    width: 100%;
}

/* .blog-img-inn::after { position: absolute; content: ""; bottom: -262px; right: 0; background: url("../images/banner-bg-img.svg") no-repeat bottom right; background-size: cover; width: 525px; height: 525px; } */
.blog-det-cont {
    width: 100%;
    display:block;
    text-align:left;
}
.blog-det-cont img {
    margin-bottom:20px;
}

.related-blog {
    width: 100%;
    overflow: hidden;
    text-align:left;
}

.related-blog .swiper-slide {
    background: var(--bg-white);
    border: 1px solid #E8E5E5;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: auto;
}

.related-blog .swiper-slide .blog-list-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.related-blog .swiper-slide .blog-list-img .org-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transform-origin: left top;
    transition: transform 0.5s ease-in-out, translate 0.5s ease-in-out;
}

.related-blog .swiper-slide .blog-list-cnt {
    float: left;
    width: 100%;
    padding: 30px 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.related-blog .swiper-slide .blog-list-cnt h4 {
    display: flex;
    align-items: center;
    column-gap: 8px;
    text-transform: none;
    color: var(--txt-blue);
    letter-spacing: normal;
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1;
}

.related-blog .swiper-slide .blog-list-cnt h4 i {
    color: var(--txt-red);
}

.related-blog .swiper-slide .blog-list-cnt h3 {
    font-family: var(--ff-monasans-bold);
    color: var(--txt-black);
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 25px;
    height: 100%;
}

.related-blog .swiper-slide .blog-list-cnt a {
    color: var(--txt-red);
    font-family: var(--ff-monasans-sbold);
    font-size: 1.125rem;
    line-height: 1.4;
    border-bottom: 1px solid var(--bg-red);
    transition: all 0.5s ease;
}

.related-blog .swiper-slide .blog-list-cnt a:hover {
    color: var(--txt-blue);
    border-bottom: 1px solid var(--bg-blue);
}

.related-blog .swiper-slide:hover .blog-list-img .org-img {
    transform: scale(1);
}

.related-blog .swiper-pagination-bullets {
    margin-top: 30px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.related-blog .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    background: var(--bg-grey);
    opacity: 1;
    transition: all .5s ease;
}

.related-blog .swiper-pagination-bullet-active, .related-blog .swiper-pagination-bullet:hover {
    background: var(--bg-blue);
}

.share-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
    width: 100%;
}

.share-list ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}

.share-list ul li {
    flex: 0 1 auto;
}

.share-list ul li a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-blue);
    border-radius: 50px;
}

.share-list ul li a i {
    font-size: 20px;
    color: var(--txt-white);
}


/* ======= Slider Grid Background ======= */
.slider-grid-bg {
    min-height: 100vh;
    background-size: cover;
    background-position: 50%;
    padding-top: 210px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #222;
}
.slider-grid-bg .grid-img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: scale(1);
    transition: transform 5s, opacity .35s;
    opacity: 0;
    display: block;
}
.slider-grid-bg .grid-img-active {
    opacity: 1;
    transform: scale(1.03);
    -webkit-filter: brightness(70%);
}
.slider-grid-bg:hover .grid-img-active {
    -webkit-filter: brightness(70%);
}
.slider-grid-bg .content {
    position: relative;
    z-index: 2
}
.slider-grid-bg .grid-item {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex
}
.slider-grid-bg .grid-con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 1px solid rgba(255, 255, 255,.4);
    width: 100%;
    text-decoration: none;
    color: currentColor;
    padding: 80px 30px 30px;
    transition: all .3s;
    background: transparent;
    min-height: 340px;
    position: relative
}
.slider-grid-bg .grid-con-active,
.slider-grid-bg .grid-con:hover {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    text-decoration: none;
    color: currentColor;
    padding: 80px 30px 30px;
    transition: all .3s;
    background: transparent;
    min-height: 340px;
    position: relative;
    background: #fff;
    border: 1px solid #fff
}
.slider-grid-bg .book {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: mixed;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    font-family: 'Barlow Condensed', sans-serif;
    padding: 10px 3px;
    line-height: 1.5em;
}
.slider-grid-bg .grid-con:hover .book {
    color: #222;
    border: 1px solid #ddd;
}
.slider-grid-bg .grid-con-active .book {
    color: #222;
    border: 1px solid #ddd;
}
.slider-grid-bg .subtitle {
    display: block;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    display: inline;

        
}
.slider-grid-bg .grid-con:hover .subtitle {
    color: #aa8453;
}
.slider-grid-bg .grid-con-active .subtitle {
    color: #aa8453;
}
.slider-grid-bg .title {
    display: block;
    font-family: 'Gilda Display', serif;
    font-size: 27px;
    line-height: 1.25em;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0px;
}
.slider-grid-bg .grid-con:hover .title {
    color: #222;
}
.slider-grid-bg .grid-con-active .title {
    color: #222;
}


/* bounce */
.slider-grid-bg .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 80;
}
.slider-grid-bg .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.slider-grid-bg .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}

.slider-grid-bg .arrow i:hover {
    border: 1px solid #aa8453;
}
.slider-grid-bg .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}


@media only screen and (max-width:767px) {
    .slider-grid-bg .grid-con {
        min-height: 240px
    }
    .slider-grid-bg .grid-con-active,
    .slider-grid-bg .grid-con:hover {
        min-height: 240px;
    }
}
.segments_sec .owl-theme .owl-nav.disabled + .owl-dots, .management_sec .owl-theme .owl-nav.disabled + .owl-dots {display:none;}
.management_sec { padding:50px 0px 30px; clear:both;}
.management_sec .owl-carousel .owl-item img { width:70px; margin:0 auto;}
.counter{ text-align: center;}
.counter-count{ font-size: 40px; font-weight: bold; position: relative; color: #555; text-align: center; display: inline-block;}
.counter h3 { color:#e98b1b; font-size:18px; font-weight:500;}
.counter p { color:#555; font-size:35px; margin:0px; font-weight:600;}
.counter img { margin-bottom:10px; width:60px;}
.count { font-size: 45px; color: #db2727; font-weight: 600; letter-spacing:1px;}
.business_sec { display:block; text-align:center; padding: 10px 0px 3px;}
.business_sec h2 { position:relative; font-size:40px; color:#00008b; width:100%; font-family: 'Poppins', sans-serif; margin-bottom:10px; font-weight:600;}
.business_sec span { font-size: 19px; color: #df571b; text-transform: uppercase; display: block;}
.lineone {width: 45%; position: relative; bottom: 55px;}
.linetwo {width: 25%; position: relative; bottom: 45px; text-align: center; display: block; text-align: center; margin: 0 auto;}
.linethree {width: 35%; position: relative; bottom: 45px; text-align: center; display: block; text-align: center; margin: 0 auto;}
.business_cont { padding:0px 120px 20px;}
.business_box { border:1px #d9d9d9 solid; padding:15px; box-shadow: 0px 2px 14px #ccc; margin:5px; height:535px;}
.business_box:hover {}
.business_box img { width:150px; margin:0 auto 20px; display:block;}
.business_client { width:100% !important; border-radius:6px; margin:0px !important;}
.business_title { font-size:18px; color:#555; width:100%; padding:20px 0px 10px; font-family: 'Poppins', sans-serif; line-height:26px; font-weight:500;}
.business_box p { color:#555; font-size:14px;}
.story_sec { background:url('../img/story-bg.jpg') no-repeat; width:100%; background-size:cover; padding-top:70px; margin-top:60px; text-align:center;}
.service_detail { width:70%; margin:25px auto; text-align:Center;}
.service_detail p {font-size: 25px; font-weight: 600; padding: 10px 0px; color:#131862;}
.service_detail a { background:#d5d5d5; padding:3px 20px; border-radius:6px; color:#3e5dac; text-transform:uppercase; font-size: 19px;}
.service_detail a:hover { background:#162b45; color:#fff;}
.story_heading { font-size:40px; margin-bottom:0px; color:#f5931f}
.story_sec .owl-theme .owl-nav.disabled + .owl-dots { display:none;}
.timeline-container {margin-top:30px;padding: 10px 40px 0px; border-top: 3px #f5931f solid; top:20px;}
.timeline-slide {max-width: 300px;margin: 4.5rem 10px 0 0px;width: 100%; position:relative;}
.timeline-slide .circle {border: 4px #fff solid;background-color: #f5931f;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-redius: 50%;height: 20px;width: 20px;position: absolute;left: 50%;margin-left: -11px;top: -70px;z-index: 2000;overflow: visible;}
.timeline-copy {font-size: 0.7em;color: #fff; background-color: #fff; border-radius: 6px;  height: 270px; padding:10px; border-bottom:5px #f5931f solid;}
.timeline-slide .vertical-line {border-left: 3px #f5931f solid;height: 50px;position: absolute;left: 50%;margin-left: -2px;top: -50px;z-index: 1000;}
.timeline-slide .timeline-copy h3 {font-size: 1.3rem;font-weight: 500;color:#222; padding-top: 15px;}
.timeline-slide .timeline-copy span { color:#f5931f; display:block; font-size:1.5rem; font-weight:600; margin-bottom:7px;}
.timeline-slide .timeline-copy p {font-size:15px;margin-bottom: 0px;color: #555;padding: 0px; line-height:24px;}
.timeline-slide .timeline-copy {color: #fff;text-align: center;}
.timeline-container { margin-top:20px;padding-top:0px;position:relative;}
.timeline-container .owl-stage {}
.segments_sec { padding:10px 0px 0px;}
.segments_sec .owl-carousel { padding-top:20px;}
.segments_title {font-size: 40px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #00008b; line-height: 1em; padding: 0px 0px 10px; display: block; margin: 0 auto 0px; text-align: center !important;}
.news_title {font-size: 40px; font-weight: 600; color: #00008b; line-height: 1em; padding: 10px 0px; display: block; margin: 0 auto 10px; text-align: center !important;}
.news_title em {color: #f5931f; font-weight:600; font-size: 38px !important; text-transform:uppercase; font-style:normal;}
.segments_title span { font-size:19px; color:#df571b; text-transform:uppercase; display:block;}
.story_sec .owl-carousel .owl-stage-outer { position:relative; top:-12px;}
.key_sec { background: #e3e7e7; padding: 60px 0px; text-align:center;}
.key_title { font-size: 35px; font-family: 'Gilda Display', serif; font-weight: 500; color: #222; position: relative; margin-bottom: 50px; line-height: 1.25em;}
.key_title span {display:block; color:#f5931f; font-size:22px; text-transform:uppercase; font-weight:600;}
.key_box { display:block; text-align:center; margin:5px;}
.key_box img { width:70px;}
.key_box h4 { font-size:22px; margin:15px 0px 10px; color:#000;}
.story_sec .owl-carousel.owl-drag .owl-item { max-height:370px;}
.news_sec { padding:60px 0px;}
.news_sec .owl-theme .owl-nav.disabled + .owl-dots, .management_sec .owl-theme .owl-nav.disabled + .owl-dots {display:none;}
.news_box { border-bottom: 1px #bba892 solid; overflow: hidden; margin: 15px 5px; text-align: left; border: 1px #ccc solid;
padding: 20px; box-shadow: 0px 2px 12px #ccc;}
.rgt_sec { display:block;}
.rgt_sec h3 {font-size: 20px; color: #e77e01; margin-bottom: 10px; font-weight:600;}
.rgt_sec p { line-height:1.5em; margin-bottom:10px; color:#999; font-size: 13px;}
.rgt_sec a { line-height:1.5em; font-size:15px; color:#2d308f; text-align:justify;}
.rgt_sec a:hover { text-decoration:underline;}
.gap_sec { padding:50px 0px;}
.brand2 { align-items: center;}
.about_rgt { position:relative;}
.brand2 .business1::before { content: ''; position: absolute; background:url('../img/business-left.png'); height: 400px; width: 400px; top: -30px; left: -7%; z-index: -1;}
.brand2 .business2::before { content: ''; position: absolute; background:url('../img/business-right.png'); height: 400px; width: 400px; bottom: -30px; right: -7%; z-index: -1;}
ul.prodtl { display:flex; align-items:Center; padding:0px; position:absolute; justify-content:Center; bottom:-75px}
ul.prodtl li { width:45%; margin:10px; list-style:none;}
ul.prodtl li img { width:100%; border:5px #edeceb solid;}
.pro_content { text-align:left; padding:20px;}
.collection_pic { position:relative;}
.collection_pic1 { position:absolute; top:40px; left:0px; width:220px; -webkit-box-shadow: 6px 6px 5px 0px rgba(74,74,74,1);
-moz-box-shadow: 6px 6px 5px 0px rgba(74,74,74,1); box-shadow: 6px 6px 5px 0px rgba(74,74,74,1);}
.collection_pic2 { position:absolute; top:40px; right:0px; width:220px; -webkit-box-shadow: -5px 6px 5px 0px rgba(74,74,74,1);
-moz-box-shadow: -5px 6px 5px 0px rgba(74,74,74,1); box-shadow: -5px 6px 5px 0px rgba(74,74,74,1);}
.collection_title { font-size: 30px; color: #555; font-family: 'Poppins', sans-serif; padding: 10px 0px; line-height:42px; margin-bottom:10px; font-weight:600;}
.collection_title span { font-size:22px; text-transform:capitalize; color:#555;}
.pro_content p { color: #333; line-height: 26px; font-size: 15px; font-weight: 400;}
.pro_content a { font-size: 16px; color: #f5931f; font-weight: 500; position:relative; top:5px;}
.pro_content a:hover { color:#444;}
.pro_content img { width:200px;}
.brand_pic { order:2;}
.brand_cont { order:1;}
.contactus_sec { padding:80px 0px; background:#dbf1f9 url('../img/contact-bg.jpg') no-repeat;}
.contact_inform { padding:50px 20px 0px 130px;}
.contact_heading { font-size:30px; color:#fff; font-weight:600;}
.contact_address { padding-bottom: 25px;}
.contactTitle { font-size: 30px; color: #222; font-family: 'Poppins', sans-serif; padding: 0px 0px 30px;}
ul.add_list { padding:0px;}
.add_list li {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.add_list li i {width: 30px;color: #f19b35 !important;font-size: 20px; margin-top: 3px; background:none !important; line-height:20px !important;}
.add_list p a{color: #444; font-size: 16px;}
.add_list p i {font-size: 18px;color: #fff;width: 25px;}
.add_list p a:hover{color: #e98b41;}
.add_list li p {width: 90%;font-weight: 400;color: #444;font-size: 17px;}
.contact_inform span { font-size:20px; font-weight:500; padding:10px 0px 5px; color:#f58d11;}
.messageForm {padding: 20px 40px; background:#fff; box-shadow:0px 2px 12px #ccc;}
.messageForm .form-group { margin-bottom:0px;}
.send_message {color: #555;font-weight: 400;font-size: 30px; text-align:left; font-family: 'Poppins', sans-serif;}
input.sendBtn {background: #e98600;border: 0px;color: #fff;padding: 12px 31px !important; font-family: 'Poppins', sans-serif; font-size: 18px;font-weight: 400; outline: none; border-radius:8px; position:relative; top:10px;}
input.sendBtn:hover{background: #ce7000;}
.contactBlk{padding-bottom: 0px;}
.messageForm .inp3 {width: 100%;border: 0px;margin-bottom: 10px; height: 40px;padding: 0px;font-size: 15px; border-bottom: 1px #d7d7d7 solid; background:#fff; color:#999;}
.messageForm select {width: 100%;border: 0px;margin-bottom: 10px;height: 40px;padding: 10px;font-size: 15px;outline: none;background: url(../img/contact-drop-icon.png) right center no-repeat #fff;background-position-x: 95%; -webkit-appearance: none; box-shadow: inset 1px 1px 10px #d1d1d1; color:#888;}
.messageForm .inp4 {width: 100%;border: 0px;margin-bottom: 10px;height: 70px;padding: 0px;font-size: 15px; border-bottom: 1px #d7d7d7 solid; color:#999;}
.messageForm .inp3::placeholder, .messageForm .inp4::placeholder { color:#ccc;}
.map_sec { display:block; width:100%; padding:0px;}
.comp_contact { padding:30px 0px; background: #ebe2e2;}
.contact_box { margin:17px 5px; padding: 15px; background: #fff; box-shadow: 0px 2px 12px #ccc; height:180px; border-left: 3px #f5931f solid;}
.comp_contact h3 { font-size:22px; color:#555; margin-bottom:10px;}
.comp_contact p { font-size:14px; color:#555; margin:0px;}
.comp_contact a { font-size:14px; color:#555;}
.comp_contact a:hover { color:#e98b41;}
.team_sec { padding:50px 0px;}
.team_title { font-size:35px; font-family: 'Poppins', sans-serif; line-height:45px; color:#555; font-weight:600; text-align:Center;}
.team_title span { font-size:20px; color: #f59524; display:block; padding-bottom:30px;}
.team_box1 { margin:25px; position:relative;}
.team_box1 img { width:100%; border-radius:12px;}
.team_box1 h2 { font-size:24px; padding:10px 0px 5px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; text-transform:uppercase;}
.team_box1 h3 { font-size:20px; padding:5px 0px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; text-transform:uppercase;}
.team_box1 span { font-size:22px; color: #444; display:block; font-weight:500; margin-top5px; padding-top:7px;}
.team_box { margin:20px 10px; position:relative; box-shadow: 0 20px 20px -5px rgb(0 0 0 / 18%), 0 8px 10px -6px rgb(0 0 0 / 0.1); background:#f4f4f4; padding:15px 20px;}
.team_box img { width:100%; border-radius:10px;}
.team_box h2 { font-size:28px; padding:10px 0px 5px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; text-transform:uppercase;}
.team_box h3 { font-size:17px; padding:5px 0px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; text-transform:uppercase;}
.team_box span { font-size:17px; color: #38b4de; display:block; font-weight:600;}
.team_box1 p { font-size:19px; color:#666;}
.team_space { padding:40px 0px 20px;}
.sociallnk { position:absolute; right:0px; bottom:10px;}
.sociallnk .fa { font-size:16px; color: #f59524; margin:0px 3px;}
.sociallnk .fa:hover { color:#333;}
.industry_sec { padding: 40px 0px; background: url(../img/top-bg.jpg) no-repeat; text-align:Center;}
.indu_seg { display:block;}
.indu_seg ul{ width: auto; border-top: 1px #d3d4db solid; border-left: 1px #d3d4db solid; overflow: hidden;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,.12);  margin: 10px 0px 50px; padding:0px;}
.indu_seg ul li { padding: 20px; border-right: 1px #d3d4db solid; border-bottom: 1px #d3d4db solid; list-style: none; float: left; width: 20%; margin: 0px; background:#fff;}
.indu_seg ul li img { width: 180px; margin: 0 auto; display: block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.industry_sec .owl-theme .owl-nav.disabled + .owl-dots { display:none;}
.industry_sec .owl-carousel .owl-item img { padding: 10px 20px; background: #fff;}
.intro { padding: 60px 0px 20px;}
.intro h1 { font-size: 2.5rem; text-align:Center;}
.timeline ul { padding: 30px 0;}
.timeline ul li { list-style-type: none; position: relative; width: 6px; margin: 0 auto; padding-top: 50px; background: #f5931f;}
.timeline ul li::after { content: ""; position: absolute; left: 50%;  bottom: 0; transform: translateX(-50%); width: 25px; height: 25px; border-radius: 50%;  background: inherit;
  z-index: 1;}
.timeline ul li div { position: relative; bottom: 0; width: 400px; padding: 15px 20px; background: #e7e4e1; color: #444;}
.timeline ul li div::before { content: ""; position: absolute; bottom: 7px;  width: 0; height: 0; border-style: solid;}
.timeline ul li:nth-child(odd) div { left: 45px;}
.timeline ul li:nth-child(odd) div::before { left: -15px; border-width: 8px 16px 8px 0; border-color: transparent #e7e4e1 transparent transparent;}
.timeline ul li:nth-child(even) div { left: -439px;}
.timeline ul li:nth-child(even) div::before { right: -15px; border-width: 8px 0 8px 16px; border-color: transparent transparent transparent #e7e4e1;}
time { display: block; font-size: 1.5rem; font-weight: bold; margin-bottom: 8px; color:#f5931f; font-family: 'Gilda Display', serif; line-height:30px;}
time span { display: block; font-size: 1.1rem; color:#444; display:block;}
.distin_sec { padding:0px; text-align:Center; background:url('../img/distin-background.jpg') no-repeat; background-size:cover; width:100%;padding:40px 0px; margin:0px;}
.distin_title {font-size: 40px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #e9840d; line-height: 1.25em; padding: 10px 0px; display: block; margin: 0 auto 10px; text-align: center !important; position:relative;}
.india_map { width: 60%; margin: 0 auto; display: block;}
.distin_box {}
ul.relation { padding:0px; display:flex; flex-wrap:wrap; justify-content:Center;}
ul.relation li { width:50%; padding:15px 40px; list-style-type:none;}
.existing {display:block;}
.existing img {width:75px;}
.existing h3 { font-size:26px; color:#fff; padding:10px 0px; text-transform:uppercase; font-weight:600; margin:0px;}
.existing p { font-size:19px; color:#fff; line-height:26px;}
.partner_sec { background:url(../img/world-map.png) no-repeat; background-size:cover; padding:30px 20px 20px;}
ul.client_box { display:flex; flex-wrap:wrap; justify-content:Center; padding:0px;}
ul.client_box li { width: 16%; margin: 5px 0px; padding: 15px;}
ul.client_box li img { transition: transform 0.3s ease-in-out; cursor:pointer; box-shadow: 0px 2px 10px #e9e7e7;}
ul.client_box li img:hover { transform: scale(1.3);}
.timeline ul li::after { transition: background 0.5s ease-in-out;}
.timeline ul li.in-view::after { background: #dfd9d2; border: 4px #f5931f solid;}
.timeline ul li div { visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out;}
.timeline ul li:nth-child(odd) div { transform: translate3d(200px, 0, 0);}
.timeline ul li:nth-child(even) div { transform: translate3d(-200px, 0, 0);}
.timeline ul li.in-view div { transform: none; visibility: visible; opacity: 1;}
.story_space { padding:50px 0px;}
.cofounder_sec { background:#f1f1f1; padding:40px 0px 20px;}
.cotitle { font-size: 35px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #555; position: relative; margin-bottom: 50px; line-height: 1.25em; text-align:Center;}
.founder_des { background: #fff; border-radius: 8px; margin: 5px; overflow:hidden;}
.founder_des .lft { width:50%; float:left;}
.founder_des .lft img { width:100%;}
.founder_des .rgt { padding:20px; width:50%; float:right;}
.chairman_heading { font-size:20px; color:#555; font-weight:600; padding:5px 0px;}
.chairman_heading span { font-size:18px; color:#f5931f; font-weight:400; display:block;}
.founder_des .rgt p { padding:5px 0px; margin:0px; line-height:1.6em; font-weight:400; font-size:14px;}
.founder_des .rgt a { font-size:16px; color:#f5931f; font-weight:500;}
.founder_des .rgt a:hover { color:#444;}
.about_cont { padding:0px 25px; display:block;}
.about_transparent { background:url('../img/about-transparent.png') no-repeat; content:''; position:absolute; top:0px; left:0px; width:800px; height:500px;}
.about p { font-size:17px; line-height;30px; color:#444;}
.swg_cont { font-size:56px; font-family: 'Poppins', sans-serif; font-weight:600; line-height:70px;}
.swg_cont span { font-size:45px; font-weight:400; font-transform:lowercase; line-height:60px; display:block;}
.const_cont { font-size:70px; font-family: 'Poppins', sans-serif; font-weight:600; line-height:85px; color:#fff !important; padding-top:25px;}
.const_cont span { font-size:55px; font-weight:400; font-transform:lowercase; line-height:60px; color:#fff !important; display:block;}
.stl_cont { font-size:52px; font-family: 'Poppins', sans-serif; font-weight:600; line-height:70px; padding-top:25px;}
.stl_cont span { font-size:55px; font-weight:400; font-transform:lowercase; display:block;}
.rym_cont { font-size:67px; font-family: 'Poppins', sans-serif; font-weight:600; line-height:75px; padding-top:25px;}
.rym_cont span { font-size:62px; font-weight:400; font-transform:lowercase; display:block;}
.client_title {font-size: 42px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #555; margin-bottom: 30px; line-height: 1.25em;}
.top_heading { font-size:40px; color:#555; text-align:center; margin-bottom:55px;}
.about_company h3 { margin-bottom:10px;}
.about_company h3 { font-size:22px;}
.team2_sec {  background:url('../img/top-bg.png') no-repeat; padding:30px 0px;}
.grow_up { font-size:55px !important; color:#fff; text-transform:uppercase; z-index:99999; line-height:60px; font-weight:700;}
.grow_up span { display:block;}
.career_box { background:#fff; padding:20px !important; margin:0px; color:#333;}
.career_box h2 { font-size:22px; line-height:28px; padding: 5px 0px; position:relative; margin-bottom:30px;}
.career_box h2::before { content:''; position:absolute; width:200px; height:5px; left:0px; bottom:-15px; background:url('../img/life-line.jpg') no-repeat;}
.career_box p { font-size:13px; line-height:20px;}
.career_box span { display:block; font-size: 130px; line-height: 110px; letter-spacing: 1px; color: #f5f0ed; font-weight: 900; text-transform: uppercase; font-family: 'Poppins', sans-serif;}
.carrer_pic { width:100%;}
.career_box img { width:98%;}
.value { margin:0px; display:block;}
.value img { width:100%; margin-bottom:25px;}
.value p { padding:10px 0px; text-align:center; color:#666; margin:0px; font-weight:400;}
.desk_collage { display:block; width:100%; margin-top:50px;}
.mb_collage { display:none;}
.news_sec { padding:0px 0px 30px;}
.news_sec .owl-carousel { padding-top:20px;}
.news_sec .owl-carousel .owl-item img { border-radius:8px;}
.news_des { padding: 15px;border: 1px #e1e1e1 solid;border-radius: 8px;box-shadow: 0px 2px 10px #ccc;}
.news_bg { background:#fff; padding:10px; height:100px;}
.news_bg h3 {font-size: 19px; color: #e77e01; margin-bottom: 5px; font-weight: 600;}
.news_bg a {font-size: 19px; color: #e77e01; margin-bottom: 5px; font-weight: 600;}
.news_bg p { font-size:12px; color:#666; font-weight:400; margin:0px;}
.explorebnt { text-align: Center; margin: 30px auto 0px; color: #e77e01; display: block; font-size:18px; clear:both;}
.explorebnt:hover { color:#222; text-align: Center; margin: 30px auto 0px; display: block;}

.investor_sec { padding:20px 0px;}
.readbtn2 { color: #e77e01; display: block; font-size:18px;}
.readbtn2:hover { color:#fff !important;}
.value_sec { padding:40px 0px 10px; text-align:Center;}
.spaceimg { margin:0 auto; width:100%; max-width:800px; display:block;}
.mision_sec { padding:70px 0px 0px;}
.mision_box { background:#ed8a5c; padding:25px; margin:10px; position:relative; height:480px;}
.mision_box::before { content:''; position:absolute; left:7%; top:25%; background:url('../img/founder-arrow.png') no-repeat; width:150px; height:135px; z-index:1;}
.mision_icon { width: 250px;  margin: -90px auto 0px; display: block; border: 12px #fff solid; border-radius: 50%;}
.mision_cont { text-align:Center; padding:25px 10px; position:relative; z-index:9999;}
.founder_title { font-size:30px; color:#fff; text-transform:uppercase; padding:10px 0px; font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:2px;}
.founder_title span { font-size:22px; display:block; margin-top:10px; text-transform:capitalize;}
.mision_cont p { color:#fff; font-size:16px; padding:10px; margin:0px;}
.swg_vision {padding:0px; display:block; overflow:hidden; display:flex; align-items:Center;}
.swg_vision_left { float:left; width:60%;}
.swg_box { padding:0px 60px 0px;}
.swg_title {font-size: 40px; color: #555; margin-bottom: 30px;}
.swg_box p { font-size:17px; line-height:30px;}
.swg_box span { font-size:26px;}
.swg_vision_right { float:right; width:40%;}
.swg_join {padding:0px; display:block; overflow:hidden; display:flex; align-items:Center;}
.swg_join_left { float:left; width:40%;}
.join_box { padding:0px 60px; text-align:right;}
.join_title {font-size: 40px; color: #555; margin-bottom: 30px; text-align:right;}
.join_box p { font-size:17px; line-height:30px; width:100%;}
.join_box span { font-size:26px; padding-bottom:10px;}
.swg_join_right { float:right; width:60%;}
.about_details .mision_box::before { display:none;}


.box-area {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box {
    width: 280px;
    height: 350px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    transition: all linear 0.6s;
}

.box:last-child{
    margin-right: 0;
}

.box::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}

.box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box i{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    left: 10px;
    font-size: 20px;
}

.box:nth-child(1) i{
    color: #ff5200;
}
.box:nth-child(2) i{
    color: #ca470a;
}
.box:nth-child(3) i{
    color: #00d9ff;
}
.box:nth-child(4) i{
    color: #0077ff;
}

.box h2 {
    position: absolute;
    bottom: 30px;
    left: 60px;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    color: #f6f6f6;
    font-weight: 600;
    opacity: 0;
    transition: all linear 0.3s;
}

.box p {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #f6f6f6;
    opacity: 0;
    transition: all linear 0.3s;
	text-align: center;
    width: 96%;
    margin: 0 auto;
    background: #ffffffd6;
    padding: 10px 30px;
    font-size: 19px;
    color: #222;
    font-weight: 600;
}

.box.active h2{
    opacity: 1;
}

.box.active p{
    opacity: 1;
}

.box.active a{
    color:#ff7705;
}

.active{
    width: 500px;
    transition: all linear 0.6s;
}

.client_logo { width:260px !important; margin:0 auto; display:block; position: relative; bottom: 190px; height: auto !important;}

.career_sec { padding:20px 0px 20px; overflow:hidden;}
.career_left { width:52%; background:#fbeee1; padding:50px 10px; border-top-right-radius:12px; border-bottom-right-radius:12px; float:left; margin-bottom:30px;}
.life_title {color: #f39739; font-size: 50px; line-height: 55px;}
.career_left ul { padding:0px; display:flex; justify-content:Center;}
.career_left ul li { width:32%; padding:0px 20px;}
.vision_box { display:block; text-align:Center;}
.vision_box img { width:100px; margin:0 auto;  display:block;}
.vision_box h3 { font-size:20px; text-transform:uppercase; color:#938372;}
.vision_box p { font-size:13px; color:#333; margin:0px;}
.career_right {margin:0px 25px; text-align:right; width:43%; float:right;}
.career_right h2 { font-size:70px; color:#ffcea5; text-transform:uppercase; font-family: 'Poppins', sans-serif; margin-bottom:10px;}
.career_right p { font-size:16px; font-weight:600;}
.career_right a { color:#dd9151; padding-top:10px;}
.career_right a:hover { color:#555;}
.fill {
  width: fit-content;
  text-align: center;
  font-size: 70px;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #ffcea5;
  position: relative;
  cursor: pointer;
}
.fill::before {
  position: absolute;
  content: attr(data-text);
  top: 0;
  left: 0px;
  -webkit-text-fill-color: #ff5722;
  width: 0;
  overflow: hidden;
  transition: 0.5s;
}
.our_story_sec { padding:50px 0px; position:relative;}
.our_story_sec::before { content:''; background:url('../img/our-story-bg.png') no-repeat; width:500px; height:815px; position:absolute; right:0px; bottom:0px; z-index:-1;}
.our_story_sec h1 { font-size: 35px; font-weight: 500; padding:10px 0px;}
.our_story_sec p { position:relative; z-index:999; font-size:14px;}
.team_box2 { margin:20px 10px; text-align:Center; position:relative; box-shadow: 0 20px 20px -5px rgb(0 0 0 / 18%), 0 8px 10px -6px rgb(0 0 0 / 0.1); background:#f4f4f4; padding:10px;}
.team_box2 img { width:100%; border-radius:8px;}
.team_box2 h2 { font-size:19px; padding-bottom:5px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; padding-top: 10px;}
.team_box2 h3 { font-size:16px; padding:0px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; text-transform:uppercase;}
.team_box2 span { font-size:17px; color: #38b4de; display:block; font-weight:600;}
.team_box2 p { font-size:12px; color:#666; margin:0px; padding:10px 0px;}
.boxspace { padding:80px 0px 10px;}
.group_sec { margin:10px 100px; text-align:Center;}
.group_box { margin:20px 0px; position:relative; padding:10px;}
.group_box img { width:200px; margin:0 auto; display:block;}
.group_box h3 { font-size:17px; padding:0px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; padding:20px 0px 5px;}
.group_box span { font-size:17px; color: #38b4de; display:block; font-weight:600;}
.group_box p { font-size:11px; color:#666; margin:0px;}
.life_left { width:45%; margin:10px 25px; float:left;}
.life_right {margin:20px 30px 0px; text-align:right; width:45%; float:right;}
.life_right h2 { font-size:70px; color:#ffcea5; text-transform:uppercase; font-family: 'Poppins', sans-serif;}
.life_right p { font-size:16px; font-weight:600;}
.growth {font-size: 22px !important; color: #f19426;}
.about_career { background: #dae8ff; padding:0px;}
.about_career ul { padding:0px; display:flex; justify-content:Center;}
.about_career ul li { width:45%; padding:30px 20px; background: #dae8ff; margin:20px 20px 0px;}
.vision_box2 { display:block; text-align:Center;}
.vision_box2 img { width:120px; margin:0 auto;  display:block;}
.vision_box2 h3 { font-size:24px; text-transform:uppercase; color:#938372;}
.vision_box2 p { font-size:16px; color:#333; margin:0px;}
.conduct_sec { background:url('../img/conduct-bg.jpg') no-repeat; width:100%; background-size:cover; padding:100px 0px;}
.conduct_title { font-size:52px; color:#fff; font-weight:400; line-height:65px; padding-bottom:30px;}
.conduct_txt { font-size:26px; color:#fff; margin:0px; line-height:45px; font-weight:400;}
.about_pdf { display:block; text-align:Center; padding:100px 0px;}
.about_pdf img { width:70px; margin:0 auto; display:block; padding-bottom:10px;}
.about_pdf p { color:#f5931f; font-size:17px;}
.group_space { background: rgb(255,107,49); background: linear-gradient(174deg, rgba(255,107,49,1) 0%, rgba(255,159,75,1) 100%); padding:100px 0px; position:relative;}
.group_des {     float: right;
    width: 35%;
    background: #fff;
    padding: 10px;
    position: absolute;
    bottom: 0px;
    right: 5%;
}}
.top_space { padding-top:120px;}
.event_sec { padding:40px 0px 20px;}
.event_sec .col-sm-3 { padding:5px;}
.form-wrap{
	width: 100%;
	padding: 15px;
	margin: 0 auto;
	position: relative;
}
.form-group{
	margin-bottom: 25px;
}
.form-group > label{
	display: block;
	font-size: 13px;	
	color: #444;
}
.custom-control-label{
	color: #000;
	font-size: 16px;
}
.group_frm{
	height: 45px;
	border-color: transparent;
	padding: 0 15px;
	font-size: 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px #e3e2e1 solid;
    border-radius: 0px;
    color: #666;
	width:100%;
	border-radius:30px;
}
.group_frm2 {
	height: 70px;
	border-color: transparent;
	padding: 5px 15px;
	font-size: 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px #e3e2e1 solid;
    border-radius: 0px;
    color: #666;
	width:100%;
	border-radius:30px;
}
.form-control:focus{
	border-color: #00bcd9;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}
textarea.form-control{
	height: 100px;
	padding-top: 15px;
	resize: none;
}

.subbtn{
	padding:7px 22px;
	background:#f5931f;
	color:#fff;
	border-radius:6px;
	border:none;
	float:right;
	margin-left:10px;
}
.subbtn:hover{
	background:#222;
}

.btn-primary {
  color: #fff;
  background-color: #00bcd9;
  border-color: #00bcd9;
}

.btn-primary:hover {
  color: #00bcd9;
  background-color: #ffffff;
  border-color: #00bcd9;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}

.file-upload-wrapper {
    border: 1px #ccc solid;
    padding: 5px 10px;
    border-radius: 30px;
}
.bytes_sec {overflow:hidden; padding:60px 0px 30px; background:#072348;}
.bytes {position: relative; width: 100%;}
.test_title {
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    text-align: Center;
	color:#fff;
}
.testimonial_box { position:relative; margin:20px 0px; background:url('../img/testi-bg.png') no-repeat; width:100%; height:70vh; padding:30px 40px; background-size:cover;}
.testimonial_box p { font-size:13px; color:#666; font-weight:400; line-height:24px;}
.testimonial_cont { font-size:16px !important; text-transform:uppercase; color:#333; position: absolute; right: 50px; top: 280px; text-align:right !important;}
.testimonial_cont span { font-size:15px; text-transform:capitalize; color:#f5931f; display:block;}
.bytes .owl-theme .owl-nav.disabled + .owl-dots { display:none;}
.award_sec { padding:0px; position:relative;}
.award_box { position:absolute; top:100px; left:50px; right:0px; bottom:0px; width:100%;}
.award_left { width:30%; padding-top:7%; float:left;}
.left_header { font-size: 55px; color: #fff; font-weight: 400; line-height: 65px; padding-bottom: 30px;}
.left_cont { font-size: 20px; color: #fff; margin: 0px; line-height: 35px; font-weight: 400;}
.award_right { float:right; width:60%;}
.award_right img { width:100%;}
.business_des { padding-top:70px; text-align:Center;}
.right_cont { text-align:left;}
.founder_des2 { display:block;}
.founder_des2_left { margin:30px 50px;}
.founder_des2_left img { width:100%;}
.founder_des2_right { width:50%; background:#0e2b52; padding:25px 25px 25px 50px; position: relative; top: 40px; left: -30px; color:#fff; height:390px;}
.founder_des2_right p { font-size: 15px; color: #fff; line-height: 26px; font-weight:400;}
.chairman_box { padding: 10px 20px; background: #112b51; margin: 0px 16px; width: 96.5%; height:250px; position:relative;}
.chairman_box p { color:#fff;}
.founder_speak2 { FONT-SIZE:20PX; text-transform:uppercase; color:#fff; padding:10px 0px; font-weight:600;}
.founder_speak2 span { display:block; font-size:17px;}
.founder_lnk { position: absolute; top: 20px; font-size: 22px; right: 15px; color: #0f7ddd; text-align:Center;}
.ceo_box {display;block; position:relative; margin:20px 10px;}
.ceo_box img { width:100%; z-index:99999; position: sticky;}
.ceo_des { padding:10px 0px 0px; color:#fff; width:100%; position:relative;}
.ceo_des p { padding-top:10px; font-size:22px; color:#0e2b52; margin:0px;}
.ceo_des span { text-transform:uppercase; display:block; font-size:14px;}
.ceo_lnk { position: absolute; top: 20px; font-size: 20px; width: 38px; right: 12px; text-align: center; line-height: 26px;}
i.fa.fa-linkedin {
    background: #f6f5f3;
    color: #1d6bc7;
    margin-right: 5px;
    width: 35px;
    border: none;
    border-radius: 3px;
    height: 30px;
    margin-bottom: 5px;
    line-height: 28px;
}

.sectionbox{
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sectionbox::first-child{
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
}

#sec1{
 display: block;
}

#sec2{

}

#sec3{

}

#sec4{

}
#sec5{

}
#sec6{

}

.magnific-img img {
    width: 100%;
    height: auto;
}

.magnific-img {
    display: inline-block;
    width: 32%;
	margin:7px 5px;
}
a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-arrow-left:before {
    border-right: none !important;
}
.mfp-arrow-right:before {
    border-left: none !important;
}
button.mfp-arrow, .mfp-counter {
    opacity: 0 !important;
    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
	opacity: 1 !important;
}


/* Magnific Popup CSS */
.event_sec { padding:50px 0px;}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }
  
.modal{display:none; position:fixed;z-index:1;padding-top:0px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7);z-index:999999;}
.modal-content { position: relative; background-color: #fefefe; margin:100px auto; padding: 0; border: 1px solid #888; width: 35%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration:0.4s}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


.frm_box {
    background-color: #f3f3f3;
    padding: 30px;
    right: 5%;
    width: 90%;
}
.frm_title {
    color: #393461 !important;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 10px;
}
.touch_sec { padding:0px; width:90%;}
.touch_title {font-size: 35px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #00008b; line-height: 1em; padding: 10px 0px;
    display: block; margin: 0 auto 0px;}
.touch_sec p { font-size:19px; color:#444;}
ul.connect { padding:10px 0px;}
ul.connect li { font-size:16px; color:#444; margin:20px 0px;}
ul.connect li i { margin-right:5px; color:#ed7d41; font-size:24px;}
.reach_title { font-size:55px; font-weight:500;}
.inp1 { padding: 15px 20px; margin: 0; border: none; background: #ffff; border-radius: 8px; width: 100%; border: 1px #edebeb solid;}
.inp2 { padding: 10px 20px; margin: 0; border: none; background: #ffff; border-radius: 8px; width: 100%; border: 1px #edebeb solid; height:130px;}
.frm_box .form-group { margin-bottom: 15px;}
.submitbtn {padding: 10px 20px; background: #f5931f; color: #fff; border-radius: 6px; border: none; width: 120px; text-align: center; margin: 0 auto; display: block;
FONT-SIZE: 18PX;}
.submitbtn:hover { background:#222;}
.sec2innercont { padding:10px;}
.sec2innercont p { FONT-SIZE:16px; color:#222; font-weight:500;}
.sec2innercont a { FONT-SIZE:16px; color:#222; font-weight:500;}
.sec2innercont a:hover { color:#f5931f;}
.sec2innercont .fa { FONT-SIZE:20px; border:1px #222 solid; padding:4px 6px; border-radius:6px;}
.comloc_sec { padding: 20px 0px; background: url('../img/location-bg.jpg') no-repeat; margin:25px; border-radius:10px; height:201px; margin-bottom:450px; background-size:cover;}
.comloc_des { padding: 60px 35px 0px;}
.comloc_des img { width:80%; display: block; border: 12px #fff solid; border-radius: 50%; margin:0 auto;}
.location_cont { padding: 0px 15px; display: block; text-align: center; position:relative; height:240px;}
.location_cont p { FONT-SIZE:14px; padding:10px 0px; margin:0px;}
.location_cont a { FONT-SIZE:14px; color:#f5931f; text-transform:uppercase;}
.location_cont .fa { FONT-SIZE:17px; color:#ff0000;}
.comp_logo { border-radius:0px !important; width:100% !important;}
.direction { position:absolute; left:50%; transform: translate(-50%, -50%); bottom:-40px; width:100%;}

#circle {
  font-size: 8em;
  color: #fff;
  border-radius: 29px;
  padding: 11px 19px;
  margin: 0 40px;
  animation: animate 3s linear infinite;
  text-shadow: 0 0 50px #59d7e1, 0 0 100px #59d7e1, 0 0 150px #59d7e1,
    0 0 200px #59d7e1;
}
.circleone { width:60px !important; position:absolute; top: -37px; left: 93%;}
.circletwo { width:60px !important; position:absolute; top: -42px; left: 93%;}
.circlethree { width:60px !important; position:absolute; top: -38px; left: -92%;}
.circlefour { width:60px !important; position:absolute; top: 55px; left: 100%;}
.circlefive { width:60px !important; position:absolute; top: 62px; left: 71%;}
.circlesix { width:60px !important; position:absolute; top: 60px; right: 84%;}
.circleseven { width:60px !important; position:absolute; bottom: 277px; right: 100%;}
.circleeight { width:60px !important; position:absolute; top: -35px; right: -90%;}
.circlenine { width:60px !important; position:absolute; top: -42px; right: -82%;}
.circleten { width:60px !important; position:absolute; top: -55px; right: 46%;}
@keyframes animate {
  from {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}

.culture p { text-align:justify;}
.infra_sec { padding:60px 0px 10px;}
.infra_sec_left { position:relative;}
.infra_sec_left::before { content:''; position:absolute; background:#f79340; top:-30px; right:-30px; width:100%; height:90%; z-index:0; -webkit-box-shadow: 5px -5px 15px 0px rgba(88,102,112,0.68);
-moz-box-shadow: 5px -5px 15px 0px rgba(88,102,112,0.68); box-shadow: 5px -5px 15px 0px rgba(88,102,112,0.68);}
.infra_sec_left img { width:100%; position:relative; z-index:99999;}
.infra_sec_right { padding:30px 20px 50px 70px;}
.infra_sec_right h2 { font-size:32px; color:#00008b;}
.infra_sec_right p { line-height:28px; color:#444; FONT-SIZE:16px; text-align:justify;}
.solution_slide { padding:0px;}
ul.segment_home {padding:0px 18px;}
ul.segment_home li { list-style-type:number; padding:5px 0px; font-size: 16px; color: #444;}
.infra_sec2 { padding-bottom:50px;}
.infra_sec2_right { position:relative;}
.infra_sec2_right::before { content:''; position:absolute; background:#f79340; top:-30px; left:-30px; width:100%; height:90%; z-index:0; -webkit-box-shadow: 0px 10px 18px 5px rgba(88,102,112,0.68);
-moz-box-shadow: 5px -5px 15px 0px rgba(88,102,112,0.68); box-shadow: 5px -5px 15px 0px rgba(88,102,112,0.68);}
.infra_sec2_right img { width:100%; position:relative; z-index:99999;}
.infra_sec2_left { padding:70px 70px 70px 0px;}
.infra_sec2_left h2 { font-size:32px; color:#00008b;}
.infra_sec2_left p { line-height:28px; color:#444; FONT-SIZE:16px; text-align:justify;}
.solution_slide { padding:0px;}
ul.segment_home {padding:0px;}
ul.segment_home li { list-style-type: none; padding: 5px 0px 5px 25px; font-size: 16px; color: #444; text-align: justify; background: url(../img/service-icon.png) 0px 7px; background-repeat: no-repeat;}
.help_sec { padding:60px 0px 40px;}
.flowing_title {font-size: 40px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #00008b; line-height: 1em; padding: 0px 0px 10px;
    display: block; margin: 0 auto 0px; text-align: center !important;}
.help_sec p { font-size:17px; padding:10px 0px; color:#444; line-height:32px;}
.help_sec a {color:#e58232; font-size:18px;}
.help_sec a:hover { color:#444;}
.infra_service { 
	position: relative;
	overflow:hidden;
	background:url('../img/fttx-home-banner.jpg') no-repeat;
	width:100%;
	background-size:cover;
	}

.infra_box {
	padding:150px 0px;
	color:#fff;
	width:100%;
	position:relative;
	z-index:999;
}
.infra_box h2 {
	font-size:35px;
	color:#fff;
	font-weight:600;
	position:relative;
	margin-bottom:10px;
}
.infra_box span {
	font-size:28px;
	color:#e9840d;
}

.infra_box p {
	line-height:32px;
	padding-top:10px;
	font-size:19px;
	color:#fff;
}

.sbs_service { 
	position: relative;
	overflow:hidden;
	background:url('../img/sbs-home-banner.jpg') no-repeat;
	width:100%;
	background-size:cover;
	}
	
.sbs_box {
	padding:90px 0px;
	color:#fff;
	width:100%;
	position:relative;
	z-index:999;
}
.sbs_box h2 {
	font-size:35px;
	color:#fff;
	font-weight:600;
	position:relative;
	margin-bottom:10px;
}

.sbs_box p {
	line-height:32px;
	padding-top:10px;
	font-size:18px;
	color:#fff;
}

.dooh_service { 
	position: relative;
	overflow:hidden;
	background:url('../img/dooh-home-banner.jpg') no-repeat;
	width:100%;
	background-size:cover;
	}
	
.mal_sec {
	padding: 10px 0px;
    width: 90%;
    position: relative;
    margin: 15px;
}
.mal_sec img {
	width:100%;
	
}
.mar_title {
	font-size:16px !important;
	color:#222;
	text-align:Center;
}
.mal_sec::before {
    content: '';
    position: absolute;
    background: #f79340;
    top: -5px;
    left: -15px;
    width: 100%;
    height: 80%;
    z-index: -1;
    -webkit-box-shadow: 5px -5px 9px 0px rgb(100 75 52 / 48%);
    -moz-box-shadow: 5px -5px 9px 0px rgb(100 75 52 / 48%);
    box-shadow: 5px -5px 9px 0px rgb(100 75 52 / 48%);
}
.mal_sec p {
	font-size: 23px;
    color: #00008b;
	text-align:Center;
	padding-top:10px;
	font-weight:600;
	margin-bottom:0px;
}
.mal_sec2 {
	padding:10px 0px;
	width:95%;
	float:right;
}
.mal_sec2 img {
	width:100%;
}
.mal_sec2 p {
	font-size: 30px;
    color: #00008b;
	text-align:Center;
	padding-top:10px;
	font-weight:600;
	margin-bottom:12px;
}
.dooh_title {
    font-size: 42px;
    color: #e78325;
    text-align: Center;
    padding-top: 10px;
    font-weight: 600;
	text-align:Center;
	padding:0px 300px;
	position:relative;
}
.dooh_title::before {
	position: absolute;
    content: '';
    background: url(../img/dooh-bg.png) no-repeat;
    width: 600px;
    height: 146px;
    left: 50%;
    top: -25px;
    transform: translate(-50%, -25%);
    z-index: -1;
}
.marquee_title {
    font-size: 42px;
    color: #00008b;
    text-align: Center;
    padding-top: 10px;
    font-weight: 600;
	text-align:Center;
	padding:0px 300px;
	position:relative;
}
.shopping_title {
	font-size:30px;
	color:#00008b;
	padding-top:50px;
}
.pn_india {
	font-size: 55px;
    color: #24347d;
    font-weight: 700;
    padding-top: 120px;
	line-height:55px;
}
.pn_india span {
	display:block;
	color:#ef773d;
}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6 {
  /* all of these are for demo only: */
  width: 100%;
  height: 100vh; /* css3 way to say 100% of the viewport height. works on IE9+ and modern browsers. needs patch for iOS devices: https://gist.github.com/pburtchaell/e702f441ba9b3f76f587. also needs patch for print stylesheets (height:auto). */
  text-align: center;
  font-size: 50px;
}
#panel1, #panel3, #panel5 {
  /* for demo only: */

}
#panel2, #panel4, #panel6 {
  /* for demo only: */
position:relative
}
#sidePanelButton {
  position: fixed;
  top: 0;
  right: 0;
  /* for demo only: */
  cursor: pointer;
  padding: 40px;
  border: 1px solid #000;
  background-color: tomato;
}
#sidePanel {
  width: 100%;
  height: 100vh; /* css3 way to say 100% of the viewport height. works on IE9+ and modern browsers. needs patch for iOS devices: https://gist.github.com/pburtchaell/e702f441ba9b3f76f587. also needs patch for print stylesheets (height:auto). */
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  left: 100%;
  transition: left 0.4s; /* creates sliding motion */
  -webkit-transition: left 0.4s;
  z-index: 1; /* needs to be above the mainStack */
  background-color: tomato; /* you need to set a background-color here so this panel covers up the others when it slides in. */
  /* for demo only: */
  text-align: center;
  font-size: 50px;
}
#sidePanel.open {
  left: 0; /* move the sidePanel into the viewport when you click the button */
}
.pane2, .pane3, .pane4, .pane5 {display:flex; align-items:Center;}
.banner-header.section-padding.valign.bg-img {
    background: url(../img/business-banner.jpg);
    z-index: 0;
}

.home_team_box { margin:25px; position:relative; box-shadow: 0 20px 20px -5px rgb(0 0 0 / 18%), 0 8px 10px -6px rgb(0 0 0 / 0.1); background:#f4f4f4; padding:15px 20px; text-align:Center; border-radius:10px;}
.home_team_box img { width:100%; border-radius:10px;}
.home_team_box h2 { font-size:28px; padding:20px 0px 10px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; text-transform:uppercase;}
.home_team_box h3 { font-size:19px; padding:5px 0px 10px; font-family: 'Poppins', sans-serif; margin:0px; font-weight:600; color: #555; text-transform:uppercase;}
.home_team_box span { font-size:17px; color: #38b4de; display:block; font-weight:600;}
.home_team_box p { font-size:17px; color:#666; font-weight:400;}

.policy_sec {
    background: url(../img/policy-bg.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    padding: 120px 0px;
}
.main_sec {
    padding: 20px 50px;
}
.conduct_title {
    font-size: 42px;
    color: #35c0ef;
    font-weight: 400;
    line-height: 45px;
    padding-bottom: 20px;
}
.conduct_txt {
    font-size: 17px;
    color: #fff;
    margin: 0px;
    line-height: 32px;
    font-weight: 400;
}
ul.pdf_cont {
    padding: 20px 0px;
}
ul.pdf_cont li {
    width: auto;
    margin-right: 10px;
    display: flex;
    float: left;
    border: 1px #3a3084 solid;
    padding: 5px 10px 5px 5px;
    background: #47c0f5;
    margin-bottom: 10px;
}
ul.pdf_cont li img {
    width: 30px;
    margin-right: 4px;
}
ul.pdf_cont a {
    color: #fff;
    font-size: 13px;
    line-height: 30px;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
  .desk_collage { display:block; width:100%; margin-top:30px;}
  .mb_collage { display:none;}
}

@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #e7e4e1 transparent transparent;
  }
}


/* EXTRA/CLIP PATH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline-clippy ul li::after {
  width: 40px;
  height: 40px;
  border-radius: 0;
}

.timeline-rhombus ul li::after {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.timeline-rhombus ul li div::before {
  bottom: 12px;
}

.timeline-star ul li::after {
  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
}

.timeline-heptagon ul li::after {
  clip-path: polygon(
    50% 0%,
    90% 20%,
    100% 60%,
    75% 100%,
    25% 100%,
    0% 60%,
    10% 20%
  );
}

.timeline-infinite ul li::after {
  animation: scaleAnimation 2s infinite;
}

@keyframes scaleAnimation {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.25);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}


/* video gallery */
.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-left: 15px;
    float: right;
}
.video-gallery-polygon {
    z-index: 2;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    padding: 7px 6px 7px 8px;
    line-height: 0;
}
.video-gallery-polygon:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #aa8453;
}
/* testimonials style */
.testimonials { padding-top:30px; background: url(../img/top-bg.png) no-repeat;}
.testimonials-box {
    position: relative;
    background: transparent;
    padding: 30px;
    margin-bottom: 30px;
	text-align:center;
}
.testimonials-box h2 { font-size:35px;}
.testimonials-box .head-box h6 {
    font-family: 'Barlow Condensed', sans-serif;
    color: #f5931f;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px;
}
.testimonials-box .head-box h4 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}
.testimonials-box .head-box h4 span {
    color: #222;
}
.line {
    width: 60px;
    border-top: 1px solid rgba(255,255,255,0.2) !important;
    margin-bottom: 10px;
}
.testimonials h5 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
}
.testimonials .owl-carousel .owl-item img { max-width:120px; margin:0 auto;}
.cont h6 { font-size:26px; color:#f5931f; padding-top:15px;}
@media screen and (max-width: 991px) {
    .testimonials-box {
        margin-bottom: 90px;
        padding: 35px 20px;
    }
.enquiry_sec {
    margin: 0px;
}
.enquiry_title { 
	font-size:20px;
	}
.gmail-table { 
	width:100%;
	}
.desk_collage { display:block; width:100%; margin-top:30px;}
.mb_collage { display:none;}
}
.testimonials .item {
    margin-bottom: 30px;
    position: relative;
}
.testimonials .item .quote {
    position: absolute;
    right: 20px;
    top: 90px;
    width: 70px;
    margin: 0 auto 30px;
    opacity: .1;
}
.testimonials .item p {
    color: #333;
	font-size:17px;
}
.testimonials .item .info {
    margin: 30px 0 15px 0;
}
.testimonials .item .info .author-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
}
.testimonials .item .info .cont {
    margin: 0px;
}
.testimonials .item .info h6 {
    font-size: 17px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    color: #cb9e24;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.testimonials .item .info span {
    font-size: 14px;
    color: #222;
    line-height: 1em;
}
.testimonials .item .info .rate {
    float: right;
}
.testimonials .item .info i {
    color: #222;
    font-size: 6px;
}

@media screen and (max-width: 767px) {
    .testimonials-box {
        padding: 0px;
    }
}


/* ======= Page Banner Header style ======= */
.banner-header {
    height: 60vh;
}

.banner-header2 {
    height: 14vh;
}
.profile_sec {
    padding: 70px 0px;
    background: #ebe2e2;
}
.profile_sec .row { align-items:Center;}
.profile_pic { margin:0px; padding:0px;}
.profile_cont {background: #f5931f; padding: 40px; margin: 0px;}
.profile_cont h2 { color:#fff; margin-bottom:10px;}
.profile_cont span { display:block; font-size:22px; font-weight:400;}
.profile_cont p { color:#fff;}
.expertise { font-size:20px; margin:25px 0px 10px;}

.banner-header.full-height{
    min-height: 100vh;
    background-position: center;
}
.banner-header.full-height h4 {
    font-family: 'Barlow Condensed', serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}
.banner-header.full-height h1 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.35em;
    color: #fff;
    font-weight: 400;
    letter-spacing: 15px;
}
.banner-header h1 {
    font-size: 40px;
    color: #fff;
    position: relative;
    margin: 70px auto 0px;
	text-shadow: 0px 2px 8px #444;
}
.banner-header span {
	font-size:28px;
	color:#e78325 !important;
	display:block;
}

.fill2 {
  width: fit-content;
  text-align: center;
  font-size: 60px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #ffffff;
  position: relative;
  cursor: pointer;
}
.fill2::before {
  position: absolute;
  content: attr(data-text);
  top: 0;
  left: 0px;
  -webkit-text-fill-color: #ff5722;
  width: 0;
  overflow: hidden;
  transition: 0.5s;
}

.banner-header.full-height h3 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.35em;
    color: #fff;
    font-weight: 400;
    letter-spacing: 7px;
}

.banner-header .caption {
    position: relative;
}

.banner-header h5 {
    color: #fff;
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-bottom: 10px;
}
.banner-header h5 a {
    color: #aa8453;
}
.banner-header p {
    font-size: 25px;
    margin-bottom: 0;
    color: #fff;
	font-weight:400;
}
.banner-header p a {
    color: #aa8453;
}
/* author & date */
.banner-header .author .avatar {
    width: 27px;
    height: 27px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}
.banner-header .post {
    margin-top: 20px;
}
.banner-header .post div {
    display: inline-block;
}
.banner-header .post .author {
    margin-right: 20px;
    font-size: 13px;
}
.banner-header .post .date-comment {
    position: relative;
    font-size: 13px;
    color: #fff;
    margin-right: 20px
}
.banner-header .post .date-comment i {
    color: #aa8453;
    font-size: 18px;
    margin-right: 5px;
}
.banner-header .post .date-comment:last-of-type {
    margin-right: 0px;
}
.engagement_sec { padding:40px 0px;}
.engagement_sec p { font-size: 24px; color: #0d3b66; font-weight: 600;}
.engagement_sec span { color:#e9840d;}
ul.audience {padding:30px 0px 0px;}
ul.audience li {padding:10px; font-size:24px; color:#212965; margin:5px 0px; list-style-type:none; font-weight:600; background: rgb(240,148,39);
background: linear-gradient(90deg, rgba(240,148,39,1) 0%, rgba(247,204,159,1) 35%, rgba(248,238,228,1) 64%, rgba(255,255,255,1) 87%);}
ul.audience li b { font-weight: 700; font-size: 40px; color: #fff; letter-spacing: 3px;}
.engagement_pic { width:95%;}
.culture_pic { width:95%;}
/* bounce */
.banner-header .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 8;
}
.banner-header .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.banner-header .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}
.banner-header .arrow i:hover {
    border: 1px solid #fff;
}
.banner-header .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}
.slider video {
    width: 100%;
    background-attachment: fixed;
    position: relative;
}
.culture img { padding-top:50px;}
.about_ranext { padding:30px 0px; background: #f3f3f3; text-align:Center;}
.ranext_title { font-size:35px; color:#00008b; margin:0px;}
.about_ranext p { font-size:16px; color:#444; padding:10px 0px; line-height:30px; margin:0px;}
.presence_sec { padding:40px 20px 0px; background:url('../img/presence-background.png') no-repeat;}
.presence_sec p { font-size:16px; color:#444; padding:10px 10px 10px 0px; line-height:28px; margin:0px; font-weight:400;}
.company_sec { padding:30px 0px; position:relative;}
.company_sec .row { align-items:Center;}
.company_sec::before { content:''; position:absolute; background:url('../img/decoration.png') no-repeat; width:500px; height:438px; bottom:-50px; left:-25px;}
.company_sec p { font-size: 16px; color: #444; padding: 10px 10px 10px 0px; line-height: 28px; margin: 0px; font-weight: 400; text-align:justify;}
.mbs_sec { padding:30px 0px; position:relative;}
.mbs_sec .row { display:flex; align-items:Center;}
.mbs_sec::before { content:''; position:absolute; background:url('../img/decoration.png') no-repeat; width:400px; height:400px; bottom:10px; right:-25px;}
.mbs_sec p { font-size: 16px; color: #444; padding: 10px 10px 10px 0px; line-height: 28px; margin: 0px; font-weight: 400;}
.picleft { width:92%; position:relative; z-index:999;}
.picleft1 { width:95%; float:right; position:relative; z-index:999;}
.vision_sec { background:url('../img/vision-bg.jpg') no-repeat; width:100%; background-size:cover; padding:30px 0px;}
.vision_cont { background: #fbeee1; margin:10px; padding:20px; height:480px; text-align:Center;}
.vision_cont img { display:block; width:auto; margin:0 auto;}
.vision_cont h3 { font-size:24px; font-family: 'Poppins', sans-serif; color:#222; font-weight:500; margin:10px 0px 10px;}
.vision_cont p { font-size:15px; color:#222; line-height:24px; font-weight:400; margin:0px;}

.leader_sec { padding:10px 0px;}
.team-item {
    padding: .50rem;
}

.team-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.team-item:hover::after {
    height: 100%;
    background: #fb8332;
}

.team-item .team-social {
    position: absolute;
    width: 100%;
    bottom: -20px;
    left: 0;
}

.team-item .team-social .btn {
    display: inline-flex;
    margin: 0 2px;
    color: #222;
    background:#fff;
}

.team-item .team-social .btn:hover {
    color: #FFFFFF;
    background: #fb8332;
}
.bg-light h3 { font-size:22px; margin-bottom: 5px;}
.bg-light p { color: #ff8822; font-size: 16px; margin: 0px;}

.map_title {
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #00008b;
    line-height: 1em;
    padding: 150px 0px;
    display: block;
    margin: 0 auto 20px;
    text-align: center !important;
}
.map_title span {
	font-size: 19px;
    color: #df571b;
    text-transform: uppercase;
    display: block;
}

@media screen and (max-width: 767px) {
    .banner-header {}
    
    .banner-header.full-height h1 {
        font-size: 30px;
        margin-bottom: 15px;
        letter-spacing: 10px;
        line-height: 1.35em;
    }
    
    .banner-header.full-height h3 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 10px;
    line-height: 1.35em;
    }
    .banner-header.full-height h4 {
        font-size: 12px;
    }
    
    .banner-header h5 {}
    .banner-header h1 {
        font-size: 45px;
    }
}


/* =======  Video Background  ======= */
.video-fullscreen-wrap {
  height: 90vh;
  overflow: hidden;
  position:relative;
}
.banner_title {
  position: absolute;
    top: 48%;
    left: 0px;
    right: 0px;
    width: 70%;
    margin: 0px auto;
    text-align: center;
	color:#fff;
}
.banner_title h1 {
  font-size:53px;
  color:#fff;
  text-transform:uppercase;
  font-weight:700;
  text-shadow: 0px 2px 8px #333;
}
.video-fullscreen-wrap .caption {
    position: relative;
}
.video-fullscreen-wrap .caption.textleft {
    text-align: left;
}
.video-fullscreen-wrap h3 {
    position: relative;
    font-family: 'Libre Caslon Display', serif;
    font-size: 60px;
    line-height: 1em;
    color: #fff;
    font-weight: 400;
}
.video-fullscreen-wrap h3 span {
    display: block;
    font-size: 30px;
    display: block;
    margin-top: 0px;
    line-height: 1.5em;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    color: #C19D60;
}
.video-fullscreen-video {
    height: 100%;
}
.video-fullscreen-wrap video {
  width: 100vw;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-fullscreen-wrap .video-fullscreen-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: right;
    
}
.video-lauch-wrapper {
  border: none;
  background: none;
  width: 100%;
  padding: 0;
}
.video-fullscreen-wrap .overlay {
/*  background-image: linear-gradient(to bottom right, #000000, #000000);*/
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  text-align: center; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 4;
}
.video-fullscreen-wrap .butn-dark a {
    color: #fff;
}
.position-relative {
  position: relative !important;
}


/* ======= Team style ======= */
.team .item {
    margin-bottom: 30px;
}
.team .item:hover .info .social {
    top: 0;
}
.team .info {
    text-align: center;
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.team .info h6 {
    font-size: 20px;
    margin-bottom: 5px;
    color: #222;
}
.team .info p {
    margin-bottom: 0px;
    color: #666;
}
.team .info .social {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.team .info .social a {
    font-size: 15px;
    color: #aa8453;
    margin: 0 5px;
}
.team .info .social a:hover {
    color: #222;
}
.team .info .social p {
    margin-bottom: 0px;
    color: #666;
}


/* ======= Rooms1 style ======= */

.rooms1 .item {
    position: relative;
    overflow: unset;
    margin-bottom: 30px;
	border-radius:8px;
}
.rooms1 .item:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.rooms1 .item:hover .con {
    bottom: 0;
}
.rooms1 .item img {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.rooms1 .item .category {
  position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: mixed;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    font-family: 'Barlow Condensed', sans-serif;
    padding: 10px 3px;
    line-height: 1.5em;
}
.rooms1 .item .category a {
    color: #fff;
}
.rooms1 .item .category:hover {
    color: #fff;
}
.rooms1 .item .con {
    padding: 20px;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: left;
    z-index: 20;
    height: auto;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
}
.rooms1 .item .con h6,
.rooms1 .item .con h6 a {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    display: inline;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.rooms1 .item .con h6 i {
    font-size: 6px;
    margin-right: 2px;
}
.rooms1 .item .con h5,
.rooms1 .item .con h5 a {
    position: relative;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 5px;
}
.rooms1 .item .con p {
    color: #fff;
    font-size: 20px;
}
.rooms1 .item .con i {
    color: #fff;
    font-size: 18px;
}
.rooms1 .item .con i:hover {
    color: #fff;
}
.rooms1 .item .con .butn-light {
    margin-left: 0;
    border-radius: 30px;
    border-color: #666;
    padding: 11px 30px;
}
.rooms1 .item .con .butn-light:hover {
    border-color: #aa8453;
}
/* line animation */
.rooms1 .item .line {
    text-align: center;
    height: 1px;
    width: 60px;
    background-color: rgb(213 146 19 / 71%);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: auto 0 10px;
}
.rooms1 .item:hover .line {
    width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}
/* facilities */
.rooms1 .facilities ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rooms1 .facilities ul li {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
    letter-spacing: 3px;
  line-height: 1.2em;
  padding-bottom: 20px;
    float: left;
}
.rooms1 .facilities ul li i {
  margin-right: 10px;
}
/* permalink */
.rooms1 .item .con .permalink {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    height: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline;
}
.rooms1 .item .con .permalink a {
    color: #fff;
}
.rooms1 .item .con .permalink i {
   font-size: 10px;
    text-align: right;
}
.rooms1 .item .con .permalink a:hover,
.rooms1 .item .con .permalink i:hover {
color: #aa8453;
}


/* ======= Rooms 2 style  ======= */
.rooms2 {
    position: relative;
}
.rooms2:last-child {
    margin-bottom: 20px;
}
.rooms2 figure {
    margin: 0;
    position: relative;
    width: 66.666667%;
    margin-left: auto;
}
.rooms2.left figure {
    margin-left: 0;
    margin-right: auto;
}
.rooms2 figure img:hover {
    transform: scale(0.98);
}
.rooms2 .caption {
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    padding: 4% 4% 4% 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.rooms2.left .caption {
    left: auto;
    right: 0;
    background: #fff;
    padding: 4% 0 4% 4%;
}


.rooms2 .caption.padding-left {
    padding-left: 4%;
}

.rooms2.left .caption.padding-left {
    padding-right: 4%;
}


.rooms2 .caption h4,
.rooms2 .caption h4 a {
    font-size: 35px;
    color: #222;
    margin-bottom: 5px;
}
.rooms2 .caption h3,
.rooms2 .caption h3 a {
    font-size: 24px;
    color: #ab8a62;
    margin-bottom: 0px;
}
.rooms2 .caption h3 span {
    font-size: 15px;
    color: #666;
    font-family: 'Barlow', sans-serif;
}
.rooms2 .caption h6 {
    display: inline-block;
    color: #666;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 10px;
    margin-bottom: 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.rooms2 .caption .info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.rooms2 .caption .info-wrapper .more {
    color: #666;
    text-decoration: none;
    font-size: 14px;
}
.rooms2 .caption .info-wrapper .more i {
    color: #666;
    font-size: 10px;
}
.rooms2 .caption .info-wrapper .date {
    color: #222;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    background: transparent;
    border: 1px solid #ab8a62;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 3px 12px;
}
.rooms2 .caption .info-wrapper .date:hover {
    background: transparent;
    border: 1px solid #222;
    color: #222;
}
@media (max-width: 991.98px) {
    .rooms2 figure {
        width: auto;
        margin: 0;
    }
    .rooms2 .caption {
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        padding: 30px 20px;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
	.desk_collage { display:block; width:100%; margin-top:30px;}
	.mb_collage { display:none;}
}
/* hr style */
hr {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
}
hr.border-1 {
    border-top: 1px solid rgba(170, 132, 83, 0.7);
}
hr.border-2 {
    border-top: 1px solid rgba(170, 132, 83, 0.7);
}
/* button link */
.link-btn {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
}
.link-btn i {
    margin-left: 3px;
    font-size: 15px;
    color: #aa8453;
}
.link-btn:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #aa8453;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}
.link-btn:hover::before {
    width: 100%
}
/* reservation button */
.reservations {
    display: flex;
}
.reservations .icon {
    position: relative;
    top: 3px;
}
.reservations .icon span {
    font-size: 30px;
    color: #c19726;
}
.reservations .icon.color-1 span {
    font-size: 40px;
    color: #fff;
}
.reservations .text {
    margin-left: 10px;
}
.reservations .text p {
    font-size: 15px;
    margin: 0;
    
}
.reservations .text a {
    font-size: 19px;
    color: #c19726;
    letter-spacing: -1px;
}
.reservations .text a.color-1 {
    color: #fff;
}


/* ======= Rooms 3 ======= */
.rooms3 {
    color: #666;
}
.rooms3 .square-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.rooms3 .square-flip {
    min-height: 450px;
    margin-bottom: 30px;
}
.rooms3 .square,
.rooms3 .square2 {
    width: 100%;
    height: 100%;
}
.rooms3 .square {
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25), -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.rooms3 .square .category {
  position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: mixed;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    font-family: 'Barlow Condensed', sans-serif;
    padding: 10px 3px;
    line-height: 1.5em;
}
.rooms3 .square .category a {
    color: #fff;
}
.rooms3 .square .category:hover {
    color: #fff;
}
.rooms3 .square h4 {
    color: #fff;
    font-size: 27px;
    text-align: left;
    margin-bottom: 0;
    display: inline-flex;
}
.rooms3 .square h6, .rooms3 .square h6 a {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.rooms3 .square-flip .square {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 1;
}
.rooms3 .square-flip:hover .square {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.rooms3 .square2 {
    background: #f8f5f0;
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25), -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.rooms3 .square2.bg-white {
    background: #fff;
}


.rooms3 .square2:before {
    top: 25px;
    left: 15px;
    right: 15px;
    bottom: 25px;
}
.rooms3 .square2 h4 {
    font-size: 30px;
    color: #222;
}
.rooms3 .square2 h6 {
    position: relative;
    color: #aa8453;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.rooms3 .square2 p {
    font-size: 15px;
    color: #666;
}
.rooms3 .square2 .icon img {
    width: 60px;
    color: #666;
    margin-bottom: 20px;
}
.rooms3 .btn-line a {
    border-bottom: 1px solid #ccc;
    color: #666;
}
.rooms3 .btn-line a:hover {
    border-bottom: 1px solid #aa8453;
    color: #666;
}
.rooms3 .square-flip .square2 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 1;
}
.rooms3 .square-flip:hover .square2 {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.rooms3 .square-container {
    padding: 40px;
    text-align: right;
    height: 450px;
    position: relative;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25), -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -webkit-transform: translateX(0px) scale(1);
    -ms-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 2;
}
.rooms3 .square-container .box-title {
    /*	width: 100%;*/
}
.rooms3 .square-flip:hover .square-container {
    -webkit-transform: translateX(-650px) scale(0.88);
    -ms-transform: translateX(-650px) scale(0.88);
    transform: translateX(-650px) scale(0.88);
}
.rooms3 .square-container2 {
    padding: 30px;
    text-align: left;
    position: relative;
    top: 50%;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25), -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
    transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 2;
}
.rooms3 .square-flip:hover .square-container2 {
    -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
    transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
}
.rooms3 .flip-overlay {
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
}
@media screen and (max-width: 991px) {
    .rooms3 .square-flip {
        margin-bottom: 30px;
    }
    .rooms3 {
        padding-bottom: 70px;
    }
}


/* ======= Rooms Page style ======= */
.rooms-page h6 {
    position: relative;
    font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #222;
}
/* page list */
.page-list {
    position: relative;
    display: block;
}
.page-list li {
    position: relative;
    display: flex;
    align-items: center;
}
.page-list li+li {
    margin-top: 10px;
}
.page-list-icon {
    display: flex;
    align-items: center;
}
.page-list-icon span {
    font-size: 18px;
    color: #aa8453;
}
.page-list-text {
    margin-left: 15px;
}
.page-list-text p {
    font-size: 15px;
    margin: 0;
}
/* owl-nav next and prev */
.rooms-page .owl-nav {
    position: absolute;
    bottom: 3%;
    left: 12%;
}
.rooms-page .owl-prev {
    float: left;
}
.rooms-page .owl-next {
    float: right;
}
.rooms-page .owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    line-height: 34px;
    background: transparent;
    border-radius: 100%;
    color: rgba(255, 255, 255, 0.75);
    font-size: 11px;
    margin-right: 3px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.rooms-page .owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #b19777;
    color: #b19777;
}
@media screen and (max-width: 768px) {
    .rooms-page .owl-nav {
        display: none;
    }
}


/* ======= Facilties style ======= */
.facilties .single-facility {
    background: transparent;
    padding: 30px 20px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    line-height: 1;
    border: 1px solid #dcae30;
	height:310px;
	overflow-y:scroll;
}
.facilties .single-facility h5 {
    font-size: 24px;
    color: #222;
    margin-bottom: 10px;
}
.facilties .single-facility:hover h5 {
  color: #222;
  -webkit-transition: .5s;
  transition: .5s;
}
/*
.facilties .facility-shape:hover span {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
*/
.facilties .single-facility span {
  font-size: 45px;
  color: #aa8453;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
}
.facilties .single-facility p {
    margin: 0;
    color: #666;
	padding-bottom:10px;
}
.facilties .single-facility .facility-shape {
    position: absolute;
    opacity: 0.02;
    z-index: -1;
    bottom: 15px;
    left: 120px;
}
.facilties .single-facility .facility-shape span {
  font-size: 140px;
  color: #222;
}
.facilties .single-facility::-webkit-scrollbar {
  width: 3px;
}
.facilties .single-facility::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
.facilties .single-facility::-webkit-scrollbar-thumb {
  background: #444; 
}
/* hr */
hr {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.25);
}
/* room facilities */
.room-facilities .wrap {
    background: #222;
    padding: 30px;
}
.room-facilities ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.room-facilities ul li {
  color: #666;
  font-size: 15px;
  padding-bottom: 10px;
}
.room-facilities ul li i {
    margin-right: 10px;
    color: #aa8453;
    font-size: 20px;
}


/* ======= Services style ======= */
.services .img {
  position: relative;
    overflow: hidden;
}
.services .img:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.services .img img {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.services .content {
  width: 100%;
  padding: 30px;
}
.services .content .date {
  display: table-cell;
  position: relative;
  width: 80px;
  z-index: 2;
}
.services .content .date h3 {
    font-size: 65px;
    font-weight: 500;
    color: #aa8453;
    margin-bottom: 0px;
}
.services .content .date h6 {
    color: #666;
    letter-spacing: 2px;
    font-size: 10px;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
.services .content .cont {
  display: table-cell;
  vertical-align: middle;
}
.services .content .cont h4 {
    margin: 0 0 10px 0;
    font-size: 32px;
    color: #222;
    font-weight: 400;
    line-height: 1.5em;
}
.services .content .cont .more {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aa8453;
  padding-left: 40px;
  position: relative;
}
.services .content .cont .more:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #aa8453;
  position: absolute;
  top: 50%;
  left: 0px;
}
.services .content .cont .more:hover {
   color: #222; 
}
.services .content .info h6 {
    font-size: 15px;
    letter-spacing: 3px;
    color: #666;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.services .content .info .tags {
  color: #aa8453;
}
@media screen and (max-width: 991px) {
    .services .content .cont h4 {
        line-height: 1.25em;
    }
    .order2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
    .order1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }  
}
@media screen and (max-width: 480px) {
    .services .content .date {
    width: 60px;
  }
    .services .content .info .tags {
    margin: 5px 0 0;
  }
    .services .content .date h3 {
    font-size: 40px;
  }
  .gmail-table { width:100%;}
  .collection_pic1 { left: -1px;}
  .collection_pic2 { right: -1px;}
  .collection_title { font-size: 24px; line-height: 32px; padding:0px;}
  .product_sec h3 { font-size:20px !important;}
  .service_left { width: 100%;}
  .service_left::before { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
  .service_box { width:100%; padding:10px;}
  ul.relation { display:block;}
  .distin_title { font-size:26px;}
  ul.relation li { width:100%; padding:10px;}
  .banner_title { width:98%;}
  .banner_title h1 { font-size:22px; font-weight:600;}
  .blog_detail h3 {font-size:1.3rem;}
}


/* =======  Restaurant Menu style ======= */
.restaurant-menu .owl-carousel .owl-stage-outer {
    padding: 20px 0 60px 0;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 40%;
    background: transparent;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #aa8453;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #aa8453;
}
.restaurant-menu .bg-img .owl-theme .owl-nav [class*=owl-] {
    color: #fff;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: 0;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: 0;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next span,
.restaurant-menu .owl-carousel .owl-nav .owl-prev span {
    font-size: 12px;
}
.restaurant-menu .owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
}
.restaurant-menu .tabs-icon .item {
    padding: 15px 5px;
    cursor: pointer;
}
.restaurant-menu .tabs-icon .item h6 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}
.restaurant-menu .tabs-icon .owl-item.actived .item,
.restaurant-menu .tabs-icon .item.active {
    color: #fff;
    position: relative;
    background: transparent;
    padding: 15px;
    border: 1px solid #aa8453;
}
.restaurant-menu .tabs-icon .owl-item.actived .item .icon,
.restaurant-menu .tabs-icon .item.active .icon {
    color: #aa8453;
}
.restaurant-menu .restaurant-menu-content .cont {
    display: none;
}
.restaurant-menu .restaurant-menu-content .cont .restaurant-menu-info {
    text-align: right;
}
.restaurant-menu .restaurant-menu-content .cont h5 {
    font-size: 20px;
    color: #aa8453;
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 1px dashed #aa8453;
    line-height: 2em;
}
.restaurant-menu .restaurant-menu-content .cont p {
    font-size: 15px;
    color: #adadad;
}
.restaurant-menu .restaurant-menu-content .cont h5 .price {
    color: #adadad;
    float: right;
}
.restaurant-menu .restaurant-menu-content .active {
    display: block;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-] {
    top: 18%;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: -50px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: -50px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: -60px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.restaurant-menu .restaurant-menu-content .cont .restaurant-menu-info {
    text-align: center;
    margin-bottom: 20px;
}


/* ======= Clients style ======= */
.clients {
    background-color: #fff;
}
.clients .owl-carousel {
    margin: 20px 0;
}
.clients .clients-logo {
    opacity: 1;
    line-height: 0;
}
.clients .clients-logo:hover {
    opacity: 1;
}
.clients img {
    -webkit-filter: none;
    filter: none;
}
.clients img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s;
    transition: all .5s;
}


/* ======= Gallery style ======= */
.gallery-item {
    position: relative;
    padding-top: 20px;
}
.gallery-box {
    overflow: hidden;
    position: relative;
}
.gallery-box .gallery-img {
    position: relative;
    overflow: hidden;
}
.gallery-box .gallery-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.gallery-box .gallery-img > img {
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
}
.gallery-box .gallery-detail {
    opacity: 0;
    color: #FFF;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    overflow: hidden;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.gallery-box .gallery-detail h4 {
    font-size: 18px;
}
.gallery-box .gallery-detail p {
    color: Rgba(0, 0, 0, 0.4);
    font-size: 14px;
}
.gallery-box .gallery-detail i {
    color: #222;
    padding: 8px;
}
.gallery-box .gallery-detail i:hover {
    color: #222;
}
.gallery-box:hover .gallery-detail {
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
}
.gallery-box:hover .gallery-img:after {
    background: rgba(0,0,0, 0.2);
}
.gallery-box:hover .gallery-img > img {
    transform: scale(1.05);
}
/* magnific popup custom */
.mfp-figure button {
    border: 0px solid transparent;
}
button.mfp-close,
button.mfp-arrow {
    border: 0px solid transparent;
    background: transparent;
}


/* ======= Promo Video and Testimonials style ======= */
/* play button */
.vid-area h5 {
    font-size: 27px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.play-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
}
.play-button svg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.circle-fill circle {
    opacity: 1;
    fill: rgba(174, 140, 100, 0.7);
}
.polygon {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 35px;
    z-index: 2;
}
.play-button svg.circle-fill {
    z-index: 1;
    stroke-dasharray: 322;
    stroke-dashoffset: 322;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.play-button:hover svg.circle-fill {
    stroke-dashoffset: 38.5;
}
.play-button svg.circle-track {
    z-index: 0;
}
.play-button.color {
    color: #aa8453;
}
.play-button.color .circle-fill circle {
    fill: #aa8453;
}


/* video section */
.video-wrapper {
    min-height: 500px;
}
.video-wrapper .vid {
    position: relative;
    z-index: 8;
}
.video-wrapper .vid .vid-butn:hover .icon {
    color: #fff;
}
.video-wrapper .vid .vid-butn:hover .icon:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.video-wrapper .vid .vid-butn .icon {
    color: #aa8453;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    font-size: 40px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.video-wrapper .vid .vid-butn .icon:after {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border: 1px solid #eee;
    border-radius: 50%;
    z-index: -1;
}
.video-wrapper .vid .vid-butn .icon:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}


/* video gallery */
.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-left: 15px;
    float: right;
}
.video-gallery-polygon {
    z-index: 2;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    padding: 7px 6px 7px 8px;
    line-height: 0;
}
.video-gallery-polygon:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #aa8453;
}

/* ======= Booking style ======= */
.booking-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5%;
    z-index: 5;
}
.booking2-wrapper {
    position: relative;
    margin-bottom: 40px;
}
.booking-inner {
    position: relative;
    border-radius: 0;
}
.form1 {
    display: block;
    padding: 0;
    position: relative;
}
.form1 label {
    display: none;
}
.form1 .col1 {
    float: left;
    width: 20%;
}
.form1 .col2 {
    float: left;
    width: 14%;
}
.form1 .col3 {
    float: left;
    width: 18%;
}
.form1 .c1 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c2 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c3 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c4 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c5 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.ui-datepicker .ui-datepicker-header {
    background: #aa8453;
    border: #aa8453;
    color: #fff;
}
.ui-datepicker {
    font-size: 15px;
    color: #222;
    background: #fff;
    z-index: 100 !important;
    border: 1px solid #fff;
    border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #f8f5f0;
    background: #f8f5f0;
    color: #222;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #aa8453;
    background: #aa8453;
    font-weight: normal;
    color: #fff;
}
.ui-datepicker .ui-datepicker-prev:after {
    font-size: 10px;
    content: "\e64a";
    font-family: "themify";
    color: #fff;
}
.ui-datepicker .ui-datepicker-next:before {
    font-size: 10px;
    content: "\e649";
    font-family: "themify";
    color: #fff;
    float: right;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: transparent;
    border: 1px solid transparent;
}
.btn-form1-submit {
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: #aa8453;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    text-decoration: none;
    line-height: 62px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.btn-form1-submit:hover {
    background: #222;
}
.btn-form1-submit:focus {
    outline: none;
}
.btn-form1-submit:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: inherit;
}
.input1_inner {
    position: relative;
    position: relative;
}
.input1_inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 23px;
    pointer-events: none;
    content: "\e6b6";
    font-family: "themify";
    font-size: 15px;
    color: #aa8453;
    line-height: 1;
}
.input1_inner input {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #222;
    padding: 19.5px 40px 20px 19.5px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.input1_inner input::placeholder {
    font-size: 15px;
    color: #222 !important;
}
.input1_inner input:focus {
    outline: none;
    box-shadow: none;
    background: #fff;
    color: #222 !important;
}


.select1_wrapper {
    margin-bottom: 0;
}
.select1_inner {
    position: relative;
}
.select1_inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 25px;
    pointer-events: none;
    content: "\e64b";
    font-family: "themify";
    font-size: 10px;
    color: #aa8453;
    font-weight: normal;
    line-height: 15px;
}
.select2 {
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
}
.select2 *:focus {
    outline: none !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 500px;
}
.select2-container--default .select2-selection--single {
    background: none;
    border-radius: 0;
    border: none;
    height: auto;
}

.selection {
    display: inline-flex;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    line-height: 28px;
    padding: 17px 49px 17px 20px;
    color: #222;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-dropdown {
    background: none;
    border-radius: 0;
    z-index: 100;
    min-width: 0px;
    border: none;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #ececec;
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #ececec;
}
.select2-results__option {
    padding: 10px 30px;
    background: #fff;
    font-size: 15px;
    line-height: 20px;
    color: #222;
    border-top: 1px solid #ececec;
    text-align: center;
}
.select2-results__option:first-child {
    border-top: none;
}
.small .select2-results__option {
    padding-left: 0;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: #aa8453;
    color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #aa8453;
    color: #fff;
}
/* responsive */
@media (min-height: 912px), screen and (orientation: portrait) {
.header { min-height: 68vh;}
.slider-fade .owl-item { height:68vh;}
.banner-header { height: 48vh;}
}

@media (max-width: 1259.98px) {
    .booking2-wrapper {
        margin-bottom: 30px;
    }
}
@media (max-width: 991.98px) {
    .booking2-wrapper {
        margin-bottom: 40px;
    }
    .form1 .col1 {
        width: 50%;
        border-bottom: 1px solid #ececec;
    }
    .form1 .c2 {
        border-right: none;
    }
    .form1 .col2 {
        width: 25%;
    }
    .form1 .col3 {
        width: 25%;
    }
}
@media (max-width: 767.98px) {
    .form1 .col1 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ececec;
    }
    .form1 .col2 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ececec;
    }
    .form1 .col3 {
        width: 100%;
        border-right: 0;
    }
    .btn-form1-submit:after {
        background: none;
    }
    .booking-wrapper {
        position: relative;
        bottom: auto;
        padding: 30px 0;
        background: #f8f5f0;
    }
}
/* booking form */
.booking-box {
    position: relative;
    background: #f8f5f0;
    padding: 45px;
    margin-bottom: -75px;
}
.booking-box .head-box h6 {
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 6px;
    margin-bottom: 10px;
}
.booking-box .head-box h4 {
    font-family: 'Gilda Display', serif;
    font-size: 27px;
    font-weight: 400;
    color: #222;
    border-bottom: 1px solid rgba(170, 132, 83, 0.2);
    padding-bottom: 15px;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 0;
}

.booking-box .head-box h4 span {
    color: #222;
}
@media screen and (max-width: 991px) {
    .booking-box {
        margin-bottom: 90px;
        padding: 35px 20px;
    }
}


/* ======= Pricing style ======= */
.pricing-card {
	background:transparent;
}
.pricing-card .desc {
    padding: 20px 20px 5px;
} 
.pricing-card .name {
    line-height: 1;
    margin: 0;
    font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #222;
    margin-bottom: 12px;
}
.pricing-card .subname {
    line-height: 1;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 20px;
    letter-spacing: 3px;
}
.pricing-card .amount {
  margin: 0;
  line-height: 1;
 font-family: 'Gilda Display', serif;
  font-size: 21px;
  margin-bottom: 10px;
    color: #aa8453;
}
.pricing-card .amount span {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    color: #666;
}
.pricing-card .list {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.pricing-card .list li {
  position: relative;
    font-size: 15px;
    padding-left: 30px;
}
.pricing-card .list li+li {
  margin-top: 5px;
}
.pricing-card .list li i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 15px;
    color: #aa8453;
}
.pricing-card .list li i.unavailable {
  color: #666;
}

/* ======= Careers style ======= */
.position {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1px;
    padding: 40px 45px 40px 50px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-top: 1px solid #f1eeeb;
    border-bottom: 1px solid #f1eeeb;
    background-color: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.position-link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.position-title {
    font-family: 'Gilda Display', serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    color: #222;
}
.position-title span {
    font-family: 'Barlow', sans-serif;
    color: #666;
    font-size: 15px;
    display: block;
    text-transform: none;
    letter-spacing: 0px;
}
.position-location {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    color: #666;
}
.position-location span {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    color: #222;
    display: block;
    text-transform: none;
    letter-spacing: 0px;
}
.position-time {
    font-weight: 400;
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #222;
}
.position-time span {
    font-family: 'Barlow', sans-serif;
    color: #666;
    display: block;
    text-transform: none;
    letter-spacing: 0px;
}
.position-icon {
    font-size: 15px;
    line-height: 1;
    color: #aa8453;
}
.position-icon i {
    display: inline-block
}
/* hover */
.position:hover {
    background-color: #aa8453;
}
.position:hover .position-title,
.position:hover .position-title span,
.position:hover .position-location,
.position:hover .position-location span,
.position:hover .position-time,
.position:hover .position-time span,
.position:hover .position-icon {
    color: #fff;
}
@media only screen and (max-width:991px) {
    .position {
        flex-direction: column;
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .position-title {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .position-location {
        margin-top: 15px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .position-time {
        margin-top: 15px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .position-icon {
        display: none
    }
}



/* ======= Accordion Box (for Faqs) style ======= */
.accordion-box {
  position: relative;
    padding: 0;
}
.accordion-box .block {
  position: relative;
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 15px;
}
.accordion-box .block.active-block {
  background-color: #fff;
}
.accordion-box .block:last-child {
  margin-bottom: 0;
}
.accordion-box .block .acc-btn {
    position: relative;
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    cursor: pointer;
    padding: 20px 40px;
    padding-right: 60px;
    color: #222;
    transition: all 500ms ease;
    font-family: 'Gilda Display', serif;;
}
.accordion-box .block .acc-btn .count {
  color: #aa8453;
  padding-right: 3px;
}
.accordion-box .block .acc-btn:before {
  position: absolute;
    right: 35px;
    top: 20px;
    height: 30px;
    font-size: 14px;
    font-weight: normal;
    color: #aa8453;
    line-height: 30px;
    content: "\e61a";
    font-family: "Themify";
    transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active {
  background-color: #fff;
    color: #aa8453;
}
.accordion-box .block .acc-btn.active:before {
  color: "Themify";
  content: "\e622";
}
.accordion-box .block .acc-content {
  position: relative;
  display: none;
}
.accordion-box .block .content {
  position: relative;
    padding: 0px 40px 30px;
    background-color: #fff;
    color: #666;
}
.accordion-box .block .acc-content.current {
  display: block;
}
.accordion-box .block .content .text {
  display: block;
  position: relative;
  top: 0px;
  display: block;
}


/* ======= News style ======= */
.news .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.news .item:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(75%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.news .item:hover .con {
    bottom: 0;
}
.news .item img {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-filter: brightness(100%);
}
.news .item .date {
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 20px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    padding: 5px 10px;
    text-align: center;
}
.news .item .date span {
    font-family: 'Barlow Condensed', sans-serif;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
}
.news .item .date i {
    font-family: 'Barlow Condensed', sans-serif;
    display: block;
    font-size: 24px;
    font-style: normal;
    color: #fff;
}
.news .item .con {
    margin: -155px 20px 90px;
    padding: 20px;
    background-color: #f8f5f0 !important;
    border: 1px solid #f8f5f0;
    border-radius: 0;
    overflow: hidden;
    -webkit-transition: .2s cubic-bezier(.3, .58, .55, 1);
    transition: .2s cubic-bezier(.3, .58, .55, 1);
    bottom: -90px;
    position: relative;
}
.news .item .con .category {
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    letter-spacing: 3px;
}
.news .item .con .category a {
    margin-right: 5px;
    position: relative;
    color: #666;
}
.news .item .con .category a:hover {
    color: #222;
}
.news .item .con .category a:last-child {
    margin-right: 0;
}
.news .item .con .category a:last-child:after {
    display: none;
}
.news .item .con h5,
.news .item .con h5 a {
    color: #222;
    font-size: 24px;
    font-family: 'Gilda Display', serif;;
    font-weight: 400;
    margin-bottom: 0px;
}
.news .item .con h5:hover,
.news .item .con h5 a:hover {
    color: #aa8453;
}
.news .item .con p {
    color: #fff;
    font-size: 17px;
}
.news .item .con i {
    color: #fff;
    font-size: 20px;
}

.map_box iframe { width:95%;}
/* ======= News 2 style ======= */
.news2 .item {
    margin-bottom: 30px;
}
.news2 .post-img {
    position: relative;
    overflow: hidden;
}
.news2 .post-img:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.news2 .post-img a {
    display: block;
}
.news2 .post-img img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news2 .post-img .date {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    padding: 5px 10px;
    text-align: center;
}
.news2 .post-img .date span {
    font-family: 'Barlow Condensed', sans-serif;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
}
.news2 .post-img .date i {
    font-family: 'Barlow Condensed', sans-serif;
    display: block;
    font-size: 24px;
    font-style: normal;
    color: #fff;
}

.news2 .post-cont {
    padding: 30px 0;
}
.news2 .post-cont .tag {
    display: block;
    font-weight: 400;
	font-size: 12px;
    letter-spacing: 3px;
    color: #aa8453;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
	margin-bottom: 5px;
}
.news2 .post-cont h5 {
    font-size: 30px;
}
.news2 .post-cont h5 a {
    color: #222;
}
.news2 .post-cont h5 a:hover {
    color: #aa8453;
}
.news2 .post-cont .date {
    font-family: 'Barlow', sans-serif;
    margin-top: 0px;
    font-size: 12px;
    text-align: right;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.news2 .post-cont .date a {
    color: #aa8453;
}
.news2 .post-cont i {
    color: #ccc;
	margin: 0 10px;
	font-size: 12px;
}
/* news sidebar */
.news2-sidebar .widget {
    background: #f8f5f0;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
.news2-sidebar .widget ul {
    margin-bottom: 0;
    padding: 0;
}
.news2-sidebar .widget ul li {
    margin-bottom: 15px;
    color: #666;
    font-size: 15px;
    line-height: 1.5em;
}
.news2-sidebar .widget ul li a {
    color: #666;
}
.news2-sidebar .widget ul li a.active {
    color: #aa8453;
}
.news2-sidebar .widget ul li a:hover {
    color: #aa8453;
}
.news2-sidebar .widget ul li:last-child {
    margin-bottom: 0;
}
.news2-sidebar .widget ul li i {
    font-size: 9px;
    margin-right: 10px;
}
.news2-sidebar .widget .recent li {
    display: block;
    overflow: hidden;
}
.news2-sidebar .widget .recent .thum {
    width: 90px;
    overflow: hidden;
    float: left;
}
.news2-sidebar .widget .recent a {
    display: block;
    margin-left: 105px;
}
.news2-sidebar .widget-title {
    margin-bottom: 20px;
}
.news2-sidebar .widget-title h6 {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee3d0;
    font-size: 24px;
    line-height: 1.75em;
    margin-bottom: 15px;
    color: #222;
}
.news2-sidebar .search form {
    position: relative;
}
.news2-sidebar .search form input {
    width: 100%;
    padding: 10px;
    border: 0;
    background: #fff;
	margin-bottom: 0;
}
.news2-sidebar .search form button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    color: #222;
    border: 0;
    padding: 10px;
    cursor: pointer;
}
.news2-sidebar .tags li {
    margin: 3px !important;
    padding: 8px 20px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #666 !important;
    float: left;
}
.news2-sidebar ul.tags li a {
    font-size: 14px;
    color: #666;
}
.news2-sidebar ul.tags li:hover,
.news2-sidebar ul.tags li a:hover {
    background-color: #aa8453;
    color: #fff;
}
/* pagination */
.news-pagination-wrap {
    padding: 0;
    margin: 0;
    text-align: center;
}
.news-pagination-wrap li {
    display: inline-block;
    margin: 0 5px;
}
.news-pagination-wrap li a {
    background: transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    color: #666;
    font-weight: 400;
    border: 1px solid rgba(102,102,102,0.1);
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    border-radius: 100%;
}
.news-pagination-wrap li a i {
    font-size: 11px;
}
.news-pagination-wrap li a:hover {
    opacity: 1;
    text-decoration: none;
    background: transparent;
    border: 1px solid #aa8453;
    color: #aa8453;
}
.news-pagination-wrap li a.active {
    background-color: transparent;
    border: 1px solid #aa8453;
    color: #aa8453;
}
@media screen and (max-width: 768px) {
    .news-pagination-wrap {
        padding: 0;
        margin: 0;
        text-align: center;
    }
}


/* ======= Post style ======= */
.news-post-section {
    padding-top: 120px;
}
.post-comment-section {
    margin-top: 60px;
}
.post-comment-section h3 {
    font-size: 20px;
    color: #222;
    font-family: 'Gilda Display', serif;
    margin-bottom: 15px;
}
.post-comment-section h3 span {
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    color: #666;
    margin-left: 15px;
}
.news-post-caption h1 {
    margin-bottom: 20px;
    font-size: 40px;
    text-transform: uppercase;
}
.news-post-comment-wrap {
    display: flex;
    margin-bottom: 60px;
}
.post-user-comment {
    margin-right: 20px;
    flex: 0 0 auto;
}
.post-user-comment img {
    border-radius: 100%;
    width: 100px;
}
.post-user-content {
    margin-right: 26px;
}
.post-repay {
    font-size: 14px;
    color: #aa8453;
    margin: 0;
    font-weight: 400;
}


/* ======= Contact style ======= */
.contact h3 {
    font-size: 24px;
    color: #222;
}
.map {	
	width:100%;
	}


/* ======= Buttons style ======= */
/* dark */
.butn-dark {
    position: relative;
    line-height: 1.2em;
}
.butn-dark a {
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    background: #dcae30;
    color: #fff;
    padding: 15px 25px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}
.butn-dark a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #351f0a;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.butn-dark a span {
    position: relative;
    z-index: 2;
}
.butn-dark a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-dark a:hover span {
    color: #fff;
}
/* light */
.butn-light {
    position: relative;
    line-height: 1.2em;
}
.butn-light a {
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    background: #f5931f;
    color: #fff;
    padding: 18px 25px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 2px;
    border: 1px solid rgba(255,255,255,0.5);
}
.butn-light a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
}
.butn-light a span {
    position: relative;
    z-index: 2;
}
.butn-light a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-light a:hover span {
    color: #222;
}


/* dark2 */
.butn-dark2 {
    position: relative;
    line-height: 1.2em;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    background: #c98635;
    color: #fff;
    padding: 13px 22px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}
.butn-dark2:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #222;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.butn-dark2 span {
    position: relative;
    z-index: 2;
}
.butn-dark2:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-dark2:hover span {
    color: #fff;
}
/* light2 */
.butn-light2 {
    position: relative;
    line-height: 1.2em;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    padding: 12px 20px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
    border: 1px solid rgba(255,255,255,0.5);
}
.butn-light2:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
}
.butn-light2 span {
    position: relative;
    z-index: 2;
}
.butn-light2:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-light2:hover span {
    color: #222;
}




/* ====== Coming Soon ======= */
.comming{
	min-height: 100vh;
	height: auto;
	position: relative;
	background-blend-mode: overlay;
	background: rgba(0,0,0,.4);
	background-image: url("../img/slider/1.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	color: #fff;
}
@media (max-width: 767px){
	.comming{
		min-height: 120vh;
	}
}
.comming .item {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 30px 15px;
    margin-bottom: 30px;
}
.comming h6 {
    color: #fff;
    font-size: 15px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 3px;
}
.comming h3 {
    font-size: 48px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 0px;
}
.comming h2 {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    position: relative;
     margin-bottom: 10px;
}
.comming h1 {
    font-size: 200px;
    font-weight: 400;
    margin-bottom: 0px;
    position: relative;
    color: transparent;
    -webkit-text-stroke: 1px #aa8453;
    opacity: .8;
    line-height: 160px;
}
.comming p {
	color: #fff;
	font-size: 15px;
}
/* coming form */
.comming form {
  margin-top: 30px;
  position: relative;
}
.comming form input {
    width: 100%;
    padding: 11px 50px 11px 11px;
    background-color: transparent;
    border: 1px solid #aa8453;
    border-radius: 0px;
    color: #fff;
    margin-bottom: 15px;
	outline: none;
}
.comming form input::placeholder {
    color: #fff;
}
.comming form button {
    background-color: #aa8453;
    padding: 6px 20px;
    border-radius: 0px;
    color: #fff;
    border: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
    outline: none;
}
.comming form button:hover {
  background-color: #222;
  color: #fff;
	outline: none;
}
/* go home */
.go-back{
	margin-top: 45px;
}
.go-back a {
	color: #fff;
	display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
	font-size: 15px;
    text-transform: uppercase;
	letter-spacing: 3px;
}
.go-back a:hover {
	color: #aa8453;
}
.go-back a span{
	transition: all .5s;
}
.go-back a span i {
	color: #fff;
	font-size: 12px;
}
.go-back a:hover span{
	padding-right: 15px;
}

.legal { 
	color: #c9c9c9;
    font-weight: 400;
    font-size: 13px;
}
/* ======= 404 Page style ======= */
.error-form {
  position: relative;
  max-width: 520px;
  margin: 50px auto 0;
}
.error-form form {
  position: relative;
}
.error-form .form-group {
  position: relative;
  margin: 0;
}
.error-form .form-group input[type="text"],
.error-form .form-group input[type="search"],
.error-form .form-group input[type="email"] {
  position: relative;
  width: 100%;
  line-height: 30px;
  padding: 20px 60px 20px 30px;
  height: 70px;
  display: block;
 font-family: 'Barlow', sans-serif;
  font-size: 15px;
  background: #f4f4f4;
  color: #666;
  border-radius: 7px;
  border: 1px solid #f4f4f4;
  transition: all 300ms ease;
}
.error-form .form-group input[type="text"]:focus,
.error-form .form-group input[type="email"]:focus,
.error-form .form-group input[type="search"]:focus {
  border-color: #f4f4f4;
}
.error-form .form-group input::-webkit-input-placeholder {
  color: #f4f4f4;
}
.error-form .form-group .theme-btn {
      position: absolute;
    right: 20px;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    background: none;
    color: #666;
}
.error-form .form-group .theme-btn span {
  vertical-align: middle;
    outline: none;
}


/* ======= Footer style ======= */
.footer {
  position: relative;
  display: block;
  width:100%;
}
.footer-top {
  position: relative;
  display: block;
  background-color: #051f42;
  padding: 40px 0 10px 0;
  z-index: 1;
  clear:both;
}
.footer-top::before {
  content:'';
  position: absolute;
  Background:url(../img/left-design.png) no-repeat;
  width:119px;
  height:117px;
  top:0px;
}
.footer-top::after {
  content:'';
  position: absolute;
  Background:url(../img/right-design.png) no-repeat;
  width:119px;
  height:117px;
  top:0px;
  right:0px;
}
.footer-top .footer-column {
    margin-bottom: 30px;
	text-align:left;
}
.footer-title {
  font-size: 23px;
  color: #d86a33;
  margin-bottom: 20px;
  font-weight:400;
}
.footer-about-text {
  font-size: 15px;
  color: #adadad;
  margin: 0;
}
.footer-about img { width:70%; padding-bottom:20px;}
.footer-about-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.footer-about-social-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #dfa457;
  font-size: 15px;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-about-social-list a + a {
  margin-right: 12px;
}
.footer-about-social-list a:hover {
  background-color: transparent;
  color: #fff;
}
.footer-explore-list li + li {
  margin: 7px 0px;
}
.footer-explore-list li a {
  position: relative;
  display: block;
  font-size: 15px;
  color: #adadad;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-explore-list li a:hover {
  padding-left: 15px;
  color: #dcae30);
}
.footer-explore-list li a:before {
  position: absolute;
  top: 55%;
  left: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  content: "";
  background-color: #aa8453;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-explore-list li a:hover:before {
  opacity: 1;
}
.footer-contact {
  position: relative;
  display: block;
}
.footer-contact .footer-title {
  margin-bottom: 20px;
}
.footer-contact-text {
  font-size: 15px;
  margin: 0;
  color: #adadad;
  padding-bottom: 20px;
}
.footer-contact-info p {
  margin: 0;
}
.footer-contact-phone {
    font-family: 'Gilda Display', serif;
  font-size: 16px;
  color: #adadad;
  font-weight: 400;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-contact-phone:hover {
  color: #dfa457;
}
.footer-contact-mail {
  font-size: 15px;
  line-height: 3em;
  color: #adadad;
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-contact-mail:hover {
  color: #dfa457;
}
.footer-contact-mail:hover:before {
  background-color: #aa8453;
}
.footer-contact-phone .fa { margin-right:5px; color: #dfa457;}
.footer-contact-mail .fa { margin-right:5px; color: #dfa457;}
.footer-about-social-list .fa { font-size:20px; margin-right:5px;}

.left_cont p { font-size:15px; color:#ccc; text-align:right; margin:10px 20px 15px; font-weight:400;}
.left_cont a { font-size:15px; color:#d86a33; text-align:right;}
.left_cont a:hover {color:#fff;}
.right_cont p { font-size:15px; color:#ccc; margin:10px 20px 15px; font-weight:400;}
.right_cont a { font-size:15px; color:#fa7830;}
.right_cont a:hover {color:#fff;}

/* language */
.footer-language {
    width: 160px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 30px;
}
.footer-language i {
    position: absolute;
    right: 30px;
    top: 17px;
    font-size: 15px;
    opacity: 0.6;
    color: #adadad;
}
.footer-language select {
    height: 50px;
    background: #282828;
    color: #adadad;
    border: 1px solid #282828;
    border-radius: 0px;
}
.footer-language select option {
    color: #fff;
}
select {
    width: 160px;
    max-width: 100%;
    height: 70px;
    padding: 0 30px;
    border: 1px solid #adadad;
    color: #adadad;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.footer-bottom {
  position: relative;
  display: block;
  background-color: #051f42;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
          box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
  padding: 10px 0;
}
.footer-bottom-inner {
  position: relative;
  display: block;
  text-align: center;
}
.footer-bottom-inner p {
	color:#fff;
}
.favicon {
    position: relative;
    bottom: 9px;
	width:auto;
}
.footer-bottom-copy-right {
  font-size: 14px;
  color: #adadad;
  margin: 0;
}
.footer-bottom-copy-right a {
  color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-bottom-copy-right a:hover {
  color: #fa7830;
}


/* ======= toTop Button style ======= */
.progress-wrap {
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    font-family: 'themify';
    content: '\e648';
    text-align: center;
    line-height: 45px;
    font-size: 12px;
    font-weight: 700;
    color: #323232;
    left: 0;
    top: 0;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.progress-wrap::after {
    color: #aa8453;
}
.progress-wrap svg.progress-circle path {
    stroke: #aa8453;
}

.technology_sec {
	background: rgb(255,49,49);
background: linear-gradient(105deg, rgba(255,49,49,1) 0%, rgba(255,137,75,1) 100%);
}
.technology_sec h2 { color:#fff;}
.technology_txt { color:#fff; padding:10px 100px;}
.product_sec {
  padding: 15px;
  background:#fff;
  transition: transform .3s;
  width: 100%;
  margin: 0 auto;
  border-radius:12px;
  height:100%;
}
.product_sec:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
  box-shadow: 0px 10px 30px rgb(34 35 58 / 32%);
}
.product_sec h3 {
	position:relative;
	font-size:26px;
	color:#222;
	text-transform:uppercase;
	padding: 20px 15px 10px;
    font-weight: 800;
    width: max-content;
    text-align: center;
    margin: 0 auto 25px;
}
.product_sec h3::before {
	position: absolute;
    content: '';
    bottom: 0px;
    left: 0;
    background: linear-gradient(to right, #2b54a5 50%, #fc7921 50%);
    right: 0px;
    margin: 0 auto;
	height:5px;
}
.product_sec p {
	font-size:16px;
	padding:10px 0px;
	font-weight:500;
	margin:0px;
}
.product_sec a {
	background:#fc7921;
	border-radius:6px;
	color:#fff;
	text-transform:uppercase;
	font-size:17px;
	font-weight:700;
	padding:12px 30px;
}
.product_sec a:hover {
	background:#222;
}
.customer_sec {
	padding:0px;
	background:#f3f3f3; 
	padding:20px 0px;
	background-size:cover;
	background:#1f2e70;
	width:100%;
	background-size:cover;
	background: rgb(5, 31, 66);
    background: linear-gradient(0deg, rgba(5, 31, 66, 1) 0%, rgba(35, 46, 108, 1) 47%, rgba(64, 77, 154, 1) 85%, rgb(156 163 207) 100%);
}
.customer_sec .item { padding-top:20px;}
.customer_box {
	padding:40px 30px;
	position:relative;
	margin-top:15px;
	min-height:490px;
	border-radius:8px;
	background:#fff;
}
.customer_box::before {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 5%;
    background: url(../img/customer_right-arrow.png) no-repeat;
    width: 42px;
    height: 37px;
}
.customer_box::after {
	position:absolute;
	content:'';
	top:-0px;
	left:1%;
	background:url('../img/customer_left-arrow.png') no-repeat;
	width:42px;
	height:37px;
}

.fttx_customer {
	padding:0px;
	background:#f3f3f3; 
	padding:20px 0px;
	background-size:cover;
	background:#1f2e70;
	width:100%;
	background-size:cover;
	background: rgb(5, 31, 66);
    background: linear-gradient(0deg, rgba(5, 31, 66, 1) 0%, rgba(35, 46, 108, 1) 47%, rgba(64, 77, 154, 1) 85%, rgb(156 163 207) 100%);
}
.fttx_customer .item { padding-top:20px;}
.fttx_box {
	padding:40px 30px;
	position:relative;
	margin-top:15px;
	min-height:370px;
	border-radius:8px;
	background:#fff;
}
.fttx_box::before {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 5%;
    background: url(../img/customer_right-arrow.png) no-repeat;
    width: 42px;
    height: 37px;
}
.fttx_box::after {
	position:absolute;
	content:'';
	top:0px;
	left:1%;
	background:url('../img/customer_left-arrow.png') no-repeat;
	width:42px;
	height:37px;
}
.fttx_box p {
	font-size:16px;
	color:#444;
	padding:0px 0px 10px;
	line-height:28px;
	font-weight:400;
}
.owl-theme .owl-dots .owl-dot {
	display:none;
}

.customer_details2 {
	display:flex;
	position:absolute;
	top:78%;
}
.customer_details2 img {
	width:90px !important;
	margin-right:20px;
}
.customer_details2 .client_heading {
	font-size:20px;
	color:#fc7921;
}
.customer_details2 .client_heading span {
	display:block;
	font-size:15px;
	color:#00008b;
	line-height:24px;
}

.customer_details {
	display:flex;
	position:absolute;
	top:75%;
}
.customer_details img {
	width:90px !important;
	margin-right:20px;
}
.customer_details .client_heading {
	font-size:20px;
	color:#fc7921;
}
.customer_details .client_heading span {
	display:block;
	font-size:15px;
	color:#00008b;
	line-height:24px;
}
.customer_box p {
	font-size:15px;
	color:#444;
	padding:0px 0px 10px;
	line-height:24px;
	font-weight:400;
	text-align:justify;
}
.customer_sec .owl-theme .owl-dots .owl-dot {
	display:none;
}
.ftx_pic {order:1;}
.ftx_cont {order:2;}

/* =======  Overlay Effect Bg image style  ======= */
[data-overlay-dark],
[data-overlay-darkgray],
[data-overlay-light] {
  position: relative;
}
[data-overlay-dark] .container,
[data-overlay-darkgray] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2;
}
[data-overlay-dark]:before,
[data-overlay-darkgray]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
  color: #fff;
}
[data-overlay-darkgray] h1,
[data-overlay-darkgray] h2,
[data-overlay-darkgray] h3,
[data-overlay-darkgray] h4,
[data-overlay-darkgray] h5,
[data-overlay-darkgray] h6,
[data-overlay-darkgray] span {
  color: #fff;
}
[data-overlay-light] h1,
[data-overlay-light] h2,
[data-overlay-light] h3,
[data-overlay-light] h4,
[data-overlay-light] h5,
[data-overlay-light] h6,
[data-overlay-light] span {
  color: #999;
}
[data-overlay-dark] p {
  color: #fff;
}
[data-overlay-darkgray] p {
  color: #999;
}
[data-overlay-light] p {
  color: #999;
}
[data-overlay-dark="0"]:before,
[data-overlay-darkgray="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0;
}
[data-overlay-dark="1"]:before,
[data-overlay-darkgray="1"]:before,
[data-overlay-light="1"]:before {
  opacity: 0.1;
}
[data-overlay-dark="2"]:before,
[data-overlay-darkgray="2"]:before,
[data-overlay-light="2"]:before {
  opacity: 0.2;
}
[data-overlay-dark="3"]:before,
[data-overlay-darkgray="3"]:before,
[data-overlay-light="3"]:before {
  opacity: 0.3;
}
[data-overlay-dark="4"]:before,
[data-overlay-darkgray="4"]:before,
[data-overlay-light="4"]:before {
  opacity: 0.4;
}
[data-overlay-dark="5"]:before,
[data-overlay-darkgray="5"]:before,
[data-overlay-light="5"]:before {
  opacity: 0.5;
}
[data-overlay-dark="6"]:before,
[data-overlay-darkgray="6"]:before,
[data-overlay-light="6"]:before {
  opacity: 0.6;
}
[data-overlay-dark="7"]:before,
[data-overlay-darkgray="7"]:before,
[data-overlay-light="7"]:before {
  opacity: 0.7;
}
[data-overlay-dark="8"]:before,
[data-overlay-darkgray="8"]:before,
[data-overlay-light="8"]:before {
  opacity: 0.8;
}
[data-overlay-dark="9"]:before,
[data-overlay-darkgray="9"]:before,
[data-overlay-light="9"]:before {
  opacity: 0.9;
}
[data-overlay-dark="10"]:before,
[data-overlay-darkgray="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1;
}


/* ======= Responsive style ======= */
@media (max-width: 1399px) {
  .solution_box2 { padding: 33px 30px;}
  .pro_right p { font-size: 16px;}
}


@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}

@media screen and (max-width: 991px) {
    .bg-fixed {
        background-attachment: scroll !important;
    }
    .header {
        background-attachment: scroll !important;
        background-position: 50% 0% !important;
    }
    .header .caption h1 {
        font-size: 40px;
    }
    .video-fullscreen-wrap .booking-box,
    .kenburns-inner .booking-box,
    .banner-header .booking-box {
        display: none;
    }
}


.line_box {
     display: flex;
     margin-bottom: 40px;
	 z-index:99999;
}
 .text_circle {
     flex: 1;
     text-align: center;
     position: relative;
}
 .text_circle:after {
     background-color: #189599;
     bottom: 1.25em;
     content: "";
     display: block;
     height: 3px;
     position: absolute;
     right: 0;
     width: 50%;
     z-index: -1;
}
 .stav_projektu .text_circle:after,.stav_projektu .text_circle:before {background-color: #189599;}
 .line_box h4 {
     color: #444;
     font-weight: bold;
}
 .line_box h4 {
     font-size: 14px;
     margin-bottom: 0;
     padding: 5px;
	 line-height:20px;
}
.line_box p {
     font-size: 21px;
     margin-bottom: 0;
	 font-weight:600;
	 color:#f5931f;
}
 .subline {
     position: absolute;
     right: -25px;
     bottom: -43%;
}
 .subline:before {
     content: "";
     position: absolute;
     height: 15px;
     width: 15px;
     bottom: 14px;
     right: 15px;
     background-color: #189599;
     border-radius: 50%;
     top: -25px;
}
 .subline h6 {margin-bottom: 0;}
 .timeline {margin: 40px 0;}
 .text_circle.done:after,.text_circle.done + .text_circle:before,.stav_projektu .text_circle.done:after,.stav_projektu .text_circle.done + .text_circle:before {background-color: #189599;}
 .text_circle.sub:after {background-color: #189599;}
 .text_circle:not(:first-child):before {
     bottom: 1.25em;
     content: "";
     display: block;
     height: 3px;
     position: absolute;
     left: 0;
     width: 50%;
     z-index: -1;
     background-color: #189599;
}
 .stav_projektu .text_circle:not(:first-child):before {background-color: #189599;}
 .text_circle:last-child:after {width: 0;}
 .circle {height: 100%;}
 .tvar {
     height: 40px;
     width: 40px;
     border: 2px solid #f5931f;
     display: flex;
     position: relative;
     border-radius: 100%;
     top: -43px;
     margin: 3px auto;
     background-color: #fff;
}
 .tvar span {
     margin: 25% auto;
     height: 20px;
     width: 20px;
     background-color: #f5931f;
     border-radius: 100%;
     color: #fff;
}
 .stav_projektu .tvar {border: 2px solid grey;}
 .stav_projektu .done .tvar,.stav_projektu .sub .tvar {border: 2px solid #f5931f;}
 .subline h6 {color: #f5931f;}
 .timeline .card-header:hover {
     background-color: #ececec;
     cursor: pointer;
}


@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
  h2 {
    margin-bottom: 20px;
  }
  h3 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 24px;
  }
  .line-title {
    width: 250px;
  }

  /* -------- Landing page ------- */
  .game-section {
    padding: 20px 0px;
  }
  .game-section .item {
    margin: 0 10px 40px;
    width: 200px;
    height: 280px;
  }
  .game-section .item.active {
    width: 270px;
    box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
  }
  .game-section .item-desc {
    padding: 0 14px 5px;
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 42px));
  }
}

.sectionClass {
  padding: 20px 0px 50px 0px;
  position: relative;
  display: block;
}

.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 30px 0 0px;
  text-align: center;
  min-height: 20px;
}

.sectiontitle h2 {
  font-size: 30px;
  color: #222;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}


.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #101F2E;
}


.projectFactsWrap{
    display: flex;
  margin-top: 30px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:Center;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 31%;
  height: 100%;
  padding: 30px 0px;
  text-align: center;
  color: #fff;
  margin: 10px;
}
.txt { 
	font-size:22px !important;
	line-height:30px !important;
}

.projectFactsWrap .item em.number{
  font-size: 35px;
  padding: 0;
  font-weight: 700;
  font-style:normal;
  line-height:25px;
}

.projectFactsWrap .item p{
  color: #fff;
  font-size: 28px;
  margin: 0;
  padding: 5px;
  font-family: 'Open Sans';
  line-height:27px;
  font-family: 'Poppins', sans-serif;
  font-weight:500;
  display:block;
}
.projectFactsWrap .item img {
	width:60px;
	margin:0 auto 20px;
}

.projectFactsWrap .item span{
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.8);
}


.projectFactsWrap .item:hover span{
  background: white;
}
.counter_sec { padding-top:40px; background:url('../img/counter-background.jpg') no-repeat; background-size:cover; width:100%; margin-top:10px;}
.counter_sec img { width:100%; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.counter_sec .col-sm-5, .counter_sec .col-sm-7 { padding:0px;}
.counter_sec h3 { font-size:30px; color:#fff; margin:20px 0px 10px;}
.counter_sec p { font-size:17px; color:#ccc; margin-bottom:10px;}
.content {margin: 0 auto;}

.serv_pic { order:1;}
.serv_cont {order:2;}

.content > h2 {
	clear: both;
	margin: 0;
	padding: 4em 1% 0;
	color: #484B54;
	font-weight: 800;
	font-size: 1.5em;
}


.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 1em;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 5px;
	width: 24%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.client_logo2 {
    width: 280px !important;
    margin: 0 auto;
    display: block;
    position: absolute !important;
    bottom: 50px;
    height: auto !important;
    min-height: auto !important;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size: 24px;
    color: #fff;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: #e18313;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 10px;
    font-size: 15px !important;
    color: #fff;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

@media only screen and (max-width:1199px) {
    .slider-grid-bg .grid-con {
        min-height: 300px
    }
    .slider-grid-bg .grid-con-active,
    .slider-grid-bg .grid-con:hover {
        min-height: 300px;
    }
	.navbar .navbar-nav .nav-link { font-size: 13px; padding-right: 12px; padding-left: 12px;}
	.readbtn { padding: 10px 25px; font-size: 13px;}
	.product_sec h3 { font-size:20px !important;}
	.txt {font-size: 35px !important;}
	.customer_details .client_heading {font-size: 16px;}
	.customer_details .client_heading span {font-size: 13px;}
	.customer_box p {font-size:14px;}
	.segments_title { width:37%; font-size:28px;}
	.customer_details img {width: 80px !important; margin-right: 15px;}
}

@media screen and (max-width: 767px) {
	.modal-content {
    margin: 70px auto;
    width: 95%;
	}
    .header .caption h1 {
        font-size: 30px;
        margin-bottom: 15px;
        letter-spacing: 10px;
        line-height: 1.35em;
    }
    .header .caption h3 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 10px;
    line-height: 1.35em;
    }
    .header .caption h4 {
        font-size: 20px;
		line-height: 30px;
    }
    .header .caption p {
        font-size: 20px;
        margin-right: 10px;
		line-height:30px;
    }
	.header .caption img {
    width: 120px;
	}
    .header .caption .butn-light {
        margin-right: 10px;
    }
    .portfolio .filtering span {
        margin-bottom: 10px;
    }
    .news .item .con h5,
    .news .item .con h5 a {
        font-size: 20px;
    }
    .post-comment-section h3 span {
        margin-left: 0px;
    }
    .banner-header .caption {
    text-align: center;
    }
    .video-fullscreen-wrap .caption.textleft,
    .video-fullscreen-wrap .caption {
        text-align: center;
    }
	.header {
    min-height: 55vh;
    overflow: hidden;
	}
	.slider-fade .item {
	height:55vh;
	}
	.slider-fade .owl-item {
    height: 55vh;
	}
	.butn-light a {
	font-size:15px;
	padding:15px 20px;
	}
	.baner_sec {
    padding: 5px 20px;
    margin: 0px 10px;
    width: 95%;
	}
	.business_cont { padding: 0px 10px 20px;}
	.key_sec { padding: 25px 0px;}
	.key_title { font-size:30px; margin-bottom: 25px;}
	.key_box { margin: 15px;}
	.count-up {border: 1px #c9a77f solid; padding: 15px; margin: 10px; border-radius: 6px;}
	.counter h3 { margin: 0px;}
	.footer-top { padding: 30px 0 0 0;}
	.management_sec { padding: 30px 0px 20px;}
	.testimonials-box h2 { font-size: 30px;}
	.testimonials-box { margin-bottom: 40px;}
	.about_company { padding-top:30px !important;}
	.about_pic { width: 100%;}
	.about_pic2 { width: 100%;}
	.story_space { padding: 10px 0px;}
	.about_company h2 { font-size: 25px;}
	.about_company h3 { margin-top: 10px;}
	.space_sec { width: 100%;}
	.founder_sec { padding: 30px 0px;}
	.top_title { font-size: 30px;}
	.founder_box { margin: 10px 0px;}
	.founder_cont { height:auto;}
	.brand_pic { order:1;}
	.brand_cont { order:2;}
	.banner-header { height: 45vh;}
	.banner-header h1 { font-size: 24px; text-align: center; width: 90%;}
	.ranext_title {font-size: 30px; padding-top: 20px;}
	.brand2 { padding: 10px 0px;}
	.pro_content { padding: 20px 0px;}
	.business_sec h2 { font-size: 26px;}
	.messageForm { padding: 25px;}
	.send_message { font-size:25px;}
	.contactus_sec { padding: 30px 10px;}
	.contact_inform { padding: 25px; background-image:none; background: #e7f5f7; height: auto;}
	.contactTitle { font-size:25px;}
	.add_list li p { width: 90%; font-size: 15px;}
	.team_sec { padding: 30px 0px;}
	.team_box { margin: 10px 5px;}
	.team_title { font-size: 28px; line-height:40px; padding-top: 0px;}
	.team_title span { font-size: 16px;}
	.collection_title span { font-size:19px;}
	.news_box { height:auto; margin: 10px 0px 10px 0px;}
	.news_box img { float: none; margin: 0 auto; display: block;}
	.rgt_sec { width: 100%; float: none; padding-top:10px;}
	.intro { padding: 30px 0px 0px;}
	.timeline ul {0px;}
	.indu_seg ul li { width:50%; padding:15px;}
	.indu_seg ul li img { width:120px;}
	.industry_sec { padding: 0px 0px 20px}
	.timeline ul { padding:0px;}
	.founder_des .lft { width: 100%;}
	.founder_des .rgt { width: 100%; float:none; clear:both; padding:20px;}
	.counter h3 { font-size:14px;}
	.cofounder_sec { padding: 30px 0px;}
	.cotitle { font-size:25px;}
	.segments_sec { padding: 20px 0px 20px;}
	.about_transparent { background: #f5931fcf; height: auto; left: 5%; right: 5%; bottom: 5%; top: 5%; width:auto;}
	.section-subtitle { font-size: 20px; margin-bottom: 0px; padding-top: 15px;}
	.swg_cont { font-size:28px !important; line-height:40px !important;}
	.swg_cont span { font-size:22px; line-height:30px; margin-top:10px;}
	.const_cont { font-size:36px !important; line-height:45px !important;}
	.const_cont span { font-size:28px; line-height:30px;}
	.stl_cont { font-size:25px !important; line-height:40px !important;}
	.stl_cont span { font-size:24px; line-height:30px;}
	.team_box1 { margin: 10px -5px;}
	.team_box1 h2 { font-size:22px;}
	.profile_cont { padding: 20px;}
	.profile_sec { padding:30px 0px;}
	.profile_pic { padding:15px;}
	.rym_cont { font-size:32px !important; line-height:45px !important;}
	.rym_cont span { font-size:43px;}
	.top_heading { font-size:30px; margin-bottom:35px;}
	.client_title { font-size:28px;}
	.timeline_box { padding: 40px 0px;}
	.brand2 .business1::before { display:none;}
	.brand2 .business2::before { display:none;}
	.career_box h2 { font-size:18px;}
	.grow_up { font-size:35px !important;}
	.grow_up span { display:inline-block;}
	.carrer_pic { width: 100%; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
	.career_box { border-top-left-radius: 8px; border-bottom-left-radius: 0px; border-top-right-radius: 8px;}
	.contact_box { margin: 7px 0px; padding: 15px; height: auto;}
	.comp_contact p { font-size:13px;}
	.career_box span { display: block; font-size: 80px; line-height: 80px;}
	.team_space { padding: 30px 0px 10px;}
	.team_box1 span { font-size: 20px; padding-top: 0px;}
	.team_box1 p { font-size: 17px; color: #666;}
	.desk_collage { display:none;}
	.mb_collage { display:block; width:100%; margin-top:25px;}
	.value p { padding: 10px 0px;}
	.footer-top .footer-column { margin-bottom: 10px;}
	.footer-bottom { padding:20px 0px;}
	.fill2 { font-size:40px;}
	.our_story_sec { padding: 10px 0px;}
	.customer_box {min-height:auto;}
	.about_career ul { display:block;}
	.about_career ul li { width: 90%; padding: 10px;}
	.ceo_box { margin: 40px 10px;}
	.founder_des2_left { margin: 20px 10px;}
	ul.client_box li { width: 50%;}
	.infra_sec { padding: 10px 0px 20px;}
	.infra_sec_left { width: 96%;}
	.infra_sec_left::before { top: -15px; right: -15px;}
	.infra_sec_right { padding: 20px 10px 20px 0px;}
	.infra_sec_right h2 { font-size: 26px; margin-bottom: 10px;}
	ul.segment_home { padding: 0px 10px;}
	.infra_sec2_left { padding: 0px 0px 30px 0px;}
	.infra_sec2_left h2 { font-size: 26px;  margin-bottom: 10px;}
}

/* iPhone X ----------------------------------- */
 @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .subline:before {top: -43px;}
	.line_box { display:block !important;}
}
 @media only screen and (device-width : 812px) and (device-height : 375px) and (orientation : landscape) and (-webkit-device-pixel-ratio : 3) {
    .subline:before {top: -31px;}
}
/* iPad portrait ----------------------------------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .subline:before {top: -29px;}
}
/* mobile width till 767px ----------------------------------- */
 @media (max-width: 767px){
    .subline:before {top: -30px;}
	.line_box { display: block;}
	.tvar { top:0px;}
	.text_circle:after { width:100%;}
	.text_circle:not(:first-child):before { width:100%;}
	.line_box { margin: 0px 0px !important;}
}
/* Portrait iPad Pro */
 @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .subline:before {top: -23px;}
}
/* mobile width till 480px ----------------------------------- */
 @media (max-width: 480px){
    .subline:before {top: -43px;}
	.grid figure { margin:3% 7%; width: 86%;}
	.projectFactsWrap .item { width:100%; padding:15px 0px;}
	.txt { font-size: 24px !important;}
	.projectFactsWrap .item p { font-size: 14px; line-height: 20px;}
	.counter_sec { padding: 30px 0px 0px;}
	.about img { top: -50px;}
	.about_cont { padding: 0px 0px 30px; margin-top: -40px;}
	.about_title { font-size: 30px; margin-bottom: 10px;}
	.investor_sec { height: auto; padding: 30px 0px;}
	.investor_sec h3 { font-size: 30px;}
	.header { min-height: 35vh;}
	.video-fullscreen-wrap { height: 35vh;}
	.business_sec { padding: 25px 0px;}
	.projectFactsWrap .item em.number {font-size:28px; line-height:35px;}
	.sectionClass { padding: 0px 0px 10px 0px;}
	.solution_title { FONT-SIZE:20px; line-height:30px;}
	.mision_cont { padding: 25px 0px;}
	.founder_title { font-size:23px;}
	.founder_title span { font-size:18px;}
	.mision_cont p { font-size: 14px; padding: 0px;}
	.mision_box { margin:0px;}
	.team_box h2 { font-size:24px;}
	.team_box h3 { font-size:15px;}
	.career_left { width:98%; padding:30px 10px;}
	.career_left ul { display:block;}
	.career_left ul li { width: 100%; padding: 10px 20px;}
	.career_right { margin: 0px; text-align: left; width: 98%; float: none; padding: 0px 20px;}
	.career_right h2 { font-size:40px; margin-bottom: 10px;}
	.fill { font-size:40px;}
	.career_right p { font-size: 16px; font-weight: 500;}
	.left_cont p { text-align: center; margin: 10px 0px 15px;}
	.right_cont p { text-align: center; margin: 10px 0px 15px;}
	.business_sec h2 { font-size: 24px; margin-bottom: 30px;}
	.solution_box {display:block;}
	.solution_cont { bottom:10%;}
	.solution_pic { width: 100%; margin-left: 0px;}
	.presence_sec { padding:20px 0px; margin-bottom:20px;}
	ul.clients li {width:50%;}
	ul.clients li img { width:120px;}
	.pro_right { padding: 10px;}
	.pro_sec { padding: 20px 0px; margin:20px 0px;}
	.segments_title { font-size:22px; width:92%;}
	.customer_box { width:100%;}
	.customer_box::after { z-index:1;}
	.customer_sec { padding:25px 0px;}
	.news_sec { padding: 0px 0px 40px;}
	.pro_right h3 { font-size:24px;}
	.service_sec { height:1050px;}
	.service_left::before { height:850px;}
	.service_right { width: 100%; top: 75%; height: 250px;}
	.existing h3 { font-size:17px; margin:0px;}
	.existing p { font-size: 15px; line-height: 22px; padding-top: 10px;}
	.serv_pic { order:2;}
	.serv_cont {order:1;}
	.counter_sec .row { width: 98%; margin: 0 auto;}
	.map_title { padding:30px 0px 0px;}
	.solution_sec h2 { font-size:26px;}
	.customer_details { display: flex; position: relative; top: 0px;}
	.hddddd::before { display:none;}
	.add_list li p { width: 88%;}
	.infra_sec2_right::before { top:-15px;}
	.infra_service_left { width:100%;}
	.infra_service { height: auto;}
	.infra_service_left { width: 100%; height: auto;}
	.infra_service_left::before { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); height:auto;}
	.infra_service_right { width: 100%; position: relative; height: auto;}
	.infra_box { padding: 20px 15px 10px; width: 100%;}
	.infra_box h2 { font-size: 26px; margin-bottom: 0px;}
	.infra_box p { line-height: 26px; font-size: 15px;}
	.ftx_pic {order:1;}
	.ftx_cont {order:1;}
	.picleft { width:100%;}
	.pro_details { width:94%; margin:10px;}
	..solution_box2 { height:auto;}
	.solution_box1 {height:auto !important;}
	.pro_left2 { width: 100%; margin-left: 10px; float:none;}
	.pro_details2 { width:94% !important; height:auto; margin-left:0px !important;}
	.dsk {display:none !important;}
	.mbl { display:block !important;}
	.touch_sec { width: 98%;}
	.touch_title { font-size:26px;}
	ul.connect li { font-size:15px;}
	.frm_box { width: 100%;}
	.frm_title { font-size:19px;}
	.map_box iframe { width:100%; margin-top:20px;}
	.solution_box2 { height:auto;}
	.banner-header p {font-size:20px;}
	.chairman_box { margin: 0px 12px; width: 96.5%; height:auto;}
	.founder_speak2 { font-size:17px;}
	.founder_speak2 span { font-size:15px;}
	.fttx_box { min-height: auto;}
	.customer_details2 { position:relative;}
	.engagement_sec { padding: 20px 0px;}
	.engagement_sec p { font-size: 16px;}
	ul.audience li { font-size:17px;}
	ul.audience li b { font-size:30px;}
	.distin_title { font-size: 30px;}
	.dooh_title::before {display:none !important;}
	.dooh_title { font-size:24px; padding:0px;}
	.shopping_title { font-size: 24px; padding-top: 30px;}
	.mal_sec p { font-size:20px;}
	.culture img { width:98% !important; padding:10px 0px;}
	.event_sec { padding: 10px 0px;}
	.magnific-img { width: 45%;}
	.flowing_title { font-size:26px;}
	.help_sec { padding: 30px 0px 0px;}
	.help_sec p { font-size: 15px; line-height: 26px;}
	.culture_pic { width: 100%;}
	.marquee_title { font-size: 25px; padding: 0px 10px;}
	.logo-wrapper {padding: 0px 0 15px 5px; float: left; width: 100%;}
	    .navbar button {
        margin-top: -10px;
        position: absolute;
        right: 15px;
        width: 40px;
        text-align: right;
        top: 35px;
    }
    .company_sec::before {display:none;}
	
	.aos-init {
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
    }

}