/*
Theme Name: CatN
Theme URI: http://catn.com/
Author: the CatN team
Author URI: http://catn.com
Description: Custom theme used by CatN.
Version: 1.0
*/

/* Reset default browser CSS */

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;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: 300;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
b, strong {
	font-weight: 400;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* General */

html,
body {
	min-height: 100%;
	width: 100%;
	overflow-x: hidden;
}
body {
	background: white;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14pt;
	color: #333;
	min-width: 1100px;
	min-height: 100%;
}
a {
	text-decoration: none;
	color: #00b78f;
	transition: all 0.2s ease;
}
i, em {
	font-style: italic;
}
sup {
	vertical-align: super;
	line-height: 0;
	font-size: 70%;
}
address {
	display: block;
}
iframe {
	display: block;
}
input,
textarea {
	-webkit-appearance: none;
    border-radius: 0;
}
.smaller {
	font-size: 85% !important;
}

/* Container */

#container {
	width: 100%;
	position: relative;
}
section.inner {
	width: 1060px;
	margin: 0 auto;
	padding: 0 10px;
}

/* Headings */

h1, h2, h3, h4 {
	color: black;
	line-height: 1.25;
	font-size: 120%;
	margin-bottom: 20px;
}
h1 {
	font-size: 250%;
	margin-bottom: 60px;
}
h2 {
	font-size: 180%;
	line-height: 1.5;
}
h3 {
	font-weight: 400;
	font-size: 120%;
	line-height: 1.5;
}
h4 {
	font-weight: 400;
	font-size: 100%;
}
.hasmargin {
	margin-bottom: 20px;
}
.extramargin {
	margin-bottom: 60px !important;
}
.nomargin {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.clearfix {
	clear: both;
	height: 0;
	display: block;
}
.uppercase {
	text-transform: uppercase;
}
.block {
	display: block !important;
}
.small {
	font-size: 90% !important;
}
.faded {
	color: #666;
}

/* Header */

#header {
	background: #252525;
	color: white;
	font-size: 76%;
	font-weight: 300;
	line-height: 1;
	z-index: 450;
	border: 0;
	float: left;
	width: 100%;
}
.page-template-page-landing-php #header,
.page-template-page-hero-php #header,
.page-template-page-submenu-php #header,
.blog #header,
.archive #header,
.single-post #header,
.search #header,
.error404 #header {
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
}
#header a {
	color: white;
}
#header h1 {
	float: left;
	margin: 0;
}
#header h1 a {
	width: 92px;
	height: 36px;
	overflow: hidden;
	background: url(images/header/logo.png) center center no-repeat;
	text-indent: -1000px;
	padding: 27px 0;
	margin-right: 15px;
	display: block;
}
#header h2 {
	display: none;
}
#header .menu {
	float: left;
	text-transform: uppercase;
	overflow: hidden;
}
#header .menu .collapse {
	display: none;
}
#header .menu li {
	float: left;
}
#header .menu a {
	padding: 38px 15px;
	display: block;
	color: white;
}
#header .menu a:hover {
	background: #1f1f1f;
	background: rgba(0,0,0,0.7);
}

/* Header : Sub Menu */

#header .sub-menu {
	text-transform: none;
}
#header .menu li .sub-menu li li {
	float: none;
}
#header .menu-depth-0 {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.87);
	padding: 15px 30px;
}
#header .sub-menu-depth-0 {
	width: 1060px;
	margin: 0 auto;
}
#header .sub-menu-depth-0 > li {
	padding: 20px 20px 0;
}
#header .menu-depth-1 {
	float: left;
	margin: 0 40px 40px 0;
}
#header .sub-menu a,
#header .sub-menu span.sub-menu-title {
	padding: 0;
	margin: 0 0 20px;
	display: block;
}
#header .sub-menu span.sub-menu-title {
	font-weight: 400;
	margin-bottom: 40px;
	text-transform: uppercase;
	font-size: 110%;
}
#header .menu-item-has-children:hover > a {
	background: #1f1f1f;
	background: rgba(0, 0, 0, 0.8);
}
#header .menu-item-has-children:hover .sub-menu a:hover {
	color: #00b78f;
	background: none;
}
#header .menu-item-has-children:hover > .sub-menu-wrapper {
	display: block;
}
#header .menu-depth-1.menu-item-has-children:hover .sub-menu a {
	background: none;
}

/* Header : Utilities */

#utils {
	float: right;
}
#utils li {
	float: left;
	padding: 38px 0 37px 20px;
}
#utils li a:hover {
	color: #00b78f;
}
#utils li.button {
	padding: 28px 0 28px 20px;
}
#utils li.button a {
	border: 1px solid white;
	display: block;
	color: white;
	text-transform: uppercase;
	padding: 9px 13px;
	font-size: 90%;
}
#utils li.button a:hover {
	background: white;
	color: black;
}

/* Footer */

#footer {
	background: #252525;
	color: white;
	font-size: 80%;
}
#footer .inner {
	position: relative;
}
#footer .left,
#footer .right {
	padding: 45px 0 30px;
	float: left;
	min-height: 85px;
}
#footer .left {
	width: 390px;
	padding-bottom: 30px;
}
#footer .right {
	padding-left: 50px;
	background: #1e1e1e;
	padding-right: 3000px;
	margin-right: -3000px;
	position: relative;
	top: 0;
	float: right;
	width: 620px;
}
#footer h2 {
	width: 72px;
	height: 29px;
	overflow: hidden;
	background: url(images/footer/logo.png) center center no-repeat;
	text-indent: -1000px;
	margin-right: 30px;
	float: left;
}
#footer .left p {
	padding: 10px 0;
}
#footer .menu ul {
	overflow: hidden;
	margin: 50px 0 100px;
}
#footer .menu li {
	float: left;
	width: 155px;
	text-transform: uppercase;
	line-height: 2.1;
	font-weight: 400;
}
#footer .menu ul.sub-menu {
	margin-top: 15px;
	margin-bottom: 0;
}
#footer ul.sub-menu li {
	text-transform: none;
	font-weight: 300;
}
#footer a {
	color: white;
}
#footer a:hover {
	color: #00B78F;
}
#footer .contact {
	overflow: hidden;
}
#footer .contact p {
	float: left;
}
#footer .copyright {
	font-size: 80%;
	position: absolute;
	bottom: 30px;
	left: 10px;
}

/* Footer : Products Menu */

#footer #menu-footer-products {
	margin: 10px 0 20px;
	font-size: 100%;
}
.menu li.product {
	margin-bottom: 0;
	width: 410px;
	background-color: #222;
	font-size: 120%;
	line-height: 1.6;
	font-weight: 400;
}
.menu li.product > a,
#footer .menu li.product {
	float: none;
	width: auto;
	text-transform: none;
}
.menu li.product > a {
	display: block !important;
	padding: 17px 85px 17px 25px !important;
	position: relative;
	color: white !important;
	margin: 0  !important;
}
.menu li.product > a:after {
	content: '';
	background: rgba(255,255,255,0.06) url(images/footer/product-arrow.png) center center no-repeat;
	position: absolute;
	width: 50px;
	height: 100%;
	top: 0;
	right: 0;
	line-height: 100%;
	text-align: center;
	transition: all 0.2s ease;
}
.menu li.product > a:hover:after {
	width: 70px;
}
.menu li.product .description {
	display: block;
	font-weight: 300;
	font-size: 85%;
	line-height: 1.5;
}

