.homepage-categories {background-color:#dfd5af;}

.columns {
	font-size: 0;
	line-height: 0;
	letter-spacing: -5px;
	position: relative;
}
.info-content .center * {
	text-align: center!important;
}
.info-content .center {
	max-width: 800px;
	margin: 0 auto;
}

.columns.services:before {
	background: #828282;
}

.columns.services.gold:before {
	background: #dfd5af;
}
.columns.services.gold {padding:12px 0;}
.columns.services.gold h2 {font-size:16px;margin-bottom:5px;line-height:22px;}

.columns .col {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 0;
	color: #fff;
	text-align: center;
}
.columns .col-25 {
	display: inline-block;
	vertical-align: top;
	width: 23%;
    margin:0 1%;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 0;
	color: #fff;
	text-align: center;
}

.columns .col:nth-child(2n) .content-holder {
	background: #903;
}

.columns h2 {
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
	margin: 0 0 13px;
}

.columns .content-holder {
	background: #7e002a;
	padding: 15px 15px 10px;
}

.columns .content-holder.gold {
	background: #bcaa75;
	padding: 15px 15px 10px;
}

.columns p {
	margin: 0 0 8px;
}

.infos:before {
	background: #fff;
}

.infos h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	border-bottom: 1px solid #dedede;
	padding: 0 0 8px;
	margin: 0 0 19px;
	text-align: center;
}

.infos h4 {
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 18px;
	font-style: normal;
	color: #2e2e2e;
}

.infos img {
	float: left;
	margin: 4px 26px 0 2px;
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, .24);
}

.infos p {
	margin: 0 0 18px;
}

.infos .content-holder {
	background: none;
	padding: 0;
	overflow: hidden;
	color: #655522;
	font-style: italic;
	font-size: 14px;
	line-height: 21px;
}

.infos .col {
	width: 50%;
	color: #292929;
	padding: 32px 32px 23px;
	text-align: left;
	box-shadow: inset 0 0 87px 0 rgba(0, 0, 0, .28);
}

.infos .col:first-child {
	background: #fbcc34;
	box-shadow: inset 0 0 73px 0 rgba(0, 0, 0, .28);
}

.infos .col:first-child h3 {
	border-color: #dbb12e;
}

.infos .link {
	color: #903;
	font-style: normal;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	float: right;
	padding: 0 12px 0 0;
}

.infos .link:after {
	border-color: transparent transparent transparent #903;
	border-width: 6px 0 6px 6px;
	top: 9px;
}

.infos blockquote {
	margin: 0;
	padding: 4px 0 29px;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 1px;
}

.infos q {
	display: block;
	margin: 0 0 6px;
}

.infos cite {
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	line-height: 20px;
	color: #292929;
	position: relative;
}

