.faq-question,
li.quantity img {
	position: relative
}

.shop-catalogue h4 a,
.shop-product-small h3 a,
table.forum h3 a {
	text-decoration: none
}

.catalogueList li img,
.productList li img {
	transition-duration: .5s
}

ul.form {
	margin: 0;
	padding: 0
}

ul.form li {
	list-style: none;
	margin: 0 0 18px
}

ul.form li label {
	color: #888;
	display: block
}

div.form div.item,
div.webform div.item {
	padding: 9px
}

.cat_dropdown_small {
	width: 200px
}

.cat_dropdown_smaller {
	width: 150px
}

.cat_listbox {
	height: 120px
}

table.reporting,
table.webform {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

table.webform td {
	line-height: 24px;
	padding: 6px
}

.form label,
.webform label {
	display: inline
}

.form input,
.webform input,
.webform select {
	margin-bottom: 0 !important;
	margin-right: 3px
}

.system-message-green {
	background-color: #E2F9E3;
	border: 1px solid #9C9;
	clear: both;
	color: #363;
	margin-bottom: 15px;
	text-align: center;
	padding: 5px
}

.system-error-message,
.system-message {
	background-color: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 18px;
	padding: 15px
}

.system-error-message h1,
.system-message h1 {
	color: #000;
	margin: 0 0 18px
}

.error,
.ok {
	margin-bottom: 18px
}

.system-error-message a:link,
.system-message a:link {
	color: #1969bc
}

.ok {
	background: #E9FBE3;
	color: #21A347
}

.error {
	background: #FBE3E4;
	color: #D12F19
}

.announcement-details span.date {
	display: block;
	font-size: 14px;
	margin-bottom: 18px
}

.comment-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin-bottom: 36px;
	padding: 18px
}

.comment-list h5 {
	font-size: 14px;
	margin: 0 0 18px
}

.comment-list textarea.cat_listbox_small {
	height: 120px;
	width: 100%
}

.blog-comment-container {
	border: 1px solid #e9e9e9;
	margin: 0 0 18px
}

.blog-comment-container .comment-details {
	background: #eee;
	font-size: 11px;
	padding: 6px
}

.blog-comment-container .comment {
	background: #fff;
	padding: 9px
}

span.flag {
	vertical-align: middle;
	margin: 0 6px
}

textarea.comment {
	height: 160px;
	width: 100%
}

.forum-registration textarea.comment {
	height: 70px;
	width: 270px
}

.post-body .links {
	font-size: 11px
}

.BlogTagCloud {
	margin: 0 0 18px
}

.comment-list input#Captcha,
input#emailaddress,
input#fullname,
input#website {
	width: 300px
}

.booking-list span.date {
	margin: 0 9px 0 0
}

.booking-container h1,
.form-container h2 {
	margin: 0 0 18px
}

.form-container {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px
}

.form-container input#Company,
.form-container input#EmailAddress,
.form-container input#FirstName,
.form-container input#LastName,
.form-container input#WorkPhone {
	width: 260px
}

.go-back {
	margin: 18px 0
}

div.select-month-year {
	padding: 9px 0
}

table.module-calendar {
	border: 1px solid #888;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%
}

table.module-calendar td {
	border: 1px solid #d7d7d7;
	font-size: 11px;
	height: 80px;
	overflow: hidden;
	vertical-align: top;
	padding: 0
}

table.module-calendar td span {
	background: #f7f7f7;
	color: #333;
	display: block;
	font-size: 11px;
	text-align: right;
	padding: 0 2px
}

tr.day-of-week td {
	background: #d7d7d7;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	height: 18px;
	text-align: center;
	vertical-align: middle
}

table.module-calendar td.events span {
	background: #2BABFA;
	color: #fff;
	font-weight: 700
}

table.module-calendar td.events {
	background: #EEF5FA
}

table.module-calendar td ul {
	padding-left: 24px;
	margin: 9px 0
}

table.module-calendar td.last-month,
table.module-calendar td.next-month {
	background: #eee
}

.shop-catalogue {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 180px;
	overflow: hidden;
	width: 180px;
	margin: 0 6px 6px 0
}

.shop-catalogue h4 {
	font-size: 12px;
	height: 27px;
	line-height: 27px;
	text-indent: 9px;
	margin: 0
}

.shop-catalogue h4 a {
	color: #1969bc
}

.shop-catalogue .image {
	height: 120px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	padding: 15px
}

.shop-main .header {
	border-bottom: 1px solid #eee;
	height: 27px;
	line-height: 27px;
	margin: 0 0 18px
}

.shop-main .breadcrumbs {
	float: left;
	width: 40%
}

.shop-main .cart-summary {
	float: right;
	width: 40%
}

.shop-main .description ul {
	margin: 0 0 0 18px;
	padding: 0
}

.shop-main .description li {
	list-style: square
}

table.cartSummaryTable {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px
}

a.cartSummaryLink {
	display: inline !important;
	margin: 0 0 0 5px
}

.shop-main ul {
	margin: 0;
	padding: 0
}

.shop-main ul.catalogueList {
	display: none
}

.shop-main li {
	list-style: none
}

.shop-main .productSmall > li {
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	width: 41.9999%;
	margin: 0 0 30px;
	padding: 0 15px
}

.shop-product-small ul li {
	width: auto !important;
	display: block;
	float: none;
	font-size: 11px;
	margin: 0 auto !important
}

table.catalogueTable,
table.productTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

table.catalogueTable {
	margin: 0 0 18px
}

table.productTable {
	table-layout: fixed
}

.shop-product-small h5 {
	font-size: 12px;
	font-weight: 400;
	min-height: 36px;
	margin: 0;
	padding: 18px 18px 6px
}

.shop-product-small ul {
	padding: 0 18px
}

.shop-product-small li.price strong {
	font-size: 14px;
	margin-left: 6px
}

.shop-product-small li.stock strong {
	color: #666;
	margin-left: 3px
}

.shop-product-small .image {
	height: 120px;
	overflow: hidden;
	width: 120px;
	text-align: center;
	margin: 0 auto 9px
}

.image a,
td.actions a {
	border: none !important
}

.shop-product-small li.quantity {
	line-height: 30px
}

.shop-product-small li.quantity strong {
	display: inline;
	float: right
}

.quantity input {
	width: 99px
}

li.quantity img {
	top: 8px
}

.shop-product-small li.quantity input.productTextInput {
	width: 50px
}

.shop-product-large {
	background: #fff;
	color: #666;
	min-width: 240px;
	overflow: hidden;
	margin: 0 0 18px
}

.shop-product-large h1 {
	color: #000;
	font-size: 14px
}

.shop-product-large .image {
	text-align: center
}

.shop-product-large .shop-product-small .image {
	min-height: 160px;
	height: auto !important;
	text-align: center;
	width: auto;
	margin: 0;
	padding: 18px
}

.shop-product-large .shop-product-small .image img {
	width: 100%
}

.shop-product-large .shop-product-small ul {
	padding: 9px
}

.shop-product-large li.price {
	color: #f16504;
	font-size: 33px;
	font-weight: 700
}

.shop-product-large li.instock {
	font-size: 10px
}

.shop-product-large li.quantity input.productTextInput {
	float: left;
	font-size: 16px;
	height: 22px;
	width: 35px;
	margin: 0 15px 0 0
}