/* Footer : Social */

ul.social-icons {
	font-size: 144%;
	overflow: hidden;
	padding: 10px 0 18px;
}
ul.social-icons li {
	float: left;
	margin-right: 4px;
}
ul.social-icons li .label {
	display: none;
}
#footer ul.social-icons a {
	color: #929292;
}
#footer ul.social-icons a:hover {
	color: white;
}

/* Hero */

.hero {
	background-color: #333;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	color: white;
	overflow: hidden;
	margin-bottom: 70px;
	clear: both;
	position: relative;
}
.hero.intro {
	position: relative;
	top: -70px;
	margin-bottom: 0;
}
.hero .pattern {
	background-position: center center;
	background-attachment: fixed;
	overflow: hidden;
}
.hero.nocover {
	background-size: auto;
}
.hero.header section {
	height: 630px;
	padding: 0;
}
.hero.header section {
	width: 840px;
}
.hero.header .columns.quad .column {
	width: 195px;
}
.hero.header .hero-content {
	padding-top: 90px;
	position: relative;
}
.hero section {
	display: table;
	padding: 100px 0;
}
.hero.fat section {
	padding-top: 160px;
	padding-bottom: 160px;
}
.hero.thin section {
	padding-top: 40px;
	padding-bottom: 40px;
}
.hero.aligncenter section {
	text-align: center;
}
.hero.alignright {
	text-align: right;
	float: none;
}
.hero-content {
	display: table-cell;
	vertical-align: middle;
}
.hero h1,
.hero h2,
.hero h3 {
	margin-bottom: 25px;
	color: white;
	display: inline-block;
	font-weight: 300;
}
.hero.dark,
.hero.dark h1,
.hero.dark h2,
.hero.dark h3 {
	color: black;
}
.hero p {
	display: block;
	margin: 0 auto;
}
.hero.boxed h1,
.hero.boxed h2,
.page-colour-rgba {
	background: #333;
	background: rgba(37,37,37,.95);
}
.hero.boxed.light h1,
.hero.boxed.light h2 {
	background: rgba(255,255,255,.1);
}
.hero.boxed h2.light {
	background: white;
	background: rgba(255,255,255,.6);
	color: black;
}
.hero.boxed h1,
.hero.boxed h2 {
	padding: 15px 25px;
}
.hero.boxed h1.nobox,
.hero.boxed h2.nobox {
	background: none;
}
.hero h2,
.hero p {
	line-height: 1.7;
	font-size: 130%;
	font-weight: 200;
}
.hero.thin h2 {
	margin-bottom: 20px;
}
.hero.thin p {
	font-size: 100%;
}
.hero.aligncenter h2,
.hero.aligncenter p {
	max-width: 700px;
}
#content .hero,
.hero .pattern  {
	margin-left: -800px;
	margin-right: -800px;
}
#content .hero p {
	margin-bottom: 0;
}
.hero a {
	color: white;
	font-weight: 400;
}
.hero a:hover {
	color: black;
}

/* Hero : Guide */

.single-guide .hero {
	background: #f5f5f5;
}
.single.single-guide .hero.header section {
	height: auto;
	padding: 90px 0;
}
.single.single-guide .hero h1 {
	margin-right: 0;
}
.single-guide .hero.header .hero-content {
	padding-top: 0;
}

/* Hero : Archive */

.archive .hero.header .inner {
	margin-bottom: 40px;
}
.archive-details {
	display: inline-block;
	position: relative;
	top: -20px;
	background: rgba(37, 37, 37, 0.95);
	font-size: 75%;
}
.archive-details img {
	float: left;
	background: white;
}
.blog .hentry .archive-details h3 {
	background: none;
	padding: 17px 25px;
	margin: 0;
	font-weight: 400;
	line-height: 1.4;
}
.archive-details .role {
	display: block;
	font-size: 90%;
	font-weight: 300;
}

/* Hero : Map */

.hero.map #location-map  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hero.map h1,
.hero.map h2 {
	position: relative;
}

/* Hero : Search */

.hero #searchform {
	text-align: center;
	margin: 0;
}
.hero #searchsubmit {
	width: auto;
} 
.hero #s {
	border: none;
}

/* Content */

#content {
	margin: 50px 0 0;
}
.home #content {
	margin-bottom: 0;
}
.page-template-page-landing-php #content,
.page-template-page-hero-php #content,
.page-template-page-submenu-php #content,
.blog #content,
.archive #content,
.single #content,
.search #content,
.error404 #content {
	margin-top: 0;	
}
.page-colour {
	background-color: #333;
	background-position: center center;
	background-attachment: fixed;
}
#content p,
#content ul,
#content ol,
#content address {
	line-height: 1.7;
	margin-bottom: 40px;
}
#content ul,
#content ol {
	list-style-type: disc;
	margin-left: 15px;
}
#content ol {
	list-style-type: decimal;
}
#content ul.padded,
#content ol.padded {
	padding: 10px 0 0;
}
#content ul li,
#content ol li {
	margin-left: 30px;
	padding-left: 20px;
}
.page-template-page-landing-php #content ul li,
#content ol li {
	margin-left: 10px;
	padding-left: 20px;
}
#content ul.padded li,
#content ol.padded li {
	padding-bottom: 15px;
}
#content ul.grid {
	list-style: none;
}
#content ul.grid li {
	padding: 20px;
	background: #f5f5f5;
	float: left;
	margin: 0 20px 20px 0;
}
#content ul.grid p {
	margin: 0;
}
#content img {
	max-width: 100%;
}
.downloads {
	text-align: left;
}
.downloads i.fa {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.downloads h2 {
	width: 365px;
	padding: 0 !important;
	line-height: 1.4;
	margin-bottom: 10px !important;
	font-size: 160%;
}
#content .button,
#commentform input[type="submit"] {
	border: 2px solid black;
	text-transform: uppercase;
	color: black;
	padding: 15px 50px;
	display: inline-block;
	font: inherit;
	cursor: pointer;
	background: transparent;
	text-align: center;
}
#content .button.small {
	border-width: 1px;
	padding: 8px 15px;
	font-size: 60% !important;
}
#content .button.light {
	border-color: white;
	color: white;
}
#content .button:hover,
#commentform input[type="submit"]:hover {
	color: white;
	background: black;
}
#content .button.light:hover {
	color: black;
	background: white;
}

/* Content : Borders */

.bordered {
	border: 2px solid black;
}
.bordered.light {
	border-color: white;
}

/* Content : Images */

img.circular {
	border-radius: 50%;
}
.transparent-background {
	background: url(images/content/transparent-bg.png);
	text-align: center;
	padding: 50px;
	margin-bottom: 20px;
}
.transparent-background.dark {
	background-color: black;
}
.transparent-background img {
	margin: 0 auto;
}

