/*
Theme Name: Papia Cpeople
Theme URI: http://cpeople.ru/
Description: Papia Cpeople
Version: 1.0
*/



* {
	margin:0;
	padding:0;
	}


/* Begin Settings and Classes */
a {
	text-decoration:none;
	color:#EEB6D7;
	}

a:hover {
	color:#343434;
	}

h1 a, h2 a, h3 a, #sitename {
	color:#343434;
	}

h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover {
	text-decoration:none;
	color:#000;
	}

p {
	margin:20px 0;	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-weight: 700;
	color:#c41c6f;
	}

h1, h2 {
	font-size:6vw;
	line-height:6.5vw;
	margin-bottom:14px;
	}

.entry h2 {
		font-size:5vw;
		margin-top:30px;
	}
.entry h4 {
	font-size: 3vw;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
	}
h3 {
	font-size:4vw;
	line-height:20px;
	margin-top:30px;
	}

h4, h5, h6 {
	margin-top:30px;
}

.pagetitle {
	font:normal 1em/10px inherit;
	text-transform:uppercase;
	margin-bottom:20px;
	display:block;
	margin-top:-30px;
	}

small {
	font-size:2vw;
	color:#b6b6b6;
	line-height:10px;
	}

.caps {
	text-transform:uppercase;
	margin-bottom:6px;
	display:block;
}

code {
	font: 1.1em "Courier New", Courier, Fixed;
	}

pre {
	font: 1.1em "Courier New", Courier, Fixed;
	margin:1.5em;
	padding:10px;
	background:#fafafa;
	border:1px solid #eee;
	}

acronym, abbr {
	font-size: 1.5vw;
	letter-spacing: .1vw;
	}

hr {
	clear:both;
	width:80%;
	height:1px;
	border:none 0;
	color:#ccc;
	background-color:#ccc;
	margin:1.5em 0;
	visibility: hidden;
	}

img {
	border:none;
	max-width:100%;
	}

blockquote {
	margin-left:-21px;
	padding-left:21px;
	background:url(/Content/images/quote.gif) no-repeat 0 6px;
	color:#343434;
}

	.entry cite {
		font-style:italic;
		font-size:.9vw;
		display:block;
		margin:5px 0 0;
		text-align:right;
		}

	.entry cite:before {
		content: "\2014 \0020";
		}

.post ul, .post ol, .post dl {
	}

.post ul ul , .post ol ol, .post ul ol, .post ol ul, .post dl dl, .post dl ul, .post dl ol {
	margin:0;
	}

	.post li {
		padding:0 0 5px;
		}


		.post ol li li {
			margin-left:10px;
		}

		.post li li {
			margin:0;
		}

	.post li h3 {
		margin:0;
		}


.post dt {
	font-weight:bold;
	background:url(/Content/images/icons.gif) no-repeat 0 -141px;
	padding-left:10px;
	margin-left:-10px;
}

.post dd {
	padding-left:10px;
	padding-bottom:5px;
}
#post-detail p{
	font-size: 1.2vw !important;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
	}

.alignleft {
	float:left;
	}

.alignright {
	float:right;
	}

.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.center{
	height: auto;
	margin-top: auto;
	margin-bottom: auto;
	position: static;
	}

/* Begin Images */
img.alignleft, .alignleft img {

	}

img.alignright, .alignright img {

	}

.wp-caption, .attachment img {
	text-align: center;
}

.wp-caption p.wp-caption-text {
	font-size: .9vw;
	color:#b6b6b6;
	margin: 0;
}

.attachment, .caption {
	text-align:center;
}
.attachment img {
	}

	.regular {
	color: #c41c6f;
	font-size: 1.4vw;
	position:relative; z-index:999;
	line-height:1.6vw;
	letter-spacing: -0.04em;
	}
		.regular a{
	text-decoration: none;
	color:#c41c6f !important;
	}
.regular > h3 {
	font-size: 1.8vw;
	line-height: 2.2vw;
}
	.regular hr {
	visibility: hidden;
	height: 1px;
	margin-top: -10px;
}

/* End Images / End Settings and Classes */
.full-screen-width {
	}
.full-screen-height {
	}
	.full-height-container-inner{position:relative;}
.full-height-container{overflow:hidden;}

/* Begin Structure */
html {

}
body {
	background-color: #fff ;
	font: 62.5% ;
	font-family: "Open Sans", sans-serif;
	color: #555;
	text-align: center;
	overflow:hidden;
	}
#space{
	width: 100%;
	display: block;
	padding-top: 10vw;
}
#space7{
	width: 100%;
	display: block;
	padding-top: 7vw;
}
#space8{
	width: 100%;
	display: block;
	padding-top: 7.5vw;
}
#space9{
	width: 100%;
	display: block;
	padding-top: 9vw;
}
#space12{
	width: 100%;
	display: block;
	padding-top: 9vw;
}
#push{
	width: 100%;
	display: block;
	padding-top: 5%;
	height: 100%;
}
#down{
	height: auto;
	width: 4%;
	z-index: 500;
	position: fixed;
	bottom: 10px;
	left: 48%;
	right: 48%;
		cursor:pointer;
		z-index:999;
}

.down{
	height: auto;
	width:50px;
	z-index: 999;

	bottom:10px;
	left:50%;
	right:50%;
}

#down2{
	width: 5%;
	height: auto;
	margin-right: 47%;
	margin-left: 47%;
	padding-bottom: 3%;
}


#rightside{
	height: auto;
	width: 30%;
	margin-top: 0px;
	float: right;
	margin-right: 20%;
}
#bgopen {/*open bg*/
	background-repeat: no-repeat!important;
	background-image: url(/Content/images/video2%20bg.jpg)!important;
	display: block;
	background-size: cover;
	position: relative;
	background-position: center center;
	z-index:900;
}

#bgopen #space {padding-top:20%}
#bgpostdetail{background-position:left top; background-size:cover;}
#bgpostdetail1{
	background-repeat: no-repeat!important;
	display: block;
	background-size: cover;
	position: relative;
	background-position: center center;
	z-index: 900;
	background-image: url(/Content/images/bgcatselfdevelopment.jpg);
}
#bgpostdetail2{
	background-repeat: no-repeat!important;
	display: block;
	background-size: cover;
	position: relative;
	background-position: center center;
	z-index: 900;
	background-image: url(/Content/images/bgcathealtlyliving.jpg);
	
}
#bgpostdetail3{
	background-repeat: no-repeat!important;
	display: block;
	background-size: cover;
	position: relative;
	background-position: center center;
	z-index: 900;
	background-image: url(/Content/images/bgcatinterior.jpg);
}
#bgpostdetail4{
	background-repeat: no-repeat!important;
	display: block;
	background-size: cover;
	position: relative;
	background-position: center center;
	z-index: 900;
	background-image: url(/Content/images/bgcatfashion.jpg);
}

