/*
Theme Name: Ритуальная служба
Theme URI: http://new-level.by/portfolio/ritual
Author: New-level
Author URI: http://www.new-level.by/
Description: Тема для ритуальных услуг.
Version: 1.0
License: New-level inc

Text Domain: ritual

Тема для ритуальных услуг.
*/

@import url('./css/typography.css');
@import url('./css/reset.css');
	@font-face {
    font-family: 'candararegular';
    src: url('./font/candara-webfont.eot');
    src: url('./font/candara-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/candara-webfont.woff') format('woff'),
         url('./font/candara-webfont.ttf') format('truetype'),
         url('./font/candara-webfont.svg#candararegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	@font-face {
	    font-family: 'candarabold';
	    src: url('./font/candarab-webfont.eot'),
	         url('./font/candarab-webfont.woff') format('woff'),
	         url('./font/candarab-webfont.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'candaraitalic';
	    src: url('./font/candarai-webfont.eot'),
	         url('./font/candarai-webfont.woff') format('woff'),
	         url('./font/candarai-webfont.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'candarabold_italic';
	    src: url('./font/candaraz-webfont.eot'),
	         url('./font/candaraz-webfont.woff') format('woff'),
	         url('./font/candaraz-webfont.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}

/* BODY */

html {
        min-height: 100%;
        height: 100%;
}
body {
	font-family: 'candararegular';
	font-size: 14px;
	background: url(./img/bg.jpg);
        min-height: 100%;
        position: relative;
}
p, p span {font-family: 'candararegular';}
strong {font-family: 'candarabold';}
	.wpapper {

	}
		.header-wrapper,
		.footer-wrapper {
			background: white;
		}
            .content-wrapper {
            	padding-bottom: 170px;
            }
			.header,
			.menu,
			.content,
			.footer {
				width: 976px;
				margin: 0 auto;
			}
			.header {
				height: 170px;
				background: url(./img/head-bg.jpg) no-repeat right white;
				color: #52282d;
			}
				.header div {
					float: left;
				}
					.head-tab,
					.head-tab-2,
					.head-tab-3 {
						color: #860d1c;
					}
					.head-tab-2 {
						margin-left: 75px;
						margin-top: 11px;
						padding: 18px 20px;
						text-align: center;
						width: 177px;
					}
						.head-tab-2 li:nth-child(4) {
							font-size: 32px;
                                                        font-family: 'candarabold';
						}
						.head-tab-2 li:nth-child(4) img {
							vertical-align: middle;
						}
						/*.head-tab-3 li:nth-child(3),
						.head-tab-3 li:nth-child(4) {
							text-align: right;
						}*/
					.head-tab-3 {
						margin-left: 39px;
						margin-top: 11px;
						padding: 20px;
					}
		.menu-wrapper {
	        background-color: #faf2ef;
	        -webkit-box-shadow: 0 2px 5px #300404, inset 0 -3px #510808;
	        -moz-box-shadow: 0 2px 5px #300404, inset 0 -3px #510808;
	        box-shadow: 0 2px 5px #300404, inset 0 -3px #510808;
	        background-image: -webkit-linear-gradient(bottom, #5f0712, #860d1c);
	        background-image: -moz-linear-gradient(bottom, #5f0712, #860d1c);
	        background-image: -o-linear-gradient(bottom, #5f0712, #860d1c);
	        background-image: linear-gradient(to top, #5f0712, #860d1c);
                height: 48px;
		}

			/* MENU */

			.menu {

			}
				.menu li {
					float: left;
				}


			/* CONTENT */

			.content {
				background: white;
				border-radius: 5px;
				box-shadow: 0 0 10px rgb(26, 0, 0);
				margin-top: 22px;
				margin-bottom: 32px; 
				padding: 17px;
				box-sizing: border-box;
			}
				#content {
					float: right;
					width: 705px;
					margin-left: 17px;
					color: #52282d;
				}
					.slider-wrapper {
						width: 100%;
						height: 342px;
						background: url(./img/bg.jpg);
						border-radius: 5px;
						box-shadow: inset 0 0 6px rgb(19, 0, 0);
						padding: 10px;
						overflow: hidden;
						box-sizing: border-box;
						margin-bottom: 20px;
					}
						.slider {
							border-radius: 5px;
							overflow: hidden;
						}
					.article > img {
						float: left;
						border-radius: 5px;
						margin: 0 17px 14px 0;
					}
			.sidebar {
				width: 220px;
				float: left;
			}
				.sidebar
				.tab {
					border-radius: 5px;
					padding: 17px 25px;
					margin-bottom: 17px;
					color: white;
				}
					.tab ul li {
						list-style: circle;
						list-style-position: outside;
						margin: 6px 0px 6px 17px;
                                                line-height: 15px;
					}
					.tab > li {
						list-style: none;
					}
				#cart {
					background: url(./img/cart-bg.png) #860d1c no-repeat center;
					height: 110px;
				}
				#servis {
					background: url(./img/servis-bg.png) #860d1c no-repeat center;
					height: 219px;
				}
				#goods {
					background: url(./img/goods-bg.png) #860d1c no-repeat center;
					height: 272px;
				}

			/* CATALOG */
			.card-wr fieldset {
				padding: 0 13px;
			}
			.current {
				color: #860d1c !important; 
			}
			.catalog .widgettitle {
				display: none;
			}
			.bread li {
				float: left;
			}
			.bread li::after {
				background: url(./img/arrow.png) no-repeat center;
				content: '';
				display: inline-block;
				width: 17px;
				height: 10px;
			}
			.bread li:last-child::after {
				display: none;
			}
				.bread li a,
				.bread a,
				.wpsc-breadcrumbs a{
					color: #4f382d;
					font-size: 13px;
				}	
			.catalog .article h1 {
				margin: 5px 0px 0px 0px;
				font-size: 21px;
				font-weight: normal;
			}
			#catalog {
				padding: 20px 0;
			}
			.card {
				width: 220px;
				border: 1px solid rgb(185, 185, 185);
				/*overflow: hidden;*/
				border-radius: 5px;
				/*float: left;*/
				display: inline-block;
				vertical-align: top;
				margin-right: 16px;
				margin-bottom: 16px;
			}
				.card-wr {
					padding: 15px 0;
				}
					.card-wr li {
						background: #f2e9ea;
						margin: 4px 0;
						padding: 2px 14px;
						font-size: 12px;
					}
						.card-wr li span,
						.card-wr li strong {
							float: right;
							margin-right: 40px;
						}
			.card:nth-child(3n+3) {
				margin-right: 0;
			}
			.wpsc_default_product_list {
				/*-moz-column-width: 220px;
				-webkit-column-width: 220px;
                                column-width: 220px;*/
			}
			.wpsc_category_details {
				padding: 15px 0;
			}
			.card:nth-child(3n+4) {
				clear: both;
			}
			.img-wr {
				text-align: center;
				border-bottom: 1px solid rgb(185, 185, 185);
			}
				.img-wr img {
					padding: 15px;
					height: 150px;
				}
				.img-wr a::after {
					transition: ease-in-out .3s;
					background: url(./img/zoom.png) no-repeat center rgba(0, 0, 0, 0.23);
					opacity: 0;
					width: 100%;
					height: 100%;
					display: block;
					content: '';
					position: absolute;
					top: 0px;
				}
				.img-wr a:hover::after {
					transition: ease-in-out .3s;
					opacity: 1;
				}
				.img-wr a {
					display: block;
					position: relative;
				}

			/* CONTACTS */
			
			.table-1 input {
				border: 1px solid rgb(100, 72, 72) !important;
				border-radius: 3px !important;
				font-size: 13px !important;
				margin-bottom: 15px !important;
			}
			.table-1 textarea {
				border: 1px solid rgb(100, 72, 72) !important;
				border-radius: 3px !important;
				font-size: 13px !important;
				margin-bottom: 15px !important;
				height: 140px;
				width: 280px;
			}
			#checkout_page_container .wpsc_make_purchase {
				bottom: 20px;
				float: left !important;
				position: relative;
				
			}
			#checkout_page_container .make_purchase {
				cursor: pointer;
				display: inline-block;
				padding: 3px 15px;
				margin-top: 20px !important;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 4px;
				background-color: #ffe9ec;
				border: solid 2px #860d1c;
				color: #860d1c;
				text-transform: uppercase;
				font-size: 8px;
				font-family: 'candararegular';
				margin-left: 176px !important;
			}
			.wpsc_checkout_table tr td:first-child {
				width: 175px !important;
			}
			.map {
				margin: 15px 0;
			}
				.docs img {
					width: 200px;
					height: auto;
					margin: 20px 20px 20px 0;
					transition: ease-in-out .3s;
				}
				.docs img:hover {
					transform: scale(2.3);
					z-index: 1000;
					position: relative;
					transition: ease-in-out .3s;
					box-shadow: 0 0 4px black;
				}
				.alignleft {
					float: left;
					border-radius: 5px;
					margin-right: 10px;
				}
				.alignright {
					float: right;
					border-radius: 5px;
					margin-left: 10px;
				}
			/* CART */
			.shopping-cart-wrapper {
				line-height: 1.2em;
				position: relative;
				height: 74px;
				overflow: hidden;
			}
			.cart-content {
				height: 1000px;
			}
			.cart-table {
				width: 100%;
			}
			.cart-table td {
				background: #eeeeee;
				padding: 4px 0;
			}
			.cart-table tr {
				border-bottom: 4px solid white; 
			}
			.cart-table tr th:first-child,
			.cart-table tr td:first-child {
				padding-left: 10px;
			}
			.cart-table tr td:last-child,
			.cart-table tr th:last-child {
				text-align: right
			}
			.cart-table span,
			.cart-table a {
				color: #860d1c !important;
			}
			.del {
				background: url(./img/del.png) no-repeat center;
				width: 17px;
				height: 17px;
				display: inline-block;
				transition: ease-in-out .3s;
				vertical-align: middle;
				cursor: pointer;
				margin-right: 5px !important;
				border: none;
			}
			.del:hover {
				background: url(./img/del-hover.png) no-repeat center;
				transition: esas-in-out .3s;
			}
			#content #checkout_page_container table.checkout_cart tr.product_row td.wpsc_product_name {
				/* width: 200px; */
				padding-left: 0px !important;
			}	
			#content #checkout_page_container table.checkout_cart tr.product_row td, #content #checkout_page_container table.checkout_cart tr.product_row {
				padding: 4px 0px 1px 0px !important;
			}
			#checkout_page_container h3 {
