/*
Theme Name: RED-i
Theme URI: http://red-i.co.za
Author: Mark Theron
Author URI: http://marktheron.com
Description: Generic files
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Find out more at Underscores.me.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


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

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	/*border: 1px solid #ccc;*/
	border: noen;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	/*
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	*/
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}




button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
	box-shadow:         inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 3px;
	width: 98%;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: #000;
}
/*a:visited {
	color: purple;
}*/
a:hover,
a:focus,
a:active {
	color: red;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}







@font-face {
    font-family: 'OpenSansLight';
    src: url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Light-webfont.eot');
    src: url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'OpenSansRegular';
    src: url('https://red-i.co.za/wp-content/themes/red-i/onts/OpenSans-Regular-webfont.eot');
    src: url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Semibold-webfont.eot');
    src: url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Bold-webfont.eot');
    src: url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('https://red-i.co.za/wp-content/themes/red-i/fonts/OpenSans-Bold-webfont.svg#OpenSansSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);


h1 {
	font: 25px/30px 'OpenSansLight', Arial, sans-serif;
	color: #000;
	letter-spacing: 0.5px;
}
h1 a {
	font: 25px/30px 'OpenSansLight', Arial, sans-serif;
	color: #000;
	letter-spacing: 0.5px;
	text-decoration: none;
}
h1 a:hover {
	font: 25px/30px 'OpenSansLight', Arial, sans-serif;
	color: #333;
	letter-spacing: 0.5px;
	text-decoration: none;
}
h2 {
	font: 21px/25px 'OpenSansLight', Arial, sans-serif;
	color: #000;
	letter-spacing: 0.5px;
	margin: 20px 0;
}
ul#news li h2 {
	font: 21px/25px 'OpenSansLight', Arial, sans-serif;
	color: #000;
	letter-spacing: 0.5px;
	margin: 20px 0 0 0;
}
h2 a {
	font: 21px/25px 'OpenSansLight', Arial, sans-serif;
	color: #000;
	letter-spacing: 0.5px;
	margin: 20px 0;
	text-decoration: none;
}


ul#news li h2 a {
	font: 24px/28px 'OpenSansLight', Arial, sans-serif;
	color: #000;
	letter-spacing: 0.5px;
	margin: 0;
	text-decoration: none;
}
ul#news li h2 a:hover {
	color: #333;
	text-decoration: none;
}
h2 a:hover {
	font: 21px/25px 'OpenSansLight', Arial, sans-serif;
	color: #333;
	letter-spacing: 0.5px;
	margin: 20px 0;
	text-decoration: none;
}




p {
    font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
    margin-bottom: 18px;
    margin-top:15px;
}
ul li, ol li {
    font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
}
p.homepagetagline {
    font: 17px/24px 'OpenSansRegular', Arial, sans-serif;
    color: #858585;
    margin-bottom: 18px;
    margin-top:15px;
}

a {
    font: 14px/18px 'OpenSansSemiBold', Arial, sans-serif;
    color: #010101;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #d71920;
}

@media screen and (min-width: 800px) {

    h1 {
      font: 45px/59px 'OpenSansLight', Arial, sans-serif;
      color: #000;
      letter-spacing: 0.5px;
    }

    p.homepagetagline {
      font: 17px/24px 'OpenSansRegular', Arial, sans-serif;
      color: #858585;
      margin-bottom: 18px;
    }
}

p.blocktitle {
	font: 16px/20px 'OpenSansBold', Arial, sans-serif;
	color: #363636;
	margin-top: 20px;
}
p.blockdescription {
	font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
	color: #707070;
	width: 92%;
	display: block;
	margin: 0 auto;
}
textarea {
    font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
}

/* =Menu
----------------------------------------------- */

.navigation-main {
	display: block;
	float: right;
	margin-top: 24px;
}
@media only screen and (max-width:49em) {
	.navigation-main {
	    display: block;
	    width: 100%;
	    float: left;
	    margin-top: 0;
	}
	#logo {
	    margin-left: 20px;
	    border: none !important;
	    width: 108px;
	    height: 47px;
	}
	.navigation-main ul {
	    float: left !important;
	}
	.navigation-main ul li {
	    border: 0 !important;
	    margin: 0 !important;
	    padding: 0;
	}
	.navigation-main ul li ul {
	    margin: 0 0 0 0 !important;
	}

	.navigation-main ul li ul li a {
	    text-transform: none !important;
		width: 100%;
	}
	.navigation-main ul li a {
	    font: 13px/15px 'OpenSansSemiBold', Arial, sans-serif !important;
	}
	.navigation-main ul li ul li a {
	    font: 13px/15px 'OpenSansRegular', Arial, sans-serif !important;
	}
}
.navigation-main ul {
	list-style: none;
	float: right;
	text-align: left;
}
.navigation-main ul li {
	float: left;
	list-style: none;
	border-bottom: 5px solid transparent;
	padding-bottom: 22px;
	margin-left: 11px;
	margin-bottom: -5px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
@media only screen and (min-width:700px) {
	.navigation-main ul li {
		float: left;
		list-style: none;
		border-bottom: 5px solid transparent;
		padding-bottom: 22px;
		margin-left: 22px;
		margin-bottom: -5px;
	}
}
@media only screen and (min-width:860px) {
	.navigation-main ul li {
		float: left;
		list-style: none;
		border-bottom: 5px solid transparent;
		padding-bottom: 22px;
		margin-left: 46px;
		margin-bottom: -5px;
	}
}
.navigation-main ul li a {
	text-decoration: none;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font: 13px/15px 'OpenSansRegular', Arial, sans-serif;
	color: #b0b0b0;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	letter-spacing: 1px;
}
.navigation-main ul li a:hover {
	color: #fff;
}
.navigation-main ul ul {
	display: none;
	float: left;
/*	position: absolute;
		top: 1.5em;
		left: 0;*/
	z-index: 99999;
}
.navigation-main ul ul ul {
	left: 100%;
	top: 0;
}
.navigation-main ul ul a {
	width: 200px;
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
}
.navigation-main ul ul :hover > a {
}
.navigation-main ul ul a:hover {
}
.navigation-main ul li:hover > ul {
	display: block;
}
.navigation-main li.current_page_item,
.navigation-main li.current-menu-item {
    border-bottom: 5px solid #d71920;
    /*padding-bottom: 22px;
    margin-bottom: -5px;*/
}

/* Small menu
.menu-toggle {
	display: none;
	cursor: pointer;
}

.main-small-navigation ul {
	display: none;
}

@media screen and (max-width: 800px) {
	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
}*/

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .submit {
	display: none;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}





















        html, body, ul {
            margin: 0 !important;
            padding: 0!important;
        }

	.entry-content ul {
		margin-left: 20px !important;
	}

.row{
    width: 100%;
    display: block;
    /*overflow: auto;*/
}
.content_block, .content_block_header {
    width: 85%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (min-width:615px) {
	.content_block, .content_block_header {
	    width: 90%;
	    max-width: 960px;
	    margin: 0 auto;
	    text-align: center;
	}
}
@media only screen and (max-width:49em) {
    .content_block_header {
	width: 100%;
    }
}

#logo {
    float: left;
    width: 108px;
    height: 47px;
    padding: 0 0 3px 0;
    padding: 0;
    /*margin-top: 9px;
    margin-bottom: 5px;*/
    margin-top: 7px;
    margin-bottom: 7px;
}
.home #logo {
    border-bottom: 5px solid transparent;
    }

