/*======================================================================
	Theme Name:		MODassic (1.0)
	Description:	Made by MODassic Marketing
	Author:			MODassic Marketing
	Author URI:		http://www.modassicmarketing.com
	Version:		1.0
======================================================================*/


/*======================================================================
	Default
----------------------------------------------------------------------*/
*{
	background-color:transparent;
	background-image:none;
	
	font-family:"Arial", sans-serif;
	font-size:18px;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	color:#5b5b5a;
	line-height:1;
	text-align:left;
	text-decoration:none;
	text-rendering:auto;
	text-transform:none;
	
	list-style:none;
	
	padding:0px;
	margin:0px;
	
	border:0px none;
	border-radius:0px;
	box-shadow:none;
	outline:none;
	
	-moz-osx-font-smoothing:grayscale;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none;
}

.hs-form-field input[type=checkbox] {
	-webkit-appearance: checkbox;
	margin-left: 5px !important;
	display: inline-block;
	width: auto !important;
	vertical-align: middle;
	margin-right: 6px !important;
	margin-top: 0 !important;
}

div.gform_wrapper form div.gform_body .ginput_container_checkbox ul li input {
	width: auto !important;
	margin-right: 6px !important;
	vertical-align: bottom;
}

div.gform_wrapper form div.gform_body .ginput_container_checkbox ul li label {
	vertical-align: bottom;
	font-size: 16px;
}

.gfield_checkbox label {
	display: inline-block !important;
}

.hs-form-field span {
	vertical-align: middle;
}

input.hs-input, select.hs-input {
	border-radius: 0 !important;
	box-shadow: none !important;
	width: calc(100% - 30px) !important;
	height: 40px !important;
	font-size: 17px !important;
	padding: 5px 15px !important;
	box-sizing: inherit !important;
}

select.hs-input {
	background-image: url('images/down_cyan.png');
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-size: 15px;
	cursor: pointer;
}

.hs-button {
	background-color: #69a9c1 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #fff !important;
    letter-spacing: 0.5px !important;
    line-height: 50px !important;
    text-transform: uppercase !important;
    padding: 6px 30px !important;
    margin-top: 0px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    font-family: "Oswald DemiBold", sans-serif !important;
    text-shadow: none !important;
    border: 0 !important;
    background-image: none !important;
    border-radius: 0 !important;
    outline: none !important;
}

.hbspt-form .actions {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.hs-form-field label {
	display: none !important;
}

.page-resource .hs-form-field label {
	display: block !important;
}

.hbspt-form {
	margin-top: 15px;
}

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #eadcc2 inset;
}

input:-webkit-autofill {
    color: #5d5751 !important;
}


.page-container .page-wrapper h1 {
	font-size: 40px;
	font-family: "Oswald Light", sans-serif;
}


/*======================================================================
	HTML & Body
----------------------------------------------------------------------*/
body{
	width:100%;
	height:100%;
}
html.noscroll, body.noscroll{
	overflow:hidden;
}





/*======================================================================
	Curtain
----------------------------------------------------------------------*/
body div.curtain{
	background-color:#252A30;
	width:100%;
	height:100%;
	opacity:0;
	position:fixed;
	top:0;
	left:0;
	visibility:hidden;
	z-index:1000;
	
	transition:all 1.2s ease;
	-webkit-transition:all 1.2s ease;
}
body.noscroll div.curtain{
	opacity:1;
	visibility:visible;
	
	transition:all 0.4s ease,;
	-webkit-transition:all 0.4s ease;
}


.alignright {
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}

.alignleft {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}

.buttons {
	background-color: #69a9c1;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 50px;
    text-transform: uppercase;
    padding: 6px 30px;
    margin-top: 20px;
    border-radius: 6px;
    display: inline-block;
    font-family: "Oswald DemiBold", sans-serif;
}

