@charset "utf-8";
@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/sofiaprolight-webfont.eot');
    src: url('../fonts/sofiaprolight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sofiaprolight-webfont.woff') format('woff'),
         url('../fonts/sofiaprolight-webfont.ttf') format('truetype'),
         url('../fonts/sofiaprolight-webfont.svg#sofia_prolight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/sofiaproregular-webfont.eot');
    src: url('../fonts/sofiaproregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sofiaproregular-webfont.woff') format('woff'),
         url('../fonts/sofiaproregular-webfont.ttf') format('truetype'),
         url('../fonts/sofiaproregular-webfont.svg#sofia_pro_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/sofiaprosemibold-webfont.eot');
    src: url('../fonts/sofiaprosemibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sofiaprosemibold-webfont.woff') format('woff'),
         url('../fonts/sofiaprosemibold-webfont.ttf') format('truetype'),
         url('../fonts/sofiaprosemibold-webfont.svg#sofia_prosemi_bold') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/sofiaprobold-webfont.eot');
    src: url('../fonts/sofiaprobold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sofiaprobold-webfont.woff') format('woff'),
         url('../fonts/sofiaprobold-webfont.ttf') format('truetype'),
         url('../fonts/sofiaprobold-webfont.svg#sofia_probold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/sofiaproblack-webfont.eot');
    src: url('../fonts/sofiaproblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sofiaproblack-webfont.woff') format('woff'),
         url('../fonts/sofiaproblack-webfont.ttf') format('truetype'),
         url('../fonts/sofiaproblack-webfont.svg#sofia_problack') format('svg');
    font-weight: 900;
    font-style: normal;
}

