.wrapper, .content, .content .container, .full_width{
    background-color: unset;
}

#suite-page{
    margin-top: 100px;
}
section{
    padding: 50px 0;
}
section .container{
    width: 1200px;
    display: block;
    margin: 0 auto;
    padding: 0 100px;
}
section h2{
    font-family: 'Avenir-Black' !important;
    font-size: 40px;
    color: #172b3f;
    margin-bottom: 50px;
}
#page-title{
    padding: 0;
}
#page-title h1{
    font-family: 'Avenir-Black' !important;
    color: #172b3f;
    font-size: 88px;
    width: 100%;
    line-height: 95px;
    margin: 80px 0 55px 0;
}
@media (min-width: 768px) {
    #page-title h1{
        margin: 50px 0 10px 0;
    }
}

.approach-title h1{
	width: 100% !important;
}
#static_image_video h3{
    color: #172b3f;
    font-size: 30px;
}
#static_image_video .text{
    color: #5a5a5a;
    font-size: 20px;
    letter-spacing: 0.7px;
    line-height: 33px;
    margin-top: 20px;
    font-family: 'Avenir-Book';
}
#static_image_video .text a{
	color: #337ab7;
}
#products_slider{
    padding-bottom: 100px;
}
#products_slider .owl-prev,
#products_slider .owl-next,
#posts_carousel .owl-prev,
#posts_carousel .owl-next,
#slider_with_content .owl-prev,
#slider_with_content .owl-next{
    font-size: 50px;
    top: unset;
    bottom: -80px;
}
#products_slider .owl-prev,
#posts_carousel .owl-prev,
#slider_with_content .owl-prev{
    left: unset;
    right: 140px;
}
#products_slider .owl-next,
#posts_carousel .owl-next,
#slider_with_content .owl-next{
    right: 70px;
}
#products_slider .products,
#posts_carousel .posts,
#posts_carousel .blog-posts,
#slider_with_content .accordions-slider{
    margin-left: calc((100vw - 1020px)/2);
    width: calc(100vw - (100vw - 1000px)/2);
}
@media (max-width: 1100px) and (min-width: 999px){
    #products_slider .products .product .title{
        font-size: 24px;
    }
    #products_slider .products, #posts_carousel .posts, #posts_carousel .blog-posts, #slider_with_content .accordions-slider{
        padding-left: 100px;
    }
}
#products_slider .products .product{
	text-align: center;
}
#products_slider .products .product img{
	width: 100%;
	max-width: 200px;
	display: inline-block;
	border-radius: 50%;
}
#products_slider .products .product .title{
    height: auto;
    font-family: 'Avenir';
    color: #172b3f;
    font-size: 28.5px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}
#clients ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#clients ul li{
    display: inline-block;
    margin: 0 10px 10px 0;
}
#case_studies .post{
	padding-bottom: 20px;
}
#case_studies .bx-wrapper{
    border: none;
    box-shadow: none;
}
#case_studies .post a img{
	width: 100%;
}
#case_studies .post h4{
    color: #172b3f;
    font-size: 40px;
    font-family: 'Avenir-Black' !important;
    padding-right: 230px;
    margin-top: 50px;
}
#case_studies .post .tags{
    margin: 40px 0 25px 0;
}
#case_studies .post .tags a {
    display: inline-block;
    background: #172b3f;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 20px;
	margin-right: 5px;
}
#case_studies .post .tags a:hover{
	color: #fff !important;
}
#case_studies .post .text {
    color: #5a5a5a;
    font-size: 20px;
    letter-spacing: 0.7px;
    line-height: 30px;
    margin-top: 20px;
    font-family: 'Avenir-Book';
    margin-bottom: 40px;
}
#case_studies .bx-wrapper .bx-pager a {
    width: 40px;
    border-radius: 0;
    background: rgba(90, 90, 90, 0.2);
}
#case_studies .bx-wrapper .bx-pager a.active{
    background: #172b3f;
}
#posts_carousel .blog-posts{
	position: relative;
}
#posts_carousel .blog-posts:before {
	content: '.';
	display: block;
	position: absolute;
	height: 100%;
	background: #ffffff;
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) , rgba(255,255,255,1), rgba(255,255,255,0));
	background: -o-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));
	background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));
	background: linear-gradient(to right, rgba(255,255,255,1) , rgba(255,255,255,1), rgba(255,255,255,0));
	width: 50px;
	z-index: 999999;
	text-indent: 999999px;
}
.blog-posts .postscarousel .owl-item{
    margin-left: 7px
}
#contact{
    text-align: center;
}
#contact #find-out-more{
    letter-spacing: 2px;
    padding: 20px 90px;
}
#contact #find-out-more:after{
	/* Don't work on my local with this code */
    /* transform: translate3d(0,calc(100% - 10px),0);
    -webkit-transform: translate3d(0,calc(100% - 10px),0); */
}
#contact h4 {
    font-size: 30px;
    font-family: Avenir;
    color: #172b3f;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

@media (max-width: 414px) and (max-width: 375px){
     #contact h4 {
    font-size: 21px !important;
    }
}

@media (max-width: 320px){
     #contact h4 {
    font-size: 18px !important;
    }
}


#slider_with_content .accordions-slider {
    margin-bottom: 100px;
}
#slider_with_content .accordions-slider .product{
    text-align: center;
}
#slider_with_content .accordions-slider .product a{
    display: block;
    position: relative;
    padding-bottom: 35px;
}
.owl-item.active .product.active a:after {
    content: '.';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: linear-gradient(to right, #12263a, #78ddf8 33%, #be79c8 66%, #ff60ab);
    text-indent: -999999px;
    z-index: 999999;
}
#slider_with_content .accordions-slider .title{
    height: auto;
    font-family: 'Avenir';
    color: #172b3f;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}
@media (max-width: 1024px){
	#slider_with_content .accordions-slider .title{
		font-size: 23px;
	}
}
#slider_with_content .accordions-slider img {
    border-radius: 50%;
    width: 200px;
    display: inline-block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
@media(min-width: 992px){
	#slider_with_content .accordions-content .accordion{
		display: none;
	}
	#slider_with_content .accordions-content .accordion:nth-child(2){
		display: block;
    }
}
#slider_with_content .accordions-content .ui-widget-content{
    border: 0;
    background: none;
}
#slider_with_content .accordions-content .ui-accordion-content-active{
    height: 100% !important;
}