#bgmain {/*main bg*/
	background-repeat: no-repeat!important;

	background-image: url(/Content/images/papia-main.jpg)!important;
	background-size: cover;
	background-color: #fff !important;

	display: block;
 position:relative;
 z-index:900;
	}
#bgmendil {/*mendil bg*/
	background-repeat: no-repeat!important;

	background-image: url(/Content/images/mendilbg.jpg)!important;
	background-size: cover;
	background-color: #fff !important;
	display: block;
    position:relative;
    z-index:900;
	}
	#bg3kat {/*3kat bg*/
	background-repeat: no-repeat!important;
	background-image: url(/Content/images/3katbg.jpg)!important;
	background-size: cover;
	background-color: #fff !important;

	display: block;
	position:relative;
	z-index:900;
	}
	#bg4kat {/*4kat bg*/
	background-repeat: no-repeat!important;

	background-image: url(/Content/images/4katbg.jpg)!important;
	background-size: cover;
	background-color: #fff !important;

	display: block;
	position:relative;
	z-index:900;
	}
	#bgkutu {/*main bg*/
	background-repeat: no-repeat!important;
	background-image: url(/Content/images/boxbg.jpg)!important;
	background-size: cover;
	background-color: #fff !important;
	display: block;
	position: relative;
	z-index: 900;
	background-position: left bottom;
	}
	#bgpecete {/*mendil bg*/
	background-repeat: no-repeat!important;

	background-image: url(/Content/images/pecetebg.jpg)!important;
	background-size: cover;
	background-color: #fff !important;

	display: block;
	position:relative;
	z-index:900;
	}
		#bghavlu {/*havlu bg*/
	background-repeat: no-repeat!important;

	background-image: url(/Content/images/havlubg.jpg)!important;
	background-size: cover;
	background-color: #fff !important;

	display: block;
	position:relative;
	z-index:900;
	}

#bgposts {/*posts bg*/ background-position:left top; background-size:cover;
	}
#bggallery {/*products bg*/
	background-repeat: no-repeat;
	background-image: url(/Content/images/productsbg.jpg) !important;
	background-size: cover;
	background-color: #fff !important;

		display: block;
 position:relative;
 z-index:900;
	}
#bgvideo {/*video bg*/
	background-repeat: no-repeat !important;
	background-image: url(/Content/images/video1%20bg.jpg) !important;
	background-size: cover;
	background-color: #fff !important;

	display: block;
 position:relative;
 z-index:900;
	}
#bgcontact {/*contact bg*/
	background-repeat: no-repeat !important;
	background-image: url(/Content/images/contactbg.jpg) !important;
	background-size: cover;
	background-color: #fff !important;
	z-index: -2;
	display: block;
	position: relative;
	background-position: center center;
	z-index:900;
	}
	#bgabout {/*contact bg*/
	background-repeat: no-repeat !important;
	background-image: url(/Content/images/aboutbg.jpg) !important;
	background-size: cover;
	background-color: #fff !important;
	display: block;
	position: relative;
	z-index:900;

	background-position:center top;
	}
	#bgbuy {/*contact bg*/
	background-repeat: no-repeat !important;
	background-image: url(/Content/images/buybg.jpg) !important;
	background-size: cover;
	background-color: #fff !important;
	display: block;
	position: relative;
	z-index:900;
	background-position:left bottom;
	}
body.single, .single-post {/*single post bg*/
	background-repeat: no-repeat !important;
	background-image: url(/Content/images/postpagebg.jpg) !important;
	background-size: cover;
	background-color: #fff !important;
	}

#page {
	margin-top: 0;
	padding-top: 5%;
	width: 100%;
	text-align: left;
	height: 85%;
	}


/* Begin Header */
#header{
	position: fixed;
	width: 100%;
	height: 2.6vw;
	margin-top: 3vw;
	z-index: 999;
top:0;
}

.header-mobile{display:none;}

#pagemenu {
	height: 2.6vw;
	margin-bottom: 69px;
	background-color: rgba(159, 37, 110, 0.7);
	display: block;
	}
#logo {
	display: block;
	margin-top: -2%;
	position: absolute;
	z-index: 1;
	margin-left: 2%;
	width: 20%;
	margin-right: auto;
}

#sitename {
		font-weight:bold;
		font-style:italic;
		font-size:3vw;
		display:block;
		float:left;
		line-height:3.5vw;
		text-transform:lowercase;
		}

	#sitename img {
		width: 100%;
		height: 100%;
	}

#searchform {
	width:200px;
}

	#header #searchform {
		float:right;
		padding-top:15px;
	}

#s {
	width:167px;
	border:1px solid #e6e6e6;
	background:#f9f9f9;
	font-size:11px;
	padding:2px 3px 3px;
	float:left;
	}

#searchsubmit {
	float:right;
	}
/* End Header */


/* Begin Page List */
.subpagemenu {
	line-height: 2.6vw;
	float: right;
	margin-right: 2%;
	font-family: 'Open Sans', sans-serif;
	}

	.subpagemenu ul li {
	float: right;
	list-style: none;

	display: block;
		border-left: 1px solid #e68ac1;

		}

	.subpagemenu li a {
    height: 100%;
    display: block;
    text-align: center;
    color: #eeb6d7;
    font-size: 1vw;
    letter-spacing: normal;
    margin-left: 20px;
    margin-right: 25px;
			}
	.subpagemenu ul li:first-child {
			border-right: 1px solid #e68ac1;

	}

		.subpagemenu li a:hover,
		.subpagemenu li.current-menu-item a,
		.subpagemenu li.current-menu-parent a,
		.subpagemenu li.current_page_item a,
		.subpagemenu li.current_page_parent a {
			color: #FFFFFF;
		}
		.subpagemenu li a.active{color:#fff;}
/* End Page List */


/* Begin Content */
.uckatlogo {
	    display: block;
    background-image: url(/Content/images/3katlogo.png);
    margin-right: 5%;
    z-index: 4;
    background-repeat: no-repeat;
    height: 100px;
    width:122px;
    margin-bottom: 0.5%;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-size: cover;
}
	.dortkatlogo {

	display: block;
	background-image: url(/Content/images/4katlogo.png);
	margin-right: 5%;
    z-index: 4;
    background-repeat: no-repeat;
    height: 100px;
    width:122px;
    margin-bottom: 0.5%;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-size: cover;

}
	.beskatlogo {

	display: block;
	background-image: url(/Content/images/5katlogo.png);
	margin-right: 5%;
    z-index: 4;
    background-repeat: no-repeat;
    height: 100px;
    width:122px;
    margin-bottom: 0.5%;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-size: cover;

}
	.dortkatlogo img{
	height: 100px;

}
	.uckatlogo img{
	height: 100px;

}
.back{
	margin-left: 3%;
	display: block;
	background-image: url(/Content/images/backspace.png);
	margin-bottom: 1%;
	background-repeat: no-repeat;
	background-size: 150px 50px;
	width: 150px;
	height: 50px;
	z-index: 999;
	position:absolute;
	left:5px; bottom:5px;

}


#tezgah{
	width: 102%;
	height: 64px;
	margin-right: 0;
	margin-left: -2%;
	display: block;
	background-image: url(/Content/images/tezgah.png);
	background-repeat: no-repeat !important;
	background-position: center center fixed !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	margin-bottom: 1%;
}

