/* - DOCUMENT INFORMATION
------------------------------------------------- 
	Website Name: Red Pencil
	Website URL: http://www.core.gd
	Author: CHRIS DAVIS (A Bit Good)
	Author URI: http://www.abitgood.com
	Version: 1.0
/*


/* - CONTENTS
------------------------------------------
	- HTML5 reset
	- Global structure
	- Header
	- Footer
	- Typography
	- Generic elements
	- Form elements
	- Buttons
	- Pagination
	- Print
	- The Core Grid	
/*


/* - HTML(5) RESET
------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}section, article, header, footer, nav, aside, hgroup{display:block;zoom:1;}


/* - GLOBAL STRUCTURE
---------------------------------------------- */
html,body{
	width:100%;
	height:100%;
}
.constraint{
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	position: relative;
	padding-left: 2em;
	padding-right: 2em;
}

.sitewrap:before, .sitewrap:after {
    content: "";
    display: table;
}
.sitewrap:after {
    clear: both;
}

.sitewrap {
    background: none repeat scroll 0 0 #FFFFFF;
}


/* - FONTS
---------------------------------------------- */

@font-face {
    font-family: 'proxima_nova_alt_reg-webfont';
    src: url('../fonts/proxima-nova/proxima_nova_alt_reg-webfont.eot');
    src: url('../fonts/proxima-nova/proxima_nova_alt_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima-nova/proxima_nova_alt_reg-webfont.woff') format('woff'),
         url('../fonts/proxima-nova/proxima_nova_alt_reg-webfont.ttf') format('truetype'),
         url('../fonts/proxima-nova/proxima_nova_alt_reg-webfont.svg#proxima_nova_alt_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
		
 @font-face {
 font-family: 'proxima_nova_rgbold';
 src: url('../fonts/proxima-nova/bold/proxima_nova_bold-webfont.eot');
 src: url('../fonts/proxima-nova/bold/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/bold/proxima_nova_bold-webfont.woff') format('woff'), url('../fonts/proxima-nova/bold/proxima_nova_bold-webfont.ttf') format('truetype'), url('../fonts/proxima-nova/bold/proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg');
 font-weight: normal;
 font-style: normal;
}
	
@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proxima_nova_light-webfont.eot');
    src: url('../fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_light-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_light-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'courier_primeregular';
    src: url('../fonts/courier_prime-webfont.eot');
    src: url('../fonts/courier_prime-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/courier_prime-webfont.woff') format('woff'),
         url('../fonts/courier_prime-webfont.ttf') format('truetype'),
         url('../fonts/courier_prime-webfont.svg#courier_primeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* - HEADER
---------------------------------------------- */
#header{}
#header .logo{
	float:left;
}
#header #navigation{
	float:right;
}
#header #navigation ul li{
	display:-moz-inline-stack;
    display:inline-block;
    vertical-align:top;
    zoom:1;
    *display:inline;
}
#header #navigation ul li a{
	display:block;
}
#header #navigation ul li ul{
	position:absolute;
	display:none;
}
#header #navigation ul li:hover ul{
	display:block;
}
#header #navigation ul li ul li{
	display:block;
}
#header #navigation ul li ul li a{
}

.dash {
    border-bottom: 5px solid #FFFFFF;
    margin: 35px auto;
    overflow: visible;
    width: 51px;
}

li{color: #e55453 !important;}


/* - FOOTER
---------------------------------------------- */
footer {
    background: none repeat scroll 0 0 #E55453;
    height: 140px;
    width: 100%;
}


	
/* - PAGES
---------------------------------------------- */


	/* - CORE LANDING PAGE
	------------------------------------------ */
	#header{
		background: #333; 
		background-size: cover; 
		color: #fff; 
		height: 100%; 
		width: 100%; 
		background-position: 50% 100%;
		position: relative;
		z-index: 9000;
	}
	
	.grid-container{
		overflow:hidden;
	}

	
	.logo {
	    left: 19px;
	    padding: 20px;
	    position: absolute;
	    top: 3px;
	    width: 294px;
	}
		
	
	.logo2 {
	    float: left;
	    margin-top: -8px;
	    padding: 0 28px;
	    width: 50px;
	}
	


	