font-size: 18px;				
margin: 16px 0;
			}
			#cart-page .wpsc_checkout_forms {
				margin-top: 50px;
			}
		/* FOOTER */

		.footer-wrapper {
			background: url(./img/footer-bg.jpg) white no-repeat center;
			position: absolute;
			width: 100%;
			bottom:0px;
		}	
			.footer {
				height: 145px;
			}
				.footer-tab-1 {
					margin-top: 105px;
					margin-left: 78px;
				}
				.footer-tab-2 {
					margin-left: 66px;
					margin-top: 14px;
				}
				.footer-tab-3 {
					margin: 10px 0 0 0;
				}
					.footer-tab-2 ul {
						float: left;
					}
					.footer-tab-2 ul:first-child {
						width: 90px;
					}
                    .footer-tab-2 ul:nth-child(2) {
						width: 230px;
					}
                    .footer-tab-2 ul:nth-child(3) {
						width: 100px;
					}
					.footer-tab-3 li:last-child,
					.head-tab-3 li:nth-child(3) {
						font-size: 13px;
						line-height: 11px;
						text-align: right;
					}
					.head-tab-3 li:nth-child(4){
						text-align: right;
					}
					.head-tab-3 li:first-child img {
						margin-right: 11px;
					}
                    .footer-tab-2 li {
						list-style-type: circle;
						line-height: 23px;
						
					}
					.footer-tab-3 img,
					.head-tab-3 img {
						margin-right: 5px;
					}
				.footer-tab-1,
				.footer-tab-2,
				.footer-tab-3 {
					float: left;
				}
				.footer-tab-4 {
					float: right;
				}
				.wpsc-breadcrumbs a:last-child,
				.copy a {
					color: #860d1c;
				}
				.copy {
					position: relative;
					bottom: -30px;
					width: 507px;
                                        left: 198px;
                                        height: 14px; 
				}
				.pop-wrap {
					background: rgba(0, 0, 0, 0.56);
					width: 100%;
					height: 100%;
					position: absolute;
					z-index: 5000;
				}
				.pop-up {
					padding: 20px 50px;
					background: white;
					width: 262px;
					border-radius: 5px;
					margin: 0 auto;
					position: relative;
					top: 19%;
				}
				.close {
					cursor: pointer;
					float: right;
					position: relative;
					left: 35px;
					top: -5px;
				}
				.pop-up input{
					border: 1px solid rgba(114, 12, 12, 0.5);
					border-radius: 3px;
					width: 100%;
					padding: 3px 0;
				}
				.pop-up p {
					color: #860d1c;
					font-family: 'candarabold';
				}
				.ob {
					font-family: 'candaraitalic' !important;
				}
				.pop-up .add {
					margin-left: 0px;
				}
				.pop-up h2 {
					text-align: center;
					color: #860d1c;
				}
				.tip {
					text-align: center;
					color:red !important;
				}
				.sended {
					color: green !important;
					text-align: center
				}
				.pop-wrap {
					display: none;
				}
				.menu li a {
					font-family: 'PT Serif', serif;
					padding: 0 15px;
				}
				.menu li:first-child a {
					border: none;
					padding-left: 5px;
				}
                                .tab h2 {
                                        line-height: 18px;
                                }
		.offers li {
				list-style: none;  
				width: 157px;
				height: 157px;
				border: 2px solid #52282d;
				border-radius: 10px;
				margin-right: 18px;
				margin-top: 18px;
				float: left;
				text-align: center;
				color: #52282d;
				font-family: 'candarabold';
			}
			.offers a {
				font-size: 17px;
				text-transform: uppercase;
				color: #52282d;
				transition: ease-in-out .3s;
				display: block;
				line-height: 14px;
			}
			.offers li img {
				margin-top: 17px;
			}
			.margin-none {
				margin-right: 0px !important;
			}
#pages-2 ul {position: relative;}
#pages-2 ul li {position: absolute;}
#pages-2 ul li:first-child {top: 19px;}
#pages-2 ul li:nth-child(4) {top: 0px;}
#pages-2 ul li:nth-child(2) {top: 72px;}
#pages-2 ul li:nth-child(3) {top: 90px;}
#pages-2 ul li:nth-child(6) {top: 109px;}
#pages-2 ul li:nth-child(5) {top: 129px;}
#pages-2 ul li:nth-child(7) {top: 149px;}
#pages-2 ul li:nth-child(8) {top: 53px;}
#pages-2 ul li:last-child {top: 167px;}
.footer-tab-3 li span, .head-tab-3 li span {
font-weight: bold;
font-size: 18px;
}
.head-tab-3 li:first-child img {
margin-right: 5px;
}