/*
	Theme Name: Green Business
	Description: Green Business website template
*/
/* ---------------------------
	reset
--------------------------- */
@charset "UTF-8";
*,
*:before,
*:after {
	box-sizing: border-box;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas,
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background-color: transparent; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
address, cite, q, dfn { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height:1; }
a, ins, del { text-decoration:none }
q, blockquote { quotes: none; }
th, td { vertical-align: top; }
th { text-align: left; }
nav li { display:inline-block; list-style:none; position: relative; }
img { display:inline-block; max-width:100%; height:auto; }
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
textarea{overflow:auto;vertical-align:top;}
label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px;}
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
label{display:block;margin-bottom:5px;font-size:16px;}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:40px;padding:10px;font-size:14px;line-height:1;color:#555555;vertical-align:middle;width:100%;}
textarea{height:auto;padding:10px;}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datef-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;cursor:pointer;}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}


/* --------------------------
	default
-------------------------- */
html {
	overflow-y:scroll;
	 -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body { background:#fff url(images/bg.png) repeat-x; font:normal 12px/16px arial, verdana, sans-serif; color:#515151; }
a { color:#014999; text-decoration:none; }
a:hover { text-decoration:underline; }
button { cursor:pointer; }
:focus { outline:none; }
h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h1,
h2,
h3,
h4 {
	margin:0;
	padding:0 0 10px 0;
	color:#555;
}
h5 {
	padding-bottom:15px;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}
p {
	margin:0;
	padding:0 0 10px;
}
img {
	display:block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	margin:10px 0;
}
td {
	padding:5px;
	border:1px solid #eee;
}
th {
	background:#eee;
	border:1px solid #fff;
	padding:5px;
}
tr:nth-child(odd) {
	background:#f8fff8;
}
hr {
	clear: both;
	margin: 20px 0;
	padding: 0;
	border: 0;
	border-top: 2px solid #ddd;
}
h1,
h2,
h3,
h4,
h5,
.btn,
#nav {
	font-family: 'helvetica neue', helvetica;
}
blockquote {
	color:#044c9b;
	font-weight:bold;
	margin:10px 0;
	padding:15px;
}


/* --------------------------
	layout
-------------------------- */
#page {
	background: #fff;
	padding: 0 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	box-shadow:0 2px 3px #888;
	border-radius: 0 0 5px 5px;
}

#header {
	background:#fff 750px center no-repeat;
	padding:20px 5px;
	border-top:6px solid #34ab49;
}

#header h1 a {
	max-height: 90px;
	display:block;
	text-indent:-9999px;
}

#header h1 a img {
	max-width: 100%;
}

#header span {
	position: absolute;
	right: 30px;
	top: 30px;
}

#header span a {
	display:block;
	background:url(images/be-green.png);
	width: 190px;
	height: 80px;
	text-indent: -9999px;
}

#nav {
	background: #195ba3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NWJhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTQ5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#195ba3), color-stop(100%,#014999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #195ba3 0%,#014999 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  #195ba3 0%,#014999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195ba3', endColorstr='#014999',GradientType=0 ); /* IE6-8 */
	margin:0 -25px;
	font-size:14px;
	font-weight:bold;
}
#nav li {
	display:block;
	float:left;
}
#nav a ,
#content ul.pagination li a {
	text-decoration:none;;
	border-right:1px solid #144984;
	display:block;
	padding:20px 17px;
	color:#fff;
	text-shadow:0 1px 1px #222;
}
#nav a:hover,
#content ul.pagination li a:hover ,
#content ul.pagination li.selected a {
	background:#014999;
}
#nav li:first-child a {
	border-radius: 5px 0 0 5px;
}
#nav li:last-child a {
	border:0;
}

#main {
	padding:30px 0;
}

#content ul,
#content ol {
	margin:0 0 5px 20px;
}
#content li {
	padding:1px 0;
}
#content p a,
#content li a {
	text-decoration:underline;
}
#content p a:hover,
#content li a:hover {
	text-decoration:none;
}

