/*

Theme Name: Cosmet
Theme URI: http://www.imhysoft.com/products/
Author: Imran Ahmed Khan
Author URI: http://www.imhysoft.com
Description: Cosmet WP theme is developed for the sites used for cosmetics or jewellery business but not limited to this. You can use it for other kind of shopping carts too. It is supported by the latest version of WooCommerce.
Version: 1.0
Tags: theme-options, dark, purple, white, right-sidebar, left-sidebar, featured-images, full-width-template, theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/






/**

 * 1.0 Reset

 *

 * -----------------------------------------------------------------------------

 */



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, strong, sub, sup, ol, ul, li, form, label{

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}



body{

	margin:0;

	color:#555;

	font:12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;

	/*background:#21a3bd url(images/bg-body.gif) repeat-x;*/
	background:#21a3bd;

	min-width: 975px;

}

#wrapper{

	background: url(images/bg-wrapper.jpg) no-repeat 50% 0;
     float:left;
	width: 100%;

}


.w1{

	margin:0 auto;

	width: 975px;

	position: relative;

}

/* header */

#header{

	height: auto;

	width: 100%;

	position: relative;

	top:0;

	left:0;

	z-index: 10;

}

.header-holder{

	/*background: url(images/bg-header.png) no-repeat;*/
	background:none;

	height: 100%;

}

	/* social-bar */

.social-bar{

	overflow: hidden;

	width: 100%;

	background: url(images/bg-social-bar.png) no-repeat;

}

#footer .social-bar{

	width: auto;

	float: left;

	background: none;

	padding-top: 4px;

}

.shop #footer .social-bar{

	margin:0 0 0 -11px;

}

.social-bar ul{

	padding: 8px 52px 6px 0;

	list-style: none;

	margin: 0;

	float: right;

	position: relative;

}

#footer .social-bar ul{float: left;}

.social-bar ul li{

	float: left;

	padding-left: 8px;

	height: 35px;

	overflow: hidden;

}

#footer .social-bar ul li{

	padding-left: 11px;

	height: 31px;

}

.social-bar ul a{

	display: block;

	height: 70px;

	text-indent: -9999px;

	overflow: hidden;

}

#footer .social-bar ul a{height: 62px;}

.social-cosmet-project{

	width: 75px;

	background: url(images/social-cosmet-project.png) no-repeat;

}

.social-beaute{

	width: 121px;

	background: url(images/social-beaute.png) no-repeat;

}

.social-facebook{

	width: 30px;

	background: url(images/fb.png) no-repeat;

}

.social-twitter{

	width: 30px;

	background: url(images/tw.png) no-repeat;

}
.social-gplus{

	width: 30px;

	background: url(images/gplus.png) no-repeat;

}

.social-youtube{

	width: 30px;

	background: url(images/ytube.png) no-repeat;

}



#footer .social-cosmet-project{

	width: 77px;

	background: url(images/social-cosmet-project2.png) no-repeat;

}

#footer .social-beaute{

	width: 115px;

	background: url(images/social-beaute2.png) no-repeat;

}

#footer .social-facebook{

	width: 30px;

	background: url(images/fb.png) no-repeat;

}

#footer .social-twitter{

	width: 30px;

	background: url(images/tw.png) no-repeat;

}

.social-bar ul a:hover{
	margin-top: -35px;
	}

#footer .social-bar ul a:hover{
	margin-top: -31px;
	}

img{border-style:none;}

a{

	text-decoration:none;

	color:#555;

}

a:hover{text-decoration:underline;}

input,

textarea,

select{

	font:100% arial,sans-serif;

	vertical-align:middle;

}

form,fieldset{

	margin:0;

	padding:0;

	border-style:none;

}



.shop {

	width:100%;

	overflow:hidden;

	position:relative;
	 margin: 35px 0 0;

}

.shop #wrapper{

	background: url(images/bg-wrapper-shop.jpg) no-repeat 50% 0;

}

/* logo */
.logo-div,
.nav-div{
	float:left;
	position: relative;
	width:100%;
	text-align: center;
}

/* gallery */

.gallery-holder{

	position: relative;

	height: 344px;

	margin: 0px 24px 25px 0;
	float:left;
	width:100%;

}

.gallery-holder:after{

	display: block;

	content: "";

	clear: both;

}
.gallery{

	float: left;

	overflow: hidden;

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	padding-top: 30px;

}
.gallery .gllr_image_block {
    margin: 0 3px;
}
.gallery .gllr_image_block img{
	border-radius: 4px;
}
.gallery_box{
	border-bottom: 3px solid #935b88;
    float: left;
    padding: 20px;
    width: 100%;
}
.gallery_box ul{
	float:left;
	width:100%;
}
.gallery_box ul li{ 
    float:left;
}
.gallery_detail_box{
	float:none;
}
.gallery_detail_box div{
	 color: #028daa;
    font-size: 14px;
    font-weight: bold;
}
.gallery-single .gllr_image_block{
       margin:45px;
}

/*slider*/
#slider-nivo {
  left: 0px;
  position: relative;
  text-align: center;
}