/*#info{
	width: 60%;
	height: 25%;
	float: right;
	display: block;}*/
#selecttext{
	width: 100%;
	height: 10%;
	display: block;}
#productarea3 {
	width: 100%;
	height: 10%;
	display: block;
	position: relative;
	margin-bottom: -2%;
}
#productarea2{
	width: 100%;
	height: 10%;
	display: block;
	position: relative;
	margin-bottom: -2%;
}
#productarea{
	width: 100%;
	display: block;
	position: absolute;
	bottom: 160px;
    z-index: 999;
}
#bgkutu #productarea img{
	width: 70%;
	height: 70%;
}
#bgpecete #productarea img{
	width: 60%;
	height: 60%;
}
#bgmendil #productarea img{
	width: 40%;
	height: 60%;
}
#separate,
.separate{
	width: 20%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	min-height: 4vw;
}
#separateabout{
	width: 20%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	min-height: 3vw;
}
#separateimg{
	width: 25%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: -6%;
}
#separatecontactsol{
	width:20%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	margin-top: -10%;
}
#separatecontactsag{
	width:20%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	margin-top: -10%;
}
#separatevideo,
.separatevideo{
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	min-height: 0.7vw;
}
#separateproduct{
	width: 20%;
	height: auto;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 40%;
	right: 40%;
	padding-top: 2%;
}


.separatecenter{
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.separatecenterhalf{
	width: 60%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#carousel{
	width: 100%;
	height: 17vw;
	display: block;
	background-color: rgba(159, 37, 110, 0.7);
	position: relative;
	margin-top: 1%;
		margin-bottom: 8%;

}
#transbg{
	width: 100%;
	height: 16vw;
	display: block;
background-color: rgba(79, 0, 47, 0.5);
	position: relative;
	margin-bottom: 10%;
}

#content {
	font-size: 1.2em;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 90%;
	}
	.post {
		}

	.sticky, .byuser {
		border:5px solid #f9f9f9 !important;
		margin:-10px -10px 40px -50px;
		background:url(/Content/images/sticky.gif) no-repeat 597px 5px;
		padding:5px 5px 5px 45px;
	}

		.byuser {
			margin-left:-52px;
			padding-left:47px;
			background:url(/Content/images/author.gif) no-repeat 599px 5px;
		}

	.bubble  {
		display:block;
		float:left;
		margin:5px 0 0 -40px;
		background:#343434 url(/Content/images/comments.gif);
		width:30px;
		height:29px;
		line-height:19px;
		color:#fff;
		text-align:center;
	}

	 .bubble:hover {
		color:#b6b6b6;
	}
			.entry {
	font-size: 1vw;
	line-height: 1.1vw;
			}
		.entry1 {
	z-index: 2;
	width: 90%;
	display: block;
	margin-right: auto;
	margin-left: 5%;
	position: absolute;
	top: 0;
			}

	.navigation {
		min-height:10px;
		margin:30px -23px;
		text-transform:uppercase;
		line-height:10px;
		}

	.post .navigation {
		border:solid #e6e6e6;
		border-width:1px 0;
		padding:9px 0;
	}

	.attachment .navigation {
		height:150px;
	}

		.navigation .alignleft a {
			background:url(/Content/images/icons.gif) no-repeat 0 -60px;
			padding-left:22px;
			display:block;
			height:10px;
			float:left;
		}

		.navigation .alignright a {
			background:url(/Content/images/icons.gif) no-repeat 100% -30px;
			padding-right:22px;
			display:block;
			height:10px;
			float:right;
		}
#bottomtext {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2.5vw;
	color: #FFFFFF;
	line-height: 2.6vw;
	position: absolute;
	bottom: 70px;
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-weight: 700;
	text-shadow: rgba(0,0,0,0.2) 0em 0em 0.3em,rgba(0,0,0,0.2) 0em 0em 0.3em,rgba(0,0,0,0.2) 0em 0em 0.3em,rgba(0,0,0,0.2) 0em 0em 0.3em;
}

#tezgah{position: absolute;bottom: 115px;}



#videotitle {
	height: 20%;
	width: 25%;
	display: block;
	float: left;
	text-align: center;
	font-size: 3.2vw;
	color: #FFFFFF;
	padding-top: 1vw;
	padding-bottom: 1vw;
	line-height: 3.7vw;
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-weight: 700;
}
.flex {
	  display:                 flex;
  display:                 -webkit-flex; /* Safari */
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         /* Safari */
  justify-content:         center;
  -webkit-justify-content: center;       /* Safari */
}
#video {
	height: 19vw;
	width: 33.7vw;
	display: block;
	float: left;
	text-align: center;
	background-color: #873264;
	padding-top: .5vw;
	padding-right: .5vw;
	padding-bottom: .5vw;
	padding-left: .5vw;
	}
.videosize {
	height: 18.5vw;
	width: 29.5vw;
}
#videotext {
	height: 16vw;
    width: 28vw;
    display: block;
    float: left;
    color: #FFFFFF;
    text-align: left;
    padding-top: 2vw;
    padding-right: 3vw;
    padding-bottom: 2vw;
	font-family: 'Open Sans', sans-serif;
    font-size: 0.97vw !important;
	line-height: 1.3;
	letter-spacing: -0.04em;
    margin-left: 4.5vw;
}
/* Begin Comments */
.commentlist {
	margin-top:20px;
	}

.commentlist li {
	list-style:none;
	margin-bottom:30px;
	border-bottom:1px solid #e6e6e6;
	}

