@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
font-family: 'fontello';
src: url(//www.immotion.co.uk/wp-content/themes/brand-immotion/assets/fonts/fontello.eot?32637988);
src: url(//www.immotion.co.uk/wp-content/themes/brand-immotion/assets/fonts/fontello.eot?32637988#iefix) format('embedded-opentype'),
url(//www.immotion.co.uk/wp-content/themes/brand-immotion/assets/fonts/fontello.woff2?32637988) format('woff2'),
url(//www.immotion.co.uk/wp-content/themes/brand-immotion/assets/fonts/fontello.woff?32637988) format('woff'),
url(//www.immotion.co.uk/wp-content/themes/brand-immotion/assets/fonts/fontello.ttf?32637988) format('truetype'),
url(//www.immotion.co.uk/wp-content/themes/brand-immotion/assets/fonts/fontello.svg?32637988#fontello) format('svg');
font-weight: normal;
font-style: normal;
}
.demo-icon {
font-family: "fontello";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit; 
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-right-open-big:before { content: '\e800'; } .icon-left-open-big:before { content: '\e801'; } .icon-star:before { content: '\e802'; } .icon-right-small:before { content: '\e803'; } .icon-phone:before { content: '\e804'; } .icon-left-small:before { content: '\e805'; } .icon-cancel:before { content: '\e806'; } .icon-menu-1:before { content: '\e807'; } .icon-home:before { content: '\e808'; } .icon-twitter:before { content: '\f099'; } .icon-facebook:before { content: '\f09a'; } .icon-menu:before { content: '\f0c9'; } .icon-mail-alt:before { content: '\f0e0'; } .icon-instagram:before { content: '\f16d'; }   * {
box-sizing: border-box; }
body {
margin: 0;
font-family: 'Montserrat', sans-serif;
background: #E5E5E5; }
.container {
max-width: 1246px;
padding: 0 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.container {
max-width: 83.122vw; } }
.custom-container {
max-width: 1405px;
margin: 0 auto;
padding: 0 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.custom-container {
max-width: 93.729vw;
padding: 0 1.334vw; } }
div,
aside,
header,
footer,
nav,
ul,
li,
img,
a {
padding: 0;
margin: 0;
text-decoration: none;
list-style: none;
outline: none; }
* {
box-sizing: border-box; }
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0; }
.lazyload,
.lazyloading {
opacity: 0; }
.lazyloaded {
opacity: 1;
transition: opacity 300ms; }
a:hover {
text-decoration: none;
color: inherit; }
body.menu-open {
overflow: hidden; }   .sec-heading {
margin: 0 auto;
position: relative;
padding: 35px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.sec-heading {
padding: 2.333vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.sec-heading {
padding: 15px 0; } }
@media only screen and (max-width: 767px) {
.sec-heading {
padding: 8px 0; } }
.sec-heading h3 {
font-style: normal;
font-weight: 900;
font-size: 124px;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.1);
position: absolute;
left: 0;
right: 0;
top: 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.sec-heading h3 {
font-size: 8.267vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.sec-heading h3 {
font-size: 60px; } }
@media only screen and (max-width: 767px) {
.sec-heading h3 {
font-size: 36px; } }
.sec-heading h2 {
font-style: normal;
font-weight: 900;
font-size: 56PX;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #000;
position: relative;
z-index: 1; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.sec-heading h2 {
font-size: 3.733vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.sec-heading h2 {
font-size: 30px; } }
@media only screen and (max-width: 767px) {
.sec-heading h2 {
font-size: 20px; } }
.sec-heading h2 span {
color: #80F2CC; }
.sec-heading p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.333;
text-align: center;
color: #FFFFFF;
max-width: 735px;
margin: 25px auto 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.sec-heading p {
font-size: 1.200vw;
max-width: 49vw;
margin: 1.667vw auto 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.sec-heading p {
font-size: 14px;
margin: 15px auto 0;
max-width: 600px; } }
@media only screen and (max-width: 767px) {
.sec-heading p {
font-size: 12px;
margin: 15px auto 0; } }
.slick-arrow {
background-color: transparent;
border: 0;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
font-size: 24px;
min-width: 24px;
text-align: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.slick-arrow {
font-size: 1.600vw;
min-width: 1.600vw; } }
.slick-prev {
left: 0; }
.slick-next {
right: 0; }
.black-bg {
background-color: #000; }
.light-green-text {
color: #80F2CC !important; }
.custom-button {
font-family: 'Montserrat', sans-serif;
background: #80F2CC;
border-radius: 1000px;
border: 2px solid #80F2CC;
box-sizing: border-box;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 2;
text-align: center;
padding: 7px 15px 10px;
color: #000000;
transition: 0.5s; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.custom-button {
font-size: 1vw;
padding: 0.467vw 1vw 0.667vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.custom-button {
font-size: 14px;
padding: 6px 10px 8px; } }
@media only screen and (max-width: 767px) {
.custom-button {
font-size: 12px;
padding: 6px 10px 8px; } }
.custom-button:hover {
background-color: transparent; }
.custom-button-outline {
font-family: 'Montserrat', sans-serif;
background: transparent;
border-radius: 1000px;
border: 2px solid #80F2CC;
box-sizing: border-box;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 2;
text-align: center;
padding: 7px 15px 10px;
color: #000000;
transition: 0.5s; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.custom-button-outline {
font-size: 1vw;
padding: 0.467vw 1vw 0.667vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.custom-button-outline {
font-size: 14px;
padding: 6px 10px 8px; } }
@media only screen and (max-width: 767px) {
.custom-button-outline {
font-size: 12px;
padding: 6px 10px 8px; } }
.custom-button-outline:hover {
background-color: #80F2CC; }
.page-banner {
position: relative; }
.page-banner .inner-page-bg-image {
position: absolute;
width: 100%;
top: 0;
z-index: -1; }
.page-banner .inner-page-bg-image::before {
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.4);
content: "";
position: absolute;
}
.page-banner .inner-page-bg-image img {
width: 100%;
height: 734px;
object-fit: cover;
object-position: center center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.page-banner .inner-page-bg-image img {
height: 44.933vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.page-banner .inner-page-bg-image img {
height: 370px; } }
@media only screen and (max-width: 767px) {
.page-banner .inner-page-bg-image img {
height: 350px; } }
@media only screen and (max-width: 575px) {
.page-banner .inner-page-bg-image img {
height: 350px; } }
.page-banner .page-title {
text-align: center;
padding: 165px 0 77px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.page-banner .page-title {
padding: 11vw 0 5.133vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.page-banner .page-title {
padding: 130px 0 40px; } }
@media only screen and (max-width: 767px) {
.page-banner .page-title {
padding: 100px 0 20px; } }
.page-banner .page-title h6 {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
text-align: center;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #FFFFFF; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.page-banner .page-title h6 {
font-size: 1.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.page-banner .page-title h6 {
font-size: 18px;
letter-spacing: 3px; } }
@media only screen and (max-width: 767px) {
.page-banner .page-title h6 {
font-size: 14px;
letter-spacing: 2px; } }
.page-banner .page-title h1 {
margin: 34px 0 0;
font-style: normal;
font-weight: 900;
font-size: 75px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.page-banner .page-title h1 {
font-size: 5vw;
margin: 2.267vw 0 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.page-banner .page-title h1 {
font-size: 36px;
margin: 25px 0 0; } }
@media only screen and (max-width: 767px) {
.page-banner .page-title h1 {
font-size: 24px;
margin: 15px 0 0; } }
.page-banner .page-title h5 {
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 1;
text-align: center;
color: #FFFFFF;
margin-top: 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.page-banner .page-title h5 {
font-size: 2vw;
margin-top: 1vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.page-banner .page-title h5 {
font-size: 20px; } }
@media only screen and (max-width: 767px) {
.page-banner .page-title h5 {
font-size: 16px;
margin-top: 10px; } }
.page-banner .page-title p {
font-size: 18px;
line-height: 1.333;
color: #fff;
font-weight: 400;
max-width: 735px;
margin: 30px auto 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.page-banner .page-title p {
font-size: 0.947vw;
max-width: 38.684vw;
margin: 2vw auto 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.page-banner .page-title p {
font-size: 14px;
margin: 20px auto 0; } }
@media only screen and (max-width: 767px) {
.page-banner .page-title p {
max-width: 100%;
font-size: 12px;
margin: 15px auto 0; } } header {
padding: 27px 0;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header {
padding: 1.800vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
header {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
header {
padding: 10px 0; } }
@media only screen and (max-width: 991px) {
header .col-md-12.pad_zero {
padding: 0; } }
@media only screen and (max-width: 991px) {
header .header__main .header__hamburger.js-menu-toggle.d-block.d-md-none {
display: block !important; } }
header .header__main .header__hamburger.js-menu-toggle.d-block.d-md-none i {
font-size: 30px;
color: #fff; }
header .header__main .header__nav {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; position: relative;}
@media only screen and (max-width: 991px) {
header .header__main .header__nav nav.header__nav-bar {
top: 0;
left: -100%;
right: 0;
bottom: 0;
opacity: 0;
z-index: 999;
width: 100vw;
height: unset;
position: fixed;
max-width: 270px;
visibility: hidden;
background-color: #000;
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transform: translate(-100%);
box-shadow: 10px 0 10px rgba(176, 135, 80, 0.1); } }
header .header__main .header__nav nav.header__nav-bar .header__close.js-menu-close {
display: none; }
@media only screen and (max-width: 991px) {
header .header__main .header__nav nav.header__nav-bar .header__close.js-menu-close {
top: 15px;
z-index: 3;
right: 15px;
display: block;
cursor: pointer;
position: absolute; } }
header .header__main .header__nav nav.header__nav-bar .header__close.js-menu-close i {
color: #fff;
font-size: 30px; }
header .header__main .header__nav nav.header__nav-bar ul {
display: flex;
align-items: center; }
@media only screen and (max-width: 991px) {
header .header__main .header__nav nav.header__nav-bar ul {
flex-direction: column;
padding: 50px 15px; } }
header .header__main .header__nav nav.header__nav-bar ul li {
margin-right: 25px; }
@media only screen and (max-width: 1499px) and (min-width: 1201px) {
header .header__main .header__nav nav.header__nav-bar ul li {
margin-right: 20px; } }
@media only screen and (max-width: 1200px) and (min-width: 992px) {
header .header__main .header__nav nav.header__nav-bar ul li {
margin-right: 15px; } }
@media only screen and (max-width: 991px) {
header .header__main .header__nav nav.header__nav-bar ul li {
margin-right: 0;
padding-bottom: 20px; } }
header .header__main .header__nav nav.header__nav-bar ul li a {
color: #fff;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
position: relative; }
header .header__main .header__nav nav.header__nav-bar ul li a  .icon-home{
font-size: 16px;
}
header .header__main .header__nav nav.header__nav-bar ul li a::after {
-ms-transition: -webkit-transform .3s ease-out, border-color .3s ease-out;
-webkit-transition: -webkit-transform .3s ease-out, border-color .3s ease-out;
transition: transform .3s ease-out, border-color .3s ease-out;
position: absolute;
display: block;
bottom: -6px;
left: 0;
width: 100%;
-ms-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
border-top: 2px solid #0bd6b4;
content: '';
padding-bottom: inherit; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header .header__main .header__nav nav.header__nav-bar ul li a {
font-size: 0.801vw;
letter-spacing: 0.067vw; } }
header .header__main .header__nav nav.header__nav-bar ul li:hover a {
color: #0bd6b4; }
header .header__main .header__nav nav.header__nav-bar ul li:hover a::after {
backface-visibility: hidden;
-ms-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1); }
header .header__main .header__nav nav.header__nav-bar ul li.active a {
color: #0bd6b4; }
header .header__main .header__nav nav.header__nav-bar ul li.active a::after {
backface-visibility: hidden;
-ms-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1); }
header .header__main .header__nav .header__nav-bar.open {
opacity: 1;
visibility: visible;
transform: translate(0%);
left: 0; }
header .header__main .header__logo img {
max-width: 155px; }
@media only screen and (min-width:576px){
header .header__main .header__logo{
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
}
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header .header__main .header__logo img {
max-width: 10.340vw; } }
@media only screen and (max-width: 375px) {
header .header__main .header__logo img {
max-width: 130px; } }
@media screen and (min-width:1500px){
header .header__main .header__actions{
min-width: 505px;
}
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header .header__main .header__actions{
min-width: 33.667vw;
}
}
header .header__main .header__actions .header-social-wrapper {
display: flex;
align-items: center;justify-content: end; }
header .header__main .header__actions .social {
margin-right: 35px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header .header__main .header__actions .social {
margin-right: 2.335vw; } }
@media only screen and (max-width: 991px) {
header .header__main .header__actions .social {
display: none; } }
header .header__main .header__actions .social ul {
display: flex;
align-items: center;
justify-content: center; }
header .header__main .header__actions .social ul li {
margin-left: 18px; }
header .header__main .header__actions .social ul li a{
color:#fff;
font-size: 20px;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header .header__main .header__actions .social ul li {
margin-left: 1.201vw; } 
header .header__main .header__actions .social ul li a{
font-size: 1.333vw;
}
}
header .header__main .header__actions .social ul li img {
max-width: 20px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header .header__main .header__actions .social ul li img {
max-width: 1.334vw; } }
header .header__main .header__actions .header__buttons a {
border: 1px solid #80F2CC;
border-radius: 50px;
color: #ffffff;
display: inline-block;
padding: 15px 27px;
background-color: transparent;
font-size: 15px;
font-weight: 700; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header .header__main .header__actions .header__buttons a {
padding: 1.001vw 1.801vw;
font-size: 1.001vw;
border-radius: 3.336vw; } }
@media only screen and (max-width: 991px) {
header .header__main .header__actions .header__buttons a {
font-size: 14px;
padding: 10px 12px; } }
header .header__main .header__actions .header__buttons a svg {
margin-left: 10px;
vertical-align: middle; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
header .header__main .header__actions .header__buttons a svg {
margin-left: 0.667vw; } }
@media only screen and (max-width: 991px) {
header .header__main .header__actions .header__buttons a svg {
margin-left: 5px; } }
@media only screen and (max-width: 375px) {
header .header__main .header__actions .header__buttons a svg {
margin-left: 3px; } }
header .header__main .header__actions .header__buttons a:hover {
background-color: #80F2CC;
color: #000; }
header .header__main .header__actions .header__buttons a:hover svg path {
fill: #000; }
.header-banner {
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
padding-bottom: 60px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.header-banner {
padding-bottom: 4.003vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.header-banner {
padding-bottom: 40px; } }
@media only screen and (max-width: 767px) {
.header-banner {
padding-bottom: 25px; } } footer {
background: #000000;
padding: 67px 0 88px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer {
padding: 4.470vw 0 5.871vw 0; } }
@media only screen and (max-width: 767px) {
footer {
padding: 50px 0; } }
footer .footer-top .footer-top-wrapper {
display: flex;
align-items: center;
justify-content: space-between; }
@media only screen and (max-width: 767px) {
footer .footer-top .footer-top-wrapper {
flex-direction: column; } }
footer .footer-top .footer-top-wrapper .footer-top-left img {
max-width: 252px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-top .footer-top-wrapper .footer-top-left img {
max-width: 16.811vw; } }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper {
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 480px) {
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper {
flex-direction: column; } }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social {
padding-right: 33px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social {
padding-right: 2.201vw; } }
@media only screen and (max-width: 480px) {
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social {
padding-right: 0px;
padding-bottom: 20px;
padding-top: 10px; } }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social ul {
display: flex;
align-items: center;
justify-content: center; }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social ul li {
padding-left: 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social ul li {
padding-left: 1.001vw; } }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social ul li img {
max-width: 20px; }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social ul li a{
color: #fff;
font-size: 20px;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social ul li img {
max-width: 1.334vw; 
} 
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social ul li a{
font-size: 1.333vw;
}
}
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-social ul li:first-child {
padding-left: 0px; }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-btn a {
background: #80F2CC;
color: #000000;
font-weight: 700;
border-radius: 50px;
font-size: 15px;
padding: 16px 20px;
border: 2px solid transparent;
display: inline-block;
vertical-align: middle; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-btn a {
padding: 1.067vw 1.334vw;
font-size: 1.001vw;
border-radius: 3.336vw; } }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-btn a svg {
margin-right: 10px;
vertical-align: middle;
position: relative;
top: -2px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-btn a svg {
margin-right: 0.667vw;
top: -0.133vw; } }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-btn a:hover {
background: transparent;
color: #80f2cc;
border: 2px solid #80f2cc; }
footer .footer-top .footer-top-wrapper .footer-top-right .footer-top-right-main-wrapper .footer-btn:hover svg path {
fill: #80f2cc; }
footer .footer-bottom-sec {
padding-top: 73px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-bottom-sec {
padding-top: 4.870vw; } }
@media only screen and (max-width: 767px) {
footer .footer-bottom-sec {
padding-top: 35px; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper {
display: flex;
align-items: flex-start;
justify-content: center; }
@media only screen and (max-width: 767px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper {
flex-direction: column; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left {
width: 40%; }
@media only screen and (max-width: 767px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left {
padding-bottom: 40px;
width: 100%;
text-align: center; } }
@media only screen and (max-width: 575px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left {
padding-bottom: 0px; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left p {
color: #fff;
margin-bottom: 18px;
font-size: 12px;
line-height: 1;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left p {
font-size: 0.801vw;
margin-bottom: 1.201vw; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left .privacy-link-main p {
font-size: 13px;
margin-bottom: 30px;
font-weight: 400;
letter-spacing: 0;
text-transform: inherit; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left .privacy-link-main p {
font-size: 0.867vw;
margin-bottom: 2.001vw; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left .privacy-link-main a {
font-size: 14px;
color: #80F2CC;
font-weight: 400;
margin-bottom: 5px;
display: inline-block; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left .privacy-link-main a {
font-size: 0.934vw;
margin-bottom: 0.334vw; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-botttom-sec-left .privacy-link-main a:hover {
color: #fff; }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right {
width: 60%; }
@media only screen and (max-width: 767px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right {
width: 100%; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper {
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 575px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper {
flex-direction: column; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column {
width: 40%;
margin-left: auto;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
align-content: flex-end;}
@media only screen and (max-width: 767px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column {
width: 100%;
padding-left: 0;
text-align: center;align-content: center; } }
@media only screen and (max-width: 575px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column {
padding-left: 0px;
padding-top: 30px; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column h3 {
font-size: 12px;
line-height: 1;
color: #fff;
font-weight: 500;
margin-bottom: 14px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column h3 {
font-size: 0.801vw;
margin-bottom: 0.934vw; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column p {
font-size: 13px;
line-height: 1.3;
color: #fff;
font-weight: 400; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column p {
font-size: 0.867vw; } }
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column a {
font-size: 13px;
line-height: 1.3;
color: #fff;
font-weight: 400; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
footer .footer-bottom-sec .footer-bottom-sec-wrapper .footer-bottom-sec-right .footer-bottom-sec-column-wrapper .footer-bottom-column a {
font-size: 0.867vw; } }  .other-projects .slider .other-projct-main .other-project-image:hover { opacity: 0.9; }
.bannerslider {
height: 908px;
width: 100%;
max-height: 100%;
position: relative; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.bannerslider {
height: 60.533vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.bannerslider {
height: 450px; } }
@media only screen and (max-width: 767px) {
.bannerslider {
min-height: 100%;
height: 100vw; } }
.bannerslider .product-box__slider {
height: 100%; }
.bannerslider .product-box__item-media {
height: 100%; }
.bannerslider .product-box__item-media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center; }
.bannerslider .slick-list {
height: 100%;
width: 100%; }
.bannerslider .slick-track {
height: 100%;
width: 100%; }
.bannerslider .slick-dots {
position: absolute;
right: 36px;
bottom: 50px;
display: flex;
align-items: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.bannerslider .slick-dots {
right: 2.400vw;
bottom: 3.333vw; } }
@media only screen and (max-width: 767px) {
.bannerslider .slick-dots {
right: 10px;
bottom: 15px; } }
.bannerslider .slick-dots li button {
border: 1px solid #FFFFFF;
box-sizing: border-box;
background-color: transparent;
font-size: 0;
padding: 0;
width: 10px;
height: 10px;
margin: 0 10px;
border-radius: 100%; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.bannerslider .slick-dots li button {
width: 0.667vw;
height: 0.667vw;
margin: 0 0.667vw; } }
.bannerslider .slick-dots li.slick-active button {
background: #80F2CC;
border-color: #80F2CC; }
.banner-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.banner-content .container {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
left: 0;
right: 0; }
.banner-content h2 {
font-style: normal;
font-weight: 900;
font-size: 100px;
line-height: 1;
color: #FFFFFF;
text-transform: uppercase;
max-width: 835px;
margin-bottom: 30px; }
.banner-content h3{
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 24px;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.banner-content h2 {
max-width: 55.667vw;
font-size: 6.667vw;
margin-bottom: 2vw; 
} 
.banner-content h3{
font-size: 1.333vw;
margin-bottom: 1.600vw;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.banner-content h2 {
max-width: 770px;
font-size: 36px;
margin: 0 auto 20px;
text-align: center; } 
.banner-content h3{
font-size: 14px;
margin-bottom: 18px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.banner-content h2 {
max-width: 100%;
font-size: 24px;
margin-bottom: 15px;
text-align: center; }
.banner-content h3{
font-size: 12px;
margin-bottom: 15px;
text-align: center;
}
}
.banner-content p {
max-width: 735px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.333;
color: #FFFFFF; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.banner-content p {
max-width: 49vw;
font-size: 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.banner-content p {
max-width: 700px;
margin: 0 auto;
font-size: 14px;
text-align: center; } }
@media only screen and (max-width: 767px) {
.banner-content p {
max-width: 100%;
font-size: 12px;
text-align: center; } }
.bannerslider .caption,
.bannerslider .slick-slide::before,
.bannerslider .slick-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.bannerslider .slick-slide::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.bannerslider .slick-slide {
position: relative; }
.bannerslider .slick-slide video {
display: block;
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%); }
.bannerslider .slick-slide iframe {
position: relative;
pointer-events: none; }
.bannerslider .slick-slide figure {
position: relative;
height: 100%; }
.bannerslider .slick-slide .slide-image {
opacity: 0;
height: 100%;
background-size: cover;
background-position: center;
transition: all 0.8s ease; }
.bannerslider .slick-slide .slide-image.show {
opacity: 1; }
.bannerslider .slick-slide .image-entity {
width: 100%;
opacity: 0;
visibility: hidden; }
.bannerslider .slick-slide .slide-media {
-webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1); }
.bannerslider .slick-slide.slick-active {
z-index: 1; }
.bannerslider .slick-slide.slick-active .slide-media {
-webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); }
.bannerslider .slick-slide.slick-active .caption {
opacity: 1;
transform: translateY(0);
transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; }
.product-box__video-icon {
left: 30px;
width: 30px;
height: 30px;
bottom: 33px;
z-index: 2;
position: absolute;
cursor: pointer; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.product-box__video-icon {
left: 2vw;
width: 2vw;
height: 2vw;
bottom: 2.200vw; } }
@media only screen and (max-width: 767px) {
.product-box__video-icon {
left: 15px;
bottom: 15px; } }
.product-box__item-media video,
.product-box__item-media img {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
position: absolute;
object-fit: cover; }
.icon-play {
opacity: 0; }
.product-box__video-icon.pause .icon-pause {
opacity: 0; }
.product-box__video-icon.pause .icon-play {
opacity: 1; }
.product-box__progressbar {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
right: 0;
margin: 0 auto; }
.product-box__progressbar div {
padding: 0;
color: #80F2CC;
cursor: pointer;
width: 100%;
position: absolute;
left: 0;
bottom: 0; }
.product-box__progressbar div span.product-box__progress-bar {
width: 100%;
height: 3px;
display: block;
background-color: transparent; }
.product-box__progressbar div span.product-box__progress-bar .inProgress {
width: 0%;
height: 3px;
background-color: #80F2CC; }
.brand-logo-wrapper .slick-prev {
left: -70px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.brand-logo-wrapper .slick-prev {
left: -4.667vw; } }
@media only screen and (max-width: 991px) {
.brand-logo-wrapper .slick-prev {
left: -15px; } }
.brand-logo-wrapper .slick-next {
right: -70px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.brand-logo-wrapper .slick-next {
right: -4.667vw; } }
@media only screen and (max-width: 991px) {
.brand-logo-wrapper .slick-next {
right: -15px; } }
.brand-logo-home-page{
background-color: #000;
padding: 26px 0 51px 0;
}
.brand-logo-home-page .company-logo .slick-list{
max-width: 960px;
margin: 0 auto;
}
.brand-logo-home-page .company-logo .item {
padding: 0 10px;
}
.brand-logo-home-page .company-logo .slick-arrow {
color: #80F2CC;
width: 100px;
height: 100px;
z-index: 1;
background: -moz-radial-gradient(center, ellipse cover, black 0%, rgba(2, 0, 0, 0.45) 80%, rgba(255, 255, 255, 0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, black 0%, rgba(2, 0, 0, 0.45) 80%, rgba(255, 255, 255, 0) 100%);
background: radial-gradient(ellipse at center, black 0%, rgba(2, 0, 0, 0.45) 80%, rgba(255, 255, 255, 0) 100%); }
.brand-logo-home-page .company-logo .item img {
width: auto;
height: auto;
max-height: 72px;
}
.brand-logo-home-page .company-logo .slick-prev {
left: 0; 
}
.brand-logo-home-page .company-logo .slick-next {
right: 0; 
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.brand-logo-home-page{
padding: 1.733vw 0 3.400vw 0;
}
.brand-logo-home-page .company-logo .slick-list{
max-width: 64vw;
}
.brand-logo-home-page .company-logo .item {
padding: 0 0.667vw;
}
.brand-logo-home-page .company-logo .item img {      
max-height: 4.800vw;
}
.brand-logo-home-page .company-logo .slick-arrow {
width: 6.667vw;
height: 6.667vw; 
} 
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.brand-logo-home-page{
padding: 25px 0;
}
}
@media only screen and (max-width: 767px) {
.brand-logo-home-page{
padding: 15px 0;
}
.brand-logo-home-page .company-logo .item {
padding: 0 5px;
}
.brand-logo-home-page .company-logo .item img {
max-height: 50px;
}
.brand-logo-home-page .company-logo .slick-arrow {
width: 50px;
height: 50px; 
} 
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
}
.brand-logo-home-page .brand-logo-wrapper .brand-logo-column figure img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%); }
.delivering-immersive-experiences-section {
padding: 30px 0; }
.delivering-immersive-experiences-section .sec-heading p{
color:#000;
max-width: 780px;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section {
padding: 2vw 0; }
.delivering-immersive-experiences-section .sec-heading p{
max-width: 52.067vw;    
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.delivering-immersive-experiences-section {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
.delivering-immersive-experiences-section {
padding: 15px 0; } }
.delivering-immersive-experiences-section .immersive-experiences-slider {
max-width: 1500px;
width: 100%;
margin: 25px auto;
padding: 0 26px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section .immersive-experiences-slider {
margin: 1.667vw auto;
padding: 0 1.733vw; } }
@media only screen and (max-width: 991px) {
.delivering-immersive-experiences-section .immersive-experiences-slider {
margin: 10px auto;
padding: 0 20px; }
.delivering-immersive-experiences-section .immersive-experiences-slider .slick-arrow {
top: 26%; }
.delivering-immersive-experiences-section .immersive-experiences-slider .slick-prev {
top: 26%; }
.delivering-immersive-experiences-section .immersive-experiences-slider .slick-next {
top: 26%; } }
.delivering-immersive-experiences-section .immersive-experiences-slider .item {
padding: 20px;
position: relative; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item {
padding: 1.333vw; } }
@media only screen and (max-width: 991px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item {
padding: 10px; } }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes {
width: 100%;
height: auto; }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .main-images {
position: relative;
width: 100%;
padding-bottom: 105%; }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .main-images img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
border-radius: 5px; }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content {
width: calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: -moz-calc(100% - 80px);
border-radius: 5px;
background-color: #fff;
padding: 23px 33px;
text-align: center;
margin: -109px auto 0 auto;
z-index: 1;
position: relative;
box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.04); }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content {
width: calc(100% - 5.333vw);
width: -webkit-calc(100% - 5.333vw);
width: -moz-calc(100% - 5.333vw);
padding: 1.533vw 2.200vw;
margin: -7.267vw auto 0 auto;
box-shadow: 0px 0.267vw 1.2vw rgba(0, 0, 0, 0.04); } }
@media only screen and (max-width: 991px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content {
width: calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
padding: 15px;
margin: -40px auto 0 auto;
box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.04); } }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content figure {
margin: 0 auto;
height: 92px;
width: 214px;
position: relative; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content figure {
margin: 0 auto 0.933vw;
height: 6.133vw;
width: 14.267vw; } }
@media only screen and (max-width: 991px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content figure {
height: 46px;
width: 107px; } }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content figure img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%); }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content p {
font-style: normal;
font-weight: 800;
font-size: 15px;
line-height: 1.3333;
text-align: center;
color: #000000;
max-width: 298px;
margin: 14px auto ; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content p {
font-size: 1vw;
max-width: 19.867vw;
margin: 0.933vw auto ; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content p {
font-size: 14px;
max-width: 100%;
margin: 10px auto ; } }
@media only screen and (max-width: 767px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content p {
font-size: 12px;
max-width: 100%;
margin: 10px auto ; } }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content h6 {
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 1.363;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #000000;
margin-top: 0; }
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content h5 {
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 1.363;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #000000;}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content h6 {
font-size: 0.733vw;
margin-top: 0w; 
} 
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content h5 {
font-size: 0.733vw;
}
}
@media only screen and (max-width: 991px) {
.delivering-immersive-experiences-section .immersive-experiences-slider .item .boxes .content h6 {
margin: 0 auto 10px; 
} 
}
.delivering-immersive-experiences-section .details h3 {
font-style: normal;
font-weight: 900;
font-size: 45px;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #000000; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section .details h3 {
font-size: 3vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.delivering-immersive-experiences-section .details h3 {
font-size: 24px; } }
@media only screen and (max-width: 767px) {
.delivering-immersive-experiences-section .details h3 {
font-size: 20px; } }
.delivering-immersive-experiences-section .details p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.333;
text-align: center;
color: #21548E;
max-width: 781px;
margin: 25px auto 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.delivering-immersive-experiences-section .details p {
font-size: 1.200vw;
max-width: 52.067vw;
margin: 1.667vw auto 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.delivering-immersive-experiences-section .details p {
font-size: 14px;
margin: 10px auto 0; } }
@media only screen and (max-width: 767px) {
.delivering-immersive-experiences-section .details p {
font-size: 12px;
max-width: 100%;
margin: 10px auto 0; } }
.good-company-section {
padding: 100px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.good-company-section {
padding: 6.667vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.good-company-section {
padding: 50px 0; } }
@media only screen and (max-width: 767px) {
.good-company-section {
padding: 35px 0 20px 0; } }
.good-company-section .sec-heading h3 {
top: -15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.good-company-section .sec-heading h3 {
top: -1vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.good-company-section .sec-heading h3 {
top: -6px; } }
@media only screen and (max-width: 767px) {
.good-company-section .sec-heading h3 {
top: -3px; } }
.good-company-section .sec-heading h2 {
color: #fff; }
.good-company-section .sec-heading h2 span {
display: block; }
.good-company-section .company-logo {
max-width: 1500px;
margin: 60px auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.good-company-section .company-logo {
margin: 4vw auto; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.good-company-section .company-logo {
margin: 30px auto; } }
@media only screen and (max-width: 767px) {
.good-company-section .company-logo {
margin: 20px auto; } }
.good-company-section .company-logo .item {
padding: 0 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.good-company-section .company-logo .item {
padding: 0 0.667vw; } }
@media only screen and (max-width: 767px) {
.good-company-section .company-logo .item {
padding: 0 5px; } }
.good-company-section .company-logo .item img {
width: auto;
height: auto;
max-height: 72px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.good-company-section .company-logo .item img {
max-height: 4.800vw; } }
@media only screen and (max-width: 767px) {
.good-company-section .company-logo .item img {
max-height: 50px; } }
.good-company-section .company-logo .slick-arrow {
color: #80F2CC;
width: 100px;
height: 100px;
z-index: 1;
background: -moz-radial-gradient(center, ellipse cover, black 0%, rgba(2, 0, 0, 0.45) 80%, rgba(255, 255, 255, 0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, black 0%, rgba(2, 0, 0, 0.45) 80%, rgba(255, 255, 255, 0) 100%);
background: radial-gradient(ellipse at center, black 0%, rgba(2, 0, 0, 0.45) 80%, rgba(255, 255, 255, 0) 100%); }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.good-company-section .company-logo .slick-arrow {
width: 6.667vw;
height: 6.667vw; } }
@media only screen and (max-width: 767px) {
.good-company-section .company-logo .slick-arrow {
width: 50px;
height: 50px; } }
.good-company-section .company-logo .slick-prev {
left: 0; }
.good-company-section .company-logo .slick-next {
right: 0; }
.good-company-section .details {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.428;
text-align: center;
color: #FFFFFF;
max-width: 552px;
margin: 0 auto;
padding: 0 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.good-company-section .details {
font-size: 0.933vw;
max-width: 36.800vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.good-company-section .details {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.good-company-section .details {
font-size: 12px; } }
.partner-case-studies-section{
background-color: #fff;
}
.partner-case-studies-section .sec-heading{
padding: 0;
}
.partner-case-studies-section.other-projects .progress{
margin-bottom:  0;
}
.partner-case-studies-section .content {
margin: 44px auto 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.partner-case-studies-section .content {
margin: 2.933vw auto 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.partner-case-studies-section .content {
margin: 30px auto 0; } }
@media only screen and (max-width: 767px) {
.partner-case-studies-section .content {
margin: 15px auto 0; } }  .about-banner {
text-align: center;
padding-top: 130px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.about-banner {
padding-top: 8.667vw; } }
.about-banner .about-banner-wrapper h3 {
color: #fff;
font-size: 20px;
line-height: 1;
letter-spacing: 8px;
font-weight: 400;
text-transform: uppercase; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.about-banner .about-banner-wrapper h3 {
font-size: 1.334vw;
letter-spacing: 1.334vw; } }
@media only screen and (max-width: 767px) {
.about-banner .about-banner-wrapper h3 {
font-size: 18px; } }
.about-banner .about-banner-wrapper h1 {
font-size: 75px;
color: #80F2CC;
line-height: 0.8;
font-weight: 900;
padding-top: 30px;
padding-bottom: 30px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.about-banner .about-banner-wrapper h1 {
font-size: 5vw;
padding-top: 2.001vw;
padding-bottom: 2.001vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.about-banner .about-banner-wrapper h1 {
font-size: 36px; } }
@media only screen and (max-width: 767px) {
.about-banner .about-banner-wrapper h1 {
font-size: 24px;
padding-top: 20px;
padding-bottom: 20px; } }
.about-banner .about-banner-wrapper h1 span {
display: block;
color: #fff; }
@media only screen and (max-width: 767px) {
.about-banner .about-banner-wrapper h1 span {
display: inline; } }
.about-banner .about-banner-wrapper h5 {
color: #fff;
font-size: 18px;
line-height: 1.3;
font-weight: 400;
padding-bottom: 25px;
max-width: 580px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.about-banner .about-banner-wrapper h5 {
max-width: 38.692vw;
font-size: 1.201vw;
padding-bottom: 1.668vw; } }
@media only screen and (max-width: 767px) {
.about-banner .about-banner-wrapper h5 {
font-size: 16px;
max-width: 100%;
padding-bottom: 20px; } }
.about-banner .about-banner-wrapper p {
font-size: 14px;
line-height: 1.4;
color: #fff;
padding-bottom: 25px;
font-weight: 400;
max-width: 600px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.about-banner .about-banner-wrapper p {
font-size: 0.934vw;
padding-bottom: 1.668vw;
max-width: 40.027vw; } }
@media only screen and (max-width: 767px) {
.about-banner .about-banner-wrapper p {
font-size: 12px;
padding-bottom: 15px; } }
.brand-logo {
padding: 35px 0 65px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.brand-logo {
padding: 2.335vw 0 4.336vw 0; } }
@media only screen and (max-width: 991px) {
.brand-logo {
padding: 40px 0; } }
.brand-logo .brand-logo-wrapper .slick-list .slick-track {
display: flex;
align-items: center;
justify-content: center; }
.brand-logo .brand-logo-wrapper button.slick-prev.slick-arrow {
position: absolute;
top: 50%;
left: -70px;
transform: translate(0px, -50%);
background-color: transparent;
border: none;
z-index: 99999; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.brand-logo .brand-logo-wrapper button.slick-prev.slick-arrow {
left: -4.670vw; } }
@media only screen and (max-width: 991px) {
.brand-logo .brand-logo-wrapper button.slick-prev.slick-arrow {
left: 0; } }
.brand-logo .brand-logo-wrapper button.slick-prev.slick-arrow i {
font-size: 22px; }
.brand-logo .brand-logo-wrapper button.slick-next.slick-arrow {
position: absolute;
top: 50%;
right: -70px;
transform: translate(0px, -50%);
background-color: transparent;
border: none; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.brand-logo .brand-logo-wrapper button.slick-next.slick-arrow {
right: -4.670vw; } }
@media only screen and (max-width: 991px) {
.brand-logo .brand-logo-wrapper button.slick-next.slick-arrow {
right: 0; } }
.brand-logo .brand-logo-wrapper button.slick-next.slick-arrow i {
font-size: 22px; }
.brand-logo .brand-logo-wrapper .brand-logo-column figure {
display: flex;
align-items: center;
justify-content: center; }
.brand-logo .brand-logo-wrapper .brand-logo-column figure img {
margin: 0 auto;
max-width: 220px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.brand-logo .brand-logo-wrapper .brand-logo-column figure img {
max-width: 14.676vw; } }
@media only screen and (max-width: 991px) {
.brand-logo .brand-logo-wrapper .brand-logo-column figure img {
max-width: 100%; } }
.our_story {
padding-top: 45px;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_story {padding-top: 3vw;}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_story {padding-top: 30px;}
}
@media only screen and (max-width: 767px) {
.our_story {padding-top: 20px;}
}
.our_story .our-story-two-column-wrapper {
margin: 61px 0 50px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_story .our-story-two-column-wrapper {
margin: 4.067vw 0 3.336vw; } }
@media only screen and (max-width: 991px) {
.our_story .our-story-two-column-wrapper {
flex-direction: column;
margin: 30px 0; } }
@media only screen and (max-width: 767px) {
.our_story .our-story-two-column-wrapper {
margin: 20px 0; } }
.our_story .our-story-two-column-wrapper .our-story-two-column-left {
width: 100%;position: relative;display: block;}
.our_story .our-story-two-column-wrapper .our-story-two-column-left::after{
content: "";
position: absolute;
top:0;
left: 0;
background: linear-gradient(0deg, rgba(33, 84, 142, 0.3), rgba(33, 84, 142, 0.3));
width: 100%;
height: 100%;
border-radius: 5px;
} 
@media only screen and (max-width: 991px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-left {
width: 100%;
text-align: center; } }
.our_story .our-story-two-column-wrapper .our-story-two-column-left img {
border-radius: 5px;width: 100%;max-height: 584px;object-fit: cover;object-position: center center;display: block; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-left img {
border-radius: 0.334vw; } }
@media only screen and (max-width: 991px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-left img {
width: 100%; } }
.our_story .our-story-two-column-wrapper .our-story-two-column-right {
max-width: 994px; margin: 0 auto;padding: 95px 127px;background-color: #fff;border-radius: 5px;
width: 100%;margin-top: -256px;    z-index: 1;
position: relative; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-right {
max-width: 66.267vw;padding: 6.333vw 8.467vw; margin-top: -17.067vw; } }
@media only screen and (max-width: 991px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-right {
max-width: 80%;padding: 25px; margin-top:-100px;        
width: 100%; } }
@media only screen and (max-width: 767px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-right {max-width: 90%;margin-top:-50px;}
}
.our_story .our-story-two-column-wrapper .our-story-two-column-right h4 {
font-size: 18px;
line-height: 1.4;
color: #000;
font-weight: 700;
margin-bottom: 25px;   }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-right h4 {
font-size: 1.201vw;
margin-bottom: 1.668vw; } }
@media only screen and (max-width: 767px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-right h4 {
font-size: 16px;
margin-bottom: 20px; } }
.our_story .our-story-two-column-wrapper .our-story-two-column-right p {
color: #000;
font-size: 14px;
line-height: 1.3;
font-weight: 400;
margin-bottom: 20px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-right p {
font-size: 0.933vw;
margin-bottom: 1.334vw; } }
@media only screen and (max-width: 767px) {
.our_story .our-story-two-column-wrapper .our-story-two-column-right p {
font-size: 12px;
margin-bottom: 15px; } }
.board-director .board-director-title-wrapper {
text-align: center;
margin-bottom: 60px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.board-director .board-director-title-wrapper {
margin-bottom: 4.003vw; } }
@media only screen and (max-width: 767px) {
.board-director .board-director-title-wrapper {
margin-bottom: 40px; } }
.meet-main {
margin-top: 41px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.meet-main {
margin-top: 2.733vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.meet-main {
margin-top: 25px; } }
@media only screen and (max-width: 767px) {
.meet-main {
margin-top: 15px; } }
.meet-main .team-main-row {
font-size: 0px;
display: flex;
border-radius: 5px;
overflow: hidden;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 767px) {
.meet-main .team-main-row {
flex-wrap: wrap; } }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.meet-main .team-main-row {
border-radius: 0.334vw; } }
.meet-main .team-main-row .team-main-column {
width: 20%; }
@media only screen and (max-width: 767px) {
.meet-main .team-main-row .team-main-column {
width: 50%; } }
@media only screen and (max-width: 575px) {
.meet-main .team-main-row .team-main-column {
width: 100%; } }
.meet-main .team-main-row .team-main-column .team-main-column-img {
position: relative; }
.meet-main .team-main-row .team-main-column .team-main-column-img img {
width: 100%; }
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text {
position: absolute;
z-index: 999;
bottom: 40px;
left: 0;
padding: 0 5px;
right: 0;
color: #ffffff;
text-align: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text {
padding: 0 0.334vw;
bottom: 2.668vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text {
bottom: 15px; } }
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text h4 {
font-weight: 700;
font-size: 16px;
line-height: 1;
margin-bottom: 8px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text h4 {
font-size: 1.067vw;
margin-bottom: 0.534vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text h4 {
font-size: 14px; } }
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text p {
font-size: 14px;
line-height: 1;
font-weight: 400;
color: rgba(255, 255, 255, 0.8); }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text p {
font-size: 0.934vw; } }
@media only screen and (max-width: 767px) {
.meet-main .team-main-row .team-main-column .team-main-column-img .team-main-column-text p {
font-size: 12px; } }
.meet-main .team-main-row .team-main-column .team-main-column-img::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #282B30;
opacity: 0.45; }
.meet-main .team-main-row .team-main-column:hover .team-main-column-img::after {
opacity: 0; }
.meet-main .five-box .team-main-column:first-child {
border-radius: 5px 0 0 5px;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.meet-main .five-box .team-main-column:first-child {
border-radius: 0; } }
.meet-main .five-box .team-main-column:nth-child(5n+0) {
border-radius: 0px 5px 5px 0;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.meet-main .five-box .team-main-column:nth-child(5n+0) {
border-radius: 0; } }
.meet-main .five-box .team-main-column:nth-child(5n+1) {
border-radius: 5px 0 0 5px;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.meet-main .five-box .team-main-column:nth-child(5n+1) {
border-radius: 0; } }
.meet-main .five-box .team-main-column:last-child {
border-radius: 0 5px 5px 0;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.meet-main .five-box .team-main-column:last-child {
border-radius: 0; } }
.meet-rest-team {
margin-bottom: 60px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.meet-rest-team {
margin-bottom: 4.003vw; } }
.meet-rest-team .meet-rest-title {
text-align: center;
margin: 60px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.meet-rest-team .meet-rest-title {
margin: 4.003vw 0; } }
@media only screen and (max-width: 767px) {
.meet-rest-team .meet-rest-title {
margin: 40px 0; } }
.meet-rest-team .meet-rest-title h2 {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
text-align: center;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #21548E; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.meet-rest-team .meet-rest-title h2 {
font-size: 1.334vw;
letter-spacing: 0.534vw; } }
@media only screen and (max-width: 767px) {
.meet-rest-team .meet-rest-title h2 {
font-size: 18px; } }
.behind_the_scene .behind_the_scene_main {
margin-top: 65px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.behind_the_scene .behind_the_scene_main {
margin-top: 4.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.behind_the_scene .behind_the_scene_main {
margin-top: 25px; } }
@media only screen and (max-width: 767px) {
.behind_the_scene .behind_the_scene_main {
margin-top: 15px; } }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main {
max-width: 1028px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main {
max-width: 68.579vw; } }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper {
margin-bottom: 60px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper {
margin-bottom: 4.003vw; } }
@media only screen and (max-width: 767px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper {
margin-bottom: 40px; } }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img {
position: relative; }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img img {
width: 100%;
border-radius: 5px; }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text {
position: absolute;
bottom: 0; }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
font-size: 60px;
line-height: 0.8;
color: #fff;
text-transform: uppercase;
font-weight: 900;
padding-left: 140px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
padding-left: 9.340vw;
font-size: 4.003vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
padding-left: 70px; } }
@media only screen and (max-width: 767px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
font-size: 40px;
padding-left: 40px; } }
@media only screen and (max-width: 480px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
font-size: 28px;
padding-left: 30px; } }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text {
max-width: 740px;
padding-top: 35px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text {
padding-left: 9.340vw;
padding-top: 2.335vw;
max-width: 49.366vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text {
padding-left: 70px; } }
@media only screen and (max-width: 767px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text {
padding-left: 40px;
padding-top: 25px; } }
@media only screen and (max-width: 480px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text {
padding-left: 30px; } }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text h5 {
font-size: 18px;
line-height: 1.4;
color: #21548E;
margin-bottom: 25px;
font-weight: 700;
max-width: 740px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text h5 {
font-size: 1.201vw;
margin-bottom: 1.668vw; } }
@media only screen and (max-width: 767px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text h5 {
max-width: 100%;
font-size: 16px;
margin-bottom: 20px; } }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text p {
color: #21548E;
font-weight: 400;
font-size: 14px;
line-height: 1.3;
margin-bottom: 25px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text p {
margin-bottom: 1.668vw;
font-size: 0.934vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text p {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text p {
font-size: 12px;
margin-bottom: 15px; } }
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper.the-grand-openings-1 {
margin-bottom: 80px !important; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper.the-grand-openings-1 {
margin-bottom: 5.337vw !important; } }
@media only screen and (max-width: 767px) {
.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper.the-grand-openings-1 {
margin-bottom: 50px !important; } }  .contact-inner .contact-us-inner-form .contact-us-bg {
background: #ffffff;
padding: 62px 127px 35px 127px;
border-radius: 5px;
max-width: 994px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg {
padding: 4.136vw 8.472vw 2.335vw 8.472vw;
border-radius: 0.334vw;
max-width: 66.311vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg {
padding: 25px; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.contact-inner .contact-us-inner-form .contact-us-bg {
padding: 30px; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-bg-title {
text-align: center; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-bg-title h3 {
color: #182339;
font-size: 18px;
line-height: 1.4;
font-weight: 700;
margin-bottom: 25px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-bg-title h3 {
font-size: 1.201vw;
margin-bottom: 1.668vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-bg-title h3 {
margin-bottom: 20px;
font-size: 16px; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-bg-title p {
color: #182339;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
margin-bottom: 40px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-bg-title p {
font-size: 1.067vw;
margin-bottom: 2.668vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-bg-title p {
font-size: 14px;
margin-bottom: 25px; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-bg-title p {
font-size: 12px;
margin-bottom: 20px; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper {
margin: 0 -10px 13px -10px;
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper {
margin: 0 -0.667vw 0.867vw -0.667vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper {
flex-direction: column;
margin-bottom: 0px; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper .form-row {
padding: 0 10px;
width: 50%; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper .form-row {
padding: 0 0.667vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper .form-row {
width: 100%;
margin-bottom: 10px; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper .form-row input {
background: #F0F0F0;
color: #919191;
font-size: 14px;
height: 47px;
padding: 0 28px;
border: none;
width: 100%;
font-weight: 400;
outline: none;
border-radius: 50px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper .form-row input {
font-size: 0.934vw;
height: 3.135vw;
padding: 0 1.868vw;
border-radius: 3.336vw; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contactform-wrapper .form-row input:focus {
box-shadow: none; }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contact-form-textarea textarea {
width: 100%;
height: 160px;
resize: none;
background: #f0f0f0;
border: none;
outline: none;
border-radius: 20px;
padding: 17px 28px;
color: #919191; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .contact-form-textarea textarea {
height: 10.674vw;
border-radius: 1.334vw;
padding: 1.134vw 1.868vw; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper {
display: flex;
align-items: center;
padding-top: 27px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper {
padding-top: 1.801vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper {
padding-top: 15px;
flex-direction: column; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .submit-btn input {
color: #000000;
background: #80F2CC;
border: none;
outline: none;
font-size: 15px;
border: 2px solid transparent;
font-weight: 700;
border-radius: 50px;
padding: 16px 40px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .submit-btn input {
font-size: 1.001vw;
border-radius: 3.336vw;
padding: 1.067vw 2.668vw; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .submit-btn input:hover {
border: 2px solid #80f2cc;
background: transparent;
color: #000000; }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .noted-text {
padding-left: 38px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .noted-text {
padding-left: 2.535vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .noted-text {
padding-left: 0px;
padding-top: 20px; } }
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .noted-text p {
color: #182339;
font-size: 14px;
line-height: 1.3;
font-weight: 400;
max-width: 400px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .noted-text p {
max-width: 26.684vw;
font-size: 0.934vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contact-us-bg .contact-us-form form .contact-inner-form .submit-message-wrapper .noted-text p {
font-size: 13px;
max-width: 100%; } }
.contact-inner .contact-us-inner-form .contacts-us-bottom {
max-width: 994px;
margin: 0 auto;
padding: 27px 0 73px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom {
max-width: 66.311vw;
padding: 1.801vw 0 4.870vw 0; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom {
padding: 30px 0; } }
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper {
margin: 0 -10px;
display: flex;
justify-content: center; }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper {
flex-direction: column; } }
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column {
width: 50%;
padding: 0 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column {
padding: 0 0.667vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column {
width: 100%;
margin-bottom: 15px; } }
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg {
background: #fff;
border: 1px solid #E2E2E2;
border-radius: 5px;
height: 100%;
padding: 29px 7px 29px 40px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg {
border-radius: 0.334vw;
padding: 1.935vw 0.467vw 1.935vw 2.668vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg {
padding: 20px; } }
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg h5 {
font-size: 14px;
line-height: 1.4;
color: #21548E;
letter-spacing: 6px;
font-weight: 400;
margin-bottom: 25px;
text-transform: uppercase; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg h5 {
font-size: 0.934vw;
letter-spacing: 0.400vw;
margin-bottom: 1.668vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg h5 {
margin-bottom: 15px; } }
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg p {
font-size: 14px;
color: #21548E;
font-weight: 400;
line-height: 1;
margin-bottom: 8px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg p {
font-size: 0.934vw;
margin-bottom: 0.534vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg p {
font-size: 12px; } }
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg  p span{
color: #000;
}
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg a {
font-size: 14px;
color: #000;
font-weight: 700;
display: inline-block;
line-height: 1; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg a {
font-size: 0.934vw; } }
@media only screen and (max-width: 767px) {
.contact-inner .contact-us-inner-form .contacts-us-bottom .contact-us-bottom-wrapper .contact-us-bottom-column .contact-us-bottom-bg a {
font-size: 12px; } }  .news-banner {
padding-bottom: 720px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-banner {
padding-bottom: 48vw; } }
.news-main .news-columan-main .news-column-bg {
background: #fff;
padding: 27px 28px;
border-radius: 5px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg {
padding: 1.801vw 1.868vw;
border-radius: 0.334vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.news-main .news-columan-main .news-column-bg {
padding: 25px; } }
@media only screen and (max-width: 767px) {
.news-main .news-columan-main .news-column-bg {
padding: 20px; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper {
margin: 0 -16px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper {
margin: 0 -1.067vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper {
margin: 0 -10px; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column {
width: 33.33%;
padding: 0 16px;
margin-bottom: 28px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column {
padding: 0 1.067vw;
margin-bottom: 1.868vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column {
padding: 0 10px;
margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column {
width: 50%;
padding: 0 10px;
margin-bottom: 20px; } }
@media only screen and (max-width: 575px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column {
width: 100%; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img {
position: relative;
overflow: hidden; }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-image-box{
width: 100%;
position: relative;
padding-bottom: 100%;
}
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-image-box::after{
content: "";
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
background: linear-gradient(90deg, #21548E 0%, rgba(0, 0, 0, 0) 117.11%);
background: -moz-linear-gradient(90deg, #21548E 0%, rgba(0, 0, 0, 0) 117.11%);
background: -webkit-linear-gradient(90deg, #21548E 0%, rgba(0, 0, 0, 0) 117.11%);
}
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-image-box img{
position:absolute;
top:0;
left: 0;
width: 100%;  
height: 100%;
object-fit: cover;
object-position: center center; border-radius: 5px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}       
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-image-box img {
border-radius: 0.334vw; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text {
text-align: center;
position: absolute;
top: 50px;padding: 0 15px;
width: 100%; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text {
bottom: 3.336vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text {
bottom: 35px; } }
@media only screen and (max-width: 767px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text {
bottom: 40px;
padding: 0 10px; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text h5 {
font-size: 12px;
line-height: 1.2;
color: #fff;
text-transform: uppercase;
letter-spacing: 4px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text h5 {
font-size: 0.801vw;
letter-spacing: 0.267vw; } }
@media only screen and (max-width: 767px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text h5 {
font-size: 11px; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text h3 {
font-size: 30px;
line-height: 1.2;
color: #fff;
font-weight: 800;
margin: 15px 0;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text h3 {
font-size: 2.001vw;
margin: 1.001vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text h3 {
font-size: 18px; } }
@media only screen and (max-width: 767px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text h3 {
font-size: 22px;
margin: 10px 0; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text .news-read-article-btn a {
font-size: 12px;
line-height: 1;
color: #80F2CC;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 4px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text .news-read-article-btn a {
font-size: 0.801vw;
letter-spacing: 0.267vw; } }
@media only screen and (max-width: 767px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text .news-read-article-btn a {
font-size: 11px; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text .news-read-article-btn a img {
width: auto;
vertical-align: middle;
margin-right: 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text .news-read-article-btn a img {
margin-right: 0.667vw; } }
@media only screen and (max-width: 767px) {
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column .news-column-img .news-column-inner-text .news-read-article-btn a img {
margin-right: 7px; } }
.news-main .news-columan-main .news-column-bg .news-column-wrapper .news-column:hover .news-column-img img {
-webkit-transform: scale(1.2);
transform: scale(1.2); }
.news-main .news_pagination {
padding: 70px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news_pagination {
padding: 4.670vw 0; } }
@media only screen and (max-width: 767px) {
.news-main .news_pagination {
padding: 40px 0; } }
.news-main .news_pagination ul {
display: flex;
align-items: center;
justify-content: center; }
.news-main .news_pagination ul li {
width: 36px;
height: 36px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news_pagination ul li {
width: 2.400vw;
height: 2.400vw; } }
@media only screen and (max-width: 767px) {
.news-main .news_pagination ul li {
width: 30px;
height: 30px; } }
.news-main .news_pagination ul li a {
color: #676767;
font-size: 14px;
font-weight: 800; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-main .news_pagination ul li a {
font-size: 1.268vw; } }
@media only screen and (max-width: 767px) {
.news-main .news_pagination ul li a {
font-size: 18px; } }
.news-main .news_pagination ul li.active {
background: #62d3b5;
color: #fff;
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); }
.news-main .news_pagination ul li.active a {
color: #fff; }  .news-inner-banner {
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 650px;
background-position: bottom center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-banner {
padding-bottom: 43.333vw; } }
.news-inner-content .news-inner-content-main {
padding-bottom: 70px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main {
padding-bottom: 3.684vw; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main {
padding-bottom: 40px; } }
.news-inner-content .news-inner-content-main .news-inner-bg {
padding: 69px 27px;
background: #fff;
border-radius: 5px;
max-width: 994px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg {
padding: 3.632vw 1.421vw;
max-width: 66.311vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.news-inner-content .news-inner-content-main .news-inner-bg{
padding: 25px;
}
}
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg {
padding: 25px; } }
.news-inner-content .news-inner-content-main .news-inner-bg .news-inner-title {
margin-bottom: 25px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news-inner-title {
margin-bottom: 1.316vw; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news-inner-title {
margin-bottom: 15px; } }
.news-inner-content .news-inner-content-main .news-inner-bg .news-inner-title h3 {
color: #182339;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
max-width: 730px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news-inner-title h3 {
font-size: 0.947vw;
max-width: 38.421vw; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news-inner-title h3 {
font-size: 16px;
max-width: 100%; } }
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_desc {
max-width: 730px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_desc {
max-width: 38.421vw; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_desc {
max-width: 100%; } }
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_desc p {
font-size: 16px;
line-height: 1.5;
color: #182339;
font-weight: 400;
margin-bottom: 25px; }
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_desc p a{
color: #182339;
text-decoration: underline;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_desc p {
font-size: 0.842vw;
margin-bottom: 1.316vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_desc p {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_desc p {
margin-bottom: 15px;
font-size: 12px;
text-align: center; } }
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_image_main .news_inner_image_Wrapper {
display: flex;
align-items: center;
justify-content: center;
margin: 0 -10px;
padding: 20px 0 40px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_image_main .news_inner_image_Wrapper {
margin: 0 -0.526vw;
padding: 1.053vw 0 2.105vw 0; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_image_main .news_inner_image_Wrapper {
padding: 0px;
flex-direction: column; } }
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_image_main .news_inner_image_Wrapper .news_inner_column_img {
width: 50%;
padding: 0 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_image_main .news_inner_image_Wrapper .news_inner_column_img {
padding: 0 0.526vw; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_image_main .news_inner_image_Wrapper .news_inner_column_img {
width: 100%;
margin-bottom: 10px; } }
.news-inner-content .news-inner-content-main .news-inner-bg .news_inner_image_main .news_inner_image_Wrapper .news_inner_column_img img {
width: 100%; }
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 730px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper {
padding-top: 1.053vw;
padding-bottom: 0.526vw;
max-width: 38.421vw; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper {
flex-direction: column;
max-width: 100%; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper .post-btn {
margin-bottom: 20px; } }
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper .post-btn a {
border: 1px solid #80F2CC;
border-radius: 50px;
display: inline-block;
padding: 16px 41px;
font-size: 15px;
color: #000000;
font-weight: 700; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper .post-btn a {
font-size: 0.789vw;
padding: 0.842vw 2.158vw;
border-radius: 2.632vw; } }
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper .post-btn a img {
margin-right: 14px;
vertical-align: middle; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper .post-btn a img {
margin-right: 0.737vw; } }
@media only screen and (max-width: 767px) {
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper .post-btn a img {
position: relative;
top: -2px; } }
.news-inner-content .news-inner-content-main .news-inner-bg .next-post-btn-wrapper .post-btn a:hover {
background-color: #80f2cc; }
.related-article {
padding-bottom: 75px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.related-article {
padding-bottom: 5.003vw; } }
@media only screen and (max-width: 767px) {
.related-article {
padding-bottom: 20px; } }
.related-article .related-article-wrapper {
margin: 32px -17px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.related-article .related-article-wrapper {
margin: 2.133vw -1.134vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.related-article .related-article-wrapper {
margin: 25px -10px 0; } }
@media only screen and (max-width: 767px) {
.related-article .related-article-wrapper {
margin: 15px -10px 0; } }
.related-article .related-article-wrapper .related-article-column {
width: 33.33%;
padding: 0 17px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.related-article .related-article-wrapper .related-article-column {
padding: 0 1.134vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.related-article .related-article-wrapper .related-article-column {
padding: 0 10px;
margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
.related-article .related-article-wrapper .related-article-column {
width: 50%;
padding: 0 10px;
margin-bottom: 20px; } }
@media only screen and (max-width: 575px) {
.related-article .related-article-wrapper .related-article-column {
width: 100%; } }
.related-article .related-article-wrapper .related-article-column .news-related-img {
position: relative;
overflow: hidden; }
.related-article .related-article-wrapper .related-article-column .news-related-img  .news-image-box{
width: 100%;
padding-bottom: 83.7%;
position: relative;
border-radius: 5px;
}
.related-article .related-article-wrapper .related-article-column .news-related-img .news-image-box img {
width: 100%;height: 100%;object-fit: cover;object-position: center center;position: absolute;top:0;left: 0; border-radius: 5px; }
.related-article .related-article-wrapper .related-article-column .news-related-img .news-image-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
background: linear-gradient(90deg, #21548E 0%, rgba(0, 0, 0, 0) 117.11%);
background: -moz-linear-gradient(90deg, #21548E 0%, rgba(0, 0, 0, 0) 117.11%);
background: -webkit-linear-gradient(90deg, #21548E 0%, rgba(0, 0, 0, 0) 117.11%);
}
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text {
text-align: center;
position: absolute;
bottom: 50px;
width: 100%; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text {
bottom: 3.336vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text {
bottom: 35px; } }
@media only screen and (max-width: 767px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text {
bottom: 40px;
padding: 0 10px; } }
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text h5 {
font-size: 12px;
line-height: 1.2;
color: #fff;
text-transform: uppercase;
letter-spacing: 4px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text h5 {
font-size: 0.801vw;
letter-spacing: 0.267vw; } }
@media only screen and (max-width: 767px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text h5 {
font-size: 11px; } }
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text h3 {
font-size: 30px;
line-height: 1.2;
color: #fff;
font-weight: 800;
margin: 15px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text h3 {
font-size: 2.001vw;
margin: 1.001vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text h3 {
font-size: 18px; } }
@media only screen and (max-width: 767px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text h3 {
font-size: 22px;
margin: 10px 0; } }
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text .news-read-related-article-btn a {
font-size: 12px;
line-height: 1;
color: #80F2CC;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 4px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text .news-read-related-article-btn a {
font-size: 0.801vw;
letter-spacing: 0.267vw; } }
@media only screen and (max-width: 767px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text .news-read-related-article-btn a {
font-size: 11px; } }
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text .news-read-related-article-btn a img {
width: auto;
vertical-align: middle;
margin-right: 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text .news-read-related-article-btn a img {
margin-right: 0.667vw; } }
@media only screen and (max-width: 767px) {
.related-article .related-article-wrapper .related-article-column .news-related-img .news-column-related-inner-text .news-read-related-article-btn a img {
margin-right: 7px; } }  .sharkreef-banner .page-title h1 {
margin-left: auto;
margin-right: auto;
text-transform: inherit; }
@media only screen and (min-width: 1500px) {
.sharkreef-banner .page-title h1 {
max-width: 700px; } }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.sharkreef-banner .page-title h1 {
max-width: 46.667vw; } }
.shark-reef {
margin-bottom: -100px;
position: relative; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef {
margin-bottom: -6.671vw; } }
.shark-reef .shark-reef-bg {
background-color: #fff;
border-radius: 5px;
padding: 59px 36px 50px 70px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg {
padding: 3.936vw 2.402vw 3.336vw 4.670vw;
border-radius: 0.334vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg {
padding: 25px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg {
padding: 25px; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper {
display: flex;
justify-content: center;
flex-direction: row; }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper {
flex-direction: column-reverse; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left {
width: 50%;
padding-right: 70px;
box-sizing: border-box; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left {
padding-right: 4.670vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left {
padding-right: 40px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left {
width: 100%;
padding-top: 25px;
padding-right: 0px; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-logo {
margin-bottom: 20px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-logo {
margin-bottom: 1.334vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-logo {
margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-logo {
text-align: center;
margin-bottom: 10px; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-logo img {
max-width: 300px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-logo img {
max-width: 20.013vw; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-logo img {
max-width: 100%; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc {
text-align: center; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc h5 {
font-size: 18px;
line-height: 1.3;
color: #182339;
font-weight: 700;
margin-bottom: 20px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc h5 {
font-size: 1.201vw;
margin-bottom: 1.334vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc h5 {
font-size: 17px;
margin-bottom: 10px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc h5 {
font-size: 16px;
margin-bottom: 15px; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc p {
font-size: 14px;
line-height: 1.3;
color: #182339;
font-weight: 400;
margin-bottom: 25px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc p {
font-size: 0.934vw;
margin-bottom: 1.668vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc p {
margin-bottom: 15px;
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-desc p {
font-size: 12px;
margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper {
text-align: center; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main {
margin-bottom: 30px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main {
margin-bottom: 2.001vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main {
margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main {
margin-bottom: 20px; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main h3 {
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 1;
text-transform: uppercase;
color: #000000;
margin-bottom: 6px;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main h3 {
font-size: 1.868vw;
margin-bottom: 0.400vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main h3 {
font-size: 22px;
margin-bottom: 4px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main h3 {
font-size: 20px; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main h4 {
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 1;
text-transform: uppercase;
color: #000000;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main h4 {
font-size: 1.668vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main h4 {
font-size: 19px; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-left .mondalay-text-wrapper .mondalay-text-main h4 {
font-size: 18px; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-right {
width: 50%;
height: 690px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-right {
height: 46.031vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-right {
height: auto; } }
@media only screen and (max-width: 767px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-right {
width: 100%;
height: auto; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-right img {
width: 100%; }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-right .bannerslider {
height: 600px; } }
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-right .bannerslider .slick-dots {
bottom: 40px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.shark-reef .shark-reef-bg .shark-reef-wrapper .shark-reef-right .bannerslider .slick-dots {
bottom: 2.668vw; } }
.rating {
background: #000;
padding: 180px 0 140px 0;
color: #fff;
text-align: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.rating {
padding: 12.008vw 0 9.340vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.rating {
padding: 140px 0 70px 0; } }
@media only screen and (max-width: 767px) {
.rating {
padding: 140px 0 50px 0; } }
.rating .rating-wrapper {
max-width: 609px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.rating .rating-wrapper {
max-width: 40.600vw; } }
@media only screen and (max-width: 767px) {
.rating .rating-wrapper {
max-width: 100%; } }
.rating .rating-wrapper .star_wrapper {
margin-bottom: 22px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.rating .rating-wrapper .star_wrapper {
margin-bottom: 1.468vw; } }
@media only screen and (max-width: 767px) {
.rating .rating-wrapper .star_wrapper {
margin-bottom: 15px; } }
.rating .rating-wrapper .star_wrapper ul li i {
color: #80F2CC;
font-size: 25px;
margin: 0 5px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.rating .rating-wrapper .star_wrapper ul li i {
font-size: 1.668vw;
margin: 0 0.334vw; } }
@media only screen and (max-width: 767px) {
.rating .rating-wrapper .star_wrapper ul li i {
font-size: 20px;
margin: 0 3px; } }
.rating .rating-wrapper h5 {
font-size: 15px;
line-height: 1.4;
font-weight: 800;
margin-bottom: 30px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.rating .rating-wrapper h5 {
font-size: 1.001vw;
margin-bottom: 2vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.rating .rating-wrapper h5 {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.rating .rating-wrapper h5 {
font-size: 12px;
margin-bottom: 10px; } }
.rating .rating-wrapper p {
font-weight: 400;
font-size: 12px;
line-height: 1.3;
letter-spacing: 1px;
margin-bottom: 20px;
text-transform: uppercase; }
.rating .rating-wrapper p:last-child {
margin-bottom: 0px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.rating .rating-wrapper p {
font-size: 0.801vw;
letter-spacing: 0.067vw;
margin-bottom: 1.333vw; } }
.other-projects {
overflow: hidden;
padding: 60px 0 80px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects {
padding: 4.003vw 0 5.337vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects {
padding: 30px 0 35px 0; } }
@media only screen and (max-width: 767px) {
.other-projects {
padding: 25px 0 30px 0; } }
.other-projects .other_project-titles {
text-align: center; }
.other-projects .content {
max-width: 1452px;
margin: 46px auto 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .content {
max-width: 96.800vw;
margin: 3.067vw auto 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .content {
margin: 30px auto 0; } }
@media only screen and (max-width: 767px) {
.other-projects .content {
margin: 20px auto 0; } }
.other-projects .progress_bar {
padding: 0 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .progress_bar {
padding: 0 0.667vw; } }
.other-projects .progress {
display: block;
width: 100%;
height: 4px;
border-radius: 50px;
overflow: hidden;
background-color: #dadada;
background-image: linear-gradient(to right, #80F2CC, #80F2CC);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
margin: 40px 0 50px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .progress {
margin: 2.667vw 0 3.333vw 0;
height: 0.267vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .progress {
margin: 30px 0; } }
@media only screen and (max-width: 767px) {
.other-projects .progress {
margin: 25px 0 30px 0; } }
.other-projects .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
@media only screen and (max-width: 991px) {
.other-projects .slider {
max-width: 90%;
margin: 0 auto; } }
.other-projects .slider .other-projct-main {
padding: 0 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider .other-projct-main {
padding: 0 0.667vw; } }
.other-projects .slider .other-projct-main .other-project-image {
position: relative; }
.other-projects .slider .other-projct-main .other-project-image img {
width: 100%; }
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text {
position: absolute;
bottom: 35px;
left: 0;
text-align: center;
right: 0;
padding: 0 10px;
max-width: 300px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text {
max-width: 20vw;
padding: 0 0.667vw;
bottom: 2.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text {
padding: 0 5px; } }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text {
bottom: 25px; } }
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text h4 {
font-size: 30px;
line-height: 1;
color: #fff;
font-weight: 800;
margin-bottom: 12px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text h4 {
font-size: 2vw;
margin-bottom: 0.800vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text h4 {
font-size: 22px; } }
@media only screen and (max-width: 767px) {
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text h4 {
font-size: 22px;
margin-bottom: 7px; } }
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text p {
font-size: 12px;
line-height: 1.3;
color: #fff;
letter-spacing: 1px;
font-weight: 400;
text-transform: uppercase; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text p {
font-size: 0.800vw;
letter-spacing: 0.067vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .slider .other-projct-main .other-project-image .other-projects-image-text p {
font-size: 11px; } }
.other-projects .slider .other-projct-main .other-project-image::after {
content: "";
position: absolute;
background: #ffffff;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.8;
border-radius: 5px; }
.other-projects .slider .other-projct-main.slick-active .other-project-image::after {
opacity: 0; }
.other-projects .slider button.slick-next.slick-arrow.slick-disabled {
display: none; }
.other-projects .slider button.slick-prev.slick-arrow.slick-disabled {
display: none !important; }
.other-projects .slider button.slick-next.slick-arrow {
position: absolute;
top: 50%;
transform: translate(0px, -50%);
right: -5px;
width: 46px;
height: 46px;
z-index: 99999;
border-radius: 100%;
background: #ffffff;
border: none;
outline: none;
box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.25); }
.other-projects .slider button.slick-next.slick-arrow i {
color: #80F2CC;
font-size: 16px;
line-height: 46px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider button.slick-next.slick-arrow i {
line-height: 3.067vw; } }
@media only screen and (max-width: 767px) {
.other-projects .slider button.slick-next.slick-arrow i {
line-height: 35px; } }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider button.slick-next.slick-arrow {
width: 3.067vw;
height: 3.067vw;
right: -0.333vw; } }
@media only screen and (max-width: 767px) {
.other-projects .slider button.slick-next.slick-arrow {
right: -13px;
width: 35px;
height: 35px; } }
.other-projects .slider button.slick-prev.slick-arrow {
position: absolute;
top: 50%;
z-index: 99999;
transform: translate(0px, -50%);
left: -5px;
width: 46px;
height: 46px;
border-radius: 100%;
background: #ffffff;
border: none;
outline: none;
box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.25); }
.other-projects .slider button.slick-prev.slick-arrow i {
color: #80F2CC;
font-size: 16px;
line-height: 46px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider button.slick-prev.slick-arrow i {
line-height: 3.067vw; } }
@media only screen and (max-width: 767px) {
.other-projects .slider button.slick-prev.slick-arrow i {
line-height: 35px; } }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .slider button.slick-prev.slick-arrow {
width: 3.067vw;
height: 3.067vw;
left: -0.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .slider button.slick-prev.slick-arrow {
left: -15px;
}
.other-projects .slider button.slick-next.slick-arrow {
right: -15px;
}
}
@media only screen and (max-width: 767px) {
.other-projects .slider button.slick-prev.slick-arrow {
left: -13px;
width: 35px;
height: 35px; } }
.other-projects .award-wining-text .award-wining-text-wrapper {
max-width: 490px;
margin: 0 auto;
text-align: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .award-wining-text .award-wining-text-wrapper {
max-width: 32.667vw; } }
@media only screen and (max-width: 767px) {
.other-projects .award-wining-text .award-wining-text-wrapper {
max-width: 100%; } }
.other-projects .award-wining-text .award-wining-text-wrapper p {
font-size: 18px;
line-height: 1.5;
color: #21548E;
font-weight: 400;
margin-bottom: 20px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .award-wining-text .award-wining-text-wrapper p {
font-size: 1.200vw;
margin-bottom: 1.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .award-wining-text .award-wining-text-wrapper p {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.other-projects .award-wining-text .award-wining-text-wrapper p {
font-size: 12px; } }
.other-projects .award-wining-text .award-wining-text-wrapper .awrd-wining-text-btn a {
background: #80F2CC;
color: #000;
border-radius: 50px;
font-size: 15px;
font-weight: 700;
border: 2px solid transparent;
display: inline-block;
padding: 16px 35px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .award-wining-text .award-wining-text-wrapper .awrd-wining-text-btn a {
border-radius: 3.333vw;
font-size: 1vw;
padding: 1.067vw 2.333vw; } }
.other-projects .award-wining-text .award-wining-text-wrapper .awrd-wining-text-btn a span {
font-size: 20px;
vertical-align: middle;
margin-right: 5px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .award-wining-text .award-wining-text-wrapper .awrd-wining-text-btn a span {
font-size: 1.333vw;
margin-right: 0.333vw; } }
.other-projects .award-wining-text .award-wining-text-wrapper .awrd-wining-text-btn a:hover {
border: 2px solid #80f2cc;
background: transparent; }  .vr-experience-banner {
padding-bottom: 450px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.vr-experience-banner {
padding-bottom: 30vw; } }
.vr-experience-banner .our-vr-experience-title {
padding-top: 150px;
text-align: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.vr-experience-banner .our-vr-experience-title {
padding-top: 10vw; } }
.vr-experience-banner .our-vr-experience-title h3 {
font-size: 20px;
line-height: 1.3;
letter-spacing: 8px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 28px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.vr-experience-banner .our-vr-experience-title h3 {
font-size: 1.333vw;
letter-spacing: 0.533vw;
margin-bottom: 1.867vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.vr-experience-banner .our-vr-experience-title h3 {
font-size: 18px;
margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
.vr-experience-banner .our-vr-experience-title h3 {
font-size: 16px;
margin-bottom: 18px; } }
.vr-experience-banner .our-vr-experience-title h2 {
font-size: 75px;
line-height: 1;
color: #fff;
font-weight: 900;
text-transform: uppercase; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.vr-experience-banner .our-vr-experience-title h2 {
font-size: 5vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.vr-experience-banner .our-vr-experience-title h2 {
font-size: 50px; } }
@media only screen and (max-width: 767px) {
.vr-experience-banner .our-vr-experience-title h2 {
font-size: 35px; } }
.vr-experience-banner .our-vr-experience-title h2 span {
color: #80f2cc; }
.our_vr_experience_main {
position: relative;
z-index: 1; }
.our_vr_experience_main .our_vr_experience_bg {
background: #fff;
border-radius: 5px;
padding: 29px 27px 24px 30px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg {
padding: 1.933vw 1.800vw 1.600vw 2vw;
border-radius: 0.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg {
padding: 25px; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg {
padding: 20px; } }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper {
margin: 0 -18px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper {
margin: 0 -1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper {
margin: 0 -12px; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper {
margin: 0 -10px; } }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column {
width: 33.33%;
padding: 0 18px;
font-size: 0px;
margin-bottom: 36px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column {
padding: 0 1.200vw;
margin-bottom: 2.400vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column {
padding: 0 12px;
margin-bottom: 25px; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column {
width: 100%;
padding: 0 10px;
margin-bottom: 20px; } }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns {
position: relative; }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img {
position: relative;
background-color: #000;
border-radius: 5px; }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img img {
width: 100%; }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .our_vr_column_logo_img {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 999;
text-align: center;
width: 100%;
transform: translate(0px, -50%);
height: 100%; }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text img {
width: auto;
position: absolute;
top: 50%;
max-width: 100px;
left: 0;
right: 0;
z-index: 999;
margin: 0 auto;
bottom: 0;
transform: translate(0px, -50%); }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img{
overflow: hidden;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img > a{
position: relative;
width: 100%;
padding-bottom: 67%;
display: block;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img > a::after{
content: "";
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 117.11%);
background: -moz-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 117.11%);
background: -webkit-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 117.11%);
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img > a > img{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content{
background: linear-gradient(0deg, #21548E 0%, rgba(33, 84, 142, 0.69) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
display: none;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content a{
display: block;
width: 100%;                
height: 100%;
color: #fff;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.428;
text-align: center;
position: relative;
overflow: hidden;
overflow-y: auto;
scrollbar-width: 0;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content a span{
position: absolute;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
width: 100%;
left: 0;
right: 0;
padding:32px;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img:hover .content{                
display: block;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content a span{
padding:2.133vw;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content a{                  
font-size: 0.933vw;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text img {
max-width: 6.667vw; } }
@media only screen and (max-width: 991px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content a span{
padding:15px;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content a{                  
font-size:14px;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text img {
max-width: 80px; } }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn {
position: absolute;
bottom: 25px;
text-align: center;
left: 0;
right: 0;
opacity: 0;
z-index: 99999; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn {
bottom: 1.667vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn {
bottom: 10px; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content a span{
padding:15px;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .content a{                  
font-size:12px;
}
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn {
bottom: 10px; } }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a {
color: #80F2CC;
font-size: 14px;
font-weight: 400;
letter-spacing: 6px;
text-transform: uppercase; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a {
font-size: 0.933vw; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a {
font-size: 12px; } }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a img {
width: auto;
margin-right: 10px;
vertical-align: middle;
position: initial;
transform: none; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a img {
margin-right: 0.667vw; } }
.our_vr_experience_main .our_vr_experience_bg .our_vr_column_wrapper .our_vr_column:hover .learn-more-btn {
opacity: 1 !important; }
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main {
background: #F6F6F6;
padding: 35px 0 0 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main {
padding: 2.333vw 0 0 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main {
padding: 25px 0 0 0; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main {
padding: 20px 0 0 0; } }
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper {
padding: 0 66px 0 57px;
display: flex; justify-content: center; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper {
padding: 0 4.400vw 0 3.800vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper {
padding: 0 15px;
align-items: center; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper {
flex-direction: column-reverse;
padding: 0 20px; } }
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .award-left {
width: 42%; }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .award-left {
width: 100%;
text-align: center; } }
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right {
padding-left: 70px;
width: 58%;
padding-top: 30px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right {
padding-left: 4.667vw;
padding-top: 2vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right {
padding-top: 0px;
padding-left: 20px; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right {
width: 100%;
padding-left: 0px;
padding-top: 0;
padding-bottom: 30px;
text-align: center; } }
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right h5 {
font-size: 18px;
line-height: 1.3;
color: #21548E;
font-weight: 400;
margin-bottom: 20px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right h5 {
font-size: 1.200vw;
margin-bottom: 1.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right h5 {
font-size: 14px;
margin-bottom: 10px; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right h5 {
font-size: 13px;
margin-bottom: 8px; } }
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right h6 {
font-size: 18px;
line-height: 1.3;
color: #21548E;
font-weight: 700; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right h6 {
font-size: 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right h6 {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.our_vr_experience_main .our_vr_experience_bg .our_awrds-main .awards-wrapper .awrds-right h6 {
font-size: 13px; } }
.rating.experience-rating {
padding-bottom: 100px;
margin-top: -100px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.rating.experience-rating {
padding-bottom: 6.667vw;
margin-top: -6.667vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.rating.experience-rating {
margin-top: -50px; } }
@media only screen and (max-width: 767px) {
.rating.experience-rating {
padding-bottom: 50px;
margin-top: -40px; } }  .investors-tabs .container .investors-tab-data {
background: #FFFFFF;
border-radius: 5px;
margin: 0 auto;
max-width: 1245px;
padding: 100px 106px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data {
max-width: 83vw;
padding: 6.667vw 7.067vw; } }
@media only screen and (max-width: 991px) {
.investors-tabs .container .investors-tab-data {
padding: 15px;
max-width: 100%;
flex-wrap: wrap; } }
.investors-tabs .container .investors-tab-data .nav {
min-width: 254px;
position: sticky;
position: -webkit-sticky;
top: 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .nav {
min-width: 16.933vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .nav {
min-width: 230px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .nav {
min-width: 100%;
margin-bottom: 20px;position: relative; } }
.investors-tabs .container .investors-tab-data .nav button {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 4.333;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #919191;
background-color: transparent;
text-align: left;
border: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1); }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .nav button {
font-size: 0.800vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .nav button {
line-height: 2.5; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .nav button {
line-height: 2;
border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0; } }
.investors-tabs .container .investors-tab-data .nav button.active {
color: #21548E;
border-right: 2px solid #21548E; }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .nav button.active {
border-right: 0;
border-bottom-color: #21548E; } }
.investors-tabs .container .investors-tab-data .tab-content {
max-width: 616px;
margin-left: auto;
width: 100%;
text-align: left; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content {
max-width: 41.067vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content {
max-width: calc(100% - 250px);
max-width: -webkit-calc(100% - 250px);
max-width: -moz-calc(100% - 250px); } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content {
max-width: 100%; } }
.investors-tabs .container .investors-tab-data .tab-content .tab-pane {
width: 100%; }
.investors-tabs .container .investors-tab-data .tab-content .tab-title h3 {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #21548E;
margin-bottom: 35px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .tab-title h3 {
font-size: 1.333vw;
margin-bottom: 2.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .tab-title h3 {
margin-bottom: 20px;
letter-spacing: 2px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .tab-title h3 {
text-align: center;
margin-bottom: 15px;
letter-spacing: 0.5px;
font-size: 18px; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content h4 {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.3333;
color: #21548E;
margin-bottom: 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content h4 {
font-size: 1.200vw;
margin-bottom: 1vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content h4 {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content h4 {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.3333;
color: #21548E;
margin-bottom: 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content p {
font-size: 1.200vw;
margin-bottom: 1vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content p {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content p {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content p small {
font-size: 14px;
line-height: 1.428;
color: #000; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content p small {
font-size: 0.933vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .content p small {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info {
flex-wrap: wrap; }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info .investor-info-left {
padding: 30px;
border: 2px solid #b7b7b7;
background-color: #f4f4f4;
width: calc(50% - 10px);
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px); }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info .investor-info-left {
padding: 2vw;
width: calc(50% - 0.667vw);
width: -webkit-calc(50% - 0.667vw);
width: -moz-calc(50% - 0.667vw); } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info .investor-info-left {
width: 100%;
padding: 25px;
margin: 8px 0; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info .investor-info-left {
padding: 15px;
width: 100%;
margin: 5px 0; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info .investor-info-right {
padding: 30px;
border: 2px solid #b7b7b7;
background-color: #f4f4f4;
width: calc(50% - 10px);
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px); }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info .investor-info-right {
padding: 2vw;
width: calc(50% - 0.667vw);
width: -webkit-calc(50% - 0.667vw);
width: -moz-calc(50% - 0.667vw); } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info .investor-info-right {
width: 100%;
padding: 25px;
margin: 8px 0; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-info .investor-info-right {
padding: 15px;
width: 100%;
margin: 5px 0; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons {
margin-top: 20px;
flex-wrap: wrap; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons {
margin-top: 1.333vw; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-share-price_info {
width: calc(50% - 10px);
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px); }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-share-price_info {
width: calc(50% - 0.667vw);
width: -webkit-calc(50% - 0.667vw);
width: -moz-calc(50% - 0.667vw); } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-share-price_info {
width: 100%;
margin: 8px 0; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-share-price_info {
width: 100%;
margin: 5px 0; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-share-price_info a {
width: 100%;
display: block; }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-regulatory {
width: calc(50% - 10px);
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px); }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-regulatory {
width: calc(50% - 0.667vw);
width: -webkit-calc(50% - 0.667vw);
width: -moz-calc(50% - 0.667vw); } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-regulatory {
width: 100%;
margin: 8px 0; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-regulatory {
width: 100%;
margin: 5px 0; } }
.investors-tabs .container .investors-tab-data .tab-content .investors-tab-details .investor-buttons .btn-regulatory a {
width: 100%;
display: block; }
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row {
margin-left: -8px;
margin-right: -8px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row {
margin-left: -0.533vw;
margin-right: -0.533vw; } }
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box {
padding: 8px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box {
padding: 0.533vw; } }
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details {
background: #FFFFFF;
border: 1px solid #E2E2E2;
box-sizing: border-box;
border-radius: 5px;
padding: 29px;
height: 100%;
position: relative; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details {
padding: 1.933vw; } }
@media only screen and (max-width: 991px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details {
padding: 15px; } }
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content {
position: relative;
padding-bottom: 40px;
height: 100%; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content {
padding-bottom: 2.667vw; } }
@media only screen and (max-width: 991px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content {
padding-bottom: 30px; } }
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content h2 {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.333;
color: #21548E; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content h2 {
font-size: 1.200vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content h2 {
font-size: 16px; } }
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content p {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.333;
color: #21548E; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content p {
font-size: 0.933vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content p {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content address {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.333;
color: #21548E; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content address {
font-size: 0.933vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content address {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content a {
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 1.333;
color: #80F2CC;
position: absolute;
bottom: 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content a {
font-size: 0.933vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .advisors-tab-details .advisors-row .advisors-box .details .advisors-content a {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .team-main-row {
flex-wrap: wrap;
justify-content: flex-start; }
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .team-main-row .team-main-column {
width: 33.33%;
margin: 6px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .team-main-row .team-main-column {
margin: 0.400vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .team-main-row .team-main-column {
width: 50%; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .team-main-row .team-main-column {
width: 50%; } }
@media only screen and (max-width: 575px) {
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .team-main-row .team-main-column {
width: 100%; } }
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .three-box .team-main-column:first-child {
border-radius: 5px 0 0 5px;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .three-box .team-main-column:first-child {
border-radius: 0; } }
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .three-box .team-main-column:nth-child(3n+0) {
border-radius: 0px 5px 5px 0;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .three-box .team-main-column:nth-child(3n+0) {
border-radius: 0; } }
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .three-box .team-main-column:nth-child(3n+1) {
border-radius: 5px 0 0 5px;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .three-box .team-main-column:nth-child(3n+1) {
border-radius: 0; } }
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .three-box .team-main-column:last-child {
border-radius: 0 5px 5px 0;
overflow: hidden; }
@media only screen and (max-width: 991px) {
.investors-tabs .container .investors-tab-data .tab-content .board-of-directors-tab-details .team-list-investors .three-box .team-main-column:last-child {
border-radius: 0; } }
.investors-tabs .container .investors-tab-data .tab-content .corporate-governance-tab-details {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.3333;
color: #000; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .corporate-governance-tab-details {
font-size: 0.933vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .corporate-governance-tab-details {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .corporate-governance-tab-details P {
margin-bottom: 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .corporate-governance-tab-details P {
margin-bottom: 1vw; } }
.investors-tabs .container .investors-tab-data .tab-content .corporate-governance-tab-details a {
color: #0bd6b4;
font-weight: 700; }
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list {
margin: 0 0 30px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list {
margin: 0 0 2vw 0; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list {
margin: 0 0 15px 0; } }
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list h4 {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 1;
color: #000;
margin-bottom: 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list h4 {
margin-bottom: 1vw;
font-size: 1.333vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list h4 {
font-size: 18px; } }
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item {
padding: 29px 34px 31px 28px;
background: #FFFFFF;
border: 1px solid #E2E2E2;
box-sizing: border-box;
border-radius: 5px;
margin: 8px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item {
padding: 1.933vw 2.267vw 2.067vw 1.867vw;
margin: 0.533vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item {
padding: 15px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item {
padding: 15px;
flex-wrap: wrap; } }
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item h5 {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.571;
color: #21548E; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item h5 {
font-size: 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item h5 {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item h5 {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item p {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.571;
color: #21548E; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item p {
font-size: 0.933vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item p {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item p {
font-size: 12px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item .btn-download-report {
width: 100%;
margin-top: 10px; } }
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item .btn-download-report a {
min-width: 182px;
display: block; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item .btn-download-report a {
min-width: 12.133vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .reports-documents-tab-details .report-details .report-list .report-item .item .btn-download-report a {
min-width: 130px; } }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .content {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.3333;
color: #000;
margin-bottom: 20px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .content {
font-size: 0.933vw;
margin-bottom: 1.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .content {
margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .content {
font-size: 12px;
margin-bottom: 15px; } }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .content P {
margin-bottom: 0; }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .content b {
font-weight: 700; }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .content a {
color: #0bd6b4;
font-weight: 700; }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item {
padding: 20px;
background: #FFFFFF;
border: 1px solid #E2E2E2;
box-sizing: border-box;
border-radius: 5px;
margin: 8px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item {
padding: 1.333vw;
margin: 0.533vw 0; } }
@media only screen and (max-width: 991px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item {
padding: 15px; } }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h4 {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.3333;
color: #21548E; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h4 {
font-size: 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h4 {
font-size: 16px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h4 {
font-size: 14px; } }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h5 {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.3333;
color: #000; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h5 {
font-size: 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h5 {
font-size: 16px; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h5 {
font-size: 14px; } }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h5 a {
color: #0bd6b4;
transition: 0.5s; }
.investors-tabs .container .investors-tab-data .tab-content .aim-rule-26-tab-details .rules-list .item h5 a:hover {
color: #000; }
.investors-tabs .container .investors-tab-data .tab-content .news-alerts-tab-details .news-form {
border: 1px solid #E2E2E2;
box-sizing: border-box;
border-radius: 5px;
padding: 20px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .news-alerts-tab-details .news-form {
padding: 1.333vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .news-alerts-tab-details .news-form {
padding: 0; } }
.investors-tabs .container .investors-tab-data .tab-content .news-alerts-tab-details .news-form iframe {
width: 100%;
height: 1170px; }
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .content {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.3333;
color: #000; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .content {
font-size: 0.933vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .content {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .content P {
margin-bottom: 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .content P {
margin-bottom: 1vw; } }
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .content a {
color: #0bd6b4;
font-weight: 700; }
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table h4 {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 1.3333;
color: #000;
margin-bottom: 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table h4 {
font-size: 1.333vw;
margin-bottom: 0.667vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table h4 {
font-size: 18px; } }
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info {
border: 1px solid #E2E2E2;
box-sizing: border-box;
border-radius: 5px;
overflow: hidden; }
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info table tr th {
font-weight: 700; }
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info table tr th,
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info table tr td {
padding: 10px;
font-size: 13px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info table tr th,
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info table tr td {
padding: 0.667vw;
font-size: 0.867vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info table tr th,
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info table tr td {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .shareholder-information-tab-details .significant-shareholders-table .table-info table tbody tr {
border: 1px solid #E2E2E2; }
.investors-tabs .container .investors-tab-data .tab-content .investor-contact-tab-details .content {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.3333;
color: #000; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investor-contact-tab-details .content {
font-size: 0.933vw; } }
@media only screen and (max-width: 767px) {
.investors-tabs .container .investors-tab-data .tab-content .investor-contact-tab-details .content {
font-size: 12px; } }
.investors-tabs .container .investors-tab-data .tab-content .investor-contact-tab-details .content P {
margin-bottom: 15px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.investors-tabs .container .investors-tab-data .tab-content .investor-contact-tab-details .content P {
margin-bottom: 1vw; } }
.investors-tabs .container .investors-tab-data .tab-content .investor-contact-tab-details .content a {
color: #0bd6b4;
font-weight: 700; }  .project-page .page-title h1 {
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 1500px) {
.project-page .page-title h1 {
max-width: 730px; } }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.project-page .page-title h1 {
max-width: 48.667vw; } 
}
.project-page .other-project-page-slider {
padding: 46px 0 0 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.project-page .other-project-page-slider {
padding: 3.067vw 0 0 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.project-page .other-project-page-slider {
padding: 0 0 0 0; } }
@media only screen and (max-width: 767px) {
.project-page .other-project-page-slider {
padding: 0; } }
.project-page .contact-info-box {
margin-bottom: 61px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.project-page .contact-info-box {
margin-bottom: 4.067vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.project-page .contact-info-box {
margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
.project-page .contact-info-box {
margin-bottom: 20px; } }
.project-page .contact-info-box .contact-info-details {
max-width: 481px;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.project-page .contact-info-box .contact-info-details {
max-width: 32.067vw; } }
.project-page .contact-info-box .contact-info-details p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.333;
text-align: center;
color: #21548E; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.project-page .contact-info-box .contact-info-details p {
font-size: 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.project-page .contact-info-box .contact-info-details p {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.project-page .contact-info-box .contact-info-details p {
font-size: 12px; } }
.project-page .contact-info-box .contact-info-details .btn-contact {
margin-top: 25px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.project-page .contact-info-box .contact-info-details .btn-contact {
margin-top: 1.667vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.project-page .contact-info-box .contact-info-details .btn-contact {
margin-top: 20px; } }
@media only screen and (max-width: 767px) {
.project-page .contact-info-box .contact-info-details .btn-contact {
margin-top: 15px; } }
.project-page .contact-info-box .contact-info-details .btn-contact a {
display: inline-block;
padding: 7px 30px 10px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.project-page .contact-info-box .contact-info-details .btn-contact a {
padding: 0.467vw 2vw 0.667vw; } }
.project-page .contact-info-box .contact-info-details .btn-contact a span {
font-size: 24px;
vertical-align: middle;
margin-right: 6px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.project-page .contact-info-box .contact-info-details .btn-contact a span {
font-size: 1.600vw;
margin-right: 0.400vw; } }  @media only screen and (max-width: 991px) and (min-width: 768px) {
.experience-inner-page {
background-size: 100% 500px; } }
@media only screen and (max-width: 767px) {
.experience-inner-page {
background-size: 100% 400px; } }
.experience-inner-rating {
margin-top: -100px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.experience-inner-rating {
margin-top: -6.667vw; } }
.experience-inner-title {
padding: 165px 0 80px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.experience-inner-title {
padding: 11vw 0 5.333vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.experience-inner-title {
padding: 130px 0 40px 0; } }
@media only screen and (max-width: 767px) {
.experience-inner-title {
padding: 100px 0 20px 0; } }
.experience-inner-title .experience-inner-title-wrapper {
max-width: 800px;
text-align: center;
margin: 0 auto; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.experience-inner-title .experience-inner-title-wrapper {
max-width: 53.333vw; } }
@media only screen and (max-width: 767px) {
.experience-inner-title .experience-inner-title-wrapper {
max-width: 100%; } }
.experience-inner-title .experience-inner-title-wrapper img {
margin: 0 auto;
text-align: center;
display: block; }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.experience-inner-title .experience-inner-title-wrapper img {
max-width: 120px; } }
@media only screen and (max-width: 767px) {
.experience-inner-title .experience-inner-title-wrapper img {
max-width: 100px; } }
.experience-inner-title .experience-inner-title-wrapper h1 {
font-weight: 900;
font-size: 45px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
margin: 26px 0 20px 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.experience-inner-title .experience-inner-title-wrapper h1 {
font-size: 3vw;
margin: 1.733vw 0 1.333vw 0; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.experience-inner-title .experience-inner-title-wrapper h1 {
font-size: 30px;
margin: 15px 0; } }
@media only screen and (max-width: 767px) {
.experience-inner-title .experience-inner-title-wrapper h1 {
font-size: 20px;
margin: 12px 0; } }
.experience-inner-title .experience-inner-title-wrapper p {
font-size: 18px;
line-height: 1.3;
color: #fff;
font-weight: 400; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.experience-inner-title .experience-inner-title-wrapper p {
font-size: 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.experience-inner-title .experience-inner-title-wrapper p {
font-size: 16px; } }
@media only screen and (max-width: 767px) {
.experience-inner-title .experience-inner-title-wrapper p {
font-size: 12px; } }
.curabitur-magna .curabitur-bg {
background-color: #fff;
padding: 41px 36px 48px 42px;
border-radius: 5px;
position: relative;
z-index: 1; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg {
padding: 2.733vw 2.400vw 3.200vw 2.800vw;
border-radius: 0.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.curabitur-magna .curabitur-bg {
padding: 30px; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg {
padding: 15px; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .curavitur-img {
position: relative; }
.curabitur-magna .curabitur-bg .curabitur-wrapper .curavitur-img img {
border-radius: 5px;width: 100%;height: auto;
max-height: 600px;
object-fit: cover;
object-position: center center; }
.curabitur-magna .curabitur-bg .curabitur-wrapper .curavitur-img .play-icon {
top: 50%;
position: absolute;
left: 0;
text-align: center;
right: 0;
transform: translate(0px, -50%); }
.curabitur-magna .curabitur-bg .curabitur-wrapper .curavitur-img .play-icon img {
cursor: pointer;
max-width: 60px;
border-radius: 0px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .curavitur-img .play-icon img {
max-width: 4vw; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .curavitur-img .play-icon img {
max-width: 40px; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper {
display: flex;
flex-direction: row;
padding: 30px 0 0 0; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper {
padding: 2vw 0 0 0; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper {
flex-direction: column-reverse; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left {
text-align: left;
width: 50%;
padding-right: 80px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left {
padding-right: 5.333vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left {
padding-right: 40px; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left {
padding-right: 0px;
width: 100%;
padding-top: 30px;
text-align: center; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-title {
font-size: 20px;
line-height: 1.2;
color: #000;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 22px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-title {
font-size: 1.333vw;
margin-bottom: 1.467vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-title {
font-size: 16px;
margin-bottom: 18px; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-title {
font-size: 14px;
margin-bottom: 10px; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left h4 {
font-size: 18px;
line-height: 1.3;
color: #182339;
margin-bottom: 22px;
font-weight: 700; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left h4 {
font-size: 1.200vw;
margin-bottom: 1.467vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left h4 {
font-size: 15px;
margin-bottom: 12px; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left h4 {
font-size: 14px;
margin-bottom: 14px; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left p {
font-size: 14px;
line-height: 1.4;
color: #182339;
font-weight: 400;
max-width: 486px;
margin-bottom: 22px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left p {
font-size: 0.933vw;
margin-bottom: 1.467vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left p {
font-size: 13px;
max-width: 100%;
margin-bottom: 12px; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left p {
font-size: 12px;
max-width: 100%;
margin-bottom: 14px; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-btn a {
display: inline-block;
font-size: 15px;
color: #000;
font-weight: 700;
background: #80F2CC;
border-radius: 50px;
padding: 16px 36px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-btn a {
font-size: 1vw;
padding: 1.067vw 2.400vw;
border-radius: 3.333vw; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-btn a {
font-size: 14px; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-btn a span {
font-size: 17px;
font-weight: 400;
margin-right: 10px;
vertical-align: middle; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-left .fringila-btn a span {
font-size: 1.133vw;
margin-right: 0.667vw; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right {
width: 50%; }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right {
width: 100%; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .fringila-title {
font-size: 45px;
text-align: left;
line-height: 1.2;
color: #000;
text-transform: capitalize;
font-weight: 900;
margin-bottom: 18px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .fringila-title {
font-size: 3vw;
margin-bottom: 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .fringila-title {
font-size: 30px; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .fringila-title {
font-size: 30px;
margin-bottom: 10px; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .bannerslider {
border-radius: 5px;
overflow: hidden;
height: 490px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .bannerslider {
height: 32.667vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .bannerslider {
height: 100vh; } }
@media only screen and (max-width: 767px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .bannerslider {
height: 100vh; } }
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .bannerslider .slick-dots {
bottom: 39px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.curabitur-magna .curabitur-bg .curabitur-wrapper .fringila-column-main .fringila-column-wrapper .fringila-column-right .bannerslider .slick-dots {
bottom: 2.600vw; } }
.other-projects .our_vr_column {
padding: 0 18px; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .our_vr_column {
padding: 0 1.200vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .our_vr_column {
padding: 0 8px; } }
.other-projects .our_vr_column .our_vr_columns {
position: relative;
border-radius: 5px;
background: #000; overflow: hidden;}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .our_vr_column .our_vr_columns {
border-radius: 0.333vw; } }
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img {
position: relative; }
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img img {
width: 100%; }
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .our_vr_column_logo_img {
width: auto;
position: absolute;
top: 50%;
max-width: 150px;
left: 0;
right: 0;
z-index: 999;
margin: 0 auto;
transform: translate(0px, -50%); }
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img::after{
content: "";
background: linear-gradient(360deg, #21548E 0%, rgba(0, 0, 0, 0) 117.11%);
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .our_vr_column_logo_img {
max-width: 10vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .our_vr_column_logo_img {
top: 50%;
max-width: 80px; } }
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .our_vr_column_logo_img img {
width: auto !important;
margin: 0 auto !important; }
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn {
position: absolute;
bottom: 25px;
text-align: center;
left: 0;
right: 0;
opacity: 0;
z-index: 99999; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn {
bottom: 1.667vw; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn {
bottom: 10px; } }
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a {
color: #80F2CC;
font-size: 14px;
font-weight: 400;
letter-spacing: 6px;
text-transform: uppercase; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a {
font-size: 0.933vw;
letter-spacing: 0.400vw; } }
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a img {
width: auto;
margin-right: 10px;
vertical-align: middle;
position: initial;
transform: none;
display: inline-block; }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects .our_vr_column .our_vr_columns .our_vr_column_img .our_vr_column-text .learn-more-btn a img {
margin-right: 0.667vw; } }
.other-projects .our_vr_column:hover .learn-more-btn {
opacity: 1 !important; }
#popup_video {
width: 70%;
padding: 35px; }
@media only screen and (max-width: 767px) {
#popup_video {
width: 95%;
padding: 25px; } }
@media only screen and (max-width: 1499px) and (min-width: 992px) {
#popup_video {
padding: 2.333vw; } }
#popup_video .video .iframeContainer {
overflow: hidden;
padding-top: 56.25%;
position: relative; }
#popup_video .video .iframeContainer iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }  .page-banner.case-studies-page .inner-page-bg-image{
position: relative;
}
.page-banner.case-studies-page .page-title { 
position: absolute;
width: 100%;
top: 0;
}
.page-banner.case-studies-page .page-title h1{
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
.case-studies-section{
padding: 40px 0;
background-color: #F6F6F6;
}
.case-studies-section .container{
max-width: 1195px;
}
.case-studies-list{
position: relative;
}
.case-studies-list .item{
padding: 40px 0;
position: relative;
}
@media only screen and (min-width: 768px) {
.case-studies-list .item:nth-child(even){
flex-direction: row-reverse;
}
}
.case-studies-list .item .image-box{
width: 439px;
position: relative;
}
.case-studies-list .item .image-box figure{
width: 100%;
padding-bottom: 68%;
position: relative;
border-radius: 5px;
}
.case-studies-list .item .image-box figure img{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
border-radius: 5px;
}
.case-studies-list .item .content{
max-width: 650px;
}
.case-studies-list .item .content h2{
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 1;
text-transform: uppercase;  
color: #131313;  
margin-bottom: 23px;
}
.case-studies-list .item .content h6{
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 1.3;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #131313;
margin-bottom: 18px;
}
.case-studies-list .item .content p{
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.428;
color: #000000;
}
.view-all-case-studies{
background-color: #fff;
padding: 64px 0 68px;
}
.view-all-case-studies .content{
max-width: 970px;
margin: 0 auto;
}
.view-all-case-studies .content p{
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 1.4;
text-align: center;
color: #000000;
}
.view-all-case-studies .content .btn-view-all {
display: block;
margin-top: 45px;
}
.view-all-case-studies .content .btn-view-all .custom-button{
display: inline-block;
min-width: 249px;
}
.view-all-case-studies .content .btn-view-all .custom-button .demo-icon{
vertical-align: middle;
font-size: 20px;
margin-right: 5px;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.page-banner.case-studies-page .page-title h1{
max-width: 50vw;
}
.case-studies-section{
padding: 2.667vw 0;
}
.case-studies-section .container{
max-width: 79.667vw;
}
.case-studies-list .item{
padding: 2.667vw 0;
}
.case-studies-list .item .image-box{
width: 29.267vw;
}
.case-studies-list .item .image-box figure{
border-radius: 0.333vw;
}
.case-studies-list .item .image-box figure img{
border-radius: 0.333vw;
}
.case-studies-list .item .content{
max-width: 43.333vw;
}
.case-studies-list .item .content h2{
font-size: 3.333vw;
margin-bottom: 1.533vw;
}
.case-studies-list .item .content h6{
font-size: 0.800vw;
margin-bottom: 1.200vw;
}
.case-studies-list .item .content p{
font-size: 0.933vw;
}
.view-all-case-studies{
padding: 4.267vw 0 4.533vw;
}
.view-all-case-studies .content{
max-width: 64.667vw;
}
.view-all-case-studies .content p{
font-size: 1.667vw;
}
.view-all-case-studies .content .btn-view-all {
margin-top: 3vw;
}  
.view-all-case-studies .content .btn-view-all .custom-button{
min-width: 16.600vw;
}
.view-all-case-studies .content .btn-view-all .custom-button .demo-icon{   
font-size: 1.333vw;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.case-studies-section{
padding: 20px 0;
}
.case-studies-list .item{
padding: 20px 0;   
}
.case-studies-list .item .image-box{
min-width: 250px;
width: 250px;
}
.case-studies-list .item .content{
max-width: calc(100% - 270px);
}
.case-studies-list .item .content h2 {
font-size: 24px;
margin-bottom: 15px;
}
.view-all-case-studies{
padding: 25px 0;
}
.view-all-case-studies .content p{
font-size: 16px;
}
.view-all-case-studies .content .btn-view-all{
margin-top: 25px;
}
}
@media only screen and (max-width: 767px) {
.case-studies-section{
padding: 15px 0;
}
.case-studies-list .item{
padding: 15px 0;
flex-wrap: wrap;
}
.case-studies-list .item .image-box{
width: 100%;
text-align: center;
max-width: 440px;
margin: 0 auto;
}
.case-studies-list .item .content{
width: 100%;
text-align: center;
margin-top: 15px;
}
.case-studies-list .item .content h2{
font-size: 20px;
margin-bottom: 10px;
}
.case-studies-list .item .content h6{
margin-bottom: 12px;
}
.case-studies-list .item .content p{
font-size: 12px;
}
.view-all-case-studies{
padding: 20px 0;
}
.view-all-case-studies .content p{
font-size: 12px;
}
}  .layout-2.behind_the_scene{
padding-top: 45px;
}
.layout-2.behind_the_scene .behind_the_scene_main {
margin-top: 50px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main{
flex-wrap: wrap;
display: flex;
max-width: calc(100% + 20px);
max-width: -webkit-calc(100% + 20px);
max-width: -moz-calc(100% + 20px);
margin-left: -10px;
margin-right: -10px;
margin-bottom: 40px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper{
width: 50%;
padding: 10px;
margin-bottom: 0;
overflow: hidden;
position: relative;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .content{
position: relative;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img {
position: relative;
padding-bottom: 63%;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img img {
width: 100%;
border-radius: 5px;
height: 3;
position: absolute;
left: 0;
top: 0;
height: 100%;
object-fit: cover;
object-position: center center;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img::after{
content: "";
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 17.99%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(33, 84, 142, 0.3), rgba(33, 84, 142, 0.3));
border-radius: 5px;
position: absolute;
top:0;
left: 0;
height: 100%;
width: 100%;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text {
z-index: 1;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
font-size: 32px;
line-height: 0.8;
color: #fff;
text-transform: uppercase;
font-weight: 600;
padding-left: 0;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text {
position: absolute;
bottom: 64px;
width: 100%;
text-align: center;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text{
max-width: 100%;
padding-top: 0;
margin: 0 auto;
visibility: hidden;
opacity: 0;
height: 0;
transition: height 1s;
position: absolute;
left: 0;
padding: 20px 40px;
text-align: center;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
overflow-y: auto;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text::-webkit-scrollbar {
width: 0;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text h5{
color: #fff;
max-width: 75%;
margin-left: auto;
margin-right: auto;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text p{
color: #fff;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper:hover .behinf_the_brainstom_img >  .behinf_the_brainstom_text{
display: none;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper:hover .behinf_the_brainstom_img::after{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 17.99%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(33, 84, 142, 0.89), rgba(33, 84, 142, 0.89));
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper:hover .the_brainstom_bottom_text{
visibility: visible;
height: auto;
opacity: 1;
max-height: 100%;
}
.layout-2 .the_brainstom_bottom_text h2{
font-size: 32px;
line-height: 0.8;
color: #fff;
text-transform: uppercase;
font-weight: 600;
padding-left: 0;
margin-bottom: 25px;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.layout-2.behind_the_scene{
padding-top: 3vw;
}
.layout-2.behind_the_scene .behind_the_scene_main {
margin-top: 3.333vw;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main{   
max-width: calc(100% + 1.333vw);
max-width: -webkit-calc(100% + 1.333vw);
max-width: -moz-calc(100% + 1.333vw);
margin-left: -0.667vw;
margin-right: -0.667vw;
margin-bottom: 2.667vw;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper{    
padding: 0.667vw;    
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
font-size: 2.133vw;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text {    
bottom: 4.267vw;
}  
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text{      
padding:1.333vw 2.667vw;  
}  
.layout-2 .the_brainstom_bottom_text h2{
font-size: 2.133vw;   
margin-bottom: 1.667vw;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.layout-2.behind_the_scene{
padding-top: 30px;
}
.layout-2.behind_the_scene .behind_the_scene_main {
margin-top:25px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
font-size: 20px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text{
padding: 25px;
}
.layout-2 .the_brainstom_bottom_text h2 {
font-size: 20px;
margin-bottom: 10px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text h5{
font-size: 14px;
margin-bottom: 5px;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.layout-2.behind_the_scene{
padding-top: 15px;
}
.layout-2.behind_the_scene .behind_the_scene_main {
margin-top:15px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper{
width: 100%;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text {
bottom: 22px;    
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text{
display: none;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text{
display: block;
position: relative;
height: auto;
opacity: 1;
visibility:visible;
top: 0;
transform: none;
padding: 15px 0 0 0;
}
.layout-2 .the_brainstom_bottom_text h2{
font-size: 18px;
color:#000;
max-width: 100%;
margin-bottom: 10px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text h5{
color:#000;
max-width: 100%;
margin-bottom: 10px;
font-size: 14px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .the_brainstom_bottom_text p{
color:#000;
max-width: 100%;
font-size: 14px;
}
.layout-2.behind_the_scene .behind_the_scene_main .behind_the_brainstom_main .behind_the_brainstom_wrapper .behinf_the_brainstom_img .behinf_the_brainstom_text h4 {
font-size: 18px;}
}  .other-projects.project-page-other-section{
padding: 60px 0 20px 0;
}
.other-projects.project-page-other-section .sec-heading{
padding: 0;
}
.other-projects.project-page-other-section .sec-heading h3{
display: none;
}
.contact-info-section{
background: #fff;
padding: 64px 0 68px;
}
.award-wining-text-wrapper{
max-width: 968px;
margin: 0 auto;
}
.award-wining-text-wrapper p{    
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 1.4;
text-align: center;
color: #000000;
}
.awrd-wining-text-btn{
text-align: center;
margin-top: 49px;
display: block;
}
.awrd-wining-text-btn a{
display: inline-block;
min-width: 167px;
}
.awrd-wining-text-btn a span{
margin-right: 5px;
font-size: 20px;
vertical-align: middle;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.other-projects.project-page-other-section{
padding: 4vw 0 1.333vw 0;
}
.contact-info-section{
padding: 4.267vw 0 4.533vw;
}
.award-wining-text-wrapper{
max-width: 64.533vw;
}
.award-wining-text-wrapper p{   
font-size: 1.667vw;
}
.awrd-wining-text-btn{
margin-top: 3.267vw;
}
.awrd-wining-text-btn a{
min-width: 11.133vw;
}
.awrd-wining-text-btn a span{
font-size: 1.333vw;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.other-projects.project-page-other-section{
padding: 30px 0;
}
.award-wining-text-wrapper{
max-width: 700px;
}
.contact-info-section{
padding: 25px 0;
}
.award-wining-text-wrapper p{   
font-size: 16px; 
}
.awrd-wining-text-btn{
margin-top: 20px;
} 
}
@media only screen and (max-width:767px){
.other-projects.project-page-other-section{
padding: 15px 0;
}
.award-wining-text-wrapper{
max-width: 575px;
}
.contact-info-section{
padding: 15px 0;
}
.award-wining-text-wrapper p{   
font-size: 12px; 
}
.awrd-wining-text-btn{
margin-top: 10px;
} 
}  .news-inner-content.cms_page h2{
text-transform: uppercase;
font-size: 24px;
font-weight: 600;
color: #80f2cc;
}
.news-inner-content.cms_page h3{
font-size: 20px;
font-weight: 600;
color: #80f2cc;
margin-bottom: 15px;
}
.news-inner-content.cms_page .news-inner-content-main .news-inner-bg .news_inner_desc p a{
font-weight: 600;
}
@media only screen and (max-width: 1499px) and (min-width: 992px) {
.news-inner-content.cms_page h2{
font-size: 1.600vw;
}
.news-inner-content.cms_page h3{
font-size: 1.333vw;
margin-bottom: 1vw;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.news-inner-content.cms_page h2{
font-size: 20px;
}
.news-inner-content.cms_page h3{
font-size: 18px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.news-inner-content.cms_page h2{
font-size: 18px;
}
.news-inner-content.cms_page h3{
font-size: 14px;
margin-bottom: 10px;
}
.news-inner-content.cms_page .news-inner-content-main .news-inner-bg .news_inner_desc p{
text-align: left;
}
} .other-experience-item {
cursor: pointer;
} section.home-page-video {
background-color: #fff;
overflow: hidden;
padding: 60px 0 20px 0;
}