/* Table of Content
==================================================
	#General Sites
	#Misc */

@import url("font-awesome.min.css");
@import url("base.css");
@import url("widgets.css");
@import url("shortcodes.css");
@import url("woocommerce.css");

/*=========================================================================
  Main
//=======================================================================*/
body{
	color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.813em;
    font-weight: 400;
    line-height: 1.625em;
}
#st-wrapper{
	background-color:#fff;
}
#st-wrapper.boxed{
	width:980px;
	margin:30px auto 40px;
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
			box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
}

/*=========================================================================
  Html Element
//=======================================================================*/
h1, h2, h3, h4, h5, h6{
	font-weight:600;
	color:#222;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i{
	margin-right:5px;
}
h1, h2, h3, h4{
	line-height:1.2em;
}
p{
	margin-bottom:20px;
} 

a{
	outline:none;
	color:#111;
}
a:hover,
a:focus{
	text-decoration:none;
	outline:none;
	color:#777;
}


li{
	line-height:inherit;
}

.table{
	border-collapse:collapse;
	border:1px solid #eee;
}
.table th{
	padding:15px;
	letter-spacing:1px;
	font-weight:600;
	text-align:center;
	background-color:#fbfbfb;
}
.table td{
	border:1px solid #eee;
	padding:10px;
	text-align:center;
}
.table strong{
	font-weight:600;
}

label{
	display:inline-block;
}

.btn, 
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input{
	border-color:#eee;
}

code{
	white-space:inherit;
}

address{
	line-height:24px;
}


/*=========================================================================
  Default Header Element
//=======================================================================*/
#header{
	background-color:#fff;
}
#top-wrapper{
	height:30px; 
	background-color:#fbfbfb;
	border-bottom:1px solid #eee;
}
#top-wrapper:after{
	clear:both;
	display:block;
	overflow:hidden;
}
#top-wrapper .header-social,
#top-wrapper .header-cart,
#top-wrapper .header-call{
	display:inline-block;
	overflow:hidden;
	height:30px;
}

#top-wrapper .header-call{
	font-size:11px;
}
#top-wrapper .header-call ul{
	margin:0;
}
#top-wrapper .header-call ul li{
	float:left;
	margin:0 10px;
	line-height:30px;
}
#top-wrapper .header-call ul li i{
	margin-right:10px;
}

#top-wrapper .st-social .inline{
	margin:0;
}


/*language*/
#top-wrapper .header-lang{
	display:inline-block;
	height:30px;
}
.header-lang #lang_sel{
	line-height:30px;
	height:30px;
	z-index:999;
}
.header-lang #lang_sel img{
	top:-2px !important;
}
.header-lang #lang_sel ul ul a{
	margin-top:-1px;
}
.header-lang #lang_sel ul li{
	width:auto;
}
.header-lang #lang_sel ul ul{
	width:auto;
	top:30px;
	z-index:999;
}
.header-lang #lang_sel a, 
.header-lang #lang_sel a:visited,
.header-lang #lang_sel ul ul a{
	background-color:#fbfbfb;
	border:1px solid #eee;
	line-height:30px;
	width:100px;
	z-index:999;
	padding:0 10px;
}
.header-lang #lang_sel ul ul a:hover{
	background:#f9f9f9;
}

.header-lang #lang_sel a.lang_sel_sel{
	border-top:none;
	border-bottom:none;
}

/*header shop cart*/
#top-wrapper .header-cart{
    float: right;
    padding: 0 10px;
	line-height:30px;
	border-right:1px solid #eee;
}
#top-wrapper .header-cart i{
	margin-right:10px;
}
#top-wrapper .header-cart .cart-products{
	position:absolute;
	right:0;
	padding:10px 20px;
	margin-top:0;
	width:240px;
	z-index:999;
	border:1px solid #eee;
	background-color:#f9f9f9;
}
#top-wrapper .header-cart .cart-info a{
	cursor:pointer;
}
#top-wrapper .header-cart .cart-products .empty{
	margin:0;
	padding:0;
	line-height:100%;
	font-weight:600;
	color:#000;
}


#middle-wrapper{
	min-height:80px;
}
#middle-wrapper .middle-wrapper-content{
	padding:30px 0;
	-webkit-transition:all 0.2s ease-in-out 0s;
	   -moz-transition:all 0.2s ease-in-out 0s;
			transition:all 0.2s ease-in-out 0s;
}
#middle-wrapper .logo{
	display: inline-block;
    width: 100%;
}
#middle-wrapper .logo img{
	max-height: 150px;
    width: auto;
	-webkit-transition:all 0.5s ease-in-out 0s;
	   -moz-transition:all 0.5s ease-in-out 0s;
			transition:all 0.5s ease-in-out 0s;
}