input.bnstnr-css3 {
    background-image: -webkit-linear-gradient(#72a8da 0%, #2c5274 100%);
    background-color: transparent;
    font-family: "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0px 1px 0px #233f58;
    -webkit-font-smoothing: antialiased;
    padding: 20px 40px;
    border: 0px none;
    border-radius: 4px;
    box-shadow: inset 1px 0px 0px #233f58, inset -1px 0px 0px #233f58, inset 0px 1px 0px #233f58, inset 0px -1px 0px #233f58, inset 0px 2px 0px #9bc8f4;
}

input.bnstnr-css3ie {
    background-color: #5b88af;
    font-family: "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 20px 40px;
    border: 0px none;
    border-radius: 0px;
}


/*======================================================================
	Fonts
----------------------------------------------------------------------*/

@font-face{
    font-family:"MODServices";
    src:url('fonts/mod-services.eot');
    src:url('fonts/mod-services.eot?#iefix') format('embedded-opentype'),
        url('fonts/mod-services.woff') format('woff'),
        url('fonts/mod-services.ttf') format('truetype'),
        url('fonts/mod-services.svg#WebSymbols') format('svg');
    font-style:normal;
    font-weight:normal;
}


/*======================================================================
	Navigation
----------------------------------------------------------------------*/
div.navigation-container::selection{
	background:transparent;
}
div.navigation-container{
	background-color:#252a30;
	padding:40px;
	position:fixed;
	z-index:900;
	width: calc(100% - 80px);
	transition:padding 0.4s ease;
	-webkit-transition:padding 0.4s ease;
}
div.navigation-container div.navigation-wrapper{
	width:100%;
	max-width:1440px;
	margin:0px auto;
}
div.navigation-container div.navigation-wrapper img{
	width:auto;
	height: 60px;
}

div.navigation-container div.navigation-wrapper img_old {
	width:auto;
	height: 35px;
}


/*======================================================================
	Navigation (Float)
----------------------------------------------------------------------*/
div.navigation-container-float{
	background-color:transparent;
	position:fixed;
	top:0;
	right:0;
	left:0;
}


/*======================================================================
	Navigation (Compact)
----------------------------------------------------------------------*/
div.navigation-container-compact{
	padding:20px 40px;
}


/*======================================================================
	Navigation (Hamburger)
----------------------------------------------------------------------*/
div.navigation-container div.navigation-wrapper ul.hamburger{
	width: 45px;
	margin-top:4px;
	cursor:pointer;
	float:right;
	transition:all 0.2s ease,;
	-webkit-transition:all 0.2s ease;
}
div.navigation-container div.navigation-wrapper ul.hamburger li.layer1,
div.navigation-container div.navigation-wrapper ul.hamburger li.layer2,
div.navigation-container div.navigation-wrapper ul.hamburger li.layer3{
	background-color:#fff;
	width:100%;
	height:4px;
	margin-top: 7px;
	
	transition:margin-top 0.2s ease, width 0.1s ease, opacity 0.1s ease, transform 0.4s ease;
	-webkit-transition:margin-top 0.2s ease, width 0.1s ease, opacity 0.1s ease, -webkit-transform 0.4s ease;
}
div.navigation-container div.navigation-wrapper ul.hamburger li.layer1{
	margin-top:0px;
}
div.navigation-container div.navigation-wrapper ul.hamburger li.layer3{
	width:28px;
}


/*======================================================================
	Navigation (Hamburger: Curtain)
----------------------------------------------------------------------*/
div.navigation-container-active{
	z-index:1001;
	background-color: transparent;
}

div.navigation-container-active #logo {
	opacity: 0;
}

div.navigation-container-active div.navigation-wrapper ul.hamburger{
	margin-top:0px;
}
div.navigation-container div.navigation-wrapper ul.hamburger-step1 li.layer1{
	margin-top:14px;
}
div.navigation-container div.navigation-wrapper ul.hamburger-step1 li.layer2{
	opacity:0;
}
div.navigation-container div.navigation-wrapper ul.hamburger-step1 li.layer3{
	width: 45px;
	margin-top:-14px;
}
div.navigation-container div.navigation-wrapper ul.hamburger-step2 li.layer1{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
div.navigation-container div.navigation-wrapper ul.hamburger-step2 li.layer3{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}


/*======================================================================
	Menu
----------------------------------------------------------------------*/
div.menu-container{
	padding:0px 40px;
}
div.menu-container div.menu-wrapper{
	width:100%;
	max-width:1440px;
	margin:0px auto;
}
div.menu-container div.menu-wrapper div.table{
	width:100%;
	height:100%;
	display:table;
}
div.menu-container div.menu-wrapper div.table div.cell{
	display:table-cell;
}


/*======================================================================
	Footer
----------------------------------------------------------------------*/
div.footer-container{
	background-color:#252a30;
	padding:40px 40px 20px 40px;
	padding-top:40px;
}
div.footer-container div.footer-wrapper{
	width:100%;
	max-width:1440px;
	margin:0px auto;
}
div.footer-container div.footer-wrapper div.table{
	width:100%;
	display:table;
}
div.footer-container div.footer-wrapper div.table div.cell{
	width:50%;
	display:table-cell;
	vertical-align:middle;
}
div.footer-container div.footer-wrapper div.table div.cell-left{
	text-align:right;
	padding-right:40px;
	border-right:1px solid #4d5258;
}
div.footer-container div.footer-wrapper div.table div.cell-right{
	padding-left:40px;
}
div.footer-container div.footer-wrapper div.table div.cell p{
	font-family:"Oswald Light", sans-serif;
	font-size:28px;
	color:#fff;
	line-height:40px;
	text-transform:uppercase;
	margin-top:20px;
}
div.footer-container div.footer-wrapper div.table div.cell p:first-child{
	margin-top:0px;
}
div.footer-container div.footer-wrapper div.table div.cell a{
	font-family:"Oswald Light", sans-serif;
	font-size:21px;
	color:#fff;
	letter-spacing:0.5px;
	line-height:50px;
	text-align:center;
	text-transform:uppercase;
	padding: 5px 35px;
	border: 2px solid #69a9c1;
	display:inline-block;
	position:relative;
	font-family: "Oswald DemiBold", sans-serif;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
div.footer-container div.footer-wrapper div.table div.cell a:hover{
	padding-right: 55px;
}
div.footer-container div.footer-wrapper div.table div.cell a:after{
	content:'\f10b';
	font-family:"Ionicons";
	font-size: 21px;
	color:#fff;
	margin-right: 10px;
	opacity:0;
	position:absolute;
	top: 7px;
	right:0;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
div.footer-container div.footer-wrapper div.table div.cell a:hover:after{
	margin-right: 20px;
	opacity:1;
}
div.footer-container div.footer-wrapper div.credits{
	padding-top:20px;
	margin-top:40px;
	border-top:1px solid #4d5258;
}
div.footer-container div.footer-wrapper div.credits p{
	font-size: 16px;
	color:#5e646a;
	line-height:24px;
	float:left;
}
div.footer-container div.footer-wrapper div.credits ul{
	float:right;
}
div.footer-container div.footer-wrapper div.credits ul li{
	margin-left:20px;
	float:left;
}
div.footer-container div.footer-wrapper div.credits ul li:first-child{
	margin-left:0px;
}
div.footer-container div.footer-wrapper div.credits ul li a i{
	font-size: 30px;
	color:#4d5258;
	line-height:24px;
	
	transition:color 0.2s ease;
	-webkit-transition:color 0.2s ease;
}
div.footer-container div.footer-wrapper div.credits ul li a:hover i{
	color:#69a9c1;
}

div.footer-container div.footer-wrapper #telephone {
	border: 0;
	padding: 0;
	font-family: "Oswald Light", sans-serif;
    font-size: 28px;
    color: #69a9c1;
    line-height: 40px;
}

div.footer-container div.footer-wrapper #telephone:after {
	content:'';
}



/*======================================================================
	Work
----------------------------------------------------------------------*/



div.module-work {
	padding: 40px !important;
}

div.module-showcase{
	padding: 0 40px !important;
}

div.module-work .module-wrapper {
	padding: 40px 0px !important;
	margin-top: 80px !important;
}

div.module-work .module-wrapper {
	padding-bottom: 0 !important;
}

div.module-showcase .module-wrapper {
    padding: 40px 0px 0px 0px !important;
    margin-top: 0px !important;
}


div.module-news .module-wrapper {
	padding: 40px 0px !important;
	margin-top: 80px !important;
}

.page-resource .page-wrapper {
	padding: 40px 0px !important;
	margin-top: 80px !important;
}

div.module-work div.module-wrapper div.showcase-container div.work-column-large {
	width:calc(100% / 3) !important;
}


/*======================================================================
	Contact
----------------------------------------------------------------------*/
	
#contact .page-wrapper div.airmail-container{
	background-image:url('images/airmail-bg.png');
	background-position:center center;
	background-repeat:repeat;
	width:70%;
	max-width: 900px;
	padding:15px;
	margin:0px auto;
	box-shadow:0px 0px 1px rgba(0, 0, 0, 0.4), 0px 0px 6px rgba(0, 0, 0, 0.2);
	position:relative;
}


