/*
Theme Name: buuShop Version 2.0
Theme URI: http://www.buuscript.com/
Description: The best theme design buuShop 2.0 support for wordpress by SupamaN from buuScript.
Version: 2.0
Author: BuuScript
Author URI: http://www.buuscript.com/
Tags: SupamaN, buuShop Version 2.0

	 buuShop Version 2.0
	 http://www.buuscript.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Abel);

body {
  font-family: 'verdana', sans-serif;
  position: relative;
  font-weight:400px;
  background: #d4f4ff;
  /*
  background:url(images/bg.jpg);
  background-repeat:repeat;*/
} 

ul li { list-style: none; }
a:hover { outline: none; text-decoration:none; }
a:focus { outline:none; outline-offset: 0; }
a { -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; }
.btn:hover, .btn:focus{ outline: none; box-shadow: none; }
.navbar-toggle { background-color: #000; }

img {border:none;}
img.alignleft,img.alignright{padding:3px; margin-top:6px; margin-bottom:6px; border-radius:4px;}
.alignleft{float:left;margin-right:8px;}
.alignright{float:right;margin-left:8px;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center;margin-top:15px;margin-bottom:15px;}

img.imgHover { opacity: 1; filter: alpha(opacity=100); 
	-webkit-transition: opacity 0.5s ease-out;  
    -moz-transition: opacity 0.5s ease-out;  
    -o-transition: opacity 0.5s ease-out;  
    transition: opacity 0.5s ease-out;  }
img.imgHover:hover { opacity: 0.6; filter: alpha(opacity=60); }

.mt-10 { margin-top:10px;}
.mt-20 { margin-top:20px;}
.mt-40 { margin-top:40px;}
.mb-10 { margin-bottom:10px;}
.mb-20 { margin-bottom:20px;}
.mb-40 { margin-bottom:40px;}

.bgWhite { background: #FFF; }

a#scrollUp {
  bottom: 0px;
  right: 10px;
  padding: 5px 10px;
  background: #FE980F;
  color: #FFF;
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite;
}

a#scrollUp i{ font-size: 30px; }


/*************************
*******Header CSS******
**************************/

header#header, footer#footer, section.wrapper {
  width:1100px;
  margin:0 auto;
}

section.wrapper {
  padding:20px 0 0;
  background: #e8f9ff;
}

.logo img{ height:auto !important; padding-bottom: 20px; padding-top: 20px;}
.logoBanner { text-align:center; padding-bottom: 20px; padding-top: 20px; }
.logoBanner img { width:100%; height:auto; float:left;}

.header_top {
  background: none repeat scroll 0 0;
  
}

.contactinfo ul li:first-child{
    margin-left: -15px;
}

.contactinfo ul li a{
  font-size: 15px;
  color: #B9650B;
}

.contactinfo ul li a:hover{
	background:inherit;
}