html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }
body { margin:0; padding:0; font-weight:normal; font-family: 'Roboto Slab'; color: #4e4e4e; font-size: 18px; font-weight: 300; background: #fff;}
.clear { height:0; clear:both; line-height:0; }
.clearfix:after, .content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.IE7 .clearfix:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix, .content { display: inline-block; }
.clearfix, .content { height: 1%; }
.clearfix, .content { display: block; }
h1, h2, h3, h4, h5, h6, p, a { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {color: #22252e; font-family: 'SofiaPro', sans-serif; font-weight: 700;}
img { border:none; }
a, button, input[type=text] { text-decoration:none; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
a:hover { text-decoration: none; }
select{ -webkit-appearance: none;transition:width 0.3s ease-in-out; -moz-transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; transition:height 0.3s ease-in-out; -moz-transition:height 0.3s ease-in-out; -webkit-transition:height 0.3s ease-in-out; }
form { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
ul li { margin:0; padding:0; list-style:none; }
input::-webkit-input-placeholder {color:    #a1a1a1;opacity:1;}
input:-moz-placeholder {color:    #a1a1a1;opacity:1;}
input::-moz-placeholder {color:    #a1a1a1;opacity:1;}
input:-ms-input-placeholder {color:    #a1a1a1;opacity:1;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.half {width: 50%; box-sizing: border-box;}
.third {width: 33.33%; box-sizing: border-box;}
.fourth {width: 25%; box-sizing: border-box;}

.row {display: flex; flex-wrap: wrap; justify-content: space-between;}
.c_row {align-items: center;}
.mg_default {margin-top: 68px;}
.mg_std {margin-bottom: 80px;}
.mgb40 {margin-bottom: 40px;}

.container {max-width: 1920px; margin:0 auto;}

.content, .cr_container {max-width: 1280px; margin: 0 auto; padding-left: 50px; padding-right: 50px;}
.ct_responsive {padding-bottom: 7%;}
.lg {max-width: 1600px;}
.sm {max-width: 960px;}
.xs {max-width: 800px;}
header .content {max-width: 1850px;}

p {
	line-height: 30px;
	margin-bottom: 18px;
}
h1 {
	font-size: 80px;
	line-height: 90px;
	letter-spacing: -0.009em;
	margin-bottom: 25px;
}
 h2 {
	font-size: 60px;
	line-height: 76px;
	letter-spacing: -0.012em;
	 margin-bottom: 40px;
}

h3 {
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -0.8px;
	margin-bottom: 18px;
}
h4 {
	font-size: 24px;
	line-height: 32px;
}
h5 {
	font-size: 16px;
	line-height: 22px;
	color: #22252e;
	letter-spacing: 3px;
	margin-bottom: 26px;
	text-transform: uppercase;
}

h6 {
	font-size: 11px;
	line-height: 16px;
	color: #aeb2b8;
	letter-spacing: 3px;
	margin-bottom: 14px;
}

.std_section h1 {margin-bottom: 35px;}
.std_section h3 {margin-bottom: 45px; margin-top: 90px;}
.std_section h4 {margin-bottom: 18px; margin-top: 60px;}
.banner h6 {color: #fff; text-transform: uppercase; font-size: 14px; line-height: 20px;}
.dark-theme h6 {color: #22252e;}
.light_grey {color: #909296;}
.std_section a {color: #d33d5c;}
.std_section a:hover {text-decoration: underline;}
.std_section ul {margin-bottom: 18px; padding-left: 23px;}
.std_section li {line-height: 30px; position: relative; padding-left: 27px;}
.std_section li:before {content: ""; display: block; position: absolute; border-radius: 50%; width: 8px; height: 8px; left: 0; top: 13px; background: #22252e;}
.privacy-policy .std_section ol li {padding-left: 10px;}
.privacy-policy .std_section ol li:before {content: none;}
.bt_ol {display: block; margin: 20px 10px;}

.single_article_section .content img {max-width: 100%; height: auto;}
.single_article_section h1 {margin-bottom: 65px;}
.single_article_section h3 {margin-bottom: 28px; margin-top: 50px;}

p:last-child, h2:last-child {margin-bottom: 0;}

.banner:not(.dark-theme) h1, .banner:not(.dark-theme) h2, .banner:not(.dark-theme) p {color: #fff;}

/* header */
header {padding: 38px 0px;}
.banner header {position: absolute; width: 100%; top: 0; left: 0;}

/*
.logo-white {display: none;}
.banner:not(.dark-theme) .logo-white {display: block;}
.banner:not(.dark-theme) .logo-red {display: none;}
*/

.logo img {max-width: 100%; height: auto; display: block;}

.banner:not(.dark-theme) .logo img {filter: brightness(0) invert(1);}

header .menu {}
.call_now {margin-left: 50px;}
header .sub_menu {display: none;}
header .menu li {margin-right: 43px;}
header .menu li:last-child {margin-right: 0px;}
header .menu li a, header .menu li span {font: 20px/26px 'SofiaPro'; color: #22252e; letter-spacing: 0.1px; cursor: pointer;}
header .sub_menu li a, header .sub_menu li span {font-size: 16px; line-height: 26px; font-weight: 300; letter-spacing: 0.5px;}
.banner:not(.dark-theme) header .menu li a, .banner:not(.dark-theme) header .menu li span {color: #fff;}
header .menu .call a, .banner header .menu .call a {font-size: 24px; font-weight: 700; letter-spacing: -0.1px; color: #d33d5c;}
header .menu .call a:hover, header .menu .call span:hover {color: #22252e;}

header .sf-menu {position: relative;}
header .sf-menu ul {position: absolute;	display: none; top: 100%; left: 0; z-index: 99;}
header .sf-menu li:hover > ul, header .sf-menu li.sfHover > ul {display: block;}
header .sf-menu a, header .sf-menu span {display: block; position: relative;}
header .menu > li > .sf-with-ul {margin-right: 15px;}
header .sf-arrows .sf-with-ul {position: relative;}
header .sf-arrows .sf-with-ul:after {content:"\f107"; font-family: "FontAwesome"; position: absolute; font-size: 13px; top: 3px; right: -15px;}
header .menu > li:hover > a:before, header .menu > li:hover > span:before {content: ''; display: block; position: absolute; height: 3px; background: #000; width: 100%; bottom: -17px;}
header .menu > li:hover > a.sf-with-ul:before, header .menu > li:hover > span.sf-with-ul:before {width: calc(100% + 15px);}
.banner:not(.dark-theme) header .menu > li:hover > a:before, .banner:not(.dark-theme) header .menu > li:hover > span:before {background: #fff;}
header .sub_menu {width: 100%; padding-top: 25px;}
header .sub_menu:before {content: ''; width: 100%; height: 1px; display: block; background: #000; opacity: .5; position: absolute; top: 15px;}
.banner:not(.dark-theme) header .sub_menu:before {background: #fff;}
header .sub_menu > li {display: inline-block; position: relative;}
header .sub_menu > li:after {display: block; width: 1px; height: 100%; background: #000; content: ''; position: absolute; top: 0; right: -24px; transform: skew(-20deg);
    opacity: .6;}
.banner:not(.dark-theme) header .sub_menu > li:after {background: #fff;}
header .sub_menu > li:last-child:after {content: none !important; display: none !important;}
header .sub_menu > li > .sf-with-ul {padding-right: 15px;}
header .sub_menu > li > .sf-with-ul:after {right: 0px;}
header .sub_sub_menu {padding-top: 5px;}
header .sub_sub_menu a, header .sub_sub_menu span {white-space: nowrap; padding: 5px 0px;}
header .sub_sub_menu {background: rgba(255,255,255,.95); padding-left: 20px; padding-right: 20px; margin-left: -20px; padding-bottom: 10px;}
.banner header  .sub_sub_menu {background: none;}

.call_now:hover,header .menu .sub_menu li a:hover {color: #d33d5c;}
.call_now {font-family: 'SofiaPro'; font-size: 20px; line-height: 26px; font-weight: 400; letter-spacing: -0.1px; color: #d33d5c; display: inline-block; padding-left: 36px; background: url(../images/phonebg-magenta@2x.png) no-repeat 0px center; background-size: 24px;}
.banner:not(.dark-theme) .call_now {background-image: url(../images/phonebg@2x.png);}

.call_now:hover {color: #22252e;}
.banner:not(.dark-theme) .call_now {color: #fff;}
.banner:not(.dark-theme) .call_now:hover {color: #d33d5c}
.banner:not(.dark-theme) header .menu .call a:hover {color: #fff;}
.def_content {padding-top: 5%; padding-bottom: 5%;}
.def_content_onwhite {padding-bottom: 8%;}
.def_content_new_ct {padding-top: 25px;}

.menu_trigger {width: 30px; height: 16px; position: relative; display: none; margin-top: 3px; margin-left: 25px;}
.slicknav_icon {width: 100%; height: 100%; display: block; position: relative;}
.slicknav_icon span {height: 2px; width: 100%; background: #22252e; display: block; position: absolute; transform-origin: left center;}
.banner .slicknav_icon span {background: #fff;}
.slicknav_icon span:nth-child(1) {top: 0px;}
.slicknav_icon span:nth-child(2) {top: 7px;}
.slicknav_icon span:nth-child(3) {top: 14px;}

/* mobile menu */
html .mm-menu a, html .mm-menu a:active, html .mm-menu a:hover, html .mm-menu a:link, html .mm-menu a:visited, html .mm-listitem>span {color: #fff;}
html .mm-menu {background: #22252e; color: #fff;}
html .mm-menu .mm-navbar a, html .mm-menu .mm-navbar>* {color: #fff;}
html .mm-menu .mm-btn:after, html .mm-menu .mm-btn:before {border-color: #fff;}
.mm-navbar__title {font-family: 'SofiaPro'; font-size: 16px; font-weight: 400;}
html .mm-listitem:after {content: none; display: none;}
html .mm-menu .menu a, html .mm-menu .sub_menu a, html .mm-menu .sub_sub_menu a, html .mm-menu .mm-listitem > span {font-family: 'SofiaPro'; font-size: 26px; font-weight: 500; padding-top: 13px; padding-bottom: 13px;}
html .mm-menu .mm-listitem > span {display: inline-block; position: relative;}
html .mm-menu .mm-listview .mm-btn_next:after {border-color: #fff;}
html .mm-btn_next:after {content: ""; display: none;}
html .mm-menu .mm-listitem > span:after {content: ''; display: block; position: absolute; right: 0; width: 20px; height: 19px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; background: url(../images/menu-arrow.png); background-size: 100%; background-position: center 100%; background-repeat: no-repeat;}
html .mm-listitem .mm-btn_fullwidth+span {padding-right: 42px;}
html .mm-menu .sub_menu a, html .mm-menu .sub_sub_menu a, html .mm-menu .sub_menu .mm-listitem > span {font-size: 20px; font-weight: 400;}

html .mm-menu_navbar_bottom-1 .mm-panels {bottom: 86px;}
html .mm-navbars_bottom>.mm-navbar {display: block; text-align: left;}
html .mm-navbars_bottom {border-top-style: none; padding-left: 20px; padding-right: 20px; height: 85px;}
html .mm-navbars_bottom>.mm-navbar {border-top: 1px solid #65676d;}
.mm_social li {display: inline-block; margin-right: 18px;}
.mm_social li a {font-size: 16px;}
.cr_p {color: #fff; font-size: 11px; padding-top: 0px !important;}

html .mm-navbar {border-bottom: none;}
html .mm-menu_navbar_top-1 .mm-panels {top: 80px;}
html .mm-navbars_top {border: none; padding-left: 20px; padding-right: 20px;}
.mm_logo {display: block !important; width: 48px !important; height: 26px; background: url(../images/w-logo@2x.png) no-repeat center; background-size: 100%; flex: none !important; margin-top: 10px;}
.call_now_mmenu {text-align: right; text-align: right; font-family: 'SofiaPro'; font-size: 18px; font-weight: 400; margin-top: 5px;}

.mm-panel {padding-top: 70px !important;}

/* banner */
.banner, .cta_section {background: #22252e; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center top;} 
.growth-marketing .banner {background-image: url(../images/gm-banner.jpg);}
.social-media .banner {background-image: url(../images/smm-banner.jpg);}
.seo-content .banner {background-image: url(../images/seo-banner.jpg);}
.acquisition .banner {background-image: url(../images/acquisition-banner.jpg);}
.web-design .banner {background-image: url(../images/websitedesign-banner.jpg);}
.whoweare .banner {background-image: url(../images/wwa-banner.jpg);}
.whoweare.whoweare_sg .banner {background-image: url(../images/wwa-banner-sg.jpg);}
.why .banner {background-image: url(../images/why-banner.jpg);}
.consulting .banner {background-image: url(../images/banner-consulting.jpg);}
.creative .banner {background-image: url(../images/banner-creative.jpg);}
.showreel .banner {background-image: url(../images/banner-showreel.jpg);}
.showreel.showreel_sg .banner {background-image: url(../images/banner-showreel-sg.jpg);}
.news .banner {background-image: url(../images/banner-news.jpg);}
.news.news_sg .banner {background-image: url(../images/banner-news-sg.jpg);}
.cs-kitome .banner {background-image: url(../images/banner-cs-kitome.jpg);}
.cs-fiig .banner {background-image: url(../images/banner-cs-fiig.jpg);}
.cs-hipkids .banner {background-image: url(../images/banner-cs-hipkids.jpg);}
.cs-australian-ethical .banner {background-image: url(../images/banner-cs-australian-ethical.jpg);}
.cs-aussie-broadband .banner {background-image: url(../images/banner-cs-aussie-broadband2.jpg);}
.events .banner {background-image: url(../images/banner-events.jpg);}
.single_event .banner {background-image: url(../images/se-banner.jpg); background-position: center;}
.social_portfolio .banner {background-image: url(../images/banner-social-portfolio.jpg);}
.services .banner {background-image: url(../images/services-banner.jpg);}

.showreel .banner h1:last-child {margin-bottom: 0px;}
.showreel .banner .bn_cbox {padding-bottom: 0px; position: relative;}
.showreel .banner .bn_cbox:before {content: ""; position: absolute; display: block; width: 109px; height: 108px; background: url(../images/showreel-play-banner-icon.png) no-repeat center center; background-size: cover; right: calc(100% + 45px);}

.cta_section {background-image: url(../images/cta-section-bg.jpg);}
.cta_section.cf_banner_sg {background-image: url(../images/cta-section-bg-sg.jpg);}
.banner_content { padding: 18.5% 0px;}
.services .banner_content { padding: 15.5% 0px;}

.news_banner_content {padding: 12% 0;}
.sm_bnc {padding: 11% 0px 8%;}
.why .banner_content { padding: 25% 0px;}
.bn_cbox {max-width: 962px; box-sizing: border-box; padding-right: 40px; padding-bottom: 12px; width: 100%;}
.def_content .bn_cbox {padding-bottom: 12px;}
.thx_box {margin: 0 auto;}
.def_content .thx_box {padding: 0;}
.bn_cbox.fwith {max-width: 100%; padding-right: 0px; padding-bottom: 60px;}
.bn_ctabox {margin-top: auto; margin-right: auto;}
.bn_cbox p {font-size: 22px; line-height: 38px; letter-spacing: -0.3px;}
.ics_cbox {max-width: 650px; padding: 0;}
.ics_cbox p {max-width: 555px;}
.bn_ctabox.fwith .cta {margin: auto 15px;}
.shape {display: block; position: absolute; width: 100%; left: 0;}
.bcurved {bottom: -1px;}
.tcurved {top: -1px; transform: scaleY(-1);}
.xcurved {transform: scaleX(-1) scaleY(-1); margin-top: -1px;}

.down_arrow_wr {position: absolute; width: 100%; bottom: 0; height: 0; padding-bottom: 5%; text-align: center;}
.banner .down_arrow_wr {padding-bottom: 10%;}
.down_section {max-width: 32px; height: auto;}


/* Home page */
.home .banner {min-height: 100vh; display: flex; align-items: center; position: relative;}
.home .banner header {z-index: 5;}
.nav_wr {margin-left: auto;}
.home_social_wr {margin-left: 46px;}
.home_social_wr .social li a {color: #fff; font-size: 18px;}
.dark-theme .home_social_wr .social li a {color: #22252e;}
/*
.home .menu li a {font-size: 18px; font-weight: 300;}
.home .menu li {margin-right: 38px;}
*/
.video_wrap {position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden;}
.dark_layer {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5)}
.video_wrap video {object-fit: cover; width: 100%; height: 100%;}
.home .banner .container {position: relative; width: 100%;}
.home .banner_content {padding: 150px 0px;}
.home .banner_content .content {max-width: 1440px;}
.home h1 {font-size: 84px; line-height: 100px;}
.home .bn_cbox {max-width: 775px; padding-right: 0; padding-bottom: 0;}
.home .bn_cbox.sg_home_ct {max-width: 840px;}
.home .bn_cbox p {font-size: 22px; line-height: 32px; max-width: 550px;}
.home_menu {margin-top: 40px;}
.home_menu.sg_home_menu {display: flex; justify-content: space-between;}
.home_menu li {margin-bottom: 12px; float: left; width: 50%; max-width: 310px;}
.home_menu.sg_home_menu li {width: auto; max-width: 100%;}
.home_menu li:last-child {margin-bottom: 0;}
.home_menu a {color: #fff; display: inline-block; font: 28px/34px 'SofiaPro'; font-weight: 500; padding-left: 43px; background: url(../images/hmenu-bg.png) no-repeat 0 40%; background-size: 20px;}
.home_menu a span {display: block; position: relative; padding-bottom: 8px;}
.home_menu a span:after {content: ""; display: block; width: 4px; height: 4px; background: #d33d5c; left: 0; bottom: 0; position: absolute; transition: all .3s ease-in-out;}

.home_menu a:hover span:after {width: 100%;}
.cr_container {position: absolute;  left: 0; right: 0; max-width: 1850px; bottom: 45px; text-align: right;}
.cr_container p {font-size: 14px; line-height: 20px;}

.img_link img {display: block; margin: 0 auto; max-width: 100%; height: auto; transition: all .3s ease-in-out;}
.img_link:hover img {opacity: .8;}

/* section */
.cta {min-width: 311px; box-sizing: border-box; color: #fff; background: #d33d5c; display: inline-block; vertical-align: middle; border-radius: 30px; height: 57px; padding: 0px 30px; border: 2px solid #d33d5c; position: relative; text-align: left; font-family: 'Roboto Slab'; font-size: 18px; line-height: 21px; font-weight: 400; letter-spacing: 0.5px;}
.cta_bd {background: none; color: #d33d5c;}
.in_cta {height: 100%; position: relative; z-index: 5; display: flex; align-items: center;}
.in_cta * {transition: all .3s ease-in-out;}
.cta_text {padding-right: 21px; margin-left: auto;}
.cta_arr {display: block; width: 23px; height: 9px; background: url(../images/arrows_sprite@2x.png) no-repeat 100% -65px; background-size: 23px; margin-right: auto; transition: none !important;}
.cta_bd .cta_arr {background-position: 100% -1px;}
.cta:hover .cta_text {flex-grow: 1;}
.cta_bd:hover .cta_text span {color: #fff;}
.h_white:hover .cta_arr, .banner .cta:hover .cta_arr {background-position: 100% -128px;}
.cta_bd:hover .cta_arr {background-position: 100% -65px;}
.hv_effect {position: absolute; left: -3px; top: -3px; height: calc(100% + 6px); width: calc(100% + 6px); display: block; border-radius: 30px; overflow: hidden;}
.hv_effect:before {content: ''; position: absolute; background: #22252e; width: 0px; height: 100%; left: 0; top: 0; transition: all .3s ease-in-out;}
.cta_bd .hv_effect:before {background: #d33d5c;}
.cta:hover .hv_effect:before {width: 100%;}
.h_white:hover .cta_text span, .banner .cta:hover .cta_text span {color: #22252e;}
.h_white .hv_effect:before, .banner .cta .hv_effect:before {background: #fff;}
.black {background-color: #22252e; border-color: #22252e;}
button.cta {min-width: 242px; cursor: pointer;}
.two_buttons {margin-top: -25px;}
.two_buttons .cta {margin: 25px 10px 0;}


.title_limit {max-width: 750px;}
.mx800 {max-width: 800px;}
.title_limit.center {margin: 0 auto;}

.icons_row {margin-top: 8px;}
.icons_row:first-child {margin-top: -62px;}
.icon_box {width: 31%; margin-top: 62px;}
.icon_box.cpl_box {margin: 0 !important;}
.col4 .icon_box {width: 23.5%;}
.col2 .icon_box {width: 47%;}
.col6 .icon_box {width: 15%;}
.ib_img {margin-bottom: 26px; min-height: 65px;}

.ud_icons {margin-top: 12%;}
.icon_box_ud:after {clear: both; display: block; content: "";}
.ud_box_inner {width: 50%; box-sizing: border-box; position: relative; padding-bottom: 80px;}
.icon_box_ud:last-child .ud_box_inner {padding-bottom: 0px;}
.icon_box_ud:nth-child(even) .ud_box_inner {float: right; padding-left: 80px;}
.icon_box_ud:nth-child(odd) .ud_box_inner {text-align: right; padding-right: 80px;}

.ib_img_ud {position: absolute; width: 160px; text-align: center; top: -11px; height: 100%;}
.icon_box_ud:nth-child(even) .ib_img_ud {left: -80px;}
.icon_box_ud:nth-child(odd) .ib_img_ud {right: -80px;}

.ib_img_ud:after {content: ""; display: block; position: absolute; width: 5px; height: calc(100% - 120px); background: url(../images/line-bg.png); left: 50%; margin-left: -3px; margin-top: 20px;}
.icon_box_ud:last-child .ib_img_ud:after {content: none; display: none;}

.imgs_row {margin-top: calc(10px + 5.2%);}
.col2 .img_box {max-width: 48.45%;}
.col3 .img_box {max-width: 32.1%;}
.img_box img {display: block; max-width: 100%; height: auto;}
.img_box .open_video {display: block; position: relative; transition: all .3s ease-in-out;}
.img_box .open_video:after {content: ""; position: absolute; width: 132px; height: 132px; background: #fff url(../images/play-icon.png) no-repeat 55% center; margin: auto; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; transition: all .3s ease-in-out;}
.img_box .open_video:hover {opacity: .9;}
.img_box .open_video:hover:after {width: 125px; height: 125px; background-color: #22252e;}



.rsp {padding:8% 0;}
.rsp50 {padding-top: 5%;}
.sm_top_rsp {padding-top: 5%;}
.rsp.ns_bottom_rsp {padding-bottom: 0px;}
.rsp.npdt {padding-top: 0px;}

/* cta section */ 
.cta_section h2, .cta_section p {color: #fff;}
.cta_section h2 {font-size: 80px; line-height: 90px;}
.cta_section p {font-size: 22px; line-height: 30px; margin-bottom: 23px;}
.cta_section .rsp {padding:12% 0 10%;}
.cta_half {max-width: 640px;}
.cta_in_h2 {display: inline-block;}

/* case studies section */
.cs_box {width: 48.438%;}
.cs_url {display: block; overflow: hidden;}
.cs_img_wr {overflow: hidden; position: relative;}
.cs_img_wr:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #000; opacity: 0; transition: all .3s ease-in-out;}
.cs_box a img {display: block; max-width: 100%; height: auto; transition: all .3s ease-in-out;}
.cs_box a img.show_mob {display: none;}

.cs_url:hover {padding: 15px;}
.cs_url:hover .cs_img_wr:after {opacity: 0.5}
.cs_url:hover img {transform: scale(1.2);}

.text_box {position: absolute; left: 0; top: 0; display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; padding: 90px 60px 50px; z-index: 3; transition: all .3s ease-in-out; flex-wrap: wrap; justify-content: space-between;}
.cs_url:hover .text_box {padding: 75px 45px 35px;}
.text_box span {color: #fff;}
.ds_btinfo {}
.ds_on_hover {font-size: 60px; transition: .3s ease-in-out; letter-spacing: -0.025em;}
.ds_description {margin: 15px 0px; opacity: 0; transition: .3s ease-in-out;}
a:hover .ds_description {opacity: 1;}
/* a:hover .ds_on_hover {opacity: 1; padding-top: 0 !important;} */

.row_title_wr h5 {color: #909296;}
.row_description_wr {max-width: 700px; margin: 80px auto 0;}
.testimonial_wr_blue_section {max-width: 1600px; margin: 0 auto; background: #f5f9fe; margin-bottom: 7%;}

.cs_category {display: block; font: 12px/16px 'SofiaPro'; font-weight: 700; text-transform: uppercase; opacity: 0.7; letter-spacing: 3px; margin-bottom: 4px;}
.cs_client {display: block; font: 40px/50px 'SofiaPro'; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 10px;}
.cs_fm {display: inline-block; padding-right: 42px;background: url(../images/arrows_sprite@2x.png) no-repeat 100% -56px; background-size: 23px; }

.cta_wr {margin-top: 80px;}
.cta_wr.mg_less {margin-top: 50px;}

.pwr_description {max-width: 820px; margin-top: 36px;}
.sp_img_info {margin-left: auto; margin-right: auto; max-width: 960px;}
.p_md {font-size: 22px; line-height: 38px; margin-bottom: 38px;}
.p_lg {font-size: 28px; line-height: 44px; margin-bottom: 44px;}
.p_lg:last-child, .p_md:last-child {margin-bottom: 0;}


/* Team slider */
.team_slider_wr, .portfolio_slider_wr, .webdesign_slider_wr {/*overflow: hidden;*/ margin-top: 60px; position: relative;}
.webdesign_slider_wr.nmgt {margin-top: 0px;}
.team_slider, .portfolio_slider {max-width: 1280px; margin-right: auto; margin-left: auto;}
.team_slider {overflow: hidden;}
.team_slider_wr .slick-list, .portfolio_slider_wr .slick-list {width: calc(100% + 40px);}
.team_slider_wr .slick-slide, .portfolio_slider_wr .slick-slide {padding-right: 40px;}
.team_box {max-width: 400px; margin: 0 auto; display: block !important;}
.team_box a {display: block; outline: none; color: inherit;}
.team_box a h3 {transition: all .3s ease-in-out;}
.team_box a:hover, .team_box a:hover h3 {color: #d33d5c;}
.team_img_wr {margin-bottom: 32px; position: relative;}
.team_img_wr:after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .3s ease-in-out; background: #000; opacity: 0;}
.team_box a:hover .team_img_wr:after {opacity: .25;}
.team_img_wr img {display: block; width: 100%; height: auto;}
.member_description h3 {margin-bottom: 0px;}

.ts_controls_wr {position: absolute; top: 37%; width: 100%; left: 0;}
.ts_controls_wr.pr_controls_wr {top: 45%;}
.ts_custom {position: absolute; display: block; width: 43px; height: 50px; cursor: pointer; background: url('../images/arrows_sprite@2x.png') no-repeat center -220px; background-size: 43px; opacity: .8;}
.ts_custom:hover {opacity: 1;}
.ts_c_prev {left: 0; transform: scaleX(-1);}
.ts_c_next {right: 0;}

.wd_img_wr {text-align: center;}
.wd_img_wr h3 {margin-bottom: 40px;}
.wd_img_wr img {max-width: 100%; height: auto; margin: 0 auto;}

.team_popups_wr {display: none;}
.tm_popup {max-width: 1000px; margin: 0 auto; position: relative; padding: 20px;}
.tmp_inner {display: flex; background: #fff;}
.single_event  .tmp_inner {background: #f4f8fd;}
.tpm_img_wr {width: 45%;}
.tpm_img_wr img {display: block; max-width: 100%; height: auto;}
.tpm_desc_wr {width: 55%; box-sizing: border-box; padding: 45px; display: flex; align-items: center;}
.tpm_desc_wr h3 {font-size: 46px; font-weight: 500;}
.tpm_desc_wr h4 {margin-bottom: 45px;}
.tpm_desc_wr h4.speaker_ps {margin-bottom: 10px;}
.tpm_desc_wr p {font-size: 16px; line-height: 24px;}
.se_dsc_wr h4 {margin-bottom: 20px;}

.tm_popup .mfp-close, .showreel .mfp-close, .social_portfolio .mfp-close {background: #494c5e url(../images/tmp-close-btn.png) no-repeat center center; background-size: 12px; width: 28px; height: 28px; border-radius: 50%; right: 6px !important; top: 6px; transition: all .3s ease-in-out;}
.showreel .mfp-close, .social_portfolio .mfp-close {top: -14px !important; right: -14px !important;}
.tm_popup .mfp-close:hover, .showreel .mfp-close:hover, .social_portfolio .mfp-close:hover {background-color: #d33d5c;}
.social_portfolio .mfp-iframe-holder .mfp-content {max-width: 620px;}
.social_portfolio .mfp-iframe-scaler {padding-top: 100%;}



/* team row */
.team_row {justify-content: left;}
.team_row .team_box {margin: 0; width: 23.5%; margin-bottom: 70px; margin-right: 2%;}
.team_row .team_box:nth-child(4n) {margin-right: 0px;}
.team_row .team_img_wr {margin-bottom: 20px;}
.team_row h3 {font-size: 30px;}

/* Video section */
.video_play {display: block; position: relative;}
.video_img {display: block; max-width: 100%; height: auto;}
.play_btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; background: url('../images/play-btn.png') no-repeat center center; background-size: 113px; transition: all .3s ease-in-out;}
.video_play:hover .play_btn {opacity: .95; background-size: 150px; background-color: rgba(0,0,0,.4)}

.tst_video_player {position: relative; height: 0; padding-bottom: 56.25%;}
.tst_video_player iframe {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.mg_df_dst {margin-bottom: 26px;}

/* Testimonial section */
.ht_author {margin-top: 50px; justify-content: left; flex-wrap: nowrap;}
.ht_author_img {border-radius: 50%; overflow: hidden; margin-right: 28px; width: 123px;}
.ht_author_img img {display: block; width: 100%; height: auto;;}
.ht_author_info h3 {margin-bottom: 5px;}

/* Clients slider */
.cl_slider_row {flex-wrap: nowrap;}
.cl_slider_wr {width: 1000px;}
.cl_slider_title_wr {position: relative; display: flex; align-items: center;}
.cl_slider_title {position: absolute; width: 450px; background: #fff; z-index: 5;}

.cl_img_wr img {margin: 0 auto 90px; max-width: 100%;}
.cl_slider .slick-slide div:nth-child(3) .cl_img_wr img {margin-bottom: 0px;}

.sl_custom {display: inline-block; box-sizing: border-box; width: 57px; height: 57px; border: 2px solid #5995f1; cursor: pointer; border-radius: 30px; background: #5995f1; position: relative; overflow: hidden;}
.sl_c_prev {transform: scaleX(-1);}
.sl_custom:after {content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; right: 0; background: url('../images/arrows_sprite@2x.png') no-repeat center -43px; background-size: 23px;}
.sl_custom:hover {width: 100px; background-color: #fff;}
.sl_custom:hover:after {background-position: center -168px;}

.cl_slider_mob_wr {display: none;}

/* Insights section */
.light_blue_section {background-color: #f5f9fe;}
.insights {background-color: #f5f9fe; position: relative; display: none;}
.insights .rsp, .shape_rs .rsp {padding-top: 12%;}
.insights_row {flex-wrap: nowrap;}
.insights_img_wr {padding-right: 20px;}
.insights_img_wr img {width: 100%; height: auto; display: block;}
.insights_info_wr {padding-left: 20px;}
.ins_post_author {color: #b7bbc1;}
.insights_info_wr .cta {margin-top: 24px;}
.ins_controls_row {margin-top: 46px;}
.std_link {color: #d33d5c; padding-right: 41px; display: inline-block; background: url(../images/arrows_sprite@2x.png) no-repeat 100% 7px; background-size: 23px;}
.std_link:hover {text-decoration: underline;}

/* Cta red section */
.cta_red_section {background-color: #d33d5c;}
.shape_rs {position: relative;}
.cta_red_section h2, .cta_red_section p {color: #fff;}
.cta_red_section h2 {font-size: 80px; line-height: 90px; margin-bottom: 20px;}
.cta_mg_top {margin-top: 36px;}

/* Awards Section */
.awards_section {text-align: center;}
.awards_section .rsp {padding: 5.5% 0 7%;}
.awards_row {margin-top: 90px; flex-wrap: nowrap;}
.award_box {width: 19.5%;}
.award_box a, .award_box img {display: block; max-width: 100%;}


/* footer */
.hide {display: none;}
.footer_top {background-color: #f8f9fa;}
.footer_top .rsp {padding-top: 5%; padding-bottom: 6%;}
.ft_row {flex-wrap: nowrap;}
.ft_row .ft_column:last-child {width: 35%;}
.f_post_img .play_btn {background-size: 79px;}
.f_post_img:hover .play_btn {background-size: 89px;}
.fm_ul {margin-bottom: 46px;}
.fm_ul li {margin-bottom: 12px;}
.fm_ul:last-child, .fm_ul li:last-child {margin-bottom: 0;}
.fm_ul a {font-size: 16px; line-height: 22px; color: #8b909d;}
.fm_ul a:hover {color: #d33d5c}
.ft_column p {font-size: 16px; line-height: 28px; color: #8b909d;}
.ft_column p a {color: inherit;}

.footer_subscribe_wr {margin-top: 34px;}
.form_row {margin-bottom: 20px;}
.form_row input, .footer_subscribe_wr .input input {margin: 0; padding: 0; border-radius: 0; border: 1px solid #d8dfe8; height: 53px; box-sizing: border-box; width: 100%; text-indent: 19px; font-size: 16px; font-family: 'Roboto Slab', serif; color: #4e4e4e; font-weight: 300;}
.footer_subscribe_wr .hs-form-field label {display: none;}

.footer_middle {/* background-color: #f8f9fa; */}
.footer_middle .rsp {padding-top: 60px; padding-bottom: 80px;}
.fm_row {flex-wrap: nowrap;}
.fm_row .ft_column {padding-right: 4.5%; max-width: 450px; padding-top: 40px; position: relative;}
.fm_row .ft_column:last-child {padding-right: 0px;}
.fm_row .ft_column p {line-height: 36px;}
.fm_row .ft_column h6 {text-transform: uppercase; color: #d33d5c; font-size: 10px; position: absolute; top: 0; left: 0;}

.footer_bottom {background-color: #22252e; color: #fff; font-size: 16px;}
.footer_bottom .rsp {padding-top: 60px; padding-bottom: 60px;}
.fb_row {justify-content: left;}
.w_logo_wr {padding-right: 55px;}
.w_logo {max-width: 87px; height: auto;}
.b_menu_wr a {color: #fff; display: inline-block; margin-right: 15px; margin-left: 15px;}
.b_menu_wr a:hover {text-decoration: underline;}
.fb_last {flex: 1; text-align: right;}

.social_wr {position: absolute;}
.social li {display: inline-block; margin-right: 18px;}
.social li:last-child {margin-right: 0px;}
.social li a {display: block; color: #22252e; font-size: 26px;}
.social li a:hover {color: #d33d5c}

.slick-dots {text-align: center;}
.team_slider_wr .slick-dots {margin-top: 40px;}
.slick-dots li {display: inline-block; margin: 0 5px;}
.slick-dots li button {border: 1px solid #5995f1;box-sizing: border-box; width: 12px; height: 12px; border-radius: 50%; display: block; font-size: 0; line-height: 0; background: none; padding: 0; outline: none;}
.slick-dots li.slick-active button {background: #5995f1;}

.nlmt {max-width: none;}
.blue {color: #5995f1;}
.mgb50 {margin-bottom: 50px;}
.team_row_wr {margin-bottom: -70px;}

/* Portfolio */
#filters {text-align: center; max-width: 1200px; margin: 0 auto 7%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#filters .button, #load-more {width: 23%; box-sizing: border-box; height: 57px; border: 2px solid #d33d5c; background: none; color: #d33d5c; cursor: pointer; font-size: 18px; font-family: 'Roboto Slab', serif; font-weight: 300; border-radius: 30px; transition: all .3s ease-in-out; margin: 0; padding: 0; outline: none; margin-bottom: 20px;}
#filters .button:hover, #filters .button.is-checked, #load-more:hover {color: #fff; background: #d33d5c;}
#load-more {width: 310px; margin: 4.5% auto 0; display: block; max-width: 100%;}

.grid.isotope {overflow: hidden;}
.element-item {display: block; width: 31.25%; margin-bottom: 3.125%;  transition: none;}
.design_row .element-item {margin-bottom: 0px; width: 48.438%;}
.gutter-sizer {width: 3.124%;}

.p_img_wr {position: relative;}
.p_img_wr:before {content:"";position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #0e6168; opacity: 0; transition: all .3s ease-in-out;}
a:hover .p_img_wr:before {opacity: .8;}

.p_thumb_img {display: block; width: 100%; height: auto;}
.p_thumbs_cnt {position: absolute; box-sizing: border-box; width: 100%; left: 0; bottom: 0; padding: 8%;}
.p_main_title {font: 32px/38px 'SofiaPro'; font-weight: 700; display: block; color: #fff; letter-spacing: -.8px; margin-bottom: 4px;}
.p_cat_filter {color: #fff; line-height: 30px; display: block;}
.pf_arrow {display: block; width: 23px; height: 9px; background: url(../images/arrows_sprite@2x.png) no-repeat 0px -65px; background-size: 23px; margin-top: 12px;}
.dbox_dsc {color: #fff; font: 12px/18px 'SofiaPro'; font-weight: 700; letter-spacing: 3px; display: block; margin-bottom: 8px;}

.element-item.hidden {visibility: hidden; width: 0px!important; height: 0px!important; margin: 0px!important; padding: 0px!important;}

.mfp-close {position: absolute; top: 20px; right: 0px!important; background: url(../images/popup-close-bg.png) no-repeat 0 0; background-size: cover; border: none; display: block; cursor: pointer; z-index: 9999; font-size: 0; line-height: 0; width: 24px; height: 24px; outline: none;}
.mfp-close {right: 100px !important;}
.mfp-image-holder .mfp-content {width: 100%;}
.mfp-arrow.mfp-arrow-right {background: url(../images/popup-next-btn.png) right center no-repeat; background-size: 45px 31px; right: 100px;}
.mfp-arrow.mfp-arrow-left {background: url(../images/popup-prev-btn.png) left center no-repeat; background-size: 45px 31px; left: 100px;}
.mfp-arrow:after, .mfp-arrow::before {content: none !important;}

html .mfp-bg {background: #212330;}

/* Case studies page */
.cs_page_row .cs_box {margin-bottom: 3.124%;}
.cs_page_row .cs_box:nth-child(3n) {width: 100%;}
.hidden_cs, .hide_cta {display: none;}

/* Contact Us */
.form_wraper {max-width: 1118px; margin: 0 auto;}
.field_row, .input_wrap {margin-bottom: 45px;}
.input_wrap:after {content: ""; display: block; clear: both;}
.row .field_row {width: 48%;}
.field_label, .desc, .form_container .field label {color: #22252e; display: block; font: 22px/28px 'SofiaPro'; font-weight: 700; margin-bottom: 25px;}
.req {color: #d33d5c;}
.field_row input, .field_row select, .field_row textarea, .input_wrap input, .input_wrap select, .input_wrap textarea, .form_container input, .form_container textarea, .form_container select {margin: 0; padding: 0; border-radius: 0; border: 1px solid #d8dfe8; height: 63px; box-sizing: border-box; width: 100% !important; padding-left: 29px; font-size: 18px; font-family: 'Roboto Slab', serif; color: #4e4e4e; font-weight: 300;}


.field_row select, .input_wrap select, .form_container select {-moz-appearance: none!important; -webkit-appearance: none!important; appearance: none!important; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMBAMAAADWlCNiAAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAAC3RSTlMA+bFdOA3q0oqHHkc5yFsAAABRSURBVBjTY2CR3g0GGx0Y0IA1RGIzAzrghEhMYMAA2iDxTQyYIBwkUYpFgit79+5tCxiwAMfdu0UYsAHm3bsNGLCC7h0M2AGTAg4J1gAG4gEAJ9QfrpSxA5gAAAAASUVORK5CYII=) right center no-repeat;  background-size: 24px 6px; cursor: pointer;}
.field_row textarea, .input_wrap textarea, .form_container textarea {height: 164px; padding: 20px 29px; line-height: 30px;}
.sub_form {margin-top: 35px;}
.sub_form p {color: #cacaca;}
.form_row input.error, .input_wrap input.error, .form_container input.error, .form_container input.invalid, .footer_subscribe_wr .input input.invalid  {border-color: #d33d5c; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAMAAADImI+JAAAAY1BMVEUAAADTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzTPVzwqts+AAAAIHRSTlMAuwg6opJsqg7e2RIkRNaxf14sxJx3G9DKmFBKi1YytseQe/sAAADxSURBVCjPhdJZrsMgDEBRG8xMGDJPbbr/VT5U9aU/pLl/iCMsWQCpJY9wxrwkglqEmDg7j3oTeFThQHYe2lNyMrOqQp6jxX+pubBmkVWofVa2k/4t+WKnZWuhnssqoCy3rLxnRaPhqvFBRWpohZ1E4+A691CdeDQSi9Pwq3FLChFV4hpu4ur1MsnDbS0VKN0d00+p5i7uq2c3gwWSXAcV5U/p+B6m5BmncMjntWRbH2bBGeiVQpeuJHPNYozg+r3PaIocq9A3vbX9Z89jVqYb1irMezD95gA+Eg2KKuxxotV9B8g4Yx0e8fy3JdfsGGvuDwFVDHV06goRAAAAAElFTkSuQmCC); background-repeat:no-repeat; background-position:right center; background-size:20px 10px;}
.form_row label.error, .input_wrap label.error {display: none !important;}
.form_container ul.hs-error-msgs {display: none !important;}

.form_container .hs_submit {text-align: center;}
.form_container input[type=submit], .footer_subscribe_wr input[type=submit] {cursor: pointer; min-width: 242px; box-sizing: border-box; width: auto !important; color: #fff; background: #d33d5c; display: inline-block; border-radius: 30px; height: 57px; padding: 0 30px; font-family: 'Roboto Slab'; font-size: 18px; line-height: 21px; font-weight: 400; letter-spacing: .5px; transition: all .3s ease-in-out; border: none;}
.form_container input[type=submit]:hover, .footer_subscribe_wr input[type=submit]:hover {background: #22252e;}
.grecaptcha-badge {margin: 0 auto;}
.footer_subscribe_wr .actions {margin-top: 20px;}

.half_part {width: 48%;}
.half_part:first-child {float: left;}
.half_part:last-child {float: right;}

/* captcha HubSpot form */
.hs-form {display: flex; flex-wrap: wrap; flex-direction: column;}
form .field.hs_recaptcha {order: 100; margin-bottom: 0; margin-top: 25px;}


.ct_row {margin-top: 50px;}
.ct_col_1 {box-sizing: border-box; padding-right: 35px; width: 42.95%; position: relative;}
.points_link {position: absolute; left: -88px; top: 25px;}
.ct_bulet {padding-left: 75px; position: relative; margin-bottom: 39px;}
.bdot {display: flex; position: absolute; background: #5690f4; color: #fff; border-radius: 50%;}
.bdot_s {width: 7px; height: 7px; left: 0; top: 21px;}
.bdot_nr {width: 33px; height: 33px; align-items: center; justify-content: center;font-family: 'SofiaPro',sans-serif; font-size: 16px; line-height: 16px; font-weight: 700; top: -6px; left: -14px;}
.ct_bulet h5 {font-size: 14px; margin-bottom: 10px;}

.ct_col_1 h3 {font-size: 35px; line-height: 43px; margin-bottom: 72px;}
.ct_col_2 {width: 57.05%;}
.fwh_top h2 {color: #d33d5c; font-size: 36px; line-height: 46px; margin-bottom: 14px;}
.fwh_top p {letter-spacing: -0.03em;}

.tf_point {padding-left: 75px; max-width: 440px; position: relative; box-sizing: border-box; margin-top: 120px; z-index: 1;}
.tf_point h4, .free_breakfast_wr h4, .tk_info_wr H4 {font: 46px/56px 'HoneyScript'; font-weight: normal; letter-spacing: 0.025em;}
.btf_arrow {left: 90%; bottom: -6px; position: absolute;}

.form_wraper_hubspot, .event_box {padding: 35px 40px; border: 8px solid #fff; -webkit-box-shadow: 0px 0px 45px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 45px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 45px 5px rgba(0,0,0,0.2); background: #f5f9fe; box-sizing: border-box; position: relative;}
.form_wraper_hubspot .field_label, .form_wraper_hubspot .desc, .form_container .field label {margin-bottom: 10px; font-size: 20px;}
.form_container .field label span.hs-form-required {color: #d33d5c;}
.form_wraper_hubspot .field_row input, .form_wraper_hubspot .field_row select, .form_wraper_hubspot .field_row textarea, .form_wraper_hubspot .input_wrap input, .form_wraper_hubspot .input_wrap select, .form_container input, .form_container select, .form_container textarea {height: 49px; font-size: 16px; padding-left: 20px; border-color: #d1dbe7;}
.form_wraper_hubspot .field_row textarea, .form_wraper_hubspot .input_wrap textarea, .form_container textarea {font-size: 16px; line-height: 28px; padding: 10px 20px; height: 110px; border-color: #d1dbe7;}
.form_container textarea {width: 100% !important;}
.form_wraper_hubspot .field_row, .form_wraper_hubspot .input_wrap {margin-bottom: 20px;}
.form_wraper_hubspot .sub_form {margin-top: 15px;}

.form_container fieldset {max-width: none !important;}
.form_container .form-columns-2 .field {width: 48% !important;}
.form_container .form-columns-2 .field:last-child {float: right !important;}
.form_container .input {margin-right: 0 !important;}
.form_container .field {margin-bottom: 20px;}

.testimonials_slider_wr {position: relative; margin-top: 70px;}
#testimonials_slider {max-width: 960px; margin: 70px auto 0;}

.locations_row {margin-bottom: -100px; margin-top: 80px;}
.locations_row h6 {text-transform: uppercase; color: #d33d5c; font-size: 12px;}
.locations_row h3 {font-size: 36px; line-height: 44px; margin-bottom: 90px;}
.locations_row > .half {width: 48.5%; margin-bottom: 100px;}
.info_half {width: 45%;}
.map_half {width: 48.5%;}
.map_half iframe {width: 100%; display: block;}

.ocd_row {margin-top: 60px;}
.ocd_box {width: 23.5%; background: #fff; padding: 35px 30px; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.ocd_icon_wr {min-height: 120px; width: 100%;}
.ocd_icon_wr img {display: block;}
.ocd_box a {margin-top: auto; color: #22252e; text-decoration: underline;}
.ocd_box a:hover {text-decoration: none;}


/* Thanks */
.main_section p a {color: #d13e5d;}
.main_section p a:hover {text-decoration: underline;}
.t_video_description {background: #f5f9fe; width: 36.25%; box-sizing: border-box; display: flex; align-items: center; padding: 0 20px; position: relative; z-index: 2;}
.v_dsc_center {max-width: 280px; margin: 0 auto;}
.curved_arrow {position: absolute; right: -50px; top: 75%;}
.t_video_wr {flex: 1;}
.v_constrain {position: relative; height: 0; padding-bottom: 56%; box-sizing: border-box;}
.v_constrain iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.thx_box_row {counter-reset: box-counter;}
.th_box_img {margin-bottom: 35px; position: relative;}
.th_box_img:before {content: ""; width: 58px; height: 58px; position: absolute; margin: 0 auto; left: 0; right: 0; background: #fff; border-radius: 50%; top: -29px;}
.th_box_img:after {counter-increment: box-counter; content: counter(box-counter); position: absolute; display: block; box-sizing: border-box; color: #d33d5c; width: 50px; height: 50px; border-radius: 50%; background: #fff; border: 2px solid #d33d5c; margin: 0 auto; left: 0; right: 0; text-align: center; font-size: 20px; line-height: 46px; top: -25px; font-weight: 400;}
.th_box_img img {max-width: 100%; height: auto;}

.thx_social {display: flex; flex-wrap: wrap; justify-content: space-between;}
.thx_social li {width: 15.4%;}
.thx_social a {position: relative; height: 0; padding-bottom: 100%; display: block; background: #5995f1; color: #fff; font-size: 100px;}
.thx_social a:hover {background: #22252e;}
.thx_social a .fa {position: absolute; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}

.rep_row .half img {max-width: 100%; height: auto;}
.rep_row .half:first-child {padding-right: 25px;}
.rep_row .half:last-child {padding-left: 25px;}


/* individual case studies */
.kitome-box {background: #005dad;}
.fiig-box {background: #001634;}
.hipkids-box {background: #66c5db;}
.ae-box {background: #231f20;}
.aussie-broadband-box {background: #62bb47;}
.scs_fbox {padding: 10% 10% 10% 23%;}
.scs_fbox img {margin-bottom: 16%;}
.scs_fbox h6 {color: #fff; text-transform: uppercase; font-size: 14px; line-height: 20px;}
.scs_fbox p {color: #fff; font-size: 38px; line-height: 48px;}
.img_row .half:last-child img {max-width: 100%; height: auto; display: block;}
.img_responsive {max-width: 100%; height: auto;}
.tx_row li {line-height: 30px; position: relative; padding-left: 37px; margin-bottom: 15px;}
.tx_row li:before {content: ""; display: block; position: absolute; border-radius: 50%; width: 6px; height: 6px; left: 0; top: 13px; background: #22252e;}
.graph_s {margin-top: 20px;}
.graph_s img {margin-bottom: 35px;}
.next_cs_box h6 {font-size: 12px; text-transform: uppercase; color: #5995f1;}
.cta_next_cs_box {margin-top: 50px;}
.fiig-csbox-logo {margin-left: -13%;}
.aussie-broadband-csbox-logo {margin-left: -19%;}
.th_row .third {width: 32.4%;}
.th_row img {max-width: 100%; height: auto;}
.spl50 {padding-left: 50px;}

/* Videos page */

.showreel .banner_content {padding: 17.6% 0 22.5%;}
.videos_category_section {margin-top: -14%; position: relative;}
.news_category_section {margin-top: -10%;}
.videos_category_section h3 {font-size: 40px; line-height: 50px; display: flex; color: #fff;}
.article_title_wr h3 {font-size: 32px; line-height: 42px; display: block; color: #22252e; max-width: 95%;}
.videos_category_section h3 sup {font-size: 10px; line-height: 30px; text-transform: uppercase; letter-spacing: 2.5px; box-sizing: border-box; overflow: hidden; padding-left: 22px; background: url(../images/v-dots.png) no-repeat 100% center; background-size: 4px; flex: 1; margin-bottom: auto; position: relative;}
.videos_category_section h3 sup:after {content: ""; height: 1px; width: calc(100% - 138px); position: absolute; background: rgba(255,255,255,.5); top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; margin-left: 15px;}

.videos_row {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; margin-bottom: -3.125%;}
.video_box {width: 31.25%; padding-bottom: 3.125%;}
.video_box.lvb {padding-bottom: 0;}
.video_box a, .video_box a img {display: block; width: 100%; height: auto; box-sizing: border-box;}
.video_box a {transition: all .3s ease-in-out;}
.video_box a:hover {padding: 5px 10px;}
.video_img_wr {position: relative;}
.video_title_wr {position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 30px 24px;}
/* .video_title_wr:after {content: ""; height: 1px; width: calc(100% - 48px); position: absolute; background: rgba(255,255,255,.5); top: 0; left: 24px;} */
.video_title_wr h4 {color: #fff; font-size: 32px; line-height: 40px; background: url(../images/v_cat_play_button.png) no-repeat 100% center; background-size: 24px; padding-right: 30px;}

.news_row .video_box a:hover {padding: 0;}
.news_row .video_box .video_img_wr {transition: all .3s ease-in-out; margin-bottom: 40px;}
.news_row .video_box a:hover .video_img_wr {padding: 6.5px 10px;}

/* Work With Us page */
.wwu .title_limit {max-width: 920px; text-align: center; margin-right: auto; margin-left: auto;}
.wwu .title_limit p {font-size: 22px; line-height: 32px;}

.testimonial_container {position: relative; max-width: 960px; margin: 0 auto;}
.testimonial_container:before {content: ""; display: block; width: 88px; height: 64px; position: absolute; left: -160px; top: 12px; background: url(../images/wwu/quotes.png) no-repeat center center; background-size: cover;}
.tst_logo {margin-bottom: 22px;}

.s_mid_box {margin-left: auto; margin-right: auto;}
break {flex-basis: 100%; width: 0px; height: 0px; overflow: hidden;}

.video_slider_container {position: relative; padding-left: 100px; padding-right: 100px;}
.video_slider_container .ts_controls_wr {top: 49%;}

.wwu .cs_page_row {margin-bottom: -3%;}

.awards_2018_dsk_wr img {max-width: 100%; height: auto;}
.awards_2018_mob_wr {display: none;}

.wwu .banner {background-image: url(../images/wwu/banner-dsk.jpg)}

.wwu .banner_content {padding: 18.5% 0px 22%;}
@media only screen and (max-width: 2560px) {
	.wwu .banner_content {padding: 15.5% 0px 22%;}
}
@media only screen and (max-width: 2400px) {
	.wwu .banner_content {padding: 14.5% 0px 22%;}
}
@media only screen and (max-width: 2140px) {
	.wwu .banner_content {padding: 12.5% 0px 22%;}
}
@media only screen and (max-width: 1920px) {
	.wwu .banner_content {padding-top: 200px;}
	.wwu .banner {background-size: auto;}
}

.wwu .bn_cbox {max-width: 100%; padding-right: 0; padding-bottom: 0;}
.wwu .banner h1 {color: #22252e; letter-spacing: -0.02em; margin-bottom: 10px;}
.wwu .banner p {color: #4e4e4e; line-height: 32px; letter-spacing: -0.02em;}

.wwu_menu {margin-top: 28px;}
.wwu_menu li {display: inline-block; padding-left: 50px; position: relative;}
.wwu_menu li:first-child {padding-left: 0px;}
.wwu_menu li:before {content: ""; position: absolute; width: 5px; height: 5px; background: #d33d5c; left: 22px; display: block; top: 14px; border-radius: 50%;}
.wwu_menu li:first-child:before {content: none; display: none;}
.wwu_menu a {color: #22252e; display: block; font: 20px/28px 'SofiaPro', sans-serif; font-weight: 500; text-decoration: underline;}
.wwu_menu a:hover {color: #d33d5c;}


/* Events page */
.events_bn_content {padding: 16.5% 0;}
.da_point, .banner:not(.dark-theme) .da_point {padding-left: 28px; background: url(../images/double_arrow.png) no-repeat 0 10px; background-size: 16px; color: #a8a7a7; margin-top: 15px;}
.event_box {width: 48%; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; position: relative; display: flex; flex-direction: column;}
.speaker_box {width: 50%; box-sizing: border-box; display: flex; flex-direction: column;}
.speaker_box:first-child {padding-right: 10px;}
.speaker_box:last-child {padding-left: 10px; flex-direction: column-reverse;}
.speaker_box:first-child .sp_img_wr {margin-bottom: 10px;}
.speaker_box:last-child .sp_info_wr {text-align: right; margin-bottom: 18px;}
.sp_img_wr img {max-width: 100%; height: auto;}
.speaker_box h3 {font-size: 28px; line-height: 32px; margin-bottom: 4px;}
.speaker_box p {font: 16px/20px 'SofiaPro'; font-weight: 300; margin-bottom: 8px;}
.speaker_box h4 {font-size: 18px; line-height: 20px; margin-bottom: 4px;}
.ev_middle {padding: 20px 0; margin: auto 0;}
.event_box h2 {font-size: 36px; line-height: 38px; color: #d33d5c; margin-bottom: 10px;}
.event_box h2:last-child {margin-bottom: 0;}
.event_box h5 {font-size: 20px; line-height: 24px; text-transform: none; letter-spacing: 0; font-weight: 400;}
.ev_bottom {margin-top: auto;}
.ev_bottom p {margin-bottom: 8px;}
.past_event .row, .past_event .ev_middle {opacity: .6;}
.past_event:hover .row, .past_event:hover .ev_middle {opacity: .8;}
.mgt40 {margin-top: 40px;}
.lrRow .half {width: 45%;}
.lrRow img {max-width: 100%; height: auto;}
.mg_center img {display: block; margin: 0 auto;}
.free_breakfast_wr {position: absolute; right: 0; bottom: calc(100% - 40px);}
.popup_form_wr_main {margin: 20px auto; padding-left: 10px; padding-right: 10px; position: relative;}
.popup_ctForm_wr {max-width: 730px;}
.red_close .mfp-close {background-image: url(../images/popup-close-bg-red.png); right: 25px !important; top: 15px !important;}
.location_info {background: url(../images/p_loc_bg.png) no-repeat 0 5px; margin-bottom: 40px;}
.date_info {background: url(../images/p_date_bg.png) no-repeat 0 7px;}
.p_info_style {padding-left: 32px; background-size: 16px;}
.dotted li, .ib_text li {margin-bottom: 15px; padding-left: 30px; position: relative;}
.ib_text li {margin-bottom: 10px;}
.ib_text li:last-child {margin-bottom: 0;}
.dotted li:before, .ib_text li:before {content: ""; display: block; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background: #4e4e4e; border-radius: 50%;}
.s_e_row .half:first-child {padding-right: 25px;}
.s_e_row .half:last-child {padding-left: 25px;}
.mg30 {margin-top: 40px; margin-bottom: 30px;}

.se_speakers_section .tpm_desc_wr > div {position: relative; width: 100%;}
.se_speakers_section .stamp {position: absolute; right: 0; height: auto;}
.wp-sp-logo {max-width: 150px; top: -8px;}
.wg-sp-logo {max-width: 116px; top: -52px;}
.flare-sp-logo {max-width: 200px; top: -45px;}
.active-sp-logo {max-width: 160px; top: -19px;}
.se_speakers_section .tpm_desc_wr h5 {color: #5690f4; margin-bottom: 30px;}
.se_speakers_section .tpm_desc_wr {background: #f4f8fd;}
.se_speakers_section .tm_popup {margin-bottom: 100px; padding: 0;}
.btme_wr {margin-top: 20px;}
.btme_plink {color: #d33d5c;}
.btme_plink:hover {text-decoration: underline;}

.banner_content.se_bn_content {padding: 200px 0;}
.s_event_row {margin-top: 50px;}
.se_dsc_wr {margin-top: 60px;}
.se_dsc_wr:first-child {margin-top: 0px;}
.se_dsc_wr h3 {position: relative;}
body {counter-reset: count_sp;}
.se_dsc_wr h3:before {counter-increment: count_sp; content: "0" counter(count_sp)". "; position: absolute; left: -60px; font-size: 16px; letter-spacing: 1px; color: #5690f4;}
.free_breakfast_stamp {position: absolute; right: -56px; top: 40px;}
.tk_info_wr {position: absolute; text-align: left; width: 100%; right: 0; padding-right: 80px; margin-top: 50px; left: 0; z-index: 1;}
.ptf_arrow {position: absolute; right: 0; bottom: 0;}
.pos_up {top: -150px;}
.lf_mod {top: 0;}
.pos_up .hs_submit {margin-top: 20px;}

.se_speakers_section .tpm_img_wr {max-width: 436px;}
.se_speakers_section .tpm_desc_wr {width: 100%; flex: 1;}
.confirmed_st_wr {position: absolute; right: -20px; top: -50px;}
.speaker_comp_logo {margin-top: 20px;}
.mv_img img {margin-top: 30px;}

.mxw660 {max-width: 660px; margin: 50px auto; position: relative;}
.red_close.mxw660 .mfp-close {top: 15px!important; right: 15px !important;}
.mxw660 .hs_submit {margin-top: 20px;}

.thanks_ev_bn  h1 {margin-bottom: 32px;}
.thanks_ev_bn  h3 {font-size: 26px; line-height: 34px; color: #fff;}
.thanks_ev_bn p {font-size: 22px; line-height: 38px;}
.atc_main_wr {margin-top: 50px;}
.atc_a_wr {margin-top: 30px;}
.atc_btn {display: inline-block; text-align: center; width: 100%; max-width: 120px; box-sizing: border-box; font: 18px/21px 'Roboto Slab', serif; color: #fff; background: #d33d5c; padding: 10px 5px; border-radius: 25px; margin: 0 5px; transition: all .3s ease-in-out;}
.atc_btn:hover {color: #22252e; background: #fff;}

.share_buttons_wr {display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 608px; margin: 40px auto 0;}
.share_btn {display: flex; width: 48%; height: 50px; border-radius: 26px; color: #fff; font-size: 16px; margin-bottom: 20px; position: relative; align-items: center; justify-content: center;}
.share_btn .fa {position: absolute; left: 22px; font-size: 20px;}
.share_fb {background: #3e5b98;}
.share_in {background: #3371b7;}
.share_tw {background: #4da7de;}
.share_em {background: #22252e;}
.share_btn:hover {background: #d13e5d;}
.share_url_wr {display: flex;align-items: center;max-width: 608px;margin: 20px auto 0;}
.share_url_wr p {padding-right: 20px;margin-bottom: 0;}
.copy-to-cb {flex: 1;box-sizing: border-box;height: 50px;border: 1px solid #d1dbe7;color: #4e4e4e;font-size: 16px;font-family: 'Roboto Slab';padding-left: 25px;}

.schedule_wr {max-width: 380px; margin: 50px auto -250px; position: relative;}
.ev_h {font-weight: 600;;}
.ev_dh {float: right;}

.prel {position: relative;}
.tbextend iframe {width: 100%; height: 400px;}

.form_wraper_hubspot.pos_up {padding-bottom: 80px;}

@media only screen and (max-width: 1640px) {
	.showreel .banner .bn_cbox:before {content: none;}
}

@media only screen and (max-width: 1600px) {
	h1, .cta_section h2, .cta_red_section h2 {font-size: 70px; line-height: 80px;	}
	h2 {font-size: 50px; line-height: 64px;	}
	.home h1 {line-height: 90px;}
}

@media only screen and (max-width: 1540px) {
	.home_social_wr {display: none;}
	.team_slider_wr, .portfolio_slider_wr {padding: 0 35px;}
	.ts_c_prev {left: -30px;}
	.ts_c_next {right: -30px;}
	.scs_fbox p {font-size: 32px; line-height: 42px;}
	.testimonials_slider_wr .ts_c_prev {left: 0px;}
	.testimonials_slider_wr .ts_c_next {right: 0px;}
	.video_slider_container .ts_c_prev {left: 0px;}
	.video_slider_container .ts_c_next {right: 0px;}
}

@media only screen and (max-width: 1499px) {
	/* .ts_controls_wr {max-width: 1280px; left: 0; right: 0; margin-left: auto; margin-right: auto; top: auto; bottom: 36px; display: none;} */
	.down_arrow_wr {padding-bottom: 6%;}
}

@media only screen and (max-width: 1441px) {
	.logo {max-width: 240px;}
	header .menu li {margin-right: 30px;}
}

@media only screen and (max-width: 1400px) {
	h1, .cta_section h2, .cta_red_section h2 {font-size: 60px; line-height: 70px;}
	.home h1 {font-size: 70px; line-height: 85px;}
	h2 {font-size: 45px; line-height: 57px;	}
	h3 {font-size: 28px; line-height: 36px;}
	h4 {font-size: 22px; line-height: 30px;}
	.p_md {font-size: 20px;	line-height: 35px;	margin-bottom: 35px;}
	.logo {max-width: 240px;}
	.p_lg {font-size: 24px;	line-height: 40px;}
	.mg_default, .team_slider_wr, .portfolio_slider_wr {margin-top: 50px;}
	.mg_std {margin-bottom: 50px;}
	.pwr_description, .ht_author {margin-top: 30px;}
	.w_logo_wr {padding-right: 40px;}
	.ds_on_hover {font-size: 50px;}
	.col4 .icon_box {width: 47%;}
	.mfp-inline-holder .mfp-arrow.mfp-arrow-left {left: 20px;}
	.mfp-inline-holder .mfp-arrow.mfp-arrow-right {right: 20px;}
	.showreel .banner .bn_cbox {max-width: 800px;}
	.showreel .banner .bn_ctabox {margin-right: 0; margin-bottom: 0;}
	.awards_row {margin-top: 60px;}
	.award_box {max-width: 24%;}
	.award_box img {max-width: 100%; height: auto;}
	.pos_up {top: -120px;}
	.mg_default.se_speakers_section {margin-top: 80px;}
	.se_dsc_wr h3:before {left: -35px;}
	.schedule_wr {margin-bottom: -200px;}
}

@media only screen and (max-width: 1367px) {
	.banner_content {padding: 17% 0;}
	.ocd_box {width: 48.5%; margin-bottom: 30px;}
	.ocd_icon_wr {min-height: 90px;}
	.ocd_box h3 {width: 100%;}
	.ocd_row {margin-bottom: -30px;}
}

@media only screen and (max-width: 1340px) {
	.article_title_wr h3 {font-size: 28px; line-height: 38px; max-width: 100%;}
}

@media only screen and (max-width: 1279px) {
	h1, .cta_section h2, .cta_red_section h2 {font-size: 53px; line-height: 62px;	}
	h2 {font-size: 40px; line-height: 50px;	}
	h3, .team_row h3 {font-size: 26px; line-height: 34px;}
	header .menu li {margin-right: 30px;}
	.bn_cbox {max-width: 700px;}
	.home .bn_cbox {max-width: 740px;	}
	.bn_ctabox {margin-bottom: 38px;}
	.w_logo_wr, .b_menu_wr {padding-right: 0; width: 100%; text-align: center; margin-bottom: 40px;}
	.fb_last {text-align: center;}
	.ds_on_hover {font-size: 38px;}
	.cs_client {font-size: 35px; line-height: 45px;}
	.showreel .banner .bn_cbox {max-width: 600px;}
	.video_title_wr h4 {font-size: 28px; line-height: 34px;}
	.points_link {display: none;}
	.testimonials_slider_wr {padding-left: 80px; padding-right: 80px;}
	.info_half {width: 100%; margin-bottom: 30px;}
	.map_half {width: 100%;}
	.locations_row h3 {margin-bottom: 25px;}
	.s_event_row {margin-top: 40px;}
	.call_now {margin-left: 30px;}
}

@media only screen and (max-width: 1200px) {
	.scs_fbox img {margin-bottom: 10%;}
	.scs_fbox {padding-left: 15%;}
	.scs_fbox p {font-size: 28px; line-height: 38px;}
	.kitome-logo {max-width: 150px; height: auto;}
	.fiig-csbox-logo, .aussie-broadband-csbox-logo {max-width: 210px; height: auto; margin-left: 0px;}
	.hipkids-logo {max-width: 160px; height: auto;}
	.down_arrow_wr {padding-bottom: 7%;}
	.award_box {width: 19%;}
	.s_e_row .half:first-child {width: 45%;}
	.s_e_row .half:last-child {width: 55%;}
}

@media only screen and (max-width: 1169px) {
	.menu_trigger {display: block;}
	#main_menu {display: none;}
	.p_lg {font-size: 22px;	line-height: 36px;}
	.ft_row .ft_column {box-sizing: border-box; padding-right: 40px; max-width: 23%;}
	.ft_row .ft_column:last-child {padding-right: 0px; max-width: none;}
	.fm_row {flex-wrap: wrap; justify-content: space-between; margin-bottom: -50px;}
	.fm_row .ft_column {width: 45%; box-sizing: border-box; padding-right: 0px; padding-top: 30px; max-width: 100%; margin-bottom: 50px;}
	.fm_row .ft_column h5 {margin-bottom: 12px;}
	.ds_on_hover {font-size: 35px;}
	.cs_client {font-size: 30px; line-height: 40px;}
	.thx_social a {font-size: 80px;}
	.article_title_wr h3 {font-size: 24px; line-height: 34px;}
	.news_row .video_box .video_img_wr {margin-bottom: 25px;}
}

@media only screen and (max-width: 1140px) {
	.ds_description {display: none !important;}
}

@media only screen and (max-width: 1100px) {
	.ct_bulet, .tf_point {padding-left: 40px;}
}

@media only screen and (max-width: 1079px) {
	.bn_cbox {max-width: 600px;}
	.cl_slider_title {width: 400px;}
	.cl_slider_wr {width: 860px;}
	.wwu .bn_cbox {max-width: 100%;}
	.wwu .banner {background-size: 135%;}
	.wwu .banner_content {padding: 150px 0px 250px;}
	.wwu .bn_cbox p {padding: 0px 80px;}
	.wwu_menu {display: none !important;}
}

@media only screen and (max-width: 1024px) {
	.content, .cr_container {padding-left: 40px; padding-right: 40px;}
	h1, .cta_section h2, .cta_red_section h2 {font-size: 45px; line-height: 55px;}
	.home h1 {font-size: 70px; line-height: 70px;}
	h2 {font-size: 35px; line-height: 45px;	}
	h3, .team_row h3 {font-size: 24px; line-height: 32px;}
	h4 {font-size: 20px; line-height: 28px;}
	.logo {max-width: 220px;}
	.p_lg {font-size: 20px;	line-height: 32px;}
	header {padding: 25px 0px;}
	.bn_cbox, .showreel .banner .bn_cbox {max-width: none; padding-right: 0; width: 100%; text-align: center; padding-bottom: 50px;}
	.bn_cbox.ics_cbox {padding-bottom: 0;}
	.home .bn_cbox {max-width: none; padding-bottom: 0; text-align: left;}
	.bn_cbox p, .home .bn_cbox p {max-width: none;}
	.bn_cbox h1 br {display: none;}
	.bn_ctabox {text-align: center;	margin-bottom: 0; width: 100%;}
	.def_content .bn_ctabox {margin-top: 25px;}
	.icon_box, .col4 .icon_box, .col2 .icon_box {width: 48%; margin-top: 50px;}
	.thx_box_row .icon_box {width: 100%; margin-top: 80px;}
	.cl_slider_row {flex-wrap: wrap;}
	.cl_slider_title_wr {width: 100%; text-align: center;}
	.cl_slider_title_wr br {display: none;}
	.cl_slider_title {width: 100%; position: static; background: none;}
	.cl_slider_wr {width: 100%;}
	#cl_slider, .cl_slider_controls {display: none !important;}
	.cl_slider_mob_wr {display: block;}
	.cl_slider_mob_controls {text-align: center; margin-top: 50px;}
	.cl_img_wr img {margin-bottom: 0px;}
	.cta_section {text-align: center;}
	.cta_half {max-width: none;}
	.cta_section h2 br {display: none;}
	.cta_in_h2 {display: block; margin-top: 40px;}
	.title_limit, .pwr_description, .title {text-align: center; max-width: none;}
	.team_box {text-align: center;}
	.team_img_wr {margin-bottom: 20px;}
	.cta_wr {margin-top: 50px;}
	.ft_row {flex-wrap: wrap;}
	.ft_row .ft_column {max-width: none;}
	.ft_row .ft_column:last-child {width: auto; margin-top: 60px;}
	.cs_url:hover {padding: 10px;}
	.text_box {padding: 50px 30px 30px;}
	.cs_url:hover .text_box {padding: 40px 30px 30px;}
	.insights_info_wr h6, .insights_info_wr h3  {margin-bottom: 8px;}
	.insights_info_wr p  {margin-bottom: 10px;}
	.insights_info_wr .insights_info_wr .cta {margin-top: 14px;}
	.banner_content, .services .banner_content {padding: 150px 0px;}
	.banner .down_arrow_wr {padding-bottom: 106px;}
	.down_section {max-width: 30px;}
	.why .banner_content {padding: 30% 0px;}
	.rsp, .footer_top .rsp, .awards_section .rsp {padding: 80px 0px;}
	.ct_responsive {padding-bottom: 80px;}
	.testimonial_wr_blue_section {margin-bottom: 80px;}
	.cta_section .rsp, .insights .rsp {padding: 120px 0px 80px;}
	.down_arrow_wr {padding-bottom: 64px;}
	.p_main_title {font-size: 28px; line-height: 34px;}
	p a {word-wrap: break-word;}
	.thx_social a {font-size: 70px;}
	.ts_controls_wr {display: none;}
	.testimonials_slider_wr .ts_controls_wr {display: block;}
	.team_slider_wr, .portfolio_slider_wr {padding: 0; overflow: hidden;}
	.team_row .team_box {width: 32%;}
	.team_row .team_box, .team_row .team_box:nth-child(4n) {margin-right: 2%;}
	.team_row .team_box:nth-child(3n) {margin-right: 0px;}
	.video_title_wr h4 {font-size: 20px; line-height: 30px;}
	.col6 .icon_box {width: 30%;}
	.video_slider_container .ts_controls_wr {top: 44%; display: block;}
	.video_slider_container {padding-left: 80px; padding-right: 80px;}
	break {display: none;}
	.ned_mob_center {text-align: center;}
	.da_point {display: inline-block;}
	.event_box {width: 100%; max-width: 620px; margin: 0 auto 120px;}
	.event_box:last-child {margin-bottom: 0;}
	.se_speakers_section .tpm_desc_wr h3 {font-size: 34px;}
	.se_speakers_section .tpm_desc_wr h5 {margin-bottom: 40px;}
	.se_speakers_section .tpm_desc_wr {padding: 25px;}
	.se_speakers_section .tm_popup {margin-bottom: 60px;}
	.confirmed_st_wr img {margin-top: 0; margin-right: 10px;}
	.s_e_row .half:first-child, .s_e_row .half:last-child {width: 100%; padding-left: 0; padding-right: 0;}
	.s_e_row .half:first-child {margin-left: 32px; margin-bottom: 60px;}
	.s_e_row .tbextend.half:first-child {margin-left: 0; margin-top: 60px; margin-bottom: 40px;}
	.s_event_row {margin-top: 60px;}
	.pos_up {top: 0;}
	.free_breakfast_stamp {right: -22px; top: -35px;}
	.tk_info_wr {display: none;}
	.mg_default.se_speakers_section {margin-top: 0;}
	.banner_content.se_bn_content {padding: 170px 0 150px;}
	.schedule_wr {margin-bottom: 0;}
	.img_box .open_video:after {max-width: 35%; max-height: 35%; width: 120px; height: 120px;}
	.img_box .open_video:hover:after {max-width: 30%; max-height: 30%; width: 110px; height: 110px;}
}

@media only screen and (max-width: 1000px) {
	.ct_col_1 {padding-right: 0; width: 100%;}
	.ct_col_2 {width: 100%; margin-bottom: 60px;}
	.tf_point {display: none;}
	.ct_row {margin-top: 30px; flex-direction: column-reverse;}
}

@media only screen and (max-width: 970px) {
	.ds_on_hover {font-size: 28px;}
	.cs_client {font-size: 25px; line-height: 32px;}
	.rep_row .half {width: 100%; text-align: center;}
	.rep_row .half:first-child {padding-right: 0px; margin-bottom: 60px;}
	.rep_row .half:last-child {padding-left: 0px; text-align: center;}
	.lrRow .half {width: 100%;}
	.lrRow .half:first-child {margin-bottom: 40px;}
}

@media only screen and (max-width: 950px) {
	.wwu .banner {background-size: 145%;}
	.wwu .bn_cbox p {padding: 0px 30px; font-size: 20px; line-height: 30px;}
}

@media only screen and (max-width: 900px) {
	.img_row {max-width: 640px; margin: 0 auto;}
	.tx_row .half, .img_row .half {width: 100%;}
	.spl50 {padding-left: 0px;}
	.tx_row .half:first-child {margin-bottom: 20px;}
	.next_cs_box {margin-bottom: 50px;}
	.video_box {width: 48%; padding-bottom: 4%;}
	.videos_category_section h3 {font-size: 34px; line-height: 46px;}
	.article_title_wr h3 {font-size: 24px; line-height: 34px;}
	.wwu .banner_content {padding-top: 15%;}
}

@media only screen and (max-width: 880px) {
	.video_row {background: #f5f9fe; padding: 35px 20px 55px;}
	.t_video_description {width: 100%; padding: 0; margin-bottom: 20px;}
	.v_dsc_center {max-width: none;}
	.curved_arrow {display: none;}
	.t_video_wr {width: 100%; flex: none;}
	.tpm_desc_wr {padding: 30px;}
	.tpm_desc_wr h3 {font-size: 40px; margin-bottom: 10px;}
	.tpm_desc_wr h4 {margin-bottom: 30px;}
}

@media only screen and (max-width: 870px) {
	.home_menu.sg_home_menu {flex-wrap: wrap; }
	.home_menu.sg_home_menu li {width: 100%;}
}

@media only screen and (max-width: 840px) {
	.b_menu_wr a {margin-right: 12px; margin-left: 12px;}
	.wwu .banner_content {padding-bottom: 30%;}
}

@media only screen and (max-width: 767px) {
	.content, .cr_container {padding-left: 35px; padding-right: 35px;}
	.logo, .home .logo {max-width: 180px;}
	h1, .cta_section h2, .cta_red_section h2 {font-size: 40px; line-height: 50px;}
	.home h1 {font-size: 50px; line-height: 50px;}
	h2 {font-size: 32px; line-height: 40px;	}
	h3 {font-size: 22px; line-height: 30px;}
	h4 {font-size: 19px; line-height: 27px;}
	body {font-size: 17px;}
	p, .std_section li {line-height: 27px;}
	.std_section li:before {top: 11px;}
	.p_lg, .p_md {font-size: 18px;	line-height: 29px;}
	.icon_box, .col4 .icon_box, .col2 .icon_box {width: 100%;}
	.ib_img {margin-bottom: 15px;}
	.insights_row {flex-wrap: wrap;}
	.insights_img_wr, .insights_info_wr {padding-left: 0px; padding-right: 0px; width: 100%;}
	.insights_img_wr {margin-bottom: 50px;}
	.insights_img_wr img {width: auto; max-width: 100%; margin: 0 auto;}
	.ft_row .ft_column {width: 50%;}
	.ft_row .ft_column:last-child, .mg_mob_tp {margin-top: 50px;}
	.b_menu_wr p {line-height: 36px;}
	.banner_content, .showreel .banner_content, .services .banner_content {padding: 120px 0px 100px;}
	.banner .down_arrow_wr {padding-bottom: 76px;}
	.down_section {max-width: 24px;}
	.rsp, .footer_top .rsp, .awards_section .rsp {padding: 60px 0px;}
	.awards_section .rsp {padding-top: 50px;}
	.cta_section .rsp, .insights .rsp {padding: 80px 0px;}
	.ct_responsive {padding-bottom: 60px;}
	.testimonial_wr_blue_section {margin-bottom: 60px;}
	.element-item {width: 48%; margin-bottom: 4%;}
	.gutter-sizer {width: 3.99%;}
	.row .field_row {width: 100%;}
	.form_container .form-columns-2 .field {width: 100% !important;}
	.field_label {font-size: 20px; margin-bottom: 15px;}
	.field_row {margin-bottom: 30px;}
	.thx_social a {font-size: 50px;}
	.tm_popup {max-width: 400px;}
	.tmp_inner {display: block;}
	.tpm_img_wr {width: 100%; overflow: hidden; max-height: 400px;}
	.tpm_desc_wr {width: 100%;}
	.team_row {justify-content: space-between;}
	.team_row .team_box {margin-right: 0 !important; width: 48%;}
	.portfolio_slider_wr .p_img_wr {max-width: 400px; margin: 0 auto;}
	.ud_box_inner {width: 100%; padding-bottom: 60px;}
	.icon_box_ud:nth-child(odd) .ud_box_inner {text-align: left; padding-right: 0;}
	.icon_box_ud:nth-child(even) .ud_box_inner {float: none; padding-left: 0;}
	.ib_img_ud {position: static; width: auto; text-align: left; top: 0; height: auto; margin-bottom: 15px;}
	.ib_img_ud:after {content: none; display: none;}
	.icons_row.thx_box_row:first-child {margin-top: -30px;}
	.contact_page  .def_content {padding: 40px 0px 60px;}
	.half_part {width: 100%;}
	.half_part:first-child, .field_row, .input_wrap {margin-bottom: 35px;}
	.form_wraper_hubspot .half_part:first-child, .form_wraper_hubspot .field_row, .form_wraper_hubspot .input_wrap {margin-bottom: 20px;}
	.field_label, .desc {margin-bottom: 12px;}
	.videos_category_section {margin-top: 60px;}
	.videos_category_section h3 {color: #22252e; font-size: 30px; line-height: 40px;}
	.videos_category_section h3 sup {line-height: 24px;}
	.videos_category_section h3 sup:after {width: 100%; background: rgba(0,0,0,.4);}
	.awards_row {margin-top: 40px; max-width: 646px; margin-left: auto; margin-right: auto; margin-bottom: -4%; flex-wrap: wrap;}
	.award_box {max-width: 48%; margin-bottom: 4%; width: 100%;}
	.award_box img {display: block;}
	.article_title_wr h3 {font-size: 21px; line-height: 30px;}
	.ct_row {margin-top: 15px;}
	.locations_row>.half {width: 100%; margin-bottom: 70px;}
	.locations_row {margin-bottom: -50px;}
	.locations_row h3 {font-size: 30px; line-height: 38px;}
	.testimonials_slider_wr {padding: 0 0 60px;}
	.testimonials_slider_wr .ts_controls_wr {top: auto; bottom: 35px;}
	.testimonials_slider_wr .ts_c_prev {left: auto; right: calc(50% + 20px);}
	.testimonials_slider_wr .ts_c_next {right: auto; left: calc(50% + 20px);}
	.home .banner_content {padding: 130px 0px;}
	.home_menu a {font-size: 25px; line-height: 30px;}
	.video_slider_container {padding-left: 0px; padding-right: 0px; padding-bottom: 50px;}
	.video_slider_container .ts_controls_wr {top: auto; bottom: 40px;}
	.mfp-close {right: 30px !important;}
	.se_speakers_section .stamp {position: static; margin-bottom: 15px;}
	.se_speakers_section .tpm_desc_wr h5 {margin-bottom: 20px;}
	.banner_content.se_bn_content {padding: 140px 0 120px;}
	.mxw660 {margin-top: 25px; margin-bottom: 25px;}
}

@media only screen and (max-width: 750px) {
	.wwu .banner h1 {margin-bottom: 6px;}
	.wwu .bn_cbox p {padding: 0px 20px; font-size: 18px; line-height: 28px;}
}

@media only screen and (max-width: 700px) {
	.cs_box {width: 100%; text-align: center;}
	.cs_box:first-child, .case-studies .cs_box {margin-bottom: 46px;}
	.case-studies .cs_box:last-child {margin-bottom: 0px;}
	.cs_box a img.show_mob {display: block;}
	.cs_box a img.show_desk {display: none;}
	.cs_page_row .cs_box:nth-child(3n) .ds_on_hover {padding-top: 10%;}
	.cs_url {display: inline-block; text-align: left;}
	#filters .button {width: 48.5%;}
	.col6 .icon_box {width: 48%;}
}

@media only screen and (max-width: 669px) {
	.wwu .banner_content {padding-top: 19%;}
	.wwu .bn_cbox p {display: none;}
}

@media only screen and (max-width: 640px) {
	.form_wraper_hubspot {padding-left: 25px; padding-right: 25px;}
	.fwh_top h2 {font-size: 32px; line-height: 42px;}
	.locations_row {margin-top: 40px;}
	.ocd_box {width: 100%;}
}

@media only screen and (max-width: 620px) {
	.cl_slider_mob_controls {margin-top: 35px;}
	.p_main_title {font-size: 25px; line-height: 30px;}
	.design_row .element-item {width: 100%; max-width: 400px; margin: 0 auto;}
	.design_row .element-item:first-child {margin-bottom: 6%;}
	.thx_social a {font-size: 30px;}
	.th_row .third {width: 100%; text-align: center;}
	.imgs_row .img_box {max-width: 410px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
	.imgs_row .img_box:last-child {margin-bottom: 0;}
}

@media only screen and (max-width: 600px) {
	.home_menu li {float: none; width: 100%; max-width: 100%;}
	.event_box {width: 100%; max-width: 420px;}
	.speaker_box {width: 100%; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 60px;}
	.speaker_box:last-child {margin-bottom: 0; flex-direction: column;}
	.speaker_box:last-child .sp_info_wr {text-align: left; margin-bottom: 0;}
	.speaker_box .sp_img_wr {margin-bottom: 10px;}
	.event_box h2 {font-size: 26px; line-height: 30px;}
	.banner_content.se_bn_content {padding: 120px 0 85px;}
	.share_btn {width: 100%;}
	.share_url_wr {flex-wrap: wrap;}
	.share_url_wr p {padding-right: 0px;margin-bottom: 15px;}
	.copy-to-cb {flex: none;width: 100%;padding-left: 10px;}
}

@media only screen and (max-width: 540px) {
	.wwu .banner {background-size: 165%;}
	.wwu .banner_content {padding-top: 21%;}
	.wwu .banner h1 {font-size: 36px; line-height: 46px;}
}

@media only screen and (max-width: 520px) {
	.call_now {display: none;}
	.video_box {width: 100%; padding-bottom: 40px; max-width: 380px; margin-right: auto; margin-left: auto;}
	.videos_category_section h3 sup:after {content: none;}
	.videos_category_section h3 {font-size: 28px; line-height: 36px;}
	.videos_category_section h3 sup {padding-left: 12px;}
	.article_title_wr h3 {font-size: 21px; line-height: 30px;}
	.awards_2018_dsk_wr {display: none;}
	.awards_2018_mob_wr {display: block;}
	.awards_2018_mob_wr img {max-width: 100%; height: auto; margin-bottom: 25px;}
	.awards_2018_mob_wr img:last-child {margin-bottom: 0;}
}

@media only screen and (max-width: 480px) {
	.content, .cr_container {padding-left: 25px; padding-right: 25px;}
	h1, .cta_section h2, .cta_red_section h2 {font-size: 35px; line-height: 45px;}
	.home h1 {font-size: 38px; line-height: 40px;}
	h2 {font-size: 27px; line-height: 35px;	}
	.awards_section h2 {font-size: 25px; line-height: 33px;}
	h3 {font-size: 21px; line-height: 28px;}
	h4 {font-size: 18px; line-height: 25px;}
	.bn_cbox p {font-size: 20px;	line-height: 34px;}
	.ds_on_hover {font-size: 24px;}
	.ft_row .ft_column {width: 100%; padding-right: 0;	margin-bottom: 50px;}
	.ft_row .ft_column:last-child {width: 100%;	margin-top: 0; margin-bottom: 0;}
	.fm_row .ft_column {width: 100%; padding-top: 0px; margin-bottom: 30px;}
	.fm_row .ft_column h6 {position: static;}
	.cta {min-width: 270px; width: 100%;}
	.two_buttons .cta {margin-left: 0; margin-right: 0px;}
	.ins_controls {width: 100%; text-align: center; margin-bottom: 30px;}
	.team_row .team_box {width: 100%; margin-right: auto !important; margin-left: auto;}
	.element-item {width: 100%; margin-bottom: 4%;}
	.gutter-sizer {width: 0}
	#filters .button, #load-more {height: 48px;	font-size: 15px;}
	.cr_container {text-align: center;}
	.tpm_desc_wr h3 {font-size: 34px; line-height: 44px; margin-bottom: 10px;}
	.tpm_desc_wr {padding: 20px;}
	.why .banner_content {padding: 45% 0px;}
	.social_wr {position: static;}
	.mg_mob_tp {margin-top: 0;}
	.scs_fbox {padding: 50px;}
	.scs_fbox img {margin-bottom: 25px;}
	.scs_fbox p {font-size: 22px; line-height: 32px;}
	.ud_icons {margin-top: 60px;}
	.article_title_wr h3 {font-size: 20px; line-height: 28px;}
	.fwh_top h2 {font-size: 26px; line-height: 34px;}
	.form_wraper_hubspot .field_label, .form_wraper_hubspot .desc, .form_container .field label {font-size: 18px; line-height: 24px;}
	.form_wraper_hubspot .field_row input, .form_wraper_hubspot .field_row select, .form_wraper_hubspot .field_row textarea, .form_wraper_hubspot .input_wrap input, .form_wraper_hubspot .input_wrap select, .form_container input, .form_container select, .form_container textarea {padding-left: 15px;}
	.ct_col_1 h3 {font-size: 25px; line-height: 32px; margin-bottom: 50px;}
	.bdot_s {top: 15px;}
	.locations_row h3 {font-size: 25px; line-height: 32px;}
	.form_wraper_hubspot button.cta {min-width: 200px;}
	.home .banner_content {padding: 120px 0;}
	.home .bn_cbox p {font-size: 20px; line-height: 28px;}
	.home_menu {margin-top: 30px;}
	.home_menu li {margin-bottom: 8px;}
}

@media only screen and (max-width: 470px) {
	.wwu .banner {background-size: 195%;}
	header {padding: 15px 0px;}
	.wwu header {background: rgba(0,0,0,.25); -webkit-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.25);  -moz-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.25); box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.25);}
	.wwu .banner_content {padding-top: 23%; padding-bottom: 35%;}
	.wwu .bn_cbox {max-width: 340px; margin: 0 auto;}
	.wwu .banner h1 {line-height: 38px;}
}

@media only screen and (max-width: 460px) {	
	.atc_btn {max-width: 45%; margin-bottom: 25px;}
	.atc_a_wr {margin-bottom: -25px;}
}
	
@media only screen and (max-width: 420px) {
	.videos_category_section h3 {flex-wrap: wrap;}
	.videos_category_section h3 span {display: block; width: 100%}
	.videos_category_section h3 sup {padding-left: 0px; overflow: initial;}
	.wwu .banner_content {padding-top: 21%;}
}

@media only screen and (max-width: 400px) {
	.thx_social a {font-size: 20px;}
	.event_box {padding: 50px 15px;}
	.event_box .cta {min-width: 200px;}
	.dotted li {padding-left: 15px; font-size: 15px; letter-spacing: -0.02em;}
}

@media only screen and (max-width: 374px) {
	.wwu .bn_cbox {max-width: 320px;}
	.wwu .banner h1 {font-size: 34px; line-height: 36px;}
}

@media only screen and (max-width: 360px) {
	.ht_author {flex-wrap: wrap;}
	.col6 .icon_box {width: 100%;}
}

@media only screen and (max-width: 380px) {
	.form_container input[type=submit] {min-width: 0; width: 100% !important; padding-left: 10px; padding-right: 10px;}
	.form_wraper_hubspot {padding-left: 15px; padding-right: 15px;}
}

@media only screen and (max-width: 340px) {
	.wwu .banner h1 {font-size: 32px; line-height: 34px;}
}

.loading .field {
    border-color: #7d7d7d;
    background-image: url(../images/spinner.gif);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 15px 15px;
}