@font-face {
font-family: 'Helvetica Neue';
src: url('fonts/HelveticaNeue-Medium.woff2') format('woff2'),
url('fonts/HelveticaNeue-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('fonts/HelveticaNeue-LightItalic.woff2') format('woff2'),
url('fonts/HelveticaNeue-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('fonts/HelveticaNeue-Light.woff2') format('woff2'),
url('fonts/HelveticaNeue-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
url('fonts/HelveticaNeue-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'helvetica_neuebold';
src: url('fonts/helveticaneuebold-webfont.eot');
src: url('fonts/helveticaneuebold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/helveticaneuebold-webfont.woff2') format('woff2'),
url('fonts/helveticaneuebold-webfont.woff') format('woff'),
url('fonts/helveticaneuebold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica_neuemedium';
src: url('fonts/helveticaneuemedium-webfont.eot');
src: url('fonts/helveticaneuemedium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/helveticaneuemedium-webfont.woff2') format('woff2'),
url('fonts/helveticaneuemedium-webfont.woff') format('woff'),
url('fonts/helveticaneuemedium-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica_neueregular';
src: url('fonts/helveticaneueroman.woff2') format('woff2'),
url('fonts/helveticaneueroman.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotu';
src: url('fonts/Gotu-Regular.woff2') format('woff2'),
url('fonts/Gotu-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'helvetica_neueblack';
src: url('fonts/helveticaneueblack.woff2') format('woff2'),
url('fonts/helveticaneueblack.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica_neueitalic';
src: url('fonts/helveticaneueitalic.woff2') format('woff2'),
url('fonts/helveticaneueitalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica_neuethin';
src: url('fonts/helveticaneuethin.woff2') format('woff2'),
url('fonts/helveticaneuethin.woff') format('woff');
font-weight: normal;
font-style: normal;
}
h2{
font-family: 'Gotu' !important;
font-weight: normal !important;
}
h3{
font-family: 'Helvetica Neue' !important;
}
:root{
--secheading:64px;
--innerbnrheading:96px;
--secheading-2:64px;
--bannerheading:150px;
}
input[type="submit"],
input[type="button"],
button,
input[type="reset"],
input[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
* {
box-sizing: border-box;
}
svg{ vertical-align:middle; }
img {
border: 0;
max-width: 100%;
vertical-align: middle;
display: inline-block;
height: auto;
}
ul {
padding: 0;
margin: 0;
}
a,
a:hover,
input[type="submit"],
button {
text-decoration: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
*:focus {
outline: none;
}
ul li {
list-style: none;
}
body{
font-family: 'Helvetica Neue' !important;
background: #141212;
font-weight: 300;
margin-top: 0 !important;
}
.menu-btn {
position: relative;
z-index: 1;
}
.oxy-header-wrapper{
padding: 35px 55px 35px 55px;
z-index: 9;
box-shadow: none !important;
}
.oxy-header-row{
border-radius: 30px;
background-color: rgba(0, 0, 0, 0.61) !important;
backdrop-filter: blur(5px);
padding: 15px 50px;
}
.menu_open span {
color: #FFF;
font-size: 30px;
font-style: italic;
letter-spacing: 0.3px;
display: inline-block;
vertical-align: middle;
font-weight: 300;
font-family: 'Helvetica Neue' !important;
font-style: italic;
transition-duration: 1000ms;
}
.menu_close, .menu_dot{ transition-duration: 1000ms; transform-origin:center; }
.menu_open span.close, .menu_close{
top: 17px;
position: absolute;
left: 0;
transform: scale(0, 0);
}
.menu_open.shadow span.close, .menu_open.shadow .menu_close{
transform: scale(0.8, 0.8);
}
.menu_open.shadow span.open,
.menu_open.shadow .menu_dot{
transform: scale(0, 0);
}
.menu_open svg {
vertical-align: middle;
margin-left: 24px;
transition-duration: 1000ms;
transform-origin: center;
}
.menu_open.shadow svg {
transform: scale(0.5, 0.5); transform-origin: right;
}
.oxy-header-right .menu_toggele {
margin-right: -155px;overflow: hidden;
}
.menu_toggele #menu-main-menu>li{
transform:translate(1100%, 0%);
visibility: hidden;
transition-duration: 1000ms;
margin: 0 16px;
}
.menu-btn
.menu_toggele {
overflow: hidden;
}
.menu_toggele #menu-main-menu>li.move-one {
transform:translate(-0%, 0%);
transition-duration: 800ms;
visibility: visible;
}
.menu_toggele #menu-main-menu>li.move-two {
transform:translate(0%, 0%);
visibility: visible;
transition-duration: 850ms;
}
.menu_toggele #menu-main-menu>li.move-three {
transform: translate(0%, 0%);
visibility: visible;
transition-duration: 900ms;
}
.menu_toggele #menu-main-menu>li.move-four {
transform: translate(0%, 0%);
visibility: visible;
transition-duration: 950ms;
}
.menu_toggele #menu-main-menu>li.move-five {
transform: translate(0%, 0%);
visibility: visible;
transition-duration: 1000ms;
}
.menu_toggele #menu-main-menu>li.move-six {
transform: translate(-1%, 0%);
visibility: visible;
transition-duration: 1050ms;
}
.oxy-header-right{
overflow: hidden;border-radius: 44px;
}
.menu_toggele #menu-main-menu>li>a {
border-radius: 30px;
border: 1px solid #FFF;
background: transparent;
color: #fff;
font-size: 14px;
padding: 6px 32px 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: normal !important;
font-family: 'helvetica_neuemedium' !important;
cursor: pointer;
}
.menu-btn{ cursor:pointer; margin-left: 10px; }
.hmbanner_sec{ position:relative; overflow:hidden; background-position:center !important; }
.bnr_video:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: radial-gradient(68.73% 68.73% at 50% 51.52%, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%);
top: 0;
left: 0;
z-index: 1;
pointer-events: none;
}
.hmbanner_sec p {
color: #FFF;
font-size: 40px;
letter-spacing: 0.4px;
position: relative;
z-index: 2;
font-weight: normal;
margin-top: 0;
margin-bottom: 24px;
font-family: 'helvetica_neueregular';
}
.hmbanner_sec h1{
color: #FFF;
text-align: center;
font-size: 150px;
line-height: 1;
font-weight: normal !important;
font-family: 'helvetica_neuebold' !important;
text-transform: uppercase;
width: 100%;
position: relative;
z-index: 2;
}
.hmbanner_sec .ct-section-inner-wrap {
position: relative;
z-index: 1;
}
.hmbanner_sec h1 b {
font-weight: normal !important;
font-family: 'helvetica_neuebold' !important;
border-radius: 30px;
color: #fff;
padding: 0 3px;
position: relative;
z-index: 1;
display: inline-block;
transition-duration: 800ms;
}
.hmbanner_sec h1 .bgslide b{
color: #141212;
}
.hmbanner_sec h1 b:before{
background: #CFF05E;
position: absolute;
width: 0%;
height: 100%;
border-radius: 30px;
top: -11px;
left: -4px;
content: "";
z-index: -1;
bottom: 0;
margin: auto;
transition-duration: 800ms;
}
.bgslide b:before{ width:102% !important; }
.awardwin_sec {
padding-top: 170px;
padding-bottom: 180px;
border-bottom: 1px solid #545559;
}
.sec_headin h2, .serv_secfaq .sec_headin h3, .ourrange_sec .sec_headin h3 {
color: #ECE8E1;
text-transform: capitalize;
line-height: 1.34;
font-size: var(--secheading);
}
.ourrange_sec .sec_headin h3,
.serv_secfaq .sec_headin h3{
font-family: 'Gotu' !important;
font-weight: normal !important;
}
.sec_headin p {
color: #fff;
font-size: 24px;
font-weight: 300;
/* text-transform: capitalize;*/
line-height: 1.4;
margin: 0;
letter-spacing: 1px;
}
.induswiper .mySwiper {
width: 100%;
left: 0;
position: absolute;
top: 0;
height: 100%;
max-width: 1325px;
margin: auto;
right: 0;
}
.induswiper .mySwiper .swiper-pagination-bullet {
background: #4e4e4e;
width: 20px;
height: 3px;
border-radius: 0;
opacity: 1;
transition-duration: 1000ms;
}
.induswiper .swiper-pagination.swiper-pagination-clickable{
width: 30px;
top: 36%;
}
.induswiper .mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #cef05e;
width: 30px;
transition-duration: 1000ms;
}
.induswiper h3{
color: #FFF;
font-size: 130px;
font-weight: 700;
text-transform: uppercase;
line-height: normal;
}
.induswiper .swiper-container1 {
position: absolute;
bottom: 28%;
left: 12.4%;
width: 100%;
height: 150px;
z-index: 9;
pointer-events: none;
overflow: hidden;
}
.induswiper .swiper-container2 {
position: absolute;
bottom: 32.9%;
left: 0;
width: 10.4%;
height: 54px;
z-index: 9;
overflow: hidden;
color: #cef05e;
border-bottom: 1px solid #cef05e;
text-align: right;
font-size: 23px;
font-weight: 500;
}
.induswiper .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.induswiper .swiper-container2:before {
content: "0";
position: absolute;
right: 12px;
top: 0px;
}
.induswiper {
position: relative;
padding-top: 40%;
overflow: hidden;
height: auto !important;
margin-top: 50px;
}
.hmservices_sec .center .sevi_item {
transform: scale(1.05);
transition-duration: 1000ms;
}
.hmservices_sec .lineactive .sevi_item{
border: 1px solid #CFF05E;
transition-duration: 50ms;
}
.sevi_item {
border-radius: 30px;
border: 1px solid #3E3E3E;
background: rgba(168, 168, 168, 0.05);
backdrop-filter: blur(4px);
position: relative;
width: 100%;
max-width: 432px;
min-height: 651px;
transform: scale(0.90);
transition-duration: 1000ms;
margin: 0 auto;
}
.hmservices_sec #wheel {
overflow: hidden;
}
.sevi_item>a{ padding: 23px 35px 35px; display: block;}
.sevi_line svg circle {
fill: #929292;
}
.lineactive .sevi_item .sevi_line:after{ background: #CFF05E; }
.lineactive .sevi_line svg circle {
fill: #cff15f;
}
.hmservices_sec .lineactive .sevi_item:after{
background: #CFF05E;
}
.hmservices_sec .lineactive .sevi_item:before{
background:url('data:image/svg+xml,');
background-size: contain;
}
.sevi_item:after {
content: "";
width: 61.368px;
height: 61.368px;
border-radius: 30.684px 0px 30px 0px;
background: #323232;
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
}
.sevi_item:before {
content: "";
background:url('data:image/svg+xml,');
position: absolute;
width: 29px;
height: 32px;
bottom: 12px;
right: 14px;
background-size: contain;
z-index: 1;
cursor: pointer;
}
.sevi_item h3 {
color: #FFF;
font-family: 'Helvetica Neue' !important;
font-weight: 500;
line-height: 1;
letter-spacing: 0.36px;
margin: 27px 0 16px 0;
font-size: 36px;
}
.sevi_item p {
color: #FFF;
font-size: 18px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0.18px;
margin: 0;
max-width: 317px;
width: 100%;
}
.sevi_item img {
border-radius: 30px;
}
.hmservices_sec{ margin-top:74px; }
.sevi_line {
margin-bottom: 18px; position: relative;
}
.sevi_line:after {
content: "";
width: 193px;
height: 1px;
background: #929292;
display: inline-block;
vertical-align: bottom;
margin-bottom: 7px;
margin-left: 43px;
}
.wheel {
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
width: 300vw;
height: 300vw;
max-width: 2000px;
max-height: 2000px;
left: 50%;
transform: translateX(-50%);
}
.wheel__card {
position: absolute;
top: 0;
left: 0;
width: 30%;
max-width: 300px;
cursor: pointer;
}
.slider-section {
height: 850px;
bottom: 0;
overflow: hidden;
width: 100%;
}
#code_block-12-9{position: relative; overflow: hidden;}
.btn {
border-radius: 30px;
border: 1px solid #FFF;
background: #141212;
color: #FFF;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 300;
font-family: 'Helvetica Neue' !important;
padding: 19px 38px 17px 90px;
position: relative;
transition-duration: 1000ms;
z-index: 0;
line-height: normal;
}
.btn b{
font-weight: 300;
font-style: italic;
}
.btn:before {
content: "";
background: url('data:image/svg+xml,');
width: 35px;
height: 44px;
bottom: 0;
left: 38px;
top: 0;
position: absolute;
margin: auto;
transition-duration: 1000ms;
}
.btn:hover:before{
background: url('data:image/svg+xml,');
transform: rotate(-55deg);
transition-duration: 1000ms;
}
.btn:hover{
color: #cff15f;
transition-duration: 1000ms;
border: 1px solid #cff15f;
}
.wemake_sec{ padding-top:165px; overflow: hidden; padding-bottom:165px; position: relative; border-bottom: 1px solid #545559; }
.carousel .carousel-item:active {
cursor: grabbing;
}
.carousel .carousel-item img {
width: 100%;
}
.carousel .carousel-item h3 {
background-color: #ffffff;
color: #000000;
font-size: 2em;
font-weight: bold;
margin: -5px 0 0;
padding: 10px 5px;
text-align: center;
}
.wemake_sec .carousel .carousel-item>img{border-radius: 52px; overflow: hidden;}
.wemake_sec .oxy-rich-text{ width: 100%;
height: 100%; max-width:508px }
.wemake_sec .oxy-rich-text p,.mkbdsliderow_owl .sec_headin p {
color: #FFF;
font-size: 22px;
font-family: 'Helvetica Neue';
font-weight: 300;
line-height: 1.32;
max-width: 454px;
margin: 0;
}
.wemake_sec .sec_headin p {
max-width: 500px;
}
.wemake_sec .active img {
border-radius: 52px;
border: 3px solid #CFF05E;
}
.wemake_sec .mkbdsliderow_owl img {
border-radius: 52px;
}
.wemake_sec .mkbdsliderow_owl .center img{
border: 3px solid #CFF05E;
}
.we_col1 .sec_headin{
max-width: 785px;
}
.awardwin_sec .sec_headin h2{ margin-bottom:40px;}
.wemake_sec .sec_headin h2{ margin-bottom:18px;}
.trusted_sec{ padding-top:155px; padding-bottom:170px; border-bottom: 1px solid #545559;}
.trusted_sec .sec_headin h2 {
margin-bottom: 18px;
}
.trbrand_row.horizontal-wrapper {
display: flex;
white-space: nowrap;
}
.trb_grid{
flex-shrink: 0;
width:20%;
text-align: center;
}
.horizontal-scroll {
overflow: hidden; margin-top: 110px; margin-bottom: 120px;
transform: skewY(-5deg);
}
.trb_item {
border-radius: 50%;
background: #FFF;
width: 267px;
height: 267px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
transform: skewY(5deg);
}
.trb_item *{
-webkit-filter: brightness(0) invert(0);
filter: brightness(0) invert(0);
}
.trb_grid:nth-child(odd) .trb_item{
border: 2px solid #CFF05E;
background: rgba(6, 6, 6, 0.85);
box-shadow: 0px 0px 50px 0px rgba(207, 240, 94, 0.10);
}
.trb_grid:nth-child(odd) .trb_item *{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.weres_sec {
padding-top: 155px;
border-bottom: 1px solid #545559;
padding-bottom: 155px;
}
.hmwork_row:after{
position: absolute;
width: 100%;
height: 50px;
content: "";
top: 0;
left: 0;
right: 0;
background: rgb(20, 18, 19);
background: linear-gradient(180deg, rgba(20, 18, 19, 1) 0%, rgba(20, 18, 19, 0) 100%);
z-index: 1;
}
.hmwork_row:before{
position: absolute;
width: 100%;
height: 70px;
content: "";
bottom: 0;
left: 0;
right: 0;
background: rgb(20, 18, 19);
background: linear-gradient(0deg, rgba(20, 18, 19, 1) 0%, rgba(20, 18, 19, 0) 100%);
z-index: 1;
}
.hmwork_row {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
position: relative;
}
.hmitem {
width:100%; margin-bottom: 90px;
}
.hw_col {
width: 23.7%;
}
.hw_col .slick-list {
overflow: hidden;
position: relative;
min-height: 400px;
height: 1350px !important;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.hw_col:nth-child(2n) .results-scroll,
.hw_col:nth-child(2n) .results-scroll .slick-slide {
transform: rotate(180deg);
}
.hmw_card img {
border-radius: 30px;
}
.hmw_card iframe {
width: 100%;
height: 100%;
border: 0;
vertical-align: middle;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.hmw_card {
overflow: hidden;
border-radius: 30px;
background: #000;
position: relative;
position: relative;
padding-top: 178%;
}
.hmwinfo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(255 255 255 / 90%);
padding: 60px 45px;
opacity: 0;
transition-duration: 1500ms;
}
/*.hmw_card:hover .hmwinfo{
transition-duration: 1500ms;
opacity: 1;
}*/
.hmwinfo h3 {
color: #000;
font-size: 54px;
font-style: normal;
font-weight: 700;
line-height: 1;
margin: 0 0 43px 0;
}
.hmwinfo p {
margin: 0;
color: #000;
font-size: 24px;
font-weight: 400;
line-height: 1.25;
letter-spacing: 0.48px;
font-family: 'helvetica_neueregular' !important;
}
.hmitem a.view_w {
position: absolute;
bottom: 62px;
border-radius: 60px;
background: #000;
color: #CFF05E;
font-size: 16px;
font-weight: 400;
font-family: 'helvetica_neueregular' !important;
letter-spacing: 0.32px;
text-transform: uppercase;
padding: 5px 24px 4px;
}
.hmwork_sec {
margin-bottom:98px;
margin-top: 78px;
}
.hmtest_row {
display: flex;
align-items:center;
justify-content: space-between;
}
.hmtesti_col1 {
width: 35%;
}
.hmtesti_col2{
width: 60%;
}
.hmtesti_col1 p {
color: #FFF;
font-size: 24px;
font-weight: 300;
line-height: 1.45;
margin: 0;
}
.hmtesti_col1 h3 {
color: #FFF;
font-size: 40px;
font-family: 'helvetica_neueregular' !important;
font-weight: normal;
text-transform: capitalize;
line-height: normal;
}
.hmtesti_col1 h4 {
color: #FFF;
font-size: 24px;
font-weight: 300;
font-family: 'Helvetica Neue';
text-transform: capitalize;
line-height: normal;
}
.hmtes_cont {
/* min-height: 388px;
padding-top: 130px;*/
padding-bottom: 40px;
}
.hmte_vid {
border-radius: 140px;
overflow: hidden;
position: relative;
}
.hmte_vid iframe {
width: 100%;
height: 100%;
border: 0;
top: 0;
position: absolute;
left: 0;
}
.hmtestimon_sec {
padding-top: 164px;
}
.hmte_vid:after {
width: 106px;
height: 106px;
content: "";
background: url(images/video_play.svg);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
backdrop-filter: blur(5px);
border-radius: 50%;
}
.hmtesti_sec {
padding-top: 75px;
}
.hmtestimon_sec {
padding-bottom: 120px;
border-bottom: 1px solid #545559;
overflow: hidden;
}
.slider-row {
overflow: hidden;
}
.reeel_sec{ padding-top:170px; padding-bottom:170px; border-bottom: 1px solid #545559;}
.reelvideo{ position:relative; }
.reelvideo:after{
width: 267px;
height: 267px;
content: "";
background: url(images/reel_video_play.svg);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
backdrop-filter: blur(5px);
border-radius: 50%;
background-size: contain;
}
.reelvideo h3 {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
z-index: 1;
color: #CFF05E;
text-align: center;
font-size: 128px;
letter-spacing: -2.56px;
text-transform: uppercase;
height: max-content;
font-family: 'helvetica_neueblack' !important;
font-weight: normal !important;
width: max-content;
cursor: pointer;
}
.hmtestimon_sec .swiper-creative .swiper-slide{
background: #141213;
}
.hmte_vid img{ width:100%; }
.hmtestimon_sec .swiper-button-next {
top: auto;
left: 90px;
right: auto;
}
.hmtestimon_sec .swiper-button-prev {
top: auto;
left: 0;
right: auto;
}
.hmtestimon_sec .slide-btns{
bottom: 3%;
width: 66px;
height: 66px;
background:#302C2C;
border-radius: 50px;
transition-duration: 1000ms;
}
.hmtestimon_sec .slide-btns:after{
content:"";
position: absolute;
width: 39.814px;
height: 22.664px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.hmtestimon_sec .swiper-button-prev:after{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.hmtestimon_sec .slide-btns:hover {
box-shadow: inset 0px 0px 1px 1px #CFF05E;
background: #1b191a;
transition-duration: 1000ms;
}
.hmtestimon_sec .slide-btns:hover:after{
background-image: url('data:image/svg+xml,');
}
.innovative_sec{ padding-top:173px; padding-bottom:170px }
.innovative_sec .sec_headin h2 {
margin-bottom: 23px;
}
.follwedinst{ margin:70px auto 0; position:relative; max-width:1612px }
.follwedinst .letsmake_box {
width: 328.306px;
height: 328.306px;
border-radius: 328.306px;
background: rgba(20, 18, 18, 0.76);
backdrop-filter: blur(10px);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
color: #FFF;
text-align: center;
font-size: 48px;
font-weight: 300;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.follwedinst .letsmake_box:before {
content: "";
width: 70px;
height: 47px;
margin-bottom: 14px;
background-image: url(images/make_icon.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.ftrfrom_se {
padding-top: 180px;
border-top: 1px solid #545559;
padding-bottom: 170px;
overflow: hidden;
}
.ftrfrom_se h2 {
color: #FFF;
font-size: 150px; margin-left: 43px;
line-height: 1;
font-family: 'helvetica_neuethin' !important;
font-weight: normal !important;
}
.ftrfrom_se h2 b{
font-family: 'helvetica_neueitalic' !important;
font-weight: 400 !important;
}
.ftrfrom_se h2:before{
content: "";
background: url(images/arrow_trun.svg);
width: 43px;
height: 56px;
}
.ftrfrom_se h2:before {
content: "";
background: url(images/arrow_trun.svg);
width: 43px;
height: 56px;
display: block;
margin-bottom: 21px;
}
.ftrfrom_se .wpcf7-form p {
margin: 0;
}
.ftrfrom_se .wpcf7-form li {
position: relative; margin-bottom: 19px;
}
.ftrfrom_se .wpcf7-form li label {
color: #FFF;
font-size: 17px;
font-weight: 500;
text-transform: uppercase;
display: block;
line-height: normal;
position: absolute;
top: 26px;
z-index: 1;
left: 22px;
}
.ftrfrom_se .wpcf7-form li br{
display: none;
}
.ftrfrom_se .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) {
background: transparent;
font-size: 17px;
font-family: 'helvetica_neueregular' !important;
font-weight: 400 !important;
width: 100%;
color: #fff;
border-radius: 20px;
border: 1px solid #FFF;
background: #141212;
padding: 53px 23px 22px;
transition-duration: 700ms;
}
.ftrfrom_se .wpcf7-form .wpcf7-form-control:focus{
border: 1px solid #CFF05E;
background: rgba(168, 168, 168, 0.05);
box-shadow: 0px 0px 5px 0px #CFF05E;
}
.ftrfrom_se .wpcf7-form .wpcf7-form-control::placeholder {
color: #C2C2C2;
opacity: 1; /* Firefox */
}
.ftrfrom_se .wpcf7-form .wpcf7-form-control::-ms-input-placeholder { /* Edge 12 -18 */
color: #C2C2C2;
}
.ftrfrom_se .wpcf7-form li:nth-child(3){
width: 49%;
float: left;
}
.ftrfrom_se .wpcf7-form li:nth-child(4){
width: 49%;
float: right;
}
.ftrfrom_se .wpcf7-form li:nth-child(5){ clear:both; }
.ftrfrom_se .wpcf7-form textarea{
height: 160px;
}
.footer_sec {
padding-top: 103px;
border-top: 1px solid #545559;
padding-bottom: 100px;
}
.ftcol1 .oxy-social-icons a {
color: #fff;
width: auto;
padding-right: 18px;
}
.ftcol1 .oxy-social-icons{ margin-top:25px; margin-bottom:30px !important; }
.ftcol1 .ct-text-block{
color: #FFF;
font-size: 18px;
font-family: 'helvetica_neueregular' !important;
font-weight: 400;
letter-spacing: 0.18px;
}
#menu-footermenu li{
display: block; line-height: normal; margin-bottom: 15px;
}
#menu-footermenu li a{
display: block;
line-height: normal;
color: #FFF;font-size: 22px;letter-spacing: 0.2px;
font-family: 'helvetica_neueregular' !important;
font-weight: 400;
}
div#widget-35-8 {
width: auto;
}
div#div_block-55-8 {
width:310px;
}
.ftr_adinfo svg {
margin-right: 13px;
}
.ftr_adinfo {
color: #FFF;
font-size: 22px;
line-height: 34px;
letter-spacing: 0.2px;
font-family: 'helvetica_neueregular' !important;
font-weight: 400;
}
.ftr_adinfo a{
color: #fff;
}
.ftr_call{
font-size: 32px;
}
.menu-footermenu-container {
margin-top: 14px;
}
.ftr_adinfo{ padding-top:8px; }
.ftrfrom_se .wpcf7-form button {
width: 144px;
height: 86px;
border-radius: 30px;
background: #CFF05E;
cursor: pointer;
border: 0;
position: relative;
z-index: 9;
}
.ftrfrom_se .wpcf7-form li:last-child{ padding-top: 25px; margin-bottom:0; text-align:right; }
.ourindus_sec{ padding-top:162px; padding-bottom:120px; border-bottom: 1px solid #545559;}
.ourindus_sec .sec_headin p{ margin-bottom:31px }
.insduslider_sec{ margin-top:40px; }
.indus_item {
width: 67.9%;
margin: auto;
position: relative;
text-align: right;
}
.indubox {
position: relative;
}
.induimg img {
border-radius: 39px;
}
.induimg:after{
content: "";
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 28.57%, rgba(0, 0, 0, 0.90) 100%);
}
.induimg {
width: 90%;
overflow: hidden;
border-radius: 39px;
display: block;
position: relative;
margin: auto;
max-width: 1152px;
}
.indubox h3 {
position: absolute;
bottom: 100px;
left: 0;
color: #FFF;
font-size: 130px;
font-weight: 700;
text-transform: uppercase;
line-height: normal;
}
.indu_cont {
max-width: 1152px;
display: block;
text-align: right;
margin: 30px auto 0;
overflow: hidden;
opacity: 0;
transition-duration:1000ms;
}
.induswiper .mySwiper .swiper-slide-active .indu_cont{ opacity:1; transition-duration:5s; }
.indu_cont p {
margin: 0;
color: #FFF;
font-size: 24px;
text-align: left;
font-style: normal;
font-weight: 300;
max-width: 640px;
float: right;
line-height: 36px;
}
#div_block-19-9{ position:relative; }
.carousel-container {
position:relative;
}
.carousel-main {
padding-top: 68%;
max-width:835px;
margin: auto;
position:relative;
}
ul.tracker-individual-container {
display: flex;
align-items: flex-end;
justify-content: center;
height: 30px;
}
ul.tracker-individual-container .tracker-individual-blip {
width: 3px;
height: 20px;
border-radius: 30px;
background: #4E4E4E;
font-size: 0;
margin: 0 4px;
transition-duration: 1000ms;
}
ul.tracker-individual-container .tracker-individual-blip.tracker-individual-blip-selected{
height: 30px;
background: #CFF05E;
transition-duration: 1000ms;
}
.carousel-feature {
position:absolute;
border-radius:10px;
cursor:pointer;
text-align:center;
box-shadow:0 0 15px 3px rgba(0,0,0,.1);
background-color:#fff;
}
.carousel-image {
border:0;
display:block;
}
.flipster__item{ display:inline-block !important; }
.scroll_div {
position: absolute;
bottom: 60px;
right:65px;
cursor: pointer;
font-size: 15px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
line-height: normal;
z-index: 1;
}
.scroll_div svg {
margin-top: 14px;
}
.scroll_div svg circle{
transform: translate(0px, 15px);
animation: mymove 3s infinite;
}
@keyframes mymove {
0% {
transform: translate(0px, 15px);
}
50% {
transform: translate(0px, 0px);
}
}
.scroll_div ul {
transform: rotate(90deg) translate(-36px, 37px);
}
.scroll_div ul li{
display: inline-block;
margin: 0px 1px;
animation: waviy 4s infinite;
animation-delay: calc(.2s * var(--i));
}
.scroll_div ul li:nth-child(1){
--i:6;
}
.scroll_div ul li:nth-child(2){
--i:5;
}
.scroll_div ul li:nth-child(3){
--i:4;
}
.scroll_div ul li:nth-child(4){
--i:3;
}
.scroll_div ul li:nth-child(5){
--i:2;
}
.scroll_div ul li:nth-child(6){
--i:1;
}
@keyframes waviy {
0%{
transform: translateX(-5px) scale(1.2);
}
20% {
transform: translateX(-4px) scale(1);
}
40% {
transform: translateX(-2px) scale(0.9);
}
100% {
transform: translateX(-0px) scale(1);
}
}
.oxy-header-container {
padding-right: 0 !important;
padding-left: 0 !important;
}
/***** Slide Right *****/
.textright {
animation: 2s slide-right;
}
@keyframes slide-right {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
/***** Slide Left *****/
.textleft {
animation: 2s slide-left;
}
@keyframes slide-left {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
.animate {
opacity: 0;
transform: translateY(10vw)
}
.animate.show {
animation: show 1.5s ease forwards
}
@keyframes show {
to {
opacity: 1;
transform: translateY(0)
}
}
.mobile_slider{
display: none;
}
.hmservices_sec .flipster__nav{ display:none; }
.inbanner_head {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: max-content;
}
.innerpage_banner{ position:relative; overflow:hidden; }
.innerpage_banner h2 {
font-size: var(--bannerheading);
color: #FFF;
font-weight: normal !important;
font-family: 'helvetica_neuebold' !important;
text-transform: uppercase;
line-height: 1;
display: block;
width: 100%;
}
.innerpage_banner h2 b {
font-weight: normal !important;
display: inline-block;
font-family: 'helvetica_neuebold' !important;
border-radius: 30px;
color: #fff;
padding: 0 20px 0 40px;
position: relative;
z-index: 1;
display: inline-block;
transition-duration: 800ms;
}
.innerpage_banner h2 b:before {
background: #CFF05E;
position: absolute;
width: 0%;
height: 100%;
border-radius: 30px;
top: -11px;
left: 0;
content: "";
z-index: -1;
bottom: 0;
margin: auto;
transition-duration: 800ms;
}
.innerbanner_sec h1 b:before {
background: #CFF05E;
position: absolute;
width: 0%;
height: 100%;
border-radius: 30px;
top: -8px;
left: 0;
content: "";
z-index: -1;
bottom: 0;
margin: auto;
transition-duration: 800ms;
}
.innerpage_banner h2.bgslide b,
.innerbanner_sec h1.bgslide b {
color: #141212;
}
.innerbanner_sec h1.bgslide b {
position: relative;
display: inline-block;
padding: 5px 12px 3px 27px;
line-height: 0.95;
}
.serv_sec1 {
padding-top: 164px;
padding-bottom: 100px;
border-bottom: 1px solid #545559;
}
.serv_sec1 .sec_headin h1 {
color: #ECE8E1;
text-transform: capitalize;
line-height: 1;
font-size: var(--secheading);
margin-bottom: 42px;
font-family: 'Gotu' !important;
font-weight: normal !important;
}
.serv_sec1 .sec_headin p {
color: #FFF;
max-width: 1531px;
margin-left: auto;
margin-right: auto;
line-height: 1.56;
}
.serv_sec1 .sec_headin p strong{ font-weight:500;color: #CFF05E; }
.serv_sec1 .ct-new-columns p{
color: #FFF;
font-size: 32px;
font-family: 'helvetica_neueregular' !important;
font-weight: normal !important;
line-height: 1.31;
}
.serv_sec1 .ct-new-columns{ margin-top:143px; }
#_rich_text-15-80 {
margin-top: 190px;
max-width: 818px;
}
#section-16-80{ position:relative; overflow:hidden; }
.vertical_acr_sec {
padding-top: 164px;
padding-bottom: 180px;
border-bottom: 1px solid #545559;
}
.vertical_acr_sec .flex-container {
min-height: 805px;
width: 100%;
display: -webkit-flex;
/* Safari */
display: flex;
overflow: hidden;
align-items: stretch;
justify-content: space-between;
margin-top: 82px;
margin-bottom: 125px;
}
.flex-slide img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.flex-slide.active .flex-title {
transform: rotate(0deg);
top: auto;position: initial;
}
.flex-title {
color: #FFF;
position: absolute;
transform-origin: 0 0;
left: 13%;
top: 75%;
font-size: 96px;
margin: auto;
text-align: left;
transform: rotate(-90deg);
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
z-index: 1;
font-family: 'Gotu' !important;
font-weight: normal !important;
}
.flex-about {
transform: translateX(-500px);
transition-duration: 1500ms;
color: #fff;
font-size: 24px;
font-family: 'helvetica_neueregular';
font-weight: normal !important;
line-height: normal;
}
.flex-slide.active .flex-about{
transform: translateX(0px);
transition-duration: 1500ms;
}
.flex-about li {
position: relative;
margin-bottom: 15px;
padding-left: 23px;
}
.flex-about li:before {
content: "";
width: 9px;
height: 9px;
background: #fff;
position: absolute;
left: 0;
top: 9px;
border-radius: 50px;
}
.flex-slide .flex_cwapper {
position: relative;
padding: 138px 0 0;
z-index: 1;
width: 85%;
height: 100%;
margin: auto;
}
.vertical_acr_sec .flex-slide {
width: 13%;
position: relative;
cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow: hidden;
border-radius: 39px;
}
.vertical_acr_sec .flex-slide:after{
content: "";
background: rgba(0, 0, 0, 0.61);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.vertical_acr_sec .flex-slide.active:before{
content: "";
border: 3px solid #CFF05E;
width: auto;
height: auto;
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
border-radius: 40px;
}
.flex-slide.active:after{
opacity: 0.5;
}
.flex-slide.active {
width:58%;
}
.serv_sec3{ padding-top:190px; padding-bottom:180px; border-bottom: 1px solid #545559;}
.serv_sec3 .sec_headin p{
color: #FFF;
font-size: 32px;
font-family: 'helvetica_neueregular' !important;
font-weight: normal !important;
line-height: 1.31;
max-width: 1667px;
text-transform: none;
}
.serv_sec3 .sec_headin h2{ margin-bottom:58px; }
.servicesgrid-slider {
position: relative;
overflow: hidden;
z-index: 1;
height: 100%;
}
.serv_sec3 .ct-new-columns {
margin-top: 100px;
}
.serv_sec3 .ct-new-columns .scolleft img {
border-radius: 39px;
}
.servicesgrid-slider .swiper-slide {
min-height: 450px;
display: flex;
align-items: flex-start;
justify-content: center;
height: auto;
padding: 0 46px;
border-radius: 30px;
border: 1px solid transparent;
backdrop-filter: blur(4px);
}
.servicesgrid-slider h3 {
width: 100%;
color: #FFF;
font-size: 32px;
font-weight: 500;
line-height: 1.12;
margin-bottom: 25px;
margin-top: 20px;
}
.servicesgrid-slider p {
color: #FFF;
font-size: 17px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.17px;
font-family: 'helvetica_neueregular';
}
.servicesgrid-slider .swiper-slide.swiper-slide-active{
border: 1px solid #CFF05E;
background: rgba(0, 0, 0, 0.66);
box-shadow: 0px 0px 50px 0px rgba(207, 240, 94, 0.10);
}
.servicesgrid-slider {
margin-top: 10%;
margin-left: -150px;
}
.servicesgrid-slider .swiper-wrapper {
height: auto;
}
.navigation-arrow .swiper-button-prev, .navigation-arrow .swiper-button-next {
position: relative;
top: auto;
display: inline-block;
vertical-align: middle;
width: 66px;
height: 66px;
background: #302C2C;
border-radius: 50px;
margin: 0 8px;
left: auto;
transition-duration: 1000ms;
right: auto;
}
.navigation-arrow{ margin-top:75px; margin-left: 215px;}
.navigation-arrow .swiper-button-next:after{
content:"";
position: absolute;
width: 39.814px;
height: 22.664px;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
}
.navigation-arrow .swiper-button-prev:after{
content:"";
position: absolute;
width: 39.814px;
height: 22.664px;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background-image: url('data:image/svg+xml,');
background-size: contain;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
background-repeat: no-repeat;
}
.navigation-arrow .swiper-button-prev:hover,
.navigation-arrow .swiper-button-next:hover {
box-shadow: inset 0px 0px 1px 1px #CFF05E;
background: #1b191a;
transition-duration: 1000ms;
}
.navigation-arrow .swiper-button-prev:hover:after{
background-image: url('data:image/svg+xml,');
}
.navigation-arrow .swiper-button-next:hover:after{
background-image: url('data:image/svg+xml,');
}
.serv_secfaq{ padding-top:187px; padding-bottom:110px; }
.faq_box .ct-div-block{
display: none; padding-bottom: 50px;
}
.faq_row {
margin-top: 50px; max-width: 1670px;
margin-left: auto;
margin-right: auto;
}
.faq_row h2.ct-headline, .faq_row h4.ct-headline {
color: #ECE8E1;
font-size: 36px;
text-transform: capitalize;
display: block;
padding: 73px 50px 73px 0;
font-family: 'helvetica_neueregular' !important;
font-weight: normal !important;
position: relative;
cursor: pointer;
}
.faq_row h2.ct-headline:before, .faq_row h4.ct-headline:before {
content: "";
position: absolute;
width: 29px;
height: 31px;
background-image: url('data:image/svg+xml,');
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.faq_row .active h2.ct-headline:before{
background-image: url('data:image/svg+xml,');
transform:rotate(90deg); }
.faq_row .active h2.ct-headline,.sociser_sec3 ul li.active .acrhead h3{ color:#cef05e; }
.faq_box {
border-bottom: 1px solid #545559;
display: block !important;
}
.faq_box .oxy-rich-text {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 1.33;
font-family: 'Helvetica Neue';
letter-spacing: 0.24px;
}
.faq_box .oxy-rich-text p{margin: 0 0 32px 0;}
.faq_box:last-child{ border:0; }
.serv_sec_succes{ padding-top:180px; padding-bottom:180px; }
.lt_stori p {
color: #FFF;
font-size: 23px;
font-style: normal;
font-weight: normal;
line-height: 1.56;
font-family: 'helvetica_neueregular';
max-width: 616px;
/* text-transform: capitalize;*/
}
.lt_stori .oxy-rich-text{ margin-top:38px; min-height:240px; }
.swiper_sucess { overflow:hidden; }
.serv_sec_succes .swiper-wrapper {
width: auto;
height: auto;
}
.serv_sec_succes .swiper-wrapper img{ width:100%; }
.swiper_sucess{ padding-right:200px !important; }
.swiper_sucess .swiper-slide{ position:relative;border-radius: 30px; overflow:hidden; }
.swiper_sucess .swiper-slide h2 {
background: rgba(0, 0, 0, 0.74);
position: absolute;
bottom: 0;
width: 100%;
left: 0;
text-align: center;
color: #FFF;
font-size: 48px;
text-transform: capitalize;
line-height: normal;
padding: 25px 0;
}
.lt_stori{ padding-top:20px; padding-left:55px !important; }
.wpcf7-response-output {
border: 0 !important;
background: #CFF05E;
text-align: center;
padding: 13px 24px !important;
color: #000;
border-radius: 10px;
width: fit-content;
margin-left: 0 !important;
margin-right: auto !important;
margin-top: -65px !important;
}
.wpcf7-not-valid-tip {
color: #CFF05E;
font-size: 1em;
margin-top: 9px;
}
#contactloader{
overflow: visible;
position: absolute;
top: -884px;
right: -800px;
z-index: 1;
}
#contactloader.svgopen{
right:975px;
}
.path { stroke-dasharray: 4980; stroke-dashoffset: 5000; animation: dash 3s linear forwards; animation-iteration-count: 1;animation-delay: 1s;}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
.dashed{
stroke-dasharray: 5,12;
}
#arrow{animation: arrow 2s linear forwards; opacity:0;}
@keyframes arrow {
to {
opacity: 1;
}
}
.allspecial_sec {
padding-top: 191px;
padding-bottom: 165px;
}
.allspecial_sec .sec_headin .oxy-rich-text{ margin:0 auto; max-width:1135px; }
.allspecial_sec .sec_headin p{
color: #FFF; line-height: 1.57;
}
.allspecial_sec .sec_headin h2 {
margin-bottom: 52px;
}
/*.hmservices_sec .swiper-slide {
-ms-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
}*/
.hmservices_sec .owl-next .item{
opacity: 1;
transform:rotateZ(10deg) ;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.hmservices_sec .owl-next-2 .item{
opacity: 1;
transform:rotateZ(14deg) translate(-6%, 14%) ;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.hmservices_sec .owl-prev .item {
opacity: 1;
transform: rotateZ(-10deg) ;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.hmservices_sec .owl-prev-2 .item{
opacity: 1;
transform: rotateZ(-14deg) translate(6%, 14%);
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
/*.hmservices_sec .swiper-slide:nth-child(1){
opacity: 1;
transform: rotateZ(-16deg) translate(-6%, 18%) !important;
}
.hmservices_sec .swiper-slide:last-child{
opacity: 1;
transform: rotateZ(16deg) translate(6%, 18%) !important;
}*/
.hmservices_sec .item {
transition: all 2000ms ease-out ;
transition-timing-function: cubic-bezier(0.50, 0.10, 0.12, 0.98);
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.hmservices_sec .owl-stage-outer {
padding-bottom: 140px;
padding-top: 25px;
}
.bnr_video {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.bnr_video iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
border: 0;
}
.inrvid_col .ct-code-block {
position: relative;
padding-top: 100%;
width: 100%;
height: 100%;
}
.inrvid_col iframe {
width: 100%;
height: 100%;
border: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
}
.innerbanner_sec{
overflow: hidden; border-bottom: 1px solid #545559;
}
.innerbanner_sec h1 {
font-size: var(--innerbnrheading);
color: #fff;
line-height: 0.9;
text-transform: uppercase;
width: 100%;
font-family: 'helvetica_neuebold' !important;
font-weight: normal;
margin-top: 100px;
}
.innerbanner_sec .oxy-rich-text {
color: #FFF;
font-size: 32px;
font-weight: 300;
line-height: 1.32;
margin-top: 25px; margin-bottom: 45px;
max-width:81%;
}
.innerbanner_sec .oxy-rich-text *{
font-family: 'helvetica_neueregular';
}
.sociser_sec1 {
padding-top: 179px;
padding-bottom: 196px;
border-bottom: 1px solid #545559;
}
.sociser_sec1 .sec_headin .oxy-rich-text {
max-width:1290px;margin: 0 auto; padding-bottom: 135px; padding-top: 42px;
}
.sociser_sec1 .ct-new-columns {
max-width: 1676px;
margin: auto;
}
.sovid_item {
display: block !important;
background: #2c2a2b;
border: 1px solid #3E3E3E;
border-radius: 30px;
padding: 15px;
position: relative;
}
.sovid_item img {
width: 100%;
border-radius: 22px;
}
.sociser_sec1 .ct-new-columns > .ct-div-block {
padding-right: 38.5px;
padding-left: 38.5px;
}
.top_line {
margin-bottom: 14px;
width: 100%;
margin-top: 1px;
position: relative;
}
.top_line circle {
fill: #ece7e1;
}
.top_line:after {
content: "";
width: 63%;
height: 1px;
background: #ece7e1;
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
}
.sociser_sec1 .ct-new-columns > .ct-div-block:nth-child(2n){
transform: translate(0px, -47px);
}
.sociser_sec2 {
padding-top: 178px;
padding-bottom: 163px;
border-bottom: 1px solid #545559;
}
.sociser_sec2 .ct-new-columns {
margin-top: 160px;
}
.soccreative_item {
display: block !important;
background: #2c2a2b;
border: 1px solid #3E3E3E;
border-radius: 30px;
padding: 18px;
position: relative;
}
.soccreative_item img {
border-radius: 15px;
}
.soccreative_item .ct-new-columns > .ct-div-block {
padding-right: 15px;
padding-left: 15px;
}
.soccreative_item .top_line {
padding-left: 20px;
}
.sociser_sec2 .ct-new-columns > .ct-div-block:nth-child(2) {
transform: translate(0px, -64px);
}
.sociser_sec3 {
padding-top: 176px;
padding-bottom: 170px;
border-bottom: 1px solid #545559;
overflow: hidden;
}
.sociser_sec3 .sec_headin h2{ padding-bottom:140px; }
.testvideopopup iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
}
.testvideopopup .sgpb-main-html-content-wrapper {
position: relative;
padding-top: 42%;
background: #2c2a2b;
}
.testvideopopup .sgpb-main-html-content-wrapper p {
margin: 0;
}
.testvideopopup{
background: #2c2a2b !important;
box-shadow: none !important;
}
.vid_code {
display: none;
}
.sociser_sec3 .acrcont {
font-size: 24px;
letter-spacing: 0.24px;
line-height: 163%;
font-family: 'Helvetica Neue';
font-weight: 300;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sociser_sec3 .ct-new-columns > .ct-div-block{ padding:0; }
.sociser_sec3 h3 {
font-size: 64px;
letter-spacing: -3.84px;
font-family: 'helvetica_neueregular' !important;
font-weight: 400;
line-height: 1;
text-align: center;
text-transform: uppercase;
}
.sociser_sec3 ul li{
display: flex;
cursor: pointer;
align-items:flex-start;
justify-content: space-between;
position: relative;
}
.sociser_sec3 li {
margin-bottom: 162px;
}
.sociser_sec3 li:last-child{ margin-bottom:0; }
.sociser_sec3 .ct-new-columns:last-child{ margin-bottom:0; }
.sociser_sec3 ul .acr_number,
.sociser_sec3 ul .acrcont{
width: 15.5%;
}
.sociser_sec3 ul .acrhead{
width: 64%;
}
.sociser_sec3 li.active .acrcont {
-webkit-line-clamp:inherit ;
}
.sociser_sec3 .acordian li *{
color: #fff;
}
/*.sociser_sec3 .acordian li:hover *,
.acordian li:hover::before{ color:#cef05e; }*/
.acordian {
list-style: none;
counter-reset: my-awesome-counter;
}
.acordian li {
counter-increment: my-awesome-counter;
}
.acordian li::before {
content: "0" counter(my-awesome-counter);
font-size: 64px;
letter-spacing: -3.84px;
font-family: 'helvetica_neueregular' !important;
font-weight: 400;
line-height: 1;
text-align: center;
color: #fff;
position: absolute;
top: 0;
left: 0;
}
.tooltip {
transform: translate(-50%, -200%);
display: none;
position: absolute;
color:#fff;
background-color: #000;
border: none;
border-radius: 4px;
padding: 8px;
z-index: 10;
display: block;
width: 100%;
max-width: 155px;
top: 0;
left: 50%;
text-align: center;
text-transform: uppercase;
font-family: 'Helvetica Neue';
font-weight: bold;
letter-spacing: 2px;
}
.tooltip:after {
content: "";
display: block;
position: absolute;
border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 15px 15px 0;
bottom: -13px;
left: 50%;
transform: translate(-50%, 0);
width: 0;
}
.sociser_sec3 .acrcont * {
margin-top: 0;
}
.sociser_sec3 .acrcont *:last-child {
margin-bottom: 0;
}
.socialvideo>.ct-div-block:nth-child(1),
.socialvideo>.ct-div-block:nth-child(3) {
-webkit-animation: mover 0.8s infinite alternate;
animation: mover 0.8s infinite alternate;
}
/*@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}*/
.socialvideo>.ct-div-block:nth-child(2),
.socialvideo>.ct-div-block:nth-child(4) {
-webkit-animation: mover2 0.8s infinite alternate;
animation: mover2 0.8s infinite alternate;
}
/*@-webkit-keyframes mover2 {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}
@keyframes mover2 {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}*/
.sgpost_row .post_img{
position: relative;
}
.sgpost_row .post_img{ height:100vh; }
.sgpost_row .post_img img{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.sgpost_row .post_img:after{
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -0.85%, rgba(0, 0, 0, 0.80) 85.7%);
}
.sgpost_row {
position: relative;
}
.postover {
position: absolute;
bottom: 66px;
left: 0;
z-index: 9;
max-width: 1385px;
right: 0;
margin: auto;
}
.sgpostbanr li {
display: inline-block;
color: #CFF05E;
font-size: 32px;
font-weight: normal;
font-family: 'helvetica_neueregular' !important;
margin-right: 58px;
position: relative;
}
.sgpostbanr li:after {
content: "";
width: 3px;
height: 23px;
background: #cff15e;
position: absolute;
right: -32px;
top: 13px;
}
.sgpostbanr li:last-child:after{ display:none; }
.sgpostbanr h1 {
color: #ECE8E1;
font-size: var(--secheading-2);
font-weight: normal;
font-family: 'Gotu' !important;
max-width: 960px;
line-height: 1.28;
margin-top: 42px;
margin-bottom: 46px;
}
.visuallyhidden{
display: none;
}
.button-tooltip-container {
display: flex;
align-items: center;
margin-top: 16px;
min-height: 30px;
}
#custom-tooltip {
display: none;
margin-left: 0;
padding: 6px 11px;
background-color: #cef05e;
border-radius: 15px;
color: #000000;
text-transform: uppercase;
font-size: 14px;
}
.soc button.copybutton {
background: transparent;
border: 0;
cursor: pointer;
}
.soc>span {
position: relative;
margin-right: 34px;
cursor: pointer;
display: inline-block;
}
.sgpostfullcont {
overflow: hidden;
padding: 124px 0;
color: #fff;
}
.sppost_row {
max-width: 1385px;
margin: auto;
}
.sppost_row p {
margin: 0 0 31px 0;
font-size: 24px;
font-family: 'Helvetica Neue';
font-weight: 300;
line-height: 1.33;
}
.sppost_row h3, .sppost_row h4 {
font-size: 32px;
font-weight: normal;
font-family: 'helvetica_neueregular' !important;
margin: 0 0 12px 0;
line-height: 1.2;
color: #CFF05E;
}
.sppost_row h2 {
color: #ECE8E1;
font-size: 48px;
margin-bottom: 20px;
line-height: 1.2;
padding-top: 43px;
}
.sppost_row li {
margin: 0 0 31px 0;
font-size: 24px;
font-family: 'Helvetica Neue';
font-weight: 300;
line-height: 1.33;
padding-left: 25px;
position: relative;
}
.sppost_row ul li:before {
content: "";
position: absolute;
width: 9px;
height: 9px;
background: #fff;
border-radius: 50px;
left: 0;
top: 11px;
}
.sppost_row img {
border-radius:60px;
margin: auto;
display: block;
}
.sppost_row figure {
margin: 0;
padding: 62px 0;
text-align: center;
}
.related-posts-grid {
display: flex;
align-items: flex-start;
justify-content: space-between;
border-top: 1px solid #535559;
}
.related-posts-grid .grid-item {
padding:80px 48px 62px;
flex: 0 0 33.33%;
border-right: 1px solid #535559;
}
.related-posts-grid .grid-item:nth-child(3n){ border-right:0; }
.sppost_row p:last-child{ margin-bottom:0; }
.mkbdsliderow {
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition-duration: 0ms;
pointer-events: none;
bottom: 0;
height: max-content;
margin: auto;
}
.mkbdsliderow h3,.photogr_sec3 h3,.hosp_cont h3,.mkbdsliderow_owl h3{ color: #fff;
font-size: 24px;
font-family: 'helvetica_neueregular';
font-weight: normal;
text-transform: capitalize;
line-height: 1.4;
margin: 0 0 46px 0;
letter-spacing: 1px;}
.mkbdsliderow.active{
transition-duration: 1500ms;
opacity:1;
pointer-events: auto;
}
.mkbdslide {
position: relative; height: 100%; transition-duration: 500ms;
}
.mkbdsliderow .sec_headin {
text-align: left;
}
.goglle_reviews .grw-review {
-ms-flex: 0 0 33% !important;
flex: 0 0 33% !important;
}
.videoreeal {
position: relative;
padding-top: 177%;
}
.videoreeal iframe {
width: 100%;
height: 100%;
border: 0;
position: absolute;
top: 0;
left: 0;
border-radius: 22px;
}
.ourrange_sec {
padding-top: 165px;
padding-bottom: 175px;
border-bottom: 1px solid #545559;
}
.photo_slider img {
border-radius: 30px;
transform: scale(0.765);
transition: 0.3s;
}
.photo_slider {
margin-top: 74px;
}
.photo_slider .owl-prev img{
transform-origin: right center;
opacity: 0.4;
}
.photo_slider .owl-next img {
transform-origin: left center;
opacity: 0.4;
}
.photo_slider .owl-item.center img{ transform: scale(1); }
.photo_slider .owl-dots .owl-dot {
display: inline-block;
position: relative;
cursor: pointer;
width: 7px;
height: 45px;
border-radius: 30px;
background: #4E4E4E;
font-size: 0;
margin: 0 9px;
transition-duration: 1000ms;
}
.photo_slider .owl-dots .owl-dot.active {
height: 70px;
background: #CFF05E;
transition-duration: 1000ms;
}
.photo_slider .owl-dots {
text-align: center;
margin-top: 150px;
height: 30px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.photogr_sec3 {
position: relative;
min-height: 1950px;border-bottom: 1px solid #545559;
}
.photogr_sec3 h2{ margin-bottom:20px; margin-top: -190px; }
.photogr_sec3 p {
margin-bottom: 55px;
letter-spacing: 0.7px;
line-height: 1.34;
}
.photogr_sec3 .btn {
margin-top: 58px;
}
.phbuleft {
position: absolute;
left: 0;
top:160px;
}
.photogr_sec3 img {
border-radius: 30px;
}
.phburight {
position: absolute;
right: 0;
top:160px;
}
.phbuleft img{ width:100%; }
.phbuleft div:nth-child(1) {
width: 88.7%;
margin-left: 55px; margin-bottom: 125px;
}
.phbuleft div:nth-child(2) {
margin-bottom: 75px;
width: 45.5%;
}
.phbuleft div:nth-child(3){
width: 56%;
}
.phburight img{ width:100%; }
.phburight div:nth-child(1){ width: 47.7%; margin-right:42px; margin-bottom:85px; }
.phburight div:nth-child(2){ margin-left:40px; width: 65%; margin-bottom:170px; }
.phburight div:nth-child(3){ margin-right:40px; width: 91.5%;}
.fworkpopupvideo {
cursor: pointer;
}
.contentcre_sec1 {
padding-top: 165px;
padding-bottom: 110px;
border-bottom: 1px solid #545559;
}
.contentcre_sec1 .sec_headin {
margin-bottom: 130px;
}
.contentcre_sec1 .sec_headin h2 {
margin-bottom: 37px;
}
.contentcre_sec1 .sovid_item h3 {
color: #ECE8E1;
font-size: 36px;
font-family: 'helvetica_neueregular' !important;
font-weight: normal;
margin-top:72px;
margin-bottom: 18px;
}
.contentcre_sec1 .sovid_item p {
color: #FFF;
font-size: 24px;
font-weight: 300;
letter-spacing: 0.24px;
line-height: 1.33;
margin: 0;
}
.contentcre_sec1 .sovid_item{ min-height: 882px; padding:34px 34px 45px; display: block; text-align: center; margin-bottom:70px; }
.contentcre_sec1 .top_line {
text-align: left;
}
.contentcre_sec2 .ct-new-columns > .ct-div-block{
padding-right: 24.5px;
padding-left: 24.5px;
}
.contentcre_secwe .sec_headin p {
margin-bottom: 30px;
line-height: 1.5;
}
.contentcre_secwe .sec_headin p:last-child {
margin: 0;
}
.digitalm_sec2{ padding-top:165px; border-bottom: 1px solid #545559;padding-bottom:175px; }
.digitalm_sec2 .slick-slide{
width: 430px !important;
padding: 0 15px;
}
.digitalm_slider .slick-slide:nth-child(2n){ margin-top:-80px; }
.digitalm_slider .slick-list {
padding-top: 85px !important;
}
.digitalm_sec2 .slick-list img {
border-radius: 30px;
}
.digitalm_sec2 .slick-list .videoreeal iframe {
border-radius: 30px;
}
.digitalm_sec2 .digitalm_slider {
margin-top: 70px;
}
.digitalm_slider .slick-dots li button {
width: 7px;
height: 44px;
font-size: 0;
background: #4e4e4e;
border-radius: 30px;
padding: 0;
}
.digitalm_slider .slick-dots{
margin-top: 100px;
text-align: center;
height: 70px;
display: flex;
align-items: flex-end;
justify-content: center;
transition-duration: 500ms;
}
.digitalm_slider .slick-dots li {
display: inline-block;
margin: 0 10px;
}
.digitalm_slider .slick-dots li.slick-active button {
background: #cef05d;
height: 70px;
}
.headeroverflow,
.headeroverflow .menu_toggele_slide{ overflow:visible; }
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow .menu-item-has-children > a::after{
display: none;
}
.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu {
background: transparent;
}
.oxy-nav-menu .menu-item .sub-menu {
top: 100%;
padding-top: 15px;
}
.oxy-nav-menu .sub-menu li {
margin-bottom: 10px;
}
.oxy-nav-menu .sub-menu a {
border-radius: 30px;
border: 1px solid #858585 !important;
background: #000000;
color: #fff;
font-size: 14px;
padding: 9px 24px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: normal !important;
}
.allwork_sec {
padding-top: 315px;
}
.work_list {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-flow: wrap;
margin-top: 100px;
}
.work_grid {
width:23.7%;
}
.works_card {
overflow: hidden;
border-radius: 30px;
background: #000;
position: relative;
}
.work_grid:nth-child(2n) {
margin-top: -80px;
}
.allwork_sec .sec_headin .oxy-rich-text {
max-width: 968px;
margin: auto;
margin-top: 50px;
padding-bottom: 100px;
}
.work_list .hmitem {
margin-bottom: 30px;
}
.works_card:hover .hmwinfo {
opacity: 1;
}
.work_select {
text-align: center;
margin-bottom: 180px;
}
.work_select label {
color: #FFF;
font-size: 23px;
font-family: 'helvetica_neueregular';
font-weight: 400;
display: inline-block;
}
.work_select .wk_select {
display: inline-block;
vertical-align: middle;
min-width: 250px;
margin-left: 27px;
position: relative;
}
.work_select .wk_select:after {
content: "";
position: absolute;
width: 31px;
height: 17px;
background: url(images/select_arrow.svg);
right: 33px;
top: 0;
bottom: 0;
margin: auto;
}
.work_select .wk_select select {
border-radius: 30px;
border: 1px solid #FFF;
background: #141212;
width: 100%;
color: #fff;
font-size: 32px;
font-family: 'helvetica_neueregular';
font-weight: 400;
padding:16px 80px 16px 30px;
line-height: normal;
appearance: none;
cursor: pointer;
}
.allwork_sec .pre_nav {
padding-top: 174px;
padding-bottom: 175px;
text-align: center;
}
.allwork_sec .pre_nav a.next,
.allwork_sec .pre_nav a.prev {
background: #302C2C;
width: 65.89px;
height: 65.89px;
display: inline-block;
border-radius: 50px;
font-size: 0;
position: relative;
vertical-align: middle;
}
.allwork_sec .pre_nav a.next:after{
content:"";
position: absolute;
width: 39.814px;
height: 22.664px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
top: 0;
background: url('data:image/svg+xml,');
}
.allwork_sec .pre_nav a.prev:before{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
content:"";
position: absolute;
width: 39.814px;
height: 22.664px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
top: 0;
background: url('data:image/svg+xml,');
}
.ftrfrom_se{
display: none;
}
.page-id-18 .ftrfrom_se,
.page-id-9 .ftrfrom_se{
display: block;
}
.wortop_banner{ position:relative; }
.wortop_banner .ct-image {
max-width: 100%;
height: 100%;
object-fit: cover;
width: 100%;
}
.topbnr_info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
text-align: center;
display: block !important;
height: min-content;
margin: auto;
z-index: 1;
}
.wortop_banner h1 {
font-size: 150px;
color: #141212;
line-height: 1;
text-transform: uppercase;
font-family: 'helvetica_neuebold' !important;
font-weight: normal;
position: relative;
display: inline-block;
}
.wortop_banner h1 span{
position: relative; padding: 0 8px; z-index: 0;
}
.wortop_banner h1 span:before{
background: #CFF05E;
height: 100%;
border-radius: 30px;
top: -8px;
left: 0;
content: "";
bottom: 0;
margin: auto;
transition-duration: 800ms;
position: absolute;
width: 100%;
z-index: -1;
}
.wortop_banner .ct-text-block {
color: #FFF;
font-size: 40px;
font-family: 'helvetica_neueregular';
font-weight: 400;
margin-top: 20px;
}
.workmet_info {
padding-top: 116px;
padding-bottom: 130px;
}
.workmet_info h3 {
color: #CFF05E;
font-size: 20px; padding-bottom: 4px;
text-transform: uppercase;
font-family: 'helvetica_neuebold' !important;
font-weight: normal;
}
.workmet_info .ct-text-block span {
font-family: 'Gotu';
font-size: 48px;
color: #ECE8E1;
}
.workmet_info .ct-code-block ul {
padding: 0;
margin: 7px 0 0 0;
list-style: none;
max-width: 505px;
}
.workmet_info .ct-code-block li {
display: inline-block;
color: #FFF;
font-size: 24px;
font-family: 'Helvetica Neue';
font-weight: 300;
}
.workmet_info .ct-code-block li:after {
content: "/";
margin-right: 19px;
margin-left: 19px;
}
.workmet_info .ct-code-block li:last-child:after {
content: none;
}
.counters {
margin-top: 100px;
margin-bottom: 180px;
justify-content: space-between !important;
}
.counters>.ct-div-block {
border-radius: 15px;
background: #1f1d1e;
border: 1px solid #484848;
width: 30% !important;
padding: 45px;
}
.counters .ct-text-block .main_wrkhead {
color: #FFF;
font-size: 64px;
font-family: 'helvetica_neueregular';
font-weight: 400;
line-height: normal;
}
.counters p {
margin: 14px 0 0 0;
font-size: 24px;
font-family: 'helvetica_neueregular';
font-weight: 400;
color: #fff;
line-height: normal;
text-transform: capitalize;
}
.counters img {
margin-right: 39px;
}
.wortop_banner .ct-section-inner-wrap:after{
content:"";
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
background: radial-gradient(68.73% 68.73% at 50% 51.52%, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.wortop_banner .ct-section-inner-wrap {
position: relative;
}
.workcont_se {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #545559;
margin-bottom: 195px;
padding-bottom: 195px;
}
.workcont_se .rtworkcont {
width: 50%;
}
.workcont_se .ltworkcont{
width: 38.5%;
}
.workcont_se img {
border-radius: 40px;
}
.workcont_se h2 {
color: #FFF;
text-transform: capitalize;
line-height: 1.34;
font-size: var(--secheading);
margin-bottom:35px;
}
.ltworkcont p {
margin: 0;
}
.summery_sec .workcont_se:nth-child(2n) {
flex-direction: row-reverse;justify-content: start;
}
.workcont_se .ltworkcont p{
text-transform: none;
}
.workcont_se .ltworkcont:not(.workcont_se .ltworkcont h2) {
color: #fff;
color: #fff;
font-size: 24px;
font-weight: 300;
text-transform: capitalize;
line-height: 1.4;
margin: 0;
letter-spacing: 1px;
font-family: 'Helvetica Neue';
}
.summery_sec .workcont_se:nth-child(2n) .ltworkcont {
margin-left: 6% !important;
}
.workcont_se:last-child{ border:0; margin:0; padding:0; }
.mobileview_img {
padding-top: 140px;
padding-bottom: 140px;
}
.workgallery .ct-code-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: start;
width: auto;
margin: 0 -45px;
}
.workgallery .workimage_grid {
width: 50%;
border-radius: 40px;
overflow: hidden;
margin: 0 0px 80px;
padding: 0 45px;
}
.workgallery .workimage_grid img{
border-radius: 40px;
}
.single-work .ftrfrom_se {
display: block;
}
.workgallery {
padding-bottom: 140px;
}
.nextprev_linkpost {
border-top: 1px solid #545559;
padding: 75px 0;
}
.nextprev_linkpost span {
width: 50%;
display: inline-block;
text-align: center;
}
.nextprev_linkpost nav {display: flex;}
.nextprev_linkpost a {
display: block;
color: #FFF;
font-size: 48px;
font-family: 'Gotu' !important;
font-weight: normal !important;
line-height: 1.33;
position: relative;
}
.nextprev_linkpost .nav-next a{padding-left: 175px;}
.nextprev_linkpost .nav-previous a {
padding-right: 175px;
position: relative;
display: inline-block;
text-align: right;
}
.nextprev_linkpost span.nav-next {
text-align: left;
position: relative;
padding-left:18%;
}
.nextprev_linkpost span.nav-next:after {
content: "";
width: 1px;
height: calc(100% + 150px);
background: #545559;
position: absolute;
left: 0;
top: -75px;
}
.nextprev_linkpost span.nav-next a:before{
content: "";
width: 124px;
height: 124px;
position: absolute;
left: 0;
top: 0;
background-image: url('data:image/svg+xml,');
}
.nextprev_linkpost span.nav-previous a:before{
content: "";
width: 124px;
height: 124px;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
background-image: url('data:image/svg+xml,');
}
.nextprev_linkpost span.nav-previous a:hover:before {
box-shadow: inset 0px 0px 1px 1px #cff15e;
border-radius: 50%;
background-image: url('data:image/svg+xml,');
}
.nextprev_linkpost span.nav-next a:hover:before {
box-shadow: inset 0px 0px 1px 1px #cff15e;
border-radius: 50%;
background-image: url('data:image/svg+xml,');
}
.page-id-151 .ftrfrom_se {
display: block;
}
.headeroverflow .menu_open {
pointer-events: none;
}
.headeroverflow .menu_open svg {
pointer-events: auto;
}
.work_list .noposts {
width: 100%;
text-align: center;
margin-bottom: 150px;
}
.hmservic_grid {
display: flex;
max-width: 1404px;
margin: auto;
text-align: center;
align-items: center;
justify-content: center;
flex-flow: wrap;
padding-bottom: 125px;
counter-reset: my-sec-counter;
}
.hmservic_grid .item {
width: 25%;
position: relative;
padding: 20px;
}
.hmservic_grid .hmsevi_item {
border-radius: 21px;
border: 1px solid #3E3E3E;
height: 237px;
width: 100%;
}
.hmservic_grid .hmsevi_item a {
display: flex;
width: 100%;
height: 100%;
align-items: end;
justify-content: flex-start;
padding: 40px 25px;
color: #FFF;
}
.hmservic_grid .hmsevi_item h3 {
color: #FFF;
font-family: 'Helvetica Neue' !important;
font-weight: 500 !important;
line-height: 1;
letter-spacing: 0.36px;
margin:0;
font-size: 36px;
text-align: left;
}
.hmservic_grid .hmsevi_item::before {
counter-increment: my-sec-counter;
content: counter(my-sec-counter);
color: #6C6C6C;
font-size: 22px;
font-weight: 300;
font-family: 'Helvetica Neue';
position: absolute;
left: 45px;
top: 41px;
}
.hmservic_grid .hmsevi_item a svg {
position: absolute;
right: 45px;
top: 45px;
}
.home .serv_secfaq{
border-top: 1px solid #545559;
}
.hmbanner_sec span {
display: block;
}
#_rich_text-126-9{
width: 100%;
}
.reelvideo img {
width: 100%;
}
.sociser_sec3 .acrhead .acrcont {
width: 100% !important;
margin-top: 50px;
opacity: 0;
visibility: hidden;
display: none;
}
.sociser_sec3 .acrhead .acrcont {
-webkit-line-clamp: 2;
}
.sociser_sec3 li.active .acrhead .acrcont {
-webkit-line-clamp: inherit;
opacity: 1;
visibility: visible;
display: block;
}
.sociser_sec3 li.active .acrcont {
-webkit-line-clamp: 2;
}
.sociser_sec3 li.active .acrcont:not(.sociser_sec3 li.active .acrhead .acrcont) {
visibility: hidden;
}
.inrvid_col {
overflow: hidden;
}
.where-work:hover .cont-wrkwth {
opacity: 1;
}
.cont-wrkwth {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(255 255 255 / 90%);
padding: 60px 45px;
opacity: 0;
transition-duration: 1500ms;
border-radius: 30px;
}
.where-work p {
margin: 0;
color: #000;
font-size: 24px;
font-weight: 400;
line-height: 1.25;
letter-spacing: 0.48px;
font-family: 'helvetica_neueregular' !important;
}
.where-work h2{
z-index: 2;
}
.where-work:hover h2 {
visibility: hidden;
}
.faq_box .oxy-rich-text p a {
color: #fff;
border-bottom: 1px solid #fff;
}
.hosp_cont p {
margin-bottom: 24px;
}
.wemake_sec .mkbdsliderow_owl .sec_headin p {
max-width: 100%;
}
.mkbdsliderow_owl .image-item {
margin-bottom: 35px;
}
.wemake_sec.wemake_sec_mobile {
display: none;
}
.mkbdslide_owl .owl-dots {
text-align: center;
margin-top: 0px;
height: 30px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.mkbdslide_owl .owl-dots .owl-dot {
display: inline-block;
position: relative;
cursor: pointer;
width: 3px;
height: 20px;
border-radius: 30px;
background: #4E4E4E;
font-size: 0;
margin: 0 4px;
transition-duration: 1000ms;
}
.mkbdslide_owl .owl-dots .owl-dot.active {
height: 30px;
background: #CFF05E;
transition-duration: 1000ms;
}
.mkbdslide_owl.owl-carousel .owl-stage, .mkbdslide_owl.owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto !important;
touch-action: auto;
}
.eye-catsec iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
height: 140%;
width: 100%;
border-radius: 60px;
}
.video_block_hos {
overflow: hidden;
border-radius: 60px;
}
.page-id-22 .sgpb-main-popup-data-container-863, .page-id-22 .sgpb-main-popup-data-container-862, .page-id-22 .sgpb-main-popup-data-container-300 {
pointer-events: none;
}
.goglle_reviews .rpi-content .rpi-card-inner{
background-color: #1f1d1e; border-radius: 18px;
}
.goglle_reviews .rpi-text {
color: #fff !important;
font-weight: 300;
line-height: 24px !important;
}
.goglle_reviews .rpi-bubble__inner::after, .goglle_reviews .rpi-bubble__inner::before{
height: 15px;
}
.goglle_reviews .rpi-header_row+.rpi-content_row {
--col: 1.6;
padding-right: 63px;
}
.goglle_reviews .rpi-header .rpi-name,
.goglle_reviews .rpi-header .rpi-based {
font-size: 22px;
}
.prevwin_img img {
width: 100%;
}
.ct_template-template-default .sgpb-main-html-content-wrapper iframe,
.oxygen-builder-body .sgpb-main-html-content-wrapper iframe { pointer-events:none; }
.video_blockinner {
position: relative;
padding-top: 100%;
width: 100%;
height: 100%;
}
.inrvid_col img {
width: 100%;
}
.soccreative_item img {
width: 100%;
}