.infos cite:before {
	content: "~";
	margin: 0 3px 0 3px;
	font-size: 21px;
	display: inline-block;
	vertical-align: middle;
}

     .main-product-container {}
     .main-product-container h1 {font-size:20px;}
     .main-product-container p {font-size:16px; line-height:24px; margin:0 auto 15px;}
    .main-product-image {width:100%; margin-bottom:10px;}
    .main-product-image img {width:100%; max-width:550px; margin: 0 auto; display:block;border:1px solid #ccc; background-color:#fff;}
    .main-product-content {width:100%; text-align:center;}
    .additional-images {margin: 0 auto 20px; }
    .additional-images ul {list-style:none; margin:0 auto; padding:0; display:block; text-align:center;width:100%; max-width:400px;}
    .additional-images ul li {display:inline-block; *display:inline; *zoom:1; width:18%; margin: 0 1% 10px;background-color:#fff;}
    .additional-images ul li img {width:100%; border:1px solid #ccc; opacity:0.7;}
    .additional-images ul li img:hover, .active img {opacity:1!important; border:1px solid #707070!important;}



    .pricing-img {width:25%; margin-right:2%;display:block; float:left;}


    .reviews-list {margin-top:40px;}
    .review-item {margin-bottom:40px;}
    .review-item img {width:170px; border-radius:100%; float:left;}
    .review-item div {float:right; width:calc(100% - 220px); padding-top:20px;}
    .review-item div p.name {margin-top:-10px;}


    #accordion {}
    #accordion h3 {margin-bottom:6px; cursor:pointer; outline:0; border-top:1px solid #c2c2c2; padding-top:6px; }
    #accordion h3:first-of-type {border-top:0; padding-top:0;}
    #accordion h3:hover, #accordion h3.ui-state-active {color:#c30032;}
    #accordion div {margin-bottom:10px;}


    .videos-grid {}
    .videos-grid div {float:left; width:31.3333%; margin-right:2%; margin-bottom:15px;}
    .videos-grid div:nth-of-type(3n+4) {clear:both;}
    .videos-grid div span {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0; display:block; width:100%;}
    .videos-grid div span iframe {position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}


.list {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	margin: 0 0 25px;
}

.list span {
	display: inline-block;
	vertical-align: top;
	max-width: 460px;
}

.list ul {
	display: inline-block;
	vertical-align: top;
	max-width: 496px;
}

.list li {
	display: inline-block;
	vertical-align: top;
	margin: 0 9px 5px;
	color: #fbcc34;
}

.list li:last-child {
	margin-right: 0;
}

.list a {
	color: #fbcc34;
}

.list a:hover {
	color: #fff;
}






.paging {font-size:16px; margin: 10px 0 40px!important;}
.paging a {padding:5px 10px; border:1px solid #ccc; margin-left:4px;}
.paging a.active {background-color:#903; color:#fff; border:1px solid #903;}
.paging a:hover { border:1px solid #903;}

.contact-info {
	background: #903;
	padding: 22px;
	color: #fff;
	text-align: center;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: -1px;
}

.contact-info a {
	color: #fbcc34;
}

.contact-info a:hover {
	opacity: .8;
}


 .content-list {margin:20px 0 20px 0; padding:0; list-style:none;}
    .content-list li {border-bottom:1px solid #ccc; padding: 0 0 15px; margin-bottom:15px;}
    .content-list li img {float:left; width:20%; margin-right:2%;}
    .content-list li div {float:left; width:76%;}
    .content-list li h2 {margin-top:5px;}
    .content-list li h2 a {font-size:30px;}





    #footer {
	background: #1d1d1d;
	border-top: 11px solid #fbcc34;
}

.footer-content {
	text-align:center;
	margin-top:20px;
}
.footer-content h2 {
    color:#fff;
    margin-bottom:20px;
}
.footer-content h3 {
	color:#fff;
    margin-bottom:20px;
}
.footer-content p {
    font-size:13px;
	color:#fff;
	line-height:21px;
    margin:0 0 20px;
}

.footer-contact {background:transparent;text-align:center;color:#fff;font-weight:bold;padding:20px 0 10px;}
.footer-contact a {display:inline-block; *display:inline; *zoom:1; width:300px;padding:12px 0;margin:0 5px;text-align:center;color:#fff!important;font-weight:bold;background-color:#731b35;}
.footer-contact a:hover {background-color:#5B1328;}
#footer .container {
	padding: 10px 20px 0px;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
}

#footer .logo {
	float: left;
	width: 32%;
	text-align: center;
	padding: 0 0 0 20px;
}
#footer .logo.gold {
		float: none;
		width: 100%;
		margin: 0 0 30px;
}



    .address {
	float: left;
	width: 33%;
	color: #8c8c8c;
	font-style: normal;
	padding: 1px 0 0;
	line-height: 21px;
}

.address.gold {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 0 20px;
    color:#fff;
}
.address.gold a {color:#fff!important;}

.address.gold strong {
    display: inherit;
}

.address strong {
	display: block;
	color: #fff;
	font-weight: normal;
}

.address a {
	color: #8c8c8c;
}

.copyright {
	float: right;
	text-align: right;
	width: 35%;
	color: #8c8c8c;
	line-height: 21px;
}

.copyright a {
	color: #8c8c8c;
}

.copyright a:hover {
	color: #fff;
}


@media only screen and (min-width: 1025px) {
	a[href^=tel],
	a[href^=skype],
	a[href^=sms] {
		cursor: default;
		pointer-events: none;
	}
}

@media (max-width: 1023px) {


    .nav-container-left, .nav-container-right {display:none!important;}

 .search-form input {height:78px;}
 .search-form .close {top:24px;}
 .search-form.opened {height:78px;}
 .search-form.opened #form_search {height:78px;}


 #nav li.search {margin-left:10px;}
 #nav a.open {display:block; padding:0; width:20px; height:19px; text-indent:-9999px; background:transparent url('../images/icon-search.png') no-repeat center top;}




	.link {
		font-size: 13px;
		line-height: 16px;
		padding: 0 14px 0 0;
	}

	.link:after {
		border-width: 5px 0 5px 5px;
		top: 3px;
		margin: -1px 0 0;
	}

	#header .container {
		padding: 15px 20px;
	}

	#nav > .drop > ul {
		font-size: 11px;
	}

    .contact-tab {margin-left:5px!important; margin-right:12px!important;}


	.columns h2 {
		font-size: 21px;
		line-height: 30px;
	}

	.infos h3 {
		font-size: 20px;
	}

	.infos h4 {
		font-size: 18px;
		margin: 0 0 10px;
	}

	.infos img {
		max-width: 100px;
	}

	.infos .content-holder {
		font-size: 12px;
		line-height: 20px;
	}

	.infos .col {
		padding: 25px 25px 15px;
	}

	.infos .link {
		font-size: 12px;
	}

	.infos .link:after {
		top: 2px;
	}

	.infos blockquote {
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0;
	}

	.infos cite {
		font-size: 12px;
		line-height: 18px;
	}

	.list {
		text-align: center;
	}

	.list span {
		margin: 0 0 10px;
		max-width: 1024px;
	}

	.list ul {
		max-width: 1024px;
	}

	.list li:last-child {
		margin-right: 16px;
	}

	.categories {
		padding: 30px 20px;
	}

	.categories h1 {
		font-size: 26px;
		line-height: 30px;
	}

	.product-links {
		padding: 10px 0 0;
		font-size: 11px;
	}

	.product-block {
		padding: 23px;
	}

	.info-content h1 {
		font-size: 26px;
	}

	.product-details .title-holder {
		padding: 0 0 10px;
		margin: 0 0 25px;
	}

	.product-details h2 {
		font-size: 20px;
	}

	.product-lists .content-holder {
		padding: 0;
	}

	.contact-info {
		font-size: 20px;
		line-height: 24px;
	}





}

@media (max-width: 930px) {

    .logo img {width:150px;}
    #nav {margin-top:15px;}

    #nav > .drop > ul > li {margin-left:5px;}
#nav li a {padding-left:5px;padding-right:5px;}

#nav ul ul {left:-9px;}
#nav ul li.twitter-link {margin-left:15px;}

.nav-longer {display:none;}

.contact-tab a {padding-left:12px!important;padding-right:12px!important;}


.categories {
		padding: 30px 20px;
		text-align: center;
        background-image:none;
	}

	.categories h1 {
		font-size: 20px;
		position: relative;
		text-align: left;
		float: none;
        max-width:100%;
	}

	.categories h1 a {
		background: #fbcc34;
		color: #1d1d1d;
		padding: 5px 35px 5px 15px;
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 100%;
		max-width: 100%;
		position: relative;
	}

	.categories-active .product-links {
		display: block;
	}

	.product-links {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		margin: 0;
		border: 1px solid #c2c2c2;
		max-width: 100%;
		padding: 20px 15px;
	}

	.product-links li {
		float: none;
		display: block;
		margin: 0;
		text-align: center;
	}

	.product-links li + li {
		padding-top: 15px;
	}

	.links li {
		margin: 0 0 10px;
	}

    .categories h1 a:after {
		content: "";
		position: absolute;
		height: 9px;
		width: 9px;
		top: 50%;
		right: 13px;
		margin: -7px 0 0;
		border: solid #2e2e2e;
		border-width: 2px 0 0 2px;
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}


}




@media (max-width: 850px) {

  .content-list li img {float:none; width:50%; margin-right:0; margin-bottom:15px;}
   .content-list li div {float:none; width:100%;}

    .pricing-img {width:31.333333%; margin-right:2%;}


}
@media (max-width: 767px) {
    #nav {margin-top:4px;}
	#header .container {
		position: relative;
	}

	#header .twitter {
		margin: 0 0 7px;
		line-height: 1px;
		font-size: 24px;
	}

	#nav > .drop > ul > li {
		margin: 0 0 10px;
		display: block;
		float: none;
	}

	#nav a {
		display: block;
        padding:5px 0;
        font-size:13px;
	}

	#nav ul li {
		margin: 0 0 10px;
        margin-left:0!important;
	}


	#nav ul ul {
		position: static;
		width: 100%;
		background: none;
		padding: 10px 0 10px 20px;
		text-transform: none;
		font-size: 12px;
        display:block!important;
	}

    #nav ul ul li:last-of-type {margin-bottom:0;}

	#nav ul ul a {
		padding: 0;
	}


 .contact-tab {
    margin-left: 0px!important;
    margin-right: 0px!important;
}


	.opener {
		display: block;
	}

	.drop {
		overflow: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 999;
		float: none;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .25s linear;
		transition: opacity .25s linear;
		height: 0;
		background: #000;
		padding: 20px;

	}

	.nav-active .drop {
		opacity: 1;
		visibility: visible;
		height: auto;

	}

    .contact-tab {margin-right:0!important; margin-bottom:15px!important;}
    .contact-tab a {padding:5px!important; background-color:transparent;}
    .contact-tab a:hover {background-color:transparent;}
    #nav .twitter {margin-left:5px;}


    .search-form {display:none;}
    #nav li.search {display:none!important;}

    #nav ul li.pricing-link {display:none;}
    #nav ul li.mobile-pricing {display:block;}

    .mobile-search {display:block!important;}
    #form_mobile_search input[type="text"] {padding:8px; font-size:16px; width:80%;}
    #form_mobile_search input[type="submit"] {padding:9px; font-size:16px; width:18%; float:right;}


    .row-slider {
        padding:0 0 20px;
    }

    .slider-main {
        float:none;
        width:100%;
        margin-bottom:20px;
    }

	.cycle-gallery .slide {

	}