#contact .page-wrapper  div.airmail-container div.airmail-content{
	background-image:url('images/stamps.png'),url('images/airmail-tan.png');
	background-position: right top, center center;
	background-repeat: no-repeat, repeat;
	padding: 30px 30px 30px 40px;
	background-size: 428px 268px, 185px 185px; 
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column{
	width:50%;
	padding-right:15px;
	margin-right:15px;
	float:left;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column label{
	display:none;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input[type=text], #contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.hs-input {
	font-family:"Arial", sans-serif;
	font-size:18px;
	width:100% !important;
	padding: 10px 0px 0 0 ;
	border: 0 !important;
	border-bottom: 1px dashed #5d5751 !important;
	height: 40px; 
	margin-bottom: 10px !important;
	color: #5d5751 !important;
}


#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.hs-input::-webkit-input-placeholder {
   color: #5d5751;
}

#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.hs-input:-moz-placeholder { /* Firefox 18- */
   color: #5d5751;  
}

#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.hs-input::-moz-placeholder {  /* Firefox 19+ */
   color: #5d5751;  
}

#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.hs-input:-ms-input-placeholder {  
   color: #5d5751;  
}



#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column textarea::-webkit-input-placeholder {
   color: #5d5751;
}

#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column textarea:-moz-placeholder { /* Firefox 18- */
   color: #5d5751;  
}

#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #5d5751;  
}

#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column textarea:-ms-input-placeholder {  
   color: #5d5751;  
}




#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column select{
	font-family:"Arial", sans-serif;
	font-size:13px;
	color:#666;
	width:100%;
	padding:10px 0px;
	border:0px none;
	border-radius:0px;
	border-bottom:1px dashed #ddd;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-webkit-appearance:none;
}


#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column select {
	margin-left: 0px !important;
	margin-bottom: 5px !important;
	padding: 0px 20px 0px 0px;
    border-bottom: 1px dashed #5d5751 !important;
    height: 50px;
    width: 100%;
    font-size: 19px;
}