/* Content : Captions */

.wp-caption {
	background: #f5f5f5;
	line-height: 18px;
	margin-bottom: 40px;
	text-align: center;
	position: relative;
	max-width: 100% !important;
	padding-top: 5px;
}
.wp-caption a {
	display: block;
}
.wp-caption img {
	border: 0;
	display: block;
	max-width: 100% !important;
	height: auto;
	margin: 0 auto;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 80%;
	padding: 5px;
	margin: 0;
}

/* Content : Markers */

#content ul.markers {
	overflow: hidden;
	list-style: none;
}
#content ul.markers li {
	margin: 0;
	padding: 0;
	width: 27.3%;
	padding: 3%;
	float: left;
}
.marker {
	background: white;
	border-radius: 50%;
	padding: 26px;
	color: #333;
	position: relative;
	margin-bottom: 15px;
	text-align: center;
}
.marker.dark {
	background: #333;
	color: white;
}
.marker:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: white;
	border-width: 12px;
	margin: -3px 0 0 -12px;
}
.marker.dark:after {
	border-top-color: #333;
}

/* Content : Tables */

table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 40px;
	font-weight: 300;
}
table th,
table td {
	padding: 10px;
	border: 1px solid #CCC;
	line-height: 1.7;
}
table thead th {
	font-weight: 400;
}
table th {
	background: #e4e4e4;
}
table tbody th {
	background: #f5f5f5;
	font-weight: 400;
}

/* Post */

p.first {
	font-weight: 400;
	font-size: 120%;
}
code,
pre {
	background: #f9f9f9;
	font-family: monospace;
}
code {
	background: #e4e4e4;
	padding: 3px;
}
pre {
	overflow-x: auto;
	line-height: 1.5;
	font-size: 80%;
	padding: 20px;
	margin-bottom: 40px;
	tab-size: 3;
	-moz-tab-size: 3;
	-o-tab-size: 3;
	-webkit-tab-size: 3;
}
blockquote code {
	background: rgba(255,255,255,0.15);
	font-size: 90%;
}
pre.success,
pre.notice,
pre.error {
    border-left: 15px solid #01ae88;
}
pre.notice {
	border-color: #ffcc66;
}
pre.error {
	border-color: #be4141;
}
pre.terminal {
    background: #333;
    color: #fff;
}

/* Comment : Form */

#commentform {
	background: #f9f9f9;
	padding: 15px;
	font-size: 80%;
	position: relative;
}
#commentform textarea,
#commentform input[type="text"] {
	border: 1px solid #d1d1d1;
	padding: 10px;
	margin: 0;
}
#commentform input[type="text"] {
	width: 75%;
	float: right;
}
#commentform textarea {
	width: 100%;
	height: 140px;
	position: relative;
	box-sizing: border-box;
	resize: vertical;
}
#commentform .repositioned textarea {
	left: -15px;
	padding: 14px;
	top: -15px;
	box-sizing: content-box;
}
#commentform p {
	margin-bottom: 15px;
	overflow: hidden;
}
#commentform label {
	float: left;
}
#commentform .comment-form-comment {
	overflow: visible;
}
#commentform .comment-form-comment label {
	display: none;	
}
#commentform .required {
	color: #999;
}
#respond p.comment-notes-after {
	margin-top: 30px;
	width: 65%;
	font-size: 80%;
}
#commentform input[type="submit"] {
	margin: 0;
	width: 190px;
	padding: 8px;
	font-size: 110%;
}
.form-submit {
	position: absolute;
	bottom: 1px;
	right: 15px;
}

/* Comment : List */

#content ol.commentlist,
#content ol.commentlist li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content ol.commentlist {
	margin-bottom: 100px;
}
.comment-reply-title {
	font-weight: 300;
}
.comment-awaiting-moderation {
	display: block;
	background: #fcf9d0;
	display: block;
	position: relative;
	top: 15px;
	padding: 10px;
}
#cancel-comment-reply-link {
	font-size: 70%;
	margin-left: 20px;
}
.commentlist .comment {
	position: relative;
	min-height: 180px;
}
.commentlist .comment-body {
	padding: 0 0 0 110px;
	position: relative;
}
.commentlist .pingback .comment-body {
	padding-left: 0;
}
.commentlist .avatar {
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px;
}
.commentlist .fn {
	font-weight: 400;
}
.commentlist .comment-author {
	padding-right: 50px;
}
.commentlist .fn a {
	color: black;
}
.commentlist .says {
	display: none;
}
.comment-meta {
	position: relative;
	top: -5px;
}
.comment-meta a { 
	color: #999;
	font-size: 75%;
}
.commentlist .reply {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 80%;
}
.byuser:after,
.bypostauthor:after {
	content: 'Staff';
	background: #333;
	position: absolute;
	top: 95px;
	width: 70px;
	left: 0;
	color: white;
	text-transform: uppercase;
	font-size: 70%;
	padding: 5px;
	text-align: center;
	letter-spacing: 0.5px;
}
.bypostauthor:after {
	content: 'Author';
	background: #00b78f;
}

/* Author : Profile */

.author-profile {
	font-size: 90%;
}
.author-profile img.avatar {
	background: #f5f5f5;
	display: block;
}
.author-profile .inner {
	padding: 25px 20px;
	background: #01ae88;
	color: white;
}
.author-profile h3,
.author-profile h4 {
	color: white;
	margin: 0;
	font-weight: 300;
}
.author-profile h3 {
	font-size: 140%;
	font-weight: 400;
}
.author-profile h4 {
	font-size: 110%;
}
#content .author-profile p {
	margin: 0 0 5px;
}
#content .author-profile p.description {
	margin: 15px 0;
}
.author-profile a {
	color: white;
	font-weight: 400;
}
.author-profile a:hover {
	color: black;
}
.author-profile .fa {
	font-size: 140%;
	line-height: 0;
	position: relative;
	top: 3px;
}

/* Page */

hgroup.page {
	margin-bottom: 50px;
}
hgroup.page h1 {
	margin-bottom: 0;
}

/* Page : Home */

.home #content .hero.featured {
	display: none;	
}
.home #content .hero.header {
	text-align: center;
	position: relative;
}
.home #content .hero.header .pattern {
	background-color: rgba(0,0,0,.5);
}
.home #content .hero.header h1,
.home #content .hero.header h2 {
	background: none;
	padding: 0;
}
.home #content .hero.header h1 {
	text-transform: uppercase;
	font-size: 400%;
	margin-bottom: 10px;
}
.home #content .hero.header h2 {
	max-width: 800px;
	font-size: 155%;
	font-weight: 200;
	margin-bottom: 30px;
}
.home #content .hero.header a {
	padding: 12px 20px;
	min-width: 220px;
	font-size: 80%;
	font-weight: 400;
}
.home .hero.header .hero-content {
	z-index: 95;
	position: relative;
}
.home .hero.header section {
	width: 100%;
	height: 700px;
}
.home #content .hero video {
	position: absolute;
	top: -100px;
	left: 50%;
	height: 1100px;
	width: auto;
	z-index: -1000;
	margin-left: -23%;
}
.home .hero.header .hero-content:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 200%;
	z-index: -1000;
	bottom: 0;
	right: 0;
	background: rgba(10,111,124,.5) url(images/hero/bg-pattern-diamond.png) center center repeat;
	background-attachment: fixed;
	box-shadow: inset 0 0 150px 0 rgba(0,0,0,0.75);
}