.subtext {
    margin: 0 auto;
    text-align: center;
}
.divider {
    width: 100%;
    height: 1px;
    display: block;
    background: #d8d8d8;
    border-bottom: 1px solid #fff;
    margin: 10px 0 30px 0;
}


@media only screen and (min-width:240px) {

    ul#blocks li {
        width: 100%;
        text-align: center;
        float: none;
        list-style: none;
        margin-bottom: 40px;
    }

}

@media only screen and (min-width:800px) {

ul#blocks li {
    width: 33.33333333%;
    text-align: center;
    float: left;
    list-style: none;
    padding-bottom: 0;
}
}




ul#blocks li img {
    width: 100%;
    max-width: 262px;
    height: auto;
}
ul#blocks .tempimage {
    width: 90%;
    margin: 0 auto;
    height: 60px;
    background: grey;
}
ul#icons {
    display: block;
    margin: 60px auto 30px !important;
    text-align: center;
}
ul#icons li {
    width: 46%;
    margin: 0 2%;
    text-align: center;
    float: left;
    list-style: none;
}

ul#icons p {
	font: 12px/20px 'OpenSansRegular', Arial, sans-serif;
	color: #707070;
	margin-top: 20px;
}

@media only screen and (min-width:640px) {
    ul#icons li {
        width: 29%;   /* for 3-up */
        /*width: 21%; */  /* for 4-up */
        margin: 0 2%;
        text-align: center;
        float: left;
        list-style: none;
	height: 150px;
    }

    ul#icons p {
      font: 14px/20px 'OpenSansRegular', Arial, sans-serif;
      color: #707070;
      margin-top: 20px;
    }
}

@media only screen and (min-width:800px) {
    ul#icons li {
        width: 12.3%;   /* for 6-up */
        /*width: 10.25%; */ /* for 7-up */
        margin: 0 2%;
        text-align: center;
        float: left;
        list-style: none;
    }
}
ul#icons li a {
    display: block;
    width: 100%;
    max-width: 74px;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
ul#icons li a:hover {
    background-color: #f00009;
}

ul#icons li a.sims {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: 0px 0;
}
ul#icons li a.sims:hover, span.sims {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: 0 -74px;
}

ul#icons li a.interactive-sales-map {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -74px 0;
}
ul#icons li a.interactive-sales-map:hover, span.interactive-sales-map {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -74px -74px;
}

ul#icons li a.interactive-sales-map-v3 {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -74px 0;
}
ul#icons li a.interactive-sales-map-v3:hover, span.interactive-sales-map-v3 {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -74px -74px;
}



ul#icons li a.digital-site-model {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -148px 0;
}
ul#icons li a.digital-site-model:hover, span.digital-site-model {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -148px -74px;
}

ul#icons li a.community-portal {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -222px 0;
}
ul#icons li a.community-portal:hover, span.community-portal {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -222px -74px;
}

ul#icons li a.gis {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -296px 0;
}
ul#icons li a.gis:hover, span.gis {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -296px -74px;
}

ul#icons li a.property-websites {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -370px 0;
}
ul#icons li a.property-websites:hover, span.property-websites {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -370px -74px;
}

ul#icons li a.pre-visualisation {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -444px 0;
}
ul#icons li a.pre-visualisation:hover, span.pre-visualisation {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -444px -74px;
}

ul#icons li a.communities-map {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -518px 0;
}
ul#icons li a.communities-map:hover, span.communities-map {
    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -518px -74px;
}


#home-map {
    padding-bottom: 100px;
}



#home-map h2 {
    font: 30px/36px 'OpenSansLight', Arial, sans-serif;
    color: #fff;
    margin: 70px 0 10px 0;
}
#home-map p {
    font: 14px/20px 'OpenSansRegular', Arial, sans-serif;
    color: #ccc;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width:640px) {

    #home-map h2 {
        font: 44px/45px 'OpenSansLight', Arial, sans-serif;
        color: #fff;
        margin: 70px 0 10px 0;
    }
    #home-map p {
        font: 17px/20px 'OpenSansRegular', Arial, sans-serif;
        color: #fff;
    }

}
#home-map img {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: auto;
    margin-bottom: 20px;
}



.homepage-cta {
    margin: 0 auto;
    width: 100%;
    float: left;
}
.homepage-cta a {
    font: 15px/20px 'OpenSansSemiBold', Arial, sans-serif;
    display: block;
    padding: 16px 0;
    text-align: center;
    letter-spacing: 1px;
    background: #e3e3e3;
    text-transform: uppercase;
    text-decoration: none;
    color: #333333;
    /*-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;*/
    width: auto;
}
.homepage-cta a.browse-map {
    margin: 0 7px 0 0;
    padding: 15px !important;
}

.homepage-cta a.browse-map:hover {
    background: #fff;
    padding: 15px 20px !important;
}

.homepage-cta a.get-listed {
    margin: 0 0 0 7px;
    background: #f00009;
    padding: 15px !important;
    color: #fff;
   /* font-family: 'OpenSansRegular', Arial, sans-serif;*/
}
.homepage-cta a.get-listed:hover {
    padding: 15px 20px !important;
}


@media only screen and (min-width:560px) {

    .homepage-cta {
        margin: 0;
        width: 100%;
        float: left;
       /* margin-bottom: 6px;*/
    }

    .homepage-cta a {
        font: 18px/20px 'OpenSansSemiBold', Arial, sans-serif;
        /*padding: 20px 50px;*/
        float: left;
	/*width: 85%;*/
        padding: 20px 0;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    }

    .homepage-cta a.browse-map:hover {
        padding: 20px;
        background: #fff;
    }

    .homepage-cta a.get-listed {
        background: #f00009;
        color: #fff;
	/*font-family: 'OpenSansRegular', Arial, sans-serif;*/
	float: right;
    }
    .homepage-cta a.get-listed:hover {
        padding: 20px;
        background: #ff151c;
    }
}
@media only screen and (min-width:700px) {
    .homepage-cta a {
        max-width: 260px;
    }

}




.tempimage2 {
    background: #222;
    width: 100%;
    max-width: 990px;
    margin: 20px auto;
    text-align: center;
}

#home-benefits {
}
#home-benefits h2 {
    font: 44px/45px 'OpenSansLight', Arial, sans-serif;
    margin: 0 0 60px 0;
    color: #717171;
    /*text-align: center;*/
}

#home-benefits ul li {
    float: none;
    width: 100%;
    text-align: left;
    list-style: none;
    margin-bottom: 30px;
    height: auto;
}

#home-benefits ul li p {
    margin-right: 0 !important;
    padding-left: 0;
    margin-left: 0;
}