.commentlist li.alt {
	}

	.commentmetadata, .comment-author {
		font-size:.9em;
		}

		.comment-author {
		}

	.avatar {
		float:left;
		display:block;
		margin:5px 0 0 -42px;
		}

#commentform {
	padding-bottom:10px;
}

#commentform input, #commentform textarea {
	width:147px;
	border:1px solid #e6e6e6;
	background:#f9f9f9;
	font-size:11px;
	padding:2px 3px 3px;
	}

#commentform textarea {
	width:500px;
	}

#commentform #submit {
	width:150px;
	border:none;
	background:#343434;
	color:#fff;
	font-size:12px;
	cursor:pointer;
	padding:2px 0 3px;
	}

#catmenu {
	position: relative;
	z-index: 1000;
}

#singlecatmenu {
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	padding-top: 50px;
	z-index: 999;
}
.singlecatmenu {
	line-height: 2vw;
	font-size: 1.4vw;
	margin-top: 1%;
	z-index: 999;
	}

	.singlecatmenu ul li {
	float: left;
	list-style: none;
	text-transform: uppercase;
	display: block;
		}

	.singlecatmenu li a {
	height: 100%;
	display: block;
	text-align: center;
	padding-right: 1vw;
	padding-left: 1vw;
	background-color: rgba(159, 37, 110, 0.7);
	border-left: 1px dashed #FFFFFF;
	padding-top: .2vw;
	padding-bottom: .2vw;
			}
	.singlecatmenu ul li:first-child a {
		border-left: none;
	}

	.singlecatmenu li a:hover,
	.singlecatmenu li.current-menu-item a,
	.singlecatmenu li.current-menu-parent a,
	.singlecatmenu li.current_page_item a,
	.singlecatmenu li.current_page_parent a {
		color: #FFFFFF;
	}

	.subcatmenu {
	line-height: 2vw;
	font-size: 1.0vw;
		letter-spacing: normal;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1%;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;         /* Safari */
	justify-content: center;
	-webkit-justify-content: center;       /* Safari */
	z-index: 999;
	position: relative;
	}

	.subcatmenu ul li {
	float: left;
	list-style: none;
	display: block;

		}

	.subcatmenu li a {
	height: 100%;
	display: block;
	text-align: center;
	padding-right: 1vw;
	padding-left: 1vw;
		padding-top: .2vw;
	padding-bottom: .2vw;
	background-color: rgba(159, 37, 110, 0.7);
	border-left: 1px dashed #FFFFFF;
	cursor:pointer;
			}
	.subcatmenu ul li:first-child a {
		border-left: none;
	}

		.subcatmenu li a:hover,
		.subcatmenu li.current-menu-item a,
		.subcatmenu li.current-menu-parent a,
		.subcatmenu li.current_page_item a,
		.subcatmenu li.current_page_parent a {
			color: #FFFFFF;
		}

	.subcatmenu li.current a{ color:#FFF;}

	#similarpage{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	margin-bottom: 2%;
	height: auto;
	display: block;
	min-width: 800px;
}
	#similarpage ul li{
			list-style-type: none;
			cursor:pointer;
    list-style-type: none;
    cursor: pointer;
    display: inline-block;
    width: 40%;
}

	#similarpage li a{

	height: 9vw;
    display: block;
    background-color: rgba(159, 37, 110, 0.7);
    float: left;
    padding-top: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
    padding-left: 1vw;
    color: #FFFFFF;
    margin-bottom: 3%;
    text-align: left;
    cursor: pointer;
    margin-right: 1vw;

	cursor:pointer;
}
#similarpage li:last-child a {

}


#postpagetitle,
.postpagetitle{
	width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 1.5vw;
    /* font-weight: bold; */
    margin-bottom: 2%;
    line-height: 1.5vw;
    font-family: "Playfair Display", sans-serif;
	font-style: italic;
	font-weight: 700;
}
#postpageexcert,
.postpageexcert{
	width: 100%;
	height: 85%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 1vw;
	line-height: 1.2vw;
	letter-spacing: -0.04em;
}

#postarea{
	width: 92%;
	left:4%;
	display: block;
background-color: rgba(159, 37, 110, 0.7);
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 2%;
	color: #FFFFFF;
	text-align: left;
	margin-top: 3%;
	margin-bottom: 3%;
	height:50%;
	overflow:hidden;
	position:absolute;
	bottom:5%;
}
#postarea .post-detail-content{height: 100% !important;
    overflow-y: auto !important;}

#postarea .post-detail-slider{height: 100%}

#postarea .entry{
	height: 95%;
	font-size: 1.4vw;
	line-height: 1.6vw;}
#postarea .entry h4{
	line-height: 2.6vw;
}


/* End Comments / End Content */


/* Begin Sidebar */
#sidebar {
	float: left;
	width: 260px;
	color: #b6b6b6;
	font-size: 1.1em;
	line-height: 20px;
	padding-top: 23px;

	}

	#sidebar ul {
		}

		#sidebar ul ul {
			margin-left:-10px;
			}

			#sidebar ul ul ul {
				margin:0;
				padding:0;
			}

		#sidebar ul li {
			list-style:none;
			margin-bottom:35px;
			}

		#sidebar li li {
			margin:0;
			background:url(/Content/images/icons.gif) no-repeat 0 -141px;
			padding-left:10px;
			}

		#sidebar a {
			font-size:1.1em;
		}

	#sidebar h4 {
		font-size:1.63em;
		color:#343434;
		line-height:20px;
		margin:0 0 12px;
		}
/* End Sidebar */


/* Begin Footer */
.footer {
	bottom: 0;
	width: 100%;
	z-index: 100;
	margin-bottom: 0;
	clear: both;
	height: 42%;
	max-height: 52%;
	position: absolute;
	}
	.footermain {
	bottom: 0;
	width: 100%;
	z-index: 9999;
	margin-bottom: 0;
	clear: both;
	height: 70%;
	max-height: 70%;
	position: absolute;
	}
	.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto ;
}

	#footer .alignright {
		padding-top:2px;
	}

	#footer .alignright a {
		display:block;
		float:right;
		text-transform:uppercase;
		height:10px;
		line-height:10px;
		padding-top:3px;
	}

	#footer .top {
		padding-right:15px;
		background:url(/Content/images/icons.gif) no-repeat 100% 0;
	}

	#footer .rss {
		padding-right:18px;
		margin-right:10px;
		background:url(/Content/images/icons.gif) no-repeat 100% -90px;
	}

	#footer .home {
		padding-right:18px;
		margin-right:10px;
		background:url(/Content/images/icons.gif) no-repeat 100% -120px;
	}
/* End Footer / End Structure */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 260px;
	}

	#wp-calendar th {
		text-align:center;
		color:#343434;
	}