#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column textarea{
	font-family:"Arial", sans-serif;
	font-size:18px;
	color: #5d5751;;
	line-height:20px;
	width:100%;
	height:130px;
	padding:10px 0px;
	border:0px none;
	resize:none;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	border-bottom: 1px dashed #5d5751 !important;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column label.error{
	display:none!important;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.error{
	background-color:#fcf8f8;
	color:#bf3131;
	text-indent:10px;
	border-bottom:1px solid #dd3c3c;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.valid{
	background-color:#f8fdf9;
	color:#358d47;
	text-indent:10px;
	border-bottom:1px solid #3aac51;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column select.error{
	background-color:#fcf8f8;
	color:#bf3131;
	text-indent:10px;
	border-bottom:1px solid #dd3c3c;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column select.valid{
	background-color:#f8fdf9;
	color:#358d47;
	text-indent:10px;
	border-bottom:1px solid #3aac51;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column textarea.error{
	background-color:#fcf8f8;
	color:#bf3131;
	width:calc(100% - 20px);
	padding:10px;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column textarea.valid{
	background-color:#f8fdf9;
	color:#358d47;
	width:calc(100% - 20px);
	padding:10px;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.hs-button, #contact .page-wrapper  div.airmail-container div.airmail-content div.left-column .gform_button {
	padding: 5px 35px;
    border: 2px solid #59a8ba !important;
    color: #fff !important;
    width: auto;
    font-family: "Oswald DemiBold", sans-serif;
    text-transform: uppercase;
    line-height: 50px;
    height: auto;
    font-size: 21px;
}

#contact .page-wrapper  div.airmail-container .gform_body .gform_fields {
	padding-left: 0 !important;	
	margin-top: 0 !important;	
}


div.airmail-container ::-webkit-input-placeholder {
   color: #5d5751;
}

div.airmail-container :-moz-placeholder { /* Firefox 18- */
   color: #5d5751;  
}

div.airmail-container ::-moz-placeholder {  /* Firefox 19+ */
   color: #5d5751;  
}

div.airmail-container :-ms-input-placeholder {  
   color: #5d5751;  
}





#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column input.hs-button:hover, #contact .page-wrapper  div.airmail-container div.airmail-content div.left-column .gform_button:hover {
	background-color:#59a8ba !important;
	border: 2px solid #59a8ba !important;
	color: #fff !important; 
	cursor: pointer;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.right-column{
	width:340px;
	height:273px;
	float:left;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.right-column div.table{
	width:100%;
	height:100%;
	display:table;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.right-column div.table div.cell{
	padding-top:250px;
	padding-left: 30px;
	display:table-cell;
	vertical-align:middle;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.right-column div.table div.cell ul{
	list-style:none;
	padding:0px;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.right-column div.table div.cell ul li{
	font-family:"Architects Daughter", cursive;
	font-size: 23px;
	color:#5d5751;
	line-height:33px;
	list-style: none;
}
#contact .page-wrapper  div.airmail-container div.airmail-content div.right-column div.table div.cell ul li a{
	font-family:"Architects Daughter", cursive;
	font-size: 25px;
	color:#5d5751;
	line-height:30px;
	text-decoration:none;
}




/*======================================================================
	What We Do
----------------------------------------------------------------------*/


#what_we_do {
	background-color: #f2f0eb;
}

#what_we_do .table, #how_we_do_it .table {
	width: 100%;
	display: table;
}

#what_we_do .table:first-child {
	padding-top: 80px;
}


#what_we_do .table:last-child  {
	padding-bottom: 80px;
}


#what_we_do .table .cell, #how_we_do_it .table .cell {
	display: table-cell;
	float: none;
	vertical-align: middle;
	width: 50%;
	padding: 40px;
	
}

#what_we_do .table .cell h1 {
	color: #69a9c1;
	margin-bottom: 15px;
}

#what_we_do .table .cell:nth-of-type(1) {
	padding-left: 80px;
}

#what_we_do .table .cell:nth-of-type(1) img {
	float: right;	
	width: 100%;
	max-width: 450px;
}

#what_we_do .table .cell:nth-of-type(2) {
	padding-right: 80px;
}

#what_we_do .table .cell:nth-of-type(2) img {
	float: left;
	width: 100%;
	max-width: 450px;	
}

#what_we_do .table .cell .text, #how_we_do_it .table .cell .text {
	max-width: 450px;
	line-height: 30px;
}

#what_we_do .table .cell:nth-of-type(1) .text, #how_we_do_it .table .cell:nth-of-type(1) .text {
	float: right;
}

#how_we_do_it .table .cell {
	background-color: #fff;
	padding: 135px 80px;
}

#how_we_do_it .table .cell .listing {
	padding: 40px;
	margin-left: -120px;
	width: 450px;
}

#how_we_do_it .table .cell .listing .column {
	width: 50%;
	display: inline-block;
	color: #fff;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
}

#related_case_studies .module-wrapper {
	max-width: 1080px;
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 20px !important;
}

#related_case_studies div.module-wrapper div.showcase-container div.showcase-column {
    width: 25%;
    width: calc(100% / 4 - .5px);
    float: left;
    cursor: pointer;
}








/*======================================================================
	Process/Studio
----------------------------------------------------------------------*/


#smaller_images {
	padding: 0; 
	width: 50%;
}

.cycle-slideshow .page-wrapper {
	width: 100%;
}


.module-half .table .half {
	background-color: #f2f0eb;
	color: #5b5b5a;
	width: calc(50% - 160px);
	padding: 80px;
	line-height: 30px;
	height: 100%;
	float: left;
	background-size: cover;
	background-position: top center;
}


