@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@viewport{
width:device-width;
zoom:1.0;
}
@-ms-viewport{
width:device-width;
zoom:1.0;
}



/*GLOBAL*/

html,
body{
height:100%;
min-width:22em;
margin:0;
padding:0;
font-family:'Noto Sans',Arial,sans-serif !important;
font-size:100%;
}
nav,
section,
footer{
display:block;
clear:both;
}
input,
button,
textarea{
font-family:'Noto Sans',Arial,sans-serif !important;
font-size:100% !important;
}
h1{
font-size:200%;
font-weight:normal;
}
h2{
margin:1.5em auto 0.5em auto;
font-size:260%;
padding:0;
color:#ba0000;
font-weight:normal;
text-align:center;
text-transform:lowercase;
}
h2.smaller{
font-size:220%;
color:#000;
}
h3{
max-width:36em;
margin:0 auto;
padding:0;
font-size:120%;
font-weight:normal;
text-align:center;
}
a{
text-decoration:none;
}
img{
border:0;
margin:0;
padding:0;
-ms-interpolation-mode:bicubic;
image-rendering:optimizeQuality;
}



/*DNN SKIN.CSS OVERRIDES*/

form,h1,h2,h3,h4,p,span,div,font,input,select,option,button,textarea,table,td,th,ol,ul,li,a{
font-family:'Noto Sans',Arial,sans-serif !important;
}
div.blog_content .Normal{
font-size:100% !important;
line-height:1.4 !important;
}
div.blog_content h1{
margin:1em 0 !important;
padding:0 !important;
line-height:1.2;
color:#000;
font-size:220%;
text-align:center;
border-top:0;
}
div.blog_content h2{
margin:1.5em 0 0 0;
padding:0;
line-height:1.2;
font-size:140% !important;
text-align:left;
text-transform:none !important;
}
div.blog_content h1 + h2{
margin:0.5em 0 0 0;
}
div.blog_intro h2{
margin:1em 0 0 0 !important;
padding:0;
font-size:260% !important;
text-align:center;
}
div.blog_content h3{
max-width:100% !important;
margin:1em 0 0 0 !important;
padding:0 !important;
font-style:normal;
font-size:120% !important;
text-align:left;
line-height:1.4;
text-transform:none !important;
}
div.blog_intro h3{
max-width:36em !important;
margin:0 auto !important;
text-align:center;
}
div.blog_content h4{
margin:0;
padding:0;
line-height:1.4;
font-weight:bold;
font-size:140% !important;
letter-spacing:normal;
color:#000;
}
div.blog_content p{
margin:1em 0;
padding:0;
line-height:1.4;
}
div.blog_content ul{
margin:1em 0;
padding:0 0 0 3em;
list-style:disc outside none;
}
div.blog_content ol{
margin:1em 0;
padding:0 0 0 3em;
list-style:decimal outside none;
}
div.blog_content ul li{
list-style:disc outside none;
}
div.blog_content ol li{
list-style:decimal outside none;
}
div.dnn_blog_layout blockquote{
overflow:hidden;
margin:1em 0;
padding:1em;
line-height:1.4;
font-size:100%;
font-style:normal;
border-top:1em solid #eee;
border-bottom:1em solid #eee;
}
div.blog_content blockquote p{
margin:0;
padding:0;
font-style:normal;
font-size:100%;
}
div.blog_content a,
div.blog_content a:hover{
text-decoration:none !important;
}



/*LAYOUT*/

div.layout{
overflow-x:hidden;
}
div.layout_inner{
max-width:60em;
margin:0 auto;
padding:0 1em;
clear:both;
overflow:auto;
}



/*NAVIGATION*/