/* Hero : Columns */

.hero.column-right .pattern,
.hero.column-left .pattern {
	background-color: rgba(0,0,0,.6);
    position: relative;
    width: 620px;
}
.hero.column-right .pattern {
	float: right;
    margin-right: -2160px;
    padding-left: 50px;
    padding-right: 3000px;
}
.hero.column-left .pattern {
    float: left;
    margin-left: -2160px;
    padding-right: 50px;
    padding-left: 3000px;
}
.hero.column-right section.inner,
.hero.column-left section.inner {
	width: 620px;	
}

/* Page : Single */

.single .hero.header section {
	height: 520px;
	width: 1060px;
}
.single .hero h1,
.single .hero h2 {
	background: #01ae88;
	margin-bottom: 15px;
	margin-right: 10px;
}
.single .hero h1 {
	font-size: 210%;
	margin-right: 165px;
}
.single .hero h2 {
	padding: 7px 10px;
	margin-bottom: 0;
	font-size: 80%;
}
.single .hero h2.category {
	background: #333;
	background: rgba(37,37,37,.95);
}
.single .hero h2 a {
	font-weight: 300;
}
.single .hero h2.icon {
	margin-right: 10px;
}

/* Pagination */

.pagination	{
	clear: both;
	margin-bottom: 65px;
	text-align: center;
	overflow: hidden;
}
.pagination .page-numbers {
	display: inline-block;
	padding: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.pagination .page-numbers.current,
.pagination a.page-numbers {
	background: #00b78f;
	color: white;
}
.pagination .page-numbers.current,
.pagination a.page-numbers:hover {
	background: #333;
}

/* Page : Blog */

.blog .hero a * {
	transition: all 0.2s ease;
}
.blog .hero a:hover h1,
.blog .hero a:hover h2 {
	background: #222;
	background: rgba(34,34,34,0.95);
}
.blog .hero.header section {
	width: 1040px;
}
.blog .grid {
	float: left;
	width: 333px;
	margin: 10px;
	background: #222;
	position: relative;
	top: -70px;
	background-position: center center;
	background-size: cover;
	height: 430px;
}
.blog .grid.double {
	width: 686px;
}
.blog .grid .inner {
	padding: 25px;
	position: absolute;
	bottom: 0;
	transition: all 0.2s ease;
}
.blog .grid.double .inner,
.blog .format-quote .inner {
	bottom: auto;
}
.blog .hentry h1,
.blog .hentry h2 {
	margin: 0;
	padding: 20px;
	background: #00b78f;
	background: rgba(0,183,143,0.95);
	display: inline-block;
	color: white;
}
.blog .grid h1,
.blog .grid h2 {
	font-size: 100%;
}
.blog .grid.format-video,
.blog .hentry.format-video h1,
.blog .hentry.format-video h2 {
	background-color: #be4141;
	background-color: rgba(190,65,65,0.95);
}
.blog .grid.format-quote,
.blog .hentry.format-quote h1,
.blog .hentry.format-quote h2 {
	background-color: #6b5d9e;
	background-color: rgba(107,93,158,0.95);
}
.blog .grid h1 {
	font-weight: 400;
}
.blog .grid.double h1 {
	font-size: 150%;
	margin-right: 200px;
	font-weight: 300;
}
.blog .hentry h2 {
	margin-top: 10px;
	font-size: 70%;
	padding: 10px;
	margin-right: 5px;
}
.blog .hentry a {
	display: block;
	overflow: hidden;
}
.blog .grid a {
	display: block;
	height: 100%;
}
.blog .grid a:hover {
	background-color: #111;
}
.blog .hentry .excerpt {
	color: white;
	font-size: 85%;
	margin: 10px 0 0;
	display: none;
	max-height: 165px;
	overflow: hidden;
}
.blog .hentry.double .excerpt {
	font-size: 90%;
	margin-right: 100px;
}
.blog #content .grid p {
	margin: 0;
}

/* Page : Single : Video */

.single-format-video .hero.header section {
	height: auto;
}
.single-format-video .hero.header section {
	padding: 65px 0 80px;	
}
.single-format-video .hero h2 {
	margin-bottom: 40px;
}
.single-format-video .hero {
	background-color: #a34342;
}
.single-format-video .hero h1,
.single-format-video .hero h2,
.single-format-video .author-profile .inner {
	background: #9e3535;
}

/* Page : Single : Quote */

.single-format-quote .hero {
	margin: 0;
}
.single-format-quote .hero.header section {
	height: auto;
}
.single-format-quote .hero.header section {
	padding: 130px 0;	
}
.single-format-quote .hero h2 {
	margin-bottom: 40px;
}
.single-format-quote .hero {
	background-color: #53428c;
}
.single-format-quote .hero h1,
.single-format-quote .hero h2,
.single-format-quote .author-profile .inner {
	background: #6a5b97;
}
.single-format-quote .hero h1 {
	margin-right: 0;
}
.single-format-quote .hero h2 {
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
}
.format-quote h2 span.author {
	font-weight: 400;
}
.single-format-quote .hero h2 span.author {
	display: block;
}
.single-format-quote .hero h2.icon {
	padding: 15px;
	position: relative;
	top: -11px;
	font-size: 140%;
}

/* Page : PHP Hosting */

.page-php-hosting #content .pricing ul.markers {
	margin: 0 0 0 50px;
}
.page-php-hosting .pricing .column {
	margin-top: 30px;
	position: relative;
	width: 430px;
	margin-right: 160px;
}
.page-php-hosting .pricing .column .extramargin {
	margin-bottom: 25px !important;	
}
.page-php-hosting .pricing .column .inner {
	padding: 20px;
	height: 324px;
	display: table-cell;
	vertical-align: middle;
}
.page-php-hosting .pricing .column h1 {
	background: none;
	margin-bottom: 10px;
	padding: 0;
}
.page-php-hosting .pricing .column p {
	font-size: 100%;
}
.page-php-hosting .pricing .column.last .inner {
	font-size: 80%;
	padding: 10px;
}
.page-php-hosting .pricing .column.last:before {
	content: '\f061';
	font: 60px 'FontAwesome';
	position: absolute;
	left: -100px;
	top: 50%;
	margin-top: -30px;
}

/* Page : Virtual Server */