#slider_with_content .accordions-content .accordion .image{
    width: 100%;
    min-height: 500px;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 3px 2px 25px #ccc;
}
#slider_with_content .accordions-content .accordion .title{
    height: auto;
    font-family: 'Avenir-Black' !important;
    font-size: 40px;
    color: #172b3f;
    margin-bottom: 30px;
}
#slider_with_content .accordions-content .accordion .content{
    color: #5a5a5a;
    font-size: 20px;
    letter-spacing: 0.7px;
    line-height: 30px;
    margin-top: 20px;
    font-family: 'Avenir-Book';
    margin-bottom: 40px;
    min-height: unset !important;
}
#slider_with_content .accordions-content .accordion .content .content-button{
	margin-top: 50px;
}
#slider_with_content .accordions-content .accordion .content .content-button a{
	padding-left: 50px;
	padding-right: 50px;
}
section#related_posts {
	padding-bottom: 0;
}
section#related_posts .col-md-6 {
	display: table;
	height: 200px;
	position: relative;
	background-size: cover;
	background-position: center;
}

section#related_posts .col-md-6:after {
	content: '.';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #374f6680;
}
section#related_posts .col-md-6 a {
	color: #ffffff;
	font-size: 30px;
	font-weight: 900;
	z-index: 999999;
	position: relative;
	display: table-cell;
	vertical-align: middle;
    max-width: 90%;
    width: 80%;
}
section#related_posts .col-md-6 a:hover{
	color: #ffffff !important;
}
section#related_posts .col-md-6 a img{
	margin: -5px 7px 0;
}

#related_posts .left-posts-suits span{
	text-align: right;
	display:  table-cell;
	z-index:  9999;
	position:  relative;
	vertical-align:  middle;
}
#related_posts .right-posts-suits span{
	text-align: left;
	display:  table-cell;
	z-index:  9999;
	position:  relative;
	vertical-align:  middle;
}
#related_posts .left-posts-suits span a, #related_posts .right-posts-suits span a{
	display: block;
    max-width: 100%;
    width: auto;
}
#clients .slider .owl-stage, #clients .logos .owl-stage{
	display: block;
}
#clients .slider .owl-stage .owl-item, #clients .logos .owl-stage .owl-item{
	display: inline-block;
	text-align: center;
	padding: 0px 0px 80px;
}
#clients .logos .owl-stage .owl-item{
	padding: 0px 0px 0px;
}
#clients .slider .owl-stage .owl-item h3{
	height: 41px;
	object-fit: contain;
	font-family: Avenir;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0.7px;
	color: #5a5a5a;
}
#clients .slider .owl-nav, #clients .logos .owl-nav{
	display: none;
}
#clients .slider, #clients .logos{
	overflow: hidden;
}
#static_content .text {
	padding-top: 50px;
	color: #5a5a5a;
	font-size: 20px;
	letter-spacing: 0.7px;
	line-height: 33px;
	margin-top: 20px;
	font-family: 'Avenir-Book';
}
#static_content.full-width .text{
	padding-top: 0;
	margin-top: 0;
}
#static_content.full-width .image{
	margin-top: 40px;
	text-align: center;
}
#static_content .contentRow > .column {
    width: 45%;
    display: inline-block;
}
#static_content .contentRow > .column:first-of-type {
    margin-right: 5%;
}
#static_content .contentRow > .column > div{
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: 15px;
}
#static_content .contentRow > .column > div > img{
    margin-right: 8px;
    width: 65px;
    height: 65px;
}
.show-animation{
	display: inline-block;
}
@media(max-width: 1200px){
    section .container{
        width: 100%;
        padding: 0 100px;
    }
}
.desktop{
	display:block !important;
}
.mobile{
	display:none !important;
}
.float-r{
	float: right;
}
@media(max-width: 991px){
	.desktop{
		display:none !important;
	}
	.mobile{
		display:block !important;
	}
	section .container{
        width: 100%;
        padding: 0 10%;
    }
	section{
        padding: 30px 0;
    }
	.float-r{
		float: none;
	}
	.mobilefw{
		padding: 0;
		margin: 0 -10%;
	}
	header.fixed{
		background: rgb(23, 43, 63);
	}
	section h2{
		font-size: 23px;
		line-height: 1.22;
		letter-spacing: 0.3px;
		color: #172b3f;
	}
	section h2:after {
		content: '.';
		display: block;
		background-image: linear-gradient(to right,#12263a,#78ddf8,#be79c8,#ff60ab);
		clear: both;
		line-height: unset;
		font-size: 10px;
		width: calc(100% + 100vw/10 + 20px);
		height: 6px;
		text-indent: 999999px;
		left: calc(-100vw/10);
		position: absolute;
		margin-top: 10px;
	}
	#page-title h1{
		width: 100% !important;
		font-size: 40px;
		line-height: 1.06;
		color: #172b3f;
	}	
	#static_image_video .mediawrap{
		margin-bottom: 31px;
	}
	#static_image_video .mediawrap img{
		width: 100%;
	}
	#static_image_video .play-icon img{
		width: 30px;
	}
	#static_image_video h3{
		font-size: 26px;
		line-height: 1.37;
		letter-spacing: 0.3px;
		color: #172b3f;
	}
	#static_image_video .text{
		font-size: 18px;
		line-height: 1.56;
		letter-spacing: 0.7px;
		color: #5a5a5a;
	}
	#products_slider{
		padding-bottom: 90px;
	}
	#products_slider h2{
		max-width: 240px;
	}
	#products_slider h2:after{
	    max-width: calc(240px + 10%);		
	}
	#products_slider .products{
		margin: 0 auto;
		width: 100%;
	}
	#products_slider .products .product img{
		max-width: 40px;
		height: auto;
		display: inline-block;
		vertical-align: middle;
	}
	#products_slider .products .product .title{
		font-size: 20px;
		font-family: 'Avenir-Heavy';
		line-height: 1.2;
		text-align: left;
		color: #172b3f;
		margin-left: 45px;
		width: 60%;
		top: 0;
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	#clients{
		padding-bottom: 0;
	}
	#clients h2{
		max-width: 210px;
	}
	#clients h2:after{
	    max-width: calc(280px + 10%);
	}
	#clients ul li{
		float:left;
		width: 46%;
		max-width: 46%;
	}
	#clients ul li:nth-child(2n+1){
		clear:both;
	}
	#clients ul li img{
		max-width: 100%;
	}
	#case_studies{
		padding-bottom: 0;
	}
	#case_studies .post{
		margin-right: 0 !important;
	}
	#case_studies .post h4{
		font-size: 30px;
		font-family: 'Avenir-Heavy';
		color: #172b3f;

	}
    #case_studies .post h4,
    #case_studies .post .tags,
    #case_studies .post .text{
        padding: 0 10%;
    }
	#case_studies .post .btn-gradient-background{
		margin: 0 10%;
	}
	#case_studies .post .post-content .tags a{
		margin-bottom: 10px;
	}
	#case_studies .container{
		padding: 0;
	}
	#case_studies .container h2{
		padding: 0 0 0 10%;
	}
	.blog-posts .post {
		margin-left: -30px;
	}
	.blog-posts .post h4{
		margin-left: -40px;
	}
	.blog-posts .post .tags a {
		padding: 0 10px;
		line-height: 2;
	}
	.blog-posts .postscarousel .owl-stage-outer {
		min-height: 550px;
	}
	#slider_with_content .container.accordionwrap{
		padding: 0;
	}
	#slider_with_content .accordions-slider{
		margin-bottom: 0;
	}
	.ui-accordion .ui-accordion-header{
		background: none;
		border: 0;
		min-height: 90px !important;
	}
	.ui-accordion .ui-accordion-header img{
		width: 64px;
		height: 64px;
		border-radius: 50%;
		float:left;
	}
	.ui-accordion .ui-accordion-header .title{
		margin-left: 90px;
		margin-top: -5px;
		font-size: 20px;
		font-family: 'Avenir-Heavy';
		line-height: 1.2;
		color: #172b3f;
		max-width: 160px;
	}
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
		left: auto !important;
		right: 50px;
		width: 18px !important;
		height: 10px !important;
		background-position: 0 0 !important;
	}
	.ui-accordion .ui-accordion-icons{
		padding-left: 2.2em;
		padding-right: 2.2em;
	}	
	.ui-state-default .ui-icon{
		background-image: url(../../img/acc-close.png) !important;
	}
	.ui-state-active .ui-icon{
		background-image: url(../../img/acc-open.png) !important;
	}
	.ui-accordion .ui-accordion-content, .ui-accordion .ui-accordion-content .col-md-4{
		padding: 0 !important;
		background: transparent;
		height: auto !important;
	}
	.ui-accordion .ui-accordion-content .col-md-7{
		padding: 0 10%;
		padding-top: 25px;
	}
	.ui-accordion .ui-accordion-content .col-md-7 .title{
		display: none;
	}	
	.ui-accordion .ui-accordion-content{
		clear: both;
		border: 0;
		padding-bottom: 50px !important;
	}
	#slider_with_content .accordions-content .accordion .content .content-button{
		text-align: center;
	}
	.bx-wrapper .bx-pager{
		padding-top: 50px;
		position: relative;
	}
	#posts_carousel h2{
		width: auto;
	}
	#posts_carousel h2:after{
	    max-width: calc(350px + 10%);
	}
	#slider_with_content h2{
		width: 240px;
	}
	#slider_with_content h2:after{
	    max-width: calc(280px + 10%);
	}
	.ui-accordion .ui-accordion-header .title {
		margin-top: 0;
		padding-top: 10px !important;
	}
	.postscarousel .owl-nav{
		margin-top: 50px;
	}
	#slider_with_content .accordions-content .accordion .image{
		height: 100%;
	}
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 414px)
  and (max-device-width: 667px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2)
{
   #posts_carousel h2{
		width: auto !important;
	}
 }