div.navigation_layout{
position:fixed;
top:0;
left:0;
z-index:9999;
width:100%;
padding:0 0 0.5em 0;
background:url(../images/menu_bg00.png) 0 100% repeat-x;
background-size:auto 100%;
}
div.navigation_layout div.layout_inner{
overflow:hidden;
height:3.5em;
margin:0 auto;
background:#fff;
}
div.navigation_layout img{
display:block;
width:100%;
}
ul.main_menu{
float:right;
height:3.5em;
margin:0;
padding:0;
list-style:none;
}
ul.main_menu li{
float:left;
height:3.5em;
padding:0 0.625em;
line-height:3.5em;
}
ul.main_menu li.no_link{
position:absolute;
left:-999em;
}
ul.main_menu li.icon_phone{
width:2.5em;
padding:0;
}
ul.main_menu li.icon_email{
width:2.5em;
margin:0 0 0 0.5em;
padding:0;
}
ul.main_logo,
ul.main_logo li{
float:left;
margin:0;
padding:0;
list-style:none;
}
ul.main_logo a{
display:block;
width:12em;
height:3.5em;
line-height:3.5em;
cursor:pointer;
}
ul.main_menu a{
display:block;
line-height:3.5em;
font-weight:bold;
color:#000;
text-transform:lowercase;
}
ul.main_menu li.nav_link a span{
text-decoration:none;
text-transform:uppercase;
font-size:87.5%;
color:#697980;
-webkit-transition:color 100ms ease-out;
-moz-transition:color 100ms ease-out;
-o-transition:color 100ms east-out;
transition:color 100ms ease-out;
}
ul.main_menu li.current a span,
ul.main_menu li.nav_link a:hover span{
color:#91bd58;
}
ul.main_menu li.icon_phone a img,
ul.main_menu li.icon_email a img{
-webkit-transition:-webkit-opacity 200ms ease-out;
-moz-transition:-moz-opacity 200ms ease-out;
-o-transition:-o-opacity 200ms ease-out;
transition:opacity 200ms ease-out;
}
ul.main_menu li.icon_phone a:hover img,
ul.main_menu li.icon_email a:hover img{
-webkit-opacity:0.5;
-moz-opacity:0.5;
-o-opacity:0.5;
opacity:0.5;
}
li.more_link a{
color:#23e2e8;
}
span.link_left{
display:none;
}



/*BUTTONS*/

a.link_button{
display:block;
height:2.5em;
line-height:2.5em;
max-width:14em;
margin:1em auto 0 auto;
text-align:center;
text-transform:uppercase;
color:#fff;
background:#252525;
border-radius:0.25em;
-webkit-transition:background 300ms ease-out;
-moz-transition:background 300ms ease-out;
-o-transition:background 300ms east-out;
transition:background 300ms ease-out;
}
a.link_button:hover{
background:#ba0000;
}



/*INTRODUCTION*/

div.introduction_layout{
border-top:3.5em solid #fff;
background:url(../images/intro_bg00.jpg) 50% 50% no-repeat #f2f2f2;
background-size:cover;
}
div.introduction_layout div.layout_inner{
max-width:52em;
}
div.introduction_layout div.introduction_logo,
div.introduction_layout div.introduction_text{
float:right;
width:49.9%;
padding:7em 0;
overflow:hidden;
}
div.introduction_layout h1{
max-width:13em;
margin:0;
padding:0;
}
div.introduction_layout ul{
margin:1.5em 0;
padding:0;
list-style:none;
}
div.introduction_layout li{
clear:both;
margin:0 0 0.4em 0;
padding:0;
list-style:none;
overflow:auto;
}
div.introduction_layout li img{
width:2em;
float:left;
}
div.mbase360_logo{
max-width:26em;
min-width:20em;
margin:0 0 0 2em;
}
div.mbase360_logo img{
display:block;
width:100%;
}
img#mbase360-fg{
margin:-100% 0 0 0;
}



/*SOLUTION*/

div.solution_layout{
background-image:url(../images/target_bg00.jpg);
background-position:50% -999em;
background-repeat:no-repeat;
}
div.solution_layout div.layout_inner{
max-width:44em;
background-image:url(../images/dart00.png);
background-position:50% -999em;
background-repeat:no-repeat;
}
div.solution_text{
float:left;
width:38.4%;
padding:4em 0 0 0;
}
div.solution_layout h2 img{
display:none;
max-width:80%;
margin:0 auto;
}
div.solution_layout h3{
margin:0 0 1.6em 0;
}
div.solution_text p{
margin:0 auto;
font-size:90%;
color:#666;
}
div.solution_text ul{
margin:2em auto;
padding:0;
list-style:none;
font-size:80%;
overflow:auto;
}
div.solution_text li{
float:left;
width:29.3%;
margin:0 2%;
color:#999;
text-align:center;
}
div.solution_text li img{
display:block;
width:3.5em;
margin:0 auto;
}
div.solution_image{
float:right;
width:61.4%;
}
div.solution_image img{
float:right;
width:100%;
}