.slidersettings{
	padding-left:5%;
	padding-right:5%;
}
.relative-container {
    position: relative;
}
.relative-container.top-slider {
    min-height: 342px;
}

a.slide-nav {
    position: absolute;
    z-index: 99999;
    top: 50%;
    background: rgba(255,255,255,0.9);
    opacity: 0;
    font-size: 1.1em;
        padding: 0 0.4em;
    border-radius: 50%;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 0 9px -2px #000;
    transition: all linear 0.2s;
	margin: 0 2%;
}
.slide-nav#prev {
    left: -10px;
}
.slide-nav#next {
    right: -10px;
}
ul#cycle:hover #prev {
    left: 50px;
    opacity: 0.8;
}
ul#cycle:hover #next {
    right: 50px;
    opacity: 0.8;
}
ul#cycle {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0;
}
 
#cycle li {
    position: relative;
    width: 100%;
    left: 0;
    list-style: none;
    text-align: justify;
}
#cycle li img,
#cycle li,
#cycle {
    max-width: 950px;
    max-height: 342px;
    width: 100% !important;
    height: auto;
}
#cycle li > div {
    position: absolute;
    bottom: 0;
    padding: 1em 2.7em;
    background: rgba(255,255,255,0.7);
}
/* positioning */
#cycle .right {
    right: 0;
    top: 0;
    width: 40%;
}
#cycle .left {
    left: 0;
    top: 0;
    width: 40%;}
#cycle .bottom {
    width: 93.2%;
    text-align: center;
}
#cycle .hidden{
    display: none;
}


	/* nav */

.nav-holder{

	height: 98px;

	background: url(images/bg-nav.png) no-repeat;
 position: relative;
    z-index: 9999;
}


.nav{

	width: 100%;

	position: relative;

	overflow: hidden;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .nav{
        position: absolute;
}
}
.nav div{

	position: relative;

	float: left;

	left: 5%;

	text-align: center;

}

.nav ul{

	padding: 32px 8px 0 0;

	list-style: none;

	margin: 0;

	position: relative;

	float: left;

}

.nav ul li{

	float: left;

	padding: 0 14px;

}

.nav a{
font-family: 'Playball',cursive;
	color: #fff;

	float: left;

	font-size: 21px;

	line-height: 20px;

    margin-top: 6px;

	padding-bottom: 8px;

}

.nav a.small{margin-top: 6px;}

.nav a:hover,

.nav .active a{

	text-decoration: none;

	color: #f50187;

}

.nav em{

	display: block;

	font-style: normal;

	text-align: center;

	font-size: 17px;

	line-height: 20px;

	margin-bottom: -5px;

}
/* main */

#main{
	/*padding: 618px 13px 0 12px;*/
	float:left;
	position:relative;
	width:100%;
	}
.shop #main{
	padding:170px 13px 0 12px;
	}

/* content */	
#content{

	float:right;

	width:75%;

	overflow:hidden;

	position:relative;
	padding: 1%;

}
.shop #content{
	
	width:98%;
}

.white-box{

	border:3px solid #935B88;
	border-radius: 8px;
	background:#fff;

	margin:17px 0 0;

}

.sticky{
	position:inherit;
}

.content1{

	overflow: hidden;

	height: 1%;

	padding: 56px 13px 20px 11px;

	background: url(images/bg-content1.png) repeat-x;

}
.shop .content1{


	padding:15px 0 20px 16px;

}

.shop .content3{

	background:#fff url(images/bg-content1-shop.jpg) no-repeat;

	padding:0 13px 20px 16px;

	overflow:hidden;

	height:1%;

	border-top:1px solid #e4e3e3;

}

.twocolumns{

	float: left;

	width: 613px;

	position: relative;

}

.shop .twocolumns{

	width:923px;

	overflow:hidden;

	float:none;

}

.full-width{
	border-top:3px solid #935b88;
	float:left;
	width:100%;
	position:relative;
	padding:10px 0 0;
}
.full-width .blog-block{
	width:100%;
}
.column-l{

	float: left;

	width: 295px;

	overflow: hidden;

	padding-top: 3px;

}

.column-c{

	float: right;

	width: 314px;

	overflow: hidden;

}
.column-r{

	float: right;

	width: 300px;

	overflow: hidden;

	padding-top: 3px;

}
.shop .column-r{

	width:612px;

	border-bottom:1px solid #c2c2c2;

}
.heading{

	overflow: hidden;

	height: 1%;

	position: relative;

}

.shop .heading{
	margin:0 0 8px;
	}

.product-items .heading{width:719px;}

.heading div.headtext{

	float: left;

	width: auto;

}
.shop .heading h2,

.heading h3{

	float: left;

	color: #000;

	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: 'Playball', cursive;
text-transform: capitalize;
	font-size: 22px;

	line-height: 20px;

	margin: 3px 0 0;

}

.heading img{float:left;}

.title-right{

	background-image:url(images/title-rightbg.png);

	background-repeat:no-repeat;

	background-position:left;

	min-width:130px;

	min-height:36px;

	float:right;

}