#home-benefits ul li h3 {
    font: 16px/20px 'OpenSansBold', Arial, sans-serif;
    margin-right: 15px;
    color: #363636;
    margin-bottom: 10px;
    padding-left: 25px;
    background: url('images/bullet-marker.png') no-repeat;
}

@media only screen and (min-width:560px) {

    #home-benefits ul li {
        float: left;
        width: 33.3333333%;
        text-align: left;
        list-style: none;
	height: 120px;
    }

    #home-benefits ul li p {
        margin-right: 15px;
        padding-left: 0;
        margin-left: 0;
    }

    #home-benefits ul li h3 {
	font: 16px/20px 'OpenSansBold', Arial, sans-serif;
	margin-right: 15px;
	color: #363636;
	margin-bottom: 20px;
	padding-left: 25px;
	background: url('images/bullet-marker.png') no-repeat;
    }
}




/*------------------------------------------------------------------------------------------------------------------------
    = Footer
------------------------------------------------------------------------------------------------------------------------*/


ul#footer-blocks {
    margin: 20px 0;
}
ul#footer-blocks li {
    list-style: none;
    color: #fff;
    float: none;
    width: 100%;
    text-align: left;
    margin-bottom: 27px;
    /* for mobile only */
    padding-bottom: 30px;
    border-bottom: 2px solid #333333;
}
ul#footer-blocks li.double {
    width: 100%; text-align:left; /*padding-top: 30px;*/
    border-bottom: 2px solid #333333;
}

ul#footer-blocks li.doubletemp {
    width: 100%; text-align:left; /*padding-top: 30px;*/
    border-bottom: 2px solid #333333;
}
ul#footer-blocks li.double ul {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
}
ul#footer-blocks li h4 {
    font: 15px/20px 'OpenSansRegular', Arial, sans-serif;
    color: #fff;
    margin: 15px 0 15px 0;
    letter-spacing: 1px;
}
ul#footer-blocks li p, ul#footer-blocks li ul {
    font: 12px/16px 'OpenSansRegular', Arial, sans-serif;
    color: #7d7d7d;
    margin: 0;
}
ul#footer-blocks li a {
    font: 12px/16px 'OpenSansRegular', Arial, sans-serif;
    color: #c1c1c1;
    margin: 0;
    text-decoration: none;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
ul#footer-blocks li a:hover {
    font: 12px/16px 'OpenSansRegular', Arial, sans-serif;
    color: #fff;
    margin: 0;
}
/*a.footer-more {
    color: #ccc;
    font-weight: bold;
    font: 13px/23px 'OpenSansSemiBold', Arial, sans-serif;
    text-decoration: none;
}*/

ul#footer-blocks li.social-footer h4 {
    text-align: left;
}
ul#footer-blocks li.footer-about p {
    /*text-align: justify;*/
    margin-right: 0;
}

/*remove the borders on nested li */

ul#copyright li, ul#footer-news li, ul#social-icons li  {
    border: none;
}

@media only screen and (min-width:800px) {

    ul#footer-blocks li {
        list-style: none;
        color: #fff;
        float: left;
        width: 16.66666%;
        width: 22%;
        text-align: left;
	/* not carried over from mobile */
	padding-bottom: 0;
	border-bottom: none;
    }
    ul#footer-blocks li h4 {
	font: 15px/20px 'OpenSansRegular', Arial, sans-serif;
	color: #fff;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
    }
    ul#footer-blocks li.double {
        width: 28%;
	float: left;
        text-align:left;
	padding-top: 0;
	border-bottom: none;
    }
    ul#footer-blocks li.doubletemp {
        width: 48%;
	float: left;
        text-align:left;
	padding-top: 0;
	border-bottom: none;
    }
    ul#footer-blocks li.double ul {
        float: right;
    }

    ul#footer-blocks li p, ul#footer-blocks li ul {
	font: 12px/16px 'OpenSansRegular', Arial, sans-serif;
	color: #7d7d7d;
	margin: 0 15px 0 0;
    }
    ul#footer-blocks li.social-footer h4 {
	text-align: right;
    }
    /*ul#footer-blocks li.footer-about p {
	margin-right: 15%;
    }*/
}








#slidebox {
    display: none;
}

@media only screen and (min-width:800px) {

#slidebox ul#icons {
    display: block;
    margin: 0 auto 30px !important;
    text-align: center;
}
#slidebox ul#icons li {
    /*width: 29%;*/  /* for 3-up */
    width: 21%;  /* for 4-up */
    margin: 0 2%;
    text-align: left;
    float: left;
    list-style: none;
    padding: 10px 0;
    height: 180px;
}
#slidebox ul#icons li h4 {
    float: left;
    text-align: left;
    clear: both;
    font: 14px/16px 'OpenSansSemiBold', Arial, sans-serif;
    color: #fff;
    display: inline;
    margin: -10px 0 10px 0;
    padding: 0;
    }
#slidebox ul#icons li p {
    float: left;
    text-align: left;
    clear: both;
    font: 12px/16px 'OpenSansRegular', Arial, sans-serif;
    color: #929292;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    }
#slidebox ul#icons li a {
    display: block;
    float: left;
    width: 100%;
    max-width: 74px;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 3px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin: 6px 15px 30px 0;
}
#slidebox ul#icons li a:hover {
    display: block;
    width: 100%;
    background-color: #f00009;
    background-repeat: no-repeat;
    margin: 6px 15px 30px 0;
}
#slidebox ul#icons li img {
    float: left;
}

#slidebox ul#icons li a {
    background-color: #191919;
}
#slidebox ul#icons li a:hover {
    background-color: #f00009;
}

#slidebox ul#icons li a.sims {    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: 0px -74px;}
#slidebox ul#icons li a.sims:hover {    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: 0px -74px;}

#slidebox ul#icons li a.interactive-sales-map {    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -74px -74px;}
#slidebox ul#icons li a.interactive-sales-map:hover {    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -74px -74px;}

#slidebox ul#icons li a.digital-site-model {  background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -148px -74px;}
#slidebox ul#icons li a.digital-site-model:hover {   background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -148px -74px;}

#slidebox ul#icons li a.community-portal {   background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -222px -74px;}
#slidebox ul#icons li a.community-portal:hover {  background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -222px -74px;}

#slidebox ul#icons li a.gis { background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -296px -74px;}
#slidebox ul#icons li a.gis:hover {    background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -296px -74px;}

#slidebox ul#icons li a.property-websites {  background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -370px -74px;}
#slidebox ul#icons li a.property-websites:hover { background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -370px -74px;}

#slidebox ul#icons li a.pre-visualisation { background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -444px -74px;}
#slidebox ul#icons li a.pre-visualisation:hover { background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -444px -74px;}