/*WHAT YOU GET*/

div.what_layout{
background:#f1f1f1;
}
div.what_layout h3{
max-width:30em;
}
div.what_layout ul{
width:60em;
margin:2em auto 6em auto;
padding:0;
list-style:none;
overflow:auto;
}
div.what_layout li{
float:left;
width:19em;
height:19em;
margin:0.5em;
padding:0;
list-style:none;
background:url(../images/circle_bg00.png);
background-position:50% 50%;
background-repeat:no-repeat;
background-size:100% 100%;
-webkit-transition:background-size 100ms ease-out;
-moz-transition:background-size 100ms ease-out;
-o-transition:background-size 100ms ease-out;
transition:background-size 100ms ease-out;
}
div.what_layout li:hover{
background-size:96% 96%;
}
div.what_layout li span{
display:block;
padding:3em 0 0 0;
}
div.what_layout li img{
display:block;
height:5em;
margin:0 auto;
-webkit-transition:-webkit-transform 100ms ease-out;
-moz-transition:-moz-transform 100ms ease-out;
-o-transition:-o-transform 100ms ease-out;
transition:transform 100ms ease-out;
}
div.what_layout li:hover img{
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
div.what_layout li h4{
max-width:17em;
margin:1.2em auto 1em auto;
padding:0;
text-transform:uppercase;
text-align:center;
cursor:default;
}
div.what_layout li p{
max-width:13em;
margin:0 auto;
text-align:center;
font-size:90%;
color:#666;
cursor:default;
}



/*THE PROCESS*/

div.process_layout{
background:url(../images/pathway_bg00.jpg) 100% 0 no-repeat fixed;
}
div.pathway{
position:relative;
height:48em;
width:60em;
margin:3em auto 5em auto;
}
div.pathway_inner{
position:absolute;
}
div.pathway_inner div.pathway_text,
div.pathway_inner div.pathway_icon{
position:absolute;
width:12em;
height:12em;
}
div.pathway a{
position:absolute;
display:block;
float:left;
width:12em;
height:12em;
cursor:pointer;
}
span.pathway_background{
position:absolute;
top:0;
left:0;
width:12em;
height:12em;
-webkit-transition:-webkit-transform 200ms ease-out;
-moz-transition:-moz-transform 200ms ease-out;
-o-transition:-o-transform 200ms ease-out;
transition:transform 200ms ease-out;
}
div.pathway_text.flipped span.pathway_background{
-webkit-transform:scaleY(-1);
-moz-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
}
div.pathway_text.flipped span.pathway_background img{
visibility:hidden;
}
div.pathway_text h5{
position:absolute;
top:0;
left:0;
width:12em;
margin:0;
padding:3em 0 0 0;
text-align:center;
text-transform:uppercase;
font-size:100%;
color:#fff;
-webkit-opacity:1;
-moz-opacity:1;
-o-opacity:1;
opacity:1;
-webkit-transition:-webkit-opacity 200ms ease-out;
-moz-transition:-moz-opacity 200ms ease-out;
-o-transition:-o-opacity 200ms ease-out;
transition:opacity 200ms ease-out;
}
div.pathway_text.flipped h5{
-webkit-opacity:0;
-moz-opacity:0;
-o-opacity:0;
opacity:0;
}
div.pathway_text h5 span{
display:block;
font-size:220%;
font-weight:normal;
}
div.pathway_text p{
position:absolute;
top:0;
left:0;
height:10em;
width:11em;
padding:0 0.5em;
text-align:center;
color:#fff;
-webkit-opacity:0;
-moz-opacity:0;
-o-opacity:0;
opacity:0;
-webkit-transition:-webkit-opacity 200ms ease-out;
-moz-transition:-moz-opacity 200ms ease-out;
-o-transition:-o-opacity 200ms ease-out;
transition:opacity 200ms ease-out;
}
div.pathway_text.flipped p{
-webkit-opacity:1;
-moz-opacity:1;
-o-opacity:1;
opacity:1;
}
div.pathway_text p span{
font-size:90%;
}
div.pathway_text p strong{
display:block;
font-size:120%;
}
div.pathway_icon img{
display:block;
width:12em;
height:12em;
}
span.pathway_background img{
display:block;
width:12em;
height:12em;
-webkit-opacity:0.3;
-moz-opacity:0.3;
-o-opacity:0.3;
opacity:0.3;
}
div.pathway_text a:hover span.pathway_background img{
-webkit-opacity:1.0;
-moz-opacity:1.0;
-o-opacity:1.0;
opacity:1.0;
}
div.pathway01{
top:24em;
left:0;
}
div.pathway01 span.pathway_background{
background:#000;
}
div.pathway02{
top:24em;
left:12em;
}
div.pathway02 span.pathway_background{
background:#7f7f7f;
}
div.pathway03{
top:24em;
left:24em;
}
div.pathway03 span.pathway_background{
background:#b2b2b2;
}
div.pathway04{
top:36em;
left:24em;
}
div.pathway04 span.pathway_background{
background:#604d94;
}
div.pathway05{
top:0;
left:24em;
}
div.pathway05 span.pathway_background{
background:#ba0000;
}
div.pathway06{
top:12em;
left:24em;
}
div.pathway06 span.pathway_background{
background:#00a0ad;
}
div.pathway07{
top:12em;
left:36em;
}
div.pathway07 span.pathway_background{
background:#23e2e8;
}
div.pathway08{
top:12em;
left:48em;
}
div.pathway08 span.pathway_background{
background:#7beef1;
}
div.pathway09{
top:24em;
left:48em;
}
div.pathway09 span.pathway_background{
background:#000;
}
div.pathway10{
top:36em;
left:0;
}
div.pathway11{
top:36em;
left:36em;
}
div.pathway12{
top:0;
left:12em;
}
div.pathway13{
top:12em;
left:12em;
}
div.pathway14{
top:36em;
left:48em;
}
div.process_contact{
display:none;
padding:3em 0 4em 0;
background:#666;
}
div.process_contact h4{
margin:0;
padding:0;
text-align:center;
color:#fff;
}
div.contact_button{
}
div.process_contact a.link_button{
margin:0.6em auto 0 auto;
}



/*GET INSPIRED*/

section#inspired{
display:none;
}
body.get_inspired div.introduction_layout h1{
max-width:10em;
margin:4em 0 0 0;
}
div.inspired_layout{
background:#e4e4e4;
}
div.pinterest_link{
margin:3em auto 0 auto;
padding:8em 0;
border:1em solid #fff;
background:url(../images/inspired_bg00.jpg) 50% 0 repeat-y fixed;
}
div.pinterest_link a.link_button{
margin:0 auto;
}
div.pinterest_logo{
height:2em;
line-height:2em;
margin:0 auto 5em auto;
padding:0 0 1em 0;
text-align:center;
background:#fff;
}
div.pinterest_logo img{
height:2em;
width:7em;
vertical-align:middle;
}