.content2{

	overflow: hidden;

	height: 1%;

	background: #e6f1ff url(images/bg-content2.gif) repeat-x;

	padding: 23px 24px 21px 17px;

	border-bottom: 1px solid #fff;

}

.column{

	float: left;

	width: 437px;

}

.content2 .right{float: right;}

.column .heading{

	width: 433px;

	padding-left: 4px;

}

.content2 .right .heading{width: 437px;}

.column .video-box .heading{

	width: 399px;

	padding-bottom: 3px;

}


	/* news-box */

.news-box{padding: 0 5px 19px 11px;}

.news-box .heading{

	padding-bottom: 3px;

	width: 258px;

}

.news-box p{

	margin: 0;

	font: italic 12px/17px Georgia, "Times New Roman", Times, serif;

}

.news-box a, .post a{color: #027aae;}

.news-box a:hover .post a:hover{

	text-decoration: none;

	color: #d90897;

}

		/* join-box */

.join-box .t,

.join-box .b{

	height: 25px;

	overflow: hidden;

	background: url(images/bg-join-box-t.gif) no-repeat;

}

.join-box .b{background: url(images/bg-join-box-b.gif) no-repeat;}

.join-box .c{

	background: #76d6fa;

	margin: 0 27px 0 25px;

	padding: 0 8px 4px 11px;

	height: 1%;

}

.column-r .join-box .c{margin:0 31px 0 25px;}

.join-box h3{

	margin: 0 0 4px 5px;

	font-size: 15px;

	font-family:arial;

	color: #424444;

	line-height: 20px;

}

.join-box p{

	color: #cb0681;

	margin: 0 -5px 7px 5px;

	font: italic 11px/15px Georgia, "Times New Roman", Times, serif;

	word-spacing: -1px;

}

.join-form{

	background: url(images/line01.gif) repeat-x;

	height:1%;

}

.join-form ul{

	padding: 7px 0 3px;

	list-style: none;

	margin: 0 0 10px;

	background: url(images/line01.gif) repeat-x 0 100%;

}

.join-form ul li{

	height: 1%;

	vertical-align: top;

	padding-bottom: 6px;

	overflow: hidden;

}

.join-form input{

	float: left;

	background: #fff;

	border: 1px solid #dfdddd;

	padding: 7px 9px;

	width: 200px;

	color: #464646;

	font-size: 11px;

}

.btn-submit-join{

	overflow: hidden;

	height: 35px;

	padding-right: 8px;

}

.btn-submit-join input{

	float: right;

	width: 170px;

	height: 50px;

	background: url(images/btn-submit.png) no-repeat;

	text-indent: -9999px;

	overflow: hidden;

}

.btn-submit-join a:hover{margin-top: -25px;}

/* beaute-box */

.beaute-box{

	height: 1%;

	background: url(images/bg-beaute-box.png) no-repeat;

	padding: 41px 16px 20px 24px;

}

.beaute-box h2{

	font-size: 16px;

	font-family: icon;

	text-transform: uppercase;

	color: #21a3bd;

	margin: 0 0 16px;

	line-height: 20px;

	text-align:left;

	position: relative;

}

.beaute-box .holder{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.beaute-box img{float: left;}

.beaute-box .holder div{

	float: right;

	width: 177px;

	overflow: hidden;

}

.beaute-box h3{

	margin: 0 0 1px;

	font-size: 14px;

	font-weight: bold;

	color: #202020;

}

.beaute-box p{

	margin: 0 0 9px;

	word-spacing: 1px;

}

.beaute-box ul{

	padding: 0;

	list-style: none;

	margin: 0 0 0 -9px;

}

.beaute-box ul li{

	display: inline;

	padding: 0 5px 0 9px;

	background: url(images/separator01.gif) no-repeat 0 2px;

}

.beaute-box ul a,

.link-more,

.closet-box .detail a{

	font: italic 12px Georgia, "Times New Roman", Times, serif;

	color: #21a3bd;

}

.beaute-box ul a:hover,

.link-more:hover,

.closet-box .detail a:hover{

	text-decoration: none;

	color: #01648e;

}

		/* photos */

.photos{padding-left: 15px;}

.photos ul{

	padding:8px 0 0;

	list-style: none;

	margin: 0;

	overflow: hidden;

	width: 100%;

}

.photos ul li{

	padding: 4px;

	float: left;

	height: 1%;

	background: url(images/bg-photos.png) no-repeat;

	display: inline;

	margin: 0 10px 8px 0;

}

.photos ul a{

	width: 70px;

	height: 70px;

	overflow: hidden;

	display: block;

	padding: 1px;

	border: 2px solid #fff;

	position: relative;

}

.photos ul a:hover{

	border-color: #fb6fcf;

	text-decoration: none;

}

.photos ul img{display: block;}

.photos .heading{width: 271px;}

.photos .more{

	text-align: right;

	padding: 0 22px;

}


		/* twiitter-box */

.twitter-box{padding: 5px 1px 0 3px;}

.twitter-box .heading{

	width: 288px;

	padding: 0 0 5px 5px;

}

.twitter-box .b{

	height: 34px;

	overflow: hidden; 

	background: url(images/bg-twiitter-b.gif) no-repeat;

}

.twitter-holder{

	background: #80c8e9 url(images/bg-twiitter.gif) no-repeat;

	color: #fff;

	font: italic 15px/20px Georgia, "Times New Roman", Times, serif;

	padding: 9px 15px 19px;

}

.twitter-holder a{color: #fff;}

.twitter-box p{margin: 0;}

.follow-link{

	margin: -19px 0 22px 51px;

	position: relative;

}

.add{border: 0px solid #d6d6d6;
      margin-top: 20px;}

.add img{display: block;}

	/* music-box */

.music-box{

	background: #e664bb url(images/bg-music.jpg) no-repeat;

	border-bottom: 1px solid #fff;

	height: 1%;

	padding: 0 31px 0 43px;

}

.music-box:after{

	clear: both;

	content: "";

	display: block;

}

.music-box .info{

	float: left;

	width: 500px;

	color: #fff;

}

.music-box .info img{

	float: left;

	position: relative;

	margin: -13px 6px 0 0;

	display: inline;

}

.music-box h3{

	margin: 36px 0 0;

	font-size: 20px;

	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;

	line-height: 20px;

	font-weight: bold;

}

.music-box p{

	margin: 0 0 6px;

	word-spacing: -1px;

}

.music-box .info a{

	color: #000;

	font: italic 15px/17px Georgia, "Times New Roman", Times, serif;

}

.music-box .info a:hover{

	text-decoration: none;

	color: #fff;

}

.music-box .player{

	float: right;

	width: 308px;

	background: none;

	padding: 0 15px 0 16px;

	margin-top: 56px;

}

.music-box .player div{

	float: left;

	position: relative;

	margin-top: 7px;

}

.btn-buy{

	float: left;

	position: relative;

	width: 100%;

	height: 75px;

	background: url(images/buy-now-blue.png) no-repeat;

	padding: 25px 13px 0 7px;

	text-align: right;

	margin-top: -10px;

}

.btn-buy:hover{

	color: #007aaf;

	text-decoration: none;

}

	/* blog */

.blog{

	background: #fff;

	overflow: hidden;

	height: 1%;

	border: 1px solid #f5ceed;

	border-width: 1px 1px 0;

	padding: 10px 11px 3px;

	margin-top: 8px;

}

.blog-b{

	overflow: hidden;

	height: 25px;

	background: url(images/bg-blog-b.gif) no-repeat;

	margin-bottom: 22px;

}

.blog img{

	float: left;

	display: inline;

	margin-right: 19px;
        width: 210px;
        height:auto;
}

.blog .txt{

	float: right;
	padding-top: 9px;
	padding-left: 10px;
    width: 412px;

}

.column h4{
font-family: 'Oswald', sans-serif;
 font-weight: normal !important;
	margin: 0 0 1px;

	color: #202020;

	font-size: 15px;

	font-weight: bold;

}

.blog p{margin: 0 0 8px;}

.thumbnail{

	 clear: none;

    float: left;

    height: 310px;

    margin-bottom: 10px;

    margin-right: 10px;

    overflow: hidden;

    width: 210px;

}
	/* project */

.project{

	overflow: hidden;

	height: auto;

	padding: 8px 0 0 17px;

}

.project .link-holder{

	float: left;

	width: 170px;

	padding-top: 10px;

}
.project .edit-link{
	float:left;
	width: 100%;
}
.small-logo{

	display: block;

	overflow: hidden;

	width: 170px;

	height: 170px; /*64px;*/

	background: url(images/cosmetpro-thumb.jpg) no-repeat; 

	text-indent: -9999px;

	margin-bottom: 24px;

}

.small-logo a{

	display: block;

	height: 100%;

}

.btn-learn{

	display: block;

	text-align: center;

	margin: 0 auto;

	height: 29px;

	width: 140px;

	background: url(images/btn-learn.png) no-repeat;

	color: #dc199e;

	font: italic 12px Georgia, "Times New Roman", Times, serif;

	padding: 5px 5px 0;

}

.btn-learn:hover{

	text-decoration: none;

	background: url(images/btn-learn-hover.png) no-repeat;

	color: #030303;

}

.project .txt{

	float: right;

	width: 226px;

}

.project p{margin: 0;}

/* closet-box */

.closet-box{

	padding: 10px 42px 22px 0;

	overflow: hidden;

	height: 1%;

}

.closet-box .img-link{

	float: left;

	border: 5px solid #fff;

}

.closet-box .img-link:hover{border-color: #fb81d4;}

.closet-box .img-link img{display: block;}

.closet-box .txt{

	width: 240px;

	float: right;

	padding-top: 9px;

}

.column .closet-box h4{margin-left: 8px;}

.closet-box p{margin: 0 0 13px 8px;}

.closet-box .detail{

	padding: 4px 0 9px;
 height: 25px;
	list-style: none;

	margin: 0;

	background: url(images/btn-learn.png) no-repeat;

	text-align: center;

	width: 150px;

}

.closet-box .detail li{

	background: url(images/separator01.gif) no-repeat 0 2px;

	display: inline;

	padding: 0 5px 0 9px;

	position: relative;

}

.closet-box .detail li:first-child{
	background: none;
}

	/* video-box */

.video-box{

	/*background: #f3c3e9 url(images/bg-video.gif) no-repeat;*/
    background: #76d6fa;

	width: 399px;

	padding: 13px 15px 17px;

	margin: 0 auto;

	position: relative;

}

.video-box-b{

	height: 25px;

	overflow: hidden;

	background: url(images/bg-video-box-b.png) no-repeat;

	width: 429px;

	margin: 0 auto;

}

.video-box p{

	margin: 0 0 17px;

	word-spacing: 1px;

}

.video img{display: block;}

.video-box .btn-1{

	position: absolute;

	bottom:-25px;

	left:160px;

	width: 122px;

	height: 29px;

	display: block;

	text-align: center;

	background: url(images/btn1.png) no-repeat 50% 0;

	color: #dc199e;

	font: italic 12px Georgia, "Times New Roman", Times, serif;

	padding: 5px 5px 0;

}

.video-box .btn-1:hover{

	color: #01648e;

	text-decoration: none;

}

/* videos */
.video{
	 margin-top: 10px;
}

.videos-box{

	overflow:hidden;

	width:299px;

	position:relative;

	margin:0 0 13px;

}

.videos-box .heading{

	margin:0 0 2px;

}

.videos-box .list-holder{

	overflow:hidden;

	height:1%;

	margin:0 0 9px;

}

.videos-box ul{

	margin:0 0 0 -4px;

	padding:0;

	list-style:none;

}

.videos-box ul li{

	background: url(images/bg-videos.png) no-repeat;

	width:135px;

	height:84px;

	float:left;

	display:inline;

	margin:0 0 0 12px;

}

.videos-box ul a{

	position:relative;

	display:block;

	width:128px;

	height:77px;

	padding:7px 0 0 7px;

	overflow:hidden;

}

.videos-box ul a .frame{

	position:absolute;

	top:0;

	left:0;

	background: url(images/bg-videos-over.png) no-repeat;

	width:135px;

	height:84px;

	cursor:pointer;

	line-height:0;

	left:-9999em;

}

.videos-box ul a:hover{float:none;}

.videos-box ul a:hover .frame{left:-9999em;}



.videos-box ul a:hover .frame{left:0em;}



.videos-box ul a .image{

	display:block; 	

	height:69px;

	width:122px;

}

.videos-box .more{

	text-align:right;

	margin:0 12px 0 0;

}
/* footer */

#footer{

	background: url(images/bg-footer.gif) no-repeat;

	padding: 45px 0px 0;
	float:left;

	text-align: center;

	height: 1%;
	width:100%;

}
#footer .button{

	float:right;

	background: url(images/bg-button-footer.gif) no-repeat;

	width:225px;

	height:32px;

	text-align:center;

	font:13px/31px Georgia,serif;

	text-transform:uppercase;

	color:#fff;

	margin:7px 0 0;

}

#footer a.button:hover{

	color:#bd0280;

	text-decoration:none;

}

#footer .site-info{
	float:left;
	width:100%;
}