#wp-calendar caption {
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	text-align: center;
	width: 100%;
		color:#343434;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	text-decoration: none;
	display: block;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
	}
.video-container {
	position: relative;
	padding-bottom: 25vw;
	height: 0;
	overflow: hidden;
	float: left;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




.overflow-hidden{overflow:hidden;}
.full-height{overflow:relative;}
.full-height-container{position:relative;}

#handtext {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#handtext img {
	width: 80%;
	height: 80%;
}

#handtext h1 {
	transform: rotate(-4deg);
background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width:90%;
  font-size:100px;
  line-height:105px;
  text-shadow:0 0 0.04em #eee, 0 0 0.02em #000, 0 0 0.02em #000;

}

div.wrap {
	width: 100%;
	height: 50%;
}

.wrap .pane .pane2 {
	position: relative;
	display: none;
	padding: 20px;
	border-top: 0;
	font-size: 1vw;
	letter-spacing: -0.04em;
	color: #000;
	text-shadow: #FFFFFF 0em 0em 0.3em, #FFFFFF 0em 0em 0.3em, #FFFFFF 0em 0em 0.3em, #FFFFFF 0em 0em 0.3em;
	_background-image: none;
	top: 7rem;
}
.pane2 {
	width: 20vw;
	margin-bottom: 1px;
}

.wrap .pane .pane2 p {
	font-size: 1px;
	text-align: left;
	color: #000;
	text-shadow: #FFFFFF 0em 0em 0.3em
}

.tabs{
 position: absolute;
    top: 20%;
    left: 15%;
	z-index:999}

.tabs3	{
	position: absolute;
    top: 20%;
    left: 15%;
	}
.tabs3 li{
	list-style-image: none;
	list-style-type: none;
}
.pane{
	display: block;
    position: absolute;
    bottom: 160px;
    z-index: 500;
    border-bottom-style: none;
	width:80%;
	left:10%;
	right:10%;}

ol >.tabs2 > a img
{
	margin-bottom: 0;
	vertical-align: bottom;
	margin-top: auto;
}

#box{
	width: 25%;
	height: auto;

	display: block;

	padding:10px;
	padding-bottom:20px;
	padding-top:20px;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	background-color: rgba(233, 228, 230, 0.2);
	color: #FFFFFF;
	text-align: center;
	font-size: 1.6vw;
	line-height: 2vw;
	position:absolute;
	top:20%;
	right:2%;
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-weight: 700;
}
#box2{
	width: 25%;
	height: auto;

	display: block;

	padding:10px;
	padding-bottom:20px;
	padding-top:20px;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	background-color: rgba(233, 228, 230, 0.2);
	color: #FFFFFF;
	text-align: center;
	font-size: 1.6vw;
	line-height: 2vw;
	position:absolute;
	top:20%;
	right:2%;
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-weight: 700;
}
#box3{
	width: 25%;
	height: auto;

	display: block;

	padding:10px;
	padding-bottom:20px;
	padding-top:20px;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	background-color: rgba(233, 228, 230, 0.2);
	color: #FFFFFF;
	text-align: center;
	font-size: 1.6vw;
	line-height: 2vw;
	position:absolute;
	top:20%;
	right:2%;
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-weight: 700;
}
/* root element for tabs  */
ol.tabs,  {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:none;
}
ol.tabs2
{
	list-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 0;
	border-bottom: none;
	width:100%; left:0; right:0;
		  display:                 flex;
  display:                 -webkit-flex; /* Safari */
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         /* Safari */
  justify-content:         center;
  -webkit-justify-content: center;       /* Safari */
}
/* single tab */
ol.tabs2 li {
    float:left;
    text-indent:0;
    list-style-image:none !important;
}
ol.tabs li {
     list-style:none;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ol.tabs2 a {
	display: table-cell;
	height: 5vw;
	text-align: center;
	text-decoration: none;
	position: relative;
	top: 1px;
	vertical-align: bottom;
}
ol.tabs a {
    position: relative;
     text-decoration: none;
    color: #FFFFFF;
    border-radius: 10px;
    z-index: 3;
    width: 10vw;
    display: block;
    border: 1px solid #FFFFFF;
    margin-bottom: 0.5vw;
    background-color: rgba(233, 228, 230, 0.4);
	font-size: 1.5vw;
	line-height: 3.2vw;
    letter-spacing: -0.04em;
}

ol.tabs a:active, ol.tabs2 a:active {
    outline:none;

}

/* when mouse enters the tab move the background image */
ol.tabs2 a:hover{

}
ol.tabs2 a.current, ol.tabs2 a.current:hover, ol.tabs2 li.current a {

}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ol.tabs a:hover, ol.tabs a.current, ol.tabs a.current:hover, ol.tabs li.current a {
background-color: rgba(186, 148, 166, 0.7);
}

/* Different widths for tabs: use a class name: w1, w2, w3  */
/* width 1 */

ol.tabs2 a.w12 img  {

height:18vw;
}

/* width 2 */
ol.tabs2 a.w8  img{

height:15vw;
}

/* width 3 */
ol.tabs2 a.w4 img{

height:14vw;
}
/* width 4 */
ol.tabs2 a.w4h img{

height:15vw;
}

.pane2.w4-2 {
	margin-left: calc(5% + 16vw);

}
.pane2.w4-3 {
	margin-left: calc(5% + 34vw);

}
.pane2.w4-4 {
	margin-left: calc(5% + 53vw);

}
.pane2.w8-2 {
	margin-left: calc(5% + 41vw);

}

ol.tabs3 a {
    position: relative;
     text-decoration: none;
    color: #FFFFFF;
    border-radius: 10px;
    z-index: 3;
    width: 10vw;
    display: block;
    border: 1px solid #FFFFFF;
    margin-bottom: 0.5vw;
    background-color: rgba(233, 228, 230, 0.4);
    font-size: 14px;
    line-height: 32px;
    display: block;
}

.buymenu {
	line-height: 2.5vw;
	font-size: 2vw;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1%;
	}

.buymenu ul li {
	/* float: left; */
	list-style: none;
	text-transform: uppercase;
	flex: 0 0 50%;
	margin-bottom: 20px;
	/* width: 45%; */
	/* margin-bottom: 21px; */
	/* margin-right: 5%; */
}

.buymenu li  a {
	display: inline-block;
	text-align: center;
	/* padding-right: 1em; */
	/* padding-left: 1em; */
	background-color: rgba(159, 37, 110, 0.7);
	padding-top: .5em;
	padding-bottom: .5em;
	width: 95%;
	color: #FFFFFF;
	font-size:1.3vw;
}

.menu {
	display: flex;
	flex-wrap: wrap;
}

.entry-about-title {
	display: none;
}
.about-title {
	position: absolute;
	top: 2vw;
	left: 5.2vw;
	width: 16vw;
	font-weight: bold;
	line-height: 1.7em;
}
.about-title h1 {
	color: #fff;
	font-size: 3.8vw;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 4.5vw;
}
.about {
	width: 76%;
	box-sizing: border-box;
	padding: 3vw 2vw 3vw 27.5vw;
	background-color: rgba(159, 37, 110, 0.7);
	margin-left: 12%;
	margin-right: auto;
	color: #FFFFFF;
	text-align: left;
    position: absolute;
    bottom: 12%;
    font-size: 1.1vw !important;
	line-height: 1.6em;
	letter-spacing: -0.03em;
}
#hayat{
	background-image: url(/Content/images/hayatlogo.png);
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: right center;
	height: 47px;
	width: auto;
	margin-bottom: 0;
	margin-right: 0;
	padding-right: 50px;
	position: absolute;
	z-index: 500;
	bottom: 5px;
	right: 5px;
	font-size: 1vw;
	line-height: 3.5vw;
	color: #FFFFFF;
	vertical-align: middle;
	letter-spacing: 0.15vw;

}

