html, body {font-family:Raleway, sans-serif;font-size:16px;color:#404041;line-height:1.5em;width:100%;height:100%;margin:0;padding:0;}
::-webkit-scrollbar {display: none;}
img {border:0;}
a {text-decoration:none;color:#373738;}
a:hover {color:#4883BE;}
h1, h2, h3, h4, h5, h6 {font-family:PT Sans Caption;color:#404041;}
h2, h3 {margin:0;}
h2 {font-size:20px;}
h3 {font-size:16px;font-family:Raleway, sans-serif;color:#4986C2;}
p.head {font-size:26px;line-height:40px;margin:0 0 15px;color:#373738;font-weight:400;}
p.head.small {margin:0 0 5px;}
.blue {color:#373738;font-weight:600;}
.clear {clear:both;}
.mobile {display:none;}
.not-mobile {display:block;}
.main-section {position:relative;overflow:hidden;}
#who.main-section,#management.main-section {overflow:visible;}
.section {position:relative;width:970px;margin:0 auto;padding:105px 0;}
.section.top-space {padding:105px 0 0;}
.section.no-space {padding:0!important;}
.section.opaque{background-color:rgba(255,255,255,.8);padding-left:40px;padding-right:40px;width:1160px;max-width:calc(100% - 120px);}
/********* Mixed *********/
/* #mission {background-image:url('../images/tra/Background.jpg');background-size:cover;background-position:center top;} */
#mission-text-wrapper h1{text-transform:uppercase;color:#fff;text-shadow:0px 2px 4px rgba(62, 14, 14,.5);font-size:48px;line-height:56px;font-weight:bold;font-family:'Raleway',sans-serif;text-align:center;position:absolute;bottom:100px;margin:0;width:100%;height:224px;}
/* #mission-text-wrapper h1:before, #mission-text-wrapper h1:after{position:absolute;content:'';top:28px;height:1px;background-color:#fff;width:25%;} */
/* #mission-text-wrapper h1:before{left:10%;} */
/* #mission-text-wrapper h1:after{right:10%;} */
@media screen and (max-width:970px){
	#mission-text-wrapper h1{font-size:40px;}
}
@media screen and (max-width:800px){
	#mission-text-wrapper h1{font-size:27px;line-height:34px;}
	/* #mission-text-wrapper h1:before, #mission-text-wrapper h1:after{top:17px;} */
}
@media screen and (max-width:480px){
	#mission-text-wrapper h1{font-size:24px;line-height:26px;}
	/* #mission-text-wrapper h1:before, #mission-text-wrapper h1:after{width:20%;} */
}
.nextsectionarrow{width:100%;text-align:center;}
.arrow-wrap{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border:2px solid #fff;width:40px;margin:0 auto;height:60px;text-align:center;overflow:hidden;cursor:pointer;}
#nav-bar-wrapper {background:#000;background:-webkit-gradient(radial, center center, 0, center center, 460, from(#404041), to(#000));background:-webkit-radial-gradient(circle, #404041, #000);background:-moz-radial-gradient(circle, #404041, #000);background:-ms-radial-gradient(circle, #404041, #000);}

.pt-sans {font-family:PT Sans Caption;}
.typed-cursor{display:none!important;}
/********* Mission *********/
#mission {width:100%;/*height:260px;*/background-color:#000;}
@media screen and (max-width:970px) {
	/* #mission {height:650px;} */
}
@media screen and (max-width:700px) {
	/* #mission {height:calc(100vh - 115px);min-height:400px;max-height:650px;margin-top:58px;} */
}
#nav-bar-wrapper {width:100%;position:fixed;top:0;left:0;z-index:100;}
#nav-bar {margin:0 auto;width:960px;text-align:center;}
.logo-link {margin:20px 20px 10px;color:white;position:relative;display:inline-block;vertical-align:middle;}
.logo-adfish {font-size:18px;}
.logo-inc {font-size:5px;}
.circle {border-radius:50%;background-color:#4986C2;position:absolute;}
#circle1 {width:5px;height:5px;top:-4px;right:16px;}
#circle2 {width:8px;height:8px;top:-10px;right:5px;}
#circle3 {width:10px;height:10px;top:-5px;right:-7px;}
#circle4 {width:11px;height:11px;top:6px;right:-15px;}
#circle5 {width:14px;height:14px;top:19px;right:-20px;}
.menu-icon {display:none;}
#nav-bar ul {list-style-type:none;margin:0;padding:0;display:inline-block;}
#nav-bar ul li a {color:white;font-size:18px;margin:10px;display:inline-block;}
#nav-bar ul li {display:inline-block;vertical-align:middle;}
#nav-bar ul li a:hover , #nav-bar ul li a.active {color:#4986C2;}
.nav-divider {background:#4986C2;height:6px;width:6px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
@media screen and (max-width:975px) {
	.nav-divider {display:none!important;}
	#nav-bar ul li a {margin:15px 8px;}
}
.icon-bar {background-color:#fff;display:block;width:25px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-bottom:4px;}
.icon-bar:last-of-type {margin-bottom:0px;}
@media screen and (max-width:915px) {
	#nav-bar ul {display:none;}
	.menu-icon {display:inline-block;vertical-align:middle;cursor:pointer;}
	.logo-link {margin-left:10px;}
	#nav-bar {text-align:left;}
	#nav-bar ul li {display:block;}
}
#mission-text-wrapper {height:100%;}
.mission-text {position:absolute;left:50%;width:0;height:0;opacity:0;filter:alpha(opacity=0);}
#text-we {top:200px;}
#text-build {top:200px;}
#text-content-rich-sites {top:250px;}
#text-that-enable {top:260px;}
#text-brands {top:290px;}
#text-to-reach-and {top:350px;}
#text-engage {top:450px;}
#text-with-their-targets {top:500px;}
#text-consumer {top:600px;}
.mission-text.active {opacity:1;filter:alpha(opacity=100);height:auto;}
#text-we.active {top:10%;left:18%;width:5%;}
#text-build.active {top:10%;left:23%;width:40%;}
#text-content-rich-sites.active {top:25%;left:7%;width:70%;}
#text-that-enable.active {top:35%;left:26%;width:15%;}
#text-brands.active {top:33%;left:42%;width:49%;}
#text-to-reach-and.active {top:45%;left:31%;width:52%;}
#text-engage.active {top:53%;left:11%;width:54%;}
#text-with-their-targets.active {top:66%;left:25%;width:68%;}
#text-consumer.active {top:76%;left:18%;width:72%;}
/********* Who We Are *********/
#who {width:100%;}
#who .section {padding:105px 0 0px;}
#who .half {float:left;width:calc(50% - 5px);margin-bottom:95px;}
#who .half:nth-of-type(1),#who .half:nth-of-type(3){margin-right:10px;}
@media screen and (max-width:900px){
	#who .half {float:left;width:100%;margin-bottom:70px;margin-right:0!important;}
}
#who .left {float:left;width:400px;margin-top:25px;}
#who .right {float:left;position:relative;margin-top:10px;margin-left:25px;}
#who img.brands{max-width:100%;margin:0 auto 15px;position:relative;display:block;}
#who p:not(.head){color:#404041;font-size:16px;line-height:24px;font-weight:400;}
#who p a{font-weight:600;}
#who .no-space .head{color:#373738!important;font-size:26px!important;line-height:40px!important;font-weight:400!important;}
.sec-text p{color:#404041!important;font-size:16px!important;line-height:24px!important;font-weight:400!important;}
.funfacts h3{color:#373738!important;font-size:26px!important;line-height:22px!important;font-weight:400!important;text-align:center!important;margin-top:10px!important;}
.funfacts-flex{display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;align-items:flex-start;-webkit-align-items:flex-start;justify-content:space-around;-webkit-justify-content:space-around;align-content:flex-start;-webkit-align-content:flex-start;margin:10px 0 0px;padding-bottom:105px;}
.funfacts-flex .flex-item{width:25%;padding-top:15%;position:relative;background-size:cover!important;}
.funfacts-flex .flex-item > img{position:absolute;top:10px;left:10px;bottom:10px;right:10px;margin:auto;max-width:calc(100% - 20px);max-height:calc(100% - 20px);display:none;}
.funfacts-flex .flex-item.active > img{display:block;}
.funfacts-flex .flex-item.funfacts1{background-image:url('../images/tra/fun-fact01.jpg');}
.funfacts-flex .flex-item.funfacts2{background-image:url('../images/tra/fun-fact02.jpg');}
.funfacts-flex .flex-item.funfacts3{background-image:url('../images/tra/fun-fact03.jpg');}
.funfacts-flex .flex-item.funfacts4{background-image:url('../images/tra/fun-fact04.jpg');}
.funfacts-flex .flex-item.funfacts5{background-image:url('../images/tra/fun-fact05.jpg');}
.funfacts-flex .flex-item.funfacts6{background-image:url('../images/tra/fun-fact06.jpg');}
.funfacts-flex .flex-item.funfacts7{background-image:url('../images/tra/fun-fact07.jpg');}
.funfacts-flex .flex-item.funfacts8{background-image:url('../images/tra/fun-fact08.jpg');}
.funfacts-flex .flex-item.active{background-blend-mode:multiply;background-color:#4986C2;background-color:-webkit-radial-gradient(#4986C2,#373738);background-color:-o-radial-gradient(#4986C2,#373738);background-color:-moz-radial-gradient(#4986C2,#373738);background-color:radial-gradient(#4986C2,#373738);}
.funfacts-graphs{margin-top:70px;}
.funfacts-graphs *{transition:all 1.5s ease-in-out;-webkit-transition:all 1.5s ease-in-out;}
.funfacts-graphs p{text-transform:uppercase;font-size:15px!important;line-height:22px!important;margin:0 0 10px;color:#373738!important;font-weight:600!important;}
.demo-graph, .cli-graph, .ret-graph, .aud-graph{width:calc(100% - 2px);height:23px;background-color:#fff;position:relative;border:1px solid #373738;}
/* .ret-graph{width:100%;height:23px;background-color:#fff;position:relative;border:1px solid #373738;} */
.funfacts-graphs .blue{width:0%;position:absolute;top:0;bottom:0;left:0;background-color:#373738;}
.blue .text{position:absolute;left:calc(100% - 35px);background-color:#fff;color:#373738;font-size:15px;line-height:22px;font-weight:600;padding:5px;width:96px;text-align:center;border:1px solid #373738;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}.blue .text:before, .blue .text:after{content:'';position:absolute;left:35px;width:0;height:0;}
@media screen and (min-width:768px){
	.blue .text{top:-50px;}
	.blue .text:before, .blue .text:after{top:100%;}
	.blue .text:before{margin-left:-8px;border-top:8px solid #373738;border-right:8px solid transparent;border-left:8px solid transparent;}
	.blue .text:after{margin-left:-7px;border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent;}
}
@media screen and (max-width:767px){
	.blue .text{bottom:-50px;}
	.blue .text:before, .blue .text:after{bottom:100%;}
	.blue .text:before{margin-left:-8px;border-bottom:8px solid #373738;border-right:8px solid transparent;border-left:8px solid transparent;}
	.blue .text:after{margin-left:-7px;border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent;}
}
.demo-graph .blue .text:before, .demo-graph .blue .text:after{left:60px;}
.demo-graph .blue .text{left:calc(100% - 60px);}
.ret-graph .blue .text:before, .ret-graph .blue .text:after{left:90px;}
.ret-graph .blue .text{left:calc(100% - 90px);width:130px;}
/* .ret-graph .text{width:150px;} */
.aud-graph .text{width:170px;}
#target-image, .carousel-icon {display:none;}
.press {margin-top:75px;}
.press ul {padding:0;}
.press li {display:inline-block;height:171px;width:171px;background:rgba(255,255,255,.3);vertical-align:top;position:relative;margin-right:1px;overflow:hidden;}
.press img {vertical-align:middle;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;}
.press .hover{background:rgba(255,255,255,.5);position:absolute;top:-100%;height:100%;width:100%;}
.press-header{z-index:3;width:207px;margin:auto;text-align:center;position:absolute;left:0;right:0;top:-30px;padding-top:10px;
background:#3d3d3e; /* Old browsers */
background:-moz-linear-gradient(top, #3d3d3e 0%, #000000 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, #3d3d3e 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #3d3d3e 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3e', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
#who .press-header {top:-40px;}
.press-header:after{content:'';position:absolute;top:100%;left:50%;margin-left:-103.5px;width:0;height:0;border-top:30px solid #000;border-right:103.5px solid transparent;border-left:103.5px solid transparent;}
.press-header p{color:#fff!important;font-size:18px;line-height:24px;margin:0;font-family:'OpenSans',sans-serif;text-transform:uppercase;}
p {margin-bottom:20px;}
.clearout {height:20px;clear:both;}
.nbs-flexisel-container {position:relative;max-width:100%;}
.nbs-flexisel-ul {position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
.nbs-flexisel-inner {overflow:hidden;float:left;width:100%;}
.nbs-flexisel-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {	display:none;width:22px;height:22px; position:absolute;cursor:pointer;z-index:100;opacity:0.5;}
.nbs-flexisel-nav-left {left:10px;background:url('../images/tra/button-previous.png') no-repeat;}
.nbs-flexisel-nav-right {right:5px;background:url('../images/tra/button-next.png') no-repeat;}
.create-flex{display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;align-content:flex-start;-webkit-align-content:flex-start;align-items:flex-start;-webkit-align-items:flex-start;justify-content:space-around;-webkit-justify-content:space-around;}
.create-flex .flex-item{width:21%;text-align:center;}
.create-flex .flex-item img{display:block;margin:0 auto;height: 50px;}
.create-flex .flex-item h4{color:#373738;font-size:20px;line-height:24px;font-weight:600;margin:10px auto;text-transform:uppercase;}
.create-flex .flex-item p{color:#565a5c;font-size:16px;line-height:20px;font-weight:400;}
@media screen and (max-width:767px){
	.create-flex .flex-item{width:100%;}
	.create-flex .flex-item:nth-of-type(2){margin:20px 0;}
}
/********* What We Do *********/
#what {width:100%;}
#what .sec-text {margin:35px 0;}
#what #slide-menu {width:100%;height:auto;overflow:hidden;}
#what #slide-menu > ul {height:100%;width:100%;margin:0;padding:0;position:relative;display:block;list-style-type:none;}
#what #slide-menu > ul > li {width:100%;height:60px;position:relative;overflow:hidden;-webkit-transition:height 0.3s ease-in;-moz-transition:height 0.3s ease-in;-ms-transition:height 0.3s ease-in;transition:height 0.3s ease-in;border-top:1px solid #939598;}
#what #slide-menu > ul > li.active {height:443px;}
#what #slide-menu > ul > li.bottom {border-bottom:1px solid #939598;}
#what #slide-menu > ul > li.white {background-color:white;}
#what #slide-menu > ul > li > img {position:absolute;width:383px;height:383px;top:60px;left:0;}
#what #slide-menu > ul > li .partners {background:url('../images/tra/partner_logos.jpg') no-repeat center center;width:100%;height:435px;position:absolute;top:30px;}
#what .preview {background-color:#f1f1f2;width:100%;height:60px;z-index:5;cursor:pointer;position:absolute;top:0;left:0;}

#what li span.title {color:#404041;font-size:20px;font-family:PT Sans Caption;display:block;text-align:center;margin:19px 0;}
#what li span.title:hover, #what li.active span.title {color:#4986C2;}
img.front {z-index:2;}
img.back {z-index:1;}
.arrow {display:inline-block;background-image:url(../images/tra/arrows.png);background-position:18px 0;width:18px;height:17px;margin-left:5px;}
li.active .arrow, li:hover .arrow {background-position:0 0;}
.what-flex, .pflex{display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;align-items:flex-start;-webkit-align-items:flex-start;justify-content:space-between;-webkit-justify-content:space-between;align-content:flex-start;-webkit-align-content:flex-start;}
.what-flex .flex-item{width:30%;text-align:center;margin-top:20px;}
@media screen and (max-width:680px){
	.what-flex .flex-item {width:45%;}
}
@media screen and (max-width:480px){
	.what-flex .flex-item {width:100%;}
}
.what-flex .flex-item > div{height:62px;width:62px;margin:0 auto;position:relative;}
.what-flex .flex-item > div > img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.what-flex .flex-item h3{font-size:15px!important;line-height:18px!important;font-weight:600!important;margin:10px 0!important;padding:0!important;text-transform:uppercase;}
#what h3{color:#373738;font-size:20px;line-height:22px;font-weight:600;margin-bottom:20px;padding-top:60px;text-align:center;}
#what  .no-space h3 {font-size:26px;line-height:40px;font-weight:400;margin-bottom:10px;}
.what-flex .flex-item p{margin:0;font-size:14px!important;line-height:22px!important;}
.pflex{padding:0 0 160px;}
.pflex-item{width:calc(100% - 2px);max-width:250px;position:relative;overflow:hidden;display:none;}
.pflex-item .rollover{display:none;}
.pflex-item.seemore{background-color:#f7f7f7;cursor:pointer;display:block;order:10;}
.pflex-item > p{text-transform:uppercase;text-align:center;color:#414042;font-size:16px;line-height:19px;font-family:'Raleway',sans-serif;font-weight:400;margin-top:45%;}
.pflex-item > p > span {font-size:32px;}
.pflex-item > img{width:100%;}
.pflex-item > *{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.pflex-item.o1,.pflex-item.o2,.pflex-item.o3,.pflex-item.o4,.pflex-item.o5,.pflex-item.o6,.pflex-item.o7,.pflex-item.o8,.pflex-item.o9{display:block;}
.pflex-item.o1{order:1;}
.pflex-item.o2{order:2;}
.pflex-item.o3{order:3;}
.pflex-item.o4{order:4;}
.pflex-item.o5{order:5;}
.pflex-item.o6{order:6;}
.pflex-item.o7{order:7;}
.pflex-item.o8{order:8;}
.pflex-item.o9{order:9;}
@media screen and (min-width:750px){
	.pflex-item{width:calc(100% / 4 - 2px);}
	.pflex-item.o8,.pflex-item.o9{display:none;}
}
@media screen and (min-width:500px) and (max-width:749px){
	.pflex-item{width:calc(100% / 3 - 2px);}
	.pflex-item.o9{display:none;}
}
@media screen and (max-width:395px){
	.pflex-item > p {margin-top:33%;}
}
@media screen and (max-width:499px){
	.pflex-item{width:calc(100% / 2 - 2px);}
	.pflex-item.o6,.pflex-item.o7,.pflex-item.o8,.pflex-item.o9{display:none;}
}
/********* Our Network *********/
#network {width:100%;}
#network .section {height:94%;}
#network .row {position:absolute;width:100%;}
#network .network_col_hdr{font-size:32px;font-weight:bold}
#network .network_col_box h3{margin-top:30px;font-size:20px;font-weight:bold;text-transform:uppercase;text-align:center}
#network .network_col_box p {font-size:14px}
#tl-row {top:190px;}
.timeline{position:relative;margin-bottom:105px;}
.timeline .divider{height:100%;width:2px;background-color:#e9e9e9;position:absolute;top:0;left:calc(50% - 1px);}
.timeline-item{position:relative;display:block;margin-bottom:40px;}
.timeline .screenshot a{display:block;height:100%;width:100%;}
.timeline .screenshot a img{display:block;height:100%;width:100%;}
.timeline .descrip{padding:14px 14px 0 14px;border:1px solid #e9e9e9;width:calc(100% - 30px);margin-top:5px;position:relative;}
.timeline .descrip p{font-size:16px;font-weight:400;color:#373738;line-height:24px;}
.timeline .descrip p b{font-size:15px;font-weight:600;}
.timeline .descrip .socials{padding:5px 0;}
.timeline .descrip .socials a{border-right:1px solid #e9e9e9;display:inline-block;padding:0 5px;}
.timeline .descrip .socials a:last-of-type{border-right:none!important;}
.timeline .descrip .socials a div{height:18px;width:18px;background-size:100% 100%;}
.timeline .logo-fb{background-image:url('../images/tra/facebook_f_dark.svg');}
.timeline .logo-tw{background-image:url('../images/tra/twitter_icon_dark.svg');}
.timeline .logo-ig{background-image:url('../images/tra/instagram_dark.svg');}
.timeline .logo-pn{background-image:url('../images/tra/pinterest_dark.svg');}
.timeline .logo-gp{background-image:url('../images/tra/googleplus_dark.svg');}
.timeline .logo-yt{background-image:url('../images/tra/youtube_dark.svg');}
.timeline .logo-tm{background-image:url('../images/tra/tumblr_dark.svg');}
.timeline:not(.static) .left,.timeline:not(.static) .right{width:423px;max-width:47%;position:relative;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s; 
}
.timeline:not(.static) .screenshot{height:215px;width:calc(100% - 2px);border:1px solid #e9e9e9;}
.timeline:not(.static) .left{float:left;}
.timeline:not(.static) .right{float:right;}
.timeline:not(.static) .left .logo{position:absolute;bottom:20px;right:0;}
.timeline:not(.static) .right .logo{position:absolute;bottom:20px;left:0;}
.timeline:not(.static) .left .descrip:before, .timeline:not(.static) .left .descrip:after, .timeline:not(.static) .right .descrip:before, .timeline:not(.static) .right .descrip:after{content:'';position:absolute;width:0;height:0;}
.timeline:not(.static) .left .descrip:before{left:100%;bottom:34px;border-left:12px solid #e9e9e9;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.timeline:not(.static) .left .descrip:after{left:100%;bottom:36px;border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.timeline:not(.static) .right .descrip:before{right:100%;bottom:34px;border-right:12px solid #e9e9e9;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.timeline:not(.static) .right .descrip:after{right:100%;bottom:36px;border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.timeline.static .timeline-item{padding-top:100px;}
.timeline.static .screenshot{height:215px;max-width:90%;width:413px;margin:0 auto 5px;border:1px solid #e9e9e9;}
.timeline.static .descrip{max-width:calc(90% - 30px);width:calc(413px - 30px);margin:0 auto;}
.timeline.static .logo{position:absolute;top:0;left:0;right:0;bottom:calc(100% - 100px);}
.timeline.static .logo a{display:block;}
.timeline.static .logo img{max-height:60px;max-width:100%;display:block;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;}
.inside h4 {margin:0;}
.inside h4 a {color:black;}
/********* Management *********/
#management {width:100%;}
#management .left {float:left;width:calc(30% - 20px);}
#management .right {float:right;width:70%;margin:10px;}
@-webkit-keyframes fadeIn{
	0% {-webkit-transform:rotateZ(3deg) scale(1.5);opacity:0;}100% {opacity:1;}
}
@-moz-keyframes fadeIn{
	0% {-moz-transform:rotateZ(3deg) scale(1.5);opacity:0;}100% {opacity:1;}
}
@keyframes fadeIn{
	0% {transform:rotateZ(3deg) scale(1.5);opacity:0;}100% {opacity:1;}
}
#management .subsection {margin-top:55px;}
#management h2{color:#373738;font-size:16px;line-height:22px;font-weight:600;}
#management h3{color:#373738;font-size:15px;line-height:22px;font-weight:600;}
#management p:not(.head){color:#404041;font-size:16px;line-height:24px;font-weight:400;}
.manage-pics {margin:10px;opacity:0;filter:alpha(opacity=0);width:222px;height:auto;max-width:calc(100% - 20px);}
.manage-pics.active {-webkit-animation:fadeIn 1s ease-in-out forwards;-moz-animation:fadeIn 1s ease-in-out forwards;animation:fadeIn 1s ease-in-out forwards;opacity:1;filter:alpha(opacity=100);}
/********* Careers *********/
#careers {width:100%;}
#careers .section > p{text-align:center;}
#careers .section:first-of-type p.head{line-height:24px;margin-bottom:5px;}
#careers .section > p:not(.head){font-size:16px;line-height:24px;color:#404041;font-weight:400;margin:0;padding-bottom:85px;}
.findout{background-color:#373738;text-align:center;padding:10px 0;margin-top:30px;}
.findout h3{color:#fff;text-transform:uppercase;font-size:38px;line-height:50px;font-weight:500;}
.infographic{z-index:2;display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;align-items:flex-start;-webkit-align-items:flex-start;align-content:flex-start;-webkit-align-content:flex-start;justify-content:flex-start;-webkit-justify-content:flex-start;}
.ifg-item{position:relative;background-size:100% 100%!important;}
.ifg-item > img{position:absolute;height:100%;width:100%;top:0;left:0;}
.infographic .car{background-image:url('../images/tra/trancos-emp01.jpg');}
.infographic .chocolate{background-image:url('../images/tra/trancos-emp02.jpg');}
.infographic .pizza{background-image:url('../images/tra/trancos-emp03.jpg');}
.infographic .train{background-image:url('../images/tra/trancos-emp04.jpg');}
.infographic .thor{background-image:url('../images/tra/trancos-emp05.jpg');}
.infographic .meet{background-image:url('../images/tra/trancos-emp06.jpg');}
.infographic .mountain{background-image:url('../images/tra/trancos-emp07.jpg');}
.infographic .tp{background-image:url('../images/tra/trancos-emp08.jpg');}
.infographic .business{background-image:url('../images/tra/trancos-emp09.jpg');}
.infographic .vacation{background-image:url('../images/tra/trancos-emp10.jpg');}
.infographic .wine{background-image:url('../images/tra/trancos-emp11.jpg');}
.infographic .junk{background-image:url('../images/tra/trancos-emp12.jpg');}
.infographic > div{width:25%;padding-top:15%;}
.ifg-item.active{background-blend-mode:multiply;background-color:#4986C2;background-color:-webkit-radial-gradient(#4986C2,#373738);background-color:-o-radial-gradient(#4986C2,#373738);background-color:-moz-radial-gradient(#4986C2,#373738);background-color:radial-gradient(#4986C2,#373738);}
@media screen and (-ms-high-contrast:none), (-ms-high-contrast:active) {.ifg-item.active{box-shadow:inset 0 0 0 1000px rgba(73,134,194,.5)!important;}}
.ifg-item .rollover{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;overflow:hidden;display:none;}
.ifg-item .rollover img{height:90%;width:90%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;}
.ifg-item.active .rollover{display:block!important;}
.positions{font-size:16px;font-weight:400;line-height:24px;color:#404041;padding-top:85px;}
.positions > div{border:1px solid #e9e9e9;padding:15px;margin-bottom:20px;position:relative;}
.positions > div .applynow{position:absolute;top:15px;right:15px;padding:7px 20px;background-color:#373738;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;color:#fff;font-size:16px;line-height:24px;font-weight:600;text-transform:uppercase;cursor:pointer;}
.positions p{margin:0;}
.positions .name{max-width:calc(100% - 140px);}
.positions .name b, .positions .readmore, .positions .readless{text-transform:uppercase;}
.positions b{font-size:15px;line-height:22px;font-weight:600;color:#373738;}
.positions .clear{height:10px;}
.positions .expanded{display:none;}
.positions .expanded.active{display:block;}
.positions .readmore, .positions .readless{cursor:pointer;}
/********* Contact Us *********/
#contact {position:static;width:100%;min-height:1000px;background-color:#373738;}
#contact .head-bg {background:#fff;}
#contact .section {padding:80px 0;}
#contact .section > p{text-align:center;color:#fff!important;}
#contact .section > p.head{font-size:26px;line-height:40px;font-weight:400;}
#contact .section > p:not(.head){font-size:15px;line-height:24px;color:#404041;font-weight:400;margin:0;padding-bottom:85px;}
#contact-form *{font-size:15px;line-height:24px;font-weight:300;color:#fff;}
.error {color:white;border:2px solid #4986C2!important;}
.error-text{color:#4986C2!important;font-size:18px!important;line-height:20px!important;margin-bottom:5px;font-weight:500!important;text-transform:capitalize;}
.error-text.captcha{max-width:302px;margin:0 auto 5px;}
.success {background:#47BBB1;color:white;padding:8px 10px;margin-bottom:10px;}
form {width:100%;max-width:500px;margin:0 auto;}
form input, form textarea{width:calc(100% - 12px);}
form select{width:100%;}
form input, form select, form textarea{background-color:#373738;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid #565556!important;text-transform:uppercase;margin-bottom:25px;}
form input, form select, form textarea, form button {font-weight:bold;border-radius:0;}
form input[type=text]{height:30px;padding:0 5px;}
form select {height:31px;line-height:28px!important;-webkit-appearance:none;-moz-appearance:none;border-radius:0;padding:0 5px;}
form textarea {height:20px;font-family:Arial,sans-serif;-ms-overflow-style:none;padding:5px;overflow:hidden;max-width:100%;}
form #submit {display:block;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#373738;border:1px solid #565556!important;margin:6px auto;padding:8px 10px;font-size:14px;width:100px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;cursor:pointer;}
.address {color:#fff;font-size:16px;line-height:24px;font-weight:400;margin-top:50px;text-align:center;}
.address strong{font-size:15px;font-weight:600;text-transform:uppercase;}
.address a{padding:40px 10px 30px;display:inline-block;}
.address .small{font-size:12px;font-weight:400;line-height:24px;}
select::-ms-expand {display:none;}
/********* Dividers *********/
.img-divider {min-height:400px;width:100%;-webkit-box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.5);box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.5);}
#who-divider {background:url('../images/tra/divider1.jpg') no-repeat fixed center center;background-size:cover;}
#what-divider {background:url('../images/tra/divider2.jpg') no-repeat fixed center center;background-size:cover;}
#network-divider {background:url('../images/tra/divider3.jpg') no-repeat fixed center center;background-size:cover;}
#management-divider {background:url('../images/tra/divider4.jpg') no-repeat fixed center center;background-size:cover;position:absolute;height:100%;}
/* ---------[ Responsive Design ]--------- */
@media screen and (max-width:480px) {
	html,body,p,h3 {text-align:left!important;}
	.press-header p, .seemore p {text-align:center!important;}
	h1 {font-size:45px;}
	p.head {font-size:19px;line-height:35px;}
	.section {width:90%;margin:0 auto;padding:70px 0;}
	#who .section {padding:90px 0;}
	#nav-bar-wrapper{background:#000!important;}
	#nav-bar-wrapper.scrolled {background:rgba(0,0,0,.65)!important;}
	#nav-bar {margin:0 auto;width:100%;}
	.mobile {display:block;}
	.not-mobile {display:none;}
	#nav-bar ul li a {margin:15px 10px;}
	.nav-divider {display:none;}
	#text-we {top:100px;}
	#text-build {top:100px;}
	#text-content-rich-sites {top:120px;}
	#text-that-enable {top:130px;}
	#text-brands {top:150px;}
	#text-to-reach-and {top:160px;}
	#text-engage {top:170px;}
	#text-with-their-targets {top:180px;}
	#text-consumer {top:190px;}
	#who h1 {font-size:40px;}
	#who .left {float:none;width:auto;margin-top:0;}
	#who .right {float:none;margin:0;}
	#distribution-item .title {margin:6px 0!important;}
	#network {height:auto;}
	#network .section {height:100%;}
	.site-logo {width:90%;margin:10px;}
	#management .left {float:none;margin:0 auto;width:226px;}
	#management .right {float:none;width:95%;margin:10px;}
	.manage-pics {margin:0;opacity:1;filter:alpha(opacity=100);}
	.manage-pics.active {-webkit-animation:0;}
	.list .expanded {margin:0 10px;}
	.list .row .col.short {display:none;}
	.list .row .col {width:100%;}
	form {width:100%;opacity:1;}
	form select {width:calc(100% - 2px);}
	form input[type=text].full, form input[type=text] {width:calc(100% - 12px);}
	form textarea {width:98%;height:150px;}
	.address {position:static;font-size:14px;}
	.tel {display:block;}
	.tel a {color:#fff;}
	/* .tel-divider {display:none;} */
	#who-divider {background:url('../images/tra/divider1_m.jpg') no-repeat center center;}
	#what-divider {background:url('../images/tra/divider2_m.jpg') no-repeat center center;}
	#network-divider {background:url('../images/tra/divider3_m.jpg') no-repeat center center;}
	.img-divider {background-size:cover!important;min-height:200px;}
	.findout h3{font-size:20px;line-height:32px;}
	.menu-icon {margin-left:20px;}
	.nextsectionarrow {bottom:5%;}
	.funfacts-flex .flex-item {width:100%;padding:0px;}
	#who .section > p.head {font-size:19px;line-height:24px;}
	#who .section > p {text-align:center;}
	.funfacts h3 {font-size:24px;line-height:28px;}
	.infographic > div{width:100%;padding-top:60%;}
	.funfacts-flex .flex-item{width:100%!important;padding-top:60%!important;}
	.logo-link{margin: 12px 20px 8px;}
	#network .network_col_box h3{text-align:center!important;margin-top:0}
	.timeline.static .timeline-item {padding-top:40px}
}
@media screen and (min-width:971px) and (max-width:1440px) {
	.infographic > div{width:calc(33.3% - 1px);padding-top:20%;}
}
@media screen and (min-width:481px) and (max-width:970px) {
	.section {width:90%;margin:0 auto;}
	#nav-bar-wrapper {background:#000!important;}
	#text-we {top:200px;}
	#text-build {top:200px;}
	#text-content-rich-sites {top:210px;}
	#text-that-enable {top:230px;}
	#text-brands {top:260px;}
	#text-to-reach-and {top:270px;}
	#text-engage {top:300px;}
	#text-with-their-targets {top:310px;}
	#text-consumer {top:330px;}
	#nav-bar {margin:0 auto;width:90%;}
	#nav-bar ul li {margin:5px;}
	.nav-divider {display:none;}
	#who .left {float:none;width:auto;margin-top:0;}
	#who .right {float:none;height:540px;margin-left:0;}
	.press {margin-top:35px;}
	#news-item .text {height:368px;}
	.end-dot {left:48.7%;}
	#management .right {width:60%;}
	#management .left {width:calc(40% - 20px);}
	form {float:none;margin:0 auto;width:100%;}
	.img-divider {min-height:280px;}
	#who-divider {background:url('../images/tra/divider1_m.jpg') no-repeat center center;background-size:100%;}
	#what-divider {background:url('../images/tra/divider2_m.jpg') no-repeat center center;background-size:cover!important;}
	#network-divider {background:url('../images/tra/divider3_m.jpg') no-repeat center center;background-size:100%;}
	.infographic > div{width:calc(50% - 1px);padding-top:30%;}
}
@media screen and (max-width:580px) {
	#target-image {width:100%;height:auto;display:block;}
}
@media screen and (max-width:768px) {
	#who .sec-text {width:90%;margin:0 auto;}
	#who #slide-menu > ul > li.active {padding-bottom:10px;}
	#who #slide-menu > ul > li .partners {background-image:url('../images/tra/partner_logos_m.jpg');height:685px;position:static;}
	#who #slide-menu > ul > li > img,#who #slide-menu > ul > li > .partners {position:static;float:left;margin-top:70px;}
	#who #slide-menu > ul > li > img.back {margin-top:-44px;}
	#who li span.title:hover, #who li.active span.title {color:#404041;}
	#network .section {width:100%;}
	#network .head {margin:10px;}
	#network .ss-row {background-color:#F1F1F2;padding:0;display:table;}
	#network .center {position:static;float:left;width:58%;height:auto;background-color:0;border:0;display:table-header-group;}a.social-icon {position:static;margin:10px 0 10px 0;}a.social-icon.far-left {margin-left:10px;}
	#network .m-site-logo {position:static;float:right;width:35%;display:table-header-group;margin-right:15px;}
	#network .m-site-copy {display:table-footer-group;}
	.site-logo {margin:5px;max-width:100%;background-size:100%;background-repeat:no-repeat;}
	.funfacts-flex .flex-item{width:50%;padding-top:30%;}
	.timeline .divider{display:none;}
}
@media (max-width:970px) {
	.left-dots,.right-dots {display:none;}
	.center {display:block;}
}