.page-virtual-server .pricing .columns {
	margin-top: 20px;
	font-size: 70%;
}
.page-virtual-server .pricing .column {
	position: relative;
}
.page-virtual-server .pricing .most-popular {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	font-size: 80%;
}
.page-virtual-server .hero.pricing h2.marker {
	width: 125px;
	height: 125px;
	line-height: 125px;
	padding: 0;
	background: white;
	color: black;
	font-size: 250%;
	font-weight: 400;
}
.page-virtual-server .hero.pricing h2.marker:after {
	margin-top: -1px;
}
.page-virtual-server #content .pricing .column {
	border: 2px solid transparent;
	padding: 45px 20px 20px;
	width: 152px;
}
.page-virtual-server #content .pricing .column.selected {
	border: 2px dashed white;
}
.page-virtual-server #content .pricing .button {
	padding: 10px;
	display: block;
	margin-top: 20px;
}
.page-virtual-server #content .selected .button {
	border-width: 3px;
	font-weight: 400;
}

/* Page : Private Cloud */

.page-private-cloud .pricing .columns {
	margin-bottom: 20px;
}
.page-private-cloud .pricing .column {
	margin-right: 0;
	padding: 10px 5px;
	font-size: 90%;
}
.page-private-cloud .pricing .column.boxed {
	background: rgba(255, 255, 255, 0.1);
	padding: 10px 20px;
}
.page-private-cloud .pricing h4 {
	color: #eebe68;
	font-size: 320%;
	margin-bottom: 0;
}
.page-private-cloud .pricing .boxed h4 {
	color: white;
}
.page-private-cloud .pricing h4 span {
	font-size: 50%;
}
.page-private-cloud .pricing select {
	margin: 20px 0 40px;
}
.slider-container {
	overflow: hidden;
}
.slider-container label {
	float: left;
	position: relative;
	top: 20px;
	width: 35%;
	font-size: 130%;
}
.slider-container label span.number {
	font-size: 300%;
	font-weight: 400;
	margin-right: 8px;
	display: inline-block;
}
.slider-container label span.text {
	font-weight: 300;
	font-size: 160%;
	position: relative;
	top: -10px;
}

/* Page : Support */

.support-products-list header {
	height: 205px;
	border-top: 13px solid black;
	position: relative;
	margin-bottom: 20px;
	background-size: cover;
}
.support-products-list header h1 {
	position: absolute;
	bottom: 15px;
	left: 15px;
	margin-bottom: 0;
	color: white;
	font-size: 160%;
}
.support-products-list header h1 span {
	padding: 12px 20px;
	display: inline-block;
}
#content .support-products-list ul,
#content .support-products-list li {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
#content .support-products-list ul {
	margin-bottom: 40px;
	overflow: hidden;
}
#content .support-products-list.single li {
	width: 50%;
	float: left;
}

/* Page : About */

.profile, .profilephoto {
	position: relative;
}
.profile .profilephoto img {
	height: auto;
	width: 100%;
	margin: 0;
	display: block;
}
.profile p {
	margin: 0;
}
.profile .profilephoto h3 {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	color: white;
	margin: 0 25px;
	padding: 15px;
	font-size: 95%;
}
.profile h3 span {
	display: block;
	font-weight: 300;
	font-size: 80%;
}
.profile .text p {padding-left:10px;padding-right:10px;}
/* Page : Mirrors */

#mirrors .column {
	padding-bottom: 165px;
	position: relative;
}
#mirrors .logo {
	padding: 50px 0;
	margin-bottom: 30px;
	background-color: #f5f5f5;
}
#mirrors h3 a {
	color: black;
}
#mirrors h3 a:hover {
	color: #666;
}
#mirrors .description {
	margin-bottom: 20px;
	font-size: 90%;
}
#mirrors .links {
	position: absolute;
	bottom: 0;
}
#mirrors .browse {
	margin-bottom: 20px;
}
#mirrors .updated {
	color: #999;
	font-size: 80%;
}

/* Page : Jobs */

#jobs .section {
	position: relative;
	color: white;
	padding: 30px 30px 70px;
	width: 469px;
	min-height: 350px;
	margin-right: 1px;
	margin-bottom: 1px;
}
#jobs h2 {
	color: white;
	margin-bottom: 10px;
	font-size: 160%;
}
#jobs a.button {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

/* Page : Contact */

.page-contact #content .hero.featured {
	display: none;	
}
.page-contact .map h1 {
	margin-top: 80px;
}
.page-contact .marker {
	width: 50px;
	height: 50px;
}

/* Article */

article {
	clear: both;
}
.alignleft,
.alignright {
	margin-bottom: 40px;	
}
.alignleft {
	float: left;
	margin-right: 50px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin-left: 50px;
}
article blockquote {
	background: #00b78f;
	color: white;
	padding: 30px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	font-weight: 400;
}
article blockquote * {
	color: inherit;
}
blockquote.alignleft,
blockquote.alignright  {
	width: 430px;
}
#content article blockquote p {
	margin-bottom: 20px;
	line-height: 1.5;
}
.hentry hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

/* Article : Tweet */

.tweet {
	background: #333;
	padding: 15px;
	color: white;
	margin-bottom: 20px;
	font-size: 90%;
}
.tweet a {
	color: white;
	font-weight: 400;
}
.tweet a:hover {
	color: black;
}
#content .tweet p {
	margin-bottom: 20px;
}
.tweet h3 {
	color: white;
	margin: 23px 0 0;
	font-size: 90%;
	font-weight: 300;
	line-height: 1.4;
	overflow: hidden;
}
.tweet h3 a {
	font-weight: 300;
	display: block;
}
.tweet h3 .fa {
	float: left;
	background: #333;
	padding: 12px 9px;
	margin-right: 10px;
	font-size: 150%;
}

/* Article : Categories */

p.categories {
	overflow: hidden;
	font-size: 80%;
}
p.categories a {
	background: #333;
	float: left;
	padding: 5px 10px;
	margin: 2px 4px 2px 0;
	color: white;
}

/* Columns : Grid */

#content .columns.grid {
	margin-top: 20px;
}
#content .columns.grid p {
	margin-bottom: 20px;
}

/* Columns : Products */

.columns.single.products-list .column {
	float: none;
	margin: 0 25%;
}
.columns.dual.products-list .column {
	width: 50%;
	margin-right: 0;
}
.columns.triple.products-list .column {
	width: 33.33%;
	margin-right: 0;
}
.products-list header {
	background-color: #444;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 13px solid #333;
}
.products-list header h1 {
	font-size: 150%;
	margin-bottom: 0;
}
.products-list header span.title {
	padding: 10px;
	color: white;
	display: block; 
	margin: 0 50px;
	line-height: 1.2;
	background: #333;
	background: rgba(0,0,0,0.8);
}
.products-list header span.tags {
	display: block;
	font-size: 60%;
	line-height: 1.8;
}
.products-list header a {
	display: block;
	padding: 77px 0 0;
	height: 200px;
}
.products-list header a:hover {
	background-color: #111;
}
.products-list article {
	margin-top: 40px;
	padding: 10px;
}

/* SSL Tools : CSR */