/* - TYPOGRAPHY & CONTENT
---------------------------------------------- */
body, input, textarea, select{
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:62.5%;
}

h1,h2,h3,h4,p,li,input,textarea,select,label{color:#4a4e60;}
a{color:#e55453;}
a:hover{opacity: 0.7;}

p,ol,ul,input,textarea,select,img{
	margin-bottom:2em;
	font-size:1.6em;
	line-height:1.8em;
	font-family: 'Merriweather', serif;
}

h1, h2, h3, h4{
	margin:0 0 1em 0;
	font-weight:400;
	line-height:1.6em;
	font-family: 'Merriweather', serif;
}


#header h3 {
    color: #FFFFFF;
    font-size: 4.3em;
    text-align: center;
}

h1{font-size:3.2em;}
h2{font-size:2.6em;}
h3{font-size:2.2em;}
h4{font-size:1.8em;}

strong,
b{font-weight:600;}
em{font-weight:600; font-style:italic;}
i{font-style:italic;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

blockquote{
	font-style:italic;
	padding:2em 3em;
	margin:2em 0 3.5em 1em;
	background:#f7f7f7;
	border-left:0.5em solid #eee;
	color:#999;		
	-moz-inline-stack;
	display:inline-block !important;
	zoom:1;
	*display:inline;
}
blockquote cite{
	font-size:1em;
}
::selection{
	background:#e55453;
	color:#fff;
}
::-moz-selection {
	background:#e55453;
	color:#fff;
}
ol li,
ul li{list-style-position:inside;}
ul li{list-style-type:disc;}
ol li{list-style-type:decimal;}
ol li p,
ul li p{font-size:1em;}
p img{margin-bottom:0;}
img{max-width:100%;}
	
	
.heading1{}		
.heading2{ font-size: 4em; font-weight: 800;}	
.heading3{}		
	
p{	color: #707070;  
	font-family: 'proxima_nova_alt_reg-webfont';
	font-size: 1.7em;
    line-height: 2em;
	
	}

/* - GENERIC ELEMENTS
------------------------------------------ */
hr{
	width:40px;
	border:solid #ddd;
	border:solid rgba(0,0,0,0.1);
	border-width: 4px 0 0;
	clear: both;
	margin:6em auto 6em auto;
	height:0;
}

a{
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}


/* - FORM ELEMENTS
------------------------------------------ */
label{
	margin:0 0 0.6em 0;
	-moz-inline-stack;
	display:inline-block !important;
	zoom:1;
	*display:inline;
}
input, textarea, select{
	border:1px solid #ddd;
	padding:0.8em;
	width:100%;
	display:block;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
}
input:focus, textarea:focus, select:focus{
	outline:none;
}
input[type=radio],
input[type=checkbox]{
	width:auto;
	height:auto;
	-moz-inline-stack;
	display:inline-block !important;
	zoom:1;
	*display:inline;
}
select{
	background:url(../images/icon-arrow-down.png) no-repeat right center #f5f5f5;
	outline:0;
	width:auto;
	padding-right:40px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
select:hover{
	background:url(../images/icon-arrow-down.png) no-repeat right center #eee;
}
@-moz-document url-prefix(){ /*Firefox is crap with <select> styling.*/
	select{padding-right:10px;}
	select:hover{}
}


/* - BUTTONS
------------------------------------------ */
.button,
button{
	color:#fff;
	background:none;
	border:1px s
	padding:0.6em 0.7em 0.5em 0.7em;
	margin:0;
	width:auto;
	font-size:1.3em;
	font-weight:600;
	text-decoration:none !important;
	text-align:center;
	text-transform:uppercase;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-inline-stack;
	display:inline-block !important;
	zoom:1;
	*display:inline;
}
.button:hover,
button:hover{
}


/* - PAGINATION
---------------------------------- */
ul.paging{	
	width:auto;
	text-align:left;	  
	overflow:hidden;
	margin:3em 0;
	display:block;
	clear:both;
}
ul.paging li{
	width:35px;
	height:35px;
	line-height:35px;
	list-style:none;
	text-align:center;
	margin:0px;
	padding:0px;
	background-image:none;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
		display:-moz-inline-stack;
    display:inline-block;
    vertical-align: top;
    zoom:1;
    *display:inline;
} 
ul.paging li a{
	color:#333;
	background:#f5f5f5;
	text-decoration:none;
	height:100%;
	width:100%;
	padding:0px;
	display:block;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
ul.paging li a:hover{
	background:#e9e9e9;
}
ul.paging li.active,
ul.paging li.current{
	background:#333;
	color:#fff;
}
ul.paging li.next.disabled,
ul.paging li.previous.disabled{
	display:none;
}


/* - RESPONSIVE GRID
---------------------------------------------- */
.columns{
	float:left;
	margin:0 4.5% 4.5% 0;
	box-sizing: border-box;  
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.columns:last-child,
.columns.last{margin-right:0;}

.one.columns	{width:4.20833333333%;}
.two.columns	{width:12.9166666667%;}
.three.columns	{width:21.625%;}
.four.columns	{width:30.3333333333%;}
.five.columns	{width:39.0416666667%;}
.six.columns	{width:47.75%;}
.seven.columns	{width:56.4583333333%;}
.eight.columns	{width:65.1666666667%;}
.nine.columns	{width:73.875%;}
.ten.columns	{width:82.5833333333%;}
.eleven.columns	{width:91.2916666667%;}
.twelve.columns	{width:100%;margin-left:0;}

@media all and (max-width: 768px){
	.columns{
		float:none;
		width:auto !important;
		margin-right:0;
	}
}
	

/* - PRINT
---------------------------------------------- */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}


/* - Homepage Content
---------------------------------------------- */



#header .constraint {
    height: 100%;
    margin: auto;
    max-width: 720px;
    position: relative;
    width: 100%;
}

.devoted {
    margin: auto;
    min-height: 400px;
    max-width: 1170px;
    text-align: center;
    width: 100%;
    padding: 160px 0;
}


.hello h4 {
    color: #333333;
    font-family: 'Merriweather',serif;
    font-size: 4em;
    text-align: center;
}





.hello p, .hello3 p {
    margin: auto;
    max-width: 800px;
    text-align: center;
    margin-bottom: 24px;
}

.who-are-we{min-height: 671px; background: #eff2f5 url(../images/who-are-we-bg.jpg) no-repeat; background-position: 100% 0;}

.testimonial{min-height: 400px; }


.hello {
    padding: 105px 0 115px;
}
.post-5 .hello{padding:160px 0}


.hello3 {
    padding: 55px 0 0;
}


.hello2 {
    padding: 120px 0; text-align: center;
}




.content{position: relative; z-index: 0;}




/* - NAVIGATION
---------------------------------------------- */


#header #navigation {
    float: right;
    margin-top: 40px;
    position: relative;
    text-align: right;
    z-index: 20;
}

#header #navigation ul {
    margin: 0;
}


#header #navigation ul li {
    display: inline-block;
    margin: 0 0 0 15px;
    vertical-align: top;
}

#sub-navigation {
	background: none repeat scroll 0 0 #292f36;
	height: 72px;
	overflow: hidden;
	padding-top: 23px;
	text-align: right;
	width: 100%;
	z-index: 2000;
	
}
.jPushMenuBtn-top, .jPushMenuBtn-bottom{visibility: hidden;}

