@import url(http://fonts.googleapis.com/css?family=Open+Sans);



html {

	overflow-y: scroll; /* the scrollbar never disappears */

}



body {

	background-color: #eee;

	background-image: url(../images/light_toast.png);

	color: #3A3A3A;

	font-family: "wf_SegoeUI", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";

	font-size: 12px;

}



a {

	color: #23dbdb;

	text-decoration: none;

}



a:hover {

	color: #000;

}



p {

	line-height:1.5;

	margin-bottom: 20px;

}



span {

	color: #999;

}



span a {

	color: #666;

}



span a:hover {

	color: #23dbdb;

}



blockquote {

	font-style: italic;

	line-height: 20px;

}



strong {

	font-weight: bold;

}



h1 {

	color: #555;

	font-size: 23px;

}



h2 {

	color: #333;

	font-size: 18px;

	line-height: 24px;

	margin-bottom: 20px;

}



h3 {

	color: #333;

	font-size: 14px;

	margin-bottom: 20px;

}



h4 {

	color: #333;

	font-size: 14px;

	margin-bottom: 20px;

}



h5 {

	color: #333;

	font-size: 12px;

	font-weight: bold;

}



#wrap {

	background-color: #fff;

	margin: 0 auto;

	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

	max-width: 1020px; /* remove this for wide layout */

}



.inner {

	margin: 0 auto;

	max-width: 940px;

	padding: 0 40px;

}



@media all and (max-width: 479px) {

	.inner {

		padding: 0 20px;

	}

}



.relative {

	position: relative;

}



.right {

	float: right;

}



.left {

	float: left;

}



/* HEADER */

#wrap > header {

	background-color: #333;

	padding-bottom: 20px;

}



#header-bar {

	border-top: 4px solid #23dbdb;

	margin-bottom: 30px;

}



#header-bar span {

	color: #fff;

	line-height: 40px;

}



#header-bar-content {

	background-color: #23dbdb;

	display: none;

	margin-top: -2px;

}



#header-bar-handle {

	background-color: #23dbdb;

	background-image: url(../images/arrow-down.png);

	background-size: 9px 6px;

	background-repeat: no-repeat;

	background-position: center;

	border-radius: 0 0 2px 2px;

	width: 40px;

	height: 16px;

	margin: 0 auto;

	margin-top: -4px;

	margin-bottom: -10px;

}



#socials {

	float: right;

	padding: 11px 0;

}



#socials > li {

	float: left;

	margin-left: 16px;

}



#socials img {

	width: 16px;

	height: 16px;

}



#socials > li > a {

	opacity: 0.4;

	transition: opacity .2s;

	-moz-transition: opacity .2s;

	-webkit-transition: opacity .2s;

	-o-transition: opacity .2s;

}



#socials > li > a:hover {

	opacity: 1;

}



.logo {

	background-color: #23dbdb;

	display: inline-block;

	font-size: 0;

}

 

/* HEADER > SEARCH */

#search {

	float: right;

	margin-left: 20px;

}



#search > input {

	background: url(../images/viewer.png) no-repeat 10px center;

	background-size: 14px 14px;

	border-color: transparent;

	color: #ccc;

	cursor: pointer;

	margin: 0;

	padding-left: 24px;

	padding-right: 0;

	width: 0;

	-webkit-transition: all ease-in-out .3s;

	-moz-transition: all ease-in-out .3s;

}



#search > input:focus {

	border: 1px solid #444;

	cursor: auto;

	padding-left: 34px;

	padding-right: 10px;

	width: 160px;

}



#navigation {

	position: absolute;

	right: 40px;

	bottom: 0px;

}



#menu-toggle {

	display: none;

	float: right;

}



/* HEADER > MENU */

#main-menu {

	font-size: 0;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: 0px;

	float: right;

}



#main-menu > li {

	display: inline-block;

	margin-left: 30px;

	padding: 2px 0;

}



#main-menu > li.parent {

	background-image: url(../images/plus-gray.png);

	background-size: 7px 7px;

	background-repeat: no-repeat;

	background-position: left center;

}



#main-menu > li.parent > a {

	padding-left: 14px;

}



#main-menu > li > a {

	color: #eee;

	font-size: 14px;

	line-height: 14px;

	padding: 30px 0;

}



#main-menu > li:hover > a,