#ssltools_csr {
	background: #f5f5f5;
}
#content #ssltools_csr ul,
#content #ssltools_csr li {
	list-style: none;
	margin: 0;
	padding: 0;	
}
#content #ssltools_csr ul {
	padding: 15px 20px 5px;
	overflow: hidden;
}
#content #ssltools_csr li {
	margin-bottom: 15px;
}
#content #ssltools_csr label {
	display: block;
	padding-bottom: 5px;
	font-weight: 400;
}
#content #ssltools_csr input,
#content #ssltools_csr select,
#content #ssltools_csr button,
#ssltools_csr_command  {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#ssltools_csr_generate {
	margin-top: 30px;
}
#ssltools_csr_output {
	color: #01ae88;
}
#ssltools_csr_command {
	margin: 0;
	background: #01ae88;
	color: white;
	resize: none;
	font-family: monospace;
	height: 140px;
}

/* Article : Next */

.previous-post {
	background-color: #01ae88;
	color: white;
	margin-bottom: 40px;
	position: relative;
	font-size: 90%;
}
.single-format-video .previous-post {
	background-color: #9e3535;
}
.previous-post a {
	display: block;
	overflow: hidden;
}
#content .previous-post p,
.previous-post h3 {
	color: white;
	margin-bottom: 3px;
}
.previous-post h3 {
	line-height: 1.3;
}
.previous-post a:after {
    background: url(images/footer/product-arrow.png) no-repeat scroll center center rgba(255, 255, 255, 0.06);
    content: "";
    height: 100%;
    line-height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 50px;
}
.previous-post a:hover:after {
	width: 70px;
}
.previous-post img {
	float: left;
	margin-right: 35px;
}
.previous-post .inner {
	padding: 18px 85px 18px 35px;
}

/* Sidebar */

.sidebar {
	width: 295px;
}
#content ul.sidebar,
#content ul.sidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #999;
}
#content ul.sidebar li.widget {
	margin-bottom: 40px;
}
#content ul.children {
	margin-left: 30px;
	margin-bottom: 0;
}
#content ul.sidebar li {
	margin-bottom: 30px;	
}
.sidebar.padded {
	padding: 20px;
	width: 255px;
}
.sidebar.alignright {
	margin-left: 115px;
}
.sidebar.page-colour,
.sidebar.page-colour h3 {
	color: white;
}
.page-template-page-submenu-php #submenu {
	float: left;
}
.page-template-page-submenu-php #content #submenu ul,
.page-template-page-submenu-php #content #submenu li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-template-page-submenu-php #submenu a {
	display: block;
	padding: 20px 15px;
	color: black;
	text-align: center;
}
.page-template-page-submenu-php #submenu .current_page_item a {
	color: white;
}
.page-template-page-submenu-php article,
.single article {
	width: 650px;
	float: right;
	clear: none;
}
.single article {
	float: left;
}

/* Sidebar : Widgets */

.widget h2 {
	font-size: 100%;
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
.widget_authordetails .widgettitle {
	display: none;
}
.widget_calendar caption,
.widget_calendar th,
.widget_calendar td {
	text-align: center;
}
.widget_calendar caption {
	font-weight: 400;
}
.widget_search input {
	width: auto;
	display: block;
	margin: 0 0 10px;
	width: 100%;
	box-sizing: border-box;
}
.widget .post-date {
	display: block;
	font-sizE: 80%;
}
/* Form */

form {
	margin: 10px 0 35px;
}
input,
textarea,
select {
	border: none;
	font: inherit;
	padding: 13.5px;
	margin-right: 46px;
	line-height: 1.5;
	width: 435px;
}
input.bordered,
textarea.bordered {
	border: 1px solid #d1d1d1;
}

/* Form : Signup */

form.signup input,
form.signup .text {
	margin-right: 46px;
}
form.signup .text {
	font-weight: 400;
}

/* Form : Contact */

#contact .text {
	margin-right: 46px;
	font-weight: 400;
}
#content #contact button {
	padding: 15px 50px;
}
#contact_response {
	margin-bottom: 20px;
	text-align: center;
}
#contact_response .fa {
	background: #222;
	border-radius: 50%;
	padding: 10px;
	color: white;
	position: relative;
	top: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
}
#contact_response.ok .fa {
	background: #00a07d;
	margin-right: 10px;
	line-height: 1.1;
}
#contact_response.error .fa {
	background: #9e3535;
	margin-bottom: 10px;
}
#content #contact_response p,
#contact_response ul,
#content #contact_response ul li {
	list-style: none;
	margin: 0 auto 10px;
	padding: 0;
}
#content #contact_response ul li {
	margin: 0;
}

/* Form : Contact */

.contact-form label {
	display: none;
}
.contact-form input,
.contact-form textarea,
.contact-form button {
	margin-right: 0;
	width: 100%;
	box-sizing: border-box;
}
.contact-form textarea {
	height: 358px;
}
.contact-form.has-subject textarea {
	height: 456px;	
}
#content .contact-form.has-subject .content_message {
	margin-bottom: 0;
}

/* Timeline */

#content .timeline {
	text-align: center;
	margin: 0 60px 60px;
	position: relative;
	
}
#content .timeline:before {
	content: '';
	width: 100%;
	border-top: 5px solid #999;
	position: absolute;
	top: 53px;
	left: 0;
	right: 0;
}
#content .timeline a.arrow {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 25px;
	left: -60px;
	background: #009966;
	border-radius: 50%;
	color: white;
	font-size: 25px;
	line-height: 50px;
	border: 5px solid white;
	text-align: center;
	vertical-align: middle;
}
#content .timeline a.arrow:hover {
	background: #33cc99;
}
#content .timeline a.arrow.fa-chevron-right {
	right: -60px;
	left: auto;
}
#content .timeline a.arrow.inactive {
	background: #CCC;
}
#content .timeline ul {
	list-style: none;
	position: relative;
	margin: 0;
	overflow: hidden;
}
#content .timeline ul li {
	float: left;
	width: 215px;
	margin: 0;
	padding: 0 10px;
	min-height: 315px;
}
#content .timeline ul .marker {
	width: 100px;
	height: 100px;
	padding: 0;
	text-align: center;
	line-height: 100px;
	border: 5px solid white;
	margin-bottom: 30px;
}
#content .timeline ul h2 {
	color: #009966;
	margin-bottom: 5px;
	font-size: 120%;
}

/* Slider */

.ui-slider {
	float: left;
	width: 60%;
	background: #eebe68;
	height: 5px;
	border-radius: 2px;
	position: relative;
	margin: 60px 15px 80px;
}
.ui-widget-content {
	border: none;
}
.ui-slider .notch {
	background: #eebe68;
	margin-left: -1px;
	position: absolute;
	top: -5px;
	width: 2px;
	left: 0;
	height: 15px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	position: absolute;
	top: -12px;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	background: white;
	border-radius: 50%;	
	transition: false;
	cursor: pointer;
	z-index: 400;
	border: none;
}
.ui-dialog {
	background: white;
	z-index: 101;
	position: absolute;
}
.ui-dialog-titlebar {
	color: white;
	padding: 25px;
	position: relative;
	background-color: #01ae88;
}
.ui-dialog-titlebar .ui-button-text {
	font-family: FontAwesome;
	font-size: 200%;
}
.ui-dialog .ui-dialog-content {
	padding: 25px;
}
.ui-dialog .ui-button {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0;
	background: rgba(0,0,0,.03);
	height: 100%;
	width: 60px;
	color: white;
}
.ui-dialog .ui-button:hover {
	background: rgba(0,0,0,.1);
}
.ui-widget-overlay {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    background: rgba(0,0,0,.4);
}