@media (max-width: 900px){
	#related_posts .left-posts-suits, #related_posts .right-posts-suits{
		height: 120px;
	}
	section#related_posts .col-md-6 a{
		font-size: 15px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		width: 70%;
		max-width: 80%;
	}
	#related_posts .left-posts-suits span{
		padding-left:  15px;
	}
	#related_posts .right-posts-suits span{
		padding-right:  15px;
	}
	#products_slider .product{
		height: 55px;
		max-width: 450px;
		display: block;
		margin: 20px 0;
		text-align: left;
	}
	#products_slider .title {
		padding: 0 !important;
	}
	#products_slider .products .product .title{
		margin-top: 0;
	}
	
}
@media(max-width: 768px) and (min-width: 768px){
	.blog-posts .post {
		margin-left: 150px;
	}
	.blog-posts .postscarousel .owl-stage-outer{
		min-height: 470px;
	}
}

@media (max-width: 900px){
	#contact #find-out-more{
		padding: 20px;
		color: #12263a !important;
	}
	#posts_carousel{
		padding-bottom: 20px;
	}
}
@media (max-width: 750px){
	#clients ul li:nth-child(2n+1){
		clear: none;
	}
	#clients ul{
		width: 100%;	
	}
	#clients ul li{
		max-width: 30%;
	}
	#slider_with_content .accordions-content .accordion .image{
		min-height: 290px;
	}
}
@media (min-width: 601px){
	#contact2{
		display: none;
	}
}
@media (max-width: 600px){
	#products_slider .products .product{
		height: 55px;
		margin: 25px 0;
	}
	#contact2{
		text-align: center;
		display: block;
		padding-top: 0px;
	}
	#clients ul li:nth-child(2n+1){
		clear: both;
	}
	#clients ul li{
		max-width: 46%;
	}
	#products_slider{
		padding-bottom: 50px;
	}
	#slider_with_content .accordions-content .accordion .image{
		min-height: 200px;
	}
	.postscarousel .owl-nav{
		margin-top: 80px;
    }

    #static_content .contentRow > .column {
        width: 100%;
        display: inline-block;
    }
    #static_content .contentRow > .column:first-of-type {
        margin-right: 0;
    }
}