aside ul {
	border-radius: 5px;
	box-shadow:0 1px 3px #444;
	margin-bottom: 20px;
	text-align:center;
	font-size:14px;
	text-shadow:1px 1px 1px #333;
}
aside li {
	display:block;
	list-style:none;
	border-bottom:1px solid #86bec0;
}
aside li:first-child a {
	border-radius: 5px 5px 0 0;
}
aside li:last-child a {
	border-radius: 0 0 5px 5px;
}
aside a {
	border:1px solid #68aeb0;
	border-width:1px 0;
	display:block;
	padding:10px 0;
	background:#73b3b5;
	color:#fff;
}
aside .active a, aside .current_page_item a {
	background: #6ba4a6;
}

#footer {
	font-weight:bold;
	margin:25px auto;
	background: #195ba3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NWJhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTQ5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#195ba3), color-stop(100%,#014999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #195ba3 0%,#014999 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  #195ba3 0%,#014999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195ba3', endColorstr='#014999',GradientType=0 ); /* IE6-8 */
	color:#fff;
	padding:20px 20px 15px 20px;
	text-shadow:1px 1px 1px #036;
	line-height: 26px;
}

#footer a {
	color:#fff;
}

#footer nav {
	padding: 0 30px;
}

#footer nav li {
	list-style: none;
	display: inline;
	padding: 0 10px;
}

#footer > div {
	float: left;
}

#footer .social {
	float: right;
}

#footer .social li {
	display: inline-block;
	list-style: none;
	margin-left:10px;
}

#footer .social a {
	background:url(images/footer-icons.png);
	width:26px;
	height:26px;
	text-indent:-9999px;
	display:block;
}

#footer .social .facebook a {
	background-position: 0 0;
}
#footer .social .twitter a {
	background-position: -30px 0;
}
#footer .social .linkedin a {
	background-position: -60px 0;
}
#footer .social .rss a {
	background-position: -90px 0;
}

.content {
	padding: 0 15px;
}


/* --------------------------
	grid
-------------------------- */
.container {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	padding: 0 15px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.row [class^="col"] {
	list-style: none;
	display: block;
	padding: 0 15px;
}
.col12 {
	width: 100%;
}
.col11 {
	width: 91.66666666666666%;
}
.col10 {
	width: 83.33333333333334%;
}
.col9 {
	width: 75%;
}
.col8 {
	width: 66.66666666666666%;
}
.col7 {
	width: 58.333333333333336%;
}
.col6 {
	width: 50%;
}
.col5 {
	width: 41.66666666666667%;
}
.col4 {
	width: 33.33333333333333%;
}
.col3 {
	width: 25%;
}
.col2 {
	width: 16.666666666666664%;
}
.col1 {
	width: 8.333333333333332%;
}

.pull-left {
	float:left;
}

.pull-right {
	float:right;
}



#content ul.pagination {
	padding:10px 0;
	margin:0px;
	zoom:1;
	overflow:hidden;
}
#content ul.pagination li {
	display:block;
	float:left;
	margin-right:2px;
}
#content ul.pagination li a {
	background: #195ba3; /* Old browsers */
	padding: 10px 9px;
}


/* --------------------------
	specific
-------------------------- */
.alert {
	margin-bottom: 20px;
	font-family: tahoma, verdana, sans-serif;
	text-align: left;
	padding: 20px;
	font-size: 16px;
	line-height: 22px;
	background: #fafafa;
	position: relative;
	border-top: 5px solid #ddd;
}
.alert a {
	color: inherit;
	font-weight: bold;
}
.alert ul {
	padding-left: 22px;
}
.alert li {
	margin-bottom: 3px;
}
.alert h5 {
	padding: 0 0 20px;
}
.alert-error {
	background-color: #fcf2f2;
	border-color: #d20;
	color: #d20;
}
.alert-warning {
	color: #c09853;
	background-color: #fefbed;
	border-color: #c09853;
}
.alert-info {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #468847;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after,.clearfix .pagination:after {
  clear: both;
}

.prev,
.next {
	max-width: 49%;
}
.prev, .alignleft {
	float: left;
	text-align: left;
}
.prev{
	padding-top: 5px;
}
.next, .alignright {
	float: right;
	text-align: right;
}
.next{
	padding-top: 5px;
}
.alignleft {
	margin: 0 20px 20px 0;
}
.alignright {
	margin: 0 0 20px 20px;
}


.slider,
#nav,
#footer {
	border-radius: 5px;
	box-shadow:1px 1px 3px #444;
}