#main-menu > li.current-menu-item > a {

	color: #23dbdb;

}



/* HEADER > MENU > DROPDOWN */

#main-menu li {

	position: relative;

}



ul.sub-menu { /* level 2 */

	display: none;

	left: 0px;

	top: 38px;

	padding-top: 10px;

	position: absolute;

	width: 250px;

	z-index: 9999;

}



ul.sub-menu ul.sub-menu { /* level 3+ */

	margin-top: -1px;

	padding-top: 0;

	left: 149px;

	top: 0px;

}



ul.sub-menu > li > a {

	background-color: #333;

	border: 1px solid #444;

	border-top: none;

	color: #bbb;

	display: block;

	font-size: 12px;

	line-height: 15px;

	padding: 10px 12px;

}



ul.sub-menu > li > a:hover {

	background-color: #2a2a2a; 

	color: #fff;

}



ul.sub-menu > li:first-child {

	border-top: 3px solid #23dbdb;

}



ul.sub-menu ul.sub-menu > li:first-child {

	border-top: 1px solid #444;

}



ul.sub-menu > li:last-child > a {

	border-radius: 0 0 2px 2px;

}



ul.sub-menu > li > a.parent {

	background-image: url(../images/arrow.png);

	background-size: 5px 9px;

	background-repeat: no-repeat;

	background-position: 95% center;

}



#main-menu li:hover > ul.sub-menu {

	display: block; /* show the submenu */

}



@media all and (max-width: 700px) {

	#search {

		display: none;

	}



	#navigation {

		position: static;

		margin-top: 20px;

	}



	#menu-toggle {

		display: block;

	}



	#main-menu {

		display: none;

		float: none;

	}



	#main-menu li {

		display: block;

		margin: 0;

		padding: 0;

	}



	#main-menu > li {

		margin-top: -1px;

	}



	#main-menu > li:first-child {

		margin-top: 0;

	}



	#main-menu > li > a {

		background-color: #333;

		border: 1px solid #444;

		color: #bbb;

		display: block;

		font-size: 14px;

		padding: 12px !important;

		padding: 0;

	}



	#main-menu li > a:hover {

		background-color: #444; 

	}



	#main-menu > li.parent {

		background: none !important;

		padding: 0;

	}



	#main-menu > li:hover > a,

	#main-menu > li.current-menu-item > a {

		border: 1px solid #444 !important;

		color: #fff !important;

	}



	ul.sub-menu {

		display: block;

		margin-top: -1px;

		margin-left: 20px;

		position: static;

		padding: 0;

		width: inherit;

	}



	ul.sub-menu > li:first-child {

		border-top: 1px solid #444 !important;

	}



	ul.sub-menu > li > a.parent {

		background: #333 !important;

	}

}



/* SLIDER & TITLE */

#title,

#slider {

	background-color: #f4f4f4;

	border-bottom: 1px solid #e8e8e8;

}



#title {

	background-image: url(../images/title.png);

	background-repeat: no-repeat;

	background-position: top center;

	padding: 30px 0;

}



#title hgroup h1 {

	margin-bottom: 10px;

	font-family: "wf_SegoeUI", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";

}



#title hgroup h3 {

	color: #aaa;

	margin-bottom: 0;

}



ol.breadcrumb {

	float: right;

}



ol.breadcrumb > li {

	color: #aaa;

	display: inline-block;

	font-size: 11px;

	line-height: 24px;

	margin-left: 5px;

}



ol.breadcrumb > li a:after {

	color: #ccc;

	content: " / ";

	font-size: 10px;

}



ol.breadcrumb a {

	color: #666;

}



ol.breadcrumb a:hover {

	color: #23dbdb;

}



/* CONTENT */

#content {

	padding-top: 40px;

}



#content > div {

	margin-bottom: 40px;

}



/* FOOTER */

#wrap > footer {

	background-color: #333;

	clear: both;

}



.contacts > a,

.contacts > span {

	display: block;

	text-align: right;

	margin-bottom: 10px;

}



.contacts > span.phone-number {

	color: #fff;

	display: block;

	font-size: 20px;

}



#footer-bar {

	background-color: #242424;

	font-size: 11px;

	padding-top: 20px;

	padding-right: 0;

	padding-bottom: 20px;

	padding-left: 0;

}