/*-- Guilds Section --*/
#fullpage-sections section.guilds-section{
    background-color: #ffffff;	
}
.guilds-section .gradient-bottom-line{
	padding-top: 72px;
	padding-bottom: 55px;
	width: 440px;
}
.guilds-section .gradient-bottom-line:after{
	/*width: 520px;*/
	width: calc((100vw - 1200px)/2 + 100% + 20px - 20px);
}
.guilds-icons{
    text-align: center;
    margin-top: 50px;
    height: 70px;
}
.guilds-icons > div{
    display: inline-block;
    margin-right: 45px;
    position: relative;
}
.guilds-icons .icon {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.guilds-icons .in{
    opacity: 1;
    bottom: 0 !important;
}
.guilds-icons .left.in{
    left: 0 !important;
}
.guilds-icons .right.in{
    right: 0 !important;
}
.guilds-icons .icon img{
    width: 70px;
}
.guilds-icons > div:last-child{
    margin-right: 0;
}
.guilds-container {
    max-width: 1200px;
    margin: 60px auto 0 auto;
}
@media (max-width: 1025px){
    .guilds-container {
        max-width: 90%;
    }
}
.guilds-container .guild {
    padding-left: 30px;
    padding-right: 30px;
}
.guilds-container .guild .guild-content{    
    position: relative;
    padding-top: 75px;
    padding-left: 30px;
	height: 250px;
}
.guilds-container .guild.engage .guild-content{
    background-image: linear-gradient(222deg, #f7a0d2, #eb67a6);
}
.guilds-container .guild.make .guild-content{
    background-image: linear-gradient(216deg, #99dff6, #60bcea);
}
.guilds-container .guild.run .guild-content{
    background-image: linear-gradient(223deg, #c28fcf, #8f56a2);
}
.guilds-container .guild.evolve .guild-content{
    background-image: linear-gradient(216deg, #1ad58c, #01b06c);
}
.guilds-container .guild .title{
    color: #132c3f;
    font-size: 40px;
    font-family: 'Avenir-Heavy' !important;
    position: absolute;
    top: 10px;
    left: -35px;
    height: auto;
    width: auto;
    cursor: default;
    font-weight: 900;
}
.guilds-container .guild .departments{
    list-style: none;
}
.guilds-container .guild .departments li{
    line-height: 35px;
}
.guilds-container .guild .departments li a{
    color: #ffffff;
    font-size: 15px;
    font-family: 'Avenir-Heavy' !important;
    letter-spacing: .5px;
}
.guilds-container .guild .departments li a:hover{
    color: #ffffff !important;
}
.guilds-container .guild .departments li a img{
    width: 24px;
    height: 24px;
    margin-top: -5px;
    margin-right: 15px;
}
section.guilds-section .content{
	display:block;
}
section .content .custom-container{
    /*margin: 100px 0 0 0;*/
}
section.guilds-section .content .custom-container{
    width: 100%;
    margin: 0 auto;
}
section.guilds-section .content .custom-container.box-85{
    width: 85%;
    margin: 0 auto;
} */
section.guilds-section .mw1100{
	max-width: 1100px;
	width: 100%;
	text-align:left !important;
	margin: 0 auto;
}
section.guilds-section h2{
	font-size: 40px;
    font-family: 'Avenir-Black' !important;
    text-align: left;
    color: #172b3f;    
    margin: 0 auto;
	margin-bottom: 40px;
}
section.guilds-section .mw1100 h3{
	width: 100%;
	max-width: 802px;
	font-size: 20px;
	margin:0 auto;
	line-height: 1.8;
	letter-spacing: 0.7px;
	text-align: center !important;
	color: #5a5a5a;	
    font-weight: normal;
	font-family: 'Avenir-Book' !important;
}
section#posts_carousel a.see-all{
    display: block;
    z-index: 999999;
    position: absolute;
    right: 10px;
    margin-top: -90px;
    font-size: 15px;
    font-family: 'Avenir-Heavy' !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: #172b3f;
}

html.fancybox-enabled body.page-template-front_page_new_design .fancybox-is-open .fancybox-bg{
    opacity: .9;
}
html.fancybox-enabled body.page-template-front_page_new_design .wrapper{
    webkit-filter: unset;
    -moz-filter: unset;
    -o-filter: unset;
    -ms-filter: unset;
    filter: unset;
}
#modal-guilds {
    display: none;
    width: 900px;
    padding: 0;
    min-height: 200px;
    box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.25);
}
#modal-guilds .title{
    text-align: center;
    height: auto;
    font-size: 30px;
    color: #ffffff;
    font-family: 'Avenir-Black' !important;
    letter-spacing: 1.5px;
    padding: 30px 0px;
}
#modal-guilds .title span{
    display: inline-block;
    width: 45px;
    height: 25px;
    background-size: contain !important;
    margin-right: 5px;
    margin-bottom: -1px;
    background-repeat: no-repeat !important;
}
#modal-guilds.engage .title{
    background-image: linear-gradient(96deg, #eb67a6, #f7a0d2);
}
#modal-guilds.engage .title span{
    background: url('../img/guilds-icons/engage-white-icon.png');
}
#modal-guilds.make .title{
    background-image: linear-gradient(96deg, #60bcea, #99dff6);
}
#modal-guilds.make .title span{
    background: url('../img/guilds-icons/make-white-icon.png');
}
#modal-guilds.run .title{
    background-image: linear-gradient(96deg, #8f56a2, #c28fcf);
}
#modal-guilds.run .title span{
    background: url('../img/guilds-icons/run-white-icon.png');
}
#modal-guilds.evolve .title{
    background-image: linear-gradient(96deg, #01b06c, #1ad58c);
}
#modal-guilds.evolve .title span{
    background: url('../img/guilds-icons/evolve-white-icon.png');
}