td.productItem .comment-form input#Captcha {
	width: 300px
}

.poplets {
	margin-top: 36px
}

table.productPoplets {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto
}

.shop-product-large .details {
	background: #f9f9f9;
	float: left;
	min-height: 360px;
	height: auto !important;
	width: 30%;
	padding: 18px
}

.shop-product-large ul {
	margin: 0 0 36px;
	padding: 0
}

.shop-product-large li {
	margin: 9px 0
}

table.cart {
	background: #fff;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	font-size: 11px;
	width: 100%
}

.shop-form li.last,
table.border td {
	border-top: 1px solid #eee
}

table.border td,
table.forum td.lastpost,
table.forum td.topics,
table.topic-list {
	border-left: 1px solid #eee
}

table.cart td {
	vertical-align: top
}

table.cart td,
table.cart th {
	color: #666;
	padding: 9px
}

tr.val td {
	border-bottom: 1px solid #eee
}

tr.shipping td {
	border-bottom: 1px solid #ddd
}

td.quantity input.update {
	margin: 0 0 0 3px
}

table.cart th {
	background: #f9f9f9;
	border-bottom: 1px solid #eee;
	color: #000;
	font-size: 11px;
	font-weight: 400;
	text-align: left
}

input.cartInputText {
	width: 70px
}

.productitemcell {
	margin: 0 0 3px
}

table.cart td.actions a {
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	margin: 0 18px 0 0
}

table.cart strong {
	font-size: 14px
}

.shop-form ul.form {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px
}

.shop-form ul.form li {
	margin: 0;
	padding: 9px 0
}

.catalogueitemdump,
.shop-product-large .shop-product-small li,
.shop-product-large .shop-product-small ul {
	margin: 0
}

table.catalogueTable td,
td.cartSummaryItem {
	padding: 0
}

.shop-product-small h4 a,
table.cart a {
	color: #1969bc
}

.shop-form label,
.shop-product-small li.price,
.shop-product-small li.stock {
	font-size: 11px
}

.shop-cart .breadcrumbs,
.shop-form {
	margin: 0 0 18px
}

table.cart td.actions,
table.cart td.quantity,
table.cart th.quantity,
tr.discount td.quantity,
tr.shipping td.quantity {
	text-align: right
}

input.PaymentMethodType {
	margin: 0 6px 0 0
}

.shop-form ul.form input.cat_textbox,
.shop-form ul.form select.cat_dropdown,
.shop-form ul.form textarea.cat_listbox {
	width: 260px
}

.shop-form textarea.cat_listbox {
	height: 100px
}

.shop-quote-receipt,
.shop-receipt {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 18px;
	padding: 18px
}

.shop-quote-receipt h1,
.shop-receipt h1 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px
}

.comment-container,
.comment-form,
table.case-details,
table.order-list td {
	border: 1px solid #eee
}

.shop-quote-receipt h2,
.shop-receipt h2 {
	font-size: 12px;
	font-weight: 400
}

table.case-list {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin: 0
}

table.case-list td.category,
table.case-list td.subject {
	width: 40%
}

table.case-list td.status {
	width: 20%
}

table.case-details {
	background: #f9f9f9;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

table.case-details tr.odd td {
	background: #fff
}

table.case-details td.var {
	color: #888;
	text-align: right;
	width: 130px
}

table.case-details td.val {
	color: #000
}

table.case-details td,
table.case-list td {
	padding: 6px
}

table.border {
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee
}

table.border span {
	color: #888
}

table.order-list {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

table.order-list a {
	margin: 0 9px 0 0
}

table.order-list span.number {
	font-size: 11px
}

.comment-container {
	background: #f9f9f9;
	margin: 0 0 18px
}

.comment-container .header {
	background: #eee;
	font-size: 11px;
	padding: 6px 18px
}

.comment-container span.name {
	color: #000
}

.comment-container span.rating {
	vertical-align: middle;
	margin: 0 9px
}

.comment-container .content {
	padding: 18px
}

.comment-form {
	background: #f9f9f9;
	color: #666;
	margin: 0;
	padding: 18px 18px 0
}

.comment-form h3 {
	font-size: 14px;
	margin: 0 0 18px
}

.comment-form input.cat_textbox_small,
.comment-form textarea {
	width: 300px
}

.comment-form textarea {
	height: 120px
}

#opt-total-container {
	border-bottom: 1px solid #EEE
}

select.shippingDropDown {
	width: 95%
}

@media only screen and (max-width:767px) {
	.cartlabel {
		float: left;
		font-size: 12px;
		font-weight: 400;
		padding-bottom: 3px;
		padding-top: 3px;
		text-transform: capitalize;
		text-align: center
	}
	.product-remove a:link,
	.product-remove a:visited {
		float: right
	}
	.cart-item {
		font-size: 12px;
		width: 20%
	}
	.cldetails {
		width: 33%
	}
	.clcost,
	.clprice,
	.clremove,
	.cltax {
		width: 13%
	}
	.product-image {
		display: none;
		width: 13%
	}
	.product-title {
		width: 18%;
		padding: 0
	}
	.clqty,
	.product-qty {
		text-align: center;
		width: 12%
	}
	#catCartDetails input.cartInputText {
		margin: 0 0 0 10px
	}
	.row.cartrow {
		margin-bottom: 0
	}
	.cart-item.product-remove {
		width: 22px;
		padding: 0
	}
}

.cartrow,
.wishlist-link a {
	text-transform: uppercase
}

table.faq-search,
table.faqresultstable {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #eee
}

table.faq-search {
	background: #f9f9f9;
	margin: 0 0 18px
}

table.faq-search label {
	color: #888
}

table.faq-search td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 9px
}

table.faqresultstable {
	background: #fff
}

table.faqresultstable td {
	color: #666;
	padding: 9px
}

table.faqresultstable a {
	color: #1969bc
}

table.faqresultstable td.faqresultstableinfo {
	background: #f9f9f9;
	color: #888;
	font-size: 10px;
	text-align: right;
	padding: 3px 18px
}

table.faqresultstable td.faqresultstablecount {
	padding-left: 18px;
	width: 10px
}

td.faqresultstablehead {
	background: #fff;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #eee;
	color: #000;
	font-weight: 700
}

table.forum,
table.topic-list {
	background: #f9f9f9;
	border-spacing: 0;
	border-collapse: collapse
}

.forum-container h1 {
	font-size: 24px
}

div.forum-posts-container div.post-list,
div.forum-registration,
table.topic-list {
	color: #666
}

div.forum-registration h2 {
	color: #000
}

table.forum {
	border: 1px solid #eee;
	width: 100%
}

table.forum td.posts,
table.forum td.topics {
	width: 90px;
	border-right: 1px solid #eee
}

table.forum td {
	font-size: 11px;
	vertical-align: top;
	padding: 9px
}

table.forum td.lastpost {
	width: 180px
}

table.forum .icon {
	float: left;
	width: 50px
}

table.forum .forum {
	margin: 0 0 0 50px
}

table.forum h3 {
	margin: 0
}

ul.cap-bottom,
ul.cap-top {
	font-size: 11px;
	height: 30px;
	margin: 0 0 18px;
	padding: 0
}

ul.cap-bottom {
	margin: 18px 0 0
}