#footer-bar ul {

	float: right;

}



#footer-bar li {

	display: inline-block;

	margin-left: 20px;

}



/* SIDEBAR */

.sidebar {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	width: 28%;

}



.sidebar h2 {

	font-size: 14px;

}



.sidebar > li {

	margin-bottom: 40px;

}



.right-sidebar .sidebar {

	float: right;

	padding-left: 40px;

}



.left-sidebar .sidebar {

	float: left;

	padding-right: 40px;

}



.double-sidebar .sidebar {

	float: left;

	width: 18%;

}



#main {

	width: 72%;

}



.left-sidebar #main {

	float: right;

}



.right-sidebar #main {

	float: left;

}



.double-sidebar #main {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	padding: 0 40px;

	float: left;

	width: 64%;

}



@media all and (max-width: 760px) {

	#main,

	.sidebar {

		width: 100% !important;

		padding: 0 !important;

	}

}



/* POST */

article.post {

	margin-bottom: 40px;

}



article.post .title:hover h2 {

	color: #23dbdb;

}



article.post .meta {

	line-height: 16px;

}



article.post .button {

	margin-bottom: 20px;

}



article.post .attachment {

	display: block;

	margin-bottom: 20px;

}



div.author-content {

	margin-left: 60px;

}



article.post.medium .attachment {

	width: 40%;

	float: left;

	padding-right: 5%;

}



article.post.medium .post-content {

	padding-left: 45%;

	width: 55%;

}



/* COMMENT */

li.comment {

	background-image: url(../images/triangle-left.png);

	background-size: 12px 23px;

	background-repeat: no-repeat;

	background-position: 49px 10px;

}



li.comment img.avatar {

	float: left;

}



li.comment h5 {

	display: inline-block;

	margin-bottom: 10px;

	margin-right: 10px;

}



li.comment a.reply {

	font-size: 11px;

	float: right;

}



li.comment p {

	color: #888;

	margin-bottom: 0;

}



li.comment span {

	color: #aaa;

	font-size: 11px;

}



li.comment div.comment-content {

	background-color: #f8f8f8;

	border-right: 1px solid #f4f4f4;

	border-bottom: 1px solid #e8e8e8;

	border-radius: 2px;

	margin-left: 60px;

	margin-bottom: 20px;

	padding: 20px;

}



li.comment li.comment {

	margin-left: 60px;

}



/* PORTFOLIO */

ul.filter {

	margin-bottom: 30px;

}



ul.filter > li {

	display: inline-block;

	margin-right: 2px;

}



ul.filter > li > a {

	color: #333;

	line-height: 30px;

	padding: 6px 12px;

}



ul.filter > li > a:hover,

ul.filter > li.active > a {

	background-color: #23dbdb;

	border-radius: 2px;

	box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.1);

	color: #fff;

}



div.controls {

	float: right;

	font-size: 0;

}



/* GRID */

ul.grid {

	font-size: 0;

	margin: 0 -10px;

}



ul.grid > li {

	float: left;

	padding: 0 10px 20px 10px;

	width: 24.9%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}



ul.grid > li.large {

	width: 49.9%;

}



@media all and (min-width: 600px) and (max-width: 800px) {

	ul.grid > li {

		width: 33%;

	}



	ul.grid > li.large {

		width: 66%;

	}

}



@media all and (min-width: 400px) and (max-width: 599px) {

	ul.grid > li {

		width: 49.9%;

	}



	ul.grid > li.large {

		width: 100%;

	}

}



@media all and (max-width: 399px) {

	ul.grid > li,

	ul.grid > li.large {

		width: 100%;

	}

}



ul.grid > li .lightbox {

	display: block;

	opacity: 1;

	transition: opacity .3s;

	-moz-transition: opacity .3s;

	-webkit-transition: opacity .3s;

	-o-transition: opacity .3s;

}



ul.grid > li .lightbox:hover {

	opacity: 0.5;

}



ul.grid > li .content {

	background-color: #fff;

	border-top: 4px solid #ddd;

	border-bottom: 1px solid #e4e4e4;

	border-radius: 0 0 2px 2px;

	display: block;

	font-size: 12px;

	padding: 30px 20px 20px 20px;

	transition: border-color .3s;

	-moz-transition: border-color .3s;

	-webkit-transition: border-color .3s;

	-o-transition: border-color .3s;

}