#modal-guilds .fancybox-close-small{
    z-index: 99999;
    width: auto;
    height: auto;
    top: 35px;
    right: 20px;
}
#modal-guilds .fancybox-close-small:after{
    font-size: 60px;
    font-weight: normal;
    width: auto !important;
    height: auto !important;
    background: none;
    border-radius: unset;
    color: #ffffff;
    font-family: initial;
    top: 0;
    right: 0;
    line-height: 35px;
}
#modal-guilds .owl-carousel .owl-nav .owl-prev,
#modal-guilds .owl-carousel .owl-nav .owl-next{
    top: 50%;
    transform: translateY(-14px);
}
#modal-guilds .owl-carousel .owl-nav .owl-prev span,
#modal-guilds .owl-carousel .owl-nav .owl-next span{
    width: 28px;
    height: 28px;
    display: block;
    background-size: cover !important;
    text-indent: -999999px;
}
#modal-guilds .owl-carousel .owl-nav .owl-prev span{
    background: url('../img/arrow-left.png');
}
#modal-guilds .owl-carousel .owl-nav .owl-next span{
    background: url('../img/arrow-right.png');
}
#modal-guilds .departments-description .item{
    padding: 85px 0px;
}
#modal-guilds .departments-description .item .description{
    position: relative;
    width: 560px;
    margin: 0 auto;
    padding: 130px 40px 100px 40px;;
}
#modal-guilds.engage .departments-description .item .description{
    background: rgba(255,65,174,.1);
}
#modal-guilds.make .departments-description .item .description{
    background: rgba(54,189,255,.1);
}
#modal-guilds.run .departments-description .item .description{
    background: rgba(189,29,250,.1);
}
#modal-guilds.evolve .departments-description .item .description{
    background: rgba(35,216,143,.1);
}
#modal-guilds .departments-description .item .description .department-title,
#modal-guilds .departments-description .item .description .author,
#modal-guilds .departments-description .item .description a{
    position: absolute;
}
#modal-guilds .departments-description .item .description .department-title{
    font-size: 30px;
    font-family: 'Avenir-Black' !important;
    color: #12263a;
    text-transform: uppercase;
    top: 35px;
    left: -65px;
}
#modal-guilds .departments-description .item .description .author{
    top: -36px;
    right: 40px;
}
#modal-guilds .departments-description .item .description .author img{
    border-radius: 50%;
}
#modal-guilds .departments-description .item .description a{
    font-size: 14px;
    color: #12263a;
    border: 2px solid #12263a;
    font-family: 'Avenir-Black' !important;
    padding: 15px 35px;
    right: 40px;
    bottom: 15px;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
}
#modal-guilds .departments-description .item .description a:hover{
    color: #ffffff !important;
}
#modal-guilds .departments-description .item .description a:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #78ddf8, #ff60ab, #78ddf8);
    -webkit-transform: translate3d(0,calc(100% - 5px),0);
    transform: translate3d(0,calc(100% - 5px),0);
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    background-size: 200%;
}
#modal-guilds .departments-description .item .description a:hover:after{
    z-index: -1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: gradWander 10s linear infinite;
    animation: gradWander 10s linear infinite;
}
#modal-guilds .departments-description .item .description a:active:after{
    bottom: -100%;
    z-index: 999;
    top: calc(100% - 5px);
    transform: none !important;
    animation: unset;
}
#modal-guilds .departments-description .item .description a:active{
    background: #172b3f;
    color: #ffffff;
}
@keyframes gradWander {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 200% 0%;
    }
}
@media (max-width: 1500px){
    .guilds-container .guild{
        padding-left: 20px;
        padding-right: 20px;
    }
    .guilds-container .guild .title{
        font-size: 35px;
        left: -25px;
    }
    .guilds-container .guild .guild-content{
        padding-left: 25px;
    }
    .guilds-container .guild .departments li a{
    font-size: 15px;
    }
}
@media (max-width: 1300px){
    .guilds-container .guild .guild-content{
        padding-top: 65px;
        min-height: 230px;
    }
}
@media (max-width: 1250px){
    .guilds-container .guild{
        padding-left: 15px;
        padding-right: 15px;
    }
    .guilds-container .guild .guild-content{
        padding-top: 55px;
        min-height: 195px;
        padding-left: 15px;
    }
    .guilds-container .guild .title{
        font-size: 25px;
        left: -15px;
    }
    .guilds-container .guild .departments li{
        line-height: 30px;
    }
    .guilds-container .guild .departments li a{
        font-size: 13px;
    }
    .guilds-container .guild .departments li a img{
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
}
@media (max-width: 992px){
    .guilds-icons .icon{
        position: relative;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        opacity: 1;
    }
    .guilds-container .guild {
        padding-left: 40px;
        padding-right: 30px;
        margin-bottom: 35px;
    }
    .guilds-container .guild .title {
        font-size: 40px;
        left: -35px;
        padding: 0 !important;
        top: 10px;
    }
    .guilds-container .guild .guild-content {
        padding-top: 80px;
        min-height: 240px;
        padding-left: 30px;
    }
    .guilds-container .guild .departments li{
        line-height: 35px;
    }
    .guilds-container .guild .departments li a {
        font-size: 14px;
    }
    .guilds-container .guild .departments li a img {
        width: 24px;
        height: 24px;
        margin-right: 15px;
    }
    .guilds-container .guild:hover .callout{
        display: none;
    }
    #modal-guilds{
        width: 90%;
    }
    #modal-guilds .departments-description .item .description{
        width: 70%;
    }
    #modal-guilds .departments-description .item .description .department-title{
        left: -20px;
    }
    .guilds-section .gradient-bottom-line{
        width: 550px;
    }
	.our-ecosystem .gradient-bottom-line:after {
        width: 260px !important;
    }
    .guilds-section .gradient-bottom-line:after {
        width: 560px;
    }
    .normal-scroll-content section#our-services{
        width: 100%;
    }
    .normal-scroll-content section.pods-section{
        padding: 0 20px !important;
    }
    .pods-section .gradient-bottom-line{
        margin: 0 !important;
        width: 300px;
    }
    .pods-section .gradient-bottom-line:after {
        width: 310px !important;
    }
}
@media (max-width: 660px){
    .guilds-section .gradient-bottom-line{
        width: 330px;
    }
    .guilds-section .gradient-bottom-line:after {
        width: 340px;
    }
}
@media (max-width: 414px){
    .guilds-icons{
        margin-top: 25px;
    }
    .guilds-icons > div{
        margin-right: 15px;
    }
    .guilds-icons .icon img{
        width: 120px;
    }
    .guilds-container{
        margin-top: 40px;
		max-width: 80%;
    }
    .guilds-container .guild {
        padding-left: 35px;
        padding-right: 20px;
    }
    #modal-guilds .title{
        padding: 5px 0 !important;
    }
    #modal-guilds .fancybox-close-small{
        top: 10px;
        right: 15px;
    }
    #modal-guilds .fancybox-close-small:after{
        font-size: 40px;
    }
    #modal-guilds .departments-description .item .description .author{
        width: 52px;
        height: 52px;
        top: -30px;
        right: 25px;
    }
    #modal-guilds .departments-description .item .description .department-title{
        font-size: 25px;
    }
    .guilds-section .gradient-bottom-line {
        width: 220px;
    }
    .guilds-section .gradient-bottom-line:after {
        width: 230px;
    }
    .tabs .tab button{
        font-size: 15px;
    }
    #fullpage-sections section:nth-child(1) .content{
        padding-top: 20px !important;
    }
    .pods-section .gradient-bottom-line {
        width: 170px;
    }
    .pods-section .gradient-bottom-line:after {
        width: 170px !important;
    }
}
@media (max-width: 375px){
    .guilds-icons > div {
        margin-right: 10px;
    }
    .guilds-container .guild .guild-content{
        padding-left: 20px;
    }
    .guilds-container .guild .departments li a{
        font-size: 15px;
    }
    .tabs .tab button{
        letter-spacing: 2px;
    }
    #fullpage-sections section:nth-child(1) .content{
        padding-top: 70px !important;
    }
    .tabs .tabcontent .text{
        height: auto;
    }
}
@media (max-width: 320px){
    .guilds-container .guild{
        padding-left: 25px;
    }
    .guilds-container .guild .departments li a{
        font-size: 13px;
    }
    .guilds-container .guild .departments li a img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
}
.normal-scroll-content h2, .normal-scroll-content h3, .normal-scroll-content h4, .normal-scroll-content p{
	color: #ffffff;
}
.normal-scroll-content .offset-image-text{
    width: 900px;
    margin: 100px auto;
    height: 470px;
}
.normal-scroll-content .offset-image-text .container{
    width: auto;
}
.normal-scroll-content .offset-image-text .side{
    width: 620px;
    height: 370px;
    display: block;
    position: absolute;
}
.normal-scroll-content .offset-image-text .side.image{
    left: 0;
    background-size: cover !important;
    z-index: 1;
    overflow: hidden;
}
.normal-scroll-content .offset-image-text .side.image:after{
    /*content: '.';*/
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -999999px;
    background-image: radial-gradient(circle at 4% 2%, rgba(18, 38, 58, 0.78), rgba(17, 38, 57, 0.81) 8%, rgba(17, 38, 57, 0.81) 8%, rgba(16, 37, 56, 0.85) 12%, #0d2234 61%, #12263a);;
    opacity: .5;
}
.normal-scroll-content .offset-image-text .side.image iframe{
    width: 100%;
    height: 100%;
}
.normal-scroll-content .offset-image-text .side.text{
    right: 0;
    margin-top: 100px;
    background: radial-gradient(circle at 98% 97%, #374f66, #0d2234 61%, #12263a);
}
.normal-scroll-content .offset-image-text .side.text .text-box{
    float: right;
    font-size: 15px;
    color: #ffffff;
    font-weight: 900;
    margin: 70px 30px;
    width: 210px;
    letter-spacing: .5px;
}

@media(max-width: 992px){
	section.guilds-section h2 {
		font-size: 23px;
    font-family: 'Avenir-Black' !important;
    text-align: left;
    color: #172b3f;
    margin: 0 auto;
    margin-bottom: 40px;
    padding-left: 10px;
    display: block;
    float: left;
    clear: left;
    }
    section.guilds-section h3 {
        padding:0 10px;
        clear: both;
        text-align: left;
    }
    .guilds-section .guildwrap .custom-container .text-center .guilds-architecture{
        padding:0 10px;
        width: initial!important;
        text-align: left!important;
    }
	/*section.guilds-section h2:after {
		width: 420px !important;
	}*/
	section.guilds-section .mw1100 h3 {
		width: 80% !important;
		text-align: left !important;
		margin-bottom: 40px;
	}
    .normal-scroll-content .offset-image-text{
        width: 100%;
        height: auto;
        margin: 35px 0 60px 0;
    }
    .normal-scroll-content .offset-image-text .side{
        position: relative;
    }
    .normal-scroll-content .offset-image-text .side.image{
        width: 100%;
    } 
    .normal-scroll-content .offset-image-text .side.text {
        width: 90%;
        margin: 0 auto;
        height: auto;
        padding: 20px;
    }
    .normal-scroll-content .offset-image-text .side.text .text-box{
        float: none;
        margin: 0;
        width: 100%;
    }
	.guilds-icons {
		text-align: center;
		margin-top: 50px;
		height: auto;
		width: 50%;
		margin: 0 auto;
		overflow: hidden;
	}
	.guilds-icons>div {
		display: inline-block;
		margin-right: 0;
		position: relative;
		float: left;
		width: 50%;
	}
	
	.guilds-icons .icon img{
        width: 75%;
    }
    .guilds-container{
		max-width: 80%;
    }
	section#posts_carousel a.see-all{
		display: none !important;
	}
}

.guildwrap a:hover{
	text-decoration: underline;
}
.blog-posts .post .post-content {
   padding: 25px 30px 30px;
   min-height: 518px;
}
#customers_content .customer{
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}
#customers_content .customer .image{
	text-align: center;
}
#customers_content .customer .name{
	font-size: 40px;
	line-height: 40px;
	font-weight: 900;
	color: #172b3f;
	font-family: 'Avenir-Black' !important
}
#customers_content .customer .description{
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: 0.7px;
	color: #5a5a5a;
}
@media (max-width:992px){
	#customers_content .customer .name{
		font-size: 30px;
		line-height: 30px;
	}
	#customers_content .customer .description{
		font-size: 18px;
	}
	#customers_content h2{
		width: 100%;
	}
	#customers_content h2:after{
        width: calc((100vw - 900px)/2 + 100% + 20px);
	}
	.blog-posts .post .post-content {
		min-height: 500px;
	}
}
@media (max-width: 740px){
    #customers_content h2{
        max-width: 480px;
	}
    #customers_content h2:after{
        width: calc(100% + 20px);
    }
    .height-space-edit{
        display: none;
    }
}
@media (max-width: 740px) and (orientation: landscape){
    #customers_content h2:after{
        width: calc(100% + 70px);
	}
}
@media (max-width:414px){
	#customers_content .customer .name{
		font-size: 20px;
	}
	#customers_content .customer .description{
		line-height: 1;
	}
}
@media (min-width:993px){
	#posts_carousel .blog-posts:before{
		margin-left: -30px;
	}
	.blog-posts .post{
		margin-left: 30px;
	}
}
@media (min-width: 999px) and (orientation: landscape){
    .expanded-menu .page-template-template_suite_page nav.main_menu>ul>li>a,
    .expanded-menu .page-template-template_guilds_page nav.main_menu>ul>li>a, 
    .expanded-menu .page-template-template-our-approach nav.main_menu>ul>li>a, 
    .expanded-menu .page-template-template-pods nav.main_menu>ul>li>a, 
    .expanded-menu .page-template-template-design-engage nav.main_menu>ul>li>a{
        color: #fff !important;
    }
    /* header.scroll_header_top_area.scrolled .search-trigger .white-search{
        display: block;
    } */
    .expanded-menu .page-template-template_suite_page header.light .q_logo img.dark, 
    .expanded-menu .page-template-template_guilds_page header.light .q_logo img.dark, 
    .expanded-menu .page-template-template-our-approach header.light .q_logo img.dark, 
    .expanded-menu .page-template-template-pods header.light .q_logo img.dark, 
    .expanded-menu .page-template-template-design-engage header.light .q_logo img.dark{
        opacity: 0;
    }
    .expanded-menu .page-template-template_suite_page header.light .q_logo img.white, 
    .expanded-menu .page-template-template_guilds_page header.light .q_logo img.white, 
    .expanded-menu .page-template-template-our-approach header.light .q_logo img.white, 
    .expanded-menu .page-template-template-pods header.light .q_logo img.white, 
    .expanded-menu .page-template-template-design-engage header.light .q_logo img.white{
        opacity: 1;
    }
}
#solutions_content .row{
	display: table;
}
#solutions_content .row:before{
	display: none;
}
#solutions_content .col-md-6 {
	padding-left: 61px;
    padding-right: 60px;
	padding-bottom: 64px;
	padding-top: 44px;
	border-bottom: 1px solid #dee3e8;
	display: table-cell;
    float: none;
}
#solutions_content .col-md-6.leftColumn {
    border-right: 1px solid #dee3e8;
}
#solutions_content .lastrow .col-md-6 {
	border-bottom: 0;
}
#solutions_content .col-md-6 h3{
	font-size: 30px;
	font-family: 'Avenir-Heavy';
	font-style: normal;
	font-stretch: normal;
	line-height: 1.13;
	letter-spacing: normal;
	color: #172b3f;
	margin-bottom: 19px;
}