.post img,
#content img {
	/* padding:4px;
	background:#fafafa;
	box-shadow:0 1px 5px #888;
	*/
}
.post-preview {
	font-size:12px;
	padding-left:105px;
}
.post-preview img {
	float:left;
	margin-left:-105px;
}
.post-preview h3 {
	font-size: 14px;
	font-weight: bold;
	color: #185ba3;
}
.post-listing {
	padding:20px 0 10px 100px;
	border-bottom:1px dotted #aaa;
}
.post-listing img {
	float:left;
	margin-left:-100px;
}

/* Home */
.home .boxes .col4:nth-child(even) {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background :#f9f9f9;
}
.home .boxes section {
	padding: 20px 0;
}

.intro {
	margin-bottom: 30px;
	line-height: 1.3;
}
.intro h1 {
	font-weight: bold;
	padding: 20px 0;
}
.intro p {
	margin-bottom: 25px !important;
}

.slider {
	max-width: 650px;
	position: relative;
	margin: 0 auto;
}
.slider li {
	list-style:none;
	display:block;
}
.slider li div {
	position:absolute;
	right: 40px;
	bottom: 35px;
	color:#fff;
	font-size:14px;
	text-shadow: 1px 1px 1px #666;
	width:250px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	padding: 15px 25px;
}
.slider h3 {
	color:#fff;
	font-size:22px;
	text-transform:uppercase;
}
.slider a {
	display:block;
	color: #fff;
	font-size:16px;
	font-weight: bold;
	margin-top:10px;
	text-decoration: underline;
}
.slider a:hover {
	text-decoration: none;
}
.slider .bx-pager {
	position:absolute;
	z-index:100;
	bottom: 10px;
	left:0;
	text-align:center;
	width:100%;
}
.slider .bx-pager a {
	margin:0 5px;
	display:inline-block;
	background:url(images/pager.png) -21px 0 no-repeat;
	width:12px;
	height:12px;
	text-indent:-9999px;
}
.slider .bx-pager a.pager-active {
	background-position:0 0;
}

.rea {
	margin-bottom: 15px;
}
.home .rea {
	margin: 0;
}
.rea a {
	display: block;
}
.rea img {
	display: block;
	margin: 0 auto;
}


/*.rea {
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	padding: 0 20px;
	padding-top: 195px;
	margin: 0 0 15px 0;
	height:330px;
	background: url(images/rea.png) top center no-repeat;
	border: 1px solid #66cc66;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
}
.rea,
.rea a {
	text-transform: uppercase;
	color: #666;
}
.rea a {
	display: block;
	text-decoration: underline;
	margin-bottom: 20px;
	font-size: 13px;
}
.rea a:hover {
	color: #000;
}*/
.welcome {
	background:url(images/welcome-bg.png) 0 12px repeat-x;
	font-size:13px;
	margin-bottom:10px;
}
.welcome h4 {
	background:#fff;
	text-align:center;
	font-size:20px;
}
.welcome p {
	padding:0 10px 10px 10px;
}

.btn {
	text-shadow:0 1px 1px #777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	border-radius: 5px;
	background: #90c064; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwYzA2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTliMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90c064), color-stop(100%,#259b04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #90c064 0%,#259b04 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  #90c064 0%,#259b04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c064', endColorstr='#259b04',GradientType=0 ); /* IE6-8 */
	color:#fff;
	display:inline-block;
	padding:7px 15px;
	font-size: 1.2;
	box-shadow:0 1px 3px #555;
	text-decoration: none;
}
a.btn:hover {
	-webkit-filter:none;
	        filter:none;
	background:#259b04;
}
a.btn-blue,
button.btn-blue {
	background: #195ba3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NWJhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTQ5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#195ba3), color-stop(100%,#014999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #195ba3 0%,#014999 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  #195ba3 0%,#014999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195ba3', endColorstr='#014999',GradientType=0 ); /* IE6-8 */
}
a.btn-blue:hover,
button.btn-blue:hover {
	background: #014999;
}
.btn-large {
	padding: 10px 40px !important;
	font-size: 18px !important;
}

.tips img {
	margin: 0 auto;
}

.boxes {
	margin-bottom:-30px;
	border-top: 1px solid #ddd;
}

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

.news h5 {
	padding:0 0 0 20px;
	margin-bottom:15px;
	background:url(images/icon-rss.png) left center no-repeat;
}

.home .rea {
	width:280px;
	margin: 0;
	display: inline-block;
}