#footer .holder{

	float:left;

	width:650px;

}

#footer ul{

	padding: 0 0 9px;

	list-style: none;

	margin: 0;

}

#footer ul li{

	display: inline;

	font: 12px Georgia, "Times New Roman", Times, serif;

	color: #4a4a4a;

}

.footer-nav li{padding: 0 6px;}
.footer-nav {
  margin-top: -38px;
}
.copyright {
  margin-top: 22px !important;
  width:92%;
}
.copyright li{

	padding: 0 1px 0 6px;

	background: url(images/separator02.gif) no-repeat 0 2px;

}

.copyright li:first-child{background: none;}

#footer ul a{color: #4a4a4a;}

#footer .active a,

#footer ul a:hover{

	text-decoration: none;

	color: #bd0280;

}

.footer-bar{

	overflow: hidden;

	height: 1%;

	padding-top: 15px;

}
.link-by{

	float: right;

	overflow: hidden;

	height: 5px;

}

.link-by a{

	display: block;

	text-indent: -9999px;

	overflow: hidden;

	width: 98px;

	height: 10px;

	background: url(images/link-by.png) no-repeat;

}

.link-by a:hover{margin-top: -5px;}

.prev-img{float:left;}

/* inners2 */

.content3{

	background:#e6f1ff url(images/bg-content.gif) repeat-x;

	overflow:hidden;

	width:auto;

	padding:20px;

}