/*header fixed*/
#middle-wrapper .middle-wrapper-content.fixed{
	background-color:rgba(255, 255, 255, 0.9);
	display:block;
	position:fixed;
	width:100%;
	z-index:999;
	left:0;
	top:0;
	padding:10px 0;
	-webkit-transition:padding 0.5s ease-in-out 0s;
	   -moz-transition:padding 0.5s ease-in-out 0s;
			transition:padding 0.5s ease-in-out 0s;
	-webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.1);
			box-shadow:0 1px 9px rgba(0, 0, 0, 0.1);
}
#middle-wrapper .middle-wrapper-content.fixed .logo a img{
	max-height:40px;
	-webkit-transition:all 0.5s ease-in-out 0s;
	   -moz-transition:all 0.5s ease-in-out 0s;
			transition:all 0.5s ease-in-out 0s;
}


/*=========================================================================
  Main Menu
//=======================================================================*/
#primary-nav {
	position: absolute;
    right: 0;
    top: 50%;
	margin-top:-22px;
}
#mobile-container{
	display: none;
}
.primary-menu{
	margin:0;
	float:right;
}
.primary-menu li{
	display:inline-block;
	position:relative;
	margin:0 15px;
}
.primary-menu li a{
	display:block;
	padding:10px 0;
	position:relative;
	z-index:1;
	color:#111;
}
.primary-menu li a:hover,
.primary-menu li:hover > a{
}
.primary-menu li a i{
	margin-right:5px;
}
.primary-menu li.current-menu-parent > a:before,
.primary-menu li.current_page_parent > a:before,
.primary-menu li.current_page_item > a:before,
.primary-menu li.current-menu-ancestor > a:before{
}

.primary-menu li a:hover:before,
.primary-menu li.current-menu-parent > a:before,
.primary-menu li.current_page_parent > a:before,
.primary-menu li.current_page_item > a:before,
.primary-menu li.current-menu-ancestor > a:before,
.primary-menu li.current-menu-parent:hover > a:before,
.primary-menu li.current_page_parent:hover > a:before,
.primary-menu li.current_page_item:hover > a:before,
.primary-menu li.current-menu-ancestor:hover > a:before{
	opacity:1;
	bottom:0;
	-webkit-transition:all 0.3s ease-in-out 0s;
	   -moz-transition:all 0.3s ease-in-out 0s;
			transition:all 0.3s ease-in-out 0s;
}

/*sub-menu*/
.primary-menu ul{
	text-align:left;
	font-weight:normal;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:99999;
	width:200px;
	margin:0;
	padding:0;
	border-top:2px solid;
	background-color:#fff;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.07);
	   -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.07);
			box-shadow:0 5px 10px rgba(0, 0, 0, 0.07);
}
.primary-menu li li{ 
	float:none;
	display:block;
	margin:0;
	padding:0;
	border:none;
}
.primary-menu li li a{
	color:#888;
	margin:0;
	line-height:normal;
	padding:9px 13px;
	font-weight:normal;
}
.primary-menu li li a:hover,
.primary-menu li li:hover > a{
	color:#111;
	background-color:#fbfbfb;
}

/*sub-sub-menu*/
.primary-menu ul ul{
	top:0;
	left:100%;
}

/*mobile-menu*/
#toggle-menu{
	display:none;
}


/*=========================================================================
  Slider Wrapper
//=======================================================================*/
#slider-wrapper {}

/*revolution slider*/
.tp-caption{
	font-family:Open Sans,sans-serif;
	font-weight:300;
	-webkit-text-shadow:none !important;
	   -moz-text-shadow:none !important;
			text-shadow:none !important;
}
.tp-leftarrow{
	left:15px !important;
}
.tp-rightarrow{
	right:15px !important;
}
.tp-caption.medium_grey{
	padding:6px 10px 8px;
	background-color:rgba(0, 0, 0, 0.6);
}
.tp-caption.small_text,
.tp-caption.medium_text{
	color:#000;
}
.tp-caption.large_text{
	font-weight:300;
	color:#000;
	text-shadow:0 0 3px 
}
.tp-caption.very_large_text{
	font-weight:300;
	color:#000;
}
.tp-caption.very_big_white{
	font-weight:300;
	padding:3px 10px 16px;
	background-color:rgba(0, 0, 0, 0.8);
}

/*=========================================================================
  Title Wrapper
//=======================================================================*/
#title-wrapper{
	background:url(../images/demo/bgtitle1.jpg) no-repeat fixed top center;
	position:relative;
	padding:30px 0;
	color:#fff;
}
#title-wrapper a{
	color:#fff;
}
.page-title{
	margin:0;
	color:#fff;
	font-size:24px;
	font-weight:400;
	letter-spacing:-1px;
}
.page-title > span {
	display:block;
	font-size:14px;
}
.breadcrumb{
	background:none;
	padding:0;
	margin:-9px 0 0;
	text-transform:uppercase;
	font-size:11px;
	position:absolute;
	top:50%;
	right:0;
}
.breadcrumb > li{
	text-shadow:none;
}
.breadcrumb > li > .divider{
	font-size:12px;
	color:#fff;
}
.breadcrumb > .active{
	color:#fff;
}
.breadcrumb a:hover{
	text-decoration:underline;
}