ul.cap-bottom li,
ul.cap-top li {
	display: block;
	line-height: 30px;
	list-style: none
}

ul.cap-bottom li.nav-page,
ul.cap-top li.user {
	float: left;
	width: 200px
}

ul.cap-bottom li.actions,
ul.cap-top li.actions {
	float: right;
	font-size: 12px;
	text-align: right;
	width: 350px
}

ul.cap-bottom li.actions a,
ul.cap-top li.actions a {
	float: right;
	margin: 0;
	padding: 0 9px
}

table.topic-list {
	border-right: 1px solid #eee;
	width: 100%
}

table.topic-list th {
	background: #ddd;
	border: 1px solid #ddd;
	color: #000;
	font-size: 10px;
	text-align: left;
	padding: 6px
}

table.topic-list .name {
	font-weight: 700;
	width: 60%
}

table.topic-list .name .icon {
	float: left;
	width: 30px
}

table.topic-list .replies,
table.topic-list .views {
	font-size: 10px;
	text-align: center;
	width: 10%
}

table.topic-list .date {
	font-size: 10px;
	text-align: right;
	width: 20%
}

table.topic {
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #eee;
	width: 100%;
	margin: 0
}

table.topic td {
	padding: 9px
}

table.topic td.name,
table.topic td.replies,
table.topic td.views {
	border-right: 1px solid #eee;
	vertical-align: middle
}

.forum-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px
}

.forum-registration input.cat_textbox,
.forum-registration textarea.cat_textbox {
	width: 260px
}

.forum-registration input.cat_button {
	margin: 0 6px 0 0
}

.forum-posts-container .breadcrumb {
	font-size: 11px;
	padding: 6px
}

.forum-posts-container h1 {
	font-size: 18px;
	margin: 18px 0
}

.forum-posts-container h2 {
	background: #eee;
	border: 1px solid #eee;
	color: #888;
	font-size: 10px;
	font-weight: 400;
	margin: 0;
	padding: 3px 18px
}

.forum-posts-container table.container {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

.forum-posts-container td {
	background: #f9f9f9;
	border: 1px solid #ddd;
	vertical-align: top;
	padding: 18px
}

.forum-posts-container td.author {
	font-size: 11px;
	width: 160px
}

.forum-posts-container h3.name {
	color: #000;
	font-size: 12px;
	font-weight: 700
}

.forum-posts-container tr.sub td {
	height: 30px;
	padding: 0 18px
}

.case-search,
.secure-lost-password,
.secure-update-details {
	border: 1px solid #eee;
	padding: 18px;
	background: #f9f9f9
}

.forum-posts-container td.action a {
	float: right;
	line-height: 30px
}

div.forum-posts-container div.post-list a,
div.forum-registration a,
table.topic-list a {
	color: #1969bc
}

.secure-lost-password input.cat_textbox_small {
	width: 210px
}

.secure-update-details input.cat_textbox,
.secure-update-details select.cat_dropdown {
	width: 260px
}

.case-search,
.secure-update-details {
	margin: 0 0 18px
}

.newsletter-form,
.secure-login {
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
	margin-bottom: 18px
}

.newsletter-form h3,
.secure-login h3 {
	background: #eee;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	margin: 0;
	padding: 6px 18px
}

.newsletter-form div.form,
.product-form h3,
.secure-login div.form {
	padding-left: 9px
}

.search-box {
	padding: 6px
}

.search-box input.cat_textbox_small {
	margin: 0 3px 0 0
}

table.affiliate-stats {
	border: 1px solid #d7d7d7;
	border-collapse: collapse
}

table.affiliate-stats td {
	border: 1px solid #d7d7d7;
	padding: 6px
}

table.affiliate-stats td.var {
	color: #888
}

.tell-a-friend {
	border: 2px solid #333;
	background-color: #fff;
	color: #666;
	padding: 18px
}

.tell-a-friend form {
	padding: 0 0 0 36px
}

.tell-a-friend h1 {
	border-bottom: 1px solid #ccc;
	color: #222;
	font-size: 18px;
	margin: 0;
	padding: 0 0 6px
}

.tell-a-friend h2 {
	border-bottom: 1px dotted #ccc;
	color: #222;
	font-size: 12px;
	margin: 18px 0 9px
}

.tell-a-friend td.var {
	text-align: right;
	width: 130px
}

.tell-a-friend td {
	font-size: 11px;
	vertical-align: top
}

.tell-a-friend label {
	color: #888;
	font-size: 11px
}

.tell-a-friend input.cat_textbox_small {
	height: 21px
}

.tell-a-friend input.cat_textbox_small,
.tell-a-friend textarea.cat_listbox {
	font-size: 11px;
	width: 300px
}

.favourite-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px
}

.favourite-registration input.cat_textbox,
.favourite-registration textarea.cat_textbox {
	width: 260px
}

.favourite-registration input.cat_button {
	margin: 0 6px 0 0
}

.browse-panel {
	border: 1px solid #d7d7d7
}

.browse-panel h5 {
	background: url(/CatalystImages/shop_bg-browse-panel.png) repeat-x #eee;
	border-bottom: 1px solid #d7d7d7;
	font-size: 14px;
	margin: 0;
	padding: 9px
}

.browse-panel h6 {
	background: #f7f7f7;
	font-size: 11px;
	font-weight: 700;
	margin: 0;
	padding: 3px 9px
}

.browse-panel ol {
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding: 9px
}

.browse-panel ol.browse-catalogue {
	border-bottom: none
}

.browse-panel li {
	list-style: none;
	padding: 3px 9px
}

.browse-panel li span {
	display: inline;
	font-weight: 700
}

.booking-list {
	border-bottom: 1px solid #eee;
	margin: 0 0 9px;
	padding: 10px 0 15px
}

.side-panel ul {
	margin: 0 0 30px;
	padding: 0
}

.side-panel ul li {
	background: rgba(0, 0, 0, 0);
	border-bottom: 1px dotted rgba(0, 0, 0, .15);
	list-style: none;
	margin: 0 0 10px;
	padding: 0 0 10px
}

.blog-post h3.post-title {
	text-align: left;
	margin: 0;
	padding: 10px 0 15px
}

.blog-details {
	display: block;
	float: left;
	width: 100%
}

.blog-container p.description,
.blog-post .post-body {
	margin: 0 0 36px
}

.blog-post .post-details {
	color: #888;
	font-size: 11px;
	margin: 10px 0 18px
}

.blog-post .links {
	font-size: 13px;
	font-family: "open sans", sans-serif
}

.blog-details div {
	border-radius: 3px;
	color: #666;
	float: left;
	font-size: 13px;
	margin-bottom: 10px;
	margin-right: 20px;
	padding: 15px 0
}

.side-panel h4,
.side-panel ul li a {
	font-size: 14px
}

.blog-details div i {
	margin-right: 5px
}

.side-panel h4 {
	font-weight: 400
}

.BlogTagCloud a {
	background: #eee;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-family: Tahoma, sans-serif;
	font-size: 13px;
	margin: 0 5px 10px 0;
	padding: 5px 10px
}

.wishlist-link,
li.name h5,
li.price {
	font-family: "open sans", sans-serif
}

.productItem .image,
.productItemLast .image {
	margin-bottom: 20px;
	padding-top: 30px
}

