/* ======= 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;
}
.legal {
color: #c9c9c9;
font-weight: 400;
font-size: 13px;
}
/* === 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:40px; font-family: 'Poppins', sans-serif; margin-bottom: 10px; text-align:Center; color: #3a3084;}
.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:6%; left:15px;}
.solution_cont2 { position:absolute; bottom:12%; left:15px;}
.solution_title { font-size:26px; font-family: 'Poppins', sans-serif; color:#18327c; text-transform:uppercase; font-weight:600;line-height:35px; background: #ffffffde; width: auto; padding: 12px 15px; border-radius: 10px; text-align:left;}
.snd_box { margin-top:5px;}
.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%;
}
.noc-bg { background:url('https://constl.com/img/noc-bg.jpg') no-repeat; padding:80px 0px 80px; height:600px;}
.network { width:55%; float:right; background:#ffffffcf; padding:30px 20px 20px;}
.net_title { font-size: 40px; color: #3a3084; width: 100%; font-family: 'Poppins', sans-serif; margin-bottom: 10px; font-weight: 600; text-align:Center;}
.network ul { padding:0px;}
.network ul li { display:flex; padding:10px 0px;}
.net_img { width:55px; margin-right:7px;}
.net_cont { font-size:18px; color:#000; line-height:55px; font-weight:600;}
.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 40px;}
.modal-body p { font-size:24px; font-weight:500; font-family: 'Gilda Display', serif;}
.popUpBtn {background:#f7883f; position: fixed; top: 250px; right: 0px; padding: 10px; 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: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:60px;}
.digi_sec { background:url('../img/digital-bg.jpg') no-repeat; background-size:cover; width:100%; padding:60px;}
.security_sec { background:url('../img/security-bg.jpg') no-repeat; background-size:cover; width:100%; padding: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;
}
/* ======= 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:80px;}
.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: 70px;
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: #39bbe1;
}
.navbar .navbar-nav .select {
color: #39bbe1 !important;
}
.navbar .navbar-nav .select i {
color: #39bbe1;
}
.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: 75px;
z-index:999999;
}
.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
color: #42b8e8;
}
.nav-scroll .navbar-nav .nav-link {
color: #382f7e;
}
.nav-scroll .navbar-nav .active {
color: #42b8e8 !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: 0px;
width: 140px;
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: #39bbe1;
}
.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: #39bbe1;
}
.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: 70px; 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: fit-content;
overflow: hidden;
width: 100%;
margin-top: 70px
}
.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;
}
}
/* ======= 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:#3a3084; 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: #3a3084; 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: #3c2e81; 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;}
.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: #43bbdf !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: #3a3084;font-weight: 500;font-size: 30px; text-align:left; font-family: 'Poppins', sans-serif;}
input.sendBtn {background: #43bbdf;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: #222;}
.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: 45px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #fff; 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:15px 20px 0px;}
ul.client_box { display:flex; flex-wrap:wrap; justify-content:Center; padding:0px;}
ul.client_box li { width: 16%; margin: 15px 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;
}
.about_banner { width:100%; padding:0px !important; position:relative;}
.about_banner video { width:100%;}
.about_head { position:absolute; top:20%; left:7%; width:100%;}
.ind_map video { width:95%;}
.culture p { font-size:16px; line-height:28px;}
.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: #47c0f5; padding:0px;}
.about_career ul { padding:0px; display:flex; justify-content:Center;}
.about_career ul li { width:45%; padding:30px 15px; margin:20px 20px 0px;}
.vision_box2 { display:block; text-align:Center;}
.vision_box2 img { width:120px; margin:5px auto; display:block;}
.vision_box2 h3 { font-size:24px; text-transform:uppercase; color:#fff;}
.vision_box2 p { font-size:16px; color:#fff; margin:0px;}
.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: 18px;
color: #000;
}
.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:#382f7e; 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: #43bbdf; margin: 0px 16px; width: 96.5%; height:300px; 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 5px;}
.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:20px; color:#382f7e; margin:0px;}
.ceo_des span { text-transform:uppercase; display:block; font-size:13px;}
.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;
}
.company_sec .col-md-6, .company_sec .col-sm-6 {
padding:0px;
}
.com_bg { padding:45px; height;600px;}
.com_pic { height:600px; width:100%;}
.constl_cont { color:#fff !important;}
.com_bg em { position:relative; font-style:normal; font-size:10px; top:-7px;}
#sec1{
display: block;
}
#sec2{
}
#sec3{
}
#sec4{
}
#sec5{
}
#sec6{
}
.magnific-img img {
width: 100%;
height: auto;
}
.mfp-bottom-bar,*{
font-family: 'Abel', sans-serif;
}
.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; }
@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: 80%;
}
.frm_title {
color: #393461 !important;
font-size: 26px;
font-weight: 700;
padding-bottom: 10px;
}
.touch_sec { padding:0px; width:85%;}
.touch_title {font-size: 35px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #382f7e; line-height: 1em; padding: 10px 0px;
display: block; margin: 0 auto 0px;}
.touch_sec p { font-size:17px; color:#444;}
ul.connect { padding:10px 0px;}
ul.connect li { font-size:17px; color:#444; margin:20px 0px;}
ul.connect li i { margin-right:5px; color:#4ac7eb; 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:100px;}
.frm_box .form-group { margin-bottom: 15px;}
.slt { padding: 15px 20px; margin: 0; border: none; background: #ffff; border-radius: 8px; width: 100%; border: 1px #edebeb solid; color:#666; position:relative;}
.slt::before {content:''; position:absolute; top:10px; right:10px; background:url(../img/dorp-arrow.png) no-repeat; width:15px; height:15px;}
.submitbtn {padding: 10px 25px !important; background: #4ac7eb !important; color: #fff; border-radius: 6px; border: none; width: 120px; text-align: center; margin: 0 auto !important; 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%;}
.video-fullscreen-video video { 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);
}
}
.infra_sec { padding:60px 0px 10px;}
.infra_sec_left { position:relative;}
.infra_sec_left::before { content:''; position:absolute; background:#43bbdf; 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:0px 20px 20px 70px;}
.infra_sec_right h2 { font-size:35px; color:#3a3084;}
.infra_sec_right span { display:block; font-size:22px; color:#2fb7e1;}
.infra_sec_right p { line-height:25px; color:#444; FONT-SIZE:16px;}
.explorebtn { background:#43bbdf; border-radius:5px; padding:10px 25px; color:#fff;}
.explorebtn:hover { background:#222; color:#fff;}
.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:#43bbdf; 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:0px 70px 0px 0px;}
.infra_sec2_left h2 { font-size:35px; color:#3a3084;}
.infra_sec2_left span { display:block; font-size:22px; color:#2fb7e1;}
.infra_sec2_left p { line-height:28px; color:#444; FONT-SIZE:16px;}
.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 8px; 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%;
}
.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;
}
.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;
}
ul.offering {padding: 0px 0px 0px 20px;}
ul.offering li { list-style-type: disc; font-size: 16px; color: #444; text-align: justify;}
#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;}
/* 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: 28px;
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;
}
.found { position:relative;}
.found::before { content:''; position:absolute; background:url('../img/decoration.png') no-repeat; width:300px; height:263px; top:20px; left:20px;}
.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:300px; height:263px; bottom:-75px; left:-20px;}
.company_sec h2 { font-size: 35px; font-family: 'Poppins', sans-serif; margin-bottom: 10px; color: #3a3084;}
.company_sec p { font-size: 16px; color: #444; padding: 10px 10px 10px 0px; line-height: 28px; margin: 0px; font-weight: 400;}
.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;}
.leader_sec .row {justify-content:center;}
.team-item {
padding: .50rem;
}
.leader_sec .col-sm-3 { width:20%;}
.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: fit-content;
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;
}
.banner_title span {
font-size: 20px;
position: relative;
top: -25px;
}
.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 {
}
.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: 0px;
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: #0dcaf0;
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;
}
.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}
.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:#443594; position: fixed; top: 50%; right: 0px; padding: 5px; cursor:pointer; z-index:99999;}
.popUpBtn:hover {background:#190f4f;}
.send_messageForm .inp {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 15px;height: 45px;padding: 10px;font-size: 14px; border:1px #71a0a1 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 #71a0a1 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 #71a0a1 solid;}
input.sendBtn {background:#32d6f7; 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;}
input.sendBtn:hover {background:#222; color:#fff;}
/* ======= 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;}
}
/* ======= 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: fit-content;}
.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:90%;}
/* ======= 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;
}
/* ======= 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;
}
.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: 20px;
color: #4ac7eb;
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: 13px;
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: #4cc7eb;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
ul.social_box {
display: flex;
padding: 0px 0px 25px;
}
ul.social_box li {
float: left;
margin-right: 5px;
}
ul.social_box li a {
width:35px;
height:35px;
background:#47609e;
color:#fff;
line-height:32px;
text-align:Center;
font-size:20px;
}
ul.social_box li i.fa.fa-linkedin {
background:#1c66bf; !important;
color:#fff !important;
}
ul.social_box li .twitt {
background:#212121; !important;
}
ul.social_box li .inst {
background:#cf3875; !important;
}
.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:13px; color:#ccc; text-align:right; margin:10px 20px 15px; font-weight:400;}
.left_cont a { font-size:13px; color:#4ac7eb; text-align:right;}
.left_cont a:hover {color:#fff;}
.right_cont p { font-size:13px; color:#ccc; margin:10px 20px 15px; font-weight:400;}
.right_cont a { font-size:13px; color:#4ac7eb;}
.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;
position:relative;
}
.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;
}
.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;}
.network { width:60%;}
.net_cont {font-size: 16px;}
.txt { font-size: 20px !important;}
.ceo_box { margin: 20px 0px;}
.ceo_des p {font-size: 17px;}
.ceo_lnk {right:5px;}
.company_sec h2 { font-size:28px;}
.contactus_sec { background-position: 20% 50%;}
}
@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: 24%;
height: 100%;
padding: 20px 0px;
text-align: center;
color: #fff;
margin: 5px;
}
.txt {
font-size:24px !important;
line-height:32px !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%;
}
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:1260px) {
.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;}
.txt {font-size: 20px !important;}
.banner_title h1 { font-size:45px;}
.net_title { font-size:30px;}
.net_cont { font-size: 15px; font-weight: 500;}
.com_bg {padding: 20px;}
.company_sec h2 { font-size:30px;}
.company_sec p {font-size: 15px;line-height: 24px;}
.about_title { font-size:30px;}
.infra_sec_right p { line-height: 22px; FONT-SIZE: 15px;}
ul.segment_home li {font-size: 15px; line-height: 22px;}
.infra_sec2_left p {line-height: 22px;FONT-SIZE: 15px;}
.contactus_sec { background-position: 20% 60%;}
.culture p {font-size: 14px; line-height: 22px;}
.network { width:60%;}
.culture img { width:98% !important;}
.business_sec h2 { font-size:35px;}
.ceo_des p { font-size:17px;}
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1080px) {
.banner_title h1 { font-size: 40px; }
.distin_title { font-size:35px;}
.projectFactsWrap .item { width:22%;}
.txt { font-size: 16px !important;}
.network { width:62%;}
.net_cont { font-size: 13px;}
.banner-header h1 { font-size:35px;}
.company_sec h2 { font-size: 25px; margin-bottom: 0px;}
.company_sec p { font-size: 14px; line-height: 22px;}
.chairman_box {height:360px;}
.chairman_box {margin: 0px 14px; width: 96.2%;}
.infra_sec_right h2 {font-size: 30px;margin-bottom: 0px;}
.infra_sec_right p { line-height: 22px; FONT-SIZE: 14px; font-weight: 400;}
.infra_sec2_left h2 {font-size: 30px; margin-bottom: 0px;}
.infra_sec2_left p { line-height: 22px; FONT-SIZE: 14px; font-weight: 400;}
.add_list li p { font-size: 15px;}
.culture img { width:98% !important;}
.segments_title { width: 45%; font-size: 28px;}
.magnific-img {width: 31%;}
.customer_box p { font-size: 13px; line-height: 20px;}
.frm_box {width: 100%; right:0px;}
.map_box iframe { width: 100%; margin-top: 25px;}
.touch_sec { width: 95%;}
ul.connect li {font-size: 12px; margin: 15px 0px;}
.business_sec h2 { font-size:35px;}
.ceo_des p { font-size:17px;}
.banner-header h1 { font-size: 26px;}
}
@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;}
.txt {font-size: 20px !important; line-height: 30px !important;
}
}
/* 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;
margin-top:80px !important;
}
.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;}
.magnific-img { width: 46%;}
.culture_pic { width: 100%;}
.culture img { width:98% !important; padding:20px 0px 10px;}
.event_sec { padding: 10px 0px;}
.network { width: 100%;}
.noc-bg { padding: 20px 0px; height:450px;}
.network h3 { font-size: 19px;}
.network { padding: 30px 20px;}
.network ul li { font-size:15px;}
.leader_sec .col-sm-3 { width: 100%;}
.chairman_box { margin: 0px 11px; width: 96.5%; height:auto;}
.ceo_box { margin: 20px 10px;}
.banner_title h1 { font-size:20px; font-weight:500;}
.solution_cont2 { bottom: 22%;}
.net_title { font-size: 22px; margin-bottom: 25px;}
.net_cont { font-size: 15px; line-height: 22px;}
.about_head { top: 15%; left: 0%;}
.company_sec { padding: 10px 0px;}
.com_bg { padding: 15px;}
.company_sec h2 { font-size: 25px; margin-bottom: 0px;}
.found::before { display:none;}
.about_head { width:96%;}
.infra_sec_right h2 { font-size: 24px;}
.flowing_title { font-size: 24px;}
.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;
}
.counter_sec {
margin-top: -120px;
}
.career_sec {
padding: 0px 0px 20px;
}
}