.content3 .twiitter-box{margin:0 0 -9px;}

.content3 .twocolumns{

	border-top:3px solid #935b88;

	background:#fff;

	padding:10px 0 0;

}

.content3 .column-r{margin: 0;}

.content3 .column-holder{

	background: url(images/bg-pink-column-r.gif) repeat-y 100% 0;

	margin:0;

	overflow:hidden;

	height:1%;

	/*height:2155px;*/

	padding:0 0 186px;

}
.column-holder-page{

	background: none;

	margin:0;

	overflow:hidden;

	height:1%;

	/*height:2155px;*/

	padding:0px;

}

.ask-w1{

	background: url(images/bg-blue-column-r.gif) repeat-y 453px 0;

	height:1%;

	padding:0 0 11px;

}

.ask-w1:after{

	content:"";

	clear:both;

	display:block;

}

.blog-block{

	width:400px;

	float:left;

	color:#555;

	font-size:12px;

}

.blog-block-page{

	width:100%;

	float:left;

	color:#555;

	font-size:12px;

}

.blog-block .post{

	width:390px;

	margin:0 0 10px 16px;

	overflow:hidden;

	position:relative;

}


.content3 .heading h2{

	color:#424444;

	float:left;

	font-size:35px;

	line-height:40px;

	margin:3px 0 0;

}