.catalogueList,
.productList,
.productList ul {
	overflow: hidden;
	margin: 0;
	padding: 0 !important
}

.catalogueList li,
.productList li {
	display: inline;
	list-style-type: none
}

.catalogueList li .image {
	margin-bottom: 20px
}

.catalogueList li img {
	width: 100%
}

.productSmall .image img {
	border: none;
	box-shadow: none
}

.productItem ul.product-details li {
	display: inline
}

.productList ul li {
	display: block
}

li.price {
	font-size: 28px;
	font-weight: 600;
	color: #5e5754;
	margin: 0
}

#purchase-total span,
.cartlabel,
legend {
	font-weight: 700
}

li.name h5 {
	font-size: 16px;
	margin: 0 0 30px
}

.catalogueList .catalogueItemNotFound {
	display: none
}

.productLarge h1 {
	font-size: 36px;
	line-height: 1.35em
}

.form-detail p,
.wishlist-link {
	font-size: 12px
}

.productAttributesContainer {
	border-top: 1px dashed rgba(0, 0, 0, .15);
	border-bottom: 1px dashed rgba(0, 0, 0, .15);
	margin: 20px 0;
	padding: 15px 0
}

#productPoplets .productPopletsItem {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	display: block;
	margin: 0 10px 0 0;
	padding: 15px
}

.poplets,
.poplets img {
	border: none
}

.poplets {
	margin: 0;
	padding: 0
}

#payment-form input.cat_listbox,
#payment-form input.cat_textbox,
#payment-form select.cat_dropdown {
	margin-right: 20px
}

.wishlist-link {
	color: #1abc9c;
	padding: 20px 0 30px
}

.form-row {
	border-bottom: 1px solid #ededed;
	overflow: hidden;
	padding: 15px 0
}

.info-section {
	float: left;
	width: 30%
}

.info-section p {
	padding-right: 15px
}

.form-section {
	float: left;
	width: 70%
}

.form-detail {
	float: left;
	width: 250px
}

.form-data {
	float: right;
	width: 450px
}

#payment-form .form-detail {
	width: 255px
}

#payment-form .form-data {
	width: 570px
}

#payment-form label {
	width: auto
}

#payment-form input.cat_textbox {
	border: 1px solid #999;
	padding: 3px;
	height: 40px
}

input.cat_textbox.sm {
	width: 70px !important
}

#payment-form input.short,
#payment-form select.short {
	width: 110px
}

#payment-form input.purchase-amount {
	background: rgba(0, 0, 0, 0);
	border: none;
	color: #222;
	display: inline;
	float: left;
	font-size: 13px;
	font-weight: 700;
	width: 53px;
	margin: 0;
	padding: 0
}

#purchase-total {
	background: #fafafa;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	margin-bottom: 20px;
	padding: 10px
}

.purchase-amount {
	box-shadow: none !important;
	float: none !important
}

#purchase-total span {
	color: #999;
	font-size: 16px;
	padding-left: 10px
}

.cartrow {
	border: none;
	font-size: 13px;
	margin-left: 0 !important
}

.cartlabel {
	float: left;
	padding-bottom: 3px;
	padding-top: 3px
}

.cart-item {
	color: #333;
	float: left;
	font-size: 13px;
	width: 10%
}

.productitemcell {
	border-bottom: 1px solid #eee;
	line-height: 20px;
	overflow: hidden;
	height: 135px;
	padding: 15px 0 0
}

.product-image img {
	border: none;
	max-width: 75px
}

.cldetails {
	width: 46%
}

.clcost,
.clprice,
.clremove,
.cltax {
	width: 10%
}

#catCartDetails .product-image {
	width: 13%
}

.product-title {
	width: 33%
}

.clqty,
.product-qty {
	width: 14%
}

.product-qty input.cartInputText {
	width: 60%
}

.cart-opt {
	overflow: hidden;
	margin: 0;
	padding: 10px 0
}

.cart-opt p {
	margin: 0 0 3px
}

#cart-footer hr {
	margin: 3px 0
}

#opt-total-container {
	background: rgba(0, 0, 0, 0);
	overflow: hidden;
	margin: 0;
	padding: 20px
}

.opt-total-data .productitemcell {
	border: none;
	height: auto;
	padding: 0
}

.opt-total-data {
	display: block;
	margin-bottom: 5px;
	text-align: right
}

.opt-total-data h3 {
	margin: 0
}

select.shippingDropDown {
	height: auto
}

input#DiscountCode,
input#GiftVoucher {
	display: inline;
	max-width: 280px;
	width: 165px;
	height: 50px
}

.productSubmitInput,
a#catshopbuy:link,
a#catshopbuy:visited {
	display: block;
	font-size: 16px;
	text-align: center;
	text-shadow: none;
	padding: 1em
}

#catCartDetails fieldset,
#catCartDetails table {
	border: none;
	padding: 1.25em 0
}

table {
	background: 0 0;
	border: none
}

table tr.alt,
table tr.even,
table tr:nth-of-type(2n) {
	background: 0 0 !important
}

table tr td,
table tr th {
	border: none !important
}

.breadcrumbs,
table.reporting,
table.webform {
	background: 0 0;
	border: none
}

.reveal-modal {
	text-align: center
}

.breadcrumbs {
	margin-bottom: 12px;
	font-family: "Open Sans", sans-serif;
	padding: 0
}

.breadcrumbs li {
	margin-bottom: 10px
}

.breadcrumbs > * a {
	color: #6e6460
}

.breadcrumbs > .current a {
	color: #98918d
}

#productPoplets,
.blog-aside,
.productLarge .image-large {
	margin-bottom: 30px
}

.catalogueList li img:hover,
.product-remove a:active,
.product-remove a:hover,
.productList li img:hover {
	opacity: .8
}

#payment-form input.cat_listbox,
#payment-form input.cat_textbox,
#payment-form select.cat_dropdown,
.webform-results table {
	width: 100%
}

@media (max-width:767px) {
	.cart-item {
		font-size: 12px
	}
	.cldetails,
	.product-title {
		width: 32% !important;
		text-align: left;
		padding-right: 12px
	}
	.clprice,
	.product-price {
		width: 14% !important;
		text-align: left
	}
	.clqty,
	.product-qty {
		width: 13% !important;
		text-align: left
	}
	.clcost,
	.cltax,
	.product-tax,
	.product-total {
		width: 14% !important;
		text-align: left
	}
	.cart-item.product-remove,
	.clremove {
		width: 13% !important
	}
	.product-remove a:link,
	.product-remove a:visited {
		float: none;
		margin: 0 auto
	}
	#catCartDetails input.cartInputText {
		margin: 0 5% 0 0;
		width: 95%;
		float: left;
		max-width: 33px
	}
}

#bluebox,
#hiddenbox,
#nothiddenbox,
.even p,
.headingMain {
	text-align: center
}

Window size: x Viewport size: x <style > ul.process-view li .border-line {
	border-style: solid;
	border-color: #FF4500
}

.finish-border,
.start-border {
	border-color: #FF4500
}

.ellipse_shape {
	width: 60px;
	height: 60px;
	border: 6px solid #FF4500;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 2
}

.ellipse_shape span {
	width: 30px;
	height: 30px;
	background: #FF4500;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 9px
}