ul.grid h3 {

	text-align: center;

	line-height: 20px;

}



ul.grid a:hover > h3 {

	color: #23dbdb;

}



ul.grid span > a {

	color: #ccc;

	font-size: 11px;

}



ul.grid span > a:hover {

	color: #666;

}



ul.grid > li:hover .content {

	border-top: 4px solid #23dbdb;

}



a.button.more {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top: 10px;

	text-align: center;

	width: 80px;

}



/* PAGINATION */

.pagination > span {

	background-color: #23dbdb;

	border-radius: 2px;

	box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.2);

	color: #fff;

	cursor: default;

	padding: 5px 10px;

}



.pagination > a {

	background-color: #555;

	border-radius: 2px;

	box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.2);

	color: #fff;

	padding: 5px 10px;

	transition: background-color .3s;

	-moz-transition: background-color .3s;

	-webkit-transition: background-color .3s;

	-o-transition: background-color .3s;

}



.pagination > a:hover {

	background-color: #aaa;

}



/* ELEMENTS */

div.highlight {

	background-color: #f8f8f8;

	border-left: 3px solid #23dbdb;

	border-right: 1px solid #f4f4f4;

	border-bottom: 1px solid #e8e8e8;

	border-radius: 0 2px 2px 0;

	padding: 30px 30px 10px 30px;

}



div.testimonial {

	margin-bottom: 20px;

}



div.testimonial > blockquote {

	background-color: #f8f8f8;

	border-left: 1px solid #f4f4f4;

	border-right: 1px solid #f4f4f4;

	border-bottom: 1px solid #e8e8e8;

	border-radius: 2px;

	margin-bottom: 0;

	padding: 30px;

}



div.testimonial > div.testimonial-triangle {

	background-image: url(../images/triangle-down.png);

	background-size: 22px 13px;

	background-repeat: no-repeat;

	background-position: 30px;

	margin-top: -1px;

	margin-bottom: 10px;

	height: 13px;

}



div.testimonial > span.testimonial-author {

	color: #23dbdb;

	font-weight: bold;

	margin-left: 20px;

}



div.separated {

	background-color: #f8f8f8;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	padding: 30px 0;

}



div.separated:last-child {

	margin-bottom: 0 !important;

}



/* ELEMENTS > ACCORDION & TOGGLE */

div.toggle,

div.accordion {

	border-bottom: 1px solid #e4e4e4;

}



div.toggle > a.switch,

div.accordion > a.switch {

	border-top: 1px solid #e4e4e4;

	color: #666;

	display: block;

	font-size: 14px;

	line-height: 21px;

	margin-bottom: 10px;

	padding-top: 10px;

}



div.toggle > a.switch:first-child,

div.accordion > a.switch:first-child {

	border: none;

	padding: 0;

}



div.toggle > a.switch > div,

div.accordion > a.switch > div {

	background-color: #555;

	background-image: url(../images/plus.png);

	background-size: 7px 7px;

	background-repeat: no-repeat;

	background-position: center;

	border-radius: 2px;

	box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.1);

	float: left;

	margin-right: 10px;

	height: 21px;

	width: 21px;

}



div.toggle > a.switch.opened,

div.accordion > a.switch.opened {

	color: #23dbdb;

}



div.toggle > a.switch.opened > div,

div.accordion > a.switch.opened > div {

	background-color: #23dbdb;

	background-image: url(../images/minus.png);

}



/* ELEMENTS > TABS */

ul.tabs-nav {

	font-size: 0;

}



ul.tabs-nav > li {

	display: inline-block;

	margin-bottom: -1px;

}



ul.tabs-nav > li > a {

	background-color: #fff;

	border: 1px solid transparent;

	border-bottom: 1px solid #e4e4e4;

	color: #888;

	display: block;

	font-size: 12px;

	padding: 12px 20px;

}



ul.tabs-nav > li > a:hover {

	color: #333;

}



ul.tabs-nav > li.active > a {

	color: #23dbdb;

	border-color: #e4e4e4;

	border-top: 1px solid #23dbdb;

	border-bottom: 1px solid transparent;

}



div.tabs-container {

	border: 1px solid #e4e4e4;

	border-radius: 0 2px 2px 2px;

	padding: 20px 20px 0 20px;

}