/* Retina */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    #header h1 a,
    #footer h2 {
        background-image: url(images/header/logo-2x.png);
        background-size: contain;
    }
}

/* Responsive : Between 815px and 1110px */

@media screen and (max-width: 1110px) {
	body {
		min-width: 728px;
	}
	input, textarea {
		width: 260px;
	}
	section.inner,
	.hero.header section,
	.blog .hero.header section,
	.single .hero.header section,
	#header .sub-menu-depth-0 {
		width: 728px;
	}
	#header .menu a {
		padding-left: 12px;
		padding-right: 12px;
	}
	#header .menu-depth-1 {
		margin: 0 20px 20px 0;
	}
	#header .menu li.product {
		width: 300px;
	}
	img,
	iframe {
		height: auto;
		max-width: 100%;
	}
	iframe {
		min-height: 200px;
	}
	#content .button,
	#commentform input[type="submit"] {
		padding: 15px 20px;
	}
	.hero {
		background-attachment: scroll;
	}
	.hero.header .columns.quad .column {
		width: 167px;
	}
	.home .hero.header h1 {
		font-size: 450%;
	}
	.home #content .hero.header ul {
		width: 350px;
		font-size: 130%;
		padding-top: 95px;
	}
	.home #content .hero.header li {
		padding: 15px 5px;
	}
	#content .hero,
	.hero .pattern  {
		margin-left: -200px;
		margin-right: -200px;
	}
	.hero.column-right .pattern,
	.hero.column-left .pattern,
	.home #content .hero video {
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
	}
	.home #content .hero video {
		left: 0;
	}
	.hero.column-right section.inner,
	.hero.column-left section.inner {
		width: 728px;
	}
	.home .hero.header .hero-content {
		padding: 90px 30% 20px;
		width: 40%;
	}
	#utils li {
		display: none;
	}
	#utils li.button {
		display: block;
	}
	.columns.dual .column {
		width: 334px;
	}
	.columns.triple .column {
		width: 229.3px;
	}
	form.signup input,
	form.signup .text,
	#contact input,
	#contact .text {
		margin-right: 25px;
	}
	.columns.quad .column,
	.columns.quad .column.padded {
		width: 167px;
		padding: 0;
	}
	.columns.penta .column {
		width: 129px;
	}
	.columns.profiles .profile h3 {
		font-size: 80%;
		margin: 10px;
		bottom: 0;
	}
	.columns.profiles .profile h3 span {
		display: none;
	}
	.grid .section {
		width: 364px;
	}
	.grid .section.padded {
		width: 344px;
		padding: 0 20px 0 0;
	}
	.grid .section.right.padded {
		padding: 0 0 0 20px;
	}
	.page-php-hosting .pricing .column .inner {
		height: 340px;
	}
	.page-php-hosting .pricing .column {
		margin-right: 60px;
	}
	.page-php-hosting .pricing .column.last:before {
		font-size: 40px;
		left: -45px;
	}
	.page-virtual-server .pricing .columns {
		font-size: 60%;
	}
	.page-virtual-server #content .pricing .column {
		width: 107px;
		padding: 40px 3px 5px;
	}
	.page-virtual-server .hero.pricing h2.marker {
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.page-virtual-server .hero.pricing h2.marker:after {
		margin-top: -2px;	
	}
	blockquote.alignleft,
	blockquote.alignright {
		width: 40%;
	}
	#jobs .section {
		width: 303px;
		min-height: 400px;
	}
	.sidebar.alignright {
		margin-left: 30px;
	}
	#mirrors .column {
		padding-bottom: 0;
	}
	#mirrors .links {
		position: static;
	}
	#mirrors .column a.button {
		display: block;
	}
	.products-list header a {
		padding: 50px 0 50px;
	}
	.blog .grid,
	.blog .grid.double {
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.blog .grid:nth-child(odd) {
		margin-right: 0;
	}
	.blog .grid.double h1 {
		margin-right: 0;
		font-size: 130%;
	}
	.single .hero h1 {
		margin-right: 0;
	}
	.blog .hentry h2 .author {
		display: none;
	}
	.single .hero.header section iframe {
		width: 100%;
		min-height: 430px;
	}
	.downloads {
		text-align: center;
	}
	.downloads i.fa {
		float: none;
		margin: 0 0 10px;
	}
	.downloads h2 {
		width: auto;
	}
	#content ul.sidebar {
		display: none;
	}
	.page-template-page-submenu-php #submenu,
	.page-template-page-submenu-php article, .single article {
		float: none;
		width: auto;
		display: block;
		margin-right: 0;
	}
	.page-private-cloud .pricing .column {
		font-size: 60%;
		padding: 10px 0;
		width: 137px;
	}
	.page-private-cloud .pricing .column h4 {
		font-size: 305%;
	}
	.page-private-cloud .pricing h4 span {
		font-size: 40%;
	}
	.page-private-cloud .pricing .ui-slider {
		float: none;
		width: auto;
		margin: 40px 15px;
	}
	.page-private-cloud .pricing .slider-container label {
		float: none;
		top: 0;
		width: auto;
		margin-bottom: 30px;
		display: block;
	}
	#content .timeline ul li {
		width: 158px;
	}
	#footer {
		position: relative;
	}
	#footer .left,
	#footer .right {
		width: 100%;
		min-height: 0;
	}
	#footer .left {
		padding: 30px 0 5px;
	}
	#footer .right {
		background: none;
		min-height: 0;
		width: auto;
		padding: 0;
		margin: 0;
		float: none;
		clear: left;
	}
	#footer ul.menu {
		margin: 0 auto;
		padding-bottom: 85px;
	}
	#footer .menu li {
		width: auto;
		display: block;
		float: none;
	}
	#footer .menu > li {
		width: 25%;
		float: left;
	}
	#footer .menu li.product {
		float: left;
		width: 50%;
	}
	#footer .menu li.product a {
		min-height: 110px;
	}
	#footer .social-icons {
		position: absolute;
		top: 25px;
		right: 0;
	}
}

/* Responsive : Everything 767px and lower */