.ellipse_shape:after {
	content: '';
	width: 6px;
	height: 74px;
	position: absolute;
	left: 21px;
	background: #FF4500;
	bottom: 53px
}

.ellipse_shape:before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 14px;
	background: #FF4500;
	top: -98px;
	border-radius: 50%
}

.process-one:after,
ul.process-view li.first_line:after {
	content: '';
	height: 10px;
	background: #FF4500
}

.process-one .ellipse_shape {
	bottom: -77px;
	left: 20px;
	border-color: #FF4500
}

.process-one .ellipse_shape span,
.process-one .ellipse_shape:before,
.process-two .ellipse_shape span,
.process-two .ellipse_shape:before {
	background: #FF4500
}

.process-one:after {
	width: 100%;
	position: absolute;
	bottom: -54px;
	left: 46px;
	z-index: 1
}

.process-one .ellipse_shape:after,
.process-two .ellipse_shape:after {
	background: #FF4500
}

.process-two .ellipse_shape {
	bottom: -57px;
	left: 0;
	border-color: #FF4500
}

ul.process-view li.first_line:after {
	width: 125px;
	position: absolute;
	left: 35px;
	bottom: 0
}

ul.process-view li.second_line:after,
ul.process-view li.third_line:after {
	content: '';
	position: absolute;
	top: 0;
	width: 170px
}

li.first_line:after {
	display: none
}

ul.process-view li.second_line:after {
	right: 0;
	height: 100%;
	border: 10px solid #FF4500;
	border-left: 0;
	border-radius: 0 160px 160px 0
}

ul.process-view li.third_line:after {
	left: 0;
	height: 50%;
	border: 10px solid #FF4500;
	border-right: 0;
	border-radius: 160px 0 0;
	border-bottom: 0
}

@media (max-width:1280px) {
	.award-caption h3 {
		font-size: 20px;
		line-height: 22px
	}
	.award-caption h4 {
		font-size: 18px;
		margin-bottom: 0;
		line-height: 22px
	}
	.projects-award {
		width: 300px;
		height: 300px
	}
	.award-caption figure img {
		width: 35px
	}
	.album-nav {
		max-width: 520px;
		margin-top: 20px
	}
	.vprojects-logo {
		margin-bottom: 26px
	}
	.gallery-content .tabs-content {
		max-width: 785px
	}
	.gallery-box {
		max-width: 400px
	}
	.gallery-content .tab-content.active .gallery-box {
		max-width: 500px
	}
	.projects-title .hb-title span {
		display: inline-block;
		font-size: 28px;
		margin: 0
	}
}

@media (max-width:1199px) {
	.home-caption h1,
	h1.banner-title {
		font-size: 35px;
		line-height: 40px;
		padding-top: 8px
	}
	.site-intro {
		width: 360px;
		height: 360px
	}
	.home-caption h1 {
		margin-top: auto
	}
	h1.banner-title {
		margin-top: -55px
	}
	.home-caption h2 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 14px
	}
	.service_list figure h6 {
		font-size: 13px
	}
	.banner-title span {
		margin-top: 0
	}
	.banner-block {
		padding: 52px 45px 40px
	}
	.banner-caption {
		width: 100%
	}
	.process_control {
		padding: 0 35px
	}
	.process-four {
		left: 0
	}
	.start-plan-content img {
		max-width: 350px
	}
	.vprojects-slid {
		min-height: inherit;
		padding-bottom: 20px
	}
	.vprojects-detail {
		right: 0
	}
	.vprojects-detail p {
		font-size: 16px;
		line-height: 23px
	}
	.blog-list figure figcaption {
		padding: 13px 20px
	}
	.projects-title:after {
		border-top-width: 45px
	}
	.gallery-content {
		top: 235px
	}
	.gallery-title.projects-title p.hideshow {
		bottom: -50px;
		left: 42%
	}
}

@media (max-width:1120px) {
	h1.banner-title {
		margin-top: -60px
	}
}

@media (max-width:1024px) {
	.pricing-grids,
	h2.hb-title,
	h3.hb-title {
		margin-bottom: 20px
	}
	.glide-shop {
		padding-top: 35px
	}
	.white-wrapper {
		padding: 55px 0
	}
	h1.hb-title {
		font-size: 42px
	}
	h2.hb-title {
		font-size: 36px
	}
	h3.hb-title {
		font-size: 32px
	}
	.service-tabs,
	.team-view {
		padding-top: 30px
	}
	.service-content .tabs-content {
		max-width: 100%
	}
	.bd-con-detail h1,
	.choose-detail h1,
	.start-plan-content h2 {
		font-size: 28px;
		line-height: 30px
	}
	.bd-con-detail h1 span,
	.choose-detail h1 span,
	.start-plan-content h2 span {
		font-size: 36px;
		line-height: 38px
	}
	.choose-layer {
		min-height: 515px
	}
	.choose-line {
		height: 415px;
		top: 50px;
		left: -104px
	}
	.testimonial-body h3 {
		font-size: 20px;
		line-height: 24px
	}
	.companies-logo ul li {
		width: 25%
	}
	.gallery-content .tabs-content {
		max-width: 725px
	}
	.gallery-box {
		max-width: 350px
	}
	.gallery-content .tab-content.active .gallery-box {
		max-width: 450px
	}
}

@media (max-width:991px) {
	.projects-title,
	.signup-rectangle {
		max-width: 738px
	}
	.projects-title:after,
	.signup-rectangle:after {
		border-right-width: 369px;
		border-left-width: 369px
	}
	.responsiveGallery-container {
		height: inherit;
		padding-bottom: 38px
	}
	.blog-list h2,
	.testi_block h3 {
		font-size: 24px
	}
	.testi_block span {
		font-size: 18px
	}
	.projects-title {
		padding-top: 15px;
		margin-bottom: 60px
	}
	.projects-title:after {
		height: 45px;
		border-top-width: 45px;
		position: absolute;
		bottom: -45px;
		left: 0
	}
	.projects-title h4.hb-title,
	.start-plan-content h2 {
		font-size: 20px;
		line-height: 22px
	}
	.projects-title .hb-title span,
	.start-plan-content h2 span {
		font-size: 28px
	}
	.ourclient-section {
		padding: 5px 0
	}
	.signup-rectangle:after {
		height: 55px;
		border-bottom-width: 55px;
		top: -55px
	}
	.signup-emailicon {
		top: -92px
	}
	.signup-emailicon img {
		max-width: 75px
	}
	ul.footer-social li {
		margin: 0 8px
	}
	ul.footer-social li a {
		font-size: 20px;
		line-height: 34px
	}
	.copyright {
		padding: 16px 0
	}
	.copyright p {
		font-size: 16px
	}
	.banner {
		max-height: 280px
	}
	ul.process-view {
		max-width: 700px;
		float: none;
		display: block;
		margin: 0 auto
	}
	.process-four .ellipse_shape:after {
		right: 48px;
		width: 40px
	}
	.process-four .ellipse_shape:before {
		left: -59px
	}
	.process-two {
		padding-left: 60px
	}
	.process-one {
		padding-top: 0;
		padding-bottom: 84px
	}
	ul.process-view li.first_line .border-line {
		min-height: 229px
	}
	.process-four {
		padding: 0 40px 0 80px
	}
	.process-three {
		max-width: 285px;
		padding: 55px 60px 12px 0
	}
	.planning-detail h2 {
		font-size: 28px;
		line-height: 30px
	}
	.planning-detail h2 span {
		font-size: 34px
	}
	ul.blog_tag li {
		margin-right: 16px
	}
	.gallery-wrapper .desktop-img {
		display: none
	}
	.gallery-wrapper .ipad-img {
		display: block
	}
	.banner-caption {
		width: 100%;
		height: 25%
	}
}