.content3 .post .heading img{margin:14px 0 0;}

.content3 .post .heading {margin:0 0 11px;}

.blog-block .date{

	color:#7f7e7e;

	font:italic 13px Georgia,"Times New Roman",Times, serif;

	display:block;

	margin:0 0 4px;

}

.blog-block h3, .blog-block-page h3{

	margin:0 0 14px;

	color:#2f2f2f;

	font:28px Georgia,"Times New Roman",Times, serif;

}

.blog-block .photo{margin:0 0 27px;}

.blog-block .photo img{display:block;}

.blog-block .meta-list{

	margin:0 0 4px;

	padding:5px 0 0;

	list-style:none;

	text-align:center;

	color:#ed5cbf;

	font:italic 11px Georgia,"Times New Roman",Times, serif;

}

.blog-block p{margin:0 0 17px;}

.blog-block .meta-list a{color:#ed5cbf;}

.blog-block .meta-list a:hover{

	color:#01648e;

	text-decoration:none;

}

.blog-block .meta-list li{

	display:inline;

	padding:0 3px 0 8px;

	background: url(images/divider-paging2.gif) no-repeat 0 2px;

}

.blog-block .meta-list li:first-child{background-image:none;}

/* Recent Posts */

.recent-posts{

	width:299px;

	overflow:hidden;

	position:relative;

	margin:0 0 31px;

}

.recent-posts .list-holder{

	overflow:hidden;

	height:1%;

	margin:-7px 0 0;

}

.recent-posts ul{

	font:17px Georgia, serif;

	color:#858585;

	margin:-1px 0 0;

	padding:0;

	list-style:none;

	border-bottom:1px solid #c1c1c1;

}

.recent-posts li{

	background: url(images/divider-cart-list1.gif) no-repeat;

	vertical-align:top;

	padding:2px 0 1px;

	height:1%;

}

.recent-posts ul a{

	color:#858585;

	display:block;

	padding:9px 0 9px 21px;

}

.recent-posts ul a:hover{

	color:#ed5cbf;

	background:#fcebf6;

	text-decoration:none;

}

/* comment-items */

.comments-items{
	float:left;
	padding: 0 0 0 16px;
}
.comments-items p, .comments-items label, .comments-items code{
	float:left;
	width: 100%;
}
.comments-items input[type="submit"]{
	background:#cb4bd2;
	 border-radius: 4px;
    color: #fff;
    padding: 10px;
}
.comment-items{

	background: url(images/divider-pattern.gif) no-repeat 0 100%;
  
	width:440px;

	margin:0 0 13px;

}

.comment-items .t{

	background: url(images/divider-pattern.gif) no-repeat;

	padding:31px 26px 38px;

}

.comment-items .item{

	background:#e7e7e7;

	border:1px solid #dcdada;

	position:relative;

	margin:0 0 8px;

	padding:13px 20px 4px 17px;

	height:1%;

}

.comment-items .light-bg{background:#f6f4f4;}

.comment-items .pink-bg{

	background:#fce7f5;

	border:1px solid #fbc0e8;

}

.comment-items .arrow{

	background-image: url(images/bg-arrow-comments.gif);

	width:12px;

	height:23px;

	overflow:hidden;

	text-indent:-9999em;

	position:absolute;

	left:-12px;

	top:12px;

}

.comment-items .light-bg .arrow{background-position:-12px 0;}

.comment-items .pink-bg .arrow{background-position:-24px 0;}

.comment-items .name{

	display:block;

	color:#2f2f2f;

	font:18px Georgia,"Times New Roman",Times, serif;

}

ol.comment-list{
	float:left;
}
ol.comment-list li{
	border-style:solid;
	border-color:#ed5cbf;
	border-radius:4px;
	border-width: thin;
	float:left;
	display:block;
	  margin: 5px 0;
    padding: 5px;
	width:100%;
}

.page-numbers.current {
    background: url("images/next-button.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	 border-radius: 8px;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
}
.page-numbers {
    background: url("images/pagi-1.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	 border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 0 0 5px;
    padding: 5px 10px;
}
/* right navigation */

.nav-r{

	float:right;

	width:172px;

	margin:15px 0 0;

}

.nav-r h3{

	background: url(images/bg-title-nav-r.gif) no-repeat;

	min-height:37px;

	text-align:center;

	color:#fff;

	font-size:20px;

	font-weight:normal;

	margin:0 0 3px;

	padding:4px 0 0;

}
.nav-r h3 em{font-style:normal;}

.nav-r ul{

	margin:0 10px 19px 22px;

	padding:0;

	list-style:none;

}

.nav-r li{padding:0 0 3px;}

.nav-r a{color:#4a4a4a;}

.nav-r li.active a,

.nav-r a:hover{

	color:#fc01b9;

	text-decoration:none;

}
/* Products */
.content-pro{

	background:#fff url(images/bg-content.gif) repeat-x;

	overflow:hidden;

	width:97%;

	padding:10px 14px 12px;

}
ul.products{
	  float: left;
    margin: 0 0 15px;
}
ul.products li{
	float:left;
	width:150px;
	margin: 5px;
	list-style-type:none;
}
/*ul.products li .pro-title{
	float: left;
    width: 100%;
}*/
ul.products li a h3{
	 color: #099dbb;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width:100%;
	float:left;
}

ul.products li a span.price{
	
	text-align:center;
	width:100%;
	float: left;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

ul.products li a.button{
	border-radius: 10px;
	font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 85%;

}
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button{
	background:-moz-linear-gradient(center top , #cb4bd2 0px, #bd6ee6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #0b0811;
}
.attachment-shop_thumbnail{
	margin: 0 auto 12%;
}
.cart{
	float:left;
	width:50%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	width:29.05% !important;
}
#tab-description h2, .related h2 {
    color: #777;
    float: left;
    font-size: 15px;
    line-height: 21px;
    margin: 0;
}
#reviews h2 {
    color: #777;
    float: none;
    font-size: 15px;
    line-height: 21px;
    margin: 0;
}
#tab-description p {
    float: left;
}
#reviews p, #reviews #comments, #reviews #review_form_wrapper #review_form {
    float: none;
}
#sidebar-pro{
	 float: left;
	 margin: 2% 0;
    width: 22%;

}
#sidebar-pro .title{
	background:url(images/bg-heading-sidebar.gif) no-repeat center bottom rgba(0, 0, 0, 0);
	 padding: 0 0 18px;
}
h1.product_title{
	color:#000055;
	font-family:"Playball",cursive;
	font-size:18px;
	letter-spacing: 1px;
}
.summary p{
	margin: 5% 0;
	font-size:12px;
}
#sidebar-pro h3{
	font-family:"Playball",cursive;
	font-size:18px;
	letter-spacing: 1px;
    margin: 0 0 8px;
    
    text-align: center;
}
ul.product-categories{
	float:left;
	padding: 2%;
	width:90%;
}
ul.product-categories li{
	
	list-style-type:none;
	margin-left: 10%;
}
ul.product-categories li a{
	color:#b01b74;
	font-family:"Playball",cursive;
	font-size:16px;
}
/* search */