.module-half a {
	color: #69a9c1;
}


.module-half .table .image {
	padding: 0px;
	background-position: center center;
	background-size: cover;
}


.module-half .table .half h1 {
    font-family: "Oswald Light", sans-serif;
    font-size: 45px;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

div.page-cover div.page-wrapper div.table .headline {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}


div.page-cover div.page-wrapper div.table .headline tr td h1 {
	text-align: center;
}

div.page-quote div.page-wrapper div.table .quote {
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 100px 0;
}

div.page-quote {
	height: auto;
	padding: 0px 40px !important;
}


div.page-we-believe div.page-wrapper div.table .quote {
	padding: 130px 0;
}

div.page-we-believe div.page-wrapper div.table .quote tr td h2 {
	text-align: center;
	font-family: "Oswald Medium", sans-serif !important;
    font-size: 45px;
    color: #fff;
    line-height: 52px;
    padding-bottom: 20px;
}

div.page-quote div.page-wrapper div.table tr td {
	text-align: center !important;
}

div.page-quote div.page-wrapper div.table .headline tr td h1 {
	text-align: center;
}


div.page-quote div.page-wrapper div.table .quote tr td h2 {
	text-align: center;
	font-family: "Oswald Light", sans-serif;
    font-size: 45px;
    color: #fff;
    line-height: 52px;
    padding-bottom: 20px;
}


div.page-quote div.page-wrapper div.table .quote tr td a, div.page-quote div.page-wrapper div.table .quote tr td {
	text-align: center;
	font-family: "Oswald Light", sans-serif;
    font-size: 30px;
    color: #69a9c1;
    text-decoration: none !important;
}


.module-image {
	height: 400px;
	height: 50vh;
	background-size: cover;
	background-position: center center;
}

.module-fourth, .module-third {
	background-color: #f2efe8;
}


.module-third .table {
	display: table;
}

.module-third .table .third {
	width: 33%;
	height: 100%;
	display: table-cell;
}

.module-third .table .third .column {
	margin: 30px 20px;
	background-color: #fff;
	height: 100%;
}

.module-third .table .third .image {
	width: 100%;
	height: 250px;
	background-position: center center;
	background-size: cover;
}

.module-third .table .third .copy {
	width: calc(100% - 60px);
	padding: 20px 30px 40px 30px;
	line-height: 30px;
	margin-top: -50px;
}

.module-third .table .third .copy h1 {
	background-color: #69a9c1;
	color: #fff;
	display: inline-block;
	padding: 5px 30px;
	font-family: "Oswald DemiBold", sans-serif;
	font-weight: 600;
	font-size: 24px;
    letter-spacing: 0.5px;
    line-height: 50px;
    text-transform: uppercase;
}

.module-third .table .third .copy h3 {
	font-size: 28px;
	color: #5b5b5a;
	margin: 25px 0 15px 0;
	text-transform: uppercase;
	line-height: 31px;
	font-family: "Oswald Light", sans-serif;
}

.module-fourth .table .fourth {
	color: #5b5b5a;
	width: calc(25% - 40px);
	padding: 60px 20px;
	line-height: 25px;
	height: 100%;
	float: left;
	text-align: center;
	font-size: 15px;
}


.module-fifth {
	background-color: #f6f5f4;
}


.module-fifth .table .fifth {
	color: #5b5b5a;
	width: calc(20% - 40px);
	padding: 60px 20px;
	line-height: 25px;
	height: 100%;
	float: left;
	text-align: center;
	font-size: 15px;
}



.module-fourth .table .fourth h3 {
	font-size: 30px;
	font-family: "Oswald Light", sans-serif;
	padding-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
}


.module-fifth .table .fifth h4 {
	font-size: 25px;
	font-family: "Oswald Light", sans-serif;
	padding-top: 30px;
	text-align: center;
	text-transform: uppercase;
}

div.module-video div.module-wrapper div.table div.cell .home_link {
	margin: 0;
	text-align: center;
	font-size:42px;
	color: #fff;
	font-family: "Oswald Light", sans-serif;
}

div.module-video div.module-wrapper div.table div.cell .home_link a {
	border: 0 !important;
	font-size:42px;
	font-family: "Oswald Light", sans-serif;
	margin: 10px 15px 0 15px;
	padding: 0;
	border-bottom: 2px solid transparent !important;
}

div.module-video div.module-wrapper div.table div.cell .home_link a:hover {
	background-color: transparent;
	border-bottom: 2px solid #fff !important;
}


.module-fifth .table .fifth .services {
    background-color: #69a9c1;
    font-family: "MODServices";
    font-size: 62px;
    color: #fff;
    line-height: 130px;
    text-align: center;
    margin: 0 auto;
    width: 130px;
    height: 130px;
    border: 2px solid #69a9c1;
    border-radius: 65px;
    display: block;
    transition: background-color 0.2s ease, color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
}


.video {
	width: calc(100% - 100px); max-width:1440px; padding: 50px; margin:0px auto;
}


.popup_video {
	display: none;
	text-align: center;
	vertical-align: middle;
	height: 90vh;
	width: 100%;
}

.popup_video_active {
	display: table;
}

#process_video, #studio_image {
	width: 50%;
	display: table;
}