#slidebox ul#icons li a.communities-map {   background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -518px -74px;}
#slidebox ul#icons li a.communities-map:hover {  background-image: url('https://red-i.co.za/wp-content/themes/red-i/images/product-icons-sprite.png'); background-position: -518px -74px;}


}
@media only screen and (min-width:980px) {
    #slidebox ul#icons li {
    width: 29%;  /* for 3-up */
    /*width: 21%;*/  /* for 4-up */
    margin: 0 2%;
    text-align: left;
    float: left;
    list-style: none;
    padding: 10px 0;
    height: 120px;
}
    #slidebox ul#icons li h4 {
	float: none;
	clear: none;
	text-align: left;
	font: 14px/16px 'OpenSansSemiBold', Arial, sans-serif;
	color: #fff;
	display: inline;
	display: block;
	margin: 2px 0 10px 0;
	padding: 0;
	line-height: 19px !important;
	margin-bottom: 5px;
    }
    #slidebox ul#icons li p {
	float: none;
	clear: none;
	text-align: left;
	font: 12px/16px 'OpenSansRegular', Arial, sans-serif;
	color: #929292;
	padding-left: 15px;
	padding-top: 0;
	margin-top: 0;
    }
}


ul#social-icons {
    /*height: 50px;*/
    float: left;
    padding-bottom: 17px !important;
}
ul#social-icons li {
    list-style: none;
    float: left;
    text-indent: -9999px;
    width: 30px;
    padding: 0;
    margin: 0 5px 0 0;
    list-style: none;
    height: 30px;
}
@media only screen and (min-width:800px) {

    ul#social-icons {
	float: right;
	/*width: 105px;
	height: 75px;*/
	padding-bottom: 0 !important;;
    }
    ul#social-icons li {
	list-style: none;
	float: left;
	text-indent: -9999px;
	width: 30px;
	padding: 0;
	margin: 0 0 6px 3px;
	list-style: none;
	height: 30px;
	/*text-align:right;*/
    }
}
@media only screen and (min-width:1100px) {

    ul#social-icons li {
	list-style: none;
	float: left;
	text-indent: -9999px;
	width: 30px;
	padding: 0;
	margin: 0 0 6px 7px;
	list-style: none;
	height: 30px;
    }
}
/*@media only screen and (min-width:980px) {
    ul#social-icons {
	height: 35px;
	width: auto;
    }
    ul#social-icons li {
	margin: 0 0 0 10px;
    }
}*/
ul#social-icons li a {
    display: block;
    margin: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url('https://red-i.co.za/wp-content/themes/red-i/images/social-icons-2-sprite.png') bottom left no-repeat;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

ul#social-icons li a:hover {
    text-indent: -9999px;
}

/* up states */
ul#social-icons li a.facebook {    background-position: 0px 0px;}
ul#social-icons li a.twitter {    background-position: -30px 0px;}
ul#social-icons li a.flickr {    background-position: -60px 0px;}
ul#social-icons li a.googleplus {    background-position: -90px 0px;}
ul#social-icons li a.linkedin {    background-position: -120px 0px;}
ul#social-icons li a.youtube {    background-position: -150px 0px;}
/*ul#social-icons li a.NEXTONE {    background-position: -180px 0px;}*/


/* hover states */
ul#social-icons li a.facebook:hover {    background-position: 0px -30px;}
ul#social-icons li a.twitter:hover {    background-position: -30px -30px;}
ul#social-icons li a.flickr:hover {    background-position: -60px -30px;}
ul#social-icons li a.googleplus:hover {    background-position: -90px -30px;}
ul#social-icons li a.linkedin:hover {    background-position: -120px -30px;}
ul#social-icons li a.youtube:hover {    background-position: -150px -30px;}
/*ul#social-icons li a.NEXTONE:hover {    background-position: -180px -30px;}*/



@media only screen and (max-width:49em) {
    .show-on-mobile {
	display: block;
	/*display: none;*/
    }
}
@media only screen and (min-width:49em) {
    .show-on-mobile {
	/*display: block;*/
	display: none !important;
    }
}

#home_block1 {
    background: #ebebeb url('images/home-bg.jpg') top center no-repeat;
    clear: both;
    padding: 40px 0;
    margin-top: 0;
}
@media only screen and (min-width:49em) {
	#home_block1 {
	    margin-top: -5px;
	}
}

p.small-page-heading {
    font: 18px/24px 'OpenSansBold', Arial, sans-serif;
    color: #e60d0d;
    text-align: left;
    margin: 65px 0 0 0;
    text-transform: uppercase;
	    width: 100%;
}


/*------------------------------------------------------------------------------------------------------------------------
	= Clients
------------------------------------------------------------------------------------------------------------------------*/

#clients_block1 {
    background: #ebebeb url('images/clients-bg.jpg') top center no-repeat;
    clear: both;
    /*padding: 40px 0;*/
    padding: 0;
    margin-top: 0;
    padding-top: 50px;
}
#clients_block2 {
    background: #fff;
}
#clients_block2 div.content_block {
    padding: 50px 0 40px;
    text-align: center;
}

@media only screen and (min-width:800px) {
    #clients_block1 {
	background: #ebebeb url('images/clients-bg.jpg') top center no-repeat;
	clear: both;
	/*padding: 40px 0;*/
	padding: 90px 0 0 0;
	margin-top: 0;
    }
}
ul#clients {
    margin: 0;
    padding:0;
    text-align: left;
}
ul#clients li {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    float: left;
    text-align: left;
    margin-bottom: 30px;
    height: auto;
}
@media only screen and (min-width:800px) {
    ul#clients li {
	list-style: none;
	width: 47%;
	margin-right: 3%;
	margin-left: 0;
	float: left;
	text-align: left;
	margin-bottom: 30px;
	height: 400px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
    }

    ul#clients li:nth-child(even) {
	width: 47%;
	margin-right: 0;
	margin-left: 3%;
    }
}
@media only screen and (min-width:800px) {
    ul#clients li {
	height: 320px;
    }

}
@media only screen and (min-width:1000px) {
    ul#clients li {
	height: 280px;
	/*height: 350px;*/
    }

}



ul#clients li h2 {
    font: 26px/32px 'OpenSansRegular', Arial, sans-serif; /* was 36px */
    color: #5c5c5c;
    margin: 0 0 15px 0;
}
@media only screen and (min-width:800px) {
    ul#clients li p.person {
	font: 14px/17px 'OpenSansBold', Arial, sans-serif;
	color: #5a5a5a;
	margin: 0 0 30px 0;
    }
}
ul#clients li p {
    font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
    margin: 0 0 10px 0;
    text-align: justify;
}
ul#clients li a {
    font: 14px/24px 'OpenSansBold', Arial, sans-serif;
    color: #e60d0d;
    text-decoration: none;
}
h2.clients {
    font: 36px/41px 'OpenSansLight', Arial, sans-serif;
    color: #727272;
    margin: 60px 0 50px 0;
    text-align: left;
}
ul#client-logos {
    margin: 0;
    padding:0;
    text-align: left;
}
ul#client-logos li {
    width: 48%;
    margin: 0 1% 40px;
    float: left;
    list-style: none;
    text-align:center;
}
@media only screen and (min-width:800px) {
	ul#client-logos li {
    width: 23%;
    margin: 0 1% 40px;
    float: left;
    list-style: none;
    text-align: center;
}
}
ul#client-logos li img {
    width: 100%;
    max-width:140px;
    height: auto;
    margin:0 auto;
}




/*------------------------------------------------------------------------------------------------------------------------
	= partners
------------------------------------------------------------------------------------------------------------------------*/