.search-bar fieldset{

	float:right;

	margin:0 0 56px;

}

.search-bar input{

	float:left;

	margin:0;

	padding:0;

	border:0;

}

.search-bar input.text{

	width:170px;

	border:1px solid #dfdddd;

	background:#fff;

	font-size:10px;

	color:#464646;

	padding:7px;

	margin:0 7px 0 0;

}

.search-bar .submit{

	background: url(images/btn-submit.gif) no-repeat;

	width:81px;

	height:26px;

	overflow:hidden;

	text-indent:-9999em;

	line-height:0;

	margin:2px 9px 0 0;

	float:left;

}

.search-bar .submit:hover{

	background-position:0 -26px;

}

.user-bar{

	margin:0 0 17px;

	padding:0;

	list-style:none;

	float:right;

	clear:both;

	color:#2f2f2f;

	font:italic 12px Georgia, serif;

}

.user-bar *{float:left;}

.user-bar li{

	background: url(images/divider-useer-bar.gif) no-repeat 0 3px;

	margin:0 6px 0 0;

	padding:0 0 0 9px;

	display:inline;

}

.user-bar li:first-child{background-image:none;}

.user-bar a{color:#da0997;}
/* Options Framework Admin Styles */

#optionsframework {
    max-width:840px;
    background:#fff;
}
#optionsframework h3 {
	cursor: default;
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
}
#optionsframework p {
	margin-bottom:0;
	padding-bottom:10px;
}
#optionsframework .section {
	padding:10px 10px 0;
}
#optionsframework .group {
	padding-bottom:40px;
}
#optionsframework .section .controls {
	float: left;
	min-width:350px;
	width: 54%;
	padding-right:2%;
}
#optionsframework .section .explain {
	max-width:38%;
	float: left;
	font-size: 12px;
	line-height:16px;
	color: #777;
}
#optionsframework .section-checkbox .controls {
	width: 98%;
}
#optionsframework .section-checkbox .explain {
	max-width:94%;
}
#optionsframework .controls input[type=text] {
	width:100%;
}
#optionsframework .controls input[type=text].wp-color-picker {
    width: 65px;
}
#optionsframework .controls select, #optionsframework .controls textarea {
	margin-bottom:10px;
	width:100%;
}
#optionsframework .section-radio label, #optionsframework .section-multicheck label {
	float:left;
	max-width:90%;
	line-height: 16px;
	margin-bottom: 5px;
}
#optionsframework input.checkbox, #optionsframework input.of-radio {
	margin: 0 10px 5px 0;
	float:left;
	clear:both;
}
#optionsframework .section-typography .controls {
	float:none;
	width:auto;
}
#optionsframework .section-typography .explain {
	float:none;
	width:auto;
}
#optionsframework .controls .of-typography-size {
	width:80px;
	float:left
}
#optionsframework .controls .of-typography-unit {
	width:50px;
	margin-left:5px;
	float:left
}
#optionsframework .controls .of-typography-face {
	width:100px;
	margin-left:5px;
	float:left
}
#optionsframework .controls .of-typography-style {
	width:80px;
	margin-left:5px;
	margin-right:5px;
	float:left
}
#optionsframework .section-typography .wp-picker-container {
	margin-top:2px;
}
#optionsframework .of-background-properties {
	clear:both;
	margin-top: 18px;
}
#optionsframework .controls .of-background-repeat {
	width:125px;
	margin-right:5px;
	float:left
}
#optionsframework .controls .of-background-position {
	width:125px;
	margin-right:5px;
	float:left
}
#optionsframework .controls .of-background-attachment {
	width:125px;
	margin-right:5px;
	float:left
}
#optionsframework .section-background .wp-picker-container {
	margin-bottom:10px;
}
#optionsframework .controls .of-radio-img-img {
	border:3px solid #f9f9f9;
	margin:0 5px 10px 0;
	display:none;
	cursor:pointer;
	float:left;
}
#optionsframework .controls .of-radio-img-selected {
	border:3px solid #ccc
}
#optionsframework .controls .of-radio-img-img:hover {
	opacity:.8;
}
#optionsframework .controls .of-border-width {
	width:80px;
	float:left
}
#optionsframework .controls .of-border-style {
	width:120px;
	float:left
}
#optionsframework .hide {
	display:none;
}
#optionsframework .of-option-image {
	max-width:340px;
	margin:3px 0 18px 0;
}
#optionsframework .mini .controls select, #optionsframework .section .mini .controls {
	width: 140px;
}
#optionsframework .mini .controls input, #optionsframework .mini .controls {
	min-width:140px;
	width: 140px;
}
#optionsframework .mini .explain {
	max-width:74%;
}