@media (max-width:867px) {
	.home-slider .desktop-img {
		display: none
	}
	.home-slider .ipad-img {
		display: block
	}
	.testi_block {
		text-align: center
	}
	.testi_block figure {
		float: none;
		display: inline-block
	}
	.testi_name {
		width: 100%
	}
	.projects-award {
		width: 235px;
		height: 235px;
		border-width: 10px
	}
	.planning-layer {
		width: 50%
	}
	.bd-con-layer {
		min-height: 520px
	}
	.bd-line {
		height: 320px;
		top: 90px;
		left: -100px
	}
	.get-in-touch-content {
		padding: 28px 16px
	}
	.sidebar_menu ul li a {
		font-size: 14px
	}
	.banner-title {
		margin-top: -65px
	}
}

@media (max-width:767px) {
	.pro_line:before,
	.web_icon:after,
	.web_list:after,
	ul.process-view li.first_line:after,
	ul.process-view li.second_line:after,
	ul.process-view li.third_line:after,
	ul.web-content:after,
	ul.web-content:before {
		display: none
	}
	header {
		padding: 15px 5px
	}
	.site-intro {
		width: 310px;
		height: 310px;
		border-width: 10px
	}
	.home-caption h1,
	h1.banner-title {
		font-size: 26px;
		line-height: 30px
	}
	.home-caption h2 {
		font-size: 16px;
		line-height: 21px
	}
	.nav-icon {
		width: 34px
	}
	.nav-icon span {
		width: 100%
	}
	ul.utility_menu li a {
		font-size: 14px;
		font-family: azo_sansmedium
	}
	ul.utility_menu li:before {
		font-size: 12px;
		margin: 0 2px
	}
	.logo {
		margin-left: 18px
	}
	.choose-layer {
		width: 340px
	}
	.projects-title {
		max-width: 610px
	}
	.projects-title:after {
		height: 45px;
		border-top-width: 45px;
		border-right-width: 305px;
		border-left-width: 305px
	}
	.projects-award {
		width: 300px;
		height: 145px;
		border-width: 10px;
		border-radius: 43px
	}
	.award-intro {
		border-radius: 33px
	}
	.projects-title p {
		font-size: 12px;
		line-height: 14px
	}
	h1.hb-title {
		font-size: 36px
	}
	h2.hb-title {
		font-size: 28px;
		margin-bottom: 20px
	}
	h3.hb-title {
		font-size: 24px;
		margin-bottom: 20px
	}
	.white-wrapper {
		padding: 35px 0 15px
	}
	.signup-rectangle {
		max-width: 610px;
		padding-bottom: 15px
	}
	.signup-rectangle:after {
		border-right-width: 305px;
		border-left-width: 305px
	}
	.signup-rectangle h5 {
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 12px
	}
	.signup-rectangle h5 span {
		font-size: 18px
	}
	.signup-rectangle .button,
	.start-plan-content .button {
		font-size: 16px;
		padding: 6px 20px
	}
	.process_control {
		padding: 0
	}
	ul.process-view,
	ul.process-view li,
	ul.process-view li.first_line .border-line {
		width: 100%;
		float: left;
		max-width: 100%
	}
	.process_wrapper {
		padding-left: 15px;
		padding-right: 15px
	}
	ul.process-view li {
		border-left: 6px solid #FF4500;
		padding-left: 85px !important;
		padding-right: 0 !important
	}
	ul.process-view li.second_line .border-line,
	ul.process-view li.third_line .border-line {
		border-width: 0
	}
	.process-five,
	.process-four,
	.process-one,
	.process-three,
	.process-two,
	.process_wrapper {
		padding-top: 0;
		padding-bottom: 30px
	}
	.process-five,
	.process-four,
	.process-one,
	.process-three,
	.process-two {
		width: 100%;
		padding-left: 85px
	}
	.process-one p,
	ul.process-view li p {
		max-width: 100%
	}
	.ellipse_shape,
	.process-five .ellipse_shape,
	.process-four .ellipse_shape,
	.process-one .ellipse_shape,
	.process-three .ellipse_shape,
	.process-two .ellipse_shape {
		width: 40px;
		height: 40px;
		border-width: 4px;
		left: -108px;
		bottom: 0;
		top: 9px;
		right: inherit;
		margin-top: 0
	}
	.finish-border,
	.start-border {
		width: 60px;
		height: 60px;
		left: -14px;
		top: -14px
	}
	.ellipse_shape span {
		width: 16px;
		height: 16px;
		left: 8px;
		top: 8px
	}
	.ellipse_shape:after,
	.process-five .ellipse_shape:after,
	.process-four .ellipse_shape:after,
	.process-three .ellipse_shape:after {
		width: 35px;
		height: 4px;
		bottom: 14px;
		left: 35px;
		top: initial;
		margin: 0
	}
	.ellipse_shape:before,
	.process-five .ellipse_shape:before,
	.process-four .ellipse_shape:before,
	.process-three .ellipse_shape:before {
		width: 16px;
		height: 16px;
		left: 70px;
		top: 8px;
		margin: 0
	}
	.process-five,
	.process-four,
	.process-three {
		position: relative;
		max-width: 100%;
		padding-right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	.process-three figure {
		top: 0;
		left: 0;
		right: inherit
	}
	ul.process-view li.second_line {
		width: 100%;
		float: left
	}
	ul.process-view li.first_line .border-line,
	ul.process-view li.second_line .border-line,
	ul.process-view li.third_line .border-line {
		min-height: inherit
	}
	.process-five figure img {
		max-width: 60px
	}
	.process-one figure img {
		max-width: 75px
	}
	.process-seven {
		padding: 0 0 0 85px
	}
	ul.process-view li.first_line .process-one:after {
		width: 6px;
		height: 100%;
		left: -91px;
		top: 9px
	}
	ul.process-view {
		padding-bottom: 0
	}
	ul.process-view li.third_line .border-line {
		padding: 0
	}
	ul.process-view li.third_line {
		border-left-color: #FFF
	}
	.planning-detail h2 {
		text-transform: capitalize
	}
	.web_icon {
		margin-bottom: 26px
	}
	.web_list {
		padding: 10px 0
	}
	.web_desc,
	.web_icon,
	ul.web-content li:nth-child(even) .web_desc,
	ul.web-content li:nth-child(even) .web_icon {
		padding: 0 20px;
		text-align: center
	}
	.web_desc,
	.web_icon {
		width: 100%
	}
	ul.web-content {
		padding-top: 0
	}
	.webvector-layer {
		margin-top: 15px
	}
	.webvector-layer img {
		max-width: 385px
	}
	.bd-con-layer {
		width: 60%
	}
	.companies-logo ul li {
		width: 33.33333%
	}
	.contact-form-content > .row .small-12.columns,
	.inner_container .left_panel,
	.inner_container .right_panel {
		width: 100%
	}
	.right_panel .side_panel {
		float: none;
		margin: 20px auto 0
	}
	.blog-list {
		padding-bottom: 25px;
		margin-bottom: 25px
	}
	.blog-list a.button {
		margin-top: 0
	}
	.gtab-title h3 {
		width: 135px;
		font-size: 18px;
		line-height: 24px;
		padding: 8px 20px
	}
	.gtab-title h3:after {
		border-bottom-width: 40px;
		height: 40px
	}
	.gallery-content .tabs-content {
		max-width: 610px
	}
	.gallery-box {
		max-width: 300px
	}
	.gallery-content .tab-content.active .gallery-box {
		max-width: 400px
	}
	.logo img {
		max-width: 215px
	}
}

@media (max-width:639px) {
	header {
		background: #464747
	}
	.banner,
	.intro-slider {
		margin-top: 0
	}
	.intro-overlay {
		padding-top: 0
	}
	.home-page ul.utility_menu li a,
	.home-page ul.utility_menu li:before,
	ul.utility_menu li a,
	ul.utility_menu li:before {
		color: #fff
	}
	.logo {
		padding-top: 6px
	}
	.logo img {
		max-width: 175px
	}
	.projects-title,
	.signup-rectangle {
		max-width: 540px
	}
	.sidebar ul.dropdown li a {
		padding: 6px 14px
	}
	.sidebar-footer {
		padding: 24px 20px
	}
	ul.utility_menu li.cart-icon a {
		font-size: 16px;
		padding: 7px 15px
	}
	.service-view ul li.medium-4 {
		width: 33.33333%
	}
	.service-view ul li.medium-6,
	ul.service_list li.tabs-title {
		width: 50%
	}
	ul.service_list li:nth-child(4n) {
		margin-bottom: 30px
	}
	.service-content {
		padding: 24px 0 16px
	}
	.service-content h2 {
		font-size: 24px;
		line-height: 28px
	}
	.service-content span {
		font-size: 30px;
		line-height: 36px
	}
	.projects-title {
		margin-bottom: 50px
	}
	.projects-title:after {
		height: 35px;
		border-top-width: 35px;
		border-right-width: 270px;
		border-left-width: 270px;
		position: absolute;
		bottom: -35px;
		left: 0
	}
	.projects-title .hb-title span {
		font-size: 20px;
		display: inline-block
	}
	ul.service_list li.tabs-title,
	ul.team_list li.tabs-title {
		padding: 0 10px;
		margin-bottom: 20px
	}
	.testi_block {
		border: none
	}
	.ourclient-section:after,
	.signup-rectangle:after {
		border-left-width: 270px;
		border-right-width: 270px
	}
	.ourclient-section:after {
		width: 540px;
		height: 55px;
		border-top-width: 55px;
		bottom: -55px;
		margin: 0 auto
	}
	.signup-section {
		padding-top: 170px
	}
	.planning-layer {
		width: 300px
	}
	.testimonial-body {
		padding: 30px 20px 15px 0;
		max-width: 100%
	}
	.testimonial-desc:before {
		top: 25px
	}
	.testimonial-list figure {
		padding-left: 0
	}
	.team-content {
		padding: 10px 10px 10px 20px
	}
	.vprojects-detail {
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	.gallery-content .tabs-content {
		max-width: 490px
	}
	.gallery-box {
		max-width: 200px
	}
	.gallery-content .tab-content.active .gallery-box {
		max-width: 300px
	}
	.app-container .content-container .side-body.padding-top {
		padding-top: 76px
	}
	.gallery-title.projects-title p.hideshow {
		bottom: -40px;
		left: 40%
	}
}

@media (max-width:567px) {
	.copyright p,
	ul.footer-social {
		text-align: center;
		width: 100%
	}
	.ourclient-section:after,
	.projects-title:after,
	.signup-rectangle:after {
		border-left-width: 230px;
		border-right-width: 230px
	}
	ul.utility_menu li.search-icon {
		margin-left: 10px
	}
	ul.utility_menu li.cart-icon a {
		font-size: 0
	}
	ul.utility_menu li.cart-icon a em {
		margin: 0;
		line-height: 30px
	}
	.home-caption .button {
		font-size: 16px;
		width: auto;
		padding: 6px 15px
	}
	.site-intro {
		width: 275px;
		height: 275px
	}
	.home-caption h2,
	.service-list h6 {
		font-size: 14px
	}
	.builder_content,
	.choose-wrapper {
		padding-top: 125px
	}
	.bd-con-layer,
	.choose-layer {
		width: 100%
	}
	.bd-con-layer:before,
	.bd-line,
	.choose-layer:before,
	.choose-line {
		left: 0;
		right: 0;
		margin: 0 auto;
		-webkit-transform: rotate(0) -ms-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	.bd-con-layer:before,
	.choose-layer:before {
		width: 80%;
		height: 6px;
		top: -6px
	}
	.bd-line,
	.choose-line {
		width: 50%;
		height: 8px;
		top: -12px
	}
	.ellipse-circle {
		left: 50%;
		top: -7px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	ul.liststyle-plus {
		padding-left: 0
	}
	ul.liststyle-plus li {
		padding: 5px 0 5px 20px
	}
	.choose-detail h1 {
		font-size: 22px;
		line-height: 24px
	}
	.choose-detail h1 span {
		font-size: 28px;
		line-height: 30px
	}
	.projects-title,
	.signup-rectangle {
		max-width: 460px
	}
	.album-nav {
		max-width: 350px
	}
	.gallery_album ul.album-for li img {
		width: 100%;
		max-width: inherit;
		height: 340px
	}
	.copyright p {
		font-size: 14px;
		margin-bottom: 8px;
		line-height: 19px
	}
	.ourclient-section:after {
		width: 460px
	}
	.form_box form input[type=submit] {
		font-size: 16px;
		padding: 10px 15px
	}
	.companies-logo ul li {
		width: 50%
	}
	.contact-map {
		height: 230px
	}
	.contact-form-content h3,
	.get-in-touch .heading {
		font-size: 28px;
		padding: 16px 0;
		margin-bottom: 0
	}
	.contact-form-content,
	.inner_container {
		padding: 35px 0
	}
	.blog-list figure {
		max-height: inherit
	}
	.blog-list figure figcaption {
		position: static
	}
	.blog-list h2 {
		font-size: 20px;
		line-height: 24px
	}
	.gallery-content .tabs-content {
		max-width: 370px
	}
	.gallery-box {
		max-width: 150px
	}
	.gallery-content .tab-content.active .gallery-box {
		max-width: 250px
	}
	.gallery-content {
		top: 210px
	}
	h1 {
		font-size: 30px
	}
	h2 {
		font-size: 26px
	}
	h3 {
		font-size: 23px
	}
	h4 {
		font-size: 20px
	}
	h5 {
		font-size: 18px
	}
	h6 {
		font-size: 15px
	}
	.gtab-title h3 {
		width: auto;
		font-size: 14px;
		padding: 4px 12px;
		line-height: 21px;
		font-family: azo_sansregular
	}
	.gtab-title h3:after {
		border-bottom-width: 29px;
		height: 29px
	}
	.banner-block {
		margin-top: -10px
	}
}

#bluebox,
.even p,
.odd p {
	font-family: Paralucent
}

@media (max-width:479px) {
	.ourclient-section:after,
	.projects-title:after,
	.signup-rectangle:after {
		border-left-width: 150px;
		border-right-width: 150px
	}
	header {
		text-align: center;
		padding: 10px 0
	}
	.logo {
		margin: 0;
		float: none;
		display: inline-block
	}
	ul.utility_menu li.cart-icon {
		float: right
	}
	ul.utility_menu li a {
		line-height: 35px
	}
	ul.utility_menu {
		width: 100%;
		padding-top: 15px
	}
	.home-slider .ipad-img {
		max-width: inherit;
		width: 100%;
		height: 315px
	}
	.projects-title,
	.signup-rectangle {
		max-width: 300px
	}
	ul.utility_menu li.search-icon {
		width: 35px;
		height: 35px
	}
	ul.utility_menu li.cart-icon a {
		width: 35px;
		height: 35px;
		padding: 7px 5px;
		text-align: center
	}
	ul.utility_menu li.cart-icon a em {
		font-size: 17px;
		line-height: 15px
	}
	ul.utility_menu li.search-icon a {
		line-height: 35px
	}
	.search-box {
		top: 225px !important
	}
	.search-box input[type=submit] {
		width: 25%;
		padding: 10px 5px
	}
	.search-box input[type=text] {
		width: 75%
	}
	.service-view {
		padding: 15px 0
	}
	.service-view ul li.medium-4,
	.service-view ul li.medium-6,
	ul.team_list li.tabs-title {
		width: 50%
	}
	.service-view ul li {
		margin-bottom: 20px
	}
	.service-view ul li:nth-child(5n+5) {
		width: 100%
	}
	.contentinfo h6,
	.projects-title h4.hb-title,
	.projects-title h4.hb-title span {
		font-size: 18px
	}
	.projects-title {
		padding: 12px 8px 0
	}
	.service_list figure h6 {
		font-size: 12px;
		line-height: 32px
	}
	.service_list figure h6:after {
		height: 32px;
		border-bottom-width: 32px
	}
	.ourclient-section:after {
		width: 300px
	}
	.banner-caption {
		width: auto;
		height: auto;
		border-width: 10px
	}
	.team-title {
		padding: 20px 0 10px
	}
	.form_box {
		padding: 28px
	}
	.form_box h6 {
		font-size: 14px;
		margin-bottom: 8px
	}
	.form_box h6.margin-t30 {
		margin-top: 12px
	}
	.form_box form .text_field {
		height: 36px;
		line-height: 20px;
		padding: 8px 12px;
		margin-bottom: 12px
	}
	.form_box form .select_field {
		height: 36px;
		background-size: 36px;
		margin-bottom: 12px
	}
	.form_box form textarea.text_field {
		height: 105px
	}
	.gallery_tabs li {
		width: 130px;
		padding: 6px 15px
	}
	.gallery-content {
		top: 185px
	}
	.app-container .content-container .side-body.padding-top {
		padding-top: 116px
	}
	.gallery-title.projects-title p.hideshow {
		bottom: -40px;
		left: 35%
	}
	.banner-block {
		padding: 0 25px 37px 35px;
		margin-top: 0
	}
	h1.banner-title {
		margin-bottom: -18px;
		margin-top: 0
	}
}

@media (max-width:413px) {
	.gallery-title.projects-title p {
		display: none
	}
	.gallery-content .tabs-content {
		max-width: 340px
	}
	.gallery-box {
		max-width: 150px
	}
	.gallery-content .tab-content.active .gallery-box {
		max-width: 250px
	}
	.gallery-content {
		top: 135px
	}
}

@media (max-width:374px) {
	.service_list figure h6 {
		font-size: 11px;
		padding: 0 0 0 10px
	}
	.form_box {
		padding: 22px 18px
	}
	.contentinfo .small-6.column {
		width: 100%;
		text-align: center
	}
	.contentinfo p.address {
		margin: 0 auto 20px
	}
	.gtab-title h3 {
		font-size: 10px
	}
	.gallery-content .tab-content {
		top: 12px
	}
	.gallery-content .tabs-content {
		max-width: 300px
	}
	.gallery-box {
		max-width: 175px
	}
	.gallery-content .tab-content.active .gallery-box {
		max-width: 200px
	}
}

.breaker {
	border-style: solid;
	border-width: thick;
	color: #4679bc;
	position: relative
}

.planning-layer {
	border-left-style: solid;
	border-left-color: #4679bc;
	border-left-width: thick;
	width: 42.5%;
	float: right;
	min-height: 485px;
	background: rgba(55, 55, 55, .92);
	position: relative
}

.headingMain,
.planning-layer:before {
	background: #4679bc
}

.planning-layer-inverted {
	float: left;
	border-left: none
}

#hiddenbox {
	display: none;
	float: left;
	padding-bottom: 3%;
	margin: auto
}

.headingMain {
	padding: 35px 0;
	margin: 0;
	color: #fff
}

#nothiddenbox {
	float: left;
	padding-bottom: 3%;
	margin: auto
}

#podium3 {
	border: 2px solid #4679bc;
	border-radius: 10px;
	margin: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 440px;
	background-color: #fff
}

#podium2 {
	border: 2px solid #4679bc;
	border-radius: 10px;
	margin: 72px 10px 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 378px;
	background-color: #fff
}