/* Start invisible until the plugin is loaded */
#gallery{
	display: none;
	list-style-type: none;
}

/* The frames */
#gallery li{
	background: #9F256E url(/Content/images/loading2.gif) center no-repeat;
	border-color: #eaeaea #ccc #ccc #eaeaea;
	list-style-type: none;
}

/* Headers of all frames */
#gallery h6{
	margin: 0 0 5px;
	font-family: "Open Sans", sans-serif;
	line-height: 110%;
	font-weight: normal;
	color: #fff;
	transform: scale(0.6);
	width: 160%;
	margin-left: -30%;
	display: inline-block;
}

/* Description text of all frames */
#gallery span{
	padding: 0;
	margin: 0;
	color: #444;
	text-transform: capitalize;
	text-align: center;
	width: 100%;
}

/* The most frontal item */
#gallery .front img{
	margin: 10px;
}
#gallery .front h6{
	font-size: 2.5vw;
	text-align: center;
}
#gallery .front span{
	font-size: 2vw;
	text-transform: capitalize;
	text-align: center;
}

/* The further back items */
#gallery .behind img{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
#gallery .behind h6{
	font-size: 1.5vw;
	text-align: center;
}
#gallery .behind span{
	font-size: 1vw;
	text-transform: capitalize;
	text-align: center;
}

/* The furthest back items */
#gallery img{
	margin: 4px;
}
#gallery .back h6{
	font-size: 0.6vw;
}
#gallery .back span{
	font-size: 0.5vw;
}
#gallery h6{
	font-style: normal;
}

/* That's it for the settings */

.boutique{ margin:0; padding:0; position:relative; z-index:1 }
.boutique li{ margin:0; padding:0; list-style:none; position:absolute; z-index:1; display:none; border-width:0 }
.boutique img{ border:0; vertical-align:bottom }
.boutique span{
	display: block;
	position: absolute;
	cursor: default;
	top: 103%;
	text-align: center;
}
.boutique h6{ cursor:default }
.boutique a, .boutique a:hover{ cursor:default; text-decoration:none; outline:none }
.boutique img, .boutique li, .boutique a{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.boutique.rtl h6, .boutique.rtl span{ text-align:right }
#prev, #next,
.prev, .next{
	position: absolute;
	top: 7vw;
	cursor: pointer;
	z-index: 1;
}
#prev,
.prev{
	left: 30%;
	width: 1.5vw;
	height: 4vw;
}
#next,
.next{
	width: 1.5vw;
	height: 4vw;
	right: 29%;
}
@media (min-width: 1024px) {
	.subcatmenu.first-page ul li {
		position: relative;
		text-transform: uppercase;
	}
	.subcatmenu.first-page li a {
		padding: .2vw 1.2vw .2vw 1.2vw;
		color: #c41c6f;
		font: 1.5vw/1.2em "Open Sans", sans-serif;
		letter-spacing: normal;
		background: none;
		border: none;
		text-transform: capitalize;
	}
	.subcatmenu.first-page li a:hover,
	.subcatmenu.first-page li.current_page_item a,
	.subcatmenu.first-page li.current_page_parent a {
		color: #c41c6f;
	}
	.subcatmenu.first-page li:before {
		content: '•';
		display: block;
		position: absolute;
		left: -2px;
		color: #c41c6f;
		font-family: Arial, sans-serif;
		text-transform: lowercase;
	}
	.subcatmenu.first-page li:first-child:before {
		display: none;
	}

	#video {
		position: absolute;
		bottom: 45vh;
		right: 18vw;
		transition: all 0.4s;
	}
	.video-expanded #video{
		width: 100vw;
		height: 100vh;
		top: auto;
		bottom: 0;
		right: 5vw;
		z-index: 1000;
		padding: 0;
		background-color: #000;
	}
	#header{
		opacity: 1;
		visibility: visible;
		transition: all 0.4s;
	}
	.video-expanded #header{
		opacity: 0;
		visibility: hidden;
	}
	.video-play {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.1);
		cursor: pointer;
	}
	.video-expanded .video-play{
		display: none;
	}
	.video-expanded #bgvideo .bgvideoframe{
		width: 100%;
		height: 100%;
	}
	.video-close {
		position: absolute;
		top: 2vw;
		right: 2vw;
		width: 2.5vw;
		height: 2.5vw;
		border-radius: 50%;
		background-color: rgba(255,255,255,0.3);
		cursor: pointer;
		text-align: center;
		opacity: 0;
		visibility: hidden;
		transition: all 0.4s;
	}
	.video-close:after {
		content: '×';
		font-family: Arial, sans-serif;
		font-size: 2vw;
		line-height: 2.6vw;
		color: #fff;
	}
	.video-expanded .video-close {
		opacity: 1;
		visibility: visible;
	}
	#videotitle,
	#videotext {
		vertical-align: top;
		display: inline-block !important;
		float: none !important;
	}
	#videotitle {
		 width: 30vw !important;
	}
	#videotext {
		 width: 37vw !important;
	}
	#separatevideo,
	.eparatevideo{
		min-height: 1.5vw !important;
	}
	#handtext {
		margin-top: -11vw;
	}
}
@media (min-width: 1025px) {
	.subcatmenu.first-page li a {
		font-size: 1.12vw;
	}

	.subcatmenu-ornament {
		margin-top: 35px;
		display: inline-block;
		width: 114px;
		height: 47px;
		background:url(/Content/images/ornament.png) no-repeat 0 0;
	}
	#separate,
	.separate {
		min-height: 1vw;
	}
	#separate:first-child,
	.separate:first-child {
		min-height: 6vw;
	}
}
@media (max-width: 1024px) {
	.subcatmenu ul li {
		text-transform: uppercase;
	}

#space{
	width: 100%;
	display: block;
	padding-top: 20vw;
}
#space7{
	width: 100%;
	display: block;
	padding-top: 14vw;
}
#space8{
	width: 100%;
	display: block;
	padding-top: 10vw;
}
#space9{
	width: 100%;
	display: block;
	padding-top: 12vw;
}
#space12{
	width: 100%;
	display: block;
	padding-top: 18vw;
}


