/*
Theme name: Ed Kemp
Description: Custom Theme
Version: 1.0
*/



/* ================================================================ *\
	#Reset
\* ================================================================ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
.body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 320px; background: #f3f3f3; font: 500 14px/1.45 "DINNext Light", sans-serif; color: #797979; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; color: inherit;
	-webkit-transition: color .3s;
	     -o-transition: color .3s;
	        transition: color .3s;
}
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

h1 { font: 700 36px/1.35 "DINNext Regular", sans-serif; color: #fff; }
h1 small { font-weight: 300; font-size: inherit; }

h2 { font: 700 24px "DINNext Regular", sans-serif; }
h4 { padding: 3px 0 16px; font: 400 17px "DINNext Regular", sans-serif; }
h5 { padding-bottom: 13px; font-family: "DINNext Regular"; font-weight: 500; font-size: 18px; }

h2 a:hover,
h4 a:hover { text-decoration: none; color: #000; }

.shell { max-width: 1296px; margin: 0 auto; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.alignnone,
.alignleft,
.alignright,
.aligncenter { margin: 5px 15px 10px; }
.alignleft { margin-left: 0; }
.alignright { margin-right: 0; }
.alignnone { display: block; margin-left: 0; margin-right: 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { position: relative; }
.wp-caption img { width: 100%; }
.wp-caption-text { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: rgba(255, 255, 255,.8); }


.shell:after,
.nav ul:after,
.updates:after,
.article:after,
.container:after { display: table; content: ' '; clear: both; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.ico-chevron-left-white { display: inline-block; background: url(images/ico-chevron-left-white.png) no-repeat 0 0; width: 7px; height: 13px; vertical-align: middle;
	-webkit-background-size: cover;
	        background-size: cover;
}

.ico-chevron-right-white { display: inline-block; background: url(images/ico-chevron-right-white.png) no-repeat 0 0; width: 7px; height: 13px; vertical-align: middle;
	-webkit-background-size: cover;
	        background-size: cover;
}

.ico-chevron-left-grey { display: inline-block; background: url(images/ico-chevron-left-grey.png) no-repeat 0 0; width: 7px; height: 13px; vertical-align: baseline;
	-webkit-background-size: cover;
	        background-size: cover;
}

.ico-chevron-right-grey { display: inline-block; background: url(images/ico-chevron-right-grey.png) no-repeat 0 0; width: 7px; height: 13px; vertical-align: baseline;
	-webkit-background-size: cover;
	        background-size: cover;
}

.ico-chevron-down-grey { display: inline-block; background: url(images/ico-chevron-down-grey.png) no-repeat 0 0; width: 13px; height: 7px;
	-webkit-background-size: cover;
	        background-size: cover;
}

.ico-email { display: inline-block; background: #fff url(images/ico-email.png) no-repeat center center; width: 48px; height: 48px; border-radius: 50%;
	-webkit-background-size: 24px 15px;
	        background-size: 24px 15px;
}

.ico-phone { display: inline-block; background: #fff url(images/ico-phone.png) no-repeat center center; width: 48px; height: 48px; border-radius: 50%;
	-webkit-background-size: 24px 24px;
	        background-size: 24px 24px;
}

.ico-twitter { display: inline-block; background: #fff url(images/ico-twitter.png) no-repeat center center; width: 48px; height: 48px; border-radius: 50%;
	-webkit-background-size: 25px 23px;
	        background-size: 25px 23px;
}

.ico-pinterest { display: inline-block; background: #fff url(images/ico-pinterest.png) no-repeat center center; width: 48px; height: 48px; border-radius: 50%;
	-webkit-background-size: 15px 24px;
	        background-size: 15px 24px;
}

.ico-email,
.ico-phone,
.ico-pinterest,
.ico-twitter { display: none; }

/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */

.link-down { position: relative; font-family: 'DINNext Regular'; }