#nav .nav-trigger {
	position: relative;
	display: none;
	height: 44px;
	line-height: 44px;
	padding: 0 0 0 34px;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	z-index: 3;
	margin-left: 25px;
}

#nav .nav-trigger:hover {
	text-decoration: none;
	background: transparent;
}

#nav .nav-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
	-webkit-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}

#nav .nav-trigger span, #nav .nav-trigger span::before, #nav .nav-trigger span::after {
	content: "";
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 24px;
	background: #fff;
}

#nav .nav-trigger span::before {
	top: -6px;
}

#nav .nav-trigger span::after {
	top: 6px;
}

#nav .nav-trigger span::before, #nav .nav-trigger span::after {
	content: '';
	right: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.nav-is-visible #nav .nav-trigger span {
	background: rgba(46, 50, 51, 0);
}

.nav-is-visible #nav .nav-trigger span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}

.nav-is-visible #nav .nav-trigger span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}

.text-right {
	text-align: right;
}

.form__group {
	margin-bottom: 1rem;
}

.questionnaire  {
	padding: 0 3rem;
}

.questionnaire h2 {
	color: #000;
	font-weight: bold;
}

.questionnaire p {
	padding: 0;
	margin-bottom: 1rem;
}

.questionnaire label {
	display: inline-block;
	cursor: pointer;
	color: #000;
	line-height: 24px;
	font-weight: 300;
}
.questionnaire li {
	text-align: center;
}
.questionnaire li label {
	padding-left: 25px;
}
.questionnaire li label input {
	float: left;
	margin-left: -25px;
}

.questionnaire .form__input {
	box-shadow: inset 3px 3px 7px rgba(0, 0, 0, .15);
	margin-bottom: 5px;
}

.questionnaire .intro img {
	margin: 0 auto 1rem;
}

.questionnaire .intro__icons {
	padding: 2rem 0;
}

.questionnaire .intro__icon {
	text-align: center;
	font-size: 1rem;
	color: #23408f;
}

.questionnaire .intro__icon img {
	max-height: 80px;
	margin: 0 auto 10px;
}

.step h3 {
	position: relative;
	color: #23408f;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 1rem;
	padding: 0;
}

.step h4 {
	color: #000;
	font-weight: bold;
}

.step__number {
	position: absolute;
	right: 100%;
	background: #23408f;
	border-radius: 50%;
	color: #fff;
	font-size: 1.6rem;
	width: 1.6rem;
	text-align: center;
	margin: -0.1rem 1rem 0 0;
}

.step__icon {
	position: absolute;
	right: 0; bottom: 0;
}

.step__icon img {
	max-height: 60px;
}

.step__content {
	background: #f3f3f4;
	padding: 25px;
	border-radius: 10px;
	margin-bottom: 2rem;
}

.step__content.guest-details {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}
.step__content.guest-details input {
	max-width: 300px;
}

.questionnaire__questions {
	list-style: none;
}

.questionnaire__questions li {
	box-sizing: border-box;
	background: #fff;
	padding: 15px;
	margin-bottom: 1rem;
	box-shadow: inset 3px 3px 7px rgba(0, 0, 0, .15);
}

.questionnaire__questions table {
	table-layout: fixed;
}

.questionnaire__questions tr,
.questionnaire__questions th,
.questionnaire__questions td {
	background: transparent;
	border: none;
	text-align: center;
}

.questionnaire__questions th {
	font-size: 1rem;
	font-weight: 300;
	color: #000;
}

.questionnaire section, .results section {
	margin-bottom: 30px;
}

.results table {
	margin-bottom: 20px;
}

.results td {
	font-size: 16px;
	padding: 10px;
}

.questionnaire p, .results p, .results blockquote {
	font-size: 15px;
}

.questionnaire-results {
	color: #43afa4;
	font-size: 14px;
	line-height: 1.2;
}
.questionnaire-results .header {
	border-bottom: 5px solid #43afa4;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.questionnaire-results .header h2 {
	font-weight: bold;
	color: #43afa4;
	font-size: 24px;
	line-height: 1.2;
	padding: 35px 0 0;
}

.questionnaire-navigation a {
	margin-bottom: 15px;
}