#podium1,
#podium4 {
	border: 2px solid #4679bc;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #fff
}

#podium4 {
	border-radius: 10px;
	margin: 133px 10px 10px;
	height: 316px
}

#podium1 {
	border-radius: 10px;
	margin: 195px 10px 10px;
	height: 253px
}

#podium5 {
	border: 2px solid #4679bc;
	border-radius: 10px;
	margin: 258px 10px 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 190px;
	background-color: #fff
}

.even,
.odd {
	border-radius: 20px;
	margin-top: -20px;
	position: relative;
	z-index: 0
}

#bluebox {
	background-color: #c9d9e9;
	font-size: 32px;
	color: #0b4f9a;
	padding: 15px
}

#BenefitsText {
	display: inline-block;
	width: 89%;
	vertical-align: middle;
	line-height: 120%;
	margin-left: 15px
}

.odd {
	background-color: #a0cfed;
	padding-top: 5px;
	padding-bottom: 10px
}

.even {
	background-color: #ef8c53;
	padding: 30px
}

.even p {
	color: #fff;
	font-size: 20px
}

.odd h2 {
	background-color: #0b4f9a;
	width: 50%;
	border-radius: 0 15px 15px 0;
	margin-top: 10px;
	color: #fff;
	padding-left: 20px
}

.odd p {
	margin: 15px;
	color: #2b2b2b
}

.arrow-down,
.arrow-downeven {
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	margin: auto;
	position: relative;
	z-index: 1
}

.arrow-down {
	border-top: 40px solid #a0cfed
}

.arrow-downeven {
	border-top: 40px solid #ef8c53
}

.modelmobile {
	display: none
}

@media only screen and (max-width:1023px) {
	#hiddenbox {
		display: block
	}
	#nothiddenbox,
	.modelsections {
		display: none
	}
	.podium1 {
		height: auto
	}
	#podium1,
	#podium2,
	#podium3,
	#podium4,
	#podium5 {
		margin: 10px;
		height: auto
	}
	.modelmobile {
		display: block
	}
}

.blog-list:last-child {
	border-bottom: none
}