ul#partners {
    margin: 0;
    padding:0;
    text-align: left;
}
ul#partners li {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    float: left;
    text-align: left;
    margin-bottom: 30px;
    height: auto;
}
@media only screen and (min-width:800px) {
    ul#partners li {
	list-style: none;
	width: 47%;
	margin-right: 3%;
	margin-left: 0;
	float: left;
	text-align: left;
	margin-bottom: 30px;
	height: 590px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
    }

    ul#partners li:nth-child(even) {
	width: 47%;
	margin-right: 0;
	margin-left: 3%;
    }
}
/*@media only screen and (min-width:800px) {
    ul#partners li {
	height: 500px;
    }

}*/
@media only screen and (min-width:1000px) {
    ul#partners li {
	height: 470px;
    }

}
ul#partners li h2 {
    font: 26px/32px 'OpenSansRegular', Arial, sans-serif; /* was 36px */
    color: #5c5c5c;
    margin: 0 0 15px 0;
}
ul#partners li p {
    font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
    margin: 0 0 10px 0;
    text-align: justify;
}

ul#partner-logos {
    margin: 0;
    padding:0;
    text-align: left;
}
ul#partner-logos li {
    width: 23%;
    margin: 0 1% 40px;
    float: left;
    list-style: none;
    text-align:center;
}
@media only screen and (min-width:800px) {
	ul#partner-logos li {
    width: 23%;
    margin: 0 1% 40px;
    float: left;
    list-style: none;
    text-align: center;
}
}
ul#partner-logos li img {
    width: 100%;
    max-width:140px;
    height: auto;
    margin:0 auto;
}





/*------------------------------------------------------------------------------------------------------------------------
	= products
------------------------------------------------------------------------------------------------------------------------*/

#product_block1 {
    background: #eee url('images/product-bg.jpg') no-repeat center;
    padding-bottom: 50px;
}
@media only screen and (max-width:800px) {
    #product_block1 {
	padding-top: 40px;
    }
    #product_block1 p.small-page-heading {
	font: 18px/24px 'OpenSansBold', Arial, sans-serif;
	color: #e60d0d;
	text-align: left;
	margin: 45px auto 0;
	text-transform: uppercase;
	width: 90% !important;
    }
}
@media only screen and (min-width:800px) {
    #product_block1 {
	padding-top: 90px;
    }
    #product_block1 p.small-page-heading {
	float: none;
	width: 95% !important;
	text-align: left;
	margin: 65px auto 0;
    }
}
#product-text {
    float:none; width: 90%; text-align: left; margin: 0 auto;
}

@media only screen and (min-width:800px) {
	#product-text {
	    float:none; width: 95%; text-align: left;
	}
}
#product-main-image {
    float:none; width: 100%; max-width: 686px; position: relative; margin: 0 auto 30px;
}

#product-text p {
    font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
    margin: 0 auto 40px;
    text-align: left;
}

@media only screen and (min-width:1000px) {
    #product-text {
	float:left; width: 30%; text-align: left;
    }
    #product-main-image {
	float:left; width: 70%; max-width: 686px; position: relative;
    }
    #product-text p {
    margin: 0 0 30px 0;
    }
    #product_block1 p.small-page-heading {
	    float: none;
	    width: 100% !important;
	    text-align: left;
	    margin: 65px auto 0;
	}
}





h1.product {
    font: 26px/32px 'OpenSansLight', Arial, sans-serif;
    color: #727272;
    margin: 0 0 20px 0;
    text-align: left;
}
h1.product a {
    font: 26px/32px 'OpenSansRegular', Arial, sans-serif;
    color: #555555;
    margin: 0 0 20px 0;
    text-align: left;
}
@media only screen and (min-width:400px) {

	h1.product {
	    font: 34px/38px 'OpenSansLight', Arial, sans-serif;
	    color: #727272;
	    margin: 0 0 20px 0;
	    text-align: left;
	}
	h1.product a {
	    font: 34px/32px 'OpenSansRegular', Arial, sans-serif;
	    color: #555555;
	    margin: 0 0 20px 0;
	    text-align: left;
	}
}
#product-main-image div.laptop img, #product-main-image div img{
    width: 100%;
    height: auto;
}



a.product {
    font: 17px/20px 'OpenSansSemiBold', Arial, sans-serif;
    display: inline-block;
    padding: 13px 65px;
    text-align: center;
    letter-spacing: 1px;
    background: #e3e3e3;
    text-transform: uppercase;
    text-decoration: none;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: auto;
    margin: 0;
    background: #f00009;
    color: #fff;
}
a.product:hover {
    padding: 13px 75px;
    background: #c40005;
}

#product-points {
    width: 100%; float:none; text-align: left; padding-bottom: 30px; border-bottom: 2px solid #ccc; margin-bottom: 30px;
}
#product-points span { /*product icon at bottom of page */
    width:74px; height: 74px; border-radius: 3px; display: block; background-color: #666; float: left; margin-right: 15px;
}
#product-points h4 {
    float: left;
    font: 18px/24px 'OpenSansSemiBold', Arial, sans-serif;
    clear: none;
}
@media only screen and (min-width:800px) {
    #product-points {
	width: 90%; float:none; text-align: left; padding-bottom: 30px; border-bottom: 2px solid #ccc; margin-bottom: 30px;
    }
    #product-points h4 {
	width: 50%;
    }
}
/*#product-points img {
    width: 90%;
    height: auto;
    max-width: 220px;
}*/
#product-copy {
    border-left: none; padding-left:0; width: 100%; float:none; text-align: center; margin: 0;
}

#product-copy p {
    font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
    margin: 0 0 40px 0;
    text-align: left;
}
#product-copy h2 {
    font: 36px/41px 'OpenSansLight', Arial, sans-serif;
    color: #727272;
    margin: -8px 0 30px 0;
    text-align:left;
}
#product-copy a.product {
    margin: -8px auto 15px;
    padding: 13px 30px;
    text-align:left;
    display: inline-block;
    background: #666;
}
#product-copy a.product:hover {
    padding: 13px 45px;
    background: #818181;
}
#product-copy a.demo {
    background: #f00009;
}
#product-copy a.demo:hover {
    background: #c40005;
}



@media only screen and (min-width:800px) {
    #product-points {
	width: 30%; float:left; text-align: left;padding-bottom: 0; border-bottom: none; margin-bottom: 0;
    }
    #product-copy {
	border-left: 1px solid #ccc; width: 69%; float:left; text-align: left;
    }
    #product-copy p {
	font: 14px/24px 'OpenSansRegular', Arial, sans-serif;
	margin: 0 0 20px 10%;
	text-align: left;
    }
    #product-copy h2 {
	font: 36px/41px 'OpenSansLight', Arial, sans-serif;
	color: #727272;
	margin: -8px 0 30px 10%;
	text-align:left;
    }
    #product-copy a.product {
	margin: -8px 0 15px 10%;
	text-align:left;
	padding: 13px 30px;
    }
    #product-copy a.demo {
	margin-left: 10%;
    }
}