#separate,
.separate{
	width: 30%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#separate:first-child,
.separate:first-child {
	min-height: 8vw;
}
#separateimg{
	width: 25%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: -6%;
}
#separatevideo,
.separatevideo{
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	min-height: 10vw;
}
#separateproduct{
	width: 20%;
	height: auto;

	display: block;

	    position: absolute;
    bottom: 40px;
    left: 40%;
    right: 40%;
}


.separatecenter{
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
h1, h2, h3, h4, h5, h6 {
		font-family: "Playfair Display", serif;
		font-style: italic;
		font-weight: 700;
	color:#c41c6f;
	}

h1, h2 {
	font-size:7vw;
	line-height:8vw;
	margin-bottom:14px;
	}

.entry h2 {
		font-size:4vw;
		margin-top:30px;
	}
.entry h4 {
	font-size: 2vw;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
	}
h3 {
	font-size:3vw;
	line-height:20px;
	margin-top:30px;
	}

h4, h5, h6 {
	margin-top:30px;
}
	.regular hr {
	visibility: hidden;
	height: 1px;
	margin-top: -20px;
}
.entry-about-title {
	display: block;
}
.entry-about-title h1 {
	color: #fff;
}
.about-title {
	display: none;
}
.about {
	width: 80%;
	padding: 1em;
	background-color: rgba(159, 37, 110, 0.7);
	margin-left: 10%;
	margin-right: auto;
	color: #FFFFFF;
	text-align: left;
    font-size: 1.2vw !important;
	position: absolute;
		bottom: 15%;
}
#separateabout {
	min-height: 15vw;
}
#postpagetitle,
.postpagetitle{
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 1.4vw;
	font-weight: 700;
	line-height: 1.6vw;
}
#postpageexcert,
.postpageexcert{
	width: 100%;
	height: 85%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 1.0vw;
	line-height: 1.3vw;
}
#singlecatmenu {
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	padding-top: 50px;
}
.singlecatmenu {
	line-height: 2vw;
	font-size: 1.3vw;
	margin-top: 1%;

	}

	.singlecatmenu ul li {
	float: left;
	list-style: none;
	text-transform: uppercase;
	display: block;
		}

	.singlecatmenu li a {
	height: 100%;
	display: block;
	text-align: center;
	padding-right: 1vw;
	padding-left: 1vw;
	background-color: rgba(159, 37, 110, 0.7);
	border-left: 1px dashed #FFFFFF;
			}
	.singlecatmenu ul li:first-child a {
		border-left: none;
	}

	.singlecatmenu li a:hover,
	.singlecatmenu li.current_page_item a,
	.singlecatmenu li.current-page-ancestor a,
	.singlecatmenu li.current-menu-item a,
	.singlecatmenu li.current-menu-parent a,
	.singlecatmenu li.current_page_parent a {
	color: #FFFFFF;}

	.subcatmenu {
	line-height: 2vw;
	font-size: 1.3vw;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;         /* Safari */
	justify-content: center;
	-webkit-justify-content: center;       /* Safari */
	margin-bottom: 3%;
	}

	.subcatmenu ul li {
	float: left;
	list-style: none;
	text-transform: uppercase;
	display: block;

		}

	.subcatmenu li a {
	height: 100%;
	display: block;
	text-align: center;
	padding-right: 1vw;
	padding-left: 1vw;
	background-color: rgba(159, 37, 110, 0.7);
	border-left: 1px dashed #FFFFFF;
			}
	.subcatmenu ul li:first-child a {
		border-left: none;
	}

		.subcatmenu li a:hover,
		.subcatmenu li.current-menu-item a,
		.subcatmenu li.current-menu-parent a,
		.subcatmenu li.current_page_item a,
		.subcatmenu li.current_page_parent a {
			color: #FFFFFF;
		}

	#rightside{
	height: auto;
	width: 50%;
	margin-top: 0px;
	float: right;
	margin-right: 5%;
}
	.buymenu {
	line-height: 2.5vw;
	font-size: 1.5vw;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1%;
	}

.buymenu ul li {
	float: left;
	list-style: none;
	text-transform: uppercase;
	width: 50%;
	margin-bottom: 21px;
		}

.buymenu li  a {
	display: block;
	text-align: center;
	padding-right: 1.5em;
	padding-left: 1.5em;
	background-color: rgba(159, 37, 110, 0.7);
	padding-top: 1em;
	padding-bottom: 1em;
	width: 75%;
	color: #FFFFFF;
			}
			#down{
	height: auto;
	width: 75px;
	z-index: 999;
	position: fixed;
	bottom: 10px;
	left: 50%;
	right: 50%;
		cursor:pointer;
}
.wrap .pane .pane2 {
	display: none;
	padding: 20px;
	border-top: 0;
	font-size: 16px;
	color: #000;
	text-shadow: #FFFFFF 0em 0em 0.3em,#FFFFFF 0em 0em 0.3em,#FFFFFF 0em 0em 0.3em,#FFFFFF 0em 0em 0.3em;
	_background-image: none;
}
.pane2.w4-2 {
	margin-left: 175px;
}
.pane2.w4-3 {
	margin-left: 375px;
}
.pane2.w4-4 {
	margin-left: 575px;
}
.pane2.w8-2 {
	margin-left: 475px;
}
#box{
	width: 30%;
	height: auto;

	display: block;

	padding:10px;
	padding-bottom:20px;
	padding-top:20px;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	background-color: rgba(233, 228, 230, 0.4);
	color: #FFFFFF;
	text-align: center;
	font-size: 1.8vw;
	line-height: 1.8vw;
	position:absolute;
	top:20%;
	right:4%;
}
#box2{
	width: 30%;
	height: auto;

	display: block;

	padding:10px;
	padding-bottom:20px;
	padding-top:20px;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	background-color: rgba(233, 228, 230, 0.4);
	color: #FFFFFF;
	text-align: center;
	font-size: 1.8vw;
	line-height: 1.8vw;
	position:absolute;
	top:20%;
	right:4%;
}
#box3{
	width: 30%;
	height: auto;

	display: block;

	padding:10px;
	padding-bottom:20px;
	padding-top:20px;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	background-color: rgba(233, 228, 230, 0.4);
	color: #FFFFFF;
	text-align: center;
	font-size: 1.8vw;
	line-height: 1.8vw;
	position:absolute;
	top:20%;
	right:4%;
}
#carousel{
	width: 100%;
	height: 18vw;
	display: block;
	background-color: rgba(159, 37, 110, 0.7);
	position: relative;
	margin-bottom: 8%;
	margin-top: 1%;
}