/* Editor */

#optionsframework .section-editor .explain {
	max-width: 98%;
	float:none;
	margin-bottom:5px;
}

/* Image Uploader */

#optionsframework .controls input.upload {
	width:80%;
}
#optionsframework .screenshot {
	float:left;
	margin-left:1px;
	position:relative;
	width:344px;
	margin-top:3px;
}
#optionsframework .screenshot img {
	background:#fafafa;
	border-color:#ccc #eee #eee #ccc;
	border-style:solid;
	border-width:1px;
	float:left;
	max-width:334px;
	padding:4px;
	margin-bottom:10px;
}
#optionsframework .screenshot .remove-image {
	background:url("../images/ico-delete.png") no-repeat;
	border:medium none;
	bottom:4px;
	display:block;
	float:left;
	height:16px;
	padding:0;
	position:absolute;
	left:-4px;
	text-indent:-9999px;
	width:16px;
}
#optionsframework .screenshot .no_image .file_link {
	margin-left: 20px;
}
#optionsframework .screenshot .no_image .remove-button {
	bottom: 0px;
}
#optionsframework .reset-button {
	float:left;
	cursor:pointer;
}

/* Bottom Section */

#optionsframework-submit {
	padding: 7px 10px;
	border-top: 1px solid #ddd;
	background-color: #f1f1f1;
}
#optionsframework .button-primary {
	float:right;
}
#optionsframework .section:after {
	content: "";
	display: table;
}
#optionsframework .section:after {
	clear: both;
}

.slidersettings,
.section-select{
	padding-left:5%;
	padding-right:5%;
}

.woocommerce-tabs, related{
	clear:both;
	float:left;
}
.woocommerce-tabs ul.tabs:before,
.woocommerce-tabs ul.tabs:after,
.woocommerce .related:after, .woocommerce .related:before, .woocommerce .upsells.products:after, .woocommerce .upsells.products:before, .woocommerce-page .related:after, .woocommerce-page .related:before, .woocommerce-page .upsells.products:after, .woocommerce-page .upsells.products:before, .upsells.products:before{
	content:" ";
	display:table;
}
.contributor{
	  border: thin solid #cb4bd2;
    border-radius: 4px;
    display: inline-block;
    float: none;
    margin: 5px;
    padding: 10px;
}
.edit-cont-page{
	float:left;
}
@media screen, projection {

cufon {

    display: inline-block !important;

    position: relative !important;

    vertical-align: middle !important;

}

cufon cufontext {

   

}

cufon canvas {

    position: relative !important;

}

}