/*OUR WORK*/

div.work_layout{
padding:0 0 2em 0;
background:url(../images/case_study_bg00.jpg) 50% 50% repeat-y fixed;
}



/*FEATURE ITEMS (BLOG + OUR WORK)*/

div.feature_items{
max-width:57em;
margin:3em auto;
overflow:auto;
background:#fff;
}
div.feature_item{
float:left;
height:19em;
width:19em;
background:#fff;
}
div.feature_item_image a,
div.feature_item_image a:hover{
display:block;
height:19em;
width:19em;
text-decoration:none !important;
}
div.feature_item_image{
height:19em;
width:19em;
margin:-19em 0 0 0;
overflow:hidden;
}
div.feature_item_image img{
display:block;
width:100%;
-webkit-transition:all 200ms ease-out;
-moz-transition:all 200ms ease-out;
-o-transition:all 200ms east-out;
transition:all 200ms ease-out;
}
div.feature_item a:hover img,
div.feature_item a:focus img{
-webkit-opacity:0.1;
-moz-opacity:0.1;
-o-opacity:0.1;
opacity:0.1;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
div.feature_item_text{
height:16em;
width:15em;
padding:1em 2em 2em 2em;
}
div.feature_item_text h4{
margin:0;
padding:0;
font-size:130%;
color:#000;
text-decoration:none !important;
}
div.feature_item_text p{
font-size:90%;
color:#666;
text-decoration:none !important;
}
div.feature_item_text h4+p{
margin:0.5em 0 0 0;
}
div.feature_item_text p.feature_item_label{
color:#ba0000;
text-decoration:none !important;
}



/*BLOG*/

div.blog_layout{
padding:0 0 2em 0;
background:url(../images/light_bulb_bg01.png) 50% 0 repeat-y fixed;
}
div.blog_layout h3{
margin:0 auto 1em auto;
}
div.blog_intro{
margin:0 auto 2em auto;
}
div.blog_item{
max-width:44em;
margin:0 auto;
}
div.blog_item a{
display:block;
margin:0 auto;
padding:1em;
-webkit-transition:background 300ms ease-out;
-moz-transition:background 300ms ease-out;
-o-transition:background 300ms east-out;
transition:background 300ms ease-out;
}
div.blog_item a:hover{
background:#f1f1f1;
}
div.blog_item a h4{
margin:0;
padding:0;
font-size:140%;
color:#000;
}
div.blog_item a p{
color:#000;
}
div.blog_layout a.link_button{
margin:2em auto;
}



/*BLOG PAGE (DNN SKIN)*/

div.dnn_blog_layout{
}
div.dnn_blog_layout div.mbase360_logo{
margin:1em auto 0 auto;
font-size:60%;
}
div.dnn_blog_layout div.layout_inner{
}
div.blog_content{
max-width:44em;
margin:0 auto;
}
div.blog_content_inner{
padding:0 0 0 2em;
}
div.blog_breadcrumb{
margin:1em 0 0 0;
font-size:80%;
text-align:center;
}
div.blog_breadcrumb a{
color:#000;
}
div.blog_breadcrumb a:hover{
color:#000;
text-decoration:underline;
}
div.blog_menu{
max-width:40em;
margin:2em auto 0 auto;
}
div.blog_menu ul{
max-width:40em;
margin:0.5em auto 0 auto;
padding:0;
list-style:none;
}
div.blog_menu li{
margin:0;
padding:1em 0;
list-style:none;
border-top:1px solid #eee;
}
div.blog_menu li a{
color:#666;
}
div.blog_menu li a:hover,
div.blog_menu li.selected a{
color:#000 !important;
text-decoration:none;
}
div.blog_menu blockquote{
min-height:5em;
margin:2em 0 1em 0;
padding:1em 0 1em 6em;
background:url(https://www.gravatar.com/avatar/eddd3f165c01b1b8c3e8381b53128e12.png) 0 50% no-repeat;
background-size:5em 5em;
}
div.dnn_blog_footer{
margin:4em 0 0 0;
padding:2em;
background:#000;
}
div.dnn_blog_footer div.layout_inner{
overflow:visible;
text-align:center;
color:#fff;
}
div.dnn_blog_footer a,
div.dnn_blog_footer a:hover{
color:#fff;
}
div.dnn_blog_footer p a,
div.dnn_blog_footer p a:hover{
font-weight:bold;
}
div.tabid225 div.blog_menu,
div.tabid225 div.blog_content{
float:none;
width:auto;
}
div.tabid225 div.blog_content_inner{
padding:0;
}
div.blog_content div.feature_item{
background:#f1f1f1;
}



/*GET STARTED*/

div.started_layout{
background:#000;
}
div.started_layout h3{
color:#fff;
}



/*CONTACT FORM*/

div.next_columns{
max-width:46em;
margin:2em auto 4em auto;
}
div.next_columns:after{
content:'';
display:table;
clear:both;
}
div.next_column{
float:left;
width:50%;
padding:0 1em;
box-sizing:border-box;
}
div.next_column h4{
margin:0;
font-size:150%;
text-align:center;
color:#fff;
}
ul.contacts{
display:table;
margin:0 auto;
padding:0;
list-style:none;
}
ul.contacts li{
margin:1em 0 0 0;
padding:0;
list-style:none;
}
ul.contacts li:after{
content:'';
display:table;
clear:both;
}
ul.contacts img{
float:left;
width:3em;
}
ul.contacts a{
display:block;
float:left;
margin:0 0 0 0.5em;
line-height:2em;
text-decoration:none;
font-size:150%;
font-weight:bold;
color:#fff;
}
form.contact_form{
margin:0;
padding:2em;
background:#666;
border-radius:1em;
}
form.contact_form label{
display:block;
height:2em;
line-height:2em;
color:#fff;
}
form.contact_form input{
width:100%;
height:2em;
padding:0.3em;
border:0;
box-sizing:border-box;
}
form.contact_form textarea{
width:100%;
height:10em;
padding:0.3em;
border:0;
box-sizing:border-box;
}
form.contact_form input#send{
display:block;
height:2.5em;
max-width:10em;
margin:1em auto 0 auto;
padding:0.6em;
text-align:center;
text-transform:uppercase;
font-weight:bold;
color:#fff;
background:#252525;
border-radius:0.25em;
}



/*FOOTER*/

div.footer_layout{
padding:1em 0;
text-align:center;
color:#666;
}
div#modifier54,
div#modifier44{
display:none;
}