#videotext {
	height: 19vw;
	width: 25vw;
	display: block;
	float: left;
	color: #FFFFFF;
	text-align: left;
	padding-top: 2vw;
	padding-right: 1vw;
	padding-bottom: 2vw;
	padding-left: 1vw;
    font-size: 1vw !important;
	margin-left: 3%;
}
#handtext {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10%;
}

	.regular {
	color: #c41c6f;
	font-size: 1.8vw;
	}
.regular > h3 {
	font-size: 2.2vw;
	line-height: 2.5vw;
}
	.regular hr {
	visibility: hidden;
	height: 1px;
	margin-top: -10px;
}
/* Different widths for tabs: use a class name: w1, w2, w3  */
/* width 1 */

ol.tabs2 a.w12 img  {
width:36vw;
height:22vw;
}

/* width 2 */
ol.tabs2 a.w8  img{
width:36vw;
height:18vw;
}

/* width 3 */
ol.tabs2 a.w4 img{
width:22vw;
height:17vw;
}
/* width 4 */
ol.tabs2 a.w4h img{
width:17vw;
height:18vw;
}

.pane2.w4-2 {
	margin-left: 25%;
}
.pane2.w4-3 {
	margin-left: 48%;
}
.pane2.w4-4 {
	margin-left: 73%;
}
.pane2.w8-2 {
	margin-left: 58%;
}
.pane{
	display: block;
    position: absolute;
    bottom: 160px;
    z-index: 999;
    border-bottom-style: none;
	width:90%;
	left:5%;
	right:5%;}

}

.bubbles{position:absolute; top:0; left:0;  background-repeat:repeat; background-image:url(/Content/images/bg-open-bubble.png); background-size:cover; background-position:center center;}
.stars{position:absolute; top:0; left:0; background-repeat:repeat; background-image:url(/Content/images/bg-open-stars.png); background-size:cover; background-position:center center;}

.beginsection{position: relative;z-index: 999;}

.main-item{position:absolute; transition: 800ms;transition: 1200ms; }
.main-item.ayakkabi{bottom:-50%; width:50%; left:25%; transition: 1200ms; }
.main-item.kalem{left:-16%; width:15%; bottom:-16%;transition: 1200ms; }
.main-item.boncuk{top:2%; width:5%; bottom:0; left:-6%;transition: 1200ms; }
.main-item.ruj{right:-16%; width:15%; bottom:-16%;transition: 1200ms; }
.main-item.bez{right:-50%; height:50%; top:25%;transition: 1200ms; }
.main-item.oje{right:-10%; width:10%; top:18%;transition: 1200ms; }

.main-item.ayakkabi.displayed{bottom:-15%; width:50%; left:25%;  transition: 300ms; }
.main-item.kalem.displayed{left:-5%; width:15%; bottom:-2%; transition: 300ms;}
.main-item.boncuk.displayed{top:4%; width:5%; bottom:0; left:-1%; transition: 300ms;}
.main-item.ruj.displayed{right:-5%; width:15%; bottom:-2%; transition: 300ms;}
.main-item.bez.displayed{right:-5%; height:50%; top:25%; transition: 300ms;}
.main-item.oje.displayed{right:8%; width:10%; top:18%; transition: 300ms;}

.main-item.ayakkabi.displayed.bottom{bottom:0%; transition: 300ms; z-index: 998}

.main-item.ruj.displayed.right{right:0; bottom:0; transition:300ms; }
.main-item.kalem.displayed.left{left:0;bottom:0;transition:300ms;}
.main-item.boncuk.displayed.left{left:0; top:2%;}
.main-item.bez.displayed.right{right:0; top:22%;}





#post-detail .subcatmenu{position:absolute; left:4%; bottom:71%;


    justify-content: left;
    -webkit-justify-content: left;
}

#bgmain h1{
	font-size: 5vw;
	line-height: 5vw;
	margin-bottom: 14px;
}
@media (max-width: 1024px) {
	#bgmain h1{
		font-size: 8vw;
		line-height: 9vw;
	}
}

#bgvideo .entry1{width:100%; height: 100%;}

#bgvideo .bgvideoframe{width:33.7vw; height:19vw; border: none; overflow: hidden; transition: all 0.4s;}

.scroll-block {display:none;}

#bgcontact .regular{
	margin-top:10px;
}

#bgcontact .entry{margin-top:50px; text-align:center;}
#bgcontact .entry h1{display:inline-block;}

.note {position:absolute; right:0; bottom:0; color:#fff; font-size:0.8em;}

@media screen and (min-aspect-ratio: 16/8) and (max-width: 1450px) {
	#bgvideo .footer {
		height: 16vw;
	}

	.main-item.ayakkabi.displayed.bottom {
		bottom: -7%;
	}

	.subcatmenu-ornament {
		display: none;
	}

	.uckatlogo {
		width: 110px;
		height: 90px;
	}

	.pane {
		bottom: 130px;
	}

	#tezgah {
		bottom: 95px;
	}

	#bottomtext {
		bottom: 50px;
	}

	#productarea {
		bottom: 140px;
	}

	#video {
		bottom: 35vh;
	}
}

noscript img {
	border: 0;
}

.post-detail-slider {
	width:38%;
	height:360px;
	float:left;
	overflow:hidden;
}

.post-slider {
	width:100%;
	height:100%;
}

.post-detail-slider ul,
.post-detail-slider li{
	width:100%;
	height:auto !important;
}

.post-detail-slider img {
	width:100%;
	height:auto !important;
}

.post-detail-content {
	float:right;
	width:60%;
}

.hidden {
	display: none;
}
/*
.buymenu ul li:last-child{
	margin-right: 0;
    margin-bottom: 0;
    margin-left: 25%;
}*/

.tabs2 img {
	height: 20rem;
}