#solutions_content .col-md-6 .text{
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: 0.7px;
	color: #5a5a5a;
}

#solutions_content .col-md-6 .text ul, #solutions_content .col-md-6 .text ol{
	list-style-position: outside;
	padding-left: 30px;
}

#solutions_content .col-md-6 .btn-gradient-background{
	width: 220px;
	text-align: center;
	margin-top: 40px;
}

@media (max-width:992px){
	#solutions_content .col-md-6 {
		display: block;
		border-right: 0 !important;
		padding: 41px 0 !important;
	}
	#solutions_content .lastrow .col-md-6:first-child {
		border-bottom: 1px solid #dee3e8;
	}
	#solutions_content .col-md-6 h3{
		font-size: 20px;
		margin-bottom: 14px;
	}
	#solutions_content .col-md-6 .text{
		font-size: 18px;
		line-height: 1.56;
		letter-spacing: normal;
	}
	#solutions_content .col-md-6 .btn-gradient-background {
		width: 100%;
		max-width: 300px;
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-top: 23px;
	}
	section#related_posts .customrelated .col-md-6 {
		height: 120px;
	}
}
#people .user{
    margin-bottom: 30px;
    padding-right: 0;
	padding-left: 4px;
}

#people .user:after{
    content: '.';
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
}
#people .profile-picture{
    border-radius: 50%;
    display: inline-block;
    padding: 3px;
    background: #d7d7d7;
    float: left;
}
#people .profile-picture img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    max-width: none !important;
}
@media (max-width: 999px){
    #people .profile-picture img{
        width: 110px;
        height: 110px;
    }
}
#people .profile-picture:hover{
    background-image: linear-gradient(to right,#78ddf8,#ff60ab);
}
#people .user-details{
    display: inline-block;
    margin-left: 10px;
    margin-top: 13px;
}
#people .user-details .name{
    font-family: 'Avenir-Black';
    font-size: 18px;
    font-weight: 900;
    line-height: 1.8;
    letter-spacing: 0.7px;
    color: #172b3f;
}
#people .user-details .position,
#people .user-details .email{
    font-family: 'Avenir-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #5a5a5a;
    min-height: 25px;
}
#people .user-details .studio-link a{
	font-weight: 900;
	color:black;
}
#people .user-details .studio-link a:hover{
		color:#0d3c5f;
		text-decoration: underline;
}
#people .user-details .studio-link a span.arrow.navy{
	margin-left: 7px;
	margin-bottom: -3px;
}
#jobs .job{
    margin-bottom: 40px;
}
#jobs .job .job-title{
    font-family: 'Avenir-Heavy';
    font-size: 30px;
    font-weight: 900;
    color: #172b3f;
}
@media (max-width: 1100px){
	#jobs .job .job-title{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		width: 100%;
	}
}
#jobs .job .job-location{
    font-family: 'Avenir-Book';
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    color: #5a5a5a;
    font-weight: normal;
}
#jobs .see-all-jobs{
    text-align: center;
    margin-top: 40px;
}
#jobs .see-all-jobs a.btn-gradient-background {
    letter-spacing: .7px;
    padding-left: 50px;
    padding-right: 50px;
}
#communities{
	padding-bottom: 0;
}
#communities .tabs .tab-link:focus{
    outline: none;
}
#communities .tabs .tab-link{
    border: 2px solid;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Avenir-Heavy';
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1.8px;
    padding: 10px 20px;
}
#communities .tabs .tab-link.active,
#communities .tabs .tab-link:hover{
    background: #ffffff !important;
}
.engage #communities .tabs .tab-link {
    background: #eb67a6;
    border-color: #eb67a6;
}
.make #communities .tabs .tab-link {
    background: #4a90e2;
    border-color: #4a90e2;
}
.run #communities .tabs .tab-link {
    background: #8f56a2;
    border-color: #8f56a2;
}
.evolve #communities .tabs .tab-link {
    background: #08ba75;
    border-color: #08ba75;
}
.engage #communities .tabs .tab-link.active,
.engage #communities .tabs .tab-link:hover{
    color: #eb67a6;
}
.make #communities .tabs .tab-link.active,
.make #communities .tabs .tab-link:hover{
    color: #4a90e2;
}
.run #communities .tabs .tab-link.active,
.run #communities .tabs .tab-link:hover{
    color: #8f56a2;
}
.evolve #communities .tabs .tab-link.active,
.evolve #communities .tabs .tab-link:hover{
    color: #08ba75;
}
#communities .tabs{
    margin-bottom: 67px;
    display: flex;
    flex-wrap: wrap;
}
#communities .owl-dots {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
#communities .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    opacity: .6;
}
#communities .owl-dot:last-child{
    margin-right: 0;
}
#communities .owl-dot.active{
    opacity: 1;
}
.engage #communities .owl-dot{
    background: #eb67a6;
}
.make #communities .owl-dot{
    background: #4a90e2;
}
.run #communities .owl-dot{
    background: #8f56a2;
}
.evolve #communities .owl-dot{
    background: #08ba75;
}
#communities .tabcontent {
    display: none;
    animation: fadeEffect 1s;
    width: 820px;
    min-height: 335px;
    margin: 0 auto 100px auto;
    position: relative;
    padding-top:50px;
}
#communities .tabcontent.active {
    display: block;
}
#communities .tabcontent .text {
    width: 520px;
    padding: 20px 130px 20px 20px;
    /*box-shadow: 3px 4px 10px 0 rgba(0,0,0,.2);*/
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    
    left: 0;
}
#communities .tabcontent .text.no-image {
    width: 100%;
    padding: 20px;
    /*box-shadow: 3px 4px 10px 0 rgba(0,0,0,.2);*/
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50px;
    left: 0;
}
#communities .tabcontent .text h4 {
    position: relative;
    font-family: 'Avenir-Heavy';
    font-size: 30px;
    font-weight: 900;
	margin-left: -60px;
}
@media (min-width: 999px){
	#communities .tabcontent .text h4{
		width: 85%;
	}
}
@media (max-width: 400px){
    #communities .tabcontent .text h4 {
        font-size: 28px;
    }
}
.engage #communities .tabcontent .text h4{
    color: #eb67a6;
	font-size: 40px;
}
.make #communities .tabcontent .text h4{
    color: #4a90e2;
}
.run #communities .tabcontent .text h4{
    color: #8f56a2;
}
.evolve #communities .tabcontent .text h4{
    color: #08ba75;
}
#communities .tabcontent .text p {
    font-family: 'Avenir-Medium';
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    color: #5a5a5a;
}
#communities .tabcontent .image {
    width: 420px;
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 1199px){
    #communities .tabs .tab-link{
        font-size: 13px;
        padding: 10px;
    }
}
@media (max-width: 1100px){
    #communities .tabs .tab-link{
        font-size: 12px;
    }
}
@media (max-width: 1024px){
    #communities .tabs .tab-link{
        font-size: 11px;
        padding: 10px;
    }
}
@media (max-width: 992px){
	#communities .tabs{
		margin-bottom: 30px;
	}
    #communities .tabs .tab-link{
        width: 50%;
    }
    #communities .tabcontent{
        width: 100%;
        height: auto;
        /* margin-bottom: 0; */
    }
    #communities .tabcontent .image{
        display: none;
    }
    #communities .tabcontent .text,#communities .tabcontent .text.no-image {
        position: relative;
        width: 100%;
        padding: 20px 45px 20px 45px;
        top: 20px;
        height: auto;
    }
    #communities .tabcontent .text h4{
        left: -10px;
    }
}
#solutions_content .row{
	display: flex;
	flex-wrap: wrap!important;
}
#solutions_content .item {
	padding-left: 61px;
	padding-right: 60px;
	padding-bottom: 64px;
	padding-top: 44px;
	border-top: 1px solid #dee3e8;
}
#solutions_content .item:nth-child(1),
#solutions_content .item:nth-child(2){
	border-top: none;
}
#solutions_content .item:nth-child(odd) {
	border-right: 1px solid #dee3e8;
}
#solutions_content .item:last-child {
	border-right: 0;
}
#solutions_content .item h3{
	font-size: 28px;
	font-family: 'Avenir-Heavy';
	font-style: normal;
	font-stretch: normal;
	line-height: 1.13;
	letter-spacing: normal;
	color: #172b3f;
	margin-bottom: 19px;
}
#solutions_content .item h3 a{
	font-weight: 700;
}
#solutions_content .item h3 a:hover{
	color:#337ab7;
}
#solutions_content .item .text{
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: 0.7px;
	color: #5a5a5a;
}