/*=========================================================================
  Main Wrapper
//=======================================================================*/
#main-wrapper, 
#section-wrapper .st-section {
	padding: 60px 0 50px;
}


/*=========================================================================
  Pagination
//=======================================================================*/
.pagination{
	text-align:center;
}
.pagination .current,
.pagination a{
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	color:#111;
	font-weight:400;
	text-align:center;
	border:1px solid #eee;
}
.pagination a:hover,
.pagination .current{
	border-color:#111;
	background-color:#111;
	color:#fff;
}

/*post-nav*/
.post-nav{
    margin:10px auto;
	padding:10px 0;
	font-weight:400;
	border-top:1px solid #eee;
}
.post-nav:after{
	clear:both;
	content:'';
	display:block;
}
.post-nav .post-prev,
.post-nav .post-next{
	width:50%;
	position:relative;
}
.post-nav .post-prev{
	float:left;
}
.post-nav .post-next{
	float:right;
	text-align:right;
}
.post-nav .post-prev a,
.post-nav .post-next a{
	position:relative;
	display:inline-block;
}
.post-nav .post-prev a:before,
.post-nav .post-next a:after{
	position:relative;
	display:inline-block;
}
.post-nav .post-prev a:before{
	content:'\2190';
	left:0;
	margin-right:10px;
}
.post-nav .post-next a:after{
	content:'\2192';
	right:0;
	margin-left:10px;
}


/*=========================================================================
  Footer
//=======================================================================*/
#footer {
	background-color:#212121;
	color:#777;
}
#footer a{
	color:#555;
}
#footer-wrapper{
	padding:50px 0 30px;
}


#copyright-wrapper {
	padding: 15px 0;
	background-color:#fbfbfb;
}
#copyright-wrapper [class*="span"]{
	min-height:1px;
}
#copyright-wrapper #secondary-nav ul{
	margin:0;
}
#copyright-wrapper #secondary-nav ul li{
	line-height:100%;
	padding:0 10px;
	border-left:1px solid rgba(255, 255, 255, 0.1);
}
#copyright-wrapper #secondary-nav ul li:first-child{
	border:none;
}
.scrollTop{
	position:fixed;
	bottom:50px;
	right:15px;
	z-index:99;
	display:none;
	overflow:hidden;
	background-color:#6A6E71;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
			box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
}
.scrollTop a{
	width:40px;
	height:40px;
	text-align:center;
	display:block;
	position:relative;
	color:#fff;
}
.scrollTop a i{
	line-height:40px;
	font-size:18px;
	display:block;
}


/*=========================================================================
  Comment
//=======================================================================*/
#comments{
	margin-top:60px;
}
#comments #reply-title{
	font-size:18px;
	font-weight:400;
	line-height:inherit;
}
#comments .comment-notes{
	margin-bottom:40px;
	color:#999;
}
#comments .required,
#reviews .required{
	color:red;
}
#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-email,
.woocommerce #review_form #respond .comment-form-author,
.woocommerce-page #review_form #respond .comment-form-author,
.woocommerce #review_form #respond .comment-form-email,
.woocommerce-page #review_form #respond .comment-form-email{
	float:left;
	width:50%;
}
#comments input[type="text"],
#comments textarea,
.woocommerce #review_form #respond input[type="text"],
.woocommerce-page #review_form #respond input[type="text"],
.woocommerce #review_form #respond textarea,
.woocommerce-page #review_form #respond textarea{
	border-color:#eee;
	background:#fbfbfb;
	padding:15px;
	width:300px;
	display:block;
}
#comments textarea,
.woocommerce #review_form #respond textarea,
.woocommerce-page #review_form #respond textarea{
	width:86%;
}

#comments .commentlist,
#comments .commentlist li{
	list-style:none;
}
#comments .commentlist article.comment{
	margin-bottom:40px;
}
#comments .commentlist .comment-author{
	margin-bottom:10px;
}
#comments .commentlist .avatar{
	float:left;
	margin-right:15px;
	overflow:hidden;
	width:75px;
	height:75px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}
#comments .commentlist .fn{
	font-weight:600;
	font-size:14px;
	color:#000;
}
#comments .commentlist .says{
	display:none;
}
#comments .commentlist .commentmetadata{
	display:block;
}
#comments .commentlist .comment-content{
	overflow: hidden;
}