.header .header-bar .link-down .ico-chevron-down-grey { position: absolute; top: 120%; }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn-menu { position: relative; display: inline-block; height: 30px; padding-top: 9px; z-index: 20; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 2px solid #aadaed; }

.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 2px; background: #aadaed; content: ''; }

.btn-menu span:before { top: -9px; left: 0;}
.btn-menu span:after { top: 5px; left: 0;}

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span {
	-webkit-transition: all .3s linear;
			transition: all .3s linear;
}

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #aadaed; }

.btn-menu.active span:before {
	-webkit-transform: rotate(45deg) translate(3.5px, 6px);
			transform: rotate(45deg) translate(3.5px, 6px);

}
.btn-menu.active span:after {
	-webkit-transform: rotate(-45deg) translate(3.5px, -6px);
			transform: rotate(-45deg) translate(3.5px, -6px); }

.pagetitle { text-align: center; font-size: 32px; display: none; }

.article-image { float: left; width: 300px; margin-right: 20px; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { position: fixed; top: 0; bottom: 0; background: #fff; width: 240px; padding: 100px 33px; z-index: 5; }

.sidebar:before { content: ''; position: absolute; top: 0; right: 100%; width: 999%; height: 100%; background: #fff; }

/* ------------------------------------------------------------ *\
	Avatar
\* ------------------------------------------------------------ */

.avatar { border-radius: 50%; }

.carbon_about .avatar { display: none; }
.carbon_about p { padding-bottom: 15px; font-weight: 300; }

/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */

.carbon_about { border-top: 1px solid #c8c8c8; padding: 41px 0; font: 500 14px/1.45 "DINNext Regular", sans-serif; color: #797979; background: #fff; }
.carbon_about p.mobile { display: none; }

.widgets .carbon_about { padding: 41px 0; }

.carbon_about.medium .socials { display: none; }

.carbon_about .socials .mobile { display: none; }

/* ------------------------------------------------------------ *\
	Brand
\* ------------------------------------------------------------ */

.brand { display: inline-block; padding: 15px 0; font: 300 36px "Museo Slab", sans-serif; }
.brand:hover { text-decoration: none; cursor: default; }

.brand strong { font-weight: 700; color: #39b4dc; }

/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */

/* list-contacts */

.sidebar .socials ul { list-style: none; padding-bottom: 22px; }
.sidebar .socials ul li { position: relative; width: auto; padding-right: 4px; margin-right: 2px; }
.sidebar .socials ul li:after { content: ''; position: absolute; top: 2px; left: 100%; height: 15px; width: 1px; background: #52bde0; }


.sidebar .socials ul li:nth-child(1),
.sidebar .socials ul li:nth-child(2) { display: list-item; }

.sidebar .socials ul li:nth-child(1):after,
.sidebar .socials ul li:nth-child(2):after,
.sidebar .socials ul li:last-child:after { display: none; }

.widgets .sidebar .socials ul li { padding: 0; }

.sidebar .socials ul a { color: #39b4dc; padding-right: 2px;
	-webkit-transition: color .3s;
	     -o-transition: color .3s;
	        transition: color .3s;
}
.sidebar .socials ul li a:hover { color: #33c8f9; text-decoration: none; }

/* list-details */

.list-details { list-style: none; }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { position: relative; float: right;  vertical-align: top; padding: 0 32px; width: calc(100% - 240px); }

.content .page-title { text-align: center; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background: #31a5d3; padding: 34px 31px 57px; margin-bottom: 31px; font: 300 36px/1.35 "DINNext Regular", sans-serif; color: #fff; }

.header .carbon_about { display: none; text-align: center; border-top: 0; }
.header .carbon_about img { display: block; margin: 0 auto; }

.header .header-bar { position: relative; font-weight: 300; display: none; color: #797979; text-align: center; transform: translate3d(0,0,0); }

.header .header-bar a { position: relative; display: inline-block;  }
.header .header-bar a:hover { text-decoration: none; }

.header .header-bar .ico-chevron-down-grey { position: absolute; top: 100%; left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.header .header-bar .btn-menu { display: none; position: absolute; top: 14px; right: 15px;  }
.header .header-bar .brand-small { display: none; position: absolute; top: 10px; left: 12px; }
.header .header-bar .brand-small a { display: block; padding: 5px; }

.header .slider-actions { padding: 0 2px; }

.header .header-bar .slider-prev,
.header .header-bar .slider-next { padding: 0 6px; position: relative; top: 1px; left: 0; }

.header .slider-actions .slider-prev span,
.header .slider-actions .slider-next span { position: relative; top: 0; opacity: 0;
	-webkit-transition: opacity .3s, left .3s;
	     -o-transition: opacity .3s, left .3s;
	        transition: opacity .3s, left .3s;
}
.header .slider-actions .slider-prev span { left: -10px; }
.header .slider-actions .slider-next span { left: 10px; }

.header .slider-actions .hidden-content span { font-size: 0; }

.header .slider-actions a:hover span { left: 0; opacity: 1; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { margin-bottom: 54px; font: 300 16px "DINNext Regular", sans-serif; color: #fff; border-bottom: 1px solid #fff; }

.nav ul { list-style: none; }
.nav li { float: left; margin-right: 46px; padding: 14px 0; }
.nav  .menu a { position: relative; display: inline-block; padding: 10px 0; color: #fff; }

.single-post .nav .current_page_parent a:before,
.nav .current-menu-item a:before { content: ''; position: absolute; bottom: 0; left: 50%; background: url(images/ico-chevron-down-white.png) no-repeat 0 0; width: 13px; height: 7px;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);

		-webkit-background-size: cover;
				background-size: cover;
}

.nav a:hover { text-decoration: none; color: #f1f1f1;
	-webkit-transition: color .3s;
	     -o-transition: color .3s;
	        transition: color .3s;
}

.nav .carbon_about { background: inherit; color: inherit; }
.nav .carbon_about p { padding-bottom: 10px; }
.nav .brand strong { color: #fff; }

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials ul { list-style: none; }
.socials ul li { display: inline-block; padding: 0; width: 134px; }

.socials i { margin-bottom: 4px; }

/* ------------------------------------------------------------ *\
	Slider Update
\* ------------------------------------------------------------ */

.slider-updates { position: relative; }

.slider-updates .slides { list-style: none; }
.slider-updates .slide { backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0);
	    -ms-transform: translateZ(0) scale(1.0);
	     -o-transform: translateZ(0) scale(1.0);
	        transform: translateZ(0) scale(1.0);
}

.slider-updates .owl-item { opacity: 0;
-webkit-transition: opacity .7s;
     -o-transition: opacity .7s;
        transition: opacity .7s;

}
.slider-updates .owl-item.active {
	opacity: 1;
}

.slider-updates .owl-stage {
-webkit-transition-delay: .7s !important;
     -o-transition-delay: .7s !important;
        transition-delay: .7s !important;

}

.header-content .slider-updates .slider-actions { position: absolute; top: calc(100% + 10px); left: 0; width: 100%; font: 300 18px "DINNext Regular", sans-serif; }

.slider-updates .slider-next:after,
.header-content .slider-actions .slider-next:after { content: ''; display: inline-block; background: url(images/ico-chevron-right-white.png) no-repeat 0 0; width: 7px; height: 13px; vertical-align: middle; margin-left: 10px;
	-webkit-background-size: cover;
	        background-size: cover; }

.slider-updates .slider-next:after { background-image: url(images/ico-chevron-right-grey.png); }

.slider-updates .slider-prev:before,
.header-content .slider-actions .slider-prev:before { content: ''; display: inline-block; background: url(images/ico-chevron-left-white.png) no-repeat 0 0; width: 7px; height: 13px; vertical-align: middle; margin-right: 10px;
	-webkit-background-size: cover;
	        background-size: cover; }

.slider-updates .slider-prev:before { background-image: url(images/ico-chevron-left-grey.png); }

.slider-updates .slider-actions-secondary { top: auto; bottom: 14px; z-index: 5; }

.slider-actions a {
	-webkit-transition: opacity .3s;
	     -o-transition: opacity .3s;
	        transition: opacity .3s;
}
.slider-actions a:hover { text-decoration: none; opacity: .7; }

.slider-updates .slider-next:after,
.slider-updates .slider-prev:before { position: relative; top: 0; left: 0;
	-webkit-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.slider-updates .slider-actions .slider-next:hover:after { position: relative; left: 3px; top: 0; }
.slider-updates .slider-actions .slider-prev:hover:before  { position: relative; left: -3px; top: 0; }

.slider-updates .slider-next { float: right; }
.slider-updates .slider-next i { margin-left: 7px; }

.slider-udaptes .slider-actions a {
	-webkit-transition: margin .3s;
	     -o-transition: margin .3s;
	        transition: margin .3s;
}

.slider-updates .slider-prev i { margin-right: 7px; }

.slider-updates .owl-carousel .owl-item img { width: auto; }

.updates li:first-child p { width: 50%; }

.slider-updates .slider-prev,
.slider-updates .slider-next { opacity: 1; position: relative; top: 0;
	-webkit-transition: opacity .3s;
	     -o-transition: opacity .3s;
	        transition: opacity .3s;
}

.slider-prev.active,
.slider-next.active { opacity: 0; }

/* ------------------------------------------------------------ *\
	Slider Updates
\* ------------------------------------------------------------ */

.slider-updates-secondary .slider-next i { display: inline-block; background: url(images/ico-chevron-right-grey.png) no-repeat 0 0; width: 7px; height: 13px; vertical-align: middle;
	-webkit-background-size: cover;
	        background-size: cover; }

.slider-updates-secondary .slider-prev i { display: inline-block; background: url(images/ico-chevron-left-grey.png) no-repeat 0 0; width: 7px; height: 13px; vertical-align: middle;
	-webkit-background-size: cover;
	        background-size: cover; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { padding-bottom: 32px; display: table; }

.content .section { display: block; }

.section .section-image { display: table-cell; vertical-align: top; width: 77.47%; padding-right: 3.03%; }
.section .section-image img { width: 100% !important; height: auto;  }
.section img.alignright { padding-left: 30px; margin: 0; }
.section .section-content { display: table-cell; vertical-align: top; width: 22.53%; padding: 14px; border: 1px solid #c4c4c4; }
.section .section-content h4 { padding-bottom: 6px;  }
.section .section-content p { padding-bottom: 19px; }

.section .section-content-secondary { padding: 32px; font-weight: 300; font-size: 18px; line-height: 1.25; }
.section .section-content-secondary h2 { margin-top: -10px; padding-bottom: 7px; }

.section .section-entry { width: calc(100% - 480px); margin: 0; }

.single-crb_case_study .section .testimonial { display: none; }
.single-crb_case_study .slide .section .testimonial { display: block; }

/* ------------------------------------------------------------ *\
	Section Secondary
\* ------------------------------------------------------------ */

.section-secondary { padding: 20px 32px 0; margin-bottom: 22px; background: #fff; }

.section-secondary h2 { font-weight: 300; color: #666666; font-size: 16px; border-bottom: 1px solid #c8c8c8; padding: 33px 0 11px; margin-bottom: 28px; text-transform: uppercase; font-family: "DINNext Regular", sans-serif;}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.articles { list-style: none; }
.articles .article { border-bottom: 1px solid #d1d1d1; padding-bottom: 20px; margin-bottom: 26px; }
.articles .article:last-child { border-bottom: 0; margin-bottom: 0; }

.article .article-content { width: calc(100% - 480px); margin: 0; }

.article img.alignleft { padding-right: 10px; }
.article img.alignright { padding-left: 10px; }

.article p { padding-bottom: 20px; }

.article-entry p { font-weight: 300; font-size: 18px; line-height: 1.25; font: 500  "DINNext Regular", sans-serif; color: #797979; }

.article-title { padding-bottom: 7px; }
.article-title.mobile-visible { display: none; }

.article .article-image img { width: 100%; height: auto; }


/* ------------------------------------------------------------ *\
	Updates
\* ------------------------------------------------------------ */

.updates { list-style: none; }

.updates .update { float: left; width: calc(50% - 16px); margin-bottom: 33px;
	-webkit-background-size: cover;
	        background-size: cover;
}
.updates .update:nth-child(2n) { margin-right: 2.62%; }
.updates .update:first-child { width: 100%; }

.update { position: relative; min-height: 400px; font-weight: 300; font-size: 18px;  }

.update:hover { -webkit-box-shadow: 0 2px 10px 0 rgba(186, 188, 197, 0.5); box-shadow: 0 2px 10px 0 rgba(186, 188, 197, 0.5); }

.update h2 {
	padding-bottom: 0px; }

.update .update-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 28px 32px 25px; background: rgba(255,255,255,.9); z-index: 5;
	-webkit-transition: bottom .3s;
	     -o-transition: bottom .3s;
	        transition: bottom .3s;
}
.update .update-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	-webkit-background-size: cover;
	        background-size: cover;

	        -webkit-transition: opacity .5s;
	              -o-transition: opacity .5s;
					 transition: opacity .5s;

	top: 12px;
    left: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 50px);
	opacity: 1;
	background-position: center center;
}

.update span { position: relative; top: 4px; left: 0px; opacity: 0;
	-webkit-transition: opacity .3s, padding .3s;
	     -o-transition: opacity .3s, padding .3s;
	        transition: opacity .3s, padding .3s;
}

.update span p{
	padding-top: 0 !important;
}

.update span i { margin-left: 5px;
	-webkit-transition: margin .3s;
	     -o-transition: margin .3s;
	        transition: margin .3s;
}

.update span:hover i { margin-left: 10px; }



.update .update-link:hover .update-image,
.update .update-link:hover .update-content  span { opacity: 1; }

/*
.update .update-link:hover .update-content  span { padding-bottom: 23px; }

.update .update-link:hover .update-content { padding-bottom: 64px; }
*/

.update .update-link .update-content p {
	/*
	height: 0;
	overflow: hidden;
	transition: height 0.4s;
	*/
	display: block;
	line-height: 18px;
}

.update .update-link:hover .update-content p {
	/* height: auto; */
}

.update .update-link:hover .arrow{
	opacity: 1;
}

.update .update-link:hover .update-content {

}

.update .update-link .update-content{
	padding: 28px 20px 25px !important;
}


@media screen and (max-width: 1200px){
	.update .update-link:hover .update-content {

	}
}




/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer {
	background-color: #647A85;
	width: 100%;
	height: 50px;
	color: white;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 500;
}

.footer .central{
	-webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.footer .links{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer .links a{
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 12px;
	font-family: "DINNext Regular", sans-serif;
	opacity: 0.9;
}

.footer .links a:last-child{
	margin-right: 0;
}

.footer .links a img{
	width: 50px;
}

.footer .copyright{
	font-size: 12px;
	font-family: "DINNext Regular", sans-serif;
}

/* ------------------------------------------------------------ *\
	Testimonial
\* ------------------------------------------------------------ */

.testimonial { font: 300 20px "DINNext Light", sans-serif; color: #666666; text-align: center; padding: 30px 8.08%; line-height: 1.65; }

.testimonial p { font-weight: 700; margin-top: 10px;}

/* ------------------------------------------------------------ *\
	Default Widgets
\* ------------------------------------------------------------ */

.error404 .search-form .search-field { width: 60%; }

.search-form { position: relative; overflow: hidden; }
.search-form .search-field { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; }
.search-form .search-field:focus { background-color: #fff; }
.search-form .search-field::-webkit-input-placeholder { color: #777; }
.search-form .search-field::-moz-placeholder { color: #777; }
.search-form .search-field:-ms-input-placeholder { color: #777; }
.search-form .search-field::placeholder { color: #777; }
.search-form .screen-reader-text { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; }

.widgets { list-style: none outside none; }

.widget { padding: 10px 0; margin-bottom: 15px; }
.widget ul { list-style: none outside none; margin: 0; }
.widget li { padding: 5px 0; }
.widget a:hover { text-decoration: none; color: #000; }

.widget-title { color: #46b8dd; padding-bottom: 5px; border-bottom: 1px solid #3ba9d5; margin-bottom: 12px; }

.widget_categories .screen-reader-text { display: none; }
.widget_categories .postform { width: 100%; padding: 5px; }

.widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; font-size: 7px; }
.widget_calendar td,
.widget_calendar th { padding: 5px; border: 1px solid #3ba9d5; }
.widget_calendar caption { font-size: 15px; padding: 12px; font-weight: bold; }
.widget_calendar tfoot { font-weight: bold; }

.widget_rss .rsswidget { vertical-align: middle; }
.widget_rss .rsswidget img { float: left; margin: 5px 8px 0 0; }

/*# sourceMappingURL=style.css.map */

/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */

.section-comments { background: #fff; padding: 32px; }
.section-comments + .section-comments { margin-bottom: 30px; }
.section-comments p { padding-bottom: 18.2px; }
.section-comments ol,
.section-comments ul { padding: 0; margin: 0; list-style: none outside none; }
.section-comments h3 { position: relative; padding: 0 0 10px; }
.section-comments h3 small { position: absolute; top: 0; right: 0; }

.comments,
.comments .children { position: relative; }
.comments .children:before,
.comments .children:after { content: ''; position: absolute; display: block; }
.comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; }
.comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3;  }

.comments .comment { position: relative; border-top: 1px dashed #363636; }
.comments .children { padding-left: 70px; }
.comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; }
.comments .says { padding-left: 5px; }
.comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; }

.comments .comment-entry { position: relative; padding: 30px 0 30px 65px; }

.comments .comment-text p:last-child { padding-bottom: 0; margin-bottom: 0; }

.comments .comment-meta { padding-bottom: 12px; }
.comments .comment-meta a { color: #363636; }

.comments .comment-reply { padding-top: 10px; text-align: right; }
.comments .comment-reply a { display: inline-block; padding: 5px 10px; background: #31a5d3; color: #fff; border-radius: 6px; }
.comments .comment-reply a:hover { text-decoration: none; opacity: .8; }

.comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #363636; }
.comment-respond h3 { position: relative; }
.comment-respond small { position: absolute; top: 0; right: 0; }
.comment-respond .required { color: #e40000; }
.comment-respond label { display: block; padding-bottom: 4px; }
.comment-respond input[type="text"],
.comment-respond textarea { display: block; width: 80%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7;  }
.comment-respond textarea { width: 100%; height: 100px; }
.comment-respond input[type="text"]:focus { background-color: #fff; }
.comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; }
.comment-respond input[type="text"]::-moz-placeholder { color: #777; }
.comment-respond input[type="text"]:-ms-input-placeholder { color: #777; }
.comment-respond input[type="text"]::placeholder { color: #777; }

.comment-respond textarea { width: 100%; }
.comment-respond .comment-notes { padding-top: 15px; }
.comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #31a5d3; cursor: pointer; border-radius: 4px; }

.nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; }

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.paging { display: none; }
.paging ul { list-style: none outside none; }
.paging ul,
.paging li { display: inline-block; vertical-align: top; }
.paging li { padding: 0 2px; }
.paging a { display: inline-block; }
.paging .current a,
.paging a:hover { text-decoration: none; background: #46b8dd; color: #fff; }


.paging a { font-size: 0; }
.paging a.paging-prev:before,
.paging a.paging-next:after { content: ''; display: inline-block; background: no-repeat center center; width: 7px; height: 13px; vertical-align: middle;
	-webkit-background-size: 7px 13px;
	        background-size: 7px 13px; }

.paging a.paging-prev:before { background-image: url(images/ico-chevron-left-white.png); margin-right: 5px; }
.paging a.paging-next:after { background-image: url(images/ico-chevron-right-white.png); margin-left: 5px; }
.mobile-page-title { display: none; }

/* ------------------------------------------------------------ *\
	Gallery
\* ------------------------------------------------------------ */

.gallery { position: relative; overflow: hidden; padding-bottom: 20px; }
.gallery .wp-caption-text { right: 10px; bottom: 10px; left: 10px; }
.gallery-item { float: left; position: relative; padding: 10px; }
.gallery-item img { width: 100%; }

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.67%; }
.gallery-columns-7 .gallery-item { width: 14.29%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.11%; }

.gallery-columns-7 .wp-caption,
.gallery-columns-8 .wp-caption,
.gallery-columns-9 .wp-caption { display: none; }

/* ------------------------------------------------------------ *\
	Article Single
\* ------------------------------------------------------------ */

.article-single { background: #fff; padding: 32px; }
.article-single hr { margin-bottom: 15px; }
.article-single h1 { color: #797979; }
.article-single .article-body ul,
.article-single .article-body ol {
    padding-bottom: 18.2px;
    margin-left: 25px;
  }

/* ------------------------------------------------------------ *\
	Blog
\* ------------------------------------------------------------ */

.header-bar .slider-prev,
.header-bar .slider-next { font-size: 0; }
.header-bar .slider-next:before { content:''; display: inline-block; position: relative; top: 0; right: 0; background: url(images/ico-chevron-right-white.png) no-repeat 0 0; width: 7px;
    height: 13px;  -webkit-background-size: cover; background-size: cover; }

.header-bar .slider-prev:after { content:''; display: inline-block; position: relative; top: 0; left: 0; background: url(images/ico-chevron-left-white.png) no-repeat 0 0; width: 7px;
    height: 13px;  -webkit-background-size: cover; background-size: cover; }

.header-bar.active .link-down { z-index: 9999; }

/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */


  @media(max-width: 1200px){

  	/* ------------------------------------------------------------ *\
  		Base
  	\* ------------------------------------------------------------ */

  	h1 br { display: none; }

  	/* ------------------------------------------------------------ *\
  		Section
  	\* ------------------------------------------------------------ */

  	.header .carbon_about .bottom_avatar { display: none; }
	.section,
	.section .section-image,
	.section .section-content { display: block; width: 100%; padding-right: 0; }

	.section .section-content {  margin-top: 32px; padding: 23px 50px 26px 32px; }

	.section .section-entry { width: 100%; }
	.section .section-content img { float: none; padding-left: 0; margin-left: 0; width: 100%; height: auto; }

	.section .section-content-secondary { padding: 25px 32px 32px; }

	.section .section-content-secondary h2 { margin-top: 0; }

	/* ------------------------------------------------------------ *\
		Article
	\* ------------------------------------------------------------ */

	.article .article-content,
	.article img.alignright,
	.article img.alignleft { float: none; width: 100% !important; height: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }

  }

  @media(max-width: 1020px){
  	/* ------------------------------------------------------------ *\
  		Updates
  	\* ------------------------------------------------------------ */

  	.updates .update { width: 100%; margin-right: 0; }

  	/* ------------------------------------------------------------ *\
  		Articles
  	\* ------------------------------------------------------------ */

  	.articles { min-height: 1000px; }

  	/* ------------------------------------------------------------ *\
  		Article
  	\* ------------------------------------------------------------ */

  	.article img.alignleft,
  	.article img.alignright { float: none; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }

  /* ------------------------------------------------------------ *\
  		Slider Updates
  \* ------------------------------------------------------------ */

	.slider-updates .slider-actions span { font-size: 0; line-height: 0; }

	.slider-updates .slider-actions .slider-next:hover:after,
	.slider-updates .slider-actions .slider-prev:hover:before { left: 0; }

  }




  @media(max-width: 840px){

  	/* ------------------------------------------------------------ *\
  		Base
  	\* ------------------------------------------------------------ */

  	h1,
  	h2 { font-size: 17px; line-height: 1.2; }

	h4 { padding-top: 10px; }
  	h5 { padding-bottom: 0; line-height: 1.2; padding-top: 10px; }

  	blockquote { font-size: 17px; }
  	blockquote + p { padding-top: 10px; }

  	html.active,
  	body.active { overflow: hidden; position: relative; }

  	body.active .header-bar {
		position: fixed; top: 0; left: 0; width: 100%; background: #3ba9d5; color: #fff; z-index: 35; padding: 16px 0 13px;
		  		-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.3);
		  		        box-shadow: 0 1px 0px rgba(0,0,0,.3);
  	}

  	body.active .header-bar .btn-menu { display: block; }

	.header-bar.active .section-actions a { font-size: 0; }

  	/* ------------------------------------------------------------ *\
  		Avatar
  	\* ------------------------------------------------------------ */

  	.avatar { width: 140px; height: 140px; }

	.header-bar.active .paging { display: inline-flex; }
	.header-bar.active .paging a { float: none; }

	.ico-email,
	.ico-phone,
	.ico-pinterest,
	.ico-twitter { display: inline-block; }

	.carbon_about .desktop { display: none; }
	.carbon_about.medium .mobile { display: block; }

	.carbon_about .socials .mobile { display: inline-block; }

	/* ------------------------------------------------------------ *\
		Sidebar
	\* ------------------------------------------------------------ */

	.sidebar { float: none; display: none; }

	/* ------------------------------------------------------------ *\
		Content
	\* ------------------------------------------------------------ */

	.mobile-secondary .content { padding-top: 65px; }

	.content { width: 100%; padding: 0 16px; }

  	/* ------------------------------------------------------------ *\
  		Header
  	\* ------------------------------------------------------------ */

  	@keyframes show {
	    from { opacity: 0; }
	    to { opacity: 1; }
	}

	@-webkit-keyframes show {
    	from { opacity: 0; }
    	to { opacity: 1; }
	}

  	.header { background: transparent; padding: 0; margin-bottom: 15px; font-size: 17px; line-height: 1.2; }

  	.header .header-content { background: #3ba9d5; padding: 16px; }

  	.page-template-mobile-secondary .header-content,
  	.header .header-content-secondary { background: #fff;  }

  	.mobile-secondary .header-content h1,
  	.header .header-content-secondary h1 { color: inherit; }
  	.header .header-bar { display: block; padding: 16px 0 13px; margin-bottom: 11px; font-size: 16px; }
  	.header .carbon_about { display: block; margin: 0 -16px; }

  	.header .header-bar.active { position: fixed; top: 0; left: 0; width: 100%; background: #3ba9d5; color: #fff; z-index: 35; padding: 16px 0 13px;  animation-name: show; animation-duration: 1s; @webkit-animation-name: show; @webkit-animation-duration: 1s;
  		-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.3);
  		        box-shadow: 0 1px 0px rgba(0,0,0,.3);
  		        -webkit-transform: translateZ(0);
  		             -ms-transform: translateZ(0);
  		              -o-transform: translateZ(0);
  		                 transform: translateZ(0);
  	}



  	.header .header-bar.active .ico-chevron-down-grey { display: none; }

  	.header .header-bar.active .btn-menu,
  	.mobile-secondary .btn-menu,
  	.header .header-bar.active .brand-small,
  	.mobile-secondary .brand-small,
  	.header .header-bar.active .slider-prev,
  	.mobile-secondary .slider-prev,
	.header .header-bar.active .slider-next,
	.mobile-secondary .slider-next { display: inline-block; }

	.mobile-secondary .header .header-bar .ico-chevron-down-grey { display: none; }

  	.header .header-bar.active-nav {
		-webkit-box-shadow: none;
		        box-shadow: none;
  	}

  	.header .header-bar.active-nav .link-down,
  	.header .header-bar.active-nav .brand-small,
  	.header .header-bar.active-nav .slider-prev,
	.header .header-bar.active-nav .slider-next { visibility: visible; opacity: 1;
		-webkit-transition: .3s;
		     -o-transition: .3s;
		        transition: .3s;
	}

  	.header .header-bar.active-nav .link-down,
  	.header .header-bar.active-nav .brand-small,
  	.header .header-bar.active-nav .slider-prev,
	.header .header-bar.active-nav .slider-next { visibility: hidden; opacity: 0; }

	/* ------------------------------------------------------------ *\
		My Approach
	\* ------------------------------------------------------------ */

	.page-template-my-approach .header-content,
	.archive .header-content,
	.blog .header-content { background: #fff; color: #3ba9d5; }

	.home.page-template-my-approach .header-content  { background: #3ba9d5; padding: 16px; color: inherit; }

	/* ------------------------------------------------------------ *\
		Single Case Study
	\* ------------------------------------------------------------ */

	.single-crb_case_study .header-content-secondary { padding: 0; background: transparent; }
	.single-crb_case_study .header-content .slide { padding: 16px;  }

  	/* ------------------------------------------------------------ *\
  		Widget About
  	\* ------------------------------------------------------------ */

  	.carbon_about { padding: 20px 0 8px; }
	.carbon_about p { padding: 0 16px 14px; }
	.carbon_about .socials li { display: none; }

  	.carbon_about .socials li:nth-child(1),
  	.carbon_about .socials li:nth-child(2) { display: inline-block; }

  	.carbon_about p.mobile { display: block; }

  	/* ------------------------------------------------------------ *\
  		Brand
  	\* ------------------------------------------------------------ */

  	.brand { padding: 7px 0 9px; }

  	.brand-small { font-size: 18px; letter-spacing: -0.1em; }

  	/* ------------------------------------------------------------ *\
  		Nav
  	\* ------------------------------------------------------------ */

  	.nav { visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; text-align: center; padding: 0 18px; z-index: 25;

  	}

	.nav:after { visibility: hidden; opacity: 0; content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; background: #3ba9d5;
		-webkit-transition: .4s;
		     -o-transition: .4s;
		        transition: .4s;
	}

	.nav.active { visibility: visible; opacity: 1; top: 0; left: 0; }
  	.nav .menu { border-bottom: 1px solid #fff; padding: 40px 0 10px; }
  	.nav .menu a:before { display: none; }

  	.nav li { float: none; padding: 0 15px 2px 15px; margin: 0; }

  	.nav .carbon_about { margin: 0; }

  	.nav-inner { opacity: 0;

  	}

  	.nav.active .nav-inner { height: 100%; position: relative; opacity: 1; z-index: 5; overflow: auto;
  	-webkit-transition: 1s;
  	     -o-transition: 1s;
  	        transition: 1s; }

  	.nav.active:after { visibility: visible; opacity: 1; width: 100%; height: 100%; }

  	/* ------------------------------------------------------------ *\
  		Section
  	\* ------------------------------------------------------------ */

  	.section { padding-bottom: 16px; }
  	.section .section-content {  margin-top: 16px; padding: 14px 50px 14px 14px; }
  	.section .section-content-secondary { padding: 20px 14px 14px; }

  	/* ------------------------------------------------------------ *\
  		Section Secondary
  	\* ------------------------------------------------------------ */

  	.section-secondary { padding: 10px 15px; }

  	.section-secondary h2 { margin: 10px 0 11px; }

  	/* ------------------------------------------------------------ *\
  		Slider Updates
  	\* ------------------------------------------------------------ */

  	.slider-updates .slider-actions { display: none; }

  	/* ------------------------------------------------------------ *\
  		Update
  	\* ------------------------------------------------------------ */

  	.updates li:first-child p { width: 100%; }

  	.updates .update { margin-bottom: 16px; }

  	.update { position: relative; font-size: 14px; min-height: 290px; overflow: hidden; }

	.update:before { display: none;  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.1); }

  	.update:after { opacity: 1;  content: ''; position: absolute; top: -22%; left: -22%; width: 144%; height: 144%; background: rgba(0,0,0,.3); z-index: 10; border-radius: 50%;

		-webkit-transform: scale(0, 1);
		    -ms-transform: scale(0, 1);
		     -o-transform: scale(0, 1);
		        transform: scale(0, 1);


  	}

	.update a { display: block; }
	.update h2 {
		padding-bottom: 0px !important;

	}

  	.update .update-content { padding: 11px 15px; }

  	.update span i { vertical-align: middle; }

  	.update.hover:before { display: block; }

  	.update.hover:after {
		-webkit-transform: scale(1.5, 1);
		    -ms-transform: scale(1.5, 1);
		     -o-transform: scale(1.5, 1);
		        transform: scale(1.5, 1);

		        -webkit-transition: transform .6s;
		             -o-transition: transform .6s;
		                transition: transform .6s;
  	}

  	/* ------------------------------------------------------------ *\
  		Testimonial
  	\* ------------------------------------------------------------ */

  	.testimonial { font-size: 17px; padding: 8px 0; line-height: 1.2; }
  	.testimonial p { padding-top: 10px; }

  	/* ------------------------------------------------------------ *\
  		Footer
  	\* ------------------------------------------------------------ */

  	.footer { font-size: 12px; padding: 13px 0; }

  	/* ------------------------------------------------------------ *\
  		Gallery
  	\* ------------------------------------------------------------ */

  	.gallery-columns-3 .gallery-item { width: 50%; }

  	/* ------------------------------------------------------------ *\
  		Mobile Page Title
  	\* ------------------------------------------------------------ */

  	.mobile-page-title { position: relative; display: inline-block; margin: 0 auto; }

	.header-bar.active-nav .paging { display: none; }

	.mobile-page-title .paging-prev,
	.mobile-page-title .paging-next { position: absolute !important; top: 3px; }
	.mobile-page-title .paging-prev { right: 110%; }
	.mobile-page-title .paging-next { left: 110%; }

  }

  @media(max-width: 560px){

  	/* ------------------------------------------------------------ *\
  		Links
  	\* ------------------------------------------------------------ */

  	.header .header-bar.active .link-down { vertical-align: middle;  max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

  	/* ------------------------------------------------------------ *\
  		Base
  	\* ------------------------------------------------------------ */


  	img.alignleft,
  	img.alignright{ margin: 0 15px; }

  	h4 { padding: 10px 0; }

  	/* ------------------------------------------------------------ *\
  		Section Secondary
  	\* ------------------------------------------------------------ */

  	.section-secondary h2 { padding: 2px 0 7px; }

  	/* ------------------------------------------------------------ *\
  		Section
  	\* ------------------------------------------------------------ */

  	.section { padding-bottom: 15px; }

  	/* ------------------------------------------------------------ *\
  		Article
  	\* ------------------------------------------------------------ */

  	.article .article-image { float: none; width: 100%; margin: 5px 0 10px; }

  	.article img { width: 100% !important; height: auto; }

	.articles .article { padding-bottom: 15px; margin-bottom: 10px; }

	.articles .article:last-child { padding-bottom: 5px; }

	.article-title { display: none; }
	.article-title.mobile-visible { display: block; }

	/* ------------------------------------------------------------ *\
		Article Single
	\* ------------------------------------------------------------ */

	.article-single { padding: 16px; }

	/* ------------------------------------------------------------ *\
  		Gallery
  	\* ------------------------------------------------------------ */

  	.gallery-columns-3 .gallery-item { width: 100%; }

  	/* ------------------------------------------------------------ *\
  		Paging
  	\* ------------------------------------------------------------ */

  	.paging .paging-label { display: block; padding-bottom: 10px; }
  	.paging a { padding: 0 3px; }
  }



  .CTA{
	  background: #31a5d3;
	  color: white;
	  width: 100%;
	  padding: 50px;
	  text-align: center;
	  font-size: 30px;
  }

  .CTA .c{
	width: 490px;
    text-align: left;
    margin: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .CTA img{
	width: 120px;
	border-radius: 50%;
  }

  .CTA a{
	  text-decoration: underline;
	  font-weight: 600;
  }

  @media screen and (max-width: 760px){

	.CTA{
		padding: 20px;
	}
	.CTA .c{
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 260px;
		font-size: 18px;
	}
  }

  .pinnedCTA{
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  display: block;
	  z-index: 499;
	  height: 60px;

  }

  .pinnedCTA .content{
		background: #556e7a;
		color: white;
		position: relative;
		top: 250px;
		height: 60px;
		transition: top 0.9s;
		padding: 10px 0;
  }

  .pinnedCTA.in .content{
		top: 0;
  }

  .pinnedCTA .central,
.pinnedCTA .central > div{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .pinnedCTA .central > div{
	-webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .pinnedCTA .content img{
		height: 32px;
		margin-left: 30px;
		margin-right: 10px;
  }

  .central{
	  width: 100%;
	  max-width: 1296px;
	  display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 32px;
		margin: auto;

  }

  .pinnedCTA .central{
	height: 40px;
  }



  @media (max-width: 840px){
		.central {
			padding: 0 16px;
		}

		.closeCTA{
			right: 16px;
		}
  }

  .pinnedCTA .content span{
		font-family: "DINNext Regular";
  }

  .pinnedCTA .content a:hover{
		text-decoration: none;
	}

  .single-crb_case_study .section .section-content{
	border: none !important;
  }

  .single-crb_case_study .shell{
	  margin-bottom: 80px;
  }

  @media (max-width: 660px){
	.pinnedCTA .central {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 120px;
	}

	.pinnedCTA{
		height: 140px;
	}

	.pinnedCTA p{
		width: 100%;
		text-align: center;
	}

	.pinnedCTA .content{
		height: 140px;
	}

	.cta-action{
		width: 262px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.single-crb_case_study .shell{
		margin-bottom: 160px;
	}
}





.updates .update:first-child {
  width: calc(50% - 16px);
}

.updates .update {
  margin-right: 0 !important;
  background-position: top center;
  background-size: cover;
  position: relative;
  -webkit-filter: grayscale(30%);
  filter: grayscale(30%);
  transition: all 0.4s;
}

.updates .update:hover {
 -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.updates .update:nth-child(odd) {
  margin-right: 32px !important;
}

.updates .update p {
  display: inline;
  padding-top: 30px;
}

.updates li:first-child p {
  width: 100% !important;
}

.update .update-content {
  background-color: white !important;
}

p+.clickForMore {
  margin-left: 10px;
}

.clickForMore {
  display: inline;
}

.single-crb_case_study .sidebar {
  display: none;
}

.single-crb_case_study .content {
  width: 100%;
}

.single-crb_case_study .section .section-image {
  padding-right: 0;
  padding-left: 3.03%;
}

.single-crb_case_study .article {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.single-crb_case_study .article img.alignright {
  max-width: 695px !important;
  height: auto !important;
  width: 100% !important;
  float: none !important;
}

.single-crb_case_study .article .alignleft {
  width: calc(100% - 720px);
  float: none !important;
}

@media screen and (min-width: 840px){
	.single-crb_case_study .header nav,
	.single-crb_case_study .header .slider-actions {
		display: none;
	}
}

.single-crb_case_study .header .slider-actions{
	display: none;
}

.single-crb_case_study .header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 180px 100px 0;
}

.single-crb_case_study .header h1{
	font-weight: 400;
}

@media screen and (max-width: 767px){
	.single-crb_case_study .header {
		padding: 180px 20px 0;
	}

	.single-crb_case_study .header h1{
		font-size: 24px;
	}
}

.single-crb_case_study .header:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
   opacity: 0.5;
   background-color: #3ba9d5;
}

.single-crb_case_study .header h1{
   text-align: center;
   max-width: 900px;
   margin: auto;
}

.single-crb_case_study .header .client-logo{
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid white;
  margin: 0 auto 30px;
display: block;
}

.close-case-study{
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  font-size: 12px;
  font-family: "DINNext Light";
  padding: 10px 20px;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;

}

.closeCTA{
	cursor: pointer;
}

.closeCTA img{
	width: 18px !important;
	height: 18px !important;
	margin-right: 0 !important;
}

.close-case-study:hover{
	text-decoration: none;
	opacity: 1;
}

.close-case-study img{
  width: 56px;
  height: 56px;
  padding: 20px;
}

.loader img {
  width: 80px;
  height: 50px;
}

@media (max-width: 1200px) {
  .single-crb_case_study .section .section-image {
    padding-right: 0;
    padding-left: 0;
  }
  .single-crb_case_study .article .alignleft {
    width: calc(100% - 520px) !important;
    float: none !important;
  }
  .single-crb_case_study .article img.alignright {
    float: none !important;
    max-width: 495px !important;
  }
}

@media (max-width: 1020px) {
  .updates .update {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .single-crb_case_study .article .alignleft {
    width: 100% !important;
    float: none !important;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .single-crb_case_study .article img.alignright {
    float: none !important;
    margin: auto;
    max-width: 100% !important;
    padding: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    padding-bottom: 30px;
  }
}


body{
background: #eaeff2 !important;
}


.page-template .article img{
	max-width: 447px !important;
	height: auto;
}

.my-approach img{
max-width: 447px;
height: auto !important;
}

@media screen and (max-width: 1200px){
	.my-approach img{
	max-width: none !important;
	}
	.page-template .article img{
		max-width: none !important;
	}
}

.update-content{
	position: relative;
}

.update h2{
font-size: 14px;
font-weight: normal;
padding-bottom: 0px;
text-transform: uppercase;
color: #666666;
width: calc(100% - 20px);
}

.update .arrow{
	opacity: 0;
	transition: opacity 0.4s;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 20px;
	top: 27px;
}

.updates li p{
font-size: 14px;

}

.updates .update{
background: white;
    background-position: left 12px top 12px;
    background-repeat: no-repeat;
    background-size: calc(100% - 24px) auto;
}

.header-content h1{
    font-family: "AvenirHeavy", sans-serif;
    font-size: 36px;
	line-height: 1.33;
	font-weight: 600;
}

.nav .menu a{
   text-transform: uppercase;
   opacity: 0.6;
   font-size: 14px;
transition: opacity 0.3s;
}

.nav .menu a:hover{
    opacity: 1;
}

.nav .menu .current-menu-item a{
  opacity: 1;
}



.single-crb_case_study .section:first-child{

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
	align-items: flex-start;
	margin-top: 27px;
	margin-bottom: 25px;
}

.single-crb_case_study .section-content{
	width: calc(100% - 760px);
}

.single-crb_case_study .section-image{
	width: 760px;
}

@media (max-width: 1200px){
	.single-crb_case_study .section-content{
		width: 100%;
	}

	.single-crb_case_study .section-image{
		width: 100%;
	}
}

.single-crb_case_study .section-content h4{
	text-transform: uppercase;
	border-bottom: 1px solid #c8c8c8;
	width: 100%;
	margin-bottom: 17px;
	padding-bottom: 14px;
	color: #666666;
}

.single-crb_case_study .section-content h5{
	text-transform: uppercase;
	color: #666666;
	font-size: 12px;
	padding-bottom: 2px;
	padding-top: 10px;
}

.single-crb_case_study .test-section{
	position: relative;
}

.single-crb_case_study .testimonial{
	border-top: 1px solid #c8c8c8;
	padding: 30px 8.08% 30px 80px;
}


.single-crb_case_study .testimonial blockquote {
	text-align: left;
	font-size: 16px;
}

.single-crb_case_study .testimonial p {
	font-weight: 700;
	margin-top: 10px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: left;
}

.single-crb_case_study .test-img{
	width: 66px !important;
	height: auto !important;
	border-radius: 50%;
	float: none !important;
	position: absolute;
	top: 34px;
}




/*

.single-crb_case_study.mobile-secondary .header .header-bar { position: fixed; top: 0; left: 0; width: 100%; background: #3ba9d5; color: #fff; z-index: 35; padding: 16px 0 13px;  animation-name: show; animation-duration: 1s; @webkit-animation-name: show; @webkit-animation-duration: 1s;
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.3);
			box-shadow: 0 1px 0px rgba(0,0,0,.3);

			-webkit-transform: translateZ(0);
				 -ms-transform: translateZ(0);
				  -o-transform: translateZ(0);
					 transform: translateZ(0);
					 display: block;
}

.single-crb_case_study.mobile-secondary .header .header-bar .brand-small,
.single-crb_case_study.mobile-secondary .header .header-bar .btn-menu { display: block; }
.single-crb_case_study.mobile-secondary .header .header-bar .brand-small{
	font-size: 18px;
}


.single-crb_case_study.mobile-secondary .header-bar { animation-duration: 0s !important; @webkit-animation-duration: 0s !important; }


.single-crb_case_study.mobile-secondary .header .header-bar{
	top: -100px;
	-webkit-ransition: top 0.3s;
	transition: top 0.3s;
	height: 48px;
}

.single-crb_case_study.mobile-secondary .header .header-bar.in{
	top: 0px;
}

*/