/*-----------------------------------------------------------------------------------

    Template Name: Stuff - Furniture eCommerce HTML Template 
    Template URI: http://hastech.company/
    Description: Bootstrap eCommerce Template
    Author: Hastech
    Author URI: http://hastech.company/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1.   Theme default CSS
    2.   Header Area
	3.   Slider Area
	4.   Shipping Area
	5.   Banner Area
	6.   Products Area
	7.   Arrival Area
	8.   Testimonial Area
	9.   Mini Product Area
	10.  Blog Area
	11.  Brand Area
	12.  Footer Top Area
	13.  Footer Bottom Area
	14.  Newsletter Area
	15.  Page Banner Area
	16.  Shop Page Area
	17.  Sidebar
	18.  Product Details
	19.  Cart Area
	20.  Checkout Area
	21.  About Page
	22.  Contact Page
	23.  404 Page
	24.  Dark Layout Style
	
	
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
body {
  background-color: #fff;
  color: #666666;
  font-family: 'Open Sans', Helvetica, Noto Sans TC, Arial, sans-serif, Noto Sans JP, Noto Sans SC, Microsoft YaHei ;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  visibility: visible;
}
img {
  max-width:100%;
  height:auto
}
h1, h2{
  color: #252525;
  font-family: 'Helvetica', Noto Sans TC, Arial, sans-serif, Noto Sans JP, Noto Sans SC, Microsoft YaHei ;
  font-weight: 700;
}
h3, h4, h5, h6 {
  color: #252525;
  font-family: 'Helvetica', Noto Sans TC, Arial, sans-serif, Noto Sans JP, Noto Sans SC, Microsoft YaHei ;
}
p:last-child {
  margin-bottom: 0;
}
a, button{
  text-decoration:none;
  color: inherit;
 }
*:focus {
  outline:0px solid
}
a:focus {
  color: #303030;
  outline: medium none;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul{
  list-style: outside none none;
  margin: 0;
  padding: 0
}
/* Common Class */
.demo-content {
  margin-bottom: 50px;
}
.demo-content:last-child {
  margin-bottom: 0;
}
.black-space {
  background-color: #f1f2f3;
  height: 300px;
}
.mbYTP_wrapper {
  z-index: -9 !important;
}
.fix {
  overflow:hidden
}
.clear{
  clear: both;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.table, .table-cell {
  display: table;
  height: 100%;
  margin: 0;
  width: 100%;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
}
/* Margin */
.mt-0{margin-top: 0px;}.mt-5{margin-top: 5px;}.mt-10{margin-top: 10px;}.mt-15{margin-top: 15px;}.mt-20{margin-top: 20px;}.mt-25{margin-top: 25px;}.mt-30{margin-top: 30px;}.mt-35{margin-top: 35px;}.mt-40{margin-top: 40px;}.mt-45{margin-top: 45px;}.mt-50{margin-top: 50px;}.mt-55{margin-top: 55px;}.mt-60{margin-top: 60px;}.mt-65{margin-top: 65px;}.mt-70{margin-top: 70px;}.mt-75{margin-top: 75px;}.mt-80{margin-top: 80px;}.mt-85{margin-top: 85px;}.mt-90{margin-top: 90px;}.mt-95{margin-top: 95px;}.mt-100{margin-top: 100px;}.mt-105{margin-top: 105px;}.mt-110{margin-top: 110px;}
.mb-0{margin-bottom: 0px;}.mb-5{margin-bottom: 5px;}.mb-10{margin-bottom: 10px;}.mb-15{margin-bottom: 15px;}.mb-20{margin-bottom: 20px;}.mb-25{margin-bottom: 25px;}.mb-30{margin-bottom: 30px;}.mb-35{margin-bottom: 35px;}.mb-40{margin-bottom: 40px;}.mb-45{margin-bottom: 45px;}.mb-50{margin-bottom: 50px;}.mb-55{margin-bottom: 55px;}.mb-60{margin-bottom: 60px;}.mb-65{margin-bottom: 65px;}.mb-70{margin-bottom: 70px;}.mb-75{margin-bottom: 75px;}.mb-80{margin-bottom: 80px;}.mb-85{margin-bottom: 85px;}.mb-90{margin-bottom: 90px;}.mb-95{margin-bottom: 95px;}.mb-100{margin-bottom: 100px;}.mb-105{margin-bottom: 105px;}.mb-110{margin-bottom: 110px;}
/* Padding */
.pt-0{padding-top: 0px;}.pt-5{padding-top: 5px;}.pt-10{padding-top: 10px;}.pt-15{padding-top: 15px;}.pt-20{padding-top: 20px;}.pt-25{padding-top: 25px;}.pt-30{padding-top: 30px;}.pt-35{padding-top: 35px;}.pt-40{padding-top: 40px;}.pt-45{padding-top: 45px;}.pt-50{padding-top: 50px;}.pt-55{padding-top: 55px;}.pt-60{padding-top: 60px;}.pt-65{padding-top: 65px;}.pt-70{padding-top: 70px;}.pt-75{padding-top: 75px;}.pt-80{padding-top: 80px;}.pt-85{padding-top: 85px;}.pt-90{padding-top: 90px;}.pt-95{padding-top: 95px;}.pt-100{padding-top: 100px;}.pt-105{padding-top: 105px;}.pt-110{padding-top: 110px;}.pt-130{padding-top: 130px;}.pt-150{padding-top: 150px;}
.pb-0{padding-bottom: 0px;}.pb-5{padding-bottom: 5px;}.pb-10{padding-bottom: 10px;}.pb-15{padding-bottom: 15px;}.pb-20{padding-bottom: 20px;}.pb-25{padding-bottom: 25px;}.pb-30{padding-bottom: 30px;}.pb-35{padding-bottom: 35px;}.pb-40{padding-bottom: 40px;}.pb-45{padding-bottom: 45px;}.pb-50{padding-bottom: 50px;}.pb-55{padding-bottom: 55px;}.pb-60{padding-bottom: 60px;}.pb-65{padding-bottom: 65px;}.pb-70{padding-bottom: 70px;}.pb-75{padding-bottom: 75px;}.pb-80{padding-bottom: 80px;}.pb-85{padding-bottom: 85px;}.pb-90{padding-bottom: 90px;}.pb-95{padding-bottom: 95px;}.pb-100{padding-bottom: 100px;}.pb-105{padding-bottom: 105px;}.pb-110{padding-bottom: 110px;}.pb-130{padding-bottom: 130px;}.pb-150{padding-bottom: 150px;}
.plr-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.bg-white {
  background-color: #fff;
}
.bg-gray {
  background-color: #f8f8f8;
}
.bg-dark {
  background-color: #1e2127;
}
.bg-dark-gray {
  background-color: #252830;
}
.dropdown-menu {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  display: block;
  left: auto;
  right: auto;
}
.dropdown-menu > li > a {
  clear: both;
  color: inherit;
  display: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: inherit;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: inherit;
  color: inherit;
  text-decoration: none;
}
/* Overlay */
.overlay {
  position: relative;
  z-index: 1;
}
.overlay:before {
  background-color: #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
/* Image Gallery */
.gallery-image, .gallery-video {
  margin-bottom: 30px;
}
.gallery-image a{}
.gallery-image a img {
  width: 100%;
}
/* Slick Dots */
.slick-dots {}
.slick-dots li {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 0 2px;
  padding: 2px;
  text-indent: -99999px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 16px;
}
.slick-dots li button {
  background-color: #d7d2d5;
  border: medium none;
  border-radius: 50%;
  display: block;
  height: 10px;
  padding: 0;
  text-indent: -99999px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 10px;
}
.slick-dots li.slick-active {
  border-color: #ff9900;
}
.slick-dots li.slick-active button, .slick-dots li:hover button {
  background-color: #ff9900;
}
/* Slick Arrow */
.slick-arrow {
  background-color: transparent;
  border: 1px solid #ff9900;
  border-radius: 3px;
  color: #ff9900;
  display: block;
  height: 35px;
  margin-top: -20px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 35px;
}
.slick-arrow i {
  display: block;
  font-size: 30px;
  line-height: 33px;
}
.slick-arrow:hover {
  background-color: #ff9900;
  color: #fff;
}
.slick-prev {
  left: 20px;
}
.slick-next {
  right: 20px;
}
/* Input Placeholder */
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*************************************
 Custom-content all   
**************************************/
.boxed-layout.wrapper, .box-layout.wrapper {
  background-color: #fff;
  box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
  margin: auto;
  position: relative;
  max-width: 1240px;
  width: 100%;
}
.boxed-layout .sticky, .box-layout .sticky {
  left: auto;
  margin: auto;
  width: 1240px;
}
/*Background Images*/
.main-bg-1,.main-bg-2,.main-bg-3,.main-bg-4,.main-bg-5,.main-bg-6 {
    background-image: url("../images/BGbanner/banner1.jpg");
    background-repeat: fixed no-repeat;
	padding:300px 0px;
    background-size: cover;
    background-position: center;
}
.main-bg-2 {
    background-image: url("../images/BGbanner/banner2.jpg");
}
.main-bg-3 {
    background-image: url("../images/BGbanner/banner3.jpg");
}
.main-bg-4 {
    background-image: url("../images/BGbanner/banner4.jpg");
}
.main-bg-5 {
    background-image: url("../images/BGbanner/banner5.jpg");
}
.main-bg-6 {
    background-image: url("../images/BGbanner/banner6.jpg");
}
/* Scroll up */
#scrollUp {
  background-color: #ff9900;
  bottom: 30px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  color: #fff;
  height: 40px;
  right: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 40px;
}
#scrollUp:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#scrollUp i {
  font-size: 30px;
  line-height: 44px;
}
/* Preloader Css */
.preloader{
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  z-index: 99999999;
}
.loading-center{
  width: 100%;
  height: 100%;
  position: relative;
}
.loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;
}
.object{
  width: 20px;
  height: 20px;
  background-color: #f05a66;
  float: left;
  margin-right: 20px;
  margin-top: 65px;
  border-radius: 50% 50% 50% 50%;
}
.object_one {	
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}
.object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s; 
  animation-delay: 0.25s;
}
.object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}
@-webkit-keyframes object_two {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_two {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }
}
@-webkit-keyframes object_three {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_three {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}
/*----------------------------------------*/
/*  2.  Header Area
/*----------------------------------------*/
/* Header Style 1 */
.header-area {
  background-color: #fff;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999999;
}
.header-area.stick {
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  position: fixed;
}
.header-bottom.stick {
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.boxed-layout .header-area, .box-layout .header-area, .boxed-layout .header-bottom, .box-layout .header-bottom {
  left: auto;
  max-width: 1240px;
  right: auto;
  width: 100%;
  z-index: 9999999;
}
.header-area-1 {
	padding-left: 50px;
	padding-right: 50px;
	background-color:rgba(0,0,0,0.)}
/* Header Left 1 */
.header-left-1 {
  left: 50px;
  position: absolute;
  top: 0;
}
/* Logo */
.logo {
  display: inline-block;
  margin: 20px 0 0;
  vertical-align: top;
}
.logo img{}
/* Menu Wrapper 1 */
.menu-wrapper {}
.menu-wrapper-1 {
	display: block;
	float: left;
	width: 100%;
}
.menu {
  display: inline-block;
  vertical-align: top;  
}
.menu nav {
  float: left;
}
.menu nav > ul {
  float: left;
  position: relative;
}
.menu nav > ul > li {
  display: block;
  float: left;
}
.menu nav > ul > li > a {
  color: #252525;
  display: block;
  font-size:14px;
  font-weight: 600;
  line-height: 30px;
  padding: 30px 19px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.menu nav > ul > li:hover > a, .menu nav > ul > li.active > a {
  color: #ff9900;
}
/* Menu Wrapper 2 */
.menu-wrapper-2 {
	display: block;
	float: left;
	width: 100%;
}
.menu-wrapper-2 .menu nav > ul > li > a {
  color: #252525;
  display: block;
  font-size:14px;
  font-weight: 400;
  line-height: 30px;
  padding: 30px 19px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
/* Sub Menu */
.sub-menu {
  background-color: rgba(144, 144, 144, 0.9);
  margin-top: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 16px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 220px;
  z-index: -99;
}
.sub-menu .sub-menu {
  left: 100%;
  top: 0;
}
.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
  top: 0;
}
.menu li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  z-index: 999;
}
.sub-menu li {
  margin-bottom: 8px;
  padding: 0 23px;
  position: relative;
}
.sub-menu li:last-child {
  margin-bottom: 0;
}
.sub-menu li a {
  color: #ffffff;
  display: block;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sub-menu .sub-menu a {
  font-size: 13px;
}
.sub-menu li:hover > a {
  color: #ff9900;
  padding-left: 0px;
}
/* Mega Menu */
.mega-menu {
	background-color: rgba(144, 144, 144, 0.9);
	left: 0;
	margin-top: 20px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 35px;
	position: absolute;
	text-align: left;
	top: 100%;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 1000px;
	z-index: -99;
}
.menu li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  z-index: 999;
}
.mega-menu ul {
  display: block;
  float: left;
  width: 25%;
}
.mega-menu ul li {
  margin-bottom: 8px;
}
.mega-menu ul li:first-child {
  margin-bottom: 20px;
}
.mega-menu ul li:last-child {
  margin-bottom: 0;
}
.mega-menu ul li a {
  color: #ffffff;
  display: block;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.mega-menu ul li span {
  color: #ffffff;
  display: block;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
}
.mega-menu ul li:first-child a {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}
.mega-menu ul li:hover a {
  color: #ff9900;
  padding-left: 0px;
}
.menu-banner {
  display: block;
  float: left;
  width: 28%;
}
.menu-banner a{}
.menu-banner a img{}

/* Header Right 1 */
.header-right-1 {
  position: absolute;
  right: 50px;
  top: 0;
}
/* Language */
.language{}
.language > ul {
  display: block;
  float: left;
  position: relative;
}
.language > ul:before {
  background-color: #cccccc;
  content: "";
  height: 15px;
  margin-top: -7px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}
.language > ul > li{}
.language > ul > li > a {
  color: #333333;
  display: block;
  font-weight: 600;
  line-height: 30px;
  padding: 30px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.language > ul > li > a > img {
  width: 24px;
}
.language > ul > li:hover > a{
  color: #ff9900;
}
/* Language Menu */
.language-menu {
  position: relative;
}
.language-menu-toggle {
  background-color: transparent;
  border: medium none;
  color: #333333;
  display: block;
  line-height: 30px;
  margin-left: 15px;
  padding: 30px 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.stick .language-menu-toggle {
  padding: 30px 0;
}
.language-menu-toggle:hover, .open .language-menu-toggle {
  color: #ff9900;
}
.language-menu-toggle i {
  float: left;
  font-size: 24px;
  line-height: 30px;
}
.language-menu-dropdown {
  background-color: rgba(144, 144, 144, 0.9);
  margin-top: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 10px 20px;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: -99;
}
.language-menu-dropdown.left {
  left: 0;
}
.language-menu-dropdown.right {
  right: 0;
}
.open .language-menu-dropdown {
  margin-top: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  z-index: 999;
}
.language-menu-dropdown li {
  margin-bottom: 12px;
}
.language-menu-dropdown li:last-child {
  margin-bottom: 0;
}
.language-menu-dropdown li img {
  width: 30px;
  padding-right: 10px;
}
.language-menu-dropdown li a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.language-menu-dropdown li:hover a {
  color: #ff9900;
  padding-right: 7px;
}
/* Sidebar Menu Style */
.sidebar-menu-wrapper {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  left: -400px;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  width: 375px;
}
.sidebar-menu-wrapper.open {
  left: 0;
}
.sidebar-menu-wrapper .menu-close {
  background-color: transparent;
  border: medium none;
  color: #b1b1b1;
  height: 44px;
  margin-bottom: 25px;
  margin-left: 20px;
  margin-top: 20px;
  padding: 5px;
  width: 44px;
}
.sidebar-menu-wrapper .menu-close i {
  display: block;
  font-size: 30px;
  line-height: 33px;
}
.sidebar-menu {
  padding-right: 55px;
}
.sidebar-menu ul{}
.sidebar-menu ul li {
  margin-bottom: 5px;
  position: relative;
}
.sidebar-menu > ul > li > a {
  color: #333333;
  display: block;
  font-weight: 700;
  margin-right: 125px;
  padding: 8px 8px 8px 55px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sidebar-menu > ul > li.active > a, .sidebar-menu > ul > li > a:hover {
  background-color: #ff9900;
  color: #fff;
}
.sidebar-menu ul li ul {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 55px;
}
.sidebar-menu ul li ul ul {
  padding-left: 15px;
}
.sidebar-menu ul li ul li {
  margin-bottom: 0;
}
.sidebar-menu ul li ul li a {
  color: #666;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sidebar-menu ul li ul li a:hover {
  color: #ff9900;
}
/* Sidebar menu Hitarea */
.sidebar-menu .hitarea {
  background-color: #b1b1b1;
  border-radius: 2px;
  cursor: pointer;
  height: 14px;
  position: absolute;
  right: 0;
  top: 13px;
  width: 14px;
}
.sidebar-menu .hitarea:before {
  color: #f6f6f6;
  display: block;
  line-height: 14px;
  text-align: center;
}
.sidebar-menu .hitarea.expandable-hitarea:before {
  content: "+";
}
.sidebar-menu .hitarea.collapsable-hitarea:before {
  content: "-";
  font-size: 20px;
  line-height: 9px;
}
/* Menu Social */
.menu-social {
  bottom: 90px;
  left: 80px;
  position: absolute;
}
.menu-social a {
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  color: #b1b1b1;
  display: block;
  float: left;
  height: 32px;
  margin-right: 15px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 32px;
}
.menu-social a:hover {
  background-color: #ff9900;
  border-color: #ff9900;
  color: #fff;
}
.menu-social a i {
  display: block;
  font-size: 18px;
  line-height: 30px;
}
/* Language Currency 4 */
.language-currency-4 > ul:before {
  background-color: #cccccc;
  content: "";
  height: 15px;
  margin-top: -7px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
}
.language-currency-4 > ul > li > a {
  padding-bottom: 30px;
  padding-top: 30px;
}
/* Mini Cart 4 */
.mini-cart-wrapper-4 .mini-cart-btn {
  padding-bottom: 30px;
  padding-right: 0;
  padding-top: 30px;
}
.header-top-link a {
  color: #333333;
  display: block;
  float: left;
  font-weight: 600;
  line-height: 30px;
  padding: 30px 15px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-top-link a:before {
  background-color: #cccccc;
  content: "";
  height: 15px;
  margin-top: -7px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}
.header-top-link a:hover {
  color: #ff9900;
}
/* Header Bottom */
.header-bottom {
  background-color: #000;
}
.menu-4 nav > ul > li > a {
  color: #ffffff;
  padding-bottom: 15px;
  padding-top: 15px;
}
.stick .menu-4 nav > ul > li > a {
  padding-bottom: 15px;
  padding-top: 15px;
}
/* Header Style 5 */
.language-currency-5 > ul > li > a, .mini-cart-wrapper-5 .mini-cart-btn, .header-search-5 .search-toggle, .account-menu-5 .acc-menu-toggle {
  color: #fff;
  padding-bottom: 15px;
  padding-top: 15px;
}
.stick .language-currency-5 > ul > li > a, .stick .mini-cart-wrapper-5 .mini-cart-btn, .stick .header-search-5 .search-toggle, .stick .account-menu-5 .acc-menu-toggle {
  padding-bottom: 15px;
  padding-top: 15px;
}
.language-currency-5 > ul:first-child > li > a {
  padding-left: 0;
}
.mini-cart-wrapper-5 .cart-number {
  border-color: #000;
}
.language-currency-5 > ul > li:hover > a, .mini-cart-wrapper-5 .mini-cart-btn:hover, .account-menu-5 .acc-menu-toggle:hover, .header-search-5 .search-toggle:hover,
.language-currency-5 > ul > li.open > a, .mini-cart-wrapper-5.open .mini-cart-btn, .account-menu-5.open .acc-menu-toggle, .header-search-5.open .search-toggle {
  color: #ff9900;
}
.language-currency-5 .currency:before {
  display: none;
}
/* Header Style 6 */
.language-currency-6 > ul > li > a, .mini-cart-wrapper-6 .mini-cart-btn, .account-menu-6 .acc-menu-toggle {
  padding-bottom: 30px;
  padding-top: 30px;
}
.language-currency-6 ul:before {
  right: 0;
}
.header-search-6 .search-toggle {
  color: #fff;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-right: 0;
}
.menu-6 nav > ul > li > a, .stick .menu-6 nav > ul > li > a {
  color: #ffffff;
  padding-bottom: 15px;
  padding-top: 15px;
}
.menu-6 nav > ul > li:first-child > a {
  padding-left: 0;
}
/* Mobile Menu Style 1 */
.mobile-menu-wrapper-1 {
  display: block;
  float: left;
  width: 100%;
}
.mobile-menu-wrapper .meanmenu-reveal {
  color: #333333;
  font-size: 30px;
  height: 28px;
  padding: 0;
  top: -60px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 28px;
}
.stick .mobile-menu-wrapper .meanmenu-reveal {
  top: -60px;
}
.mobile-menu-wrapper.meanmenu-reveal:hover {
  color: #ff9900;
}
.mobile-menu-wrapper .meanmenu-reveal i {
  display: block;
  line-height: 28px;
}
.mean-bar {
  background-color: transparent;
  float: left;
  min-height: auto;
  padding: 0;
  top: 100%;
  z-index: 9999;
}
.mean-nav {
  background: transparent none repeat scroll 0 0;
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
.mean-nav{}
.mean-nav ul{}
.mean-nav > ul {
  height: 500px;
  overflow-x: scroll;
}
.mean-nav ul li{}
.mean-nav ul li a{
  color:#3399cc;
  font-weight: 600;
}
.mean-nav ul li.mean-last {
  margin-bottom: 15px;
}
.mean-nav ul li span{
  color:#666666;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 44px;
  border-color: #ddd;
  opacity: 1;
  padding-left: 15px;
}
.mean-nav ul li a, .mean-nav ul li li a, .mean-nav ul li li li a{
  border-color: #ddd;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  padding: 10px 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.mean-nav ul li li a{
  color:#666666;
  font-weight: 400;
  padding-left: 15px;
}
.mean-nav ul li li li a{
  color:#666666;
  font-weight: 400;
  padding-left: 30px;
}
.mean-nav ul li a:hover {
  background-color: transparent;
  color: #ff9900;
}
.mean-nav .mean-expand {
  background-color: transparent;
  border: medium none !important;
  font-size: 20px !important;
  height: 44px;
  line-height: 44px;
  padding: 0 !important;
  position: absolute;
  right: 0;
  text-align: center;
  top: 1px;
  width: 40px;
}
.mean-nav .mean-expand.mean-clicked {
  font-size: 20px !important;
}
.mean-nav .mean-expand:hover {
  color: #ff9900;
}
/* Mobile Menu Style 1 */
.mobile-menu-wrapper-2 {
  display: block;
  float: left;
  width: 100%;
}
.mobile-menu-wrapper-2 .mean-bar:before {
  color: #fff;
  content: "MENU";
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  text-transform: uppercase;
}
.mobile-menu-wrapper-2 .meanmenu-reveal {
  color: #fff;
  float: right;
  height: auto;
  padding: 16px 0;
  position: static;
}
.mobile-menu-wrapper-2 .mean-nav ul li a, .mobile-menu-wrapper-2 .mean-nav ul li li a, .mobile-menu-wrapper-2 .mean-nav ul li li li a {
  border-color: #333;
}
.mobile-menu-wrapper-2 .mean-nav ul li a {
  color: #fff;
}
.mobile-menu-wrapper-2 .mean-nav ul li a:hover {
  color: #ff9900;
}
/*----------------------------------------*/
/*  3.  Slider Area
/*----------------------------------------*/
.top-header-space-1 {
  margin-top: 90px;
}
.slider-area-1 {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.static-text {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#mainSlider-1{}
/* Nivo Control Nav */
.nivo-controlNav {
  position: absolute;
  text-align: center;
  width: 100%;
}
.nivo-controlNav a {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  display: inline-block;  
  height: 16px;
  position: relative;
  text-indent: -99999px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 16px;
  margin: 0 2px;
}
.nivo-controlNav a:before {
  background-color: #d7d2d5;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 2px;
  position: absolute;
  top: 2px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 10px;
}
.nivo-controlNav a.active {
  border-color: #ff9900;
}
.nivo-controlNav a.active:before {
  background-color: #ff9900;
}
/* Nivo Direction Nav */
.nivo-directionNav{}
.nivo-directionNav a {
  background-color: #fff;
  border: 3px solid #ff9900;
  border-radius: 3px;
  color: #ff9900;
  display: block;
  height: 50px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
}
.nivo-directionNav a i {
  display: block;
  font-size: 36px;
  line-height: 40px;
}
.nivo-directionNav a:hover {
  background-color: #ff9900;
  color: #fff;
}
.nivo-directionNav a.nivo-prevNav {
  left: 30px;
}
.nivo-directionNav a.nivo-nextNav {
  right: 30px;
}
/* Video & Static BG */
.video-bg .cap-sub-title, .static-text.overlay .cap-sub-title {
  color: #fff;
}
.video-bg .cap-dec, .static-text.overlay .cap-dec {
  color: #fff;
}
/*----------------------------------------*/
/*  4.  News Area
/*----------------------------------------*/
.news-area{}
.news-wrapper {
  display: block;
  float: left;
  padding: 20px 0;
  position: relative;
}
.sin-news {
  padding: 20px 35px;
}
.sin-news .content{}
.sin-news .content img{
  width: 100%;
}
.sin-news .content h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.sin-news .content p {
  color: #333333;
}
/*----------------------------------------*/
/*  5.  Banner Area
/*----------------------------------------*/
.banner-area{
  margin: 20px 0;
}
.banner-content{}
.banner-content .sin-banner {
  overflow:hidden;
}
.banner-content .sin-banner .banner-image {
  display: block;
  position: relative;
  z-index: 1;
  transition: all 0.5s ease 0s;
}
.banner-content .sin-banner .banner-image:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.3;
}
.banner-content .sin-banner .banner-image img {
  width: 100%;
}
/*----------------------------------------*/
/*  6.  Products Area
/*----------------------------------------*/
.products-area{}
/* Product Tab List */
.product-tab-list {
  text-align:center;
  margin-bottom: 10px;
}
.product-tab-list li {
  display: inline-block;
  margin: 0 20px;
  vertical-align: top;
}
.product-tab-list li a {
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  padding: 10px 0;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-tab-list li a:before {
  background-color: transparent;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0px;
  position: absolute;
  right: 0px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-tab-list li:hover a, .product-tab-list li.active a {
  color: #ff9900;
}
.product-tab-list li.active a:before {
  background-color: #ff9900;
}
/* Product Tab Content */
.product-tab-content{}
.product-tab{}
.product-tab > div {
	margin-bottom: 20px;
}

.product-tab .content h2 {
  font-size: 16px;
  font-weight:700;
  text-transform:uppercase;
}
.product-tab .content h2 span {
  color:#FF0004;
  font-size: 18px;
  font-weight:700;
  padding-left:10px;
  text-transform:uppercase;
}
.product-tab .content h3 {
  color: #252525;
  font-size: 16px;
  font-weight:700;
  padding-bottom: 10px;
  float: left;
  margin: 3px 0 10px;
}
.product-tab .content h4 {
  color: #3399cc;
  font-size: 14px;
  font-weight:700;
  padding-bottom: 10px;
}
.product-tab .content h4 span {
  color:#FF0004;
  font-size: 14px;
  font-weight:700;
  padding-left:10px;
  text-transform:uppercase;
}
.product-tab .content p {
  padding-bottom: 15px;
  text-align: justify;
}
.product-tab .image{
  width: 100%;
  position: relative;
  display: block;
}
.product-tab .image img{
  display: block;
  margin:auto;
  padding-bottom: 10px;
}
.product-color {
  float: left;
  display: block;
  padding-left: 10px;
}
.product-color a {
  border: 1px solid rgba(144, 144, 144, 0.5);
  border-radius: 1px;
  display: block;
  float: left;
  height: 20px;
  margin-right: 6px;
  padding: 1px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 20px;
}
.product-color a:hover, .product-color a.active {
  border-color: #2395ec;
}
.product-color a:last-child {
  margin-right: 0;
}
.product-color a span {
  display: block;
  height: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.product-color a.color-1 span {
  background-color: #0E3B42;
}
.product-color a.color-2 span {
  background-color: #2ABADA;
}
.product-color a.color-3 span {
  background-color: #3E3A39;
}
.product-color a.color-4 span {
  background-color: #fefefe;
}
/* Single Product */
.sin-product {
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sin-product:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
/* Product Label */
.pro-label {
  background-color: #ff9900;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 19px;
  text-align: center;
  text-transform: uppercase;
  top: 19px;
  width: 40px;
  z-index: 99;
}
.pro-label:before {
  border: 1px solid #fff;
  border-radius: 3px;
  bottom: 1px;
  content: "";
  left: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
}
.pro-label:after {
  background-color: #ff9900;
  bottom: 100%;
  content: "";
  height: 20px;
  left: 50%;
  position: absolute;
  width: 1px;
}
/* Product Image */
.pro-image {
  width: 100%;
  display: block;
  position: relative;
}
.pro-image img {
  display: block;
  margin:auto;
  z-index: 1;
}
.pro-image .image:before {
  background-color: #000;
  content: "";
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 75%;
  top: 0;
  -webkit-transform: skewX(41deg);
      -ms-transform: skewX(41deg);
          transform: skewX(41deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 150%;
  z-index: 1;
}
.pro-image .image:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 75%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  -webkit-transform: skewX(41deg);
      -ms-transform: skewX(41deg);
          transform: skewX(41deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 150%;
  z-index: 1;
}
.sin-product:hover .pro-image .image:before {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  right: 50%;
}
.sin-product:hover .pro-image .image:after {
  left: 50%;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.pro-image .image img {
  width: 100%;
}
/* Product Action */
.pro-action {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  z-index: 2;
}
.pro-action .action-btn {
  border: 2px solid #ff9900;
  border-radius: 3px;
  color: #ff9900;
  display: block;
  height: 40px;
  margin-bottom: 15px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: relative;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 40px;
}
.pro-action .action-btn:last-child {
  margin-bottom: 0;
}
.pro-action .action-btn.cart {
  top: 55px;
}
.pro-action .action-btn.wishlist {}
.pro-action .action-btn.quick-view {
  bottom: 55px;
}
.sin-product:hover .pro-action .action-btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sin-product:hover .pro-action .action-btn.cart {
  top: 0;
}
.sin-product:hover .pro-action .action-btn.quick-view {
  bottom: 0;
}
.pro-action .action-btn i {
  display: block;
  font-size: 20px;
  line-height: 36px;
}
.pro-action .action-btn:hover {
  background-color: #ff9900;
  color: #fff;
}
/* Product Details */
.pro-details {
  background-color: #fafafa;
  border-top: 1px solid #f1f1f1;
  padding: 10px 10px 15px;
}
.pro-details .top{}
.pro-details .pro-cat {
  color: #ff9900;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
  text-transform: capitalize;
}
.pro-details .pro-ratting{}
.pro-details .pro-ratting i {
  color: #ff9900;
  display: block;
  float: left;
  line-height: 16px;
  margin-left: 4px;
}
.pro-details .pro-ratting span {
  color: #ff9900;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin-left: 2px;
}
.pro-details .pro-title {
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.pro-details .pro-title:hover {
  color: #ff9900;
}
.pro-details .pro-price {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin: 10px 0 0;
}
.pro-details .pro-price span {
  display: inline-block;
  vertical-align: top;
}
.pro-details .pro-price .new{}
.pro-details .pro-price .old {
  color: #909090;
  font-size: 16px;
  text-decoration: line-through;
}
/* Single List Product */
.sin-list-product {}
.sin-list-product .pro-label {
  right: 34px;
}
/* List Product Image */
.sin-list-product .image {
  border: 1px solid #f1f1f1;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sin-list-product:hover .image {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.sin-list-product:hover .pro-image .image:before {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  right: 50%;
}
.sin-list-product:hover .pro-image .image:after {
  left: 50%;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
/* List Product Action */
.sin-list-product:hover .pro-action .action-btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sin-list-product:hover .pro-action .action-btn.cart {
  top: 0;
}
.sin-list-product:hover .pro-action .action-btn.quick-view {
  bottom: 0;
}
/* List Product Details */
.list-pro-details {
  margin-top: 47px;
}
.list-pro-details .top {
  margin-bottom: 15px;
}
.list-pro-details .pro-title {
  color: #252525;
  display: block;
  float: left;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.list-pro-details .pro-title:hover {
  color: #ff9900;
}
.list-pro-details .pro-ratting {
  margin-top: 3px;
}
.list-pro-details .pro-ratting i {
  color: #ff9900;
  display: block;
  float: left;
  line-height: 16px;
  margin-left: 4px;
}
.list-pro-details .pro-ratting span {
  color: #ff9900;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin-left: 2px;
}
.list-pro-details .pro-price {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 20px;
}
.list-pro-details .pro-price span {
  display: inline-block;
  vertical-align: top;
}
.list-pro-details .pro-price .new {
  color: #ff9900;
  margin-right: 15px;
}
.list-pro-details .pro-price .old {
  color: #909090;
  font-size: 12px;
  text-decoration: line-through;
}
.list-pro-details .list-pro-dec {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  padding: 12px 0 14px;
}
.list-pro-details .list-pro-dec p {
  color: #333333;
}
/*----------------------------------------*/
/*  7.  About Area
/*----------------------------------------*/

/*----------------------------------------*/
/*  8.  BGbanner Area
/*----------------------------------------*/


/*----------------------------------------*/
/*  10.  Blog Area
/*----------------------------------------*/

/*----------------------------------------*/
/*  11.  Brand Area
/*----------------------------------------*/

/*----------------------------------------*/
/*  12.  Footer Top Area
/*----------------------------------------*/
.footer-top-area {
  background-color: #292929;
}
/* Footer Contact */
.footer-contact{}
.footer-contact img {
  width: 100%;
  background: #ffffff
}
.footer-contact h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.footer-contact h4 a{
  color: #ffffff;
}
.footer-contact h4 a:hover {
  color: #ff9900;
}
.footer-contact div {
  margin-bottom: 10px;
}
.footer-contact div span {
  color: #eeeeee;
  display: block;
  float: left;
  min-width: 90px;
}
.footer-contact div > i {
  color: #eeeeee;
  display: block;
  font-size: 20px;
  line-height: 22px;
  float: left;
  min-width: 30px;
}
.footer-contact div p {
  color: #eeeeee;
  overflow: hidden;
}
.footer-contact div a {
  color: #eeeeee;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-contact div a:hover {
  color: #ff9900;
}
.footer-contact .footer-social {
  margin-bottom: 0;
}
.footer-social {
  display: inline-block;
  margin-top: 10px;
  vertical-align: top;
}
.footer-social a {
  border: 1px solid #eeeeee;
  border-radius: 3px;
  color: #eeeeee;
  float: left;
  height: 35px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 35px;
  margin-right: 15px;
}
.footer-social a:hover {
  background-color: #ff9900;
  border-color: #ff9900;
  color: #fff !important;
}
.footer-social a i {
  display: block;
  font-size: 30px;
  line-height: 32px;
}
/* Footer Contact 2 */
.footer-contact-2{}
.footer-contact-2 h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 37px;
  text-transform: uppercase;
}
.sin-footer-contact {
  margin-bottom: 25px;
}
.sin-footer-contact:last-child {
  margin-bottom: 0;
}
.sin-footer-contact i {
  border: 1px solid #fcfcfc;
  border-radius: 50%;
  color: #fff;
  display: block;
  float: left;
  font-size: 18px;
  height: 32px;
  line-height: 30px;
  margin-right: 14px;
  text-align: center;
  width: 32px;
}
.sin-footer-contact span {
  color: #ffffff;
  display: block;
  margin-top: -5px;
  overflow: hidden;
}
/* Footer About */
.footer-about {}
.footer-about img {
  margin-bottom: 18px;
}
.footer-about p {
  color: #fff;
  margin-bottom: 25px;
}
/* Footer Account */
.footer-account{}
.footer-account h4 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.footer-account ul{}
.footer-account ul li {
  margin-bottom: 12px;
}
.footer-account ul li:last-child {
  margin-bottom: 0;
}
.footer-account ul li a {
  color: #ffffff;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-account ul li a:before {
  content: '\f2fb';
  font-family: "Material-Design-Iconic-Font";
  margin-right: 10px;
  font-size: 16px;
  line-height: 24px;
  display: block;
  float: left;
}
.footer-account ul li a:hover {
  color: #ff9900;
  padding-left: 0px;
}
/* Footer Shipping */
.footer-shipping{}
.footer-shipping h4 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.footer-shipping ul{}
.footer-shipping ul li {
  margin-bottom: 12px;
}
.footer-shipping ul li:last-child {
  margin-bottom: 0;
}
.footer-shipping ul li a {
  color: #ffffff;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-shipping ul li a:before {
  content: '\f2fb';
  font-family: "Material-Design-Iconic-Font";
  margin-right: 10px;
  font-size: 16px;
  line-height: 24px;
  display: block;
  float: left;
}
.footer-shipping ul li a:hover {
  color: #ff9900;
  padding-left: 0px;
}
/* Footer Information */
.footer-information{}
.footer-information h4 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.footer-information ul{}
.footer-information ul li {
  margin-bottom: 12px;
}
.footer-information ul li:last-child {
  margin-bottom: 0;
}
.footer-information ul li a {
  color: #ffffff;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-information ul li a:before {
  content: '\f2fb';
  font-family: "Material-Design-Iconic-Font";
  margin-right: 10px;
  font-size: 16px;
  line-height: 24px;
  display: block;
  float: left;
}
.footer-information ul li a:hover {
  color: #ff9900;
  padding-left: 7px;
}
/* Footer Tags */
.footer-tags{}
.footer-tags h4 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.footer-tags .tags-cloud {}
.footer-tags .tags-cloud a {
  border: 1px solid #e7e7e7;
  color: #fff;
  display: block;
  float: left;
  line-height: 20px;
  margin-bottom: 20px;
  margin-right: 15px;
  padding: 5px 10px;
  text-transform: uppercase;
}
.footer-tags .tags-cloud a:hover {
  border-color: #ff9900;
  color: #ff9900;
}
/* Footer Collection */
.footer-collection{}
.footer-collection h4 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.footer-collection-wrap {
  margin-left: -4px;
  margin-right: -4px;
}
.footer-collection-wrap .sin-collection {
  display: block;
  float: left;
  margin-bottom: 7px;
  padding: 0 4px;
  width: 33.3333%;
}
.footer-collection-wrap .sin-collection a {
  display: block;
}
.footer-collection-wrap .sin-collection a img {
  width: 100%;
}

/*----------------------------------------*/
/*  13.  Footer Bottom Area
/*----------------------------------------*/
.footer-bottom-area {
  background-color: #1a1a1a;
}
/* Footer Bottom Social */
.footer-bottom-social {
  float: left;
  margin-bottom: 0;
  margin-bottom: 15px;
}
.footer-bottom-social a {
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  color: #b1b1b1;
  display: inline-block;
  height: 32px;
  margin-right: 15px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 32px;
}
.footer-bottom-social a:hover {
  background-color: #ff9900;
  border-color: #ff9900;
  color: #fff !important;
}
.footer-bottom-social a i {
  display: block;
  font-size: 18px;
  line-height: 30px;
}
/* Copyright */
.copyright{}
.copyright p {
  color: #ffffff;
  font-weight: 600;
  line-height: 30px;
}
.copyright p a {
  color: #ff9900;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.copyright p a:hover {
  text-decoration: underline;
}
.payment-method{}
.payment-method img {
  border-radius: 1px;
  display: inline-block;
}
/*----------------------------------------*/
/*  14.  Newsletter Area
/*----------------------------------------*/
.newsletter-area{}
.newsletter-wrapper {
  background-color: #ff9900;
  border-radius: 3px;
  float: left;
  margin-bottom: -60px;
  padding: 42px 0;
  width: 100%;
}
.newsletter-wrapper h3 {
  color: #ffffff;
  display: block;
  float: left;
  font-size: 24px;
  font-weight: 700;
  margin: 6px 0 0;
  text-transform: uppercase;
}
.newsletter-form{}
/* Lewsletter Form */
.newsletter-form .mc-form{}
.newsletter-form .mc-form input[type="email"] {
  background-color: transparent;
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 2px;
  color: #dddddd;
  float: left;
  line-height: 24px;
  margin-right: 50px;
  padding: 5px 10px;
  width: 286px;
}
.newsletter-form .mc-form input[type="submit"] {
  background-color: #fff;
  border: medium none;
  border-radius: 3px;
  color: #ff9900;
  font-weight: 600;
  line-height: 24px;
  padding: 6px 23px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.newsletter-form .mc-form input[type="submit"]:hover {
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}
/*----------------------------------------*/
/*  15.  Page Banner Area
/*----------------------------------------*/
.page-banner-area {
  background: rgba(0, 0, 0, 0) url("../images/BGbanner/banner1.jpg") no-repeat scroll center center / cover ;
  position: relative;
}
.page-banner-area .container {
  position: relative;
  z-index: 9;
}
.page-banner-area canvas {
  position: absolute;
  margin: 150px 0 50px;
}
.page-banner{}
.page-banner h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  margin: 50px 0 50px;
  text-transform: uppercase;
}
.breadcrumbs {
  overflow: hidden;
  padding: 10px 0 0;
}
.breadcrumbs li {
  display: block;
  float: left;
  position: relative;
}
.breadcrumbs li + li {
  margin-left: 5px;
  padding-left: 10px;
}
.breadcrumbs li + li:before {
  color: #252525;
  content: "/";
  font-size: 10px;
  left: 0;
  position: absolute;
}
.breadcrumbs li a, .breadcrumbs li span {
  color: #252525;
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
/*----------------------------------------*/
/*  16.  Shop Page Area
/*----------------------------------------*/
.shop-top-bar{}
/* Shop Product View Mode */
.shop-top-bar .view-mode {
  display: inline-block;
  vertical-align: top;
}
.shop-top-bar .view-mode li {
  display: block;
  float: left;
}
.shop-top-bar .view-mode li + li {
  margin-left: 10px;
}
.shop-top-bar .view-mode li a {
  border: 1px solid #e7e7e7;
  color: #909090;
  display: block;
  height: 35px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 35px;
}
.shop-top-bar .view-mode li a i {
  display: block;
  font-size: 20px;
  line-height: 33px;
}
.shop-top-bar .view-mode li a:hover {
  border-color: #ff9900;
  color: #ff9900;
}
.shop-top-bar .view-mode li.active a {
  background-color: #ff9900;
  border-color: #ff9900;
  color: #fff;
}
.shop-top-bar .view-mode li.active a:hover {
  color: #fff;
}
/* Shop Product Short By */
.pro-short-by {
  display: inline-block;
  vertical-align: top;
}
.pro-short-by p {
  color: #252525;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  margin: 0 18px 0 0;
  text-transform: uppercase;
}
.pro-short-by select {
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  background: rgba(0, 0, 0, 0) url("img/icon/select-arrow-down.png") no-repeat scroll right top;
  border: 1px solid #e7e7e7;
  display: block;
  float: left;
  height: 35px;
  padding: 0 12px;
}
.pro-short-by select option {
  padding: 3px 15px;
}
/* Shop Product Showing */
.pro-showing {
  display: inline-block;
  vertical-align: top;
}
.pro-showing p {
  color: #252525;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  margin: 0 18px 0 0;
  text-transform: uppercase;
}
.pro-showing select {
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  background: rgba(0, 0, 0, 0) url("img/icon/select-arrow-down.png") no-repeat scroll right top;
  border: 1px solid #e7e7e7;
  display: block;
  float: left;
  height: 35px;
  padding: 0 12px;
}
.pro-showing select option {
  padding: 3px 15px;
}
/* Pagination */
.pagination {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
.pagination p {
  color: #252525;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  margin: 0 18px 0 0;
  text-transform: uppercase;
}
.pagination ul {
  float: left;
}
.pagination ul li {
  display: block;
  float: left;
}
.pagination ul li + li {
  margin-left: 10px;
}
.pagination ul li a {
  border: 1px solid #e7e7e7;
  color: #909090;
  display: block;
  height: 35px;
  line-height: 33px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 32px;
}
.pagination ul li a i {
  display: block;
  font-size: 20px;
  line-height: 33px;
}
.pagination ul li a:hover {
  border-color: #ff9900;
  color: #ff9900;
}
.pagination ul li.active a {
  background-color: #ff9900;
  border-color: #ff9900;
  color: #fff;
  cursor: default;
}
/*----------------------------------------*/
/*  17.  Sidebar
/*----------------------------------------*/
.sidebar-wrapper{}
/* Single Sidebar */
.single-sidebar {
  margin-bottom: 40px;
  overflow: hidden;
}
.single-sidebar:last-child {
  margin-bottom: 0;
}
/* Sidebar Title */
.sidebar-title {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.sidebar-title h4 {
  border-left: 2px solid #666666;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 14px;
  margin: 0;
  padding-left: 17px;
  text-transform: uppercase;
}
/* Category Sidebar */
.cat-treeview .hitarea {
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 19px;
  width: 30px;
}
.cat-treeview .hitarea:before {
  bottom: 0;
  color: #999999;
  font-family: "Material-Design-Iconic-Font";
  font-size: 12px;
  left: 0;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  top: 0;
}
.cat-treeview .expandable-hitarea:before {
  content: '\f278';
}
.cat-treeview .collapsable-hitarea:before {
  content: '\f273';
}
.cat-treeview .hitarea:hover:before {
  color: #ff9900;
}
.single-sidebar > ul {
  margin-top: -20px;
}
.single-sidebar ul li {
  position: relative;
}
.single-sidebar ul li a {
  border-bottom: 1px solid #e7e7e7;
  color: #333333;
  display: block;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-sidebar li a:hover {
  color: #ff9900;
}
.single-sidebar ul ul{}
.single-sidebar ul ul li{}
.single-sidebar ul ul li a {
  color: #909090;
  line-height: 35px;
  padding-left: 40px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-sidebar ul ul li a:hover {
  color: #ff9900;
}
/* Price Slider */
.price-slider-wrap {
  padding: 0 20px;
}
#slider-range {
  background-color: #dcdcdc;
  border: medium none;
  border-radius: 0;
  height: 3px;
  margin-bottom: 14px;
}
#slider-range .ui-slider-range {
  background-color: #ff9900;
}
#slider-range .ui-slider-handle {
  background-color: #fff;
  border: 2px solid #ff9900;
  display: block;
  height: 12px;
  margin-left: 0;
  top: -4.5px;
  width: 12px;
}
#slider-range .ui-slider-handle:last-child {
  margin-left: -12px;
}
#amount{}
#amount input {
  border: 1px solid #e7e7e7;
  color: #333333;
  display: inline-block;
  height: 30px;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: 80px;
}
#amount span {
  background-color: #dcdcdc;
  display: inline-block;
  height: 1px;
  margin: 15px 7px 0;
  vertical-align: top;
  width: 10px;
}
/* Size */
.size-wrap {
  border: 1px solid #dcdcdc;
  float: left;
  width: 100%;
}
.size-wrap a {
  border-right: 1px solid #dcdcdc;
  color: #333333;
  display: block;
  float: left;
  line-height: 38px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 20%;
  z-index: 2;
}
.size-wrap a:last-child {
  border-right: none;
}
.size-wrap a:before {
  background-color: #ff9900;
  bottom: -1px;
  content: "";
  left: -1px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: -1px;
  top: -1px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: -1;
}
.size-wrap a:hover {
  color: #fff;
}
.size-wrap a:hover:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* Color */
.color-wrap {
  float: left;
  padding: 0 18px;
  width: 100%;
}
.color-wrap a {
  border: 1px solid transparent;
  border-radius: 3px;
  display: block;
  float: left;
  height: 25px;
  margin-right: 9px;
  padding: 1px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 25px;
}
.color-wrap a:hover, .color-wrap a.active {
  border-color: #ff9900;
}
.color-wrap a:last-child {
  margin-right: 0;
}
.color-wrap a span {
  border-radius: 3px;
  display: block;
  height: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.color-wrap a:hover span, .color-wrap a.active span {
  border: 1px solid #fff;
}
.color-wrap a.color-1 span {
  background-color: #ffa07a;
}
.color-wrap a.color-2 span {
  background-color: #00eeee;
}
.color-wrap a.color-3 span {
  background-color: #f49ac1;
}
.color-wrap a.color-4 span {
  background-color: #fe5858;
}
.color-wrap a.color-5 span {
  background-color: #e9967a;
}
.color-wrap a.color-6 span {
  background-color: #00b2ee;
}
.color-wrap a.color-7 span {
  background-color: #1874cd;
}
/* Recent Items */
.sidebar-recent-item {
  margin-bottom: 30px;
  margin-left: 20px;
}
.sidebar-recent-item:last-child {
  margin-bottom: 0;
}
.sidebar-recent-item .image {
  border: 1px solid #e7e7e7;
  display: block;
  margin-right: 20px;
  width: 110px;
}
.sidebar-recent-item .image img {
  width: 100%;
}
.sidebar-recent-item .content {
  float: left;
  margin-top: 30px;
}
.sidebar-recent-item .content a {
  color: #333333;
  display: block;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sidebar-recent-item .content a:hover {
  color: #ff9900;
}
.sidebar-recent-item .content p {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
.sidebar-recent-item .content p i {
  color: #ff9900;
  display: block;
  float: left;
  line-height: 16px;
  margin-left: 4px;
}
.sidebar-recent-item .content h4 {
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
}
/* Search */
.sidebar-search{}
.sidebar-search form {
  position: relative;
}
.sidebar-search form input {
  border: 1px solid #e7e7e7;
  color: #909090;
  font-weight: 600;
  height: 36px;
  padding: 0 60px 0 20px;
  width: 100%;
}
.sidebar-search form button {
  background-color: #ff9900;
  border: medium none;
  color: #fff;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
}
.sidebar-search form button i {
  font-size: 24px;
  line-height: 36px;
}
/* Sidebar Post */
.sidebar-post{}
.sin-sidebar-post {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.sin-sidebar-post:last-child {
  margin-bottom: 0;
}
.sin-sidebar-post .image {
  display: block;
  margin-right: 15px;
  width: 85px;
}
.sin-sidebar-post .image img{}
.sin-sidebar-post .content{}
.sin-sidebar-post .content a {
  color: #333333;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sin-sidebar-post .content a:hover {
  color: #ff9900;
}
.sin-sidebar-post .content p {
  color: #333333;
}
/* Sidebar Tags */
.sidebar-tags{}
.sidebar-tags a {
  border: 1px solid #e7e7e7;
  color: #333;
  display: block;
  float: left;
  height: 32px;
  margin-bottom: 10px;
  margin-right: 15px;
  padding: 4px 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sidebar-tags a:hover {
  border-color: #ff9900;
  color: #ff9900;
}
/* Sidebar Instagram */
.sidebar-instagram {
  margin-left: -5px;
  margin-right: -5px;
}
.sidebar-instagram a {
  display: block;
  float: left;
  margin-bottom: 10px;
  padding: 0 5px;
  width: 33.3333%;
}
.sidebar-instagram a img {
  width: 100%;
}
/*----------------------------------------*/
/*  18.  Product Details
/*----------------------------------------*/
.single-product-wrap {
  float: left;
  width: 100%;
}
/* Single Product Image */
.single-product-image {
  display: block;
}
.single-product-image2 {
  display: block;
  background: url(../images/product/background-01.jpg) no-repeat;
  background-size: cover;
}
/* Product Big Image */
.product-big-image {
  max-width: 800px;
  width: 100%;
  display: block;
  margin: 20px auto;
}
.product-big-image .tab-pane {
  position: relative;
}
.product-big-image .tab-pane img {
  width: 100%;
}
.product-big-image .tab-pane a {
  bottom: 0;
  color: #909090;
  display: block;
  height: 50px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: right;
  width: 50px;
  z-index: 1;
}
.product-big-image .tab-pane a:before {
  border-left: 50px solid transparent;
  border-right: 50px solid #d9d9da;
  border-top: 50px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: -1;
}
.product-big-image .tab-pane a i {
  display: block;
  font-size: 18px;
  margin-right: 8px;
  margin-top: 28px;
}
/* Single Product Thumb Slider */
.pro-thumb-slider {
  display: block;
  margin:auto;
  max-width: 330px;
  overflow: hidden;
  padding: 0 30px;
  width: 100%;
}
.pro-thumb-slider .slick-arrow {
  background-color: #f1f1f1;
  border: medium none;
  border-radius: 0;
  bottom: 10px;
  color: #333333;
  height: auto;
  margin: 0;
  padding: 0;
  top: 10px;
  width: 25px;
}
.pro-thumb-slider .slick-arrow:hover {
  background-color: #f1f1f1;
  color: #ff9900;
}
.pro-thumb-slider .slick-arrow i {
  font-size: 24px;
}
.pro-thumb-slider .slick-arrow.slick-prev {
  left: 0;
}
.pro-thumb-slider .slick-arrow.slick-next {
  right: 0;
}
.pro-thumb-slider .slick-slide {
  padding: 10px 7px;
}
.pro-thumb-slider .slick-slide a {
  border: 1px solid #f1f1f1;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.pro-thumb-slider .slick-slide a:before {
  bottom: 1px;
  content: "";
  left: 1px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 1px;
  top: 1px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.pro-thumb-slider .slick-slide a.active {
  border-color: #252525;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.pro-thumb-slider .slick-slide a.active:before {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.pro-thumb-slider .slick-slide a img{}
/* Colorbox */
.colorbox{
  width: 200px;
  height: 40px;
  margin: auto;
  position: relative;
  margin-top: 10px;
}
.pro-thumb-color {
  position: absolute;
  display: block;
  width: 200px;
  top:50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -15px;
}
.pro-thumb-color a {
  border: 1px solid rgba(144, 144, 144, 0.5);
  border-radius: 1px;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  padding: 1px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 30px;
}
.pro-thumb-color a:hover, .pro-thumb-color a.active {
  border-color: #2395ec;
}
.pro-thumb-color a:last-child {
  margin-right: 0;
}
.pro-thumb-color a span {
  display: block;
  height: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.pro-thumb-color a.color-1 span {
  background-color: #0E3B42;
}
.pro-thumb-color a.color-2 span {
  background-color: #2ABADA;
}
.pro-thumb-color a.color-3 span {
  background-color: #3E3A39;
}
.pro-thumb-color a.color-4 span {
  background-color: #fefefe;
}
/* Single Product Content */
.single-product-content{}
.single-pro-title {
  color: #252525;
  display: block;
  font-size: 22px;
  font-weight: 700;
  text-transform:uppercase;
  margin-bottom: 25px;
  margin-top: 25px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-pro-title span {
  color: #252525;
  font-size: 22px;
  font-weight: 100;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#playerbox {
  width: 100%;
  height: 400px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  background: url(../images/product/700C-video.jpg) no-repeat scroll center center / cover;
}
#playerbox h2 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  padding: 200px 20px;
  margin:auto;
  text-transform: uppercase;
}
/* Single Product dec */
.single-product-content p {
  color: #333333;
  line-height: 23px;
  margin-bottom: 25px;
  text-align:justify;
}
.single-product-content p span {
  color: #2395ec;
  line-height: 23px;
  margin-bottom: 25px;
}
.single-product-content ul{}
.single-product-content ul li {
  color: #333333;
}
.single-product-content ul li:before {
  content: "\f2fb";
  font-family: "Material-Design-Iconic-Font";
  font-size: 12px;
  margin-right: 3px;
  padding: 0 2px;
}
/* Single Product Color */
.single-pro-color {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.single-pro-color h4 {
  color: #252525;
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin: 0;
  width: 55px;
}
.single-pro-color a {
  border: 1px solid rgba(144, 144, 144, 0.5);
  border-radius: 1px;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  padding: 1px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 30px;
}
.single-pro-color a:hover, .single-pro-color a.active {
  border-color: #ff9900;
}
.single-pro-color a:last-child {
  margin-right: 0;
}
.single-pro-color a span {
  display: block;
  height: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.single-pro-color a.color-1 span {
  background-color: #0E3B42;
}
.single-pro-color a.color-2 span {
  background-color: #2ABADA;
}
.single-pro-color a.color-3 span {
  background-color: #3E3A39;
}
.single-pro-color a.color-4 span {
  background-color: #fefefe;
}
.single-pro-color a.color-5 span {
  background-color: #e9967a;
}
.single-pro-color a.color-6 span {
  background-color: #00b2ee;
}
.single-pro-color a.color-7 span {
  background-color: #1874cd;
}
/* Single Product Size 1 */
.single-pro-size-1 {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
.single-pro-size-1 h4 {
  color: #252525;
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin: 0;
  width: 55px;
}
.single-pro-size-1 a {
  color: #666666;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-right: 10px;
  min-width: 16px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-pro-size-1 a:hover {
  color: #ff9900;
}
/* Single Product Action Quantity */
.single-product-action-quantity {
  float: left;
  width: 100%;
}
/* Single Product Action */
.pro-details-action{}
.pro-details-act-btn {
  background-color: transparent;
  border: 1px solid #ff9900;
  border-radius: 3px;
  color: #ff9900;
  float: left;
  line-height: 24px;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.pro-details-act-btn + button {
  margin-left: 20px;
}
.pro-details-act-btn.btn-icon {
  width: 40px;
}
.pro-details-act-btn i {
  display: block;
  float: left;
  font-size: 20px;
  line-height: 24px;
}
.pro-details-act-btn.btn-icon {
  width: 40px;
}
.pro-details-act-btn.btn-icon i {
  float: none;
}
.pro-details-act-btn.btn-text {
  padding: 8px 15px ;
  width: auto;
}
.pro-details-act-btn.btn-text i {
  margin-right: 10px;
}
.pro-details-act-btn.active, .pro-details-act-btn:hover {
  background-color: #ff9900;
  color: #fff;
}
/* Single Product Quantity */
.pro-qty {
  background-color: #f1f1f1;
  padding: 12px 15px;
}
.cart-plus-minus-box {
  background-color: #f1f1f1;
  border-color: #909090;
  border-style: solid;
  border-width: 0 1px;
  color: #666666;
  display: block;
  float: left;
  line-height: 16px;
  margin: 0 15px;
  padding: 0;
  text-align: center;
  width: 58px;
}
.pro-qty .qtybtn {
  cursor: pointer;
  display: block;
  float: left;
  line-height: 16px;
  padding: 0 7px;
}
.pro-qty .qtybtn i {
  line-height: 16px;
}
/* Product Social */
.product-share {
  float: left;
  margin-top: 40px;
}
.product-share a {
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  color: #b1b1b1;
  float: left;
  height: 32px;
  margin-right: 15px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 32px;
}
.product-share a i {
  display: block;
  font-size: 18px;
  line-height: 30px;
}
.product-share a:hover {
  background-color: #ff9900;
  border-color: #ff9900;
  color: #fff;
}
/* Product Quantity & Size */
.product-quantity-size {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
/* Product Quantity 2 */
.pro-qty-wrap-2 {
  margin-right: 35px;
}
.pro-qty-wrap-2 h5 {
  color: #252525;
  float: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 37px;
  margin: 0 20px 0 0;
}
.pro-qty-2 {
  border: 1px solid #f1f1f1;
  float: left;
  height: 37px;
  width: 84px;
}
.pro-qty-2 input {
  background-color: transparent;
  border-color: #f1f1f1;
  border-style: solid;
  border-width: 0 1px 0 0;
  float: left;
  height: 35px;
  padding: 0;
  text-align: center;
  width: 54px;
}
.pro-qty-2 .qtybtn-2 {
  cursor: pointer;
  display: block;
  float: right;
  overflow: hidden;
  text-align: center;
  width: 28px;
}
.pro-qty-2 .qtybtn-2 i {
  display: block;
  line-height: 17px;
}
/* Product Size 2 */
.single-pro-size-2{}
.single-pro-size-2 h5 {
  color: #252525;
  float: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 37px;
  margin: 0 20px 0 0;
}
.single-pro-size-2 select {
  -moz-appearance: none;
  background: rgba(0, 0, 0, 0) url("img/icon/select-arrow-down.png") no-repeat scroll right top;
  border: 1px solid #f1f1f1;
  height: 37px;
  padding-right: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 84px;
}
.single-pro-size-2 select option {
  padding: 3px 15px;
  text-align: left;
  text-transform: uppercase;
}
/* Product Details Tab Container */
.pro-details-tab-container, .tab-container {
  padding: 0px;
}
/* Product Details Tab List */
.pro-details-tablist, .tab-list {
  margin-bottom: 20px;
  background-color:#eeeeee;
}
.pro-details-tablist li, .tab-list li {
  display: block;
  float: left;
  margin: 7px 10px;
}
.pro-details-tablist li a, .tab-list li a {
  color: #252525;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.pro-details-tablist li:hover a, .pro-details-tablist li.active a, .tab-list li:hover a, .tab-list li.active a {
  color: #ff9900;
}
/* Product Details Tab Content */
.pro-details-tab{}
a.shopping-botton{
  position: relative;
  float: right;
  display: inline-block;
  text-decoration: none;
  -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
  -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
  -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
  -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
  cursor: pointer;
  padding: 3px 10px;
}
a.shopping-botton:hover{
  color: #fff;
}
/* Product Specs Tab */
.pro-s-tab{}
.pro-s-tab h4 {
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
  /* Product Specs Table */
	.pro-s-tab table {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin:10px 0
	}
		.pro-s-tab table tbody tr {
		border: solid 1px rgba(144, 144, 144, 0.1);
		border-left: 0;
		border-right: 0;
		}
			.pro-s-tab table tbody tr:nth-child(2n + 1) {
			background-color: rgba(144, 144, 144, 0.075);
			}
		.pro-s-tab table td {
		padding: 0 10px;
		}
		.rwd{
		padding: 0 10px;
		width:30%
		}
		@media screen and (max-width:768px) {
			.pro-s-tab table td {
			  padding: 0 10px;
			}
			.rwd{
			  padding: 0 10px;
			  width:40%
			}
		}
		@media screen and (max-width:480px) {
			.pro-s-tab table td {
			  padding: 0 10px;
			}
			.rwd{
			  padding: 0 10px;
			  width:50%
			}
		}
		.pro-s-tab table th {
		}
		.pro-s-tab table thead {
		border-bottom: solid 2px rgba(144, 144, 144, 0.25);
		}
		.pro-s-tab table tfoot {
		border-top: solid 2px rgba(144, 144, 144, 0.25);
		}
.pro-s-tab p {
  color: #252525;
  margin-bottom: 20px;
}
.pro-s-tab ul{}
.pro-s-tab ul li {
  color: #252525;
}
.pro-s-tab ul li:before {
  color: #252525;
  content: "\f2fb";
  font-family: "Material-Design-Iconic-Font";
  font-size: 12px;
  margin-right: 3px;
  padding: 0 2px;
}
/* Product Technologies Tab */
.pro-t-tab{}
.pro-t-tab section{
  background-color: #eeeeee;
}
.pro-t-tab h1 {
  color: #666666;
  display: block;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
}
  .icon.rounded1, .icon.rounded2,.icon.rounded3{
	background-color: #3cadd4;
	border-radius: 100%;
	color: #ffffff;
	display: inline-block;
	height: 120px;
	line-height: 120px;
	text-align: center;
	width: 120px;
	font-size: 55px;
  }
  .icon.rounded2{
	background-color: #add43c;
  }
  .icon.rounded3{
	background-color: #FF6699;
  }
.pro-t-tab h2 {
  color: #3399cc;
  display: block;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
}
.pro-t-tab h3 {
  color: #7f7f7f;
  display: block;
  font-size: 20px;
}
.pro-t-tab h4 {
  color: #3399cc;
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.pro-t-tab h5 {
  color: #666666;
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.pro-t-tab p {
  color: #666666;
  text-align:justify;
}
  .pro-t-tab p > img{
	display:block;
	margin:auto;
	position: relative;
  }
  .pro-t-tab p i {
	color: #f63;
	font-size: 20px;
	margin-right: 3px;
	padding: 3px;
  }
.pro-t-tab span {
  font-weight:700;
  color: #f63;
}
.pro-t-tab ul{}
.pro-t-tab ul li {
  color: #333333;
  text-align:justify;
}
.pro-t-tab ul li i {
  font-size: 14px;
  font-weight:700;
  color: #f63;
  margin-right: 3px;
  padding: 0 2px;
}
.pro-t-tab-image img{
  display: block;
  margin: 5px 0 0;
  height: auto;
  max-width: 100%;
}
/* Product Features Tab */
.pro-f-tab {}
.pro-f-tab h2 {
  color: #3399cc;
  display: block;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.pro-f-tab h4 {
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 700;
}
  /* Product Features Table */
	.pro-f-tab table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	}
	.pro-f-tab table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	}	
	.pro-f-tab table h2{
	text-align:center;
	font-size: 18px;
	font-weight: 700;
	color:#993333;
	margin: 0px;
	}
	.pro-f-tab table h3{
	text-align:center;
	font-size: 18px;
	color:#252525;
	margin: 0px;
	}
	.pro-f-tab ul{
	  list-style-position:outside; 
	}
	.pro-f-tab ul li {
	  color: #252525;
	  text-align:justify;
	}
	.pro-f-tab ul li:before {
	  color: #252525;
	  content: "\f2fb";
	  font-family: "Material-Design-Iconic-Font";
	  font-size: 12px;
	  margin-right: 5px;
	  padding: 0 2px;
	}
		.pro-f-tab table tbody tr {
		background-color:#FFCC99
		}
			.pro-f-tab table tbody tr:nth-child(2n + 1) {
			background-color: rgba(144, 144, 144, 0.075);
			}			
		.pro-f-tab table td {
		padding: 10px;
		}
		.pro-f-tab table th {
		text-align: left;
		}	
		.pro-f-tab table thead {
		border-bottom: solid 2px rgba(144, 144, 144, 0.25);
		}
		.pro-f-tab table tfoot {
		border-top: solid 2px rgba(144, 144, 144, 0.25);
		}
		.pro-f-tab table.alt {
		border-collapse: separate;
		}
			.pro-f-tab table.alt tbody tr td {
			border: solid 1px rgba(144, 144, 144, 0.25);
			border-left-width: 0;
			border-top-width: 0;
			}
				.pro-f-tab table.alt tbody tr td:first-child {
				border-left-width: 1px;
				}
			.pro-f-tab table.alt tbody tr:first-child td {
			border-top-width: 1px;
			}
			.pro-f-tab table.alt thead {
			border-bottom: 0;
			}
			.pro-f-tab table.alt tfoot {
			border-top: 0;
			}			
		.pro-f-tab table {
		width: 100%;
		}
		.pro-f-tab table tbody tr {
		border: solid 1px rgba(144, 144, 144, 0.25);
		border-left: 0;
		border-right: 0;
		}
		.pro-f-tab table tbody tr:nth-child(2n + 1)  {
		background-color: rgba(144, 144, 144, 0.075);
		}
		.pro-f-tab table td {
		padding: 0px;
		}
		.pro-f-tab table th {
		text-align: left;
		}		
			.pro-f-tab table img {
			  display:block;
			  margin:auto;
			  float: none;
			  height: auto;
			  max-width: 100%;
			  padding: 5px;
		    }
		   .pro-f-tab table thead {
		   border-bottom: solid 2px rgba(144, 144, 144, 0.25);
		   }
.pro-f-tab p {
  color: #252525;
  margin-bottom: 20px;
}
/* Product Related Products Tab */
.pro-r-tab{}
.pro-r-tab h5 {
  color: #252525;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 10px;
}
/* Product How to Fold */
.pro-h-tab{}
.pro-h-tab h4 {
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pro-h-tab h5 {
  color: #252525;
  font-size: 14px;
  font-weight: 700;
}
.pro-h-tab i {
  float:left;
  color: #252525;
  font-size: 20px;
  margin: 0 5px 10px;
  padding: 7px 2px;
}
.pro-h-tab .ebook {
  height: 150px;
}
/* Product Unboxing */
.pro-u-tab{}
.pro-u-tab h4 {
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pro-u-tab h5 {
  color: #252525;
  font-size: 14px;
  font-weight: 700;
}
.pro-u-tab i {
  float:left;
  color: #252525;
  font-size: 20px;
  margin: 0 5px 10px;
  padding: 7px 2px;
}
.pro-u-tab img{
  width: 100%;
}
/*----------------------------------------*/
/*  19.  Cart Area
/*----------------------------------------*/

/*----------------------------------------*/
/*  21.  About Page
/*----------------------------------------*/
.about-content {
}
.about-content h1 {
  color: #252525;
  font-size: 24px;
  margin-top: 20px;
  text-transform:uppercase;
}
.about-content h3 {
  color: #333333;
  font-size: 20px;
  margin: 15px 0;
}
.about-content h4 {
  color: #333333;
  font-size: 16px;
}
.about-content p {
  color: #666666;
  text-align:justify;
  margin-bottom: 15px;
}
.about-content a {
  color: #3399cc;
  padding-left: 5px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.about-content a i {
  display: inline-block;
  font-size: 16px;
  left: 5px;
  position: relative;
  top: 1px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.about-content-image{}
.about-content-image img {
  width: 100%;
}

/*----------------------------------------*/
/*  22.  Video Page
/*----------------------------------------*/
.video-image{}
.video-image img {
  width: 100%;
}
.video-content {
}
.video-content h1 {
  color: #252525;
  font-size: 24px;
  margin-top: 20px;
  text-transform:uppercase;
}
.video-content h3 {
  color: #333333;
  font-size: 20px;
  margin: 0 0 22px;
}
.video-content h4 {
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.video-content h5 {
  color: #252525;
  font-size: 14px;
  font-weight: 700;
}
.video-content i {
  float:left;
  color: #252525;
  font-size: 20px;
  margin: 0 5px 10px;
  padding: 7px 2px;
}
.rg-image-wrapper{
	position: relative;
	padding: 20px 30px;
	min-height: 20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height: 100%;
	max-width: 100%;
}
.rg-image-nav a{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/pic/nav.png) no-repeat -20% 50%;
	width: 28px;
	height: 100%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 1;
	outline: none;
}
.rg-image-nav a.rg-image-nav-next{
	right: 0px;
	left: auto;
	background-position: 115% 50%;
}
.rg-image-nav a:hover{
	opacity: 0.3;
}
.rg-caption {
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size: 11px;
	letter-spacing: 2px;
	line-height: 16px;
	padding: 0 15px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	background: #7f7f7f url(../images/pic/views.png) no-repeat top left;
	border: 3px solid #7f7f7f;
	opacity: 1;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color: #000;
	border-color: #000;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../images/pic/loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}
/*----------------------------------------*/
/*  23.  Register Page
/*----------------------------------------*/
.register-content {}
.register-content h1 {
  color: #252525;
  font-size: 24px;
  margin-top: 20px;
  text-transform:uppercase;
}
.register-content h3 {
  color: #3399cc;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
}
.register-content h4 {
  color: #333333;
  font-size: 16px;
  margin: 0 0 30px;
}
.register-content p,.register-content ol{
  color: #666666;
  text-align:justify;
  padding-right: 25px;
}
.register-content p span{
  color: #f63;
  font-weight: 700;
}
/*----------------------------------------*/
/*  24.  Contact Page
/*----------------------------------------*/
/* Contact content */
.contact-content {}
.contact-content h1 {
  color: #252525;
  font-size: 24px;
  margin-top: 20px;
  text-transform:uppercase;
}
.contact-content .info {
  line-height: 20px;
  margin: 20px 0;
  border-bottom:1px solid #eeeeee
}
.contact-content .info .name {
  font-weight: 600;
  font-size: 16px;
  margin-top: 7px;
  text-transform: uppercase;
}
.contact-content .info .info,.contact-content .info .pin {
  color: #666666;
  margin-top: 2px;
}
.contact-content .info .info i {
  display: block;
  float: left;
  font-size: 18px;
  line-height: 25px;
  margin-right: 10px;
}
.contact-content .info .pin i{
  color: #666666;
  margin-top: 2px;
  display: block;
  float: left;
  font-size: 18px;
  line-height: 25px;
  margin-right: 12px;
  margin-left: 3px;
}
.contact-content .info .info span,.contact-content .info .pin span {
  display: block;
  font-size: 14px;
  line-height: 25px;
}
/* Contact Map */
.contact-map {
  margin-top: 30px ;
}
/*----------------------------------------*/
/*  25.  Patented Page
/*----------------------------------------*/
.patented-content {}
.patented-content h1 {
  color: #252525;
  font-size: 24px;
  margin: 20px 0;
  text-transform:uppercase;
}
/* Single Patented */
.single-patented {
  float: left;
  width: 100%;
}
.patented-image {
  padding: 0;
}
.patented-image img {
  width: 100%;
}
.patented-image1 {
  float:right;
  padding: 0;
}
.patented-image1 img {
  width: 100%;
}
.patented-text {
  padding: 50px;
}
.patented-text h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px ;
}
.patented-text p {
  text-align:justify;
}
.patented-image::after{
  content: '';
  position:absolute;
  display: inline-block;
  width: 0;
  top:40%;
  height: 0;
  right:0px;
  bottom:auto;
  left:auto;
  border: 30px solid transparent;
  border-right-color: #fff;
}
.patented-image1::after{
  content: '';
  position:absolute;
  display: inline-block;
  width: 0;
  top:40%;
  height: 0;
  right:auto;
  bottom:auto;
  left:0px;
  border: 30px solid transparent;
  border-left-color: #fff;
}
/*----------------------------------------*/
/*  26.  Safety Page
/*----------------------------------------*/
.safety-content img {
  display:block;
  width: 100%;
  height:auto;
  margin:10px 0;
}
.safety-content {
}
.safety-content h1 {
  color: #252525;
  font-size: 24px;
  line-height: 0px;
  padding: 15px 0;
  text-transform:uppercase;
}
.safety-content h1 i {
  color: #2395ec;
  font-size: 40px;
  line-height: 0px;
  margin: 20px;
}
.safety-content p {
  color: #666666;
  text-align:justify;
  margin-bottom: 10px;
}
/* Table */
  .safety-table-wrapper{
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  }
  .safety-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse; 
  }  
	  .safety-table tbody tr{
	  border: solid 1px rgba(144, 144, 144, 0.25);
	  border-left: 0;
	  border-right: 0;
	  }
		  .safety-table tbody tr:nth-child(2n + 1){
		  background-color: rgba(144, 144, 144, 0.075);
		  }
	  .safety-table td{
	  padding: 10px;
	  font-size: 14px;
	  }

	  .safety-table th{
	  padding-left: 10px;
	  font-size:16px;
	  font-weight: 700;
	  text-align: left;
	  color: #252525;
	  }
	  .safety-table thead{
	  border-bottom: solid 2px rgba(144, 144, 144, 0.25);
	  }
	  .safety-table tfoot{
	  border-top: solid 2px rgba(144, 144, 144, 0.25);
	  }
	  .safety-table.alt{
	  border-collapse: separate;
	  }
		  .safety-table.alt tbody tr td{
		  border: solid 1px rgba(144, 144, 144, 0.25);
		  border-left-width: 0;
		  border-top-width: 0;
		  }

			  .safety-table.alt tbody tr td:first-child{
			  border-left-width: 1px;
			  }

		  .safety-table.alt tbody tr:first-child td{
		  border-top-width: 1px;
		  }

		  .safety-table.alt thead{
		  border-bottom: 0;
		  }

		  .safety-table.alt tfoot{
		  border-top: 0;
		  }
		  
	  .safety-table{
	  margin: 0 0 20px 0;
	  width: 100%;
	  }
/*----------------------------------------*/
/*  27.  Trade Show Page
/*----------------------------------------*/
.tradeshow-image{}
.tradeshow-image img {
  width: 100%;
}
.tradeshow-content {}
.tradeshow-content h1 {
  color: #252525;
  font-size: 24px;
  margin-top: 20px;
  text-transform:uppercase;
}
.tradeshow-content p {
  color: #666666;
  text-align:justify;
  margin-bottom: 10px;
}
/* Accordion */  
  input {
	display: none;
  }  
  label {
	display: block;
	padding:10px 0;
	margin: 0 0 5px 0;
	background: #eeeeee;
	font-size:20px;
	text-align:center;
	cursor: pointer;
  }
  label:hover {
	background: #cccccc;
  }  
  label:after {
	content: '\f278'; /* Unicode character for "plus" sign (+) */
	font-family: "Material-Design-Iconic-Font";
	margin-right: 10px;
	font-size: 16px;
	line-height: 24px;
	display: block;
	float: right;
  }  
  input:checked + label:after {
	content: '\f273'; /* Unicode character for "minus" sign (-) */
  }  
  input ~ p ,input ~ .tradeshow-table-wrapper{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s;
  }
  input:checked ~ label{  
	color:#2395ec
  }
  input:checked ~ p ,input:checked ~ .tradeshow-table-wrapper{
	max-height: 1200px;
  }
  /* Table */
  .tradeshow-table-wrapper{
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  }
  .tradeshow-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse; 
  margin: 20px 0;
  }  
	  .tradeshow-table tbody tr{
	  border: solid 1px rgba(144, 144, 144, 0.25);
	  border-left: 0;
	  border-right: 0;
	  }
		  .tradeshow-table tbody tr:nth-child(2n + 1){
		  background-color: rgba(144, 144, 144, 0.075);
		  }
	  .tradeshow-table td{
	  padding: 10px;
	  font-size: 14px;
	  text-align: center;
	  }
		.tradeshow-table td i{
		padding-right: 5px;
		font-size: 18px;
		}
	  .tradeshow-table th{
	  font-size: 16px;
	  font-weight: 700;
	  text-align: center;
	  color: #252525;
	  }
	  .tradeshow-table thead{
	  border-bottom: solid 2px rgba(144, 144, 144, 0.25);
	  }
	  .tradeshow-table tfoot{
	  border-top: solid 2px rgba(144, 144, 144, 0.25);
	  }
/*----------------------------------------*/
/*  28.  Bike Travel Page
/*----------------------------------------*/
.travel-area{}
.travel-content {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: medium none;
  margin-top: 20px;
  padding: 50px;
  position: relative;
}
.travel-content h1 {
  color: #252525;
  font-size: 24px;
  margin-top: 20px;
  text-transform:uppercase;
}
.travel-content h3 {
  color: #666666;
  font-size: 16px;
  line-height:25px;
  margin: 15px 0 30px;
  text-align:justify;
}
/* Travel Tab List */
.travel-tab-list {}
.travel-tab-list li {
  display: inline-block;
  margin: 0 20px;
  vertical-align: top;
}
.travel-tab-list li a {
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  padding: 10px 0 ;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.travel-tab-list li a:before {
  background-color: transparent;
  bottom: 0;
  content: "";
  height: 2px;
  left: 10px;
  position: absolute;
  right: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.travel-tab-list li:hover a, .travel-tab-list li.active a {
  color: #ff9900;
}
.travel-tab-list li.active a:before {
  background-color: #ff9900;
}
/* Travel Tab Content */
.travel-tab-content{}
.travel-tab{}
.travel-tab > div {
	margin-bottom: 10px;
}
/* Travel Blog */
.sin-blog {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
.sin-blog:last-child {
  margin-bottom: 0;
}
/* Blog Image */
.blog-image{}
.blog-image a {
  display: block;
  position: relative;
}
.blog-image a:before {
  border: 2px solid #fff;
  bottom: 15px;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}
.blog-image a:after {
  background-color: #fff;
  bottom: 15px;
  content: "";
  left: 15px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 15px;
  top: 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
.sin-blog:hover .blog-image a:after {
  bottom: 27px;
  left: 27px;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  right: 27px;
  top: 27px;
}
.blog-image a img {
  width: 100%;
}
/* Blog Content */
.blog-content {
  margin-top: 30px;
  position: relative;
}
.blog-content:before {
  background: rgba(0, 0, 0, 0) url("../images/bike-travel/blog-horizontal.png") no-repeat scroll center center;
  content: "";
  height: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 9;
}
.blog-content.content-left:before {
  left: -30px;
}
.blog-content.content-right:before {
  right: -30px;
}
.blog-content.content-column:before {
  left: 50%;
  margin-left: -30px;
  top: -15px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.blog-content-wrapper {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  height: 380px;
  padding: 50px 30px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sin-blog:hover .blog-content-wrapper {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.blog-date,.blog-Author {
  color: #909090;
  display: block;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 10px;
}
.blog-date i ,.blog-Author i{
  display: block;
  float: left;
  font-size: 13px;
  line-height: 24px;
  margin-right: 9px;
}
.blog-title {
  color: #252525;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.blog-title a {
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-title a:hover {
  color: #ff9900;
}
.blog-content-wrapper p {
  color: #333333;
  margin-bottom: 0;
}
/* Blog Footer */
.blog-foot {
  margin-top: 20px;
}
.blog-foot .read-more {
  float:right;
  padding-right:20px;
  color: #252525;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-foot .read-more:hover {
  color: #ff9900;
}
.blog-foot .read-more i {
  display: inline-block;
  font-size: 18px;
  left: 0px;
  line-height: 16px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: relative;
  top: 2px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-foot .read-more:hover i {
  left: 8px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-foot .blog-meta{}
.blog-foot .blog-meta a {
  color: #909090;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 24px;
  margin-right: 20px;
}
.blog-foot .blog-meta a:last-child {
  margin-right: 0;
}
.blog-foot .blog-meta a:hover {
  color: #ff9900;
}
.blog-foot .blog-meta a i {
  display: block;
  float: left;
  line-height: 24px;
  margin-right: 9px;
}
/* Blog Top Left */
.blog-top-left{}
.blog-top-left .date {
  background-color: #ff9900;
  border-radius: 3px;
  color: #fff;
  float: left;
  font-size: 18px;
  font-weight: 700;
  height: 60px;
  margin-right: 9px;
  padding: 10px 0;
  text-align: center;
  width: 60px;
}
.blog-top-left .date span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  text-transform: uppercase;
}
.blog-top-left h6 {
  color: #909090;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 14px;
  margin-top: 45px;
}
.blog-top-left h6 i {
  display: block;
  float: left;
  color: #909090;
  font-size: 14px;
  line-height: 0px;
  margin: 0 5px 10px;
  padding: 7px 2px;
}
/* Blog Video*/
.blog-video h5 {
  color: #252525;
  font-size: 14px;
  font-weight: 700;
}
.blog-video i {
  float:left;
  color: #252525;
  font-size: 20px;
  margin: 0 5px 10px;
  padding: 7px 2px;
}
/* Blog Details */
.blog-details-content{}
.blog-details-content h2 {
  color: #333333;
  font-size: 20px;
  margin: 20px 0;
  text-transform:uppercase;
}
.blog-details-content img{
  width: 100%;
  padding: 10px 0;
}
.blog-details-content p{
  text-align:justify;
  padding: 0;
}
.blog-details-content span{
  font-size: 14px;
  font-weight: 600;
  color: #3399cc;
  text-transform: uppercase;
}
.blog-details-content i{
  float:left;
  color: #3399cc;
  font-size: 18px;
  padding: 3px 5px 0 0;
}
/*----------------------------------------*/
/*  28.  Distribution Page
/*----------------------------------------*/
.distribution-content {}
.distribution-content h1 {
  color: #252525;
  font-size: 24px;
  margin-top: 20px;
  text-transform:uppercase;
}
.distribution-info {
  margin-bottom: 20px;
}
.distribution-info-content > h3 {
  color: #333333;
  font-size: 18px;
  margin: 10px 0;
  padding: 80px 0 0;
  text-transform: uppercase;
}
.distribution-info > h3 {
  color: #333333;
  font-size: 18px;
  margin: 10px 0;
  text-transform: uppercase;
}
.distribution-info > h3 i {
  padding-left:5px;
}
.sin-dis-info1 {
  background: rgba(144, 144, 144, 0.075);
  padding: 15px 25px;
}
.sin-dis-info2 {
  border-bottom: 1px solid rgba(144, 144, 144, 0.2);
  padding: 15px 0;
}
.sin-dis-info2 div >h4{
  font-size: 18px;
  text-transform:uppercase;
}
.sin-dis-info2 div >h4 img{
  padding-right: 10px;
  padding-bottom: 5px;
}
.sin-dis-info1 p, .sin-dis-info2 p {
  line-height: 5px;
  margin-bottom: 5px;
}
.sin-dis-info2 p img {
  display: block;
  float: left;
  width: 25px;
  margin: 5px 5px 0 0;
}
.sin-dis-info1 .name, .sin-dis-info2 .name {
  color: #ff9900;
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0;
}
.sin-dis-info1 .info, .sin-dis-info2 .info {
  color: #666666;
  margin-top: 2px;
}
.sin-dis-info1 .info i, .sin-dis-info2 .info i {
  display: block;
  float: left;
  width: 20px;
  font-size: 20px;
  line-height: 25px;
  margin-right: 10px;
}
.sin-dis-info1 .info span, .sin-dis-info2 .info span {
  display: block;
  font-size: 14px;
  line-height: 23px;
}
.sin-dis-img img{
  margin: auto;
  display:block;
}
/*----------------------------------------*/
/*  29.  404 Page
/*----------------------------------------*/
.page-404{
  margin-top: 30px;
  text-align: center;
}
.image-404 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 0;
}
.image-404 img{}
.page-404 h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}
.page-404 p {
  color: #666666;
  font-size: 16px;
  margin-bottom: 25px;
}
.page-404 a {  
  border-radius: 3px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 30px;
  padding: 8px 21px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.page-404 a:hover {
  color: #fff;
}
/*----------------------------------------*/
/*  24.  Dark Layout Style
/*----------------------------------------*/
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 {
  color: #fff;
}
.bg-dark p, .bg-dark li {
  color: #d0d0d0;
}
.bg-dark .section-title.black h2{
  color: #fff;
}
.bg-dark .header-area {
  background-color: #1e2127;
}
.bg-dark .header-area.stick {
  border-bottom: 1px solid #000;
}
.bg-dark .menu nav > ul > li > a {
  color: #fff;
}
.bg-dark .language-currency > ul > li > a {
  color: #fff;
}
.bg-dark .header-top-link a {
  color: #fff;
}
.bg-dark .search-toggle {
  color: #fff;
}
.bg-dark .mini-cart-btn {
  color: #fff;
}
.bg-dark .acc-menu-toggle {
  color: #fff;
}
.bg-dark .mini-cart-btn .cart-number {
  border-color: #1e2127;
}
.bg-dark .sin-news .icon {
  color: #fff;
}
.bg-dark .sin-news .content p {
  color: #d0d0d0;
}
.bg-dark .product-tab-list li a {
  color: #fff;
}
.bg-dark .sin-product {
  border: 1px solid #252830;
}
.bg-dark .pro-details {
  border-top: 1px solid #252830;
  background-color: #252830;
}
.bg-dark .pro-details .pro-title {
  color: #fff;
}
.bg-dark .single-arrival {
  background-color: #252830;
}
.bg-dark .pro-countdown .cdown:before {
  border: 2px solid #252830;
}
.bg-dark .single-image-testimonial img {
  border: 3px solid #252830;
}
.bg-dark .testimonial-text-slider {
  background-color: #1e2127;
}
.bg-dark .testimonial-text-slider:before {
  background-color: #1e2127;
}
.bg-dark .single-text-testimonial > span {
  color: #fff;
}
.bg-dark .sin-mini-product .content .title {
  color: #fff;
}
.bg-dark .blog-content-wrapper {
  background-color: #252830;
  border: 1px solid #1e2127;
}
.bg-dark .blog-details-content {
  background-color: #252830;
  border: 1px solid #1e2127;
}
.bg-dark .blog-foot .read-more {
  color: #fff;
}
.bg-dark .brand-slider {
  background-color: #252830;
}
.bg-dark .sin-brand {
  border: 1px solid #1e2127;
}
.bg-dark .cap-sub-title, .bg-dark .cap-dec {
  color: #252525;
}
.bg-dark .video-bg .cap-sub-title, .bg-dark .video-bg .cap-dec {
  color: #fff;
}
.bg-dark .sidebar-menu-toggle {
  color: #fff;
}
.bg-dark.boxed-layout.wrapper, .bg-dark.box-layout.wrapper {
  background-color: #1e2127;
}
.bg-dark .sidebar-menu-wrapper {
  background-color: #252830;
}
.bg-dark .sidebar-menu-wrapper .menu-close {
  color: #fff;
}
.bg-dark .sidebar-menu > ul > li > a {
  color: #fff;
}
.bg-dark .sidebar-menu ul li ul li a {
  color: #ddd;
}
.bg-dark .sidebar-menu .hitarea {
  background-color: #fff;
}
.bg-dark .sidebar-menu .hitarea:before {
  color: #252830;
}
.bg-dark .menu-social a {
  border: 1px solid #fff;
  color: #fff;
}
.bg-dark .panel-group .panel-title a, .bg-dark .panel-group .panel-title a:before {
  color: #fff;
}
.bg-dark .pro-details-tablist li a, .bg-dark .tab-list li a {
  color: #fff;
}
.bg-dark .team-content h5 {
  color: #252525;
}
.bg-dark .team-content p {
  color: #fff;
}
.bg-dark .shop-top-bar .view-mode li a {
  border: 1px solid #fff;
  color: #fff;
}
.bg-dark .pro-short-by p, .bg-dark .pro-showing p, .bg-dark .pagination p {
  color: #fff;
}
.bg-dark .pro-short-by select, .bg-dark .pro-showing select {
  color: #fff;
}
.bg-dark .pro-short-by select option, .bg-dark .pro-showing select option {
  background-color: #1e2127;
}
.bg-dark .pagination ul li a {
  color: #fff;
}
.bg-dark .list-pro-details .pro-title {
  color: #fff;
}
.bg-dark .list-pro-details .list-pro-dec p {
  color: #d0d0d0;
}
.bg-dark .sin-list-product .image {
  border: 1px solid #252830;
}
.bg-dark .list-pro-details .list-pro-dec {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.bg-dark .sidebar-title h4 {
  border-left: 2px solid #fff;
}
.bg-dark .single-sidebar ul li a {
  color: #fff;
}
.bg-dark .single-sidebar ul ul li a {
  color: #ddd;
}
.bg-dark .cat-treeview .hitarea:before {
  color: #fff;
}
.bg-dark #amount input {
  background-color: transparent;
  color: #fff;
}
.bg-dark .size-wrap a {
  color: #fff;
}
.bg-dark .color-wrap a:hover span, .bg-dark .color-wrap a.active span {
  border: 1px solid #1e2127;
}
.bg-dark .sidebar-recent-item .content a {
  color: #fff;
}
.bg-dark .sidebar-recent-item .content h4 {
  color: #fff;
}
.bg-dark .single-pro-size-1 a {
  color: #fff;
}
.bg-dark .pro-dsc-tab ul li, .bg-dark .pro-dsc-tab ul li:before {
  color: #fff;
}
.bg-dark .review-form .star-box h4 {
  color: #fff;
}
.bg-dark .pro-qty-2 input {
  color: #fff;
}
.bg-dark .product-share a {
  border: 1px solid #fff;
  color: #fff;
}
.bg-dark .sin-sidebar-post .content a, .bg-dark .sin-sidebar-post .content p {
  color: #fff;
}
.bg-dark .sidebar-tags a {
  color: #fff;
}
.bg-dark .blog-details-author {
  background-color: #1e2127;
}
.bg-dark .blog-details-author .content h4 {
  color: #fff;
}
.bg-dark .blog-details-author .content p {
  color: #d0d0d0;
}
.bg-dark .comment-list .sin-comment .content a {
  border: 1px solid #fff;
  color: #fff;
}
.bg-dark .comment-list .sin-comment .content h4 {
  color: #fff;
}
.bg-dark .comment-list .sin-comment .content span {
  color: #fff;
}
.bg-dark .billing-details {
  background-color: #252830;
}
.bg-dark .billing-details form input, .bg-dark .billing-details form textarea {
  background-color: #1e2127;
  border: 1px solid #1e2127;
  color: #fff;
}
.bg-dark .order-payment {
  background-color: #252830;
}
.bg-dark .order-payment ul li {
  color: #d0d0d0;
}
.bg-dark #payment-accordion .panel-title {
  background-color: #1e2127;
}
.bg-dark .cart-table {
  background-color: #252830;
}
.bg-dark .cart-table thead tr th {
  background-color: #1e2127;
  color: #fff;
}
.bg-dark .cart-table tbody tr td {
  border-color: #1e2127;
}
.bg-dark .cart-table .cart-product .details a {
  color: #fff;
}
.bg-dark .cart-table .cart-product .details p {
  color: #d0d0d0;
}
.bg-dark .cart-table .cart-price {
  color: #d0d0d0;
}
.bg-dark .cart-table .cart-stock {
  color: #d0d0d0;
}
.bg-dark .pro-qty-2 .qtybtn-2 {
  color: #fff;
}
.bg-dark .shipping-tax form .input-box select {
  color: #fff;
}
.bg-dark .shipping-tax form .input-box select option {
  background-color: #1e2127;
}
.bg-dark .shipping-tax form .input-box input[type="text"] {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.bg-dark .product-coupon form .input-box input[type="text"] {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.bg-dark .procced-checkout ul li {
  color: #d0d0d0;
}
.bg-dark .about-content ul li {
  color: #d0d0d0;
}
.bg-dark .sin-con-info .content .title {
  color: #d0d0d0;
}
.bg-dark .sin-con-info .content .info {
  color: #d0d0d0;
}
.bg-dark .page-404 a {
  border: 1px solid #fff;
  color: #fff;
}
.bg-dark .page-404 a:hover {
  background-color: #fff;
  color: #333;
}
.bg-dark .page-404 .search-form form {
  border: 1px solid #fff;
}
.bg-dark .page-404 .search-form input {
  color: #d0d0d0;
}
.bg-dark .page-404 .search-form button {
  background-color: #fff;
  color: #252525;
}