@media only screen and (min-width:800px) {

    #product-copy a.product {
	margin: -8px 0 15px 10px;
	text-align:left;
	padding: 13px 30px;
    }
    #product-copy a.demo {
	margin-left: 10%;
    }
}


#product-points ul {
    margin: 70px 20px 0 20px !important;
    clear: both;
}
#product-points ul li {
    font: 14px/18px 'OpenSansSemiBold', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
    margin-bottom: 6px;
}



#product-benefits {
    background: #ebebeb; padding: 60px 0 40px;
}
@media only screen and (min-width:800px) {
    #product-benefits {
	background: #ebebeb; padding: 80px 0 40px;
    }
}


ul#copyright {
    margin: 25px 4px 0 0;
    padding:0;
    clear: both;
    float: left;
}
ul#copyright li {
    list-style: none;
    float: left;
    width: auto;
    text-align: left;
    margin-right: 10px;
    margin-bottom: 2px;
    color: #7d7d7d;
    font: 14px/18px 'OpenSansRegular', Arial, sans-serif;
    padding: 0;
}
ul#copyright li a {
    text-decoration: none;
    color: #8f8f8f;
}
ul#copyright li a:hover {
    text-decoration: none;
    color: #b2b2b2;
}
@media only screen and (min-width:800px) {
    ul#copyright {
	/*margin: 25px 4px 0 0;*/
	margin: 10px 4px 0 0;
	padding:0;
	float: right;
    }
    ul#copyright li {
	list-style: none;
	float: none;
	width: 100%;
	text-align: right;
	color: #7d7d7d;
	margin-right: 0;
    }
    ul#copyright li a {
	text-decoration: none;
	color: #8f8f8f;
    }
}
/*
p.copyright {
    display: block; clear: both; float: left;margin: 25px 4px 0 0;
}
@media only screen and (min-width:800px) {
    p.copyright {
        display: block; clear: both; float: right;margin: 10px 4px 0 0;
    }
}
*/


.hide-on-mobile {
    display: none !important;
}
.hide-on-desktop {
    display: inline-block !important;
}
@media only screen and (min-width:1000px) {
	.hide-on-mobile {
	    display: inline-block !important;
	}
	.hide-on-desktop {
	    display: none !important;
	}
}



/*------------------------------------------------------------------------------------------------------------------------
	= product carousel
------------------------------------------------------------------------------------------------------------------------*/


.list_carousel {
     padding: 0;
}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 50%;
}
.list_carousel li {
    text-align: left;
    background-color: #fff;
    width: 200px;
    height: 420px;
    padding: 0;
    margin: 0 40px;
    display: block;
    float: left;
}
.list_carousel li img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
@media only screen and (min-width:380px) {
    .list_carousel li {
	text-align: left;
	background-color: #fff;
	width: 280px;
	/*height: 430px;*/
	padding: 0;
	margin: 0 30px;
	display: block;
	float: left;
    }
}
.clearfix {
	float: none;
	clear: both;
}


.list_carousel a.prev, .list_carousel a.next {
	/*background: url(https://red-i.co.za/wp-content/themes/red-i/images/miscellaneous_sprite.png) no-repeat transparent;*/
	background: url(https://red-i.co.za/wp-content/themes/red-i/images/arrows.png) no-repeat transparent;
	width: 30px;
	height: 54px;
	display: block;
	position: absolute;
	top: 40%;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.list_carousel a.prev {
    left: -30px;
    /*left: -40px;*/
    background-position: 0 0;
    opacity: 1;
}
.list_carousel a.prev:hover {
    left: -35px;
    /*left: -45px;*/
    /*background-position: 0 -54px;*/
    opacity: 0.5;
}
.list_carousel a.prev:active {
    left: -30px;
}
.list_carousel a.next {
    right: -30px;
    /*right: -40px;*/
    background-position: -30px 0;
    opacity: 1;
}
.list_carousel a.next:hover {
    right: -35px;
    /*right: -45px;*/
    /*background-position: -30px -54px;*/
    opacity: 0.5;
}
.list_carousel a.next:active {
    right: -30px;
}

.list_carousel a.prev span, .list_carousel a.next span {
    display: none;
}




/* pagination */
.pagination {
	text-align: center;
	margin: 15px 0 0 0;
}
.pagination a {
	background: url(https://red-i.co.za/wp-content/themes/red-i/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 4px;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}

.list_carousel ul li h3 {
    font: 16px/20px 'OpenSansBold', Arial, sans-serif;
    color:#5a5a5a;
    text-align: left;
}
.list_carousel ul li p {
    font: 14px/23px 'OpenSansRegular', Arial, sans-serif;
    /*color: #737373;*/
    color: #555;
    text-align: left;
    margin-top: 0;
}



/*------------------------------------------------------------------------------------------------------------------------
	= end
------------------------------------------------------------------------------------------------------------------------*/



div.wpcf7 form p {
    font: 14px/23px 'OpenSansRegular', Arial, sans-serif;
}
div.wpcf7 form input {
    font: 14px/23px 'OpenSansRegular', Arial, sans-serif;
    padding: 5px;
    width: 98%;
}
div.wpcf7 form select {
    font: 14px/23px 'OpenSansRegular', Arial, sans-serif;
    padding: 5px;
    width: 100.5%;
}
div.wpcf7 form select#product_id {
    font: 14px/23px 'OpenSansBold', Arial, sans-serif;
    }


@media only screen and (min-width:800px) {
    div.wpcf7 form  {
    float: left;
	width: 100%
     }
}
div.wpcf7 form p span {
    font: 14px/23px 'OpenSansSemiBold', Arial, sans-serif;
    /*text-transform: uppercase;*/
    color: #c80000;
}
div.wpcf7 form p span.wpcf7-quiz-label {
    font: 14px/23px 'OpenSansSemiBold', Arial, sans-serif;
    /*text-transform: uppercase;*/
    color: #666;
}
input[type="submit"].wpcf7-submit, input[type="submit"] {
    font: 17px/20px 'OpenSansSemiBold', Arial, sans-serif;
    display: inline-block;
    padding: 13px 65px;
    text-align: center;
    letter-spacing: 1px;
    /*background: #e3e3e3;*/
    text-transform: uppercase;
    text-decoration: none;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: auto;
    margin: 0;
    background: #f00009;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
	margin-top: 10px !important;
}
input[type="submit"].wpcf7-submit:hover, input[type="submit"]:hover {
    padding: 13px 75px;
    background: #c40005;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
	margin-top: 10px !important;
}

/*------------------------------------------------------------------------------------------------------------------------
    = Google map
------------------------------------------------------------------------------------------------------------------------*/

iframe {
	vertical-align: top;
}

/*#canvas_holder{
	position: fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	z-index: 0;
}*/

#map_canvas{
	width:100%;
	height:420px;
	/*position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;*/
}
.info-window-content h2{
    font: 16px/23px 'OpenSansSemiBold', Arial, sans-serif;
    color: #333;
    /*text-transform: uppercase;*/
   /* letter-spacing: 5px;*/
    text-align: left;
    margin: 0;
}
/*.info-window-content div.info-window-thumb {
    width: 212px;
}
.info-window-content div.info-window-thumb img {
    width: 100%;
    height: auto;
}*/
.info-window-content p {
    font: 14px/19px 'OpenSansRegular', Arial, sans-serif;
    margin-bottom: 0; color: #222;
   /* text-transform: uppercase;*/
}
.info-window-content {
    overflow: hidden !important;
    min-height: 100px;
}



/* blocks on contact page to house content and google maps */
#column_1 {
    width: 100%; margin-right: 0; float: none;
}
#column_2 {
    width: 100%; margin-left:0; float: none; margin-top:30px; margin-bottom: 50px;
}