.cycle-gallery .content-holder, .slider-main .content-holder {position:relative; background-color:#1d1d1d; padding:8px 0;}

	.cycle-gallery .content-holder .container, .slider-main .content-holder .container {

		text-align: center;
		padding: 10px;
	}

	.cycle-gallery .content-holder h1, .slider-main .content-holder h1 {

		float: none;
		margin: 0;
	}

	.cycle-gallery .content-holder .holder, .slider-main .content-holder .holder {
		padding: 5px 0 0;
	}
    .cycle-gallery .content-holder p, .slider-main .content-holder p {margin-top:0;}

	.columns.services img {
		width: 100%;
		height: auto;
	}

	.columns .col {
		width: 100%;
		margin: 0 0 10px;
	}

    .columns .col-25 {
		width: 48%;
		margin: 0 1% 10px;
	}

	.infos {
		padding: 10px 0 0;
	}

	.infos .col {
		width: 100%;
		padding: 15px 15px 10px;
	}



    .row-slider .slider-categories {
        float:none;
        width:100%;
    }

    .row-slider .slider-categories .col-50 {
        width:49%;
        margin-right:2%;
        margin-bottom:12px;
    }

    .videos-grid div {width:48%; margin-right:2%; margin-bottom:15px;}
    .videos-grid div:nth-of-type(3n+4) {clear:none;}
    .videos-grid div:nth-of-type(2n+3) {clear:both;}

	#footer .logo {
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}

	.list li {
		margin: 0 10px 5px;
	}

	.address {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}


	.copyright {
		float: none;
		width: 100%;
		text-align: center;
	}



	.product-block {
		padding: 15px;
	}

	.info-content {
		font-size: 12px;
	}

	.info-content h1 {
		font-size: 22px;
		line-height: 30px;
		margin: 0 0 10px;
	}

	.product-details h2 {
		float: none;
	}

	.product-details .links {
		float: left;
		max-width: 767px;
	}

	.product-details .links li {
		margin: 0 21px 5px 0;
	}

	.product-lists {
		margin: 0 -8px -13px;
	}

	.product-lists li {
		width: 50%;
	}
	.product-lists.gold li {
		width: 50%;
	}
	.product-lists img {
		width: 100%;
		height: auto;
	}

	.contact-info {
		font-size: 16px;
	}

    .footer-contact a {width:200px;}

}


@media (max-width: 479px) {

    #form_mobile_search input[type="text"] {width:70%;}
    #form_mobile_search input[type="submit"] {width:28%;}

    .form-block input.text-field, .form-block textarea.text-area {width:100%;}
    .content-list li img {width:100%;}

    .pricing-img {width:49%; margin-right:2%;}
   .info-content .pricing-img:nth-of-type(2) {margin-right:0;}


    .review-item img {display:block;float:none; margin:0 auto 15px;}
    .review-item div {float:none; width:100%; text-align:center;}

    .videos-grid div {float:none;width:100%; margin-right:0;}
    .videos-grid div:nth-of-type(2n+3) {clear:none;}

    .footer-contact a {width:100%; display:block; margin-bottom:5px; margin: 0 0 5px;}
}