.playbutton, .playbutton_studio {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff !important;
	font-size: 100px;
	cursor: pointer;
}

.playbutton i, .playbutton_studio i {
	color: #fff !important;
}

#videoplayer_mobile {
	display: none;
	background-position: center center;
	background-size: cover;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	z-index: -1;
}


#seal {
	position: absolute; 
	right: 250px; 
	margin-top: -60px; 
	height: 280px;
}


#mobile_header {
	display: none;
}

#newsletter, #gform_wrapper_3  {
	font-size: 32px;
	padding: 20px 10px !important;
}

.newsletter_module {
	margin-left:40px;
	padding: 10px;
	text-align: center;
}


.newsletter_module #newsletter, #gform_wrapper_3 {
	text-align: center;
    font-size: 32px;
	text-transform: uppercase;
    font-family: "Oswald Medium", sans-serif;
    color: #fff;
}


.newsletter_module {
	text-align: center;
    font-size: 32px;
	text-transform: uppercase;
    font-family: "Oswald Medium", sans-serif;
    color: #fff;
    line-height: 34px;
}


.newsletter_module #newsletter input, #gform_wrapper_3 input {
    padding: 10px 10px;
    border: 1px solid #fff;
    width: calc(100% - 22px);
    margin-top: 10px;
    line-height: 25px;
}   

.newsletter_module #newsletter input, #gform_wrapper_3 select {
    padding: 20px 10px;
    border: 1px solid #fff;
    width: calc(100% - 22px);
    margin-top: 10px;
    line-height: 25px;
    color: #fff;
} 

.newsletter_module #newsletter input[type=submit], #gform_wrapper_3 input[type=submit] {
	width: 100%;
} 

div.page-container div.page-wrapper ul li {
	 height: auto !important;
}

.rrssb-buttons.large-format li a .rrssb-icon {
    height: 100%; 
}

div.module-news div.module-wrapper .post #glossary .text {
	font-size: 32px !important;
}

.rrssb-buttons {
    height: auto !important;
}


div.page-glossary div.page-wrapper div.sidebar {
    width: 60% !important;
    margin: 0px auto !important;
    float: none !important;
}

div.page-glossary div.page-wrapper div.widget-container div.widget-wrapper {
	padding: 50px 0 !important;
}

div.page-glossary div.page-wrapper div.widget-container div.widget-wrapper img {
	max-width: 200px;
}

div.page-cover-glossary div.page-wrapper div.table table tr td {
	padding-top: 0 !important;
}

#newsletter input, #gform_wrapper_3 input {
	padding: 10px 10px;	
	border: 1px solid #fff;
	width: calc(100% - 22px);
	margin-top: 10px;
	padding: 10px;
	color: #fff;
}

div.gform_wrapper form div.gform_body ul li {
	margin: 20px 0 0 10px !important;
	width: 100% !important;
}

.gform_hidden {
	display: none;
}


div.gform_confirmation_wrapper {
    background-color: transparent !important;
}

div.gform_confirmation_wrapper div.gform_confirmation_message {
	text-align: center;
}

#gform_wrapper_3 input::-webkit-input-placeholder, #newsletter input::-webkit-input-placeholder {
   color: #fff;
}

#gform_wrapper_3 input:-moz-placeholder, #newsletter input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

#gform_wrapper_3 input::-moz-placeholder, #newsletter input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

#gform_wrapper_3 input:-ms-input-placeholder, #newsletter input:-ms-input-placeholder {  
   color: #fff;  
}


body img.gform_ajax_spinner {
    display: none!important;
}


#newsletter input[type=submit], #gform_wrapper_3 input[type=submit] {
	width: calc(100% - 0px);
	cursor: pointer;
	background-color: #fff !important;
	color: #69a9c1;
	text-align: center;
	font-weight: 600;
	line-height: 25px;
}


#newsletter a, #gform_wrapper_3 a {
	display: inline;
}

#newsletter a i, #gform_wrapper_3 a i {
	margin-top: 15px;
	color: #fff;
	font-size: 30px;
	padding: 0 5px;
}

#comment {
	border: 1px solid #5b5b5a;
}


.commentlist, .commentlist li {
	list-style: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}


.pullquote {
	font-size: 37px;
	line-height: 47px;
	padding-top: 30px;
	padding-bottom: 10px;
	font-family: "Oswald Light", sans-serif;
	width: 50%;
	float: right;
	text-align: left;
	padding-left: 30px;
}


.authors {
	font-size: 27px;
	font-family: "Oswald Light", sans-serif;
}


.elevator_hide {
	opacity: 0;
}

#benefits ul, #benefits ul li {
	margin: 0;
	padding-left: 20px;
	color: #fff;
	list-style: disc;
}

#benefits ul li {
	margin: 10px 0;
	padding: 0;
}

.video-wrapper {
	width: 100%;
	margin: 0 auto;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


#gform_submit_button_3 {
	color: #69a9c1 !important;
	width: calc(100% - 22px) !important;
}