#solutions_content .item .text ul,
#solutions_content .item .text ol{
	list-style-position: outside;
	padding-left: 30px;
}

#solutions_content .item .btn-gradient-background{
	width: 261px;
	text-align: center;
	margin-top: 40px;
}
#solutions_content .item .tags{
	margin-bottom: 20px;
}
#solutions_content .item .tags a{
	color: #fff;
	background: #172b3f;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 5px 10px;
	display: inline-block;
	margin: 0 15px 12px 0;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
	#solutions_content .item h3{
		font-size: 20px !important;
	}
}
@media (max-width:992px){
	#solutions_content .item {
		display: block;
		border-right: 0 !important;
		padding: 41px 0 !important;
		width: 100%;
	}
	#solutions_content .item:nth-child(2) {
		border-top: 1px solid #dee3e8;
	}
	#solutions_content .item h3{
		font-size: 20px;
		margin-bottom: 14px;
	}
	#solutions_content .item .text{
		font-size: 18px;
		line-height: 1.56;
		letter-spacing: normal;
	}
	#solutions_content .item .btn-gradient-background {
		width: 100%;
		max-width: 300px;
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-top: 23px;

	}
	section#related_posts .customrelated .col-md-6 {
		height: 120px;
	}
}
section#contact{
	padding-top:30px !important;
}
.negmartop75{
	margin-top: -75px;
}
@media (min-width:993px){
	.flexwrap{
		display: flex;
		flex-direction: row;
		vertical-align: middle;
		justify-content: center;
		align-items: center;
	}
	.flexwrap .col-md-7{
		order: 2;
	}
	.flexwrap .col-md-5{
		order: 1;
	}
	#static_image_video .flexwrap .text{
		margin-top:0 !important;
	}
}
.text>ul>li> a:hover{
	color: #337ab7;
    text-decoration: underline;
}
@media (max-width: 991px){
	.single-guilds-posts #page-title h1{
		margin: 10px 0 0 0;
	}
}
.page-template-template-our-approach.page-id-20567 #slider_with_content .accordions-slider .product a[data-content="3"] div.title{
		display: inline-flex;
	}