.jPushMenuBtn-top {
    background: url("../images/burger.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 50px;
    outline: medium none;
    width: 50px;
    border: none;
    position: absolute;
    right: 19px;
    top: 33px;
    z-index: 900;
    cursor: pointer;
}

.jPushMenuBtn-bottom {
    background: url("../images/burger.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: right;
    height: 50px;
    margin: 9px 19px;
    outline: medium none;
    width: 50px;
    z-index: 900;
}

.cancel-btn {
    background: url("../images/cancel-btn.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: right;
    height: 50px;
    outline: medium none;
    position: absolute;
    right: 6px !important;
    top: 0 !important;
    width: 50px;
    z-index: 10000;
}
#cbp-spmenu-s2 {
    z-index: 10000;
}


.nav-top {
    position: absolute;
    right: 45px;
    top: 37px;
}

.nav-bottom {
    float: right;
    margin: 0 45px;
    padding-top: 14px !important;
    position: relative;
}


.nav-top ul, .nav-bottom{padding-right: 120px;}


.nav-top li{margin-left: 2em; float: left; list-style: none; letter-spacing: 0.14em;}

.nav-top li a {
    color: #333333;
    font-family: 'proxima_nova_rgbold';
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.nav-top li a:hover{text-decoration: none; opacity: 0.8;}


.nav-bottom li{margin-left: 2em; float: left; list-style: none; letter-spacing: 0.14em;}

.nav-bottom li a {
    color: #FFFFFF;
     font-family: 'proxima_nova_rgbold';
    font-size: 0.8em;
    text-transform: uppercase;
    opacity: 0.8;
}

.nav-bottom li a:hover{text-decoration: none; opacity: 0.5;}

.social img{ margin-left: 5px;}

.social {
    position: absolute;
    right: 0;
    top: 2px;
    width: 85px;
}


.nav-bottom .social {
    position: absolute;
    right: 0;
    top: 17px;
}





/* - Testimonials
---------------------------------------------- */

.testimonials {
    background: #333;
    height: auto;
    min-height: 630px;
    width: 100%;
}






/* - Global
---------------------------------------------- */


.headertop {
    background: none repeat scroll 0 0 #fff;
    height: 106px;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 900;
}


.who-are-we-inner {
    float: left;
    margin: 16px;
    max-width: 490px;
    padding: 136px 0 0 !important;
}

.who-are-we-inner h3 {
    font-size: 3.4em;
}

.who-are-we-inner p {
    color: #656565;
    font-size: 1.7em;
    line-height: 2em;
}


/* - Services
---------------------------------------------- */


.services_container{
	max-width: 1170px; 
	height: auto; 
	margin: auto; 
	text-align: center;
	padding: 100px 0 0;
}


.services-icon {
    height: auto;
    min-height: 350px;
    width: 150px;
}


.services-icon img{}

.services_inner {
    margin: auto auto 140px;
    max-width: 1170px;
    min-height: 770px;
}


.services_intro{max-width: 580px; padding: 50px 0 100px 0; margin: auto;}

.services_inner p{
	font-size: 1.6em;
    line-height: 1.8em;
}

.slides-pagination {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.slides-pagination a {
    background:#fff  ;  border: 3px solid #ffffff;
    border-radius: 1px;
    display: inline-block;
    height: 2px;
    margin: 2px 2px 42.5px;
    opacity: 0.2;
    overflow: hidden;
    text-indent: -100%;
    vertical-align: middle;
    width: 40px;
}
.slides-pagination a.current {
    background: #fff;
    opacity: 1;
}


.slides-navigation {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.slides-navigation a.next {
    bottom: 6px;
    opacity: 0.3;
    right: 40px;
}
.slides-navigation a.prev {
    bottom: 6px;
    left: 40px;
    opacity: 0.3;
}
.slides-navigation a {
    display: block;
    position: absolute;
}




.bannertext {
    margin: auto;
    max-width: 900px;
    min-height: 533px !important;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 4000;
    top:32%;
}

.bannertext h1, .bannertext h2, .bannertext h3, .bannertext h4{color: #fff;  font-family: 'courier_primeregular'; font-size: 2.8em !important;}


.learnmore {
    background: none repeat scroll 0 0 #e55453;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-family: 'proxima_nova_rgbold';
    font-size: 0.7em;
    letter-spacing: 0.13em;
    line-height: 20px;
    margin: 36px auto auto;
    padding: 15px;
    text-transform: uppercase;
    width: 125px;
    -webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}

.learnmore:hover, .services-learnmore2:hover{color: #fff; opacity: 0.8; text-decoration: none;}

.bannertext h1, .bannertext h2, .bannertext h3, .bannertext h4 {
    line-height: 52px;
    margin-bottom: 20px;
    padding-top: 0;
}

.bannertext p {
    color: #fff;
    font-size: 1.2em;
    line-height: 32px;
    margin: 34px auto;
    max-width: 500px;
    opacity: 0.7;
}

.parallax-section-1 {
	height: 450px;
    background-position: center top;
    background-repeat: repeat;
    background-attachment: fixed;
    background-image: url('../images/testimonial-banner.jpg') !important;
}



/* Desktop Parallax Photo */
@media (min-width: 651px){
    .parallax-section-1 { background-image: url('paste full sized image URL'); }
}
/* Mobile Parallax Photo */
@media (max-width: 650px) {
    .parallax-section-1 { background-image: url('paste small image URL'); height: 300px; }
}


.bold{  font-family: 'proxima_nova_rgbold';}


.testimonial-inner {
    margin: auto;
    max-width: 670px;
    padding-top: 134px;
    text-align: center;
}

.testimonial-inner p {
    color: #fff;
    font-family: 'proxima_nova_alt_reg-webfont';
    font-size: 1.9em;
    font-style: italic;
    opacity: 0.6;
}

.quotemark {
	padding: 30px;

}


.sub_banner_one {
    background: #eff2f5;
}


.sub_banner_one h1 {
    font-family: 'courier_primeregular';
    font-size: 5em;
    margin-bottom: 22px;
    padding-top: 80px;
    text-align: center;
}
.services-banner-inner {
    margin: auto;
    max-width: 570px;
}

.services-container{min-height: 700px;}

.services-learnmore{
	
    background: none repeat scroll 0 0 #e55453;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-family: 'proxima_nova_rgbold';
    font-size: 1.2em;
    letter-spacing: 0.13em;
    line-height: 20px;
    margin: 64px auto 20px;
    padding: 15px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    width: 125px;
    clear: both;
    text-align: center;	
	
}

.services-learnmore:hover, .openproject:hover{color: #fff; opacity: 0.8; text-decoration: none;}


.Case_studies_sub_banner{
	
	width: 100%;
	background: url(../images/case-studies-banner.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	
}

.Case_studies_sub_banner h1 {
    font-size: 5em;
    padding-top: 80px;
    text-align: center;
    color: #fff;
    font-family: 'courier_primeregular';
}

.Case_studies_sub_banner p{color: #fff; opacity: 0.7;}

.subnav {
    border-bottom: 1px solid #ddd;
    opacity: 1;
    position: fixed !important;
    z-index: 900;
}
.post-9{background: #eff2f5;} 


.case-studies-inner {
    background: #fff url("../images/gradient.png") repeat-x bottom left;
    margin: auto;
    padding: 92px 0 0 60px;
    position: relative;
}
.browser {
    bottom: 0;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    width: 581px;
}

.case-study-quote p {
    color: #fff !important;
    font-size: 1.5em;
    font-style: italic;
    line-height: 28px;
}


.case-study-quote {
    float: right;
    margin: 11px 0 31px;
    max-width: 484px;
    padding: 52px 38px 20px;
}

.browser_col{margin-bottom: 0 !important;}


.case-studies-inner h2, .case-studies-inner h3, .case-studies-inner h4{ font-size: 2.6em;}

.openproject{
	background: none repeat scroll 0 0 #e55453;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-family: 'proxima_nova_rgbold';
    font-size: 0.7em;
    letter-spacing: 0.13em;
    line-height: 20px;
    margin: 16px auto 45px;
    padding: 15px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    width: 125px;
    clear: both;
    float: left;
    text-align: center;	
	
}

.case-studies-inner .six {
    margin-bottom: 0 !important;
    min-height: 850px;
}

.services-page-container {
    padding-top: 67px;
    text-align: center;
}


.services-page-container .six p {text-align: left !important;}


.services-quote {
    background: none repeat scroll 0 0 #eff2f5;
    font-style: italic;
    padding: 45px;
    border-radius: 4px;
}

.services-learnmore2 {
    background: none repeat scroll 0 0 #e55453;
    border-radius: 2px;
    clear: both;
    color: #fff;
    display: block;
    font-family: 'proxima_nova_rgbold';
    font-size: 1.2em;
    letter-spacing: 0.13em;
    line-height: 20px;
    margin: 50px auto auto;
    padding: 15px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    width: 125px;
    text-align: center;
}

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


.blog-posts {
    max-width: 960px;
    min-height: 1000px;
    padding-top: 85px;
    width: 100%;
}

.story-container {
    border-bottom: 1px solid #CCCCCC;
    border-radius: 3px;
    margin-bottom: 65px;
    max-width: 960px;
    padding-bottom: 35px;
 
}

.story-container p {
    clear: both;
    font-size: 1.6em;
    line-height: 29px;
    margin-top: 30px;
}
.story-container h2 {
    font-size: 2.6em;
 
}
date {
    clear: both;
    color: #4a4e60;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.3em;
    letter-spacing: 0.05em;
    margin-bottom: 35px;
    text-transform: uppercase;
}
.attachment-post-thumbnail {
    height: 100%;
    width: 100%;
}

.testimonials-three {
    background: url("../images/banner-office.jpg") no-repeat;
    height: auto;
    min-height: 620px;
    width: 100%;
    margin-top: 80px;
    background-attachment: fixed;
    background-position: 50% 100%;
    background-size: cover;
}



.blogheader {
    margin: auto;
    max-width: 1170px;
    min-height: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.blogheader h4{font-size: 3em;}

.what-we-do .blogheader {
    padding-top: 225px;
}

.news_readmore{padding-top: 170px; margin-bottom: 130px;}

.pagination li {
    background: none repeat scroll 0 0 #4a4e60;
    border-radius: 100px;
    color: #FFFFFF;
    float: left;
    list-style: none outside none;
    margin-right: 0.3em;
    text-align: center;
    width: 29px;
}
.navigation {
    margin: 15px auto;
    min-height: 30px;
    max-width: 960px;
     width: 100%;
}

.pagination{float: right;}

.pagination li a{color: #fff;}

.back-button, .read-more-link {
    background: none repeat scroll 0 0 #e55453;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 1em;
    letter-spacing: 0.11em;
    padding: 10px;
    text-transform: uppercase;
}

.story-container{
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}

.story-container .link:hover{opacity: 0.8;}

.back-button:hover, .read-more-link:hover{color: #fff;opacity: 0.8;}


.blog-posts h1{float:left;}

.blog-posts .columns{padding: 0; margin-bottom: 0;}


.blogbanner {
    background: none repeat scroll 0 0 #F4F4F4;
    min-height: 634px;
}

.blogheader p {
    color: #656565;
    font-size: 2.4em !important;
    line-height: 2.2em;
    margin: auto;
    max-width: 616px;
    width: 100%;
    padding: 1em 0 146px;
    text-align: center;
}

/* - Contact
---------------------------------------------- */


.sendbtn, .wpcf7-submit {
    background: none repeat scroll 0 0 #e55453 !important;
    border: medium none;
    color: #ffffff !important;
    font-family: 'proxima_nova_rgbold';
    font-size: 0.8em;
    height: 50px !important;
    letter-spacing: 0.18em;
    line-height: 47px;
    margin: auto;
    padding-top: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    max-width: 152px !important;
    cursor: pointer;
}

.wpcf7-form p{text-align: left;}

.contactform_container {
    margin: 47px auto;
    max-width: 960px;
    padding: 16px;
    text-align: center;
}
.contact-form .two-columns {
    -moz-column-count: 2;
    -moz-column-gap: 3em;
    margin: 0 0 3em;
    overflow: visible;
}
.contact-form label {
    display: none;
}
.contact-form input, .contact-form textarea {
    margin-bottom: 1.3em;
    padding: 1em 1.2em;
}
.contact-form input#contactName, .contact-form input#email {
    max-width: 1170px;
    width: 100%;
}

.contact-form textarea {
    clear: both;
    height: 340px;
    width: 100%;
}
.contact-form .button-holder {
    bottom: -40px;
    position: relative;
}
.thank-you {
    margin-top: 325px;
    padding-bottom: 151px;
    text-align: center;
}
input, textarea {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    color: #707070 !important;
    display: block;
    font-family: 'proxima_nova_alt_reg-webfont';
    font-size: 0.9em;
    font-weight: 300;
    margin: 0 0 1.5em;
    padding: 1.5em;
    width: 100%;
}
input[type="radio"], input[type="checkbox"] {
    display: inline-block !important;
    height: auto;
    width: auto;
}
input:focus, textarea:focus, select:focus {
    color: #333333;
    outline: medium none;
}
input.required, select.required, textarea.required {
    background-image: url("../images/asterix.png");
    background-position: right 9px;
    background-repeat: no-repeat;
}
form {
}
form label {
    display: inline-block !important;
    margin: 0 0 0.6em;
}
form button {
    display: block;
}
form button:hover {
    cursor: pointer;
}
form .error {
    color: #FF0000;
    font-style: italic;
}

.button:hover, button:hover {
    opacity:0.8;
}
#commentsText{ font-family: 'proxima_nova_alt_reg-webfont'; }

form.contact-form label, form.login-form label {
    display: none !important;
}

.contact-form label {
    display: none;
}

.contact-info {
    margin: auto;
    max-width: 960px;
    padding-top: 12px;
    text-align: center;
}
.contact-info span, .link{color: #e55453;}

.about h1, .about h2, .about h3, .about h4{
	font-size: 2.2em;
    text-align: left;
}

.about .safehands span{font-family:'Merriweather',serif; color: #e55453;}

.safehands {
    color: #e55453;
    margin-bottom: 10px;
}

.contact-info h2{font-size: 2em;}

.contact-info-ft{color: #e55453;}

.contact-info p {
    font-size: 1.5em;
    line-height: 30px;
}

.case-studies-inner p {
    color: #707070;
    font-family: 'proxima_nova_alt_reg-webfont';
    font-size: 1.6em;
    line-height: 29px;
}

.social a:hover{opacity: 0.8;}

footer .social {
    left: 27px;
    position: absolute;
    top: 61px;
    width: 90px;
    z-index: 0;
}


footer .provacy a{color: #fff;}

.privacy {
    left: 131px;
    position: absolute;
    top: 62px;
}

.privacy a, .privacy p {
    color: #fff;
    font-size: 1em;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgbold';
}


footer .left p {
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgbold';
}

.abitgood {
    max-width: 47px;
    position: absolute;
    right: 23px;
    top: 47px;
    width: 100%;
}

.abitgood{
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}

.abitgood a:hover{opacity: 0.5;}

.abitgood p {
    color: #fff;
    float: left;
    font-family: 'proxima_nova_rgbold';
    font-size: 1.2em;
    letter-spacing: 0.1em;
    margin-right: 10px;
    padding-top: 11px;
    text-transform: uppercase;
}

footer .constraint {
    min-height: 141px;
    
}

.contact-info img{margin-bottom: 23px;}

.post-13 footer{background: #292f36;}

.post-13 .privacy {
    opacity: 0.4;

} 

.map-container{background:#e55453; }

.services-banner-inner a{color: #e55453;}

.back-button {
    clear: both;
    display: table;
    margin-top: 26px;
}
.one_col .constraint{max-width: 900px; margin-top: 170px;}

.services-page-container h2, .services-page-container h3, .services-page-container h4 {
	 font-size: 2.6em !important;
}

.gmnoprint img {
    max-width: none; 
}
/*.post-5 footer{background: #292f36;}

.post-5 .privacy {
    opacity: 0.4;
} 
*/


span.wpcf7-form-control-wrap, .wpcf7-form-control  {
 
    width: 100% !important;
}

div.wpcf7{text-align: center !important;}

img.ajax-loader {

    margin: auto !important;
   
}

span.wpcf7-not-valid-tip {
    color: #e55453 !important;
}

div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
 
    font-size: 2.5em!important;;
    color: #e55453 !important;
    border:none !important;
    font-family: 'proxima_nova_alt_reg-webfont';
}