.career_title {
	font-size: 42px;
    font-family: "Oswald Light", sans-serif;
    padding-bottom: 20px;
    text-align: center;
    color: #69a9c1;
    font-weight: 700;
}

.career_description {
	line-height: 30px;
}

div.page-container #careers, div.page-container #portfolio {
	max-width: 800px;
	text-align: center;
}

div.page-container #careers h1 {
	text-align: center;
}

div.page-container #careers .career_block {
    text-align: center;
    padding-bottom: 40px;
}	

div.page-container #careers .career_block .button {
	border: 2px solid #5b5b5a;
    font-size: 21px;
    margin-top: 20px;
    font-weight: 700;
    color: #5b5b5a;
    letter-spacing: 0.5px;
    line-height: 50px;
    text-transform: uppercase;
    padding: 5px 35px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-family: "Oswald DemiBold", sans-serif;
}

#portfolio_button {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 50px;
    background-color: #69a9c1;
    border: 2px solid #69a9c1;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 35px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-family: "Oswald DemiBold", sans-serif;
    text-align: center;
}

div.page-container #careers .career_block .button:hover { 
	background-color: #69a9c1;
    border: 2px solid #69a9c1;
    color: #fff;
}

.popup_animation {
    transform: scale(1) !important;
}

.popup, .rrssb-newsletter a {
    background-color: #fff;
    width: calc(50% - 10px);
    margin-top: 20px;
    text-align: left;
    padding: 75px;
    margin-bottom: 20px;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    display: none;
    overflow: hidden;
    margin: 20px auto;
}


#logo {
	-moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}


#logo.fadeout {
	opacity: 0;
}


.visibility {
    visibility: visible !important;
    display: block;
}

.popup input {
	border: 1px solid #5b5b5a;
	border-radius: 0;
	padding: 15px;
	margin: 5px 0;
	width: calc(100% - 32px);
	color: #5b5b5a;
	font-family: "Oswald DemiBold", sans-serif;
	text-transform: uppercase;
}

.popup input[type="submit"] {
	width: 100%;
	background-color: #69a9c1;
	color: #fff;
	border: 0;
	cursor: pointer;
}

.popup input[type="file"] {
	color: #cecece;
	font-weight: 400;
	border: 0;
}

.popup p {
	line-height: 30px;
	padding: 10px 0;
}



.loading {
	background-color: white;
	width: 100px;
	height: 100px;
	position: absolute;
	width: calc(100% - 150px);
	height: 400px;
	z-index: 1200;
	display: none;
}

.loading #symbol {
	margin: 0 auto;
	padding-left: calc(50% - 50px);
	margin-top: 50px;
}

.loading .bar1 {
  -moz-transform:rotate(0deg) translate(0, -40px);
  -webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.12;
}
.loading .bar2 {
  -moz-transform:rotate(45deg) translate(0, -40px);
  -webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.25;
}
.loading .bar3 {
  -moz-transform:rotate(90deg) translate(0, -40px);
  -webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.37;
}
.loading .bar4 {
  -moz-transform:rotate(135deg) translate(0, -40px);
  -webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.50;
}
.loading .bar5 {
  -moz-transform:rotate(180deg) translate(0, -40px);
  -webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.62;
}
.loading .bar6 {
  -moz-transform:rotate(225deg) translate(0, -40px);
  -webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.75;
}
.loading .bar7 {
  -moz-transform:rotate(270deg) translate(0, -40px);
  -webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.87;
}
.loading .bar8 {
  -moz-transform:rotate(315deg) translate(0, -40px);
  -webkit-transform:rotate(315deg) translate(0, -40px);opacity:1;
}

#div1, #div2, #div3 {
  position:relative;
  width:100px;
  height:100px;
  margin-bottom:1.5em;
  margin-right:1.5em;
  -moz-border-radius:100px;
  float:left;
  -moz-transform:scale(0.5);
  -webkit-transform:scale(0.5);
}
#div1 div, #div2 div, #div3 div {
  width:10px;
  height:30px;
  background:#000;
  position:absolute;
  top:35px;
  left:45px;
}

@-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(0.5) rotate(0deg);}
  to {-webkit-transform:scale(0.5) rotate(360deg);}
} 

.popup h2 {
	padding: 20px 0;
	color: #69a9c1;
	font-family: "Oswald DemiBold", sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
}

.popup ul {
	padding-left: 20px;
}

.popup li {
	padding: 0px;
	margin: 10px;
	list-style: disc;
	line-height: 30px;
}

.remove-menu {
	display: none;
}

input[type=file]{
    width:90px;
    color:transparent;
    padding: 10px 15px;
    cursor: pointer;
}

.fileinput {
	border: 1px solid #5b5b5a;
	margin-top: 5px;
	margin-bottom: 10px;
}

#fileLabel {
	color: #bdbdbd;
	font-family: "Oswald DemiBold", sans-serif;
	text-transform: uppercase;
}

.fileinput:last-of-type {
	margin-bottom: 5px;
}


div.gform_wrapper form div.gform_body ul li div input, div.gform_wrapper form div.gform_body ul li {
	margin: 2px 0 !important;
}

.gform_body ul {
	padding: 0;
	margin: 0;
}