.fa-facebook:hover { background: #0083C9; }
.fa-twitter:hover { background:#5BBCEC; }
.fa-linkedin:hover { background:#FF4518; }
.fa-dribbble:hover { background:#90C9DC; }
.fa-google-plus:hover { background:#CE3C2D; }

.header-middle {
  border-bottom: 1px solid #f5f5f5;
  margin-left: 0;
  margin-right: 0;
  border-radius:10px 10px 0 0;
}

.header-middle img{ width:100%; height:auto; float:left;}

.btn-group.open .dropdown-toggle {
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.dropdown-menu  li  a:hover, .dropdown-menu  li  a:focus {
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
}

.shop-menu ul li {
	display:inline-block;
	padding-left: 15px;
	padding-right: 15px;
}

.shop-menu ul li:last-child {
  padding-right: 0;
}

.shop-menu ul li a {
  color: #B9650B;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding:0;
  padding-right: 0;
  padding-bottom:5px;
  margin-top: 10px;
}

.shop-menu ul li a i{
	margin-right:3px;
}

.shop-menu ul li a:hover {
	background: none;
	text-decoration:underline;
}

.header-bottom {
	/*background: rgba(0, 0, 0, 0.8);*/
	background: #b9650b;
}

.header-logo { 
	border-bottom: 1px solid #f5f5f5;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 10px;
}

.navbar-collapse.collapse{
  padding-left: 0;
}

.mainmenu {
	margin:0;
}
.mainmenu ul li{
	margin:0 5px 0 0;
}

.mainmenu ul li:first-child{
  padding-left: 0px;
}

/*
.mainmenu ul li.current-menu-item, .mainmenu ul li.current-menu-item a{
  background:#FE980F;
	color:#FFF;
}
*/

.mainmenu ul li a {
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 15px 18px;
  background: none;
}

.mainmenu ul li a:hover, .mainmenu ul li a:focus, .mainmenu ul li.current-menu-item a{
	background:#9d5609;
	color:#FFF;
}

.mainmenu ul li.menu-item-has-children ul.sub-menu li a{
	background: none !important;
	color:#FFF;
}

.mainmenu ul li.menu-item-has-children ul.sub-menu li a:hover{
  background: none !important;
	color:#9d5609;
}

/*  Dropdown menu*/

.navbar-header 
.navbar-toggle .icon-bar {
    background-color: #fff;
}

.nav.navbar-nav > li:hover > ul.sub-menu{
  display: block;
  -webkit-animation: fadeInUp 400ms;
  -moz-animation: fadeInUp 400ms;
  -ms-animation: fadeInUp 400ms;
  -o-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
}

ul.sub-menu {
	position: absolute;
	top: 50px;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
	list-style: none;
	padding: 0;
	margin: 0;
	width: 220px;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 999;
}

.dropdown ul.sub-menu li.current-menu-item{
  color: #FDB45E;
  padding-left: 0;
}

ul.sub-menu li.current-menu-item a{
  color: #FDB45E !important;
}

.navbar-nav li ul.sub-menu li{
  padding: 10px 10px 0 ;
}

.navbar-nav li ul.sub-menu li:last-child{
  padding-bottom: 10px;
}

.navbar-nav li ul.sub-menu li a{
  color: #fff;
}

.navbar-nav li ul.sub-menu li a:hover{
    color: #FDB45E;
	  background:none;
}

.fa-angle-down{
  padding-left: 5px; 
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
  
/*************************
*******Footer CSS******
**************************/

#footer {

}


.footer-top .container {
  border-bottom: 1px solid #E0E0DA;
  padding-bottom: 20px;
}

.footer-top .col-sm-3{
  overflow: hidden;
}

.footer-widget .container{
  padding: 20px 0;
}
  

.footer-bottom {
  background: #9D5609;
  padding: 20px 10px 20px;
  margin-bottom:30px;
  border-radius:0 0 10px 10px;
}

.footer-bottom p {
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin-left: 15px;
  font-size: 16px;
}

.footer-bottom p span a {
  color: #FFF;
  font-style: italic;
  text-decoration: underline;
}

/*************************
*******404 CSS******
**************************/

.logo-404 {
  margin-top: 60px;
}

.content-404 h1 {
  color: #363432;
  font-family: 'Roboto', sans-serif;
  font-size: 41px;
  font-weight: 300;
}

.content-404 img {
 margin:0 auto;
}

.content-404 p {
  color: #363432;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
}

.content-404  h2 {
  margin-top:50px;
}

.content-404 h2 a {
  background: #FE980F;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-size: 44px;
  font-weight: 300;
  padding: 8px 40px;
}

.sidebar-menu { margin-bottom:40px; }
h2.title-sidebar, h3.widget-title { 
	background-color:#B9650B; 
	border:1px solid #9d5609;
	padding:10px; 
	color:#FFF; 
	font-size: 1.2em;
  	margin: 0 auto 10px;
  	text-align: center;
  	position: relative;
  	z-index:3;
}

h2.title-content { 
	background-color:#B9650B; 
	border:1px solid #9d5609;
	padding:10px; 
	color:#FFF; 
	font-size: 1.3em;
  	margin: 0 auto 10px;
  	text-align: center;
  	position: relative;
  	z-index:3;
}

.main-content { margin-top:30px; }  
.content { width:100%; padding:0 0 10px 0; color:#222; line-height:24px; }
.page-title { padding: 0 5px; color:#343434; }
.page-title h1{ font-size:29px; line-height:36px; margin-top:5px; }
h1.page-title { font-size:29px; line-height:24px; margin-top:-10px; }
.page-title h2{ line-height:24px; font-size:27px;}
.page-detail { color:#565656; font-size:12px; padding: 5px 0 0 4px; } 
.page-detail i{ margin-bottom:2px; } 

.page-content { color:#232323; font-size:14px; padding:10px 5px; line-height:32px; }
.page-content strong{ font-weight: bold; }
.page-content p{ margin-top:10px; }
/*.page-content a{ color:#FE980F;}*/
.page-content a:hover{ text-decoration:underline; }
.page-content ul li{ list-style:circle; margin:2px 5px 2px 10px; line-height:27px;}
.page-content ol li{ list-style:decimal; margin:2px 5px 2px 10px; }
.page-content h1{ font-size:27px; padding:8px 0; line-height:36px; }
.page-content h2{ font-size:24px; padding:8px 0; line-height:32px; }
.page-content h3{ font-size:20px; padding:5px 0; line-height:27px; }
.page-content h4{ font-size:16px; padding:5px 0; line-height:27px; }
.page-content h5{ font-size:14px; padding:3px 0; line-height:24px; }
.page-content h6{ font-size:12px; padding:3px 0; line-height:20px; }
.page-content img { width:100%; height:auto; }

ul.listshop { margin-left:0; padding-left:5px; padding-right:2px; padding-top:2px; zoom:1; }
ul.listshop li { width:30%; float: left; list-style: none; position: relative; margin-left:12px; margin-right:10px; text-align: center; height:auto; margin-bottom:20px; padding-bottom:20px; border: 1px solid #EFEFEF; border-radius:2px;}
ul.listshop li.first { clear: left; }
ul.listshop li.last { margin-right:0; }
ul.listshop a img { width:100%; height: auto; padding:15px; border:0; background: #fff; border-radius:2px; }
ul.listshop a:hover img {opacity:0.8; }
ul.listshop li a h3 { font-size:1.05em; font-weight:400; display: block; padding:3px 2px; height:72px; line-height:22px; overflow:hidden; margin-bottom:10px; color: #454545; }
ul.listshop li a:hover h3 { color:#000; }
ul.listshop li a:hover { text-decoration: none !important; }
ul.listshop li a.button { margin:5px auto; width:100px; background-color: #EFEFEF; color:#343434; border-radius:3px; padding:5px 10px; font-size:14px;}
ul.listshop li a.button:hover { background-color: #ff7200; color: #FFF; }

ul.listshop-full { margin-left:0; padding-left:5px; padding-right:2px; padding-top:2px; zoom:1; }
ul.listshop-full li { width:23%; float: left; list-style: none; position: relative; margin-left:11px; margin-right:8px; text-align: center; height:auto; margin-bottom:20px; padding-bottom:20px; border: 1px solid #EFEFEF; border-radius:2px;}
ul.listshop-full li.first { clear: left; }
ul.listshop-full li.last { margin-right:0; }
ul.listshop-full a img { width:100%; height: auto; padding:15px; border:0; background: #fff; border-radius:2px; }
ul.listshop-full a:hover img {opacity:0.8; }
ul.listshop-full li a h3 { font-size:1.05em; font-weight:400; display: block; padding:3px 2px; height:72px; line-height:22px; overflow:hidden; margin-bottom:10px; color: #454545; }
ul.listshop-full li a:hover h3 { color:#000; }
ul.listshop-full li a:hover { text-decoration: none !important; }
ul.listshop-full li a.button { margin:5px auto; width:100px; background-color: #EFEFEF; color:#343434; border-radius:3px; padding:5px 10px; font-size:14px;}
ul.listshop-full li a.button:hover { background-color: #ff7200; color: #FFF; }

.content-item { margin-bottom: 18px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4; min-height:150px; }
.content-item .pic { float: left; width: 180px; max-width: 25%; margin-right: 18px; line-height: 0; }
.content-item .pic  img{ width: 100%; height:auto; max-height:140px; }
.content-item .entry-title { margin: 0 0 7px; font-size: 1.3em; line-height: 1.3; }
.content-item  h2.entry-title a{ color:#454545; }
.content-item  h2.entry-title a:hover{ color:#000; }
.content-item .entry-meta  a{ color:#676767; }
.content-item .entry-meta { margin-bottom: 8px; font-size: 13px; }
.content-item .entry-meta .tags-links { display: none; }
.content-item .entry-footer { display: none; }
.content-item .entry-summary p { margin-bottom: 0; font-size: 14px; line-height:24px; }
	
.content-pagination { margin:20px 0; }
.content-pagination a,
.content-pagination span{
	display: inline-block;
	border: 1px solid #ddd;
	padding: 4px 8px;
	min-width: 36px;
	text-align: center;
	line-height: 24px;
}
.content-pagination a , .content-pagination a i { vertical-align: -1px;	color:#676767; }
.content-pagination span { font-weight: bold; padding-top:3px; padding-bottom:5px; }

.recent-posts-3 ul, .widget_recent-posts ul { margin:0; padding:10px; border:1px solid #B9650B; }
.recent-posts-3 ul li, .widget_recent-posts ul li { list-style: disc; margin-left:20px; line-height: 24px; }
.recent-posts-3 ul li a, .widget_recent-posts ul li a { color: #676767; }
.recent-posts-3 ul li a:hover, .widget_recent-posts ul li a:hover { color: #000; }