.re {
	padding: 20px 20px 40px;
	text-align: center;
}
.re-separator {
	background: url(images/questionnaire/divider.jpg) bottom center no-repeat;
}
.re h4 {
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	color: #43afa4;
	padding: 0 0 20px 0;
	text-align: left;
}
.re h5 {
	font-size: 16px;
	padding: 10px 0;
	line-height: 1.2;
	font-weight: bold;
	color: #43afa4;
}
.re h5 strong {
	display: block;
	font-size: 30px;
}
.re-rating h2 {
	font-size: 50px;
	line-height: 1.2;
	font-weight: bold;
	color: #43afa4;
	text-align: left;
	padding: 0 0 20px;
}
.re-rating time {
	font-size: 20px;
	line-height: 1.2;
	color: #43afa4;
	display: block;
	text-align: left;
}
.re-rating .total {
	display: inline-block;
	text-align: center;
	background: #43afa4;
	color: #fff;
	width: 190px;
	font-size: 60px;
	font-weight: bold;
	padding-top: 50px;
	height: 190px;
	margin: 0 auto;
	line-height: 1;
	border-radius: 100%;
}
.re-rating .total small {
	display: block;
	font-size: 24px;
}
.re-cta .col3 {
	border-right: 1px dashed #43afa4;
	height: 250px;
}
.re-cta .col3:last-child {
	border-right: 0;
}
.re-cta img {
	display: block;
	width: 60%;
	margin: 0 auto 10px;
}

.questionnaire-tabs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 2rem;
	table-layout: fixed;
	width: 100%;
}

.questionnaire-tabs li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.questionnaire-tabs li a {
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #f5f5f5;
	border: 1px solid #eee;
	color: #888;
	cursor: default;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 16px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 20px 15px;
	text-align: center;
	text-decoration: none;
}

.questionnaire-tabs li a.active {
	background: #9dc776;
	border-color: #83b852;
	color: #385021;
	cursor: pointer;
}

.questionnaire-sections {
	/*overflow: hidden;*/
	position: relative;
}

.questionnaire-section {
	display: none;
	/*opacity: 0;
	position: absolute;
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);*/
}

.questionnaire-section.active {
	display: block;
	/*opacity: 1;
	position: static;
	-webkit-transform: translateY(0%);
	        transform: translateY(0%);*/
}

.benchmark h3 {
	color: #23408f;
	margin-bottom: 2rem;
}

.benchmark h4 {
	color: #000;
	margin-bottom: 1rem;
}

.benchmark h3,
.benchmark h4 {
	font-weight: 600;
	letter-spacing: 1px;
}

.benchmark-form label {
	font-weight: 400;
	font-size: 12px;
}

.benchmark-form section {
	margin-bottom: 2rem;
}

.benchmark-form select,
.benchmark-form input {
	margin-bottom: 1rem;
}

.benchmark-form .secondary {
	display: block;
}

.benchmark-section {
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 10px;
}

.benchmark-section select,
.benchmark-section input {
	margin-bottom: 5px;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.reg-form label {
	text-align: right;
	padding: 5px 0 0;
	display: block;
}
.reg-form .form-actions {
	text-align: center;
	padding-top: 10px;
}
.reg-form .forgot-password {
	padding-top: 10px;
}

.well {
	margin-bottom: 30px;
	background: #eee;
	padding: 30px;
}
.well h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #014999;
}
.questionnaire .well h3 a {
	font-size: .8em;
	font-weight: normal;
	text-decoration: underline;
	opacity: .8;
}
.questionnaire .well h3 a:hover {
	opacity: 1;
}


