@charset "utf-8";

/* ----- GENERAL STYLES ----- */
* {padding: 0;margin: 0;}
html,body {padding:0;margin:0;font-size: 20px;line-height: 1.6;color: #888;font-family: 'Raleway', sans-serif;font-weight:200;}
.container-fluid {padding: 0;margin: 0 auto;}
.container-fluid{background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center center;}
.communication-conceptualisation-services .container-fluid{background-image:url(../images/communication-concept-banner.jpg);}
.brand-consulting-services .container-fluid{/*background-image:url(../images/mainbg-brand-consulting-services.jpg);*/background-image:url(../images/logos-theme-elements-banner.jpg);}
.website-development-services .container-fluid{background-image:url(../images/mainbg-website-development-services.jpg);}
.brochures-profiles .container-fluid{background-image:url(../images/mainbg-brochures-profiles.jpg);}
.presentation-design-services .container-fluid{background-image:url(../images/mainbg-corporate-presentation-design.jpg);}
.content-marketing-services .container-fluid{background-image:url(../images/mainbg-content-marketing.jpg);}
.brand-guardianship-services .container-fluid{background-image:url(../images/mainbg-brand-guardianship-services.jpg);}
.social-media-management-services .container-fluid{background-image:url(../images/mainbg-social-media-management-services.jpg);}
.stationery .container-fluid{background-image:url(../images/mainbg-stationery.jpg);}
.email-marketing .container-fluid{background-image:url(../images/mainbg-email-marketing.jpg);}
.event-support .container-fluid{background-image:url(../images/mainbg-event-support.jpg);}
.newsletters-magazines .container-fluid{background-image:url(../images/mainbg-newsletters-magazines.jpg);}
.whitepapers .container-fluid{background-image:url(../images/mainbg-whitepapers.jpg);}
.profile .container-fluid{background-image:url(../images/mainbg-profile.jpg);}
.policy .container-fluid{background-image:url(../images/privacy-policy.jpg);}
.career .container-fluid{background-image:url(../images/careers-banner-mot-2.jpg);}

.casestudybseel .container-fluid{background-image:url(../images/casestudy-bluestar-ee-banner.webp);}
.container-1200{padding: 0;margin: 0 auto;max-width:1200px;}
.row {margin: 0;position:relative;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
::-moz-selection {background: #9e393a;color: #fff;}
::selection {background: #9e393a;color: #fff;}
code::-moz-selection {background: #333333;}
code::selection {background: #333333;}
img {max-width: 100%;height: auto;}
a img {border: none;}
h1,h2,h3,h4,h5,h6,p {margin: 0;padding: 0.5rem 1.5rem;line-height: 1.6;}
h1,h2,h3,h4,h5,h6,strong{font-weight:600;}
p{font-weight:300;}
dl, ol, ul{margin:0;}
.row{width:100%;}
.alt-goth {font-family: alternate-gothic-no-2-d, sans-serif !important;text-transform: uppercase;}
.button {display:inline-block;height:2.4rem;padding:0 1.5rem;text-align:center;text-decoration:none;font-size:0.9rem;line-height:2.4rem;background-image:linear-gradient(to left,transparent,transparent 50%,#DBD65C 50%,#5614B0);background-position:100% 0;background-size:200% 100%;transition:all .25s ease-in;font-weight:400;border: 1px solid #fff;color: #fff;}
input.button,#portfolio .button {background-image:linear-gradient(to left,#fff,#fff 50%,#DBD65C 50%,#5614B0);color:#666;}
.column-left .button {color:#fff;background-image:linear-gradient(to left,transparent,transparent 50%,#DBD65C 50%,#5614B0);border:1px solid #fff;}
.button.reverse{background-image: linear-gradient(to left,#9e393a,#9e393a 50%,#DBD65C 50%,#5614B0);background-position: 0 0;color: #fff;}
.button:hover,input.button:hover,input.button:hover,#portfolio .button:hover {background-position: 0 0;color: #fff;text-decoration: none;border-color:transparent;}
.button.reverse:hover {background-position: 100% 0;color: #fff;}
.button.readon {position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);z-index: 999;}
.mobileonly,.mobtabonly {display: none;}
@media (max-width: 767px) {
    html,body {font-size:12px;}
    .mobileonly {display: inline-block;}
    a.button {height: 2.4rem;padding: 0 1.5rem;font-size: 1rem;line-height: 2.4rem;color:#fff;}
}
@media (max-width: 991px) {
    html,body {font-size:16px;}
    .mobtabonly {display: inline-block;}
    .pconly{display:none;}
}
@media (min-width: 992px) {
    .pconly{display:inline-block;}
}
@media (max-width: 1279) {
    html,body {font-size:20px;}
}
@media (min-width: 1280px) {
  .header {padding: 3rem;}
  .pronunciation {display: block;}
  .mainmenu ul li.menuitem1, .mainmenu ul li.menuitem2, .mainmenu ul li.menuitem3, .mainmenu ul li.menuitem4, .mainmenu ul li.menuitem5 {display: inline-block;}
  .mainmenu ul li.menuitem6 {display: none;}
}
@media (min-width: 1601px) {
    html,body {font-size:24px;}
}
@media (min-width: 1921px) {
    html,body {font-size:30px;}
}
@media (min-width: 2561px) {
    html,body {font-size:40px;}
}

#loader {left:50%!important;}

/* ----- HEADER ----- */
.header {position: absolute;z-index: 10;padding: 3rem 4.5rem;width: 100%;transition:0.5s;background:rgba(255,255,255,0);}
.header.smallheader{position:fixed;padding:0.5rem 2rem 0.5rem 4.5rem;background:rgba(255,255,255,1);box-shadow:0 0 30px rgba(0,0,0,0.05);z-index:100;}
.logolink {display: block;float: left;margin: 0;}
#logo {height: 2rem;animation: company-name-animation 2s ease-out forwards;transform-origin: center;}
.header.smallheader #logo{height:1.5rem;}
svg {overflow: visible;}
#logo path {fill:#fff;position: absolute;}
.header.smallheader #logo path{fill:#9e393a;}
.header.smallheader #logo #company-name, .header.smallheader #logo #tagline{display:none;}
@keyframes company-name-animation {
  0% {opacity:0;}
  40% {transform: scale(1);}
  55% {transform: scale(1.5);}
  70% {transform: scale(1);opacity: 1;}
  100% {transform: scale(1);}
}
#logo:hover path#left-bubble,#loader path#left-bubble,#menulogo:hover path#left-bubble{animation: logoanim1 2s infinite;transition:0.2s;}
@keyframes logoanim1 {
  /*0% {fill:#6a00b2;}
  33% {fill:#aa6c7b;}
  66% {fill:#d7da55;}
  100% {fill:#6a00b2;}*/
  0% {fill:#4BC0C8;}
  33% {fill:#C779D0;}
  66% {fill:#FEAC5E;}
  100% {fill:#4BC0C8;}
}
#logo:hover #right-bubble path,#loader #right-bubble path,#menulogo:hover #right-bubble path{animation: logoanim2 2s infinite;transition:0.2s;}
@keyframes logoanim2 {
  /*0% {fill:#d7da55;}
  33% {fill:#6a00b2;}
  66% {fill:#aa6c7b;}
  100% {fill:#d7da55;}*/
  0% {fill:#C779D0;}
  33% {fill:#FEAC5E;}
  66% {fill:#4BC0C8;}
  100% {fill:#C779D0;}
}
.pronunciation {float: left;margin: 0;line-height: 18px;color: #fff;font-size: 14px;font-style: italic;-webkit-animation: 2s ease 0s normal forwards 1 fadeindelay;animation: 2s ease 0s normal forwards 1 fadeindelay;}
.header.smallheader .pronunciation{display:none;}
@keyframes fadeindelay{
  0% {opacity:0;}
  66% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes fadeindelay{
  0% {opacity:0;}
  66% {opacity:0;}
  100% {opacity:1;}
}
.pronunciation .pr {color: #fff;float: left;border-left: 0.05rem solid #fff;margin-left: 1rem;padding-left: 1rem;font-weight:400}
#jquery_jplayer {display: none;}
.pronunciation #jp_container {float: left;margin-left: 1rem;}
.pronunciation a.audiotoggle {display: block;width: 1rem;height: 1rem;}
.pronunciation a.audiotoggle.jp-play svg {height: 1rem;}
.pronunciation a.audiotoggle.jp-pause svg {height: 0.8rem;}
.pronunciation a.audiotoggle svg path {fill:#fff;}
.pronunciation a.audiotoggle:hover svg path#speaker1, .pronunciation a.audiotoggle:hover svg path#speaker3, .pronunciation a.audiotoggle:hover svg path#speaker5 {animation: speakeranim1 1s infinite;}
@keyframes speakeranim1 {
  /*0% {fill:#6a00b2;}
  33% {fill:#aa6c7b;}
  66% {fill:#d7da55;}
  100% {fill:#6a00b2;}*/
  0% {fill:#4BC0C8;}
  33% {fill:#C779D0;}
  66% {fill:#FEAC5E;}
  100% {fill:#4BC0C8;}
}
.pronunciation a.audiotoggle:hover svg path#speaker1, .pronunciation a.audiotoggle:hover svg path#speaker4, .pronunciation a.audiotoggle:hover svg path#speaker6 {animation: speakeranim2 1s infinite;}
@keyframes speakeranim2 {
  /*0% {fill:#d7da55;}
  33% {fill:#6a00b2;}
  66% {fill:#aa6c7b;}
  100% {fill:#d7da55;}*/
  0% {fill:#C779D0;}
  33% {fill:#FEAC5E;}
  66% {fill:#4BC0C8;}
  100% {fill:#C779D0;}
}
p.defn {font-size: 10px;line-height: 0.5rem;padding: 0;margin: 0;padding-top: 0.5rem;padding-left: 1rem;margin-left: 1rem;border-left: 0.05rem solid #fff;font-weight:400}
.mainmenu {float: right;}
.nav-trigger {display: none;text-align: center;width: 2rem;height: 2rem;}
.mainmenu ul {list-style: none;padding: 0;margin: 0;z-index: 20;}
.mainmenu ul li {list-style: none;padding: 0 1rem;margin: 0;display: inline-block;font-weight:400;}
.mainmenu ul li a {color: #666;font-size: 0.8rem;line-height: 1.2rem;text-decoration: none;display: block;padding: 0.25rem;transition: 0.5s;cursor:pointer;}
.header.smallheader .mainmenu ul li a {line-height:1rem;padding:0 0.25rem;}
.mainmenu ul li a:hover {color: #000;}
#more-dots {width:1.3rem;height:0.3rem;}
#more-dots circle {fill: #666;stroke:none;}
.mainmenu ul li.menuitem6 {padding: 0;}
#mobilemenu {width: 1.5rem;}
#mobilemenu rect {fill:#fff;}
.header.smallheader #mobilemenu rect{fill:#666;}
#more-dots:hover #dot1, #mobilemenu:hover #band1 {-webkit-animation: dots-animation1 0.5s infinite;animation: dots-animation1 0.5s infinite;}
#more-dots:hover #dot2, #mobilemenu:hover #band2 {-webkit-animation: dots-animation2 0.5s infinite;animation: dots-animation2 0.5s infinite;}
#more-dots:hover #dot3, #mobilemenu:hover #band3 {-webkit-animation: dots-animation3 0.5s infinite;animation: dots-animation3 0.5s infinite;}
@keyframes dots-animation1 {
  0% {transform:scale(1);/*fill:#6a00b2;*/fill:#4BC0C8;}
  10% {transform:scale(1.5);margin-left: -0.5rem;}
  40% {transform:scale(1);}
}
@-webkit-keyframes dots-animation1 {
  0% {transform:scale(1);/*fill:#6a00b2;*/fill:#4BC0C8;}
  10% {transform:scale(1.5);margin-left: -0.5rem;}
  40% {transform:scale(1);}
}
@keyframes dots-animation2 {
  0% {transform:scale(1);/*fill:#aa6c7b;*/fill:#C779D0;}
  30% {transform:scale(1.5);margin-left: -0.25rem;}
  60% {transform:scale(1);}
}
@-webkit-keyframes dots-animation2 {
  0% {transform:scale(1);/*fill:#aa6c7b;*/fill:#C779D0;}
  30% {transform:scale(1.5);margin-left: -0.25rem;}
  60% {transform:scale(1);}
}
@keyframes dots-animation3 {
  0% {transform:scale(1);/*fill:#d7da55;*/fill:#FEAC5E;}
  50% {transform:scale(1.5);margin-left: 0px;}
  80% {transform:scale(1);}
}
@-webkit-keyframes dots-animation3 {
  0% {transform:scale(1);/*fill:#d7da55;*/fill:#FEAC5E;}
  50% {transform:scale(1.5);margin-left: 0px;}
  80% {transform:scale(1);}
}
.mainmenu ul li.menuitem6 {display: none;}
.submenu,.formdiv {position: fixed;left: 0;top: 0;width: 0%;height:100vh;z-index: 5;transition: 0.5s;overflow-y: scroll;}
.formdiv {position: absolute;height:100%;background:#fff;}
.menuitem5{position:relative;}
.menuitem5 ul{height:0;overflow:hidden;width:8rem;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);position:absolute;right:1rem;transition:0.5s;margin-top:0.75rem;}
.header.smallheader .menuitem5 ul{margin-top:0.5rem;}
.menuitem5 ul::before{content:"";position:absolute;top:-0.5rem;width:100%;height:0.5rem;background:#fff;display:none;}
.header.smallheader .menuitem5 ul::before{display:block;}
.menuitem5 ul.active{padding:0.5rem 0;height:auto;overflow:visible;}
.menuitem5 ul li{display:block;padding:0;}
.menuitem5 ul li a, .header.smallheader .mainmenu .menuitem5 ul li a{line-height:1.2rem;}
.menuitem5 ul li a.button, .header.smallheader .mainmenu .menuitem5 ul li a.button{height:1.5rem;line-height:1.5rem;border:none;text-align:left;padding:0 1rem;}
.menuitem5 ul li a.button:hover, .header.smallheader .mainmenu .menuitem5 ul li a.button:hover{color:#fff;}

#submenu6 ul {padding: 0;margin: 0;list-style: none;}
#submenu6 ul li {padding: 0;margin: 0;list-style: none;display: block;}
#submenu6 ul li h3 {border-bottom: 0.05rem solid #aaa;font-size: 1.2rem;line-height: 1.8rem;padding: 0.75rem 0;text-align: center;}
#submenu6 ul li:last-child h3 {border: none;}
#submenu6 ul li h3 a {color: #fff;text-decoration: #fff;}
#submenu6 ul li h3 a:hover {color: #fff;text-decoration: #fff;opacity: 0.8;}
a.closebtn{float: right;font-size: 2.7rem;line-height: 0.8rem;margin: 1.5rem;color: #fff;text-decoration: none;cursor:pointer;}
a.closebtn:hover{color: #fff;text-decoration: none;opacity: 0.8;}
.overlay-content {padding:3rem;color: #fff;}
.overlay-content a {color: #fff;text-decoration: none;}
.overlay-content a:hover {color: #fff;text-decoration: none;opacity: 0.8;}
.overlay-header .col-md-3 {text-align: right;line-height: 1.2rem;}
.overlay-header .more-btn {display: inline-block;height: 1.2rem;padding: 0 0.8rem;border: 0.05rem solid #fff;color: #fff;background-color: transparent;}
.overlay-header .more-btn:hover {background-color: #fff;color: #666;}

.overlay-content ul {list-style: none;padding:0;margin: 0;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.overlay-content ul li {list-style: none;padding:0 1.5rem;margin:0 0 0.75rem;display:block;clear:both;}
.overlay-content ul li a {color:#fff;font-size:1rem;line-height:1.5;display:inline;transition:0.5s;}

.modal-body{padding:0;}
.modal-body .overlay-content {padding:0;min-height:100vh;}
.modal-dialog{max-width:none;margin:0;}
.modal-content{border:none;border-radius:0;background: #FEAC5E;background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 20s ease infinite;}
#submenu6 {background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 20s ease infinite;}
.menulogolink{display:inline-block;margin:3rem 4.5rem 0;}
#menulogo{height:2rem;}
#menulogo path{fill:#fff;}
a.closebtn{float: right;font-size: 2.7rem;line-height: 0.8rem;margin:3rem 4.5rem 0;color: #fff;text-decoration: none;cursor:pointer;}
.overlay-content .row {padding:1.5rem 0;width:100%;}
.overlay-content .row.parent{border:none;}
.col-desc{padding:1.5rem 4.5rem;}
.col-desc h3 {text-align: left;font-size:1.5rem;line-height:2rem;padding:0;font-weight:300;}
.col-desc p{padding:1rem 0 0;font-size:1rem;}
.col-menulinks{padding:0 4.5rem 1.5rem 0;}
.col-menulinks h4{text-align:right;font-size:1rem;line-height:1.5rem;padding:0 0 1rem;font-weight: 600;-webkit-transform:rotate(-90deg) translateX(-100%);-moz-transform:rotate(-90deg) translateX(-100%);-o-transform:rotate(-90deg) translateX(-100%);-ms-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%);transform-origin: 0 0;position: absolute;left: 0;top: 2rem;}
.col-menulinks nav{margin-left:2.5rem;padding-left:1.5rem;border-left:1px solid #fff;margin-top:1.5rem;height:100%;}
@media (max-width: 1199px) {
  .pronunciation {display: none;}
  .header{padding:3rem;}
  .mainmenu ul li{padding:0 0.5rem;}
  .menuitem5 ul{right:0.5rem;}
  .mainmenu .menuitem5 ul li{padding:0;}
  .col-menulinks{padding:0 4.5rem 1.5rem;}
  .col-menulinks h4{left:4.5rem;}
}
@media (max-width: 991px) {
  .mainmenu ul li a{color:#fff;}
  #more-dots circle{fill:#fff;}
  .menuitem5 ul li a.button, .header.smallheader .mainmenu .menuitem5 ul li a.button{color:#666;}
  .col-menulinks{padding:1.5rem 4.5rem;}
  .menulogolink{margin: 1.5rem 1.5rem 0;}
  a.closebtn{margin: 1.5rem 1.5rem 0;}
  .col-desc{padding: 1.5rem;}
  /*.col-menulinks h4{text-align:left;-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0);transform-origin: 0 0;position:static;}*/
  .col-menulinks{padding: 1.5rem;}
  .col-menulinks nav {padding-left:0;margin-top:0;height:auto;/*margin-left:0;border-left:none;*/}
  .overlay-content ul {-webkit-column-count:1;-moz-column-count:1;column-count:1;}
}
@media (max-width: 992px) {
  .header {padding: 1.5rem;}
  .header.smallheader{padding:0.5rem 1.5rem;}
  .overlay-content h4 {font-size:1.2rem;left:1.5rem;/*top:3.5rem;*/}
  .overlay-content nav ul li a {font-size:1rem;}
  .mainmenu ul li.menuitem1, .mainmenu ul li.menuitem2, .mainmenu ul li.menuitem3, .mainmenu ul li.menuitem4, .mainmenu ul li.menuitem5 {display: none;}
  #submenu6 ul li h3{border-bottom:1px solid #ccc;}
  .mainmenu ul li a{font-size:1rem;}
  .mainmenu ul li.menuitem6 {display: block;padding:0;}
  #submenu6 .closebtn{position:absolute;top:0;right:0;z-index:999;}
  #submenu6 .overlay-content {position:relative;width:100%;height:100%;}
  #submenu6 .overlay-content ul{position:relative;top:50%;transform:translate(0,-50%);}
}
@media (min-width: 768px) and (max-width: 991px) {
  .header {padding: 3rem;}
  .header.smallheader{padding:0.5rem 3rem;}
}
/*@media (max-width: 1024px) and (orientation:landscape){
    .header {padding:3rem;}
    .header.smallheader{padding:0.5rem 3rem;}
    .mainmenu ul li a{color:#666;}
    #more-dots circle{fill:#666;}
    #submenu6 .overlay-content{height:auto;}
    #submenu6 .overlay-content ul{position:static;top:0;transform:translate(0,0);}
}
@media (max-width: 767px) and (orientation:landscape){
    .header {padding:1.5rem 3rem;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    .header.smallheader{padding:0.5rem 3rem;}
    #mobilemenu rect{fill:#666;}
}*/

/* ----- MAIN BANNER ----- */
.column-left {height: 100vh;position: relative;overflow: hidden;}
.video-container{position:fixed;height:100vh;width:50%;overflow:hidden;opacity:0.7;}
.home .screen1 video {height: 100vh;width: auto;max-width: none;position: absolute;right: 0;margin-right: -20%;top: 0;z-index: 1;}
.screen1 img {min-height: 100vh;min-width: 100%;max-width: none;height: auto;position: absolute;left: 0;top: 0;z-index: 1;}
.overlay {mix-blend-mode: multiply;/*background: rgba(157,62,66,0.4);*/background:linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E);position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;}
/*.inner .overlay{display:none;}*/
.banner-content{width: 100%;z-index: 3;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);padding: 0 4.5rem;}
.inner .banner-content h3 {padding:0.75rem 0 0;font-size:1.2rem;line-height:1.6rem;color: #fff;/*text-shadow: 0 0 10px #000;*/text-align: left;}
.banner-content h1, .inner .banner-content h3.alt-goth {padding:0.75rem 0 1.5rem;font-size:2.5rem;line-height:2.5rem;color: #fff;/*text-shadow: 0 0 10px #000;*/}
.home .banner-content h1 {font-size:3rem;line-height:3rem;}
.banner-content h1 span, .inner .banner-content h3.alt-goth span{font-family:'Raleway';font-weight:200;font-size:1.3rem;line-height:0.5rem;text-transform:none;}
.home .banner-content h1 span{font-size:1.8rem;line-height:0.7rem;}
.column-right {position: relative;height: 100vh;background:#fff;}
.colright-content {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 100%;}
.column-right h3 {font-size:1.4rem;line-height:1.5;padding:0.75rem 6rem;font-weight: 200;color: #666;}
.inner.profile .column-right h3 {font-size:1.2rem;line-height:1.5;}
.inner .column-right h1 {font-size:1.6rem;line-height:1.6rem;padding:0.75rem 6rem 0;font-weight: 300;color: #787878;}
.inner .column-right h3 {font-size:0.9rem;line-height:1.4rem;padding:0.75rem 6rem;font-weight: 300;color: #787878;}
.column-left .button.readon {display: none;}
@media (max-width: 991px) {
    .banner-content{transform: translate(0, -60%);}
    .video-container{width:100%;}
    .home .screen1 video{left:auto;right: 0;margin-left:0;margin-right:-50%;}
    .banner-content {padding: 0 1.5rem;}
    .banner-content h1 {font-size: 2.8rem;line-height: 3.2rem;}
    .banner-content h1 span, .inner .banner-content h3.alt-goth span{font-size:1.5rem;}
    .home .banner-content h1 span{display:block;line-height:1.2;padding-bottom:0.5rem;}
    .column-right{height:auto;padding: 4.5rem 0;}
    .colright-content {position:static;transform:none;}
    .colright-content br{display:none;}
    .column-right h3,.inner .column-right h3,.column-right p{padding: 0.75rem 1.5rem;/*font-size: 1rem;line-height: 1.5rem;*/}
    .column-right .button{border:1px solid #ddd;color:#666;}
    .column-right .button:hover{border-color:transparent;color:#fff;}
    .inner .column-right h1 {font-size:2rem;line-height:2rem;padding: 0.75rem 1.5rem;}
    .inner .column-right h3 {font-size:1.1rem;line-height:1.8rem;color:#666;}
    .column-right .button.mobileonly{display:inline-block;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .column-left {height:100vh;}
    .video-container{height:50vh;}
    .home .screen1 video{/*height:50vh;*/margin:0;margin-top:-20%;}
    .overlay{height:100vh;}
    .banner-content{padding:0 3rem;transform: translate(0, -50%);}
    .column-right{height:50vh;}
    .column-right h3, .inner .column-right h3, .column-right p{padding:0.75rem 3rem;}
    .inner .column-right h1{padding: 0.75rem 3rem;}
    .colright-content br{display:inline;}
}
/*@media (max-width: 1024px) and (orientation:landscape){
    .column-left {height:100vh;}
    .video-container{height:100vh;}
    .home .screen1 video{height:100vh;margin:0;}
    .overlay{height:100vh;}
    .banner-content{transform: translate(0, 0);top:25%;padding:0 3rem;}
    .banner-content h1{font-size:2.4rem;line-height:2.8rem;}
    .banner-content h1 span, .inner .banner-content h3.alt-goth span{font-size:1.2rem;}
    .home .screen1 video{left:0;right: auto;margin-left:0;margin-right:0;width:100%;height:auto;}
    .column-right{height:100vh;}
    .colright-content br{display:inline;}
    .column-right h3,.inner .column-right h3,.column-right p{padding: 0.75rem 3rem;}
    .inner .column-right h1{padding: 0.75rem 3rem;}
    .inner #row3 {padding: 3rem;}
}
@media (min-width: 992px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    .video-container{width:50%;height:100vh;}
    .home .screen1 video {height: 100vh;width: auto;max-width: none;left: auto;right: 0;margin-right: -20%;}
    .banner-content{top: 50%;transform: translate(0, -50%);}
    .column-right h3{font-size:1.2rem;line-height:1.8rem;}
}*/
@media (min-width: 1280px) {
  .column-left .button {display: inline-block;}
  .column-left .button.mobileonly {display: none;}
  .banner-content {padding: 0 4.5rem;}
  .banner-content h1 {font-size:2.5rem;line-height:2.5rem;}
  .column-right {height: 100vh;padding:0;}
  .colright-content {position: absolute;transform: translate(0, -50%);padding: 0;}
  .column-right h3 {padding: 0.75rem 6rem;font-size:1.4rem;line-height:1.5;}
  .inner.profile .column-right h3 {font-size:1.2rem;line-height:1.5;}
  .inner .column-right h1 {padding: 0.75rem 6rem 0;}
  .inner .column-right h3 {padding: 0.75rem 6rem;font-size: 0.9rem;line-height: 1.4rem;}
}

/* ----- PORTFOLIO ----- */
.screen2 {position: relative;padding:4.5rem;background:#fff;}
.screen2#what-makes-us-tick {padding:0 4.5rem 4.5rem;}
.home.profile #wordsweliveby .row{/*background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E); background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E); background-size: 400% 400%; animation: gradient 15s ease infinite;padding:0.75rem;*/}
.portfolio-shadow{}
.portfolio-col {/*height:100vh;*/position: relative;overflow: hidden;background: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E);}
.profile .portfolio-col {height:auto;}
.portfolio-col img {display: block;width: 100%;/*height:100vh;object-fit: cover;*/opacity:0.7;}
.profile .portfolio-col img {height:50vh;}
.portfolio-col a .portfolio-overlay {position: absolute;left: 0;top: -40vh;width: 100%;/*height: 100vh;*/height: 100%;z-index: 5;transition: 0.6s;overflow: hidden;background: linear-gradient(to bottom, rgba(0, 0, 0, 60%), rgba(0, 0, 0, 0));}
.home.profile .portfolio-col .portfolio-overlay {top:0;height:100%;padding:0.75rem;}
.portfolio-col a:hover .portfolio-overlay {top: 0;}
.portfolio-col .portfolio-overlay .portfolio-inner {padding:3rem 1.5rem 6rem;text-align: center;mix-blend-mode: none;background:none;}
.home.profile .portfolio-col .portfolio-overlay .portfolio-inner{padding:1.5rem;height:100%;/*border:0.75rem solid #fff;*/background:#fff;}
.portfolio-col .portfolio-overlay h3 {font-size:1.4rem;text-transform: uppercase;line-height:1.8rem;padding:0 0 0.75rem;border-bottom: 0.05rem solid #fff;color: #fff;text-align: center;}
.home.profile .portfolio-col .portfolio-overlay h3 {text-transform:none;font-weight:200;color:#666;border-color:#ddd;}
.portfolio-col .portfolio-overlay h5 {font-size:0.8rem;line-height:1.6rem;padding:0.75rem 0;color:#fff;text-align: center;font-weight:normal;}
.home.profile .portfolio-col .portfolio-overlay h5{color:#666;font-weight:200;}
.portfolio-col .portfolio-overlay button {margin:1.5rem auto 0;border: none;outline:none;}
.screen2 .readon, .screen3 .readon {position: absolute;left:50%;bottom:1.5rem;margin-left:-1.1rem;z-index: 999;}
.screen2 .readon svg, .screen3 .readon svg {width:2.25rem;}
.screen2 .readon svg path {fill:#fff;}
.screen3 .readon svg path {fill:#fff;}
.screen2 .readon:hover svg path, .screen3 .readon:hover svg path {animation: downarrowanim 1s infinite;}
@keyframes downarrowanim {
  0% {fill:#6a00b2;}
  33% {fill:#aa6c7b;}
  66% {fill:#d7da55;}
  100% {fill:#6a00b2;}
}
@media (max-width: 767px) {
    .screen2,.screen2#what-makes-us-tick{padding:0 1.5rem 1.5rem;}
    
    /*.portfolio-col {height:400px; margin-bottom:1.5rem;}*/
    /*.portfolio-col a .portfolio-overlay, .portfolio-col a:hover .portfolio-overlay {top: 0;}*/
    #portfolio .readon {display: none;}
    .portfolio-col .portfolio-overlay .portfolio-inner{padding:1.5rem;}
    .portfolio-col .portfolio-overlay h3{font-size:1rem;line-height:1.2;}
    .home.profile .portfolio-col .portfolio-overlay h3{font-size:1.2rem;}
    .portfolio-col .portfolio-overlay h5{font-size:0.7rem;}
    .home.profile .portfolio-col .portfolio-overlay h5{font-size:1rem;}
    .portfolio-col .portfolio-overlay button{margin-top:0;height: 1.5rem;padding: 0 0.5rem;font-size: 0.6rem;line-height: 1.5rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .screen2{padding:2.25rem;}
    /*.portfolio-col{height:calc(50vh - 1.5rem);padding:0.75rem;margin:0;}*/
    /*.portfolio-col img{height:calc(50vh - 3rem);}*/
    /*.portfolio-col a .portfolio-overlay, .portfolio-col a:hover .portfolio-overlay{width:calc(100% - 1.5rem);height:calc(50vh - 1.5rem);top:0.75rem;left:0.75rem;}*/
    .portfolio-col{max-height:180px;}
 .portfolio-col .portfolio-overlay .portfolio-inner{padding:1.5rem;}
 .portfolio-col img {transform:translateY(-20%);}
 .portfolio-col .portfolio-overlay h3{padding: 0 0 0.6rem;}
 .portfolio-col .portfolio-overlay h5{padding: 0.6rem 0;}
 .portfolio-col .portfolio-overlay button{margin-top:0.5rem;height: 2rem;line-height: 2rem;}
}
/*@media (max-width: 1024px) and (orientation:landscape){
    .screen2{padding:0 2.25rem;}
    .portfolio-col {height:calc(100vh - 3rem);padding:0.75rem;margin:0;}
    .portfolio-col img{height:calc(100vh - 4.5rem);}
    .portfolio-col a .portfolio-overlay, .portfolio-col a:hover .portfolio-overlay{width:calc(100% - 1.5rem);height:calc(100vh - 3rem);top:0.75rem;left:0.75rem;}
    .portfolio-col .portfolio-overlay .portfolio-inner{padding:3rem 1.5rem;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    .screen2{padding:2.25rem;}
}*/
@media (min-width: 992px) and (max-width: 1199px) {
 .portfolio-col{max-height:200px;}
 .portfolio-col img {transform:translateY(-15%);}
 .portfolio-col .portfolio-overlay .portfolio-inner{padding:1.5rem;}
 .portfolio-col .portfolio-overlay h3{font-size: 1rem;text-transform: uppercase;line-height: 1.4rem;padding: 0 0 0.6rem;}
 .portfolio-col .portfolio-overlay h5{font-size: 0.7rem;line-height: 1.3rem;padding: 0.6rem 0;}
 .portfolio-col .portfolio-overlay button{margin-top:0;height: 1.9rem;padding: 0 1.2rem;text-align: center;text-decoration: none;font-size: 0.7rem;line-height: 1.9rem;}
}
@media (min-width: 1280px) {
  .screen2{padding:4.5rem;}
  .screen2#what-makes-us-tick {padding:0 4.5rem 4.5rem;}
  /*.portfolio-col {height:100vh;}*/
  .profile .portfolio-col {height:auto;}
  .portfolio-col a .portfolio-overlay {top: -100vh;}
  .profile .portfolio-col a .portfolio-overlay {top: 0;}
  .portfolio-col a:hover .portfolio-overlay {top: 0;}
  #portfolio .readon {display: block;}
}

/* ----- TESTIMONIALS ----- */
#clients-testimonials {/*height: 100vh;*/position:relative;background:#fff;/*margin-bottom: 90px;*/}
.profile #clients-testimonials{background:none;}
.home .testimonials {background:url('../images/mainbg-home.jpg') center bottom no-repeat;background-size:cover;background-attachment:fixed;position: relative;width: 100%;/*height: calc(70vh - 2.5rem);*/}
.home.profile .testimonials{background:none;}
@keyframes gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
.clients {position: relative;width: 100%;/*height:calc(30vh + 2.5rem);*/}
.profile .clients{background:#fff;}
.client-logo {text-align:center;}
.clients-inner {/*position: absolute;left: 0;top: 50%;transform: translate(0, -50%);*/width: 100%;/*padding:2.25rem 4.5rem;margin-bottom:4.5rem;*/padding:0 4.5rem 4.5rem;}
.profile .clients-inner{padding:4.5rem;}
.clients-inner h3 {font-size:1.6rem;text-transform: uppercase;line-height:1.8rem;padding: 0 0 1.5rem;color: #666;text-align: center;}
.clients .bx-wrapper{margin-bottom:0;}
.bxslider-clients .row {padding:0 3rem;display:table;width:100%;}
.bxslider-clients .row .client-logo{display:table-cell;vertical-align:middle;width:16.667%;}
.clients .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y;}
.clients .bxslider{margin:0;padding:0;}
.clients ul.bxslider{list-style:none;}
.clients .bxslider li{padding:1.5rem 0 6.5rem;}
.clients .bx-viewport{/*fix other elements on the page moving (on Chrome)*/-webkit-transform:translatez(0);}
.clients .bx-next,.testimonials .bx-next{position:absolute;left:auto;right:0;top:50%;margin-top:-15px;z-index:9999;}
.clients .bx-prev,.testimonials .bx-prev{position:absolute;left: 0;right: auto;top: 50%;margin-top:-15px;z-index:9;}
.clients .bx-next svg,.clients .bx-prev svg,.testimonials .bx-next svg,.testimonials .bx-prev svg{width:0.6rem;margin: 0 0.5rem;}
.clients .bx-next svg path,.clients .bx-prev svg path{fill:#444;}
.testimonials .bx-next svg path,.testimonials .bx-prev svg path{fill:#fff;}
.clients .bx-pager,.testimonials .bx-pager{display: none;}
.testimonials-inner {position: static;/*top: 50%;left: 0;transform: translate(0, -50%);*/width: 100%;}
.inner .testimonials-inner {z-index:3;padding:4.5rem;}
.inner.profile .testimonials-inner{padding:0 4.5rem;}
.testimonials-inner2 {padding:4.5rem;}
.testimonials-inner h3 {text-align:center;font-size:0.9rem;line-height:1.4rem;color:#fff;padding:0;font-style:italic;font-weight:400;}
.inner .testimonials-inner h3 {font-size:1rem;line-height:1.6;text-shadow:0 0 0.5rem rgba(0,0,0,0.5);}
.testimonials-inner h4 {text-align:center;font-size:0.7rem;line-height:1.1rem;color: #fff;padding:2.25rem 0 0;font-weight:400;}
.inner .testimonials-inner h4 {font-size:0.8rem;line-height:1.6;text-shadow:0 0 0.5rem rgba(0,0,0,0.5);}
.testimonials-inner h4 img{width:4rem;border-radius:2rem;margin-bottom:0.75rem;}
.inner .testimonials-inner h4 img{width:5rem;border-radius:2.5rem;}
.inner .testimonials-inner p{color:#fff;font-size:1.5rem;line-height:1;text-align:center;padding:0 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.5);}
.inner .testimonials-inner .notestimonial p{font-size:1rem;line-height:1.6rem;color:#fff;padding:0.75rem 0;font-weight:400;text-align:left;border:none;margin:0;}
.casestudy #row3{padding:6rem 0 3rem;}
.casestudy #row3 .col-sm-8, .casestudy #row3 .col-sm-7, .casestudy #row3 .col-sm-6, .casestudy #row3 .col-sm-5, .casestudy #row3 .col-sm-4{padding: 0 3rem;}
.casestudy #row3 p{padding:0.75rem 0;}
.inner.casestudy #row3 h3, .inner.casestudy #row4 h3, .inner.casestudy #row5 h3{color:#666;font-size:1.2rem;line-height:1.8rem;padding:0.75rem 0;}
@media (max-width: 767px) {
    .clients-inner, .testimonials-inner {position: relative;transform: translate(0, 0%);z-index: 3;}
    .clients-inner{padding:4.5rem 1.5rem;margin-bottom:0;}
    .clients .bx-wrapper{margin:0}
    .clients .bx-next,.testimonials .bx-next{position:static;margin:0 0.5rem;}
    .clients .bx-prev,.testimonials .bx-prev{position:static;margin:0 0.5rem;}
    .bxslider-clients .row{padding:0;display: block;}
    .bxslider-clients .row .client-logo{display:inline-block;width:50%;float:left;padding: 1rem;}
    .clients .bx-controls-direction{padding:1.5rem 0 0;text-align:center;}
    .testimonials{padding-bottom:3rem;}
    .testimonials .bx-controls-direction{padding:1.5rem 0;text-align:center;}
    .testimonials-inner2 {padding: 4.5rem 1.5rem 1.5rem;}
    .testimonials-inner h3 {font-size:1rem;line-height:1.6rem;}
    .testimonials-inner h4 {font-size:0.8rem;}
    .inner .testimonials-inner{padding:3rem 1.5rem;}
    .inner.profile .testimonials-inner{padding:0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .clients-inner {padding:4.5rem 3rem;position:static;transform:none;}
    .bxslider-clients .row .client-logo{display:inline-block;width:50%;float:left;padding: 1rem;}
    /*.testimonials{padding:4.5rem 3rem;}*/
    .testimonials-inner{position:static;transform:none;}
    .testimonials-inner2{padding:0 3rem;}
    .testimonials .bx-prev{left:3rem;}
    .testimonials .bx-next{right:3rem;}
}
@media (max-width: 1024px) and (orientation:landscape){
    .testimonials-inner2 {padding: 3rem 3rem 0;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    .clients-inner {padding:4.5rem 3rem;margin-bottom:2.25rem;position:static;transform:none;}
    .bxslider-clients .row .client-logo{display:inline-block;width:50%;float:left;padding: 1rem;}
    .testimonials{padding: 4.5rem 3rem;}
    .testimonials-inner{position:static;transform:none;}
    .testimonials-inner2{padding: 0 3rem;}
    .testimonials .bx-prev {left: 3rem;}
    .testimonials .bx-next {right: 3rem;}
}
@media (min-width: 1280px) {
    #clients-testimonials .readon {display: block;}
    /*.clients-inner, .testimonials-inner {position: absolute;transform: translate(0, -50%);}*/
    .testimonials-inner2 {padding: 4.5rem;max-width:80%;margin:0 auto;}
    .clients .bx-prev {left: 0;right: auto;margin-left: 0;top: 50%;margin-top:-0.75rem;}
    .testimonials .bx-prev {left: 0;right: auto;margin-left:4.5rem;top: 50%;margin-top:-0.5rem;}
    .clients .bx-next {left: auto;right: 0;margin-right: 0;top: 50%;margin-top:-0.75rem;}
    .testimonials .bx-next {left: auto;right: 0;margin-right: 4.5rem;top: 50%;margin-top:-0.5rem;}
    .testimonials .bx-next svg path, .testimonials .bx-prev svg path {fill:#fff;}
}

/* ----- BLOG EXCERPTS ----- */
.blog{background:#fff;}
.blog-container{padding:6rem 4.5rem;background:#fff;}
.inner .blog-container{padding:1.5rem 4.5rem 6rem;}
.blog h2{text-align:center;}
/*.inner .blog h3{padding:0 1.5rem 1.5rem;text-align:center;border-bottom:1px solid #ddd;}*/
.blog-item-inner{position:relative;border-bottom:1px solid #ddd;background-image:linear-gradient(to left,#fff,#fff 50%,#DBD65C 50%,#5614B0);background-position:100% 0;background-size:200% 100%;transition:all .25s ease-in;}
.blog-item:last-child .blog-item-inner{border:none;}
.blog-item-inner:hover, .inner .blog-item:hover{background-position:0 0;box-shadow: 0 0 1.5rem rgba(0,0,0,0.1);z-index:9;}
.blog-item-inner a, .inner .blog-item a{display:block;width:100%;height:100%;padding:1.5rem 0;text-decoration:none!important;}
.blog-item-inner p.link-more,.inner .blog-item p.link-more{display:none;}
.blog-item-inner a h3{font-size:1.1rem;line-height:1.2;color:#9e393a;font-weight:400;}
/*.inner .blog-item a h4{font-size:0.8rem;color:#9e393a;font-weight:400;}*/
.blog-item-inner a p{font-size:0.8rem;transition:0.25s;color:#666;font-weight:300;}
/*.inner .blog-item a p{font-size:0.7rem;transition:0.25s;color:#666;}*/
.blog-item-inner a h3,.blog-item-inner a p,.blog-item-inner a,.inner .blog-item a h4,.inner .blog-item a p{transition:0.25s;text-decoration:none;}
/*.inner .blog-item a h4{padding:0 1.5rem 0.5rem;}
.inner .blog-item a p{padding:0 1.5rem;font-weight:300;}*/
.blog-item-inner:hover a h3,.blog-item-inner:hover a p,.blog-item-inner:hover a:hover h3,.blog-item-inner:hover a:hover p,.blog-item-inner:hover a:hover,.inner .blog-item:hover a h4,.inner .blog-item:hover a p,.inner .blog-item:hover a:hover h4,.inner .blog-item:hover a:hover p{color:#fff;text-decoration:none;}
@media (max-width: 767px) {
    .blog{padding:1.5rem 1.5rem 0;}
    .blog-container{padding:0;}
    .inner .blog-container{padding:0 0 1.5rem;}
    .blog-item-inner a{padding:0;}
    .blog-item-inner .col-md-4{padding-top:1.5rem;}
    .blog-item-inner .col-md-8{padding-bottom:1.5rem;}
    /*.blog-item-inner:last-child{border-bottom:1px solid #ddd;}*/
    .blog-item-inner, .inner .blog-item{border:none;}
    .blog-item-inner a, .inner .blog-item a{padding:0;}
    .blog-item-inner a h3, .inner .blog-item a h4{font-size:1.2rem;line-height:1.8rem;}
    .blog-item-inner a h3{padding-top:1rem;}
    .blog-item-inner a p, .inner .blog-item a p{font-size:1rem;line-height:1.5rem;}
    /*.inner .blog-container{padding:0 0 3rem;}*/
}
@media (max-width: 1024px) and (orientation:landscape){
    .blog{padding:3rem 3rem 0;}
    .blog-container,.inner .blog-container{padding:0;}
    .blog-item-inner:last-child{border-bottom:1px solid #ddd;}
    .blog-item-inner a h3, .inner .blog-item a h4{font-size:1rem;}
    .blog-item-inner a p, .inner .blog-item a p{font-size:0.8rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .blog{min-height:0;padding:3rem 3rem 0;}
    .blog-container,.inner .blog-container{padding:0;}
    .blog-item-inner h3{font-size:1.8rem;}
    .blog-item-inner p{font-size:1rem;}
    /*.inner .blog-item a h4{font-size:1.1rem;}
    .inner .blog-item a p{font-size:0.8rem;}*/
}
@media (min-width: 1280px) {
    .blog-container{padding:6rem 4.5rem;}
    .inner .blog-container{padding:1.5rem 4.5rem 6rem;}
}

/* ----- SERVICES LISTING ----- */
#services{padding:0;background:#fff;}
#services .bx-wrapper{width:100%;}
#services .bx-wrapper li.service-slide{padding:1.5rem 0 8rem;}
.services-inner{width:calc(100% - 16.5rem);/*max-width:66.66%;*/margin:0 auto;box-shadow: 0 0 1.5rem #f6f6f6;padding:3rem 3rem 0;transform: translate(-3rem, 0);}
.services-inner#brand{/*background: url(../images/logos-theme-elements-banner.jpg) 0 0 no-repeat;*/background: #FEAC5E;background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.services-inner#sell{/*background: url(../images/content-marketing-banner.jpg) 0 0 no-repeat;*/background: #D38312;background: -webkit-linear-gradient(to top left, #A83279, #D38312);background: linear-gradient(to top left, #A83279, #D38312);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.services-inner#engage{/*background: url(../images/contact-banner.jpg) 0 0 no-repeat;*/background: #3A1C71;background: -webkit-linear-gradient(to bottom right, #FFAF7B, #D76D77, #3A1C71);background: linear-gradient(to bottom right, #FFAF7B, #D76D77, #3A1C71);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.services-inner#involve{/*background: url(../images/corporate-communication-banner.jpg) 0 0 no-repeat;*/background: #f7ff00;background: -webkit-linear-gradient(to bottom right, #db36a4, #f7ff00);background: linear-gradient(to bottom right, #db36a4, #f7ff00);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.services-inner h3{padding:0 0 1rem;color:#fff;font-size:1.6rem;line-height:2.4rem;font-weight:300;}
.services-inner p{padding:0 0 1rem;color:#fff;font-size:1.2rem;line-height:1.6rem;}
.services-inner2{background: #fff;margin:-3rem -8rem 0 2rem;box-shadow:0 0 1.5rem rgba(0,0,0,0.1);border:1px solid #eee;padding:3rem 3rem 2.25rem;transform: translate(0, 6rem);}
.services-inner2 .row{padding: 0;border-bottom:1px solid #ddd;}
.services-inner2 .row:last-child{border: none;}
.services-inner2 h4{text-align: left;font-size: 1.2rem;padding:0.75rem 0;font-weight: 600;}
.services-inner2 ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;padding:0.75rem 0;margin:0;list-style:none;}
.services-inner2 ul li{list-style:none;padding:0.1rem 0 0.5rem;margin:0;display:block;line-height:1.5;}
.services-inner2 ul li h3{border-bottom:0.05rem solid #ddd;font-size:1.2rem;line-height:1.8rem;padding:0.75rem 0;text-align: center;}
.services-inner2 ul li:last-child h3{border: none;}
.services-inner2 ul li a{color:#666;text-decoration:none;font-size:1rem;line-height:1.5;display:inline;}
.services-inner2 ul li a:hover{color:#333;}
.services-inner2 ul li h3 a:hover{color:#666;text-decoration:none;opacity:0.8;}
#services .bx-wrapper{position:relative;margin-bottom:3rem;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y;}
#services .bxslider{margin:0;padding:0;}
#services ul.bxslider{list-style:none;}
#services .bxslider li,.service-slide{list-style:none;padding:1.5rem 0 6.5rem;}
#services .bx-viewport{/*fix other elements on the page moving (on Chrome)*/-webkit-transform:translatez(0);}
#services .bx-next{position:absolute;right:7.5rem;top:5rem;}
#services .bx-prev{position:absolute;right:7.5rem;top:7.5rem;}
#services .bx-next svg,#services .bx-prev svg{width:0.6rem;}
#services .bx-next svg path,#services .bx-prev svg path{fill:#444;}
#services .bx-pager{display: none;}
.sectionlink{background:#FEAC5E;background:-webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.sectionlink a{display:block;padding:1.5rem 0;text-align:center;text-transform:uppercase;font-weight:600;color:#fff;transition:0.8s;}
.sectionlink a:hover{background:#9e393a;text-decoration:none;}
@media (max-width: 991px) {
    #services{/*padding:1.5rem;*/padding-top:2rem; padding-bottom:3rem;}
    #services .bx-wrapper{margin:0;}
    .bxslider li {padding: 1.5rem 1.5rem 0.75rem;}
    #services .bx-wrapper li.service-slide{padding-bottom:0;}
    .services-inner {transform: translate(0, 0);padding: 1.5rem;/*box-shadow:none;*/max-width:none;margin:1.5rem;width:auto;}
    .services-inner h3{font-size:1.5rem;line-height:2rem;padding-right:2.1rem;}
    .services-inner h3 strong{display: block;}
    .services-inner p{font-size:1.2rem;line-height:1.8rem;padding-bottom:1.5rem;}
    .services-inner2 {display:none;margin: 0 -1.5rem;transform: translate(0, 0);padding: 1.5rem 1.5rem 0.75rem;box-shadow:none;border: 1px solid #f6f6f6;}
    .services-inner2 ul {/*-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;*/padding: 0 0 0.75rem;}
    #services .bx-prev {left: auto;right:3rem;margin-left: 0;top:6rem;}
    #services .bx-next {left: auto;right:3rem;margin-left: 0;top:4.5rem;}
    #services .bx-next svg path,#services .bx-prev svg path {fill:#fff;}
    #services .bx-next:hover svg path,#services .bx-prev:hover svg path {animation: servicearrowanim 3s infinite;}
    @keyframes servicearrowanim {
        0% {fill:#6a00b2;}
        33% {fill:#aa6c7b;}
        66% {fill:#d7da55;}
        100% {fill:#6a00b2;}
    }
    .services-inner2 h4{font-size: 0.8rem;padding:0.75rem 0;font-weight: 600;}
    .services-inner2 ul li{padding:0.3rem 0;}
    #services .bxslider li, .service-slide{padding:0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .services-inner {margin:0;}
}
@media (min-width: 768px) {
    .services-inner2 ul {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;padding: 0.75rem 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    #services{padding:3rem;}
    #services .bxslider{display:flex;}
    #services .bxslider li, .service-slide{padding:1.5rem;float:left;width:50%;}
    #services a.button.mobileonly{display:block;}
}
@media (max-width: 991px) and (orientation:landscape){
    #services{padding:1.5rem;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    #services{padding:1.5rem;}
    #services .bxslider{display:flex;}
    #services .bxslider li, .service-slide{padding:1.5rem;float:left;width:50%;}
    #services a.button.mobileonly{display:block;}
    .services-inner{width:auto;max-width:none;transform:none;padding: 1.5rem;}
    .services-inner h3{font-size:1.4rem;line-height:2rem;}
    .services-inner p {font-size:1rem;line-height:1.5rem;padding-bottom:1.5rem;}
    .services-inner2 {display:none;}
}
@media (min-width: 1280px) {
  .bxslider li{padding: 1.5rem 0 6.5rem;}
  .services-inner{transform: translate(-2.5rem, 0);padding:3rem 3rem 0;}
  .services-inner h3{font-size:1.6rem;line-height:2.4rem;}
  .services-inner h3 strong{display: inline;}
  .services-inner p{font-size:1.2rem;line-height:1.6rem;}
  .services-inner2{margin:-3rem -8rem 0 2rem;transform: translate(0, 5rem);padding: 3rem 3rem 2.5rem;}
  .bx-prev{right:7.5rem;top:7.5rem;}
  .bx-next{right:7.5rem;top:5rem;}
  .bx-next svg path,.bx-prev svg path{fill:#444;}
  #services .bx-next:hover svg path,#services .bx-prev:hover svg path {animation: servicearrowanim 3s infinite;}
    @keyframes servicearrowanim {
        0% {fill:#6a00b2;}
        33% {fill:#aa6c7b;}
        66% {fill:#d7da55;}
        100% {fill:#6a00b2;}
    }
}

/* INNER PAGE INTRO */
.inner #the-why,.inner.profile #who-we-are{padding:4.5rem;}
.inner #the-why .inner-highlight,.inner.profile #who-we-are .inner-highlight{/*background: url(../images/logos-theme-elements-banner.jpg) 0 0 no-repeat;*/background: #FEAC5E;background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 15s ease infinite;padding:3rem;width:100%;}
.inner #the-why .inner-highlight-inner,.inner.profile #who-we-are .inner-highlight-inner{margin: 0 auto;padding:4.5rem;border:0.05rem solid #ddd;}
.inner #the-why p, .inner #the-why h3,.inner.profile #who-we-are p,.inner.profile #who-we-are h3{color:#fff;font-size:1.2rem;line-height:1.8rem;padding:0.75rem 0;text-align:center;}
.inner.casestudy #row2 .col {padding: 0 6rem;}
.inner.casestudy #row2 p, .inner.casestudy #row2 h3 {text-align: left;}
.inner.casestudy #row2 .rowinner {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 100%;}
@media (max-width: 767px) {
    .inner #the-why, .inner.profile #who-we-are {padding: 1.5rem;}
    .inner #the-why .inner-highlight, .inner.profile #who-we-are .inner-highlight{padding:1.5rem;}
    .inner #the-why .inner-highlight-inner, .inner.profile #who-we-are .inner-highlight-inner{padding:1.5rem;}
    .inner #the-why p, .inner #the-why h3, .inner.profile #who-we-are p, .inner.profile #who-we-are h3 {font-size:1.2rem;line-height:1.8rem;}
    /*.inner #the-why .button{display:none;}*/
}
@media (max-width: 1024px) and (orientation:landscape){
    .inner #the-why{padding:3rem;}
}
@media (max-width: 991px) and (min-width: 768px){
    .inner #the-why,.inner #the-why .inner-highlight,.inner #the-why .inner-highlight-inner{padding:3rem;}
}
@media (min-width: 1280px) {
  .inner #the-why,.inner.profile #who-we-are{padding: 4.5rem;}
}

/* INNER PAGE MAIN CONTENT */
.inner #the-solution{padding:4.5rem;}
.inner #the-solution .overlay{display:block;}
.inner #the-solution .maincontent{padding:3.75rem 4.5rem;background-color:#fff;z-index:3;}
.inner #the-solution .maincontent p{font-size:0.8rem;line-height:1.2rem;color:#787878;padding:0.5rem 0;font-weight:400;}
.inner #the-solution .maincontent ul{padding:0.5rem 0;margin:0;margin-left: 1.5rem;}
.inner #the-solution .maincontent ul li{font-size:0.8rem;line-height:1.2rem;color:#787878;padding:0.25rem 0 0 0.5rem;font-weight:400;}
.pitch{background-position:left center;background-size:cover;background-attachment:fixed;padding:2.25rem 3rem;z-index:3}
/*.communication-conceptualisation-services .pitch{background-image:url('../images/inner-pitch-bg.jpg');}*/
.pitch p{font-size:1rem;line-height:1.6rem;color:#787878;padding:0.75rem 0;font-weight:400;/*text-shadow: 0 0 5px #000;*/}
@media (max-width: 767px) {
    .inner #the-solution{padding:0;}
    .inner #the-solution .maincontent{padding:1.5rem;}
    .inner #the-solution .maincontent p{font-size:1rem;line-height:1.5rem;padding:0.75rem 0;}
    .pitch{padding:0;margin: 0;}
    .pitch p{font-size:1.2rem;line-height:1.8rem;}
    .inner #the-solution .maincontent ul li{font-size:1rem;line-height:1.5rem;padding:0.5rem 0 0 0.75rem;}
    .pitch .button{border:1px solid #ddd;color:#666;}
    .pitch .button:hover{border-color:transparent;color:#fff;}
}
@media (max-width: 1024px) and (orientation:landscape){
    .inner #the-solution{padding:3rem;}
}
@media (max-width: 991px) and (min-width: 768px){
    .inner #the-solution{padding:3rem;}
    .inner #the-solution .maincontent{padding:3rem;}
    .pitch{padding:3rem 3rem 0 3rem;}
    .inner #the-solution .overlay{height:100%;}
}
@media (min-width: 1280px) {
}

/* CASE STUDY STYLES */
.inner.casestudy #the-brief .column ul{padding:0;margin:0;list-style:none;}
.inner.casestudy #the-brief .column ul li{padding:1.5rem 0;border-bottom:1px solid #ddd;}
.inner.casestudy #the-approach{background:#fff;}
.inner.casestudy #the-approach img{width:100%;}
.inner.casestudy #row4{padding:3rem 6rem;}
.inner.casestudy #row5{background-color:#f6f6f6;padding:6rem;}
.mainimgcontainer {height:80vh;overflow:hidden;box-shadow:0 0 1.5rem #ddd;} 
.inner.casestudy #the-brief .column ul li:first-child{padding-top:0;}
.inner.casestudy #the-brief .column ul li:last-child{border:none;padding-bottom:0;}
@media (max-width: 768px) {
    .inner.casestudy #the-brief .column {padding: 0 1.5rem;}
    .casestudy #the-approach {padding: 1.5rem 0;}
    .casestudy #the-approach .col-sm-8, .casestudy #the-approach .col-sm-7, .casestudy #the-approach .col-sm-6, .casestudy #the-approach .col-sm-5, .casestudy #the-approach .col-sm-4 {padding: 1.5rem;}
    .inner.casestudy #row4 {padding: 0 1.5rem 3rem;}
    .inner.casestudy #row5 {padding: 1.5rem;}
    .mainimgcontainer {height: auto;}
}
@media (min-width: 1280px) {
  .inner.casestudy #the-brief .column {padding: 0 6rem;}
  .inner.casestudy #the-brief .column:first-child{padding-right:0;}
  .casestudy #the-approach {padding: 6rem 0 3rem;}
  .casestudy #the-approach .col-sm-8, .casestudy #the-approach .col-sm-7, .casestudy #the-approach .col-sm-6, .casestudy #the-approach .col-sm-5, .casestudy #the-approach .col-sm-4 {padding: 0 3rem;}
  .inner.casestudy #row4 {padding: 3rem 6rem;}
  .inner.casestudy #row5 {padding: 6rem;}
  .mainimgcontainer {height: 80vh;}
}

/* INNER FORM & BLOG */
.inner .screen4{background-color:#fff;}
.pageform{/*height:100vh;*/padding:4.5rem;width:100%;background-color:#fff;}
.pageform video{min-width:100%;width:auto;height:100%;position:absolute;top:0;left:0;}
.formcontainer{background: #FEAC5E;background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 15s ease infinite;padding:3rem;width:100%;}
.formcontainer-inner {margin: 0 auto;}
.formcontainer h3{text-align:center;padding:0 1.5rem 1.5rem;color:#fff;}
::-webkit-input-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}
::placeholder {color:#fff;}
.formcontainer form{display:block;width:100%;}
.nopitch .formcontainer form .formcol{width:50%;float:left;}
.formcontainer input,.formcontainer button{display:block;width:calc(100% - 1.5rem);height:2rem;line-height:2rem;font-size:0.8rem;color:#fff;margin:0 0.75rem 0.75rem;background-color:transparent;outline:none;padding:0 0.5rem;border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, .3);-webkit-background-clip: padding-box;background-clip: padding-box;}
.formcontainer button{background-color:#fff;}
.formcontainer textarea{display:block;width:calc(100% - 1.5rem);height:4.75rem;font-size:0.8rem;line-height:2rem;color:#fff;background-color:transparent;padding:0 0.5rem;margin:0 0.75rem 0.75rem;border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, .3);-webkit-background-clip: padding-box;background-clip: padding-box;outline:none;}
.fixed-form .formcontainer textarea{height:2rem;}
.formcontainer input:hover,.formcontainer textarea:hover{border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, .6);-webkit-background-clip: padding-box;background-clip: padding-box;}
.formcontainer input:focus,.formcontainer textarea:focus{border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, 1);-webkit-background-clip: padding-box;background-clip: padding-box;}
.formcontainer input[type=submit],.formcontainer button{display:inline-block;padding:0 1.5rem;color:#666;outline:none;}
.formcontainer input[type=submit]:hover,.formcontainer button:hover{border-color:transparent;color:#fff;}
/*#jobcode{display: block;
    width: calc(100% - 1.5rem);
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
    color: #fff;
    margin: 0 0.75rem 0.75rem;
    background-color: transparent;
    outline: none;
    padding: 0 0.5rem;
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;}*/
    select {
   display: block;
    width: calc(100% - 1.5rem);
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
    color: #fff;
    margin: 0 0.75rem 0.75rem;
    background-color: transparent;
    outline: none;
    padding: 0 0.5rem;
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;}
    select option{color:#000!important;}
    .career-form label{color:#fff;font-size:16px;padding-left:20px;}
@media (max-width: 767px) {
    .pageform{padding:1.5rem;}
    .formcontainer{padding:1.5rem;}
    .formcontainer input{height:2.4rem;line-height:2.4rem;font-size:1rem;}
    .formcontainer textarea{6rem;font-size:1rem;}
    .nopitch .formcontainer form .formcol{width:100%;float:none;}
}
@media (max-width: 1024px) and (orientation:landscape){
    .pageform{padding:3rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .pageform{padding:0;}
}

/* KEYWORDS */
.keywords{background-color: transparent;padding:3rem 0;margin: 0 auto;text-align: center;}
.home .keywords{background: url(../images/mainbg-home.jpg) center bottom no-repeat;background-size: cover;background-attachment: fixed;overflow:hidden;}
.home.profile .keywords{background:none;}
.inner .keywords .overlay{display:block;}
.keywords h2{border-bottom:0.05rem solid #ddd;color:#ddd;font-weight:600;text-transform:uppercase;padding:0 1.5rem 1rem;font-size:1.8rem;line-height:2.1rem;display:block;text-align:center;width:100%;}
.keywords-inner{max-width: 1280px;margin: 0 auto;z-index:3;}
.keywords ul{list-style: none;padding:1rem;margin:0;max-width:1140px;}
.keywords ul li{list-style: none;padding: 0;margin: 0;display: inline;}
.keywords ul li a {line-height:1.2rem;height:1.2rem;padding: 0 0.4rem;font-size:0.6rem;color:#ddd;border:1px solid #ccc;border-radius:0.25rem;margin:0.1rem;display: inline-block;text-transform: uppercase;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;text-decoration:none!important;font-weight:300;}
.keywords ul li a:hover {color:#666;border-color: #fff;background-color:#fff;text-decoration:none;}
@media (max-width: 767px){
    .keywords ul{padding:1.5rem;}
    .keywords ul li a {line-height: 1.6rem;height: 1.6rem;padding: 0 0.5rem;font-size: 0.8rem;margin: 0.2rem;}
}
@media (max-width: 991px) and (min-width: 768px){
    .inner .keywords .overlay{height:100%;}
}

/* FOOTER */
.footer {padding: 0 0 3rem;background: #f6f6f6;text-align: center;z-index:3;}
.footer a {color: #999;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;font-weight:300;cursor:pointer;}
.footer a:hover {color: #666;text-decoration:none;}
.footer p {font-size:0.7rem;line-height:1.1rem;padding:1rem 1.5rem 0;color: #999;width: 100%;font-weight:300;}
.footer-menu {display: block;text-align: center;width: 100%;border-top:1px solid #eee;}
.footer-menu ul, .footer-menu ul li {list-style: none;padding: 0;margin: 0;display: inline-block;border: none;}
.footer-menu ul {padding:1rem 3rem;display: block;width: 100%;background-color: #fff;}
.footer-menu ul li {padding:0 0.75rem;color: #999;font-size:0.7rem;line-height:1.1rem;}
.footer-corp {margin: 0 auto;border-bottom:0.05rem solid #ddd;padding-bottom:1rem;width: 100%;}
.footer .footer-corp p {font-size:0.6rem;line-height:0.9rem;font-weight:300;}
@media (max-width: 767px){
    .footer-menu ul{padding:1rem 1.5rem;}
    .footer p,.footer-menu ul li,.footer .footer-corp p{font-size:0.9rem;line-height:1.4rem;padding: 1rem 1.5rem;}
    .footer-menu ul li{padding:0.5rem;}
    .footer-corp{padding:1rem 0;}
}

.fixed-form{position:fixed;bottom:0;left:0;width:100%;z-index:9999;}
.fixed-form .formcontainer{padding:0.75rem 3rem;}
.fixed-form .formcontainer h3{padding:0 1.5rem;line-height:1;}
.fixed-form .formcontainer form{padding:1.5rem 0 0;}

.fixed-form h3:after{content: "\25bc";margin-left:1rem;font-size:0.8rem;}
.fixed-form h3[aria-expanded="true"]:after{content: "\25b2";}
.pageform-ctc{padding:2rem;width:100%;background-color:#fff;}
.full-width-hero .column-left{height:400px!important;background-image:url('images/privacy-policy.jpg');}
.privacy-policy p{font-size:16px!important;}
.privacy-policy ul{margin-left:45px;}
.privacy-policy ul li{font-size:16px!important;}
.accordion-full h3 {
   
    line-height: 30px;
    border-top: 1px solid #eee;
    font-size: 18px;
    padding: 15px 30px;
    outline: none;
    cursor: pointer;
    color: #999;
}


.accordion-full h3:hover,
.accordion-full h3.ui-accordion-header-active {
    color: #9e393a;
}

.accordion-full h3 .accordion-heading-left {
    font-size: 22px;
   
}

.accordion-full h3.ui-accordion-header-active .accordion-heading-left {
    font-weight: bold;
}

.accordion-full h3 .accordion-heading-right {
    text-align: right;
}

.accordion-panel-content,
.slider3 li {
    padding: 40px 0;
    height: auto;
}
.portfolio.careers-acc .accordion-panel-content {
    padding: 20px 0 40px;
    height: auto !important;
}
.accordion-full p{
    padding: 10px 0;
    margin: 0 30px;
    line-height: 25px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.career h3.career-header{font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #eee;font-size: 28px;color: #9e393a;line-height:1.5;text-align: center;}
.accordion-panel-content h4{font-size:20px;}
.accordion-panel-content p{font-size:16px;font-weight:500;}
.accordion-panel-content li{font-size:16px;font-weight:500;}
.accordion-panel-content ul{padding-left:3rem;}
.accordion-panel-content {padding-top:0;}
.career-item-inner{
    position: relative;
   
    background-image: linear-gradient(to left, #fff, #fff 50%, #DBD65C 50%, #5614B0);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
.career-item-inner:hover {
    background-position: 0 0;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
    z-index: 9;
    color:#fff!important;
}
.openings{padding:0 30px;}
.resume{color:#ffffff;font-size:16px;padding-left:20px;}
.thank-you-head{color:#fff;font-size:22px;padding:0;}
.thank-you-response{color:#fff;font-size:18px;padding:0;}
#response{display:none;}
.sitemap .col-lg-3 h3{font-size:26px;color:#9E393A;}
.sitemap .col-lg-3 h3 a{font-size:26px;color:#9E393A;}
.sitemap .col-lg-3 li{list-style:square;}
.sitemap .col-lg-3 li a {color:#444444;font-size:18px;}

span.botpenguin-launcher-image-12 {width: 60px !important;height: 60px !important;padding: 0!important;}

@media (max-height: 567px) and (min-width:992px){
    .colright-content{position:static;transform:none;padding-top:9rem;}
}
@media (max-height: 567px) and (min-width:992px) and (max-width:1140px){
    .column-right h3{font-size:1.2rem;padding:0.75rem 3rem;}
}


/* Changed CSS Property Front Page Banner Section */
html{
        margin-top: 0px !important;
    }


@media (max-width: 991px) {
    .home .screen1 video {
        left: 0;
        right: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
  .home .screen1 video {
      height: 100vh !important;
      margin-top: 0;
      left: 0;
      right: 0;
      width: 100vw !important;
      object-fit: cover;
}
    
}

@media (min-width: 768px) and (max-width: 991px) {
  .video-container {
    height: 100vh !important;
    width: 100vw !important;
}

.home .screen1 video {
  height: 100vh !important;
  margin-top: 0;
  left: 0;
  right: 0;
  width: 100vw !important;
  object-fit: cover;
}

}