div.gform_wrapper form div.gform_body ul li div input {
	width: calc(100% - 42px) !important;
	padding: 0 8px;
}

div.gform_wrapper form div.gform_footer input {
	border: 0 !important;
	color: #fff !important;
}


div.gform_wrapper form div.gform_body #extensions_message {
	line-height: 40px;
	font-size: 14px;
	display: none;
}

div.gform_wrapper form div.gform_footer {
	padding-top: 0 !important;
}

div.gform_wrapper form div.gform_body #field_5_3 label, div.gform_wrapper form div.gform_body #field_5_4 label {
	display: block !important;
	padding-top: 15px;
	padding-bottom: 5px;
	border: 1px solid #ddd;
	color: #a9a9a9;
	font-family: "Oswald DemiBold", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	padding-left: 20px;
	font-size: 18px;
	padding-bottom: 15px;
	position: absolute;
	
}

.ginput_container_fileupload {
	height: 50px;
}

.ginput_container_checkbox input {
	background-color: white;
	width: auto;
	-webkit-appearance: checkbox;
	height: auto !important;
}

.ginput_container_checkbox ul {
	padding-left: 0 !important;
	margin-top: 10px !important;
}

div.gform_wrapper form div.gform_body ul .gfield_html, div.gform_wrapper form div.gform_body ul .gfield_html a {
	line-height: normal;
	font-size: 14px;
	line-height: 19px;
	padding-bottom: 20px;
}


#input_5_3, #input_5_4 {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	cursor: pointer !important;
}





#field_5_3 label, #field_5_4 label {
	cursor: pointer;
	width: calc(100% - 22px);
}

#field_5_3, #field_5_4 {
	position: relative;
}

#field_5_3 label:after, #field_5_4 label:after {
	font-family: FontAwesome;
	content: ' \f093';
	position: absolute;
	right: 20px;
}



#filter {
	padding: 10px 10px 40px 5px;
}

#filter .filters {
	display: inline;
	margin-right: 10px;
	font-family: "Oswald DemiBold", sans-serif;
	font-size: 21px;
	text-transform: uppercase;
	padding: 10px 25px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    background-color: #4d5258;
    color: #fff;
}

#filter .filters:hover {
	background-color: #69a9c1;
	color: #fff;
}

#filter .active {
	background-color: #69a9c1;
	color: #fff;
}

#filter #select_filter {
	display: none;
	background-color: #4d5258;
	color: #fff;
	padding: 10px 15px;
	font-family: "Oswald DemiBold", sans-serif;
	font-size: 21px;
	text-transform: uppercase;
	min-width: 300px;
	background-image: URL('images/down.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 18px;
	cursor: pointer;
}

.back_nav {
	position: absolute;
	width: calc(50% - 440px);
	text-align: center;
}

.back_nav .back_wrapper {
	text-align: right;
	margin-right: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

#related .related_case_studies {
	margin: 0 auto;
	max-width: 980px;
}

#related div.module-wrapper div.showcase-container div.showcase-column {
	width: calc(25% - .5px);
}

#related .module-wrapper {
	padding-top: 0 !important;
	padding-bottom: 40px !important;
	margin-top: 40px !important;
}

#related h3 {
    font-family: "Oswald Light", sans-serif;
    font-size: 44px;
    color: #3f4445;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

#hubspot {
	max-width: 980px;
	padding-top: 60px;
	display: table;
	width: 100%;
}

#hubspot .text {
	width: calc(65% - 50px);
	color: #fff !important;
	padding-left: 50px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#hubspot .text h3 {
	font-family: "Oswald Medium", sans-serif;
    font-size: 37px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    padding-bottom: 15px;
}

#hubspot .text p {
	line-height: 25px;
	font-size: 21px;
    font-family: "Arial", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
}

#hubspot .image {
	display: table-cell;
	width: 35%;
	text-align: center;
	vertical-align: middle;
}

#hubspot .image img {
	width: 100%;
}

.titles {
    font-family: "Oswald Light", sans-serif;
    font-size: 45px;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-weight: 400;
    padding-top: 15px;
    text-align: center;
}

.screen-reader-text {
	display: none;
}

#process_chart .logos {
	font-size: 0;
}

#process_chart .logos .logo img {
	max-width: 100;
}

#process_chart .logos .logo {
	display: inline-block;
	width: calc(25% - 40px);
	padding: 20px;
	vertical-align: middle;
}

#process_chart .page-wrapper .table .cell {
	padding: 100px 0;
	line-height: 30px;
}

#process_chart .page-wrapper .table .cell h1 {
	color: #fff;
	padding-bottom: 20px;
}

#process_chart .page-wrapper .table .third {
	width: 40%;
	display: table-cell;
	vertical-align: middle;
}

#process_chart .page-wrapper .table .two-third {
	width: 60%;
	display: table-cell;
	color: #fff;
	vertical-align: middle;
	padding-left: 30px;
}

#process_copy p {
	margin: 15px 0;
	line-height: 25px;
    font-size: 16px;
}

#process_chart p {
	margin: 15px 0;
	line-height: 30px;
    color: #fff;
    font-size: 18px;
}