@media (max-width: 1400px){
	.page-template-template-our-approach.page-id-20567 #slider_with_content .accordions-slider .product a[data-content="3"] div.title{
		margin-left: -40px;
	}
}
@media (max-width: 1100px){
	.page-template-template-our-approach.page-id-20567 #slider_with_content .accordions-slider .product a[data-content="3"] div.title{
		margin-left: -80px;
	}
}
@keyframes translate-image {
    0% {
        transform: translateY(0px);
    }
    100%{
        transform: translateY(-20px);
    }
}
#slider_with_content .accordions-slider .owl-carousel .owl-stage-outer{
	overflow: visible;
}
#slider_with_content .accordions-slider .product a{
	text-decoration: none !important;
}
#slider_with_content .accordions-slider .product:hover img, #slider_with_content .accordions-slider .product.active img {
    animation: translate-image ease .5s forwards !important;
}


@media (max-width: 999px) {
    #suite-page #static_image_video .d-flex {
        display: block;
    }
}
.accordion-mobile-img img{
	padding: 0 10px;
}

@media (max-width: 480px){
	section#communities h2{
		max-width: 180px;
	}
	#posts_carousel {
		padding: 0px 0 0px;
	}
}
@media (max-width: 800px){
 	#people .profile-picture img {
		width: 70px;
		height: 70px;
	}
	#people .user-details {
		margin-top: 0px;
	}
}
#modal_hubspot .hs-richtext a:hover{
	color: #337ab7;
}
#drivers-list  li,
#drivers-list  li a{
	color: #162b40;
	font-size: 20px;
}