/* ELEMENTS > BUTTONS */

.button {

	background-color: #23dbdb;

	border-radius: 2px;

	box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.1);

	color: #fff;

	display: inline-block;

	font-size: 12px;

	margin-right: 4px;

	padding: 10px 12px;

}



.button:hover {

	background-color: #aaa;

	color: #fff;

}



.button.large {

	font-size: 16px;

	padding: 12px 20px;

}



.button.dark {

	background-color: #555;

}



.button.dark:hover {

	background-color: #aaa;

}



.button.light {

	background-color: #eee;

	color: #888;

}



.button.light:hover {

	background-color: #23dbdb;

	color: #fff;

}



/* ELEMENTS > NOTIFICATIONS */

.notification {

	background-color: #f8f8f8;

	border-right: 1px solid #eee;

	border-bottom: 1px solid #e8e8e8;

	border-radius: 0 2px 2px 0;

	display: block;

	padding: 12px;

	margin-bottom: 10px;

}



.notification.info {

	border-left: 3px solid #23dbdb;

	color: #23dbdb;

}



.notification.warning {

	border-left: 3px solid #ebd423;

	color: #ebd423;

}



.notification.success {

	border-left: 3px solid #a7c62c;

	color: #a7c62c;

}



.notification.error {

	border-left: 3px solid #eb4c71;

	color: #eb4c71;

}



/* ELEMENTS > TABLES */

table.table {

	width: 100%;

}



table.table th {

	background-color: #f8f8f8;

	border: 1px solid #eee;

	font-size: 14px;

	padding: 12px;

	text-align: left;

}



table.table td {

	border: 1px solid #eee;

	padding: 12px;

}



/* ELEMENTS > PRICING TABLES */

div.pricing-table {

	float: left;

	padding-top: 20px;

	margin-right: -1px;

}



div.pricing-tables.two-columns > div.pricing-table { width: 50%; }

div.pricing-tables.three-columns > div.pricing-table { width: 33.33%; }

div.pricing-tables.four-columns > div.pricing-table { width: 25%; }

div.pricing-tables.five-columns > div.pricing-table { width: 20%; }



div.pricing-table > h3 {

	background-color: #555;

	color: #fff;

	font-size: 16px;

	padding: 16px 14px;

	text-align: center;

	margin: 0;

}



div.pricing-table span.price {

	color: #333;

	display: block;

	font-size: 24px;

	margin-bottom: 10px;

}



div.pricing-table > ul {

	border-right: 1px solid #eee;

	border-left: 1px solid #eee;

}



div.pricing-table > ul > li {

	border-bottom: 1px solid #eee;

	padding: 14px;

	text-align: center;

}



div.pricing-table > ul > li:nth-child(odd) {

	background-color: #f8f8f8;

}



div.pricing-table.featured {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);

	padding-top: 0;

	margin-right: -1px;

	position: relative;

	z-index: 100;

}



div.pricing-table.featured > h3 {

	background-color: #23dbdb;

	padding: 26px 14px;

}



div.pricing-table.featured a.button {

	margin: 10px 0;

}



@media all and (max-width: 700px) {

	div.pricing-table {

		width: 100% !important;

	}



	div.pricing-table.featured {

		margin-top: 20px;

	}

}



/* TOOLTIP */

.tooltip-content {

	background-color: #555;

	border-radius: 2px;

	color: #eee;

	display: none;

	font-size: 11px;

	padding: 6px;

	position: absolute;

}



/* MAP */

#map {

	height: 300px;

	margin-bottom: 30px;

}



#map img {

	max-width: none;

}



/* LISTS */

ul.list {

	padding-left: 20px;

	margin-right: 20px;

	margin-bottom: 20px;

}



ul.list > li {

	margin-bottom: 10px;

}



.list.none {

	list-style-type: none; 

	padding: 0;

	margin: 0;

}



ul.list.circle { list-style-type: circle; }

ul.list.disc { list-style-type: disc; }

ul.list.square { list-style-type: square; }

ol.list.decimal { list-style-type: decimal; }

ol.list.lower-roman { list-style-type: lower-roman; }

ol.list.lower-alpha { list-style-type: lower-alpha; }

ol.list.upper-roman { list-style-type: upper-roman; }