/* --------------------------
	plugins
-------------------------- */
.wpcf7 form { position:relative; font-size:12px; max-width: 500px; margin: 30px auto; }
.wpcf7 input,
.wpcf7 textarea { width: 100%; border:0; padding:10px; background:#f9f9f9; border:1px solid #eee; }
.wpcf7 input { padding:6px 10px; }
.wpcf7-list-item {display:block}
.wpcf7-list-item input { width:20px !important; }
.wpcf7 textarea { height:60px; }
.wpcf7 input:focus,
.wpcf7 textarea:focus { background:#fff; }
.wpcf7 input.checkbox { width:auto; }
.wpcf7 .wpcf7-submit { width:auto; border:0; padding:7px 15px; background:#eee; color:#333; cursor:pointer; }
.wpcf7 .wpcf7-submit:hover { background:#39b54a; color:#fff; }
.wpcf7-response-output { margin:10px 0; padding:10px !important; text-align:center; }
.wpcf7-mail-sent-ok { border: 1px solid #398f14; background:#ccebbc; }
.wpcf7-spam-blocked { border: 1px solid #ffa500; }
.wpcf7-display-none { display: none; }
.wpcf7-validation-errors { background:#b00; color:#fff; }
.wpcf7-form-control-wrap { position: relative; }
.wpcf7-not-valid-tip { border-radius:0 15px 15px 15px; position:absolute; top:8px; z-index:100; display:block; color:#fff; background:#d00; padding:5px 20px; border:none; right:10px; width:auto; }
.wpcf7-not-valid-tip-no-ajax { color: #f00; display: block; }
.ajax-loader { border: none; vertical-align: middle;  display:inline; margin:0 0 0 10px; }

.bx-pager-item {
	display: inline-block;
}

/* START OF GREEN REPO ---------------------------------------------------------- */

.resources .pagination {
	text-align: center;
}

.resources .pagination li {
	margin-right: 5px;
	list-style: none;
	display: inline-block;
}
.resources .pagination a {
	display: block;
	width: 35px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	line-height: 35px;
	background: #ccc;
	border-radius: 3px;
	color: #fff;
	margin-bottom: 10px;
}
.resources .pagination a:hover,
.resources .pagination .active a {
	background: #0854a6;
}

.resources *,
.resources *:before,
.resources *:after {
	box-sizing: border-box;
}


.resources aside a {
	padding: 0;
	background: none;
}
.resources .box {
	padding: 0;
	width: auto;
	float: none;
}

.resources .filters {
	position: relative;
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
}
.resources .filters ul ul {
	padding: 0;
}
.resources .filters ul div {
	display:none;
	z-index: 70000;
	padding: 10px;
	padding-top: 15px;
	width: 100%;
	background: #63abad;
	color: #fff;
}
.resources .filters li {
	display: block;
	list-style: none;
	color: #63abad;
	font-size: 16px;
	line-height: 34px;
}

.resources .filters li > span,
.resources .search header {
	padding: 10px;
	padding-right: 37px;
	background: url(images/arrow.png) right top no-repeat;
}
.resources .filters .col4 {
	text-align: right;
}
.resources .filters li > span.active,
.resources .filters li > span:hover,
.resources .search header {
	color: #fff;
	background-color: #63abad;
	background-position: right bottom;
}
.resources .filters li > span:hover + div,
.resources .filters li > div:hover {
	display: block;
}

.resources .filters li > div {
	text-align: left;
	position: absolute;
	width: auto;
}

.resources .filters li:last-child > div {
	right: 0;
}

.resources .filters .pull-left section {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
}
.resources .filters .pull-left section:after {
	content: 'And / Or';
	position: absolute;
	bottom: -10px;
	left: 0;
	padding: 0 10px;
	background: #63abad;
	border: 1px solid #fff;
	line-height: 20px;
	color: #fff;
}
.resources .filters .pull-left section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.resources .filters .pull-left section:last-child:after {
	display:none;
}
.resources .filters ul ul a {
	color: #63abad;
}
.resources .filters ul ul li {
	float: none;
	display: inline-block;
}
.resources .filters .pull-right ul li {
	float: right;
}
.resources .filters .pull-left > a {
	color: #63abad;
	text-decoration: none;
}
.resources .filters .pull-left > a:hover {
	color: #175fad;
}

.resources .boxes {
	border-top: 0;
	margin-bottom: 0;
}
.resources .boxes article,
.resources .box {
	position: relative;
	display: block;
	margin-bottom: 30px;
	border: 1px solid #999;
	text-align: center;
	color: #999;
}
.resources .boxes img {
	display: block;
	margin-bottom: 15px;
	width: 100%;
	height: auto;
	border-bottom: 5px solid #63abad;
}
.resources .boxes header,
.resources .box header {
	display: block;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
}
.resources .boxes h2,
.resources .boxes h3 {
	text-transform: none;
	font-size: 12px;
	line-height: 16px;
	color: #175fad;
}
.resources .boxes h2 {
	padding: 10px 0;
	font-size: 16px;
	line-height: 20px;
}
.resources .boxes footer,
.resources .box footer {
	padding-left: 20px;
	border-top: 1px solid #999;
	line-height: 40px;
	text-align: left;
}
.resources .boxes footer span {
	float: right;
	display: block;
	padding: 0 20px;
	border-left: 1px solid #999;
}
.resources .boxes article > span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 4% 4% 50px;
	width: 100%;
	min-height: 100%;
	background: #175fad;
	color: #fff;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	z-index: 10;
}
.resources .boxes article:hover > span {
	display: block;
}
.resources .boxes article > span > a {
	position: absolute;
	right: 4%;
	bottom: 4%;
	display: inline-block;
	padding: 6px;
	padding-right: 26px;
	background-position: right top;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	line-height: 14px;
	font-size: 14px;
	color: #fff;
}
.resources .boxes article > span > a:hover {
	text-decoration: none;
	color: #175fad;
	background-position: right bottom;
	background-color: #fff;
}
.resources .boxes article > span h3 {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 15px 0;
}
.resources .boxes article > span strong {
	display: block;
}
.resources .boxes article > span strong,
.resources .boxes article > span p {
	padding-bottom: 10px;
}
.resources .boxes article > span ul {
	padding: 0;
}
.resources .filters ul ul li {
	float: left;
	display: block;
	margin: 0 5px 5px 0;
}
.resources .boxes article > span li {
	list-style: none;
	display: inline;
}
.resources .boxes article > span li a {
	color: #fff;
	text-decoration: underline;
}
.resources .boxes article > span li a:hover {
	color: #ccc;
}
.resources .filters ul ul a,
.resources button {
	display: block;
	padding: 5px;
	background: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	color: #175fad;
}
.resources .filters ul ul a {
	color: #63abad;
}
.resources .boxes span li a:hover,
.resources .boxes span .active a,
.resources .filters ul ul a:hover,
.resources .filters ul ul .active a,
.resources button:hover {
	color: #fff;
	background: none;
}

.resources .box {
	text-decoration: none;
	margin: 0;
}
.resources .box:hover {
	border-color: #63abad;
}
.resources .box:hover footer {
	background: #63abad;
	color: #fff;
}
.resources .box:hover footer span {
	background: #fff;
	color: #999;
}
.resources .box:hover footer,
.resources .box:hover footer span {
	border-color: #63abad;
}

.resources section.search {
	margin-bottom: 30px;
}
.resources form {
	display: none;
	padding: 15px;
	background: #63abad;
	color: #fff;
}
.resources .control-row {
	margin-bottom: 10px;
}
.resources .control-group {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #fff;
}
.resources .control-group:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}
.resources input,
.resources select {
	border: 0;
	background: #fff;
	padding: 5px 10px;
	height: 30px;
	border-radius: 3px;
}
.resources select {
	width:100%;
}
.resources input {
	width: 100%;
}

.resources .search > form > .row > [class^="col"] {
	border-right: 1px solid #fff;
	margin-bottom: 15px;
}

.resources .search > form > .row > [class^="col"]:last-child {
	border-right: none;
}

.resources .form-group span {
	display: block;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}

.resources button {
	width: 100%;
	color: #63abad;
	margin: 0;
	display: inline-block;
	height: 30px;
	border-radius: 3px;
}

.resources .search header {
	display: inline-block;
	font-size: 16px;
}
.resources .simple input {
	margin: 0 2% 0 0;
	width: 90%;
}
.resources .simple button {
	width: 8%;
}
.resources .simple input,
.resources .simple button {
	float: left;
}
.resources form a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
.resources .search .active {
	display: block;
}


.unregistered-result-cta {
	padding-top: 60px;
}

/* Pages  */
.resources .content > header h2 {
	font-size: 32px;
	line-height: 32px;
	color: #777;
}
/* home */
.resources .content {
	padding: 0 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.single-repository #main > section {
	padding-top: 0;
}
.resources #main section.featured {
	margin-bottom: 30px;
	border-bottom: 1px solid #63abad;
}

/* single resources */
.single-repository .content,
.single-repository .content > header {
	margin: 0 0 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.single-repository .content > header h2 {
	padding: 0;
}
.single-repository .content > header a {
	display: inline-block;
	padding-top: 15px;
	color: #63abad;
	font-size: 18px;
	line-height: 28px;
	text-decoration: none;
}
.single-repository .content > header a:hover {
	color: #175fad;
}
.single-repository .content > article > header {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 30px;
	color: #175fad;
}

.resources section > header h5 {
	color: #63abad;
	padding-bottom: 30px;
}


#breadcrumbs {
	margin-bottom: 15px;
}

/* ---------------------------
	Media query
--------------------------- */

@media (max-width: 991px) {
	#nav .nav-trigger {
		display: block;
	}

	#nav {
		margin: 0 10px;
	}

	#nav ul {
		display: none;
	}

	#nav a {
		border: none;
	}

	#nav li {
		float: none;
		text-align: center;
		max-width: 100%;
	}

	.intro div[class^="col"] {
		width: 100%;
		padding-bottom: 15px;
		text-align: center;
	}

	.boxes {
		border-top: none;
	}

	.boxes .col4 {
		width: 100%;
	}

	.boxes section {
		border-top: 1px solid #ddd;
		text-align: center;
	}

	.boxes .col4:nth-child(even) section {
		border-left: none;
		border-right: none;
	}

	.boxes img {
		margin: 0 auto;
	}

	.post-preview {
		padding-left: 0;
	}

	.post-preview img {
		float: none;
		margin: 0 auto 15px;
	}

	.sub-content div[class^="col"] {
		width: 100%;
		text-align: center;
		padding-bottom: 30px;
	}

	.sub-content img {
		margin: 0 auto;
		float: none;
	}

	.news h5 {
		display: inline-block;
	}

	#footer {
		text-align: center;
	}

	#footer nav {
		font-size: 14px;
	}

	#footer > div {
		width: 100%;
		float: none;
		padding-bottom: 15px;
	}

	.single-post:not(.resources) *[class^="col"], .blog *[class^="col"] {
		width: 100%;
		padding-bottom: 30px;
	}



	.single-post .col4, .blog .col4 {
		text-align: center;
	}

	.tips {
		text-align: center;
	}
}

