html, body {
max-width: 100%;
overflow-x: hidden;
margin: 0 !important;
padding: 0;
}
body{ }
.section-desc-more span{
font-weight: bold;
font-size: 25px;
}
.section-img-home{
width: 100%;
}
.top-no-padding{
padding-top: 0 !important;
}
.section-img-home img{
width: 100%;
}
.contact-map-link{
color: #000;
text-decoration: underline;
}
.black-bg{
background-color: black !important;
}
.subscribe-txt{
padding: 20px 10px 0 0; color: #FFF; font-weight: 200; font-family: 'Poppins', sans-serif;
}
.about-press-section-mob .img-box{
width: 70%;
margin: 0 auto;
}
.about-press-section-mob .content-box{
padding: 30px 10%;
font-size: 15px;
}
.timeline__content p{
font-weight: 200;
}
.connect-wrap{
padding-top: 20px;
}
.subscription-wrap .txt-subscription,.connect-wrap .txt-connect-head{
font-size: 20px;
font-weight: 600;
}
.connect-wrap .txt-connect-head{
padding-bottom: 15px;
}
.connect-wrap .connect-txt p{
font-size: 14px;
font-weight: 200;
}
.footer-form-wrapper{
border-bottom: 1px solid rgb(23, 22, 22);
border-top: 1px solid rgb(23, 22, 22);
padding: 20px 0;
}
.connect-wrap.mob-frm-wrap label{
width: 100px;
font-size: 14px;
font-weight: 200;
}
.connect-wrap.mob-frm-wrap .connect-txt{
padding: 0 0 10px 0;
}
.connect-wrap.mob-frm-wrap input,.connect-wrap.mob-frm-wrap textarea{
border: 1px solid #d2d1d1;
padding: 4px;
font-size: 14px;
font-weight: 200;
color: #fff;
border-radius: 0;
}
.connect-wrap.mob-frm-wrap textarea{
padding: 0;
}
.frm-footer{
padding: 10px 0;
}
.mob-frm-wrap .form-submit-wrap input{
margin: 0;
padding: 3px 25px;
background: #000;
color: #fff;
border: 2px solid #fff;
font-size: 14px;
margin-top: 10px;
}
.subscription-wrap .subscribe-txt{
font-size: 14px;
padding: 15px 10px 0 0;
}
.grey-bg{
background-color: #fafafa !important;
}
.txt-left-align{
text-align: left;
}
.atuo-margin{
margin: 0 auto;
}
.txt-center-align{
text-align: center;
}
.timeline-img{
padding: 20px 0px;
}
.black-txt{
color:black !important;
}
.mob-press-content{
border: 1px solid #484545;
padding: 10px 15px;
}
.white-txt{
color: #FFF !important;
}
.count-txt{
font-size: 80px;
font-weight: bold;
}
.big-txt{
font-size: 55px;
font-weight: 500;
}
.med-txt{
font-size: 22px;
font-weight: 300;
}
.full-width{
width: 100%;
}
.half-width{
width: 50%;
}
.align-vertical{
vertical-align: middle;
}
.mob-why-mot,.mob-view-all{
display: none;
}
.mob-view-all div{
text-align: center;
}
.mob-brand-section{
display: none;
}
.brand-grid-open .header-wrapper{
display: none;
}
.brands-grid .brands-wrap .brand .logo{
margin: 10px;
}
.brands-grid .brands-wrap{
background-size: cover !important;
}
.brand-wrap{
font-family: 'Poppins', sans-serif;
}
.brand-wrap .brand-tagline{
padding: 100px 0 20px 100px; font-size: 60px; font-weight: bold;
}
.brand-wrap .brand-tagline-description{
padding: 20px 0 100px 100px;  font-size: 20px; font-weight: 200;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title{
background: #000 !important;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title:before{
border-top-color: #000;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title:after{
border-top-color: #000;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title{
color: #000000;
}
.wpostahs-slider-wrp{
padding-bottom: 60px;
}
.event-gallery-clik-wrap{
cursor:pointer;
}
.social-links-wrap .brand-uri{
display: block;width: fit-content; width: intrinsic;min-width:300px; margin-top: 200px; border:solid 4px #FFF; letter-spacing: 2px;cursor: pointer;    border-top: solid 3px #FFF;
}
.social-links-wrap .brand-uri div{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 20px;
background-color: #000;
text-align: center;
margin: 0 auto;
color: white;
border-top: #FFF 1px solid;
display: block;
height: 100%;
width: 100%;
}
.social-links-wrap .brand-uri:hover div {
letter-spacing: 3px;
color: #FFF;
cursor: pointer;
-ms-transform: rotatex(360deg);
-webkit-transform: rotatex(360deg);
transform: rotatex(360deg);
}
.social-links-wrap .social-links{
width: 300px; margin-top: 30px; border:solid 4px #FFF; padding: 20px 50px 20px 50px; letter-spacing: 2px;text-align: center;
}
.social-links-wrap .social-links ul{
list-style-type: none; margin: 0; padding: 0
}
.social-links-wrap .social-links ul li{
display: inline; padding-left: 10px;
}
.social-links-wrap .social-links ul li a img{
transition: transform .3s;
}
.social-links-wrap .social-links ul li a img:hover{
transform: scale(1.3);
}
.total-reach-wrap .text-in{
margin-top: 100px;  padding: 10px 0 0px 100px; font-size: 20px; font-weight: bold;
}
.total-reach-wrap .text-in span{
padding: 10px 30px 10px 30px;
}
.total-reach-wrap .reach-count{
padding: 10px 0 0px 100px; font-size: 135px; font-weight: bold;
}
.total-reach-wrap .txt-in-scond{
padding: 20px 0 100px 100px;  font-size: 20px; font-weight: 200;
}
.total-reach-wrap .img-wrap{
text-align: center; margin-top: 30px; padding-top: 50px; padding-bottom: 50px;
}
.composite-img-wrap .right-desc-section .brand-uri-col{
padding: 50px 50px 0px 50px;  font-size: 60px; color: #FFF; font-weight: bold;
}
.composite-img-wrap .right-desc-section .composite-desc-col{
padding: 0px 50px 50px 50px;  font-size: 20px; width: 90%; color: #FFF; font-weight: 200;
}
.composite-img-wrap .right-desc-section .composite-desc-col-four{
padding: 100px 50px 50px 100px;font-size: 37px;width: 90%;color: #FFF;font-weight: bold;
}
.composite-img-wrap .visitor-count-wrap{
padding: 0px 50px 0px 50px; font-size: 94px; line-height: 92px; font-weight: bold; color: #FFF;
}
.composite-img-wrap .visitor-count-wrap .visitor-count{
margin-left: -5px;
}
.composite-img-wrap .visitor-count-wrap .txt-visitor{
font-size: 20px; font-weight: 200;
line-height: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.composite-img-wrap .visitor-count-wrap .txt-visitor .goog-anaytics{
font-size: 10px;
}
.composite-img-wrap { }
.minimal.composite-img-wrap {
padding: 0;
background-color: #fafafa;
}
.minima-events.composite-img-wrap {
padding: 0;
}
.minimal.composite-img-wrap .right-desc-section .composite-desc-col{
color: #000;
}
.minimal.composite-img-wrap .right-desc-section .composite-desc-head{
font-weight: bold;
font-size: 66px;
color: #000; }
.minimal.composite-img-wrap .visitor-count-wrap{
color: #000;
}
.composite-img-wrap-four-col {
padding: 0;
}
.events-wrap .txt-events{
padding: 140px 0 0px 100px; font-size: 80px; font-weight: bold; color: #FFF;
}
.events-wrap .tile-wrap{
padding: 50px 0 100px 0;
}
.events-wrap .tile-wrap .box-inner{
padding: 30px; height: 416px;
} .events-wrap .tile-wrap .box-inner div.tile{
width: 100%; border:solid 10px #000;    position: relative;
}
.events-wrap .tile-wrap .box-inner div.tile img{
cursor: pointer;
}
.events-wrap .tile-wrap .box-inner div.tile .overlay{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.68);
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform:scale(0);
transition: .3s ease;
cursor: pointer;
}
.events-wrap .tile-wrap .box-inner div.tile:hover .overlay {
transform: scale(1)
}
.events-wrap .tile-wrap .box-inner div.tile .overlay .text{
text-align: center;
margin-top: 30%;
color: #FFF;
}
.events-wrap .tile-wrap .box-inner div.tile .overlay .text button{
border: none;
border-radius: 3px;
background-color: #000;
padding: 10px 20px;
color: #FFF;
font-size: 22px;
cursor: pointer;
}  .events-wrap .tile-wrap .box-inner div.tile-temp{
width: 100%; border:solid 10px #000;    position: relative;
}
.events-wrap .tile-wrap .box-inner div.tile-temp img{
cursor: pointer;
}
.events-wrap .tile-wrap .box-inner div.tile-temp .overlay{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform:scale(1);
transition: .3s ease;
cursor: pointer;
opacity: 0;
}
.events-wrap .tile-wrap .box-inner div.tile-temp:hover .overlay{
opacity: 1;
}
.events-wrap .tile-wrap .box-inner div.tile-temp:hover{
transform: rotateY(180deg);
transition: 0.7s;
}
.events-wrap .tile-wrap .box-inner div.tile-temp .overlay .text{
text-align: center;
margin-top: 30%;
color: #FFF;
transform: rotateY(-180deg);
}
.events-wrap .tile-wrap .box-inner div.tile-temp .overlay .text button{
border: none;
border-radius: 3px;
background-color: #000;
padding: 10px 20px;
color: #FFF;
font-size: 22px;
cursor: pointer;
}  .hovereffecttwo{
position:relative;
width:100%;
height:100%; perspective :600px;
-webkit-perspective: 600px;
-moz-perspective: 600px;
height: 430px;
cursor: pointer;
}
.about-press-container .hovereffecttwo{
height: auto;
}
.hovereffecttwo-thumb{
height: auto;
}
.hovereffecttwo .tile-front{
position:absolute;
z-index:9; -webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden; transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
} .hovereffecttwo.flipping .tile-front
{
z-index:9;
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
transition-duration:0.4s;
}
.hovereffecttwo .tile-back
{ width:100%;
height: 100%;
background:#000;
overflow:hidden;
text-align:center;
z-index:8; -webkit-transform:rotateX(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform:rotateX(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden; transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition-duration:0.4s;
height: -webkit-fill-available;
}
.hovereffecttwo.flipping .tile-back
{
z-index:10; transition-duration:0.4s;
}
.hovereffecttwo .tile-back .text{
text-align: center;
margin-top: 28%;
color: #FFF;
letter-spacing: 2px;
font-size: 1rem;
font-weight: 400;
border: solid 3px #FFF;
padding: 20px;
width: 40%;
margin-left: 30%;
}
.hovereffecttwo-thumb .tile-back .text{
text-align: center;
margin-top: 18%;
color: #000;
letter-spacing: 2px;
font-size: 1rem;
font-weight: 400;
border: solid 3px #000;
padding: 5px 5px;
width: 70%;
margin-left: 15%;
}
.two-tile-wrap .tile-row:after {
clear:both;
content:"";
display:block;
}
.circle
{
position:relative;
width:100%;
height:100%;  perspective :600px;
-webkit-perspective: 600px;
-moz-perspective: 600px;  }
.circle img{
border: solid 10px #000;
}
.circle .front
{
position:absolute;
z-index:9; -webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden; transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
} .circle.flipping .front
{
z-index:9;
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
transition-duration:0.4s;
}
.circle .back
{
position:absolute;
width:100%;
height: 100%;
background:#FFF;
overflow:hidden;
text-align:center;
z-index:8; -webkit-transform:rotateX(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform:rotateX(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden; transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition-duration:0.4s;
}
.circle.flipping .back
{
z-index:10;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform:rotateX(0deg) rotateY(0deg);
transition-duration:0.4s;
}
.events-wrap .tile-wrap .box-inner div.circle .back .text{
text-align: center;
margin-top: 28%;
color: #000;
letter-spacing: 2px;
font-size: 1rem;
font-weight: 400;
border: solid 3px #000;
padding: 20px;
width: 40%;
margin-left: 30%;
} .social-followers-wrap{
padding-bottom: 100px;
}
.social-followers-wrap .txt-social{
padding: 30px 0 0px 100px; font-size: 80px; font-weight: bold; color: #000; height: 200px;
}
.social-followers-wrap .social-in-col{
padding: 50px 50px 0px 50px; font-size: 80px; line-height: 50px; font-weight: bold; color: #000;
}
.social-followers-wrap .span-social{
font-size: 20px; font-weight: 200;
}
.insta-wrap .txt-insta{
padding: 30px 0 0px 100px; font-size: 80px; font-weight: bold; color: #FFF; height: 200px;
}
.insta-wrap .insta-feed{
padding-bottom: 50px;
}
.events-wrap .boxes{
margin: 0 auto;
}
.no-padding{
padding-left: 0;
padding-right: 0;
}
.no-padding-all{
padding: 0 !important;
}
.no-margin-top{
margin-top: 0 !important;
}
.brand-wrap .composite-img-wrap .fadeInUp{
visibility: hidden; animation-duration: 1s; animation-delay: 0.1s; animation-name: none;
}
.brand-wrap .total-reach-wrap .fadeInLeft{
visibility: hidden; animation-duration: 1s; animation-delay: 0.1s; animation-name: none;
}
.brand-wrap .total-reach-wrap .fadeInRight{
visibility: hidden; animation-duration: 1s; animation-delay: 0.1s; animation-name: none;
}
.video-bg{
padding: 0;
min-height: 0 !important;
line-height: 0;
}
.video-bg video{
width: 100%;
height: 100%;
}
.form-submit-wrap .submit-form{
padding: 0;
margin-left: 150px;
margin-top: 20px;
}
.footer-wrap .footer-container{
padding-top: 100px; padding-bottom: 20px; padding-left: 200px; padding-right: 200px;
}
.footer-wrap .subscription-wrap .txt-subscription{
font-size: 30px; color: #FFF; font-weight: bold;   text-align: left;
}
.footer-wrap .input-contact-footer{
width: 60%; border: solid 4px #FFF; color: #FFF;
}
.footer-wrap .input-contact-footer .txt-area{
width: 60%; height: 150px; border: solid 5px #FFF;  color: #FFF;
}
.mob-header-wrapper,.mob-menu{
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 5;
font-family: 'Poppins', sans-serif;
}
.mob-menu{
background-color: #000;
}
.logo.hide-logo{
display: none;
}
header.sticky .logo.hide-logo{
display: block;
}
.mob-header-wrapper{
display: none;
height: auto;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
transition: 0.5s;
}
.intro, .intro .intro-mobile-bg {
background-size: cover;
background-position: 50%;
}
.intro{
position: relative;
overflow: hidden;
}
.intro-video {
height: 100vh;
}
.intro-video video, body.ie .intro-video video {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
}
.intro-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mob-menu .menu-bg {
width: 100%;
height: 100%;
display: block;
top: 0;
position: absolute;
background-color: #000;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 0.4s cubic-bezier(0, 0.64, 0.35, 0.99);
-moz-transition: all 0.4s cubic-bezier(0, 0.64, 0.35, 0.99);
-ms-transition: all 0.4s cubic-bezier(0, 0.64, 0.35, 0.99);
-o-transition: all 0.4s cubic-bezier(0, 0.64, 0.35, 0.99);
transition: all 0.4s cubic-bezier(0, 0.64, 0.35, 0.99);
-webkit-transform-origin: center 100%;
transform-origin: center 100%;
z-index: -1;
}
.menu-show .menu-bg {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.menu-show .menu-bg-dark {
left: 0; background-color: #1A1B1C;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.align {
display: table;
width: 100%;
height: 100%;
}
.align-vertical {
display: table-cell;
}
.mot-section{
padding: 100px 0 0 0;
}
.mot-section .content-why-mot{
padding: 100px 0 0 0;
}
.mot-section.why-mot p{
font-size: 20px;
font-weight: 200;
}
.mot-section.why-mot .left-wrap{
padding: 0 50px 0 115px;
}
.mot-section.why-mot .right-wrap{
padding: 0 100px 0 50px;
}
.mot-section.why-mot .right-img-wrap{
padding: 0 116px 0 0;
}
.mot-section.why-mot .content-why-mot div{
width: 50%;
}
.join-us-content{
padding: 50px 100px;
background-color: rgba(4, 4, 4, 0.03);
}
.join-us-content div.txt-join-us{
padding: 30px 0px 30px 0px; text-align: center;
}
.join-us-content .box-left {
padding-left: 10px; text-align: center;
}
.join-us-content .box-right {
padding-left: 10px;
}
.bg-count { line-height: 100px; padding-top: 12px; float: none;  }
.group { width: 200px; height: 154px; background-image: url(//motivatemedia.com/wp-content/themes/motivate-blk-wht/images/group-gray-light-6.png); background-repeat: no-repeat; margin: 0 auto; padding-top: 30px; }
.globe { width: 200px; height: 154px; background-image: url(//motivatemedia.com/wp-content/themes/motivate-blk-wht/images/globe-gray-light.png); background-repeat: no-repeat; margin: 0 auto; padding-top: 30px; }
.sizeup { font-size: 18px; float: none; }
.mot-section.why-mot .component-header{
height: auto;
} .join-us-content span{
float: none;
clear: left;
} .align-vertical-middle {
vertical-align: middle;
}
.menu-show .menu-wrapper-col {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.8s cubic-bezier(0, 0.01, 0.01, 0.98);
-moz-transition: all 0.8s cubic-bezier(0, 0.01, 0.01, 0.98);
-ms-transition: all 0.8s cubic-bezier(0, 0.01, 0.01, 0.98);
-o-transition: all 0.8s cubic-bezier(0, 0.01, 0.01, 0.98);
transition: all 0.8s cubic-bezier(0, 0.01, 0.01, 0.98);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
text-align: right;
}
.mob-menu-navigation {
height: 100%;
max-width: 1000px;
margin: 0 auto;
}
.mob-menu-navigation .nav {
list-style: none;
width: 85%;
position: relative;
float: right;
text-align: right;
padding-right: 20px;
}
.mob-menu-navigation .nav li{
width: 100%;
line-height: 55px;
}
.nav-item-link {
color: rgba(255, 255, 255, 0.82);
transform: rotate(-360deg);
font-size:2.7em;
letter-spacing: 0;
line-height: 0.9em;
text-transform: uppercase;
-webkit-transition: all 0.3s cubic-bezier(0, 0.01, 0.01, 0.98);
-moz-transition: all 0.3s cubic-bezier(0, 0.01, 0.01, 0.98);
-ms-transition: all 0.3s cubic-bezier(0, 0.01, 0.01, 0.98);
-o-transition: all 0.3s cubic-bezier(0, 0.01, 0.01, 0.98);
transition: all 0.3s cubic-bezier(0, 0.01, 0.01, 0.98);
}
.brand-logo-wrap{
position:absolute; bottom: 300px; left: 100px; width: 50%;
}
.back-arw:hover {
transform: translateX(-15px);
}
body.brand-grid-open{ overflow: hidden;
transform-origin: bottom;
transition-duration: 0.7s;
overflow-x: hidden;
height:100vh;
}
body.brand-grid-open .brands-grid{
transform: translateY(0vh);
}
html.brand-grid-open-html{ margin-top: 0 !important;
}
body.brand-grid-close{ transform-origin: top;
transition-duration: 0.7s;
height:auto;
}
html.brand-grid-close-html{
overflow-x: hidden;
margin-top: 0 !important;
}
.home-three-img{
padding: 83px;
display: block;
margin: 0 auto;
}
.home-three-img img{
width: 100%;
}
.social-links-wrap .top-margin-high{ }
.circulation-wrap{
padding: 80px 0;
}
.circulation-wrap span{
font-weight: bold;
font-size: 80px;
}
.circulation-wrap .txt-circulation{
padding: 36px 50px 0px 50px;
font-size: 24px; font-weight: 200;
color: #000;
}
.winners-wrap{
max-height: 500px;
overflow: hidden;
padding: 35px 0;
}
.winners-wrap img{
width: 100%;
}
.gallery-wrap .txt-gallery{
padding: 0px 0 45px 100px;
font-size: 80px;
font-weight: bold;
}
.gallery-wrap .txt-gallery sapn{
padding-left: 100px;
}
.gallery-wrap{
padding: 45px 0;
}
.wordpress-carousel-free-section{
margin: 0 auto;
margin-right: 0px !important;
}
.second-section-wrap row{
display: table;
}
.second-section-wrap .half-col{
width: 50%;
display: table-cell;
vertical-align: middle;
}
.second-section-wrap .social-container{
display: inline-block;
}
.slick-slider{
margin: 0 auto !important;
}
.social-links-wrap .brand-uri{
margin-top: 0;
}
.tbl-display{
display: table !important;
}
.tbl-cell-display{
display: table-cell !important;
}
.composite-img-wrap.white-bg .right-desc-section .composite-desc-col-four{
color: #000;
width: 100%;
}
.composite-img-wrap.white-bg .right-desc-section .brand-uri-col{
padding: 0px 0px 20px 0px;
}
.sponsors-wrap{
display: table;
}
.sponsors-wrap div{
display: inline-block;
width: 20%;
padding: 0 35px 35px 35px;
}
.sponsors-wrap div img{
width: 70%;
}
.txt-bold-head .txt-head{
padding: 30px 0 0px 100px;
font-size: 80px;
font-weight: bold; height: 200px;
}
.composite-img-wrap .parallax{
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 100px;
padding-left: 300px;
min-height: 400px;
}
.js .grid li img{
visibility: visible;
}
.js .grid li{
display: block;
} .section-desc{
font-size: 20px;
font-weight: 200;
}
.services-grid img{
width: 100%; }
.services-grid .service-row{
margin: 0 auto;
}
.services-grid .box{
padding: 40px;
color: #333;
width: 100%;
height: 100%;
text-align: center;
display: table;
}
.services-grid .box h2{
display: table-cell;
vertical-align: middle;
}
.services-grid .box h2,.services-grid .box p{
font-weight: 200;
}
.services-grid .service-row div{
cursor: pointer;
}
.press-title{
padding-top:100px; padding-left: 100px; color: #FFF;
}
.press-slide .story-head{
text-align: -webkit-center;
font-size: 23px;
font-weight: 200; color: #FFF;
padding: 50px 35px 20px;
}
.press-slide .story-subhead{
margin: 0 auto; width: 50%; padding-bottom: 50px; color: #FFF;
}
.press-slide .story-readmore{
text-align: center;
}
.press-slide .story-readmore a{
color: #fff;
}
.press-slide .story-readmore button{
background-color: #000; padding: 10px 30px 10px 30px; color: #FFF; border: solid 1px #FFF;
}
.three-tile{
padding: 35px;
margin: 0;
display: inline-block;
width: 33%;
}
.three-tile img{
width: 100%;
}
.three-tile-wrap{
width: 100%;
padding: 50px 150px 120px 150px;
}
.hovereffect {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hovereffect .overlay {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.hovereffect:hover .overlay {
background-color: rgba(170,170,170,0.4);
}
.hovereffect h2, .hovereffect img {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.hovereffect img {
display: block;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.hovereffect:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.hovereffect h2 {
text-transform: uppercase;
color: #fff;
text-align: left;
position: relative;
font-size: 45px;
padding: 10px;
background: rgba(0, 0, 0, 0.6);
font-weight: bold;
}
.hovereffect a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
text-transform: uppercase;
color: #fff;
border: 1px solid #fff; background-color: transparent;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
font-weight: bold;
height: 75%;
width: 85%;
position: relative;
top: -14%; padding: 57px;
padding-top: 40%;
font-size: 40px;
}
.no-margin{
margin: 0;
}
.hovereffect:hover a.info {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background-color: rgba(0,0,0,0.4);
}
.hovereffecttwo .overlaytwo {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.hovereffecttwo h2 {
text-transform: uppercase;
color: #fff;
text-align: left;
position: relative;
font-size: 34px;
font-weight: bold;
padding: 10px 25px;
background: rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.hovereffecttwo .white-head h2 {
background: rgba(255, 242, 242, 0.6);
color: #000;
}
.hovereffecttwo h2, .hovereffecttwo img {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.who-we-are{
margin-top: 130px;
}
.block-display{
display: block;
}  .two-tile-wrap{
padding: 20px 14% 125px;
}
.two-tile-wrap .tile-row{
margin: 0 auto;
}
.home-box{
padding: 60px 30px 30px 30px;
}
.home-box-wrapper{
float: left;
margin: 0;
}
.slick-dots {
padding-bottom: 80px;
position: relative;
} .services-pg .logo{
display: none;
}
.services-pg .inner-wrap .logo{
display: block !important;
}
.services-pg .logo.show-logo{
display: block;
}
.services-pg .logo.hide-logo{
display: none;
}
.services-pg .sticky .logo{
display: block;
}
.services-pg .logo-small{
width: 281px;
}
.composite-description-small{
font-size: 22px;
font-weight: 400;
}
.connect-txt p{
color: #fff;
}
.services-pg .composite-img-wrap .right-desc-section .composite-desc-col-four{
padding: 80px 83px 50px 49px
}
.services-pg .composite-img-wrap .right-desc-section .composite-desc-col-four.left-col{
padding: 80px 50px 0px 100px;
}
.services-pg .left-img-section div{
padding: 80px 0px 0px 0px;
height: 100%;
}
.services-pg .video-wrap{
height: 100%;
padding: 0 100px !important;
}
.services-pg .top-footer-wrap{
margin-top: 50px;
}
.no-margin{
margin: 0 !important;
} .service-section {
height: 100vh;
}
.service-section .flex-container {
position: absolute;
height: 100vh;
width: 100%;
display: -webkit-flex; display: flex;
overflow: hidden;
}
.service-section .cinema .flex-title span{
border-bottom: 1px solid #57cfe7;
}
.service-section .content .flex-title span{
border-bottom: 1px solid #f8b001;
}
.service-section .video .flex-title span{
border-bottom: 1px solid #e7298c;
}
.service-section .social .flex-title span{
border-bottom: 1px solid #018f3c;
}
.service-section .about .flex-title span{
border-bottom: 1px solid black;
}
.service-section .book .flex-title span{
border-bottom: 1px solid #d91715;
}
.service-section .events .flex-title span{
border-bottom: 1px solid #712291;
}
.service-section .digital .flex-title span{
border-bottom: 1px solid #00a394;
}
.service-section .home .flex-title span{
border-bottom: 1px solid #1290ac;
}
.service-section .flex-title {
color: #f1f1f1;
position: relative;
font-size: 20px;
margin: auto;
text-align: left; top: 45%;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
padding: 5%;
font-weight: bold;
padding-left: 20px;
letter-spacing: 3px;
}
a:hover {
text-decoration: none;
}
.service-section .flex-about {
opacity: 0;
color: #f1f1f1;
position: relative;
width: 100%;
font-size: 15px;
padding: 5%;
top: 45%; line-height: 1.3;
margin: auto;
text-align: left;
transform: rotate(0deg);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
padding-top: 0px;
font-weight: 200;
}
.service-section .flex-slide {
-webkit-flex: 1; -ms-flex: 1; flex: 1;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
width: 12.5%;
overflow: hidden;
border-right: 1px solid #232121;
border-width: thin;
}
.service-section .flex-slide:hover {
-webkit-flex-grow: 3;
flex-grow: 3;
}
.partnership-page .composite-img-wrap .right-desc-section{
min-height: 490px;
}
@keyframes aboutFlexSlide {
0% {
-webkit-flex-grow: 1;
flex-grow: 1;
}
50% {
-webkit-flex-grow: 3;
flex-grow: 3;
}
100% {
-webkit-flex-grow: 1;
flex-grow: 1;
}
}
@keyframes homeFlextitle {
0% { top: 45%;
}
50% { top: 45%;
}
100% { top: 45%;
}
}
.service-section .flex-about-home {
opacity: 0;
}
@keyframes flexAboutHome {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.service-section .contact-form {
width: 100%;
}
.service-section input {
width: 100%;
}
.service-section textarea {
width: 100%;
} .service-section .flex-slide {
height: 100vh;
background-color:  #000;
background-size: cover;
background-position: center center;
background-image: none; padding-top: 120px;
} .service-section .cube1, .service-section .cube2 {
background-color: #fff;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
animation: sk-cubemove 1.8s infinite ease-in-out;
}
.service-section .cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.service-section .molecular-button__long-arrow {
display: block;
text-align: right;
overflow: hidden;
}
.service-section .molecular-button__long-arrow svg {
position: relative;
top: 7.5px;
margin-left: 10px;
}
.service-section .molecular-button svg{
fill: #425c2a;
}
.service-section .bg-video{
display: none;
height: 100%;
}
.service-section .bold-head{
position: absolute;
top: 210px;
left: 100px;
z-index: 1; color: #FFFFFF;
font-size: 80px;
line-height: 70px;
font-weight: 200;
}
.two-img-wrap{ margin: 0;
}
.two-img-wrap img{ padding-top: 80px;
padding-left: 85px;
padding-right: 100px;
padding-bottom: 85px;
}
.about-right .section {
padding-top: 80px;
padding-left: 85px;
padding-right: 100px;
padding-bottom: 85px;
} .header-wrapper .mainnav{margin: 0 auto}
.header-wrapper li{list-style: none;}
.header-wrapper li a{text-decoration: none;}
.header-wrapper .dropdown{position: absolute; width: 150px;top: 57px; opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}
.header-wrapper .mainnav li{float: left;}
.header-wrapper .mainnav li:first-child{border: none;}
.header-wrapper .mainnav li a{ display: block;color: #fff;}
.header-wrapper .mainnav li:hover{transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;}
.header-wrapper .mainnav li:hover a{color: #cac5c5;transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;} .header-wrapper .subs {background-color: #000;padding: 5px 12px;left: -12px;position: relative;top: 0px;width: 190px;border-left: none !important; border-bottom: 1px dotted #7d7979 !important;}
.header-wrapper .subs:last-child{border: none !important;}
.header-wrapper .hassubs:hover .dropdown,.header-wrapper .hassubs .hassubs:hover .dropdown{opacity: 1;visibility: visible; transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;}
.header-wrapper .mainnav li:hover ul a,.header-wrapper .mainnav li:hover ul li ul li a{color: white;}
.header-wrapper .mainnav li ul li:hover,.header-wrapper .mainnav li ul li ul li:hover{transition: ease-in-out .35s;-moz-transition: ease-in-out .35s;-webkit-transition: ease-in-out .35s;}
.header-wrapper .mainnav li ul li:hover a,.header-wrapper .mainnav li ul li ul li:hover a{color: #c9c5c5;transition: ease-in-out .35s;-moz-transition: ease-in-out .35s;-webkit-transition: ease-in-out .35s;}
.header-wrapper .mainnav li ul li ul li a:hover {color: #cac5c5;} .header-wrapper .hassubs .hassubs .dropdown .subs{left: 25px;position: relative;width: 175px;top: 0px;}
.header-wrapper .hassubs .hassubs .dropdown{position: absolute;width: 150px;left: 120px;top: 0px;opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}
.main_menu ul li{ padding-left: 40px;}
.main_menu ul.mainnav { padding-right: 30px;}
.main_menu ul.dropdown { padding-top: 0px;}
.header-wrapper .hassubs .hassubs .dropdownsubsub{left: 154px;    padding-top: 0;   padding-left: 8px;}
.header-wrapper .mainnav li.subs:first-child{padding-top: 14px;}
.header-wrapper .mainnav ul.dropdownsubsub li.subs:first-child {padding-top: 5px;}
.tile-back a{display: block;}
.privacy-wrapper{margin-top: 100px;margin-bottom: 130px;}
.privacy-wrapper .main-head{font-weight: bold;font-size: 55px;text-transform: uppercase;margin-bottom: 32px;}
.title-banner{
top: 35%;
width: 100%;
text-align: left;
color: #FFF;
font-size: 85px;
letter-spacing: 3px;
font-weight: bold;
}
#bg {
min-height: 100vh;
}
.composite-img-wrap .partnership-description{ padding: 50px 50px 20px 50px !important;}
.home-banner{
height: 100vh;
}
.press-row{
margin-bottom: 25px;
}
.press-row .press-content{
border-bottom: 1px solid #ada7a7;
padding-bottom: 27px;
}
.press-row .prs-date{
margin-top: 70px;
text-align: center;
}
.press-row .press-read-more{
color: #000;
}
.press-row .press-read-more:hover{
transform: scale(1.5,1);
}
.press-row .press-date-p{
margin-top: 15px;
}
.press-row .press-read-more:after{
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b";
vertical-align: sub;
margin-left: 10px;
font-size: 25px;
}
.txt-right{
text-align: right !important;
}
.press-news-head,.job-head{
margin-bottom: 16px;
font-size: 47px;
font-weight: 600;
}
.job-head{
margin-bottom: 26px;
}
.press-news-date{
text-align: right;
}
.press-news-date span{
border: 1px solid #dcdada;
padding: 7px 15px;
}
.contact-us-pg-wrapper .address-col{ line-height: 1.7;
-webkit-box-shadow: 11px 0px 9px -9px rgba(224,221,224,1);
-moz-box-shadow: 11px 0px 9px -9px rgba(224,221,224,1);
box-shadow: 11px 0px 9px -9px rgba(224,221,224,1);
padding: 10px 25px;
text-align: center;
}
div.i4ewOd-pzNkMb-haAclf{
background-color: rgb(4, 4, 4) !important;
}
.contact-us-pg-wrapper{
max-width: 90%;
}
.contact-us-pg-wrapper .address-col h3{
margin-bottom: 23px;
}
.contact-us-pg-wrapper .address-col:last-of-type{
border-right: 0;
box-shadow: none;
}
.map-container{
text-align: center;
margin-bottom: 100px;
}
.map-container h2{
margin-bottom: 30px;
}
.map-container iframe,.maps-container iframe{
border: 0;
}
.maps-container .map-single{
padding: 40px;
}
.maps-container{
margin-bottom: 100px;
}
.maps-container .map-single iframe{
padding: 10px;
-webkit-box-shadow: 14px 10px 13px -7px rgba(224,221,224,1);
-moz-box-shadow: 14px 10px 13px -7px rgba(224,221,224,1);
box-shadow: 14px 10px 13px -7px rgba(224,221,224,1);
}
.container-90{
max-width: 90%;
} .about-us-wrapper h1 {
font-size: 18px;
}
.about-us-wrapper a {
color: #fff;
}
.about-us-wrapper a:hover,
.about-us-wrapper a.selected {
color: #006eab;
}
.about-txt {
font-size: 100px;
color: #fff;
z-index: 10000; font-weight: bold;
}
.csr-container .txt-container {
padding: 33px 100px;
}
.csr-container .img-container {
padding: 25px 100px 10px 180px;
}
.about-us-wrapper .sociales {
text-align: center;
margin-bottom: 20px;
}
.cinema-page .brand-logo-wrap, .vamp-page .brand-logo-wrap{
display: none;
}
.mob-nav-icon{
padding-top: 6px;
}
.brands-grid .brands-wrap .brand .logo{
width: auto !important;
}
.mob-footer-wrap{
display: none;
background-color: #000;
color: #fff;
}
.about-press-section{
padding-top: 40px;
width: 100%;
}
.about-press-container .hovereffecttwo .tile-front {
height: 100%;
top: 0;
left: 0;
padding: 20px 15px;
}
.about-press-container .hovereffecttwo .tile-back a {
position: absolute;
width: 100%;
height: 100%;
}
.about-press-container .hovereffecttwo .tile-back a p{
width: 226px;
height: 72px;
margin: 0 auto;
margin-top: 25px;
}
.mob-footer-wrap ul{
padding: 10px 0;
margin-bottom: 0;
}
.mob-footer-wrap li{
list-style: none;
text-align: center;
font-weight: lighter;
padding: 3px;
}
.mob-footer-wrap li a{
color: #fff;
font-size: 13px;
}
.mob-footer-wrap .footer-social{
text-align: center;
padding: 14px 0;
}
.mob-footer-wrap .footer-social a{
padding: 0 15px;
}
.mob-footer-wrap .footer-copyright{
text-align: center;
padding: 17px 0;
}
.mob-footer-wrap .footer-copyright p{
font-size: 12px;
font-weight: lighter;
}
.footer-wrap .copyright{
text-align: center;
}
.mob-menu .dropdown,.mob-menu .dropdownsubsub{
display: none;
}
.mob-menu .dropdownsub .subs a{
text-transform: uppercase;
color: rgba(255, 255, 255, 0.82);
line-height: 0.9em;
letter-spacing: 0;
}
.mob-menu .partnership i, .mob-menu .dubai-lynx i{
font-family: fontAwesome;
color: #fff;
height: 35px;
margin-left: 3px;
vertical-align: middle;
}
.mob-menu .dropdownsub, .mob-menu .dropdownsubsub{
list-style: none;
width: 95%;
position: relative;
float: right;
text-align: right;
padding-right: 20px;
padding-left: 0;
}
.mob-menu .dropdownsub li, .mob-menu .dropdownsubsub li{
width: 100%;
line-height: 55px;
}
.mob-menu .dropdownsub li .nav-item-link, .mob-menu .dropdownsubsub li .nav-item-link{
font-size: 1.6em;
}
.back-to-main, .back-to-sub{
color: rgba(255, 255, 255, 0.82);
text-transform: uppercase;
font-size: 1.6em;
background-color: #201e1e;
cursor: pointer;
}
.back-to-main i, .back-to-sub i{
font-family: fontAwesome;
font-size: 16px;
padding-right: 12px;
height: 18px;
vertical-align: middle;
}
.about-us-wrapper #timeline {
width: 700px;
height: 700px;
overflow: hidden;
margin: 40px auto;
position: relative;
background: url(//motivatemedia.com/wp-content/themes/motivate-blk-wht/images/dot.gif) 3px top repeat-y;
}
.about-us-wrapper #dates {
width: 100px;
height: 600px;
overflow: hidden;
float: left;
}
.about-us-wrapper ul{
padding: 0;
}
.about-us-wrapper #dates li {
list-style: none;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 24px;
padding-left: 10px;
background: url(//motivatemedia.com/wp-content/themes/motivate-blk-wht/images/biggerdot.png) left center no-repeat;
}
.about-us-wrapper .title-item {
color: #fff;
font-size: 20px;
padding: 10px 10px 10px 20px;
}
.about-us-wrapper #dates a {
line-height: 38px;
padding-bottom: 10px;
}
.about-us-wrapper #dates .selected {
font-size: 38px;
}
.about-us-wrapper #issues {
width: 600px;
height: 600px;
overflow: hidden;
float: left;
padding-top: 28px;
}
.about-us-wrapper #issues li {
width: 600px;
height: 600px;
list-style: none;
}
.about-us-wrapper #issues li.selected img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.about-us-wrapper #issues li img {
float: left;
margin: 10px 150px 10px 150px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transform: scale(0.7,0.7);
-moz-transform: scale(0.7,0.7);
-o-transform: scale(0.7,0.7);
-ms-transform: scale(0.7,0.7);
transform: scale(0.7,0.7);
}
.about-us-wrapper #issues li h1 {
color: #ffcc00;
font-size: 48px;
text-align: center;
text-shadow: #000 1px 1px 2px;
}
.about-us-wrapper #issues li p {
font-size: 14px;
margin: 10px 20px;
font-weight: normal;
line-height: 22px;
text-shadow: #000 1px 1px 2px;
color: #fff;
}
.about-us-wrapper #grad_top,
.about-us-wrapper #grad_bottom { }
.about-us-wrapper #grad_top {
top: 0; }
.about-us-wrapper #grad_bottom {
bottom: 0; }
.about-us-wrapper #next,
.about-us-wrapper #prev {
position: absolute;
left: 55%;
font-size: 70px;
width: 38px;
height: 22px;
background-position: 0 -44px;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
.about-us-wrapper #next:hover,
.about-us-wrapper #prev:hover {
background-position:  0 0;
}
.about-us-wrapper #next {
bottom: 0;
background-image: url(//motivatemedia.com/wp-content/themes/motivate-blk-wht/images/next_v.png);
}
.about-us-wrapper #prev {
top: 0;
background-image: url(//motivatemedia.com/wp-content/themes/motivate-blk-wht/images/prev_v.png);
}
.about-us-wrapper #next.disabled,
.about-us-wrapper #prev.disabled {
opacity: 0.2;
}
.half-col {
width: 50%;
display: table-cell;
vertical-align: top;
}
.about-us-wrapper .brand-tagline {
padding: 100px 0 20px 100px;
font-size: 52px; font-weight: 200;
text-transform: uppercase;
}
.about-us-wrapper .brand-tagline-description {
padding: 20px 48px 100px 100px;
font-size: 20px;
font-weight: 200;
}
.csr-subtitle {
padding: 10px 100px 0px 100px;
font-size: 65px;
line-height: 70px;
font-weight: 200;
}
.footer-wrap form ul li{
display:block;
}
.social-foot-print{ padding: 0;
}
.footer-wrap form .gform_footer{
padding:15px;
}
.footer-wrap input,.footer-wrap textarea,.mob-footer-wrap input,.mob-footer-wrap textarea{
background-color: #000;
color: #fff;
border: 4px solid #fff !important;
}
.footer-wrap .gform_confirmation_message,.mob-footer-wrap .gform_confirmation_message{
font-size:15px !important;
}
.footer-wrap .gform_button{
border-radius:0px;
}
.footer-wrap .gfield_label, .footer-wrap .ginput_container{
display: table-cell !important;
}
.footer-wrap .gfield_label{
padding-right:20px !important;
}
.footer-wrap .gform_wrapper div.validation_error,.footer-wrap .gform_wrapper .gfield_description{
font-weight: 400 !important;
font-size: 14px !important;
}
.footer-wrap .gform_wrapper li.gfield.gfield_error{
background-color: rgba(21, 20, 20, 0.92) !important;
border-top: 1px solid #201919 !important;
border-bottom: 1px solid #201919 !important;
}
.csr-container.desktop-brand-section .second-section p,.csr-container.desktop-brand-section .third-section p,
.csr-container.desktop-brand-section .fourth-section p,.csr-container.desktop-brand-section .first-section p{
font-size: 21px;
font-weight: 200;
} .digital-social-wrap{
vertical-align: top !important;
padding-top: 100px;
} .careers-wrapper .component-blurbs { }
.careers-wrapper section {
display: block;
}
.careers-wrapper .component-header { position: relative;
padding: 0;
}
.careers-wrapper .component-header--title {
margin-bottom: 0; color: #000;
font-size: 70px;
line-height: 70px;
font-weight: 200;
}
.timeline__content {
background-color: #000;
border: 1px solid #0e0e0e;
color: rgba(255, 255, 255, 0.91);
}
.timeline--horizontal .timeline-divider {
background-color: #000;
}
.timeline__item:after {
background-color: #131212;
border: 4px solid #545151;
}
.timeline-nav-button {
background-color: #101010;
border: 2px solid #060606;
}
.timeline--horizontal .timeline__item .timeline__content:after{ }
.careers-wrapper .justify-center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.careers-wrapper .flex-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 112px;
line-height: 1.4;
}
.careers-wrapper .blurb-item {
margin-bottom: 45px;
}
.careers-wrapper .blurb-item--link {
display: block;
max-width: 350px;
margin: 0 auto;
color: #6e6e6e;
}
.careers-wrapper .blurb-item--img-wrapper {
width: 255px;
height: 255px;
overflow: hidden;
position: relative;
z-index: 1;
border-radius: 100%;
margin: 0 auto 40px;
}
.careers-wrapper .blurb-item--img {
display: block;
border-radius: 100%;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s,-webkit-transform .2s;
will-change: transform;
}
.careers-wrapper .img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.careers-wrapper .blurb-item .blurb-item--title {
margin-bottom: 20px;
}
.careers-wrapper .blurb-item--meta {
display: inline-block;
white-space: nowrap;
position: relative;
margin-bottom: 20px;
color: #5d5b5b;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s,-webkit-transform .2s;
}
.careers-wrapper .blurb-item--meta:before {
opacity: 0;
position: absolute;
top: 50%;
right: 0;
left: 85px;
margin: 0;
padding: 0;
font-size: 27px;
line-height: 1;
vertical-align: middle;
-webkit-transform: translate(-10px,-50%);
transform: translate(-10px,-50%);
transition: opacity .2s,-webkit-transform .2s;
transition: opacity .2s,transform .2s;
transition: opacity .2s,transform .2s,-webkit-transform .2s;
}
.careers-wrapper .blurb-item--link:hover .blurb-item--title,
.careers-wrapper .blurb-item--link:hover h2,
.careers-wrapper .blurb-item--link:hover h3,
.careers-wrapper .blurb-item--link:hover h4,
.careers-wrapper .blurb-item--link:hover h5 {
color: #5d5b5b
}
.careers-wrapper .blurb-item--link:hover .blurb-item--content {
color: #6e6e6e
}
.careers-wrapper .blurb-item--link:hover .blurb-item--img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.careers-wrapper .blurb-item--link:hover .blurb-item--meta {
-webkit-transform: translateX(-15px);
transform: translateX(-15px)
}
.careers-wrapper a:hover{
text-decoration: none;
}
.careers-wrapper .icon-arrow-right:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f30b";
}
.btn-wrap{
margin-bottom: 50px;
}
.frm-wrap{
display: none;
}
.job-posts-wrap .table thead th{
border-top: 0 !important;
border-bottom: 2px solid #303231;
}
.job-posts-wrap .component-body{
padding-top: 100px;
}
.btn-wrap #btn_apply_toggle,.gform_button{
background-color: #000;
color: #fff;
border: 1px solid;
padding: 6px 17px;
border-radius: 6px;
}
.careers-wrapper .blurb-item--link:hover .blurb-item--meta:before {
opacity: 1;
-webkit-transform: translate(20px, -50%);
transform: translate(20px, -50%)
}
@media (max-width:991px) {
.careers-wrapper .blurb-item--link:hover .blurb-item--meta:before {
-webkit-transform: none;
transform: none;
opacity: 0
}
} .careers-wrapper .component-full-width-block .component-full-width-block--background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 0;
}
.careers-wrapper .background-image-img {
width: 100%;
height: 100%;
overflow: hidden;
}
.careers-wrapper .visible-sm {
display: none !important;
}
.careers-wrapper .visible-xs {
display: none !important;
}
.careers-wrapper .background-image-img>div {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
}
.careers-wrapper .component-full-width-block .component-full-width-block--content {
height: 100%;
}
.careers-wrapper .component-full-width-block .component-full-width-block--content>.container>.flex-row.bottom-left {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.careers-wrapper .component-full-width-block .component-full-width-block--content>.container>.flex-row .entry-content {
color: #fff;
padding-top: 40px;
padding-bottom: 40px;
}
.careers-wrapper .entry-content p:last-child {
margin-bottom: 0;
}
.careers-wrapper blockquote.large, .careers-wrapper cite.large {
font-size: 2.05rem;
}
.careers-wrapper blockquote, .careers-wrapper cite {
margin: 0 0 10px;
padding: 0 20px 0 0;
font-size: 1.6rem;
line-height: 1.4;
font-weight: 500;
}
.careers-wrapper .component-full-width-block .component-full-width-block--content>.container>.flex-row {
height: 100%;
}
.careers-wrapper blockquote p:before, .careers-wrapper cite p:before {
font-family: "Font Awesome 5 Free";
content: '\f10d';
font-weight: 600;
margin-right: 15px;
font-size: 18px;
top: -13px;
position: relative;
}
.careers-wrapper blockquote p:after, .careers-wrapper cite p:after {
font-family: "Font Awesome 5 Free";
content: '\f10e';
font-weight: 600;
margin-left: 7px;
font-size: 18px;
top: -13px;
position: relative;
}
.careers-wrapper .job-posts-wrap .table-item-title h4{
color: #000;
transition: transform 0.5s;
text-transform: uppercase;
}
.careers-wrapper .job-posts-wrap .table-item-title h4:hover{
color: #006eab;
transform: translate(20px, 0px);
}
.careers-wrapper .job-posts-wrap .item-valign-top a{
color: rgba(255, 255, 255, 0.84);
}
.careers-wrapper .component-header-title{
padding:0px 100px 0px 100px;
}
.careers-wrapper .view-all-footer a{
background-color: #fff;
padding: 20px 17px;
border: 4px solid #000;
border-radius: 0;
}
.careers-wrapper .view-all-footer{
padding-bottom: 80px;
padding-top: 20px;
}
.careers-wrapper .view-all-footer .btn-div{
padding-right: 15px;
} header .logo .logo-img{
margin-top: -6px;
}
header.sticky .logo .logo-img{
width:160px;
margin-top: -7px;
}
header.sticky .main_menu{
margin-top: 4px;
}
.mob-csr-container .csr-subtitle{
padding-top: 0;
padding-bottom: 0;
}
.job-posts-wrap td,.job-posts-wrap th{
border-top: 1px solid #4f5152;
}
job-posts-wrap thead th{
border-bottom: 2px solid #505152;
}
.container-padding{
padding: 0 100px;
}
.left-padding-100{
padding: 0 0 0 100px;
}
.mobile-home-banner {
top: 0;
bottom: 0;
width: 100%;
height: 100vh;
overflow: hidden;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.mobile-home-banner video { min-width: 100%;
min-height: 100%; width: auto;
height: auto;
}
.mobile-service-wrapper {
background-color: #000;
}
.mobile-service-wrapper .accordion {
height: auto;
width: 100%;
overflow: hidden;
margin: 0px auto;
padding-top: 120px;
}
.mobile-service-wrapper .accordion ul {
width: 100%;
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.mobile-service-wrapper .accordion ul li {
display: table-cell;
vertical-align: bottom;
position: relative;
width: 16.666%;
height: 200px;
background-repeat: no-repeat;
background-position: center center;
transition: all 500ms ease-in-out;
}
.mobile-service-wrapper .accordion ul li, .mobile-service-wrapper .accordion ul li:hover, .mobile-service-wrapper .accordion ul:hover li, .mobile-service-wrapper .accordion ul:hover li:hover {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
-webkit-transition: none;
transition: none;
}
.mobile-service-wrapper .accordion ul li {
background-size: cover;
border-bottom: 1px solid #1f1d1d;
}
.mobile-service-wrapper .head-txt {
color: #fff; font-size: 55px;
font-weight: 200;
padding: 30px 0 14px 20px; }
.mobile-service-wrapper .accordion ul li div {
display: block;
overflow: hidden;
width: 100%;
}
.mobile-service-wrapper .accordion ul li div a {
display: block;
height: 200px;
width: 100%;
position: relative;
z-index: 3;
vertical-align: bottom;
padding: 15px 20px;
box-sizing: border-box;
color: #fff;
text-shadow: 1px 1px 2px #000; text-decoration: none;
transition: all 300ms ease-in-out;
}
.accordion ul li div a * {
opacity: 0;
margin: 0;
width: 100%;
text-overflow: ellipsis;
position: relative;
z-index: 5;
white-space: nowrap;
overflow: hidden;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.accordion ul li div a * {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.mobile-service-wrapper .accordion ul li div a h2 {
text-overflow: clip;
font-size: 28px; margin-bottom: 2px;
top: 40px;
line-height: 1.5;
}
.mobile-service-wrapper .accordion .digital span{
border-bottom: 1px solid #00a394;
}
.mobile-service-wrapper .accordion .content span{
border-bottom: 1px solid #f8b001;
}
.mobile-service-wrapper .accordion .video span{
border-bottom: 1px solid #e7298c;
}
.mobile-service-wrapper .accordion .print span{
border-bottom: 1px solid #1290ac;
}
.mobile-service-wrapper .accordion .events span{
border-bottom: 1px solid #712291;
}
.mobile-service-wrapper .accordion .social span{
border-bottom: 1px solid #018f3c;
}
.mobile-service-wrapper .accordion .cinema span{
border-bottom: 1px solid #57cfe7;
}
.mobile-service-wrapper .accordion .book span{
border-bottom: 1px solid #d91715;
}
.social-container .dropdown{ display: none;
}
.social-container li{
list-style: none;
}
.digital-brand-uri{
border: none !important;
}
.digital-brand-uri .dropdown{
padding: 0;
}
.digital-brand-uri .dropdown li{
list-style: none; padding: 5px 0;
border-bottom: 1px dotted #969292;
}
.digital-brand-uri .dropdown li a{
color: #fff;
}
.digital-dropdown-main{
border: solid 4px #FFF;
width: 100%;
padding: 20px;
border-top: #FFF 4px solid !important;
}
.social-links-wrap .brand-uri:hover div.digital-dropdown-main{
-webkit-transform: unset;
transform: unset;
}
.mobile-service-wrapper{
display:none;
}
@media screen and (max-width: 1680px) {
.service-section .flex-title{
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.service-section .flex-container {
flex-direction: column;
}
.service-section .flex-title { }
.service-section .flex-about {
padding: 0%;
border: 0px solid #f1f1f1;
}
.service-section .flex-slide {
overflow: auto;
overflow-x: hidden;
width: 100%;
padding-top: 0px;
}
.service-section .flex-slide p {
font-size: 2em;
}
.service-section .flex-slide ul li {
font-size: 2em;
}
}
@media screen and (min-width: 768px) {
.service-section .home {
-moz-animation: aboutFlexSlide;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-delay: 0s;
-webkit-animation: aboutFlexSlide;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
animation: aboutFlexSlide;
animation-duration: 3s;
animation-iteration-count: 1;
animation-delay: 0s;
}
.service-section .flex-title-home { top: 45%;
-moz-animation: homeFlextitle;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-delay: 0s;
-webkit-animation: homeFlextitle;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
animation: homeFlextitle;
animation-duration: 3s;
animation-iteration-count: 1;
animation-delay: 0s;
}
.service-section .flex-about-home {
-moz-animation: flexAboutHome;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-delay: 0s;
-webkit-animation: flexAboutHome;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
animation: flexAboutHome;
animation-duration: 3s;
animation-iteration-count: 1;
animation-delay: 0s;
}
}  .video-style {
background-color: #000; padding-top: 5px;
}
.video-style video { width: 100%; }
.video-style .image-mob { display: none; width: 100%; }
.video-style .video-embed { display: block; width: 100%; }
.footsteps { margin-top: 50px; height: 100px; }
.boots { width: 150px;  float: left; }
.ln-follow { width: 100%; padding-top: 30px;  text-align: center; color: #000; z-index: 99999; display: none; }
.ln-follow-txt { background-color: #fff;  padding:0;    border: none; border-radius: 0; color: #000; }
@media only screen and (max-width: 992px)  {
.video-style { background-color: #FFF; padding-top: 0px; }
.video-style .image-mob { display: block; }
.video-style .video-embed { display: none; }
}  @media only screen and (max-width: 767px) and (min-width: 1px)  {
.social-links-wrap .brand-uri{
margin-top: 30px;
}
.social-links-wrap .social-links{
margin-bottom: 30px;
}
#footsteps { display: none; }
.ln-follow { display: block; }
}
@media only screen and (max-width: 1677px)  {
.composite-img-wrap .right-desc-section .composite-desc-col{
font-size: 18px;
width: 98%
}
}
@media only screen and (max-width: 1244px) and (min-width: 1165px)  {
.footer-wrap .footer-container{
padding-left: 150px; padding-right: 150px;
}
}
@media only screen and (max-width: 1199px) and (min-width: 992px)  {
.events-wrap .tile-wrap .box-inner {
height: 344px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px)  {
.events-wrap .tile-wrap .box-inner {
height: 277px;
}
}
@media only screen and (max-width: 1164px) and (min-width: 1024px)  {
.footer-wrap .footer-container{
padding-left: 100px; padding-right: 100px;
}
}
@media only screen and (max-width: 1023px) and (min-width: 965px)  {
.footer-wrap .footer-container{
padding-left: 50px; padding-right: 50px;
}
}
@media only screen and (max-width: 1440) {
.slogan{
font-size: 75px;
}
}
@media only screen and (max-width: 1024) {
.slogan{
font-size: 70px;
}
}
@media only screen and (max-width: 964px) {
.form-submit-wrap .submit-form{
margin-left: 0;
}
.footer-wrap .input-contact-footer{
width: 100%;
}
.footer-wrap .footer-container {
padding-left: 10%;
padding-right: 10%;
}
.total-reach-wrap .reach-count{
font-size: 112px;
}
.composite-img-wrap .right-desc-section .brand-uri-col{
font-size: 50px;
}
.composite-img-wrap .right-desc-section .composite-desc-col{
font-size: 19px;
}
.composite-img-wrap .visitor-count-wrap{
font-size: 60px;
}
.composite-img-wrap .visitor-count-wrap .txt-visitor{
font-size: 19px;
}
.social-followers-wrap .social-in-col{
font-size: 50px;
}
}
@media only screen and (max-width: 767px) {
.footer-wrap .footer-container{
text-align: center;
}
.footer-wrap .subscription-wrap .txt-subscription{
text-align: center;
}
.footer-wrap .input-contact-footer{
width: 100%;
}
.form-submit-wrap .submit-form{
margin-left: 85px;
}
.footer-wrap .footer-container {
padding-left: 10%;
padding-right: 10%;
}
.brand-banner-bg .brand-logo{
width: 50%;
}
.mob-header-wrapper{
z-index: 9999;
}
.mob-header-wrapper .nav-close{
display: none;
}
.mob-header-wrapper .nav-close:before,.mob-header-wrapper .nav-open:before{
color:#FFF;
font-size: 1.7em;
cursor: pointer;
}
.mob-header-wrapper,.mob-menu.menu-show{
display: block;
}
.logo {
width: 200px;
}
.brand-wrap .brand-tagline{
padding: 10%;
font-size: 43px;
}
.brand-wrap .brand-tagline-description {
padding: 10%;
font-size: 19px;
}
.total-reach-wrap .reach-count {
padding: 48px 20px;
font-size: 129px;
text-align: center;
}
.total-reach-wrap .txt-in-scond{
padding: 0;
text-align: center;
padding: 20px 0;
}
.composite-img-wrap .right-desc-section .brand-uri-col{
font-size: 47px;
}
.composite-img-wrap .right-desc-section .composite-desc-col{
width: 100%;
font-size: 19px;
}
.composite-img-wrap .visitor-count-wrap{
font-size: 72px;
padding: 50px 0;
text-align: center;
}
.events-wrap .txt-events{
padding: 86px 20px 20px 20px;
text-align: center;
}
.insta-wrap .txt-insta{
padding: 20px 20px;
font-size: 60px;
text-align: center;
}
#bg{
min-height: 100vh;
}
}
@media only screen and (max-width: 600px) {
.slogan{
font-size: 50px;
}
}
@media only screen and (max-width: 425px) {
.nav-item-link{
font-size: 2.1em;
}
.slogan{
font-size: 38px;
}
}
@media only screen and (max-width: 320px) {
.slogan{
font-size: 28px;
}
.section-title{
font-size: 50px;
line-height: 64px;
}
.who-we-are{
margin-left: 40px;
}
.section-desc{
font-size: 14px;
}
.section-desc-more span{
font-size: 21px;
}
.parallax1{
padding-left: 55px;
}
.we-contact{
margin-left: 55px;
}
}
.slick-dots li button:before { color: #FFF !important; }
.slick-dots li.slick-active button:before { color: #FFF !important; }