ol.list.upper-alpha { list-style-type: upper-alpha; }



/* TAGS */

ul.tags {

	font-size: 0;

}



ul.tags > li {

	display: inline-block;

	margin-right: 6px;

	margin-bottom: 6px;

}



ul.tags > li > a {

	background-color: #f8f8f8;

	border-radius: 2px;

	box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.1);

	color: #888;

	font-size: 12px;

	padding: 6px 8px;

	display: block;

}



ul.tags > li > a:hover {

	background-color: #23dbdb;

	color: #fff;

}



/* MISCELLANEOUS */

ul.link-list > li {

	margin-bottom: 12px;

}



ul.link-list > li > a {

	background-image: url(../images/arrow.png);

	background-size: 5px 9px;

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 12px;

}



#content ul.link-list a {

	color: #666;

}



#content ul.link-list a:hover {

	color: #23dbdb;

}



/* ICON COLUMN */

.column {

	padding-left: 40px;

}



/* DARK */

.dark a {

	color: #888;

}



.dark a:hover {

	color: #ccc;

}



.dark h3 {

	color: #eee;

}



.dark h4 {

	color: #eee;

}



.dark span {

	color: #666;

}



input[type="submit"].button {

	border: none;

	background-color: #23dbdb;

	color: #fff;

	cursor: pointer;

	font-size: 14px;

	margin: 0;

	padding: 10px 14px;

}



input[type="submit"].button:hover {

	background-color: #aaa;

}



textarea,

input[type="text"] {

	border: 1px solid #e4e4e4;

	border-radius: 2px;

	color: #888;

	font-family: inherit;

	margin: 0;

	margin-bottom: 10px;

	max-width: 100%;

	outline: none;

	width: 240px;

	padding: 8px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}



textarea:focus,

input[type="text"]:focus {

	border-color: #ccc;

	color: #333;

}



form > input[type="text"] {

	margin-bottom: 20px;

}



label {

	display: block;

	margin-bottom: 10px;

}



label.error {

	color: #eb4c71;

	display: none;

	font-size: 10px;

	margin-top: -10px;

	margin-bottom: 20px;

}



textarea {

	display: block;

	width: 500px;

	height: 200px;

	width: 100%;

	max-width: 100%;

	margin-bottom: 20px;

}



.search-input {

	display: inline;

	float: left;

	margin: 0;

	padding-right: 32px !important;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}



.search-submit {

	background: url(../images/viewer.png) no-repeat center;

	background-size: 14px 14px;

	border: none;

	cursor: pointer;

	height: 36px;

	width: 30px;

	margin-left: -32px;

}



hr {

	background-color: #e4e4e4;

	border: none;

	height: 1px;

	margin: 40px 0;

}



div.space {

	height: 40px;

}



/* ISOTOPE */

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

       -o-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

      -ms-transition-property: height, width;

       -o-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

      -ms-transition-property:     -ms-transform, opacity;

       -o-transition-property:      -o-transform, opacity;

          transition-property:         transform, opacity;

}



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

      -ms-transition-duration: 0s;

       -o-transition-duration: 0s;

          transition-duration: 0s;

}



/* RETINA DISPLAY SPECIFIC STYLES */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	#main-menu > li.parent {

		background-image: url(../images/plus-gray%402x.png);

	}



	#header-bar-handle {

		background-image: url(../images/arrow-down%402x.png);

	}



	div.toggle > a.switch > div,

	div.accordion > a.switch > div {

		background-image: url(../images/plus%402x.png);

	}



	div.toggle > a.switch.opened > div,

	div.accordion > a.switch.opened > div {

		background-image: url(../images/minus%402x.png);

	}



	ul.sub-menu > li > a.parent,

	ul.link-list > li > a {

		background-image: url(../images/arrow%402x.png);

	}



	.search-submit,

	#search > input[type="text"] {

		background-image: url(../images/viewer%402x.png);

	}



	li.comment {

		background-image: url(../images/triangle-left%402x.png);

	}



	div.testimonial > div.testimonial-triangle {

		background-image: url(../images/triangle-down%402x.png);

	}

}

.icon_items img {
    width: auto;
}
.horizontal-megamenu-block .sm_megamenu_menu > li > a .icon_items {
    position: absolute;
    top: -15px;
    right: 20px;
    line-height: 0;
}