/*=========================================================================
  Global style
//=======================================================================*/

.team-container .team-content, .team-container:hover .team-content,
.team-container .team-photo, .team-container:hover .team-photo,
.flexslider .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next,
.flickr_badge_image a img, .flickr_badge_image a:hover img,
.st-social a, .st-social a:hover,
.st-historylist .history-icon i, .st-historylist .history-icon span,
.st-historylist .history-icon i:hover, .st-historylist .history-icon span:hover,
.btn:hover, button, html input[type="button"], input[type="reset"], 
input[type="submit"], .st-button, .st-ctabox a.ctabox-button,
.btn:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, 
input[type="submit"]:hover, .st-button:hover, .st-ctabox a.ctabox-button:hover{
	-webkit-transition:all 0.2s ease-in-out 0s;
	   -moz-transition:all 0.2s ease-in-out 0s;
			transition:all 0.2s ease-in-out 0s;
}

.blog-list .post-meta,
.blog-list .post-meta span a,
.widget_recent_comments li,
.blog-single .post-meta,
.blog-single .post-meta a,
.blog-tags strong,
.post-category,
.post-category a,
.st-blog .post-meta,
.post-website a,
.st-team .team-meta span,
.st-testimonial .testimonial-position,
.st-testimonial-slider .testimonial-position,
.widget_rss .rss-date,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del,
.woocommerce .product_list_widget del .amount,
.woocommerce ul.products li.product .price .from,
.woocommerce-page ul.products li.product .price .from,
.woocommerce ul.cart_list li, 
.woocommerce-page ul.cart_list li, 
.woocommerce ul.product_list_widget li, 
.woocommerce-page ul.product_list_widget li {
	color:#999;
}

.blog-list .post-meta span a:hover,
.more-link:hover,
.blog-single .post-meta a:hover,
.blog-tags a:hover,
.post-nav .post-prev a:hover, 
.post-nav .post-next a:hover,
.logged-in-as a,
.edit-link a,
.edit-link a:hover,
blockquote cite,
.widget_rss cite,
#comments .commentlist .commentmetadata a:hover,
#comments .commentlist a.comment-reply-link{
	color:#50BED9;
}

blockquote cite:after,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,
.widget_tag_cloud a:hover, 
.widget_product_tag_cloud a:hover,
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce .addresses .title .edit, 
.woocommerce-page .addresses .title .edit{
	background-color:#50BED9;
}

.logged-in-as a:hover,
.post-category a:hover,
.blog-list .post-title a:hover,
.blog-list .post-meta span a:hover,
.blog-single .post-meta a:hover,
.blog-tags a:hover,
.post-website a:hover,
.edit-link a:hover,
.widget_nav_menu li a:hover,
.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover,
.widget-blog .media-body a:hover,
.widget_product_categories li a:hover,
.widget-twitter li span a:hover,
.widget_pages li a:hover,
.widget_links .blogroll a:hover,
.widget_rss li a:hover,
#comments .commentlist a.comment-reply-link:hover{
	border-bottom:1px solid;
}

.blog-list .post-meta,
.blog-single .post-meta,
.widget_recent_comments li,
.post-category,
.post-category a,
.st-blog .post-meta,
.edit-link a,
.woocommerce ul.cart_list li, 
.woocommerce-page ul.cart_list li, 
.woocommerce ul.product_list_widget li, 
.woocommerce-page ul.product_list_widget li{
	font-size:12px;
	font-weight:400;
}

.st-heading,
.st-progress,
.st-iconbox,
.st-pricing .plan-container,
.portfolio-container,
.st-blog .blog-container,
.blog-list,
.st-team .team-container,
.st-flexslider,
.portfolio-single .portfolio-meta,
.portfolio-single .post-thumb,
.portfolio-single .post-slider,
.portfolio-single .post-media,
.blog-list,
.st-video,
.edit-link,
#comments-title,
#comments .commentlist article.comment,
.woocommerce-checkout .order_details,
.woocommerce table.shop_table,
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message{
	margin-bottom:20px;
}


/*=========================================================================
  Retina Styles
//=======================================================================*/
.logo-retina{
	display:none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
	.logo-retina{
		display:block;
	}
	.logo-standar{
		display:none;
	}
	
	.flexslider .flex-direction-nav .flex-prev{
		background-image:url(../images/icons/flex-left-arrow@2x.png);
		-webkit-background-size:10px 14px;
		   -moz-background-size:10px 14px;
				background-size:10px 14px;
	}
	.flexslider .flex-direction-nav .flex-next{
		background-image:url(../images/icons/flex-right-arrow@2x.png);
		-webkit-background-size:10px 14px;
		   -moz-background-size:10px 14px;
				background-size:10px 14px;
	}
	
}