@media all and (min-width: 992px) {

}

@media (max-width: 800px) {
	.questionnaire .col3 {
		width: 25% !important;
		padding-bottom: 0 !important;
	}

	.questionnaire label {
		line-height: normal;
	}
}

@media (max-width: 767px) {

	#page {
		border-bottom: none;
		box-shadow: none;
		border-radius: 0;
		padding: 0;
	}

	.alignleft, .alignright {
		float: none;
		text-align: left;
		margin: 0 auto 20px;
	}

	.post-listing {
		padding-left: 0;
	}

	.post-listing img {
		float: none;
		margin: 0 auto 20px;
	}

	.resources .simple input, .resources .simple button {
		float: none;
	}

	.resources .simple input {
		margin: 0 0 15px;
		width: 100%;
	}

	.resources .simple button {
		width: auto;
		display: block;
		margin: 0 auto;
	}

	.resources .search .col3, .resources .search .col9 {
		width: 100%;
		border-right: none !important;
	}

	.slider {
		box-shadow: none;
	}

	.slider li div {
		background: #fff;
		position: static;
		width: 100%;
		padding: 20px 0;
		color: #555;
		text-shadow: none;
	}

	.slider li div * {
		color: #555;
	}

	.slider .bx-window {

	}

	.slider .bx-pager {
		display: none;
	}
}

@media (max-width: 667px) {

}

@media (max-width: 640px) {
	.resources .search-group .col10, .resources .search-group .col2 {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	.resources .search-group .col2 button {
		width: auto;
	}
}

@media (max-width: 600px) {


	#header span {
		display: none;
	}

	.filters li {
		float: none;
		width: 100%;
		text-align: left;
	}

	.resources .filters li > div {
		text-align: left;
		position: absolute;
		width: 100%;
	}

	#footer nav {
		text-align: center;
	}

	#footer nav li {
		display: block;
	}
}

@media (max-width: 480px) {
	.questionnaire .col3 {
		width: 50% !important;
	}

	.intro__icon {
		margin-bottom: 2rem;
	}

	.questionnaire {
		padding: 0;
	}

	.questionnaire__questions th {
		font-size: .875rem;
	}

	.step__content {
		padding: 10px;
	}
}

@media (max-width: 320px) {

	.questionnaire .col3 {
		width: 100% !important;
	}
}
/* MJ style */
.videos{
	margin-bottom: 30px;
}

.videos iframe{
	max-width: 100%;
}

.video-header {
	padding: 15px;
	font-size: 20px;
}