/*MEDIA QUERIES*/

@media screen and (max-width:64em){
	div.what_layout ul,
	div.pathway,
	div.actions{
	font-size:90%;
	}
	div.feature_items{
	max-width:38em;
	background:none;
	}
	div.feature_item{
	float:none;
	clear:both;
	width:38em;
	margin:0 0 2em 0;
	}
	div.feature_item_text{
	position:relative;
	left:19em;
	float:none;
	}
	div.feature_item:nth-child(even) div.feature_item_text{
	left:0;
	}
	div.feature_item:nth-child(even) div.feature_item_image{
	float:right;
	}
	div.feature_item a:hover img,
	div.feature_item a:focus img{
	-webkit-opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
	opacity:1;
	}
}

@media screen and (max-width:57em){
	div.what_layout ul,
	div.pathway{
	font-size:80%;
	}
}

@media screen and (max-width:54em){
	body{
	font-size:80%;
	}
	div.what_layout ul{
	max-width:40em;
	font-size:100%;
	}
	div.pathway{
	font-size:86%;
	}
	div.pinterest_link,
	div.work_layout{
	background-size:96em auto;
	}
	div.action_outer,
	div.action_inner{
	min-height:16em;
	}
	div#modifier54{
	display:block;
	}
}

@media screen and (max-width:44em){
	div.navigation_layout{
	position:relative;
	width:auto;
	}
	ul.main_menu li.nav_link,
	ul.main_menu li.more_link{
	display:none !important;
	}
	div.introduction_layout{
	margin:-0.5em 0 0 0;
	border-top:0;
	background-position:80% -70%;
	}
	div.introduction_layout div.layout_inner{
	padding:0 0 1em 0;
	}
	div.introduction_layout div.introduction_logo{
	float:none;
	width:auto;
	padding:1em 0;
	}
	div.introduction_layout div.introduction_text{
	float:none;
	width:auto;
	padding:0 0 3em 0;
	text-align:center;
	}
	div.introduction_layout h1{
	max-width:80%;
	margin:0 auto !important;
	text-align:center;
	}
	div.introduction_layout p{
	padding:0 2em;
	}
	div.introduction_layout ul{
	display:inline-block;
	}
	div.introduction_layout li{
	text-align:left;
	}
	div.introduction_layout a.link_button{
	display:none;
	}
	div.mbase360_logo{
	margin:0 auto;
	}
	div.mbase360_logo img{
	margin:0 auto;
	}
	img#mbase360-fg{
	margin:-100% auto 0 auto;
	}
	div.solution_text,
	div.solution_image{
	font-size:100%;
	padding:0;
	float:none;
	width:auto;
	}
	div.solution_layout h2{
	margin:1em 0 0.3em 0;
	}
	div.solution_layout h2 img{
	display:block;
	}
	div.solution_text ul{
	max-width:100%;
	margin:2em auto 6em auto;
	font-size:90%;
	}
	div.solution_text p{
	max-width:100%;
	margin:1em 0 0 0;
	text-align:center;
	}
	div.solution_image img{
	display:none;
	float:none;
	width:50%;
	margin:0 auto;
	}
	div.process_layout{
	background:#fff;
	}
	div.process_layout div.layout_inner{
	padding:0;
	}
	div.process_layout h3{
	padding:0 1em;
	}
	div.pathway{
	height:auto;
	width:auto;
	margin:3em auto 0 auto;
	font-size:100%;
	}
	div.pathway_inner,
	div.pathway_inner div.pathway_text{
	position:static;
	top:auto;
	left:auto;
	width:auto;
	clear:both;
	overflow:auto;
	}
	div.pathway a{
	position:static;
	float:none;
	height:auto;
	width:auto;
	cursor:default;
	}
	div.pathway01,
	div.pathway09{
	background:#000;
	}
	div.pathway02{
	background:#7f7f7f;
	}
	div.pathway03{
	background:#b2b2b2;
	}
	div.pathway04{
	background:#604d94;
	}
	div.pathway05{
	background:#ba0000;
	}
	div.pathway06{
	background:#00a0ad;
	}
	div.pathway07{
	background:#23e2e8;
	}
	div.pathway08{
	background:#7beef1;
	}
	div.pathway_text h5{
	position:static;
	top:auto;
	left:auto;
	display:block !important;
	width:auto;
	margin:0;
	padding:1.4em 1.4em 1.4em 1em;
	text-align:left;
	font-size:120%;
	cursor:text;
	}
	div.pathway_text h5 span{
	display:block;
	float:left;
	margin:0.4em;
	font-size:300%;
	font-weight:normal;
	}
	div.pathway_text p{
	position:static;
	top:auto;
	left:auto;
	display:block !important;
	height:auto;
	width:auto;
	margin:-0.4em 0 0 0;
	padding:0 1em;
	text-align:left;
	cursor:text;
	-webkit-opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
	opacity:1;
	}
	div.pathway_text p span{
	font-size:100%;
	}
	div.pathway span.pathway_background,
	div.pathway_text p strong,
	div.pathway div.pathway_icon{
	display:none;
	}
	div.work_layout{
	background:url(../images/case_study_bg00.jpg) 50% 50% repeat-y;
	}
	div.work_layout div.layout_inner{
	padding:0;
	}
	div.work_layout h3{
	margin:0 1em 2em 1em;
	}
	div.feature_items{
	max-width:38em;
	}
	div.pinterest_link{
	background:url(../images/inspired_bg00.jpg) 50% 0 repeat-y;
	background-size:72em auto;
	}
	div.actions{
	font-size:100%;
	}
	div.actions p{
	width:80%;
	margin:1em auto 0 auto;
	}
	div.action_outer{
	float:none;
	min-height:0;
	width:auto;
	margin:0;
	padding:0;
	border:0;
	}
	div.action_inner{
	float:none;
	min-height:0;
	width:auto;
	margin:2em 0;
	padding:2em 0;
	border-width:1px 0;
	border-style:solid;
	border-color:#666;
	}
	div.action_outer a.link_button,
	div.action_inner a.link_button{
	position:static;
	left:0;
	margin:2em auto 0 auto;
	}
	div.newsletter_layout form input{
	width:14em;
	}
	div.contacts{
	font-size:90%;
	}
	div.contacts span{
	display:block;
	}
	div.blog_content img{
	display:none;
	}
	div.blog_content,
	div.blog_menu,
	div.blog_menu ul{
	width:auto;
	max-width:100%;
	}
	div.blog_content div.blog_content_inner{
	padding:0;
	}
	div#modifier44{
	display:block;
	}
}

@media screen and (max-width:38em){
	div.next_column{
	float:none;
	width:auto;
	}
	form.contact_form{
	display:none;
	}
}

@media screen and (max-width:34em){
	div.navigation_layout div.layout_inner{
	}
	div.what_layout ul{
	max-width:20em;
	}
	div.feature_items{
	max-width:19em;
	background:none;
	}
	div.feature_item{
	float:none;
	clear:both;
	height:38em;
	width:19em;
	margin:0 0 2em 0;
	}
	div.feature_item_text{
	position:relative;
	top:19em;
	left:0;
	float:none;
	}
	div.feature_item:nth-child(even) div.feature_item_image{
	float:none;
	}
	div.feature_item a:hover img,
	div.feature_item a:focus img{
	-webkit-opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
	opacity:1;
	}
}