#column_1 ul, #column_2 ul {
    margin-left: 20px !important;
}
#column_2 ul li {
    list-style: none;
    clear: both;
    margin-bottom: 10px;
}
@media only screen and (min-width:920px) {
	#column_1 {
	    width: 48%; margin-right: 2%; float: left; margin-bottom: 40px;
	}
	#column_2 {
	    width: 48%; margin-left: 2%; float: left; margin-top:0;
	}
}


/*------------------------------------------------------------------------------------------------------------------------
    = Footer News
------------------------------------------------------------------------------------------------------------------------*/


ul#footer-news {
    margin: 0;
    padding: 0;
    width: 100%;
}
ul#footer-news li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px;
    width: 100%;
}
ul#footer-news li a {
    display: block;
    font: 12px/16px 'OpenSansRegular', Arial, sans-serif !important;
}
ul#footer-news li a:hover {
    color: #fff;
}
.footer-news-date {
    float: left;
    margin-right: 14px;
}

@media only screen and (min-width:800px) {

    ul#footer-news li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px;
	width: 90%;
    }
    ul#footer-news li div.footer-news-date {
	text-align: left;
	float: left;
	margin-right: 0;
    }

}

/* news */

.footer-news-date p.day {
    font: 18px/18px 'OpenSansSemiBold', Arial, sans-serif !important;
    margin-bottom: 0;
    color: #ddd !important;
    text-align: center;
    padding: 2px 3px;
    border-radius: 2px;
    background: #D71921;
    background: #232323;
}

.footer-news-date p.month {
    font: 10px/21px 'OpenSansSemiBold', Arial, sans-serif!important;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-right: 0;
    color: red;
}
.footer-news-headline p {
    margin-bottom: 0;
}
.footer-news-headline {
    margin-left: 40px;
}

/*------------------------------------------------------------------------------------------------------------------------
    = Caroufredsel
------------------------------------------------------------------------------------------------------------------------*/


.caroufredsel_wrapper {
    cursor: e-resize !important;
}

ul#news li {
    list-style: none;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
    overflow: auto;
}
@media only screen and (min-width:800px) {
	ul#news li {
	    list-style: none;
	    margin-bottom: 40px;
	    padding-bottom: 10px;
	    border-bottom: 2px solid #ddd;
	    overflow: auto;
	}
}
ul#news li a {
    display: block;
}

ul#news li span {
    font: 12px/19px 'OpenSansRegular', Arial, sans-serif;
}
ul#news li span.cat-links a {
    display: inline;
}
p.news-data {
    font-size: 12px; margin-bottom: 0; margin-top: 5px;
}
ul#news li div {
    width: 100%; height: auto; float: left; margin-right: 10px; margin-bottom: 15px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
ul#news li div img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
@media screen and (min-width: 350px) {

    ul#news li div {
	width: 200px; height: auto; float: left; margin-right: 30px;
    }
}
@media screen and (min-width: 800px) {

ul#news li {
    list-style: none;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
    overflow: auto;
}
    ul#news li div {
	width: 300px; height: auto; float: left; margin-right: 30px;
    }
}


/*-------------------------------- [ Page Navigation ] --------------------------------*/

.wp-pagenavi {
  clear:both;
  margin: 20px 0 30px 0;
  padding-top:10px;
}

.wp-pagenavi span.pages {

    font: 14px/26px 'OpenSansRegular', Arial, sans-serif;
  border:none;
  margin-right:5px;
  padding: 0 6px;
  height: 25px;
  background: transparent;
  color:#000;
  /*border:1px solid black;*/
  text-decoration:none;
  border-radius: 0; /* Firefox 4; browsers with CSS3 support */
  -moz-border-radius: 0; /* Firefox up to version 3.6 */
  -webkit-border-radius: 0; /* Safari, Chrome (before WebKit version 533) */
}

.wp-pagenavi a.page,
.wp-pagenavi .page-numbers,
.wp-pagenavi span.extend,
.wp-pagenavi a.first,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.last {
    font: 14px/26px 'OpenSansSemiBold', Arial, sans-serif;
  border:none;
  margin-right:0px;
  /*padding:6px;*/
  width: 25px;
  height: 25px;
  text-align: center;
  display: inline-block;
  background:#444;
  color:#eee;
 /* border:1px solid black;*/
  text-decoration:none;
  border-radius: 3px; /* Firefox 4; browsers with CSS3 support */
  -moz-border-radius: 3px; /* Firefox up to version 3.6 */
  -webkit-border-radius: 3px; /* Safari, Chrome (before WebKit version 533) */
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
    font: 14px/26px 'OpenSansSemiBold', Arial, sans-serif;
  border:none;
  margin-right:0;
  /*padding:6px;*/
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  background:red;
  color:#fff;
  /*border:1px solid #454545;*/
  text-decoration:none;
  border-radius: 3px; /* Firefox 4; browsers with CSS3 support */
  -moz-border-radius: 3px; /* Firefox up to version 3.6 */
  -webkit-border-radius: 3px; /* Safari, Chrome (before WebKit version 533) */
}

.navigation {
  padding-top:10px;
}

.navigation a {
  padding:6px;
  background:#454545;
  text-decoration:none;
  color:white;
  border-radius: 0; /* Firefox 4; browsers with CSS3 support */
  -moz-border-radius: 0; /* Firefox up to version 3.6 */
  -webkit-border-radius: 0; /* Safari, Chrome (before WebKit version 533) */
}

.navigation a:hover {
  padding:6px;
  background:#093f6c;
  text-decoration:none;
  color:white;
  border-radius: 0; /* Firefox 4; browsers with CSS3 support */
  -moz-border-radius: 0; /* Firefox up to version 3.6 */
  -webkit-border-radius: 0; /* Safari, Chrome (before WebKit version 533) */
}

.wp-pagenavi a.next, .wp-pagenavi a.prev {
    display: none;
}





#comments {
    margin:30px 0;
}
#comments h3 {
    font: 15px/19px 'OpenSansSemiBold', Arial, sans-serif;
}

p.form-allowed-tags {
    display: none;
}


.archive .content_block pre {
    display: none;
}

.entry-content p {
    text-align: justify;
}
.entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 7px;
}
@media only screen and (min-width:550px) {
    .entry-content img {
	max-width: 70%;
	height: auto;
	margin-bottom: 5px;
    }
}
@media only screen and (min-width:800px) {
    .entry-content img {
	max-width: 60%;
	height: auto;
    }
}