@media screen and (max-width: 767px) {
	body {
		min-width: 320px;
	}
	iframe,
	.blog .hero.header section,
	.single .hero.header section,
	section.inner,
	.hero.header section,
	.blog .hero.header section{
		width: 100%;
	}
	#header {
		position: static !important;
		background: #252525 !important;
	}
	#utils {
		margin-right: 20px;
	}
	#header .hidden {
		display: none !important;
	}
	#header h1 {
		margin-left: 20px;
	}
	#header section.inner {
		position: relative;
		width: 100%;
		padding: 0;
	}
	#menu-main {
		padding: 20px 0;
	}
	#header .menu {
		background: #111;
	}
	#header .menu a {
		padding: 20px;
	}
	#header .menu .collapse {
		display: block;
	}
	#header .menu li.product {
		width: auto;
	}
	#header .menu .collapse:before {
		font-family: 'FontAwesome';
		content: "\f0c9";
		position: absolute;
		font-size: 32px;
		width: 32px;
		text-align: center;
		top: 30px;
		cursor: pointer;
		left: 50%;
		margin-left: -15px;
	}
	#header .menu,
	#header .menu li,
	#header .menu a {
		display: block;
		float: none;
		clear: left;
		text-align: center;
	}
	#header .menu {
		/* display: none; */
	}
	#header .menu-depth-0 {
		position: static;
		display: block;
		padding: 0 0 10px;
	}
	#header .sub-menu span.sub-menu-title {
		margin-bottom: 20px;
	}
	#header .menu a {
		margin-bottom: 0;
	}
	.menu-item-depth-1.menu-item-has-children {
		padding: 20px 20px 10px !important;
	}
	#header .sub-menu-depth-0 > li {
		padding: 0;
	}
	#header .menu-depth-1 {
		margin: 0;
		float: none;
	}
	#header .sub-menu-depth-0,
	.menu li.product {
		width: auto;
	}
	#header .sub-menu-wrapper.menu-depth-0 {
		display: none;
	}
	#header .menu-item-depth-0.menu-item-has-children:hover > .sub-menu-wrapper {
		display: none;
	}
	.menu li.product > a {
		padding: 20px !important;
	}
	.menu li.product > a:after {
		display: none;
	}
	.hero.header .hero-content {
		padding-top: 0 !important;
	}
	.hero section,
	.hero.fat section,
	.blog .hero.header section,
	.single.single-guide .hero.header section  {
		padding: 50px 0;
		height: auto;
	}
	.hero,
	.pattern,
	.home .hero.header section {
		margin: 0;
		padding: 0;
	}
	.blog .hero.header section {
		padding-bottom: 110px;
	}
	.home .hero.header section {
		width: 100%;
		height: auto;
		padding: 20px;
	}
	.hero h1 {
		font-size: 200%;
		margin-bottom: 15px;
	}
	.home .hero.header h1 {
		width: 100%;
		margin: 20px 0;
		font-size: 420%;
	}
	section.inner {
		width: 90%;
		padding: 0 5%:
	}
	.column img {
		display: block;
		margin: 0 auto;
	}
	.columns.products-list .column {
		float: none !important;
		width: 100% !important;
	}
	.columngreenbg .column, .columnbluebg .column, .columnpurplebg .column, .columnredbg .column  {
	width: 80%;
	float:none;
}
	.columns.dual .column,
	.columns.triple .column,
	.columns.quad .column,
	.columns.quad .column.padded,
	.grid .section,
	#content .support-products-list.single li {
		width: auto !important;
		float: none;
		margin-right: 0;
	}
	.hero.header .columns.quad .column {
		margin-bottom: 20px;
	}
	.columns.profiles .column .profile {
		width: 50%;
		margin: 0;
		float: left;
	}
	.columns.profiles.triple .column:first-child .profile {
		width: 100%;
	}
	.columns.profiles .profile h3 {
		margin: 0 !important;
		bottom: 0;
		padding: 15px 5px !important;
		font-size: 70%;
	}
	.columns.profiles .profile h3 span {
		display: none;
	}
	.columns.profiles img {
		display: block !important;
	}
	.columns.profiles .column.last {
		width: 100%;
	}
	#content .columns.profiles p {
		margin: 0;
	}
	.columns.downloads .column {
		margin-bottom: 20px;
	}
	#content .hero,
	.hero .pattern {
		margin-left: -40px;
		margin-right: -40px;
		padding: 0 40px;
	}
	.home #content .hero,
	.home #content .hero .pattern,
	.home .hero.header section.inner {
		padding: 0;
	}
	.hero.column-right section.inner,
	.hero.column-left section.inner {
		width: 80%;
		padding: 30px 10%;
		text-align: center;
	}
	.grid .section.padded,
	.grid .section.right,
	.grid .section.right.padded {
		padding: 0;
		width: 100%;
	}
	.home .hero.header .hero-content {
		padding: 40px 80px;
		font-size: 80%;
	}
	.home #content .hero.header h1 {
		min-width: auto;
	}
	.home .hero.header video {
		display: none;
	}
	.blog .grid,
	.blog .grid.double {
		width: 100%;
		margin: 0 0 20px;
	}
	.single-guide .hero h2 .date {
		display: none;
	}
	.single-post .hero h2 .author {
		display: none;
	}
	.single .hero.header section iframe {
		min-height: 200px;
	}
	.single .hero.header section,
	.hero.header section {
		height: auto;
		padding: 20px 0;
	}
	.hero {
		margin-bottom: 40px;
	}
	.hero.intro {
		top: -40px;
	}
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: auto !important;
	}
	#footer .right {
		display: none;
	}
	form.signup .text,
	#contact .text {
		margin: 0 0 10px;
		display: block;
		text-align: center;
	}
	form.signup input,
	form.signup button,
	#content #contact input,
	#content #contact button {
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}
	input {
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
	}
	.page-php-hosting .pricing .column {
		margin-right: 0;
		width: auto
	}
	.page-php-hosting .pricing .column .inner {
		height: auto;
	}
	.page-php-hosting #content .pricing ul.markers {
		display: block;
		margin: 0;
	}
	#content ul.markers li {
		width: 44%;
	}
	#content ul.markers li:nth-child(odd) {
		clear: both;
	}
	.page-virtual-server .pricing .columns {
		margin-bottom: 0;
	}
	.page-virtual-server #content .pricing .column,
	.columns.penta .column {
		width: 37%;
		padding: 4%;
		margin: 2%;
		border: none;
	}
	.page-virtual-server #content .pricing .column.selected {
		border: none;
	}
	.page-virtual-server .pricing .most-popular {
		display: none;
	}
	.page-virtual-server #content .selected .button {
		font-weight: 300;
		border-width: 2px;
	}
	.page-virtual-server #content .pricing .column.last,
	.columns.penta .column.last {
		margin: 2% 26%;
		float: none;
		clear: both;
	}
	.page-private-cloud .pricing .column.boxed {
		width: 94%;
		padding: 3% !important;
		display: block;
		margin: 0 !important;
	}
	#jobs .section {
		float: none;
		min-height: 0;
		width: auto;
		padding-bottom: 30px;
	}
	#jobs a.button {
		position: static;
		display: block;
	}
	#content .timeline {
		padding: 0;
	}
	.sidebar.alignright {
		display: none;
	}
	.previous-post img {
		display: none;
	}
	.previous-post .inner {
		width: auto;
		padding: 15px 75px 15px 15px;
	}
	#respond p.comment-notes-after {
		width: auto;
	}
	.form-submit {
		position: static;
	}
	#commentform input[type="submit"] {
		display: block;
		width: 100%;
	}
	#footer .menu li.product {
		float: none;
		width: auto;
	}
	#footer .menu li.product a {
		min-height: 0;
	}
	#footer .copyright,
	#footer .social-icons {
		position: static;
	}
	#footer .right {
		display: none;
	}
}