/*------------------------------------------------------------------------------------------------------------------------
	= Contact form 7
------------------------------------------------------------------------------------------------------------------------*/


#wpcf7-f388-t1-o1 input[type=text], #wpcf7-f388-t1-o1 input[type=email]{
    background: #454545;
    color: #eee;
    font: 12px/17px 'OpenSansRegular', Arial, sans-serif;
    padding: 5px 4px;
    border: none;
}
#wpcf7-f388-t1-o1 input[type=text]:focus, #wpcf7-f388-t1-o1 input[type=email]:focus{
    border: #fff 1px solid;
}

span.wpcf7-list-item {
    margin: 2px 0 0 0 !important;
    display: block;
}
span.wpcf7-list-item input[type=checkbox] {
    display: inline;
    width: 13px !important;
    background: #ddd;
}
span.wpcf7-list-item span.wpcf7-list-item-label {
    color: #aaa;
    font: 12px/17px 'OpenSansRegular', Arial, sans-serif;
}

#wpcf7-f388-t1-o1 span.wpcf7-not-valid-tip-no-ajax {
    color: #f00;
    font: 10px/17px 'OpenSansRegular', Arial, sans-serif;
    display: block;
    background: #c80000;
    width: 100%;
    margin: 0;
    padding: 0;
    color: white !important;
}

#wpcf7-f388-t1-o1 div.wpcf7-validation-errors {
    display: none;
}

#wpcf7-f388-t1-o1 input[type="submit"].wpcf7-submit, #wpcf7-f388-t1-o1 input[type="submit"] {
    font: 14px/20px 'OpenSansRegular', Arial, sans-serif;
    display: inline-block;
    padding: 5px 14px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: auto;
    margin: 10px 0 0 0;
    background: #222;
    color: #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}




ul#category_list  {
    display: inline-block;
}
ul#category_list li {
    float: left;
    list-style: none;
    margin-right: 3px;
    margin-bottom: 5px;
    padding: 4px 6px;
    border-radius: 3px;
    background: #666; /*d71921*/
    font: 13px/15px 'OpenSansRegular', Arial, sans-serif;
    color: #ccc;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
@media only screen and (min-width:800px) {
	ul#category_list li {
	    float: left;
	    list-style: none;
	    margin-right: 15px;
	    padding: 4px 6px;
	    border-radius: 3px;
	    background: #666; /*d71921*/
	    font: 13px/15px 'OpenSansRegular', Arial, sans-serif;
	    color: #ccc;
	    -moz-transition: all .3s ease;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	}
}


 ul#category_list li a {
    font: 13px/15px 'OpenSansSemiBold', Arial, sans-serif;
    color: #fff;
    text-decoration: none;

}






/*
.page .content_block ul {
    margin-left: 25px !important;
}
*/



.client-testimonial:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

.client-testimonial:after {
	border-bottom-color: #f5f5f5;
	border-width: 14px;
	left: 10%;
	margin-left: -14px;
}


/*
  .client-testimonial {
   position: relative;
    border: 1px solid #d3d3d3;
}
 .client-testimonial:after, .client-testimonial:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

.client-testimonial:after {
	border-bottom-color: #d3d3d3;
	border-width: 14px;
	left: 10%;
	margin-left: -14px;
}
.client-testimonial:before {
	border-color: rgba(211, 211, 211, 0);
	border-bottom-color: #d3d3d3;
	border-width: 15px;
	left: 10%;
	margin-left: -15px;
}
*/


ul#careerslist {
	margin: 0;
	padding: 0;
	margin-left:  0 !important;
	/*list-style: none;*/
	text-align: left;
	min-height: 450px;
}
ul#careerslist li {
	margin-left:  0;
	text-align:left;
}

#careerlisting {
	margin-bottom: 30px;
}
/*#careerlisting p {
	margin: 0;
}*/
#careerlisting p > strong {
	margin-bottom: 0;
}

#careerlisting p.jobtaken {
	font: 11px/11px 'OpenSansRegular', Arial, sans-serif;
	color: #fff;
	padding: 2px 4px;
	background: #ce0000;
	text-transform: uppercase;
	display: inline-block;
}

#careerlisting p.careers-heading {
	text-transform: uppercase;
	font: 13px/14px 'OpenSansSemiBold', Arial, sans-serif;
	color: #333;
	margin: 30px 0 8px;

}


ul#careerslist h2 p.jobtaken {
	font: 10px/11px 'OpenSansRegular', Arial, sans-serif;
	color: #fff;
	padding: 2px 4px;
	/*background: #ce0000;*/
	background: #999;
	text-transform: uppercase;
	display: inline-block;
	margin-top: -10px;
	vertical-align: super;
}

ul#careerslist h2 a {
	font: 21px/25px 'OpenSansRegular', Arial, sans-serif;
	color: #f00009;
	letter-spacing: 0.5px;
	margin: 20px 0;
	text-decoration: none;
}

ul#careerslist h2 a:hover {
	font: 21px/25px 'OpenSansRegular', Arial, sans-serif;
	color: #ae0000;
	letter-spacing: 0.5px;
	margin: 20px 0;
	text-decoration: none;
}
#careerlisting p.jobapplication {
	font: 26px/29px 'OpenSansRegular', Arial, sans-serif;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 40px 0 !important;
}
#careerlisting span.calltoaction p {
	font: 22px/25px 'OpenSansRegular', Arial, sans-serif;
	font-style: italic;
	color: #F00009;
	text-transform: normal;
	letter-spacing: 0;
	margin: 40px 0 !important;
}

#careerlisting ul {
	margin-top: 3px !important;
	margin-left: 25px !important;
}

#careers-form {
	width: 100%;
}
@media only screen and (min-width:800px) {
	#careers-form {
		width: 50%;
	}

}










/* ism aimation */

.isminate .ipad-ism-move {
	position: absolute;
	z-index: 999;
	bottom: 14.3%;
	right: 4.5%;
	z-index: 99999;
	overflow: auto;
	width: 31%;
	height: 64%;
	display: block;
	background: url(images/for-animation-208x262px.gif) no-repeat 0 0;
	display: block;
}
.isminate .ipad-ism {
	position: absolute;
	z-index: 2;
	bottom: 14.3%;
	right: 4.5%;
	z-index: 99999;
	overflow: auto;
	width: 31%;
	height: 64%;
	display: none;
	background: url(images/for-animation-208x262px-SINGLE.gif) no-repeat 0 0;
}
/*.isminate:hover .ipad-ism-move {
	display: block;
}*/

#careers-form button, html input[type="button"], input[type="reset"], input[type="submit"] {


border: 0 !important;
    color: #fff;
    padding: 15px 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-weight: 400;
    margin-bottom: 40px;
    background: #f00009;
	-webkit-box-shadow: none !important;
	-moz-box-shadow:    none !important;
	box-shadow:         none !important;
}



/* for hokmepage new on the map
*/
#homepage-on-the-map-benefits li {
    list-style: disc;
    margin: 0 0 7px 0 !Important;
    padding: 0;
    color: #ddd !important;
    font: 17px/24px 'OpenSansRegular', Arial, sans-serif !Important;
}