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

    Template Name: Rapiden - eCommerce Electronics Template
    Template URI: https://devitems.com/html/rapiden-preview
    Description: This is Rapiden eCommerce Electronics Template
    Author: HasTech
    Author URI: https://devitems.com

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Default css (css/shortcode/default.css)
    2. Header css (css/shortcode/header.css)
    3. Slider css (css/shortcode/slider.css)
    4. Footer css (css/shortcode/footer.css)
    5. Blog css (css/shortcode/blog.css)
    6. Client css (css/shortcode/client.css)
    7. Mainmenu css (css/shortcode/mainmenu.css)
    8. Other page css (css/shortcode/other-page.css)
    9. Product css (css/shortcode/product.css)
    10. Product tab css (css/shortcode/product-tab.css)
    
    
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800');
html, body {height: 100%;font-family: 'Open Sans', sans-serif;background:#F7F7F7}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {
    margin:0 0 15px;
    font-size: 14px;
    line-height: 24px;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
  color:#444444;
}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover {
  color: #F4A137;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
body {
  color: #666666;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;	
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.search-box input[placeholder] {
  color: #ffffff!important;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.top-cart-title{background: rgba(0, 0, 0, 0) url("/assets/img/cart/top-cart.png") no-repeat scroll 0 50%;}
.top-cart-title-2{background: rgba(0, 0, 0, 0) url("/assets/img/cart/top-cart2.png") no-repeat scroll 0 50%;}
.btn-remove {
    background: #404040 url("/assets/img/cart/btn_remove.png") no-repeat scroll 0 0;
    display: block;
    font-size: 0;
    height: 15px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 15px;
    float: right;
    margin-left: 3px;
}
.btn-remove:hover {
    background: #F4A137 url("/assets/img/cart/btn_remove.png") no-repeat scroll 0 0;
}
.newletter-area {
  background: url(/assets/images/footer.png)no-repeat scroll center center / cover;
}
.subscribe-social a {
  border: 2px solid #fff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  height: 55px;
  line-height: 48px;
  margin-right: 6px;
  text-align: center;
  transition: all 300ms ease-in-out 0s;
  width: 55px;
}
.subscribe-social a:hover {
  background: #fff;
  color: #444;
}
.subscribe-social a i {
  font-size: 20px;
}
#scrollUp {
  /*background: #F4A137 none repeat scroll 0 0;*/
  background: #d71921 none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 80px;
  color: #ffffff;
  height: 50px;
  line-height: 52px;
  right: 30px;
  text-align: center;
  width: 50px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);  
}
#googleMap {
  height: 350px!important;
}
#scrollUp i{
  font-size: 24px;	
}
#scrollUp:hover{/*background:#FF5313;color#fff;*/} 

.single-tab-item {
  float: left;
  width: 33.3333%;
  overflow: hidden;
}

/* social_block */

#social_block {
  position: fixed;
  right: 0;
  top: 15%;
  transform: translateX(140px);
  width: 190px;
  z-index: 999;
}
#social_block ul li {
  list-style: outside none none;
}
#social_block ul li a {
  border: 0 none;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding: 0;
  width: 185px;
  text-transform:capitalize;
  text-align:center;
}
#social_block ul li a:hover {
  transform: translateX(-131px);
  transition: all 300ms ease-in 0s;
}

#social_block ul li a::before {
  border-right: 1px solid #ffffff;
  display: inline-block;
  float: left;
  font-family: "FontAwesome";
  font-size: 20px;
  font-weight: normal;
  width: 50px;
}
#social_block ul .facebook a {
  background: #425f9c none repeat scroll 0 0;
}
#social_block ul .facebook a::before {
  content: "";
  transition: all 300ms ease-in 0s;
}
#social_block ul .twitter a {
  background: #00aced none repeat scroll 0 0;
}
#social_block ul .twitter a::before {
  content: "";
}
#social_block ul .rss a {
  background: #ff9900 none repeat scroll 0 0;
  text-transform:uppercase;
}
#social_block ul .rss a::before {
  content: "";
}
#social_block ul .youtube a {
  background: #e22d26 none repeat scroll 0 0;
}
#social_block ul .youtube a::before {
  content: "";
}
#social_block ul .google-plus a {
  background: #ed5757 none repeat scroll 0 0;
}
#social_block ul .google-plus a::before {
  content: "";
}
#social_block ul .pinterest a {
  background: #c21a21 none repeat scroll 0 0;
}
#social_block ul .pinterest a::before {
  content: "";
}
.wishlist-share ul li a.facebook{background: url("/assets/img/icon/facebook.png") no-repeat scroll 0 0;}
.wishlist-share ul li a.twitter{background: url("/assets/img/icon/twitter.png") no-repeat scroll 0 0;}
.wishlist-share ul li a.pinterest{background: url("/assets/img/icon/pinterest.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a.googleplus{background: url("/assets/img/icon/googleplus.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a.email{background: url("/assets/img/icon/email.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a{}
.wishlist-share ul li a{}
.wishlist-share ul li a:hover{background-position: left bottom;}
.blog-page-area {
  background: #ffffff none repeat scroll 0 0;
}

.item-img-product {
  width: 100%;
  height: 250px;
  object-fit: contain;
  background: #555;
}

/* ------------------------------------------------------------------------------
 *
 *  # jGrowl notifications
 *
 *  Styles for jgrowl.min.js - an unobtrusive notification system for web applications
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.jGrowl {
  z-index: 2001;
  position: absolute;
}
body > .jGrowl {
  position: fixed;
}
.jGrowl.top-left {
  left: 20px;
  top: 20px;
}
.jGrowl.top-center {
  left: 50%;
  top: 20px;
  margin-left: -150px;
}
.jGrowl.top-right {
  right: 20px;
  top: 20px;
}
.jGrowl.center {
  top: 40%;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  margin-top: -35px;
}
.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl.bottom-left {
  left: 20px;
  bottom: 20px;
}
.jGrowl.bottom-center {
  left: 50%;
  bottom: 20px;
  margin-left: -150px;
}
.jGrowl.bottom-right {
  right: 20px;
  bottom: 20px;
}
@media print {
  .jGrowl {
    display: none;
  }
}
.jGrowl-notification {
  margin-bottom: 10px;
  width: 300px;
  text-align: left;
  display: none;
  border-width: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.jGrowl-notification .jGrowl-header {
  font-size: 15px;
  margin-bottom: 5px;
}
.jGrowl-notification .jGrowl-header:empty {
  margin: 0;
}
.jGrowl-notification .jGrowl-close {
  font-weight: 300;
  background: none;
  border: 0;
  font-size: 17px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  float: right;
  color: inherit;
  outline: 0;
  margin-left: 10px;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.jGrowl-notification .jGrowl-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.jGrowl-closer {
  padding: 5px 0;
  cursor: pointer;
  margin-top: 5px;
  text-align: center;
  background-color: #fff;
  width: 300px;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #999999;
}
.alert-rounded + .jGrowl-closer {
  border-radius: 4px;
}


.link-border-sm {
    border:1px solid #ddd;
    padding: 0px 3px;
    border-radius: 3px;
    background: transparent;
    color:#888;
    font-size: 10px;
    display: inline-block;
}

.link-border-sm:hover {
    background: #555;
    color: #fff;
    border-color: #555;
}

.compare-list ul li {
    margin-bottom: 5px;
}

.compare-list ul li .price {
    color: #D8373E;
    font-weight: bold;
}

.compare-list .row {
    margin-bottom: 15px;
}

.compare-list img {
    width: 100%;
    height: 70px;
    object-fit: cover;
    border:1px solid #ddd;
}

.compare-list ul li .name {
    color: #3688dc;
}

.no-margin {
  margin: 0px;
}

.list-product {
    height: 200px;
    width: 100%;
    border:1px solid #ddd;
    margin-bottom: 20px;
    overflow: hidden;
}

.list-product img {
    border-right: 1px solid #ddd;
    object-fit: cover;
    height: 200px;
    width: 100%;

}

.table-cart tfoot tr {
  background: #f3f3f3;
}
.table-cart tfoot tr td {
  padding: 15px;
  font-size: 15px;
  font-weight: bold;
  border:1px solid #ddd;

}


/* ------------------------------------------------------------------------------
 *
 *  # jGrowl notifications
 *
 *  Styles for jgrowl.min.js - an unobtrusive notification system for web applications
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.jGrowl {
  z-index: 2001;
  position: absolute;
}
body > .jGrowl {
  position: fixed;
}
.jGrowl.top-left {
  left: 20px;
  top: 20px;
}
.jGrowl.top-center {
  left: 50%;
  top: 20px;
  margin-left: -150px;
}
.jGrowl.top-right {
  right: 20px;
  top: 20px;
}
.jGrowl.center {
  top: 40%;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  margin-top: -35px;
}
.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl.bottom-left {
  left: 20px;
  bottom: 20px;
}
.jGrowl.bottom-center {
  left: 50%;
  bottom: 20px;
  margin-left: -150px;
}
.jGrowl.bottom-right {
  right: 20px;
  bottom: 20px;
}
@media print {
  .jGrowl {
    display: none;
  }
}
.jGrowl-notification {
  margin-bottom: 10px;
  width: 300px;
  text-align: left;
  display: none;
  border-width: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.jGrowl-notification .jGrowl-header {
  font-size: 15px;
  margin-bottom: 5px;
}
.jGrowl-notification .jGrowl-header:empty {
  margin: 0;
}
.jGrowl-notification .jGrowl-close {
  font-weight: 300;
  background: none;
  border: 0;
  font-size: 17px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  float: right;
  color: inherit;
  outline: 0;
  margin-left: 10px;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.jGrowl-notification .jGrowl-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.jGrowl-closer {
  padding: 5px 0;
  cursor: pointer;
  margin-top: 5px;
  text-align: center;
  background-color: #fff;
  width: 300px;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #999999;
}
.alert-rounded + .jGrowl-closer {
  border-radius: 4px;
}

.form-checkout header.head-col {
  font-size: 18px;
  height: 30px;
  border-bottom: 2px solid #3688DC;
}

.form-checkout header.head-col > span {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  background: #3688DC;
  color: #fff;
  text-align: center;
  padding: 3px;
  margin-right: 10px;
}

.content-cart-checkout {
  border:1px solid #ccc;
  margin-bottom: 15px;
  background: #fff;
}

.content-cart-checkout .column {
  padding: 10px;
  border:0px;
}

.content-cart-checkout .column.product {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border:0px;
}

.content-cart-checkout .column.product .list {
  border:1px solid #ccc;
  margin-bottom: 10px;
}

.content-cart-checkout .column.product .list img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  border-right: 1px solid #ccc;
}

.content-cart-checkout .col-md-4 {
  border-right: 1px solid #ccc;
  height: 180px;
  overflow: hidden;
}

.content-cart-checkout .col-md-4:last-child {
  border:0px;
}

.content-cart-checkout .col-md-4 span.attribute {
  display: inline-block;
  padding: 2px 5px;
  font-size: 10px;
  color: #555;
  margin-top: 5px;
  background: #eee;
}

.no-padding {
  padding: 0px;
}

.table-checkout {
  width: 100%;
}

.table-checkout tr td {
  padding: 4px;
  border:1px solid #ddd;
}

.table-checkout tr td.active {
  background: #eee;
  font-weight: bold;

}

.box {
  border:1px solid #ccc;
  border-radius: 3px;
}


.box.body , .box .body {
  padding: 15px;
}

.text-lg {
  font-size: 30px;
  font-weight: bold;
}

.invoice-page header {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom:2px solid #3688DC;
}

.invoice-page header span.code {
  display: inline-block;
  background: #eee;
  padding: 3px 15px;
  font-size: 14px;
  font-weight: normal;
  float: right;
  color: #888;
  background: #fff;
  border:2px solid #888;
}

table.table-attribute {
  display: block;
  width: 100%;
}

table.table-attribute tr td {
  padding-bottom: 8px;
}

table.table-attribute tr td.active {
  font-weight: bold;
}

.invoice .brand {
  margin-left: 15px;
  float: left;
  height: 50px;
  border-left: 2px solid #ddd;
  padding-left: 15px;
  line-height: 1.5;
}

.invoice .brand > span {
  display: block;
}

.invoice .brand > span.name {
  font-size: 18px;
  font-weight: bold;
}

.invoice .brand > span.description {
  color: #888;
}

.text-md {
  font-size: 18px;
}

.invoice ul.no-style li {
  margin-bottom: 3px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ddd;
}

.table-invoice {
  width: 100%;
}

.table-invoice thead {
  background: #eee;
}

.table-invoice tr {
  border-bottom: 1px solid #ddd;
}

.table-invoice tr th , .table-invoice tr td {
  padding: 8px 10px;
  color: #666;
  vertical-align: middle;
}

.position-left {
  float: left;
  margin-right: 10px;
}

.text-sm {
  font-size: 12px;
}

.text-xs {
  font-size: 10px;
}

.text-md {
  font-size: 14px;
}

.text-lg {
  font-size: 18px;
}

.header-with-icon {
  display: block;
  font-size: 27px;
  margin-bottom: 20px;
}

.header-with-icon .title {
  line-height: 1.5;
}

.header-with-icon small {
  display: block;
  font-size: 12px;
}

.header-with-icon:after {
  clear: both;
}

.header-with-icon img {
  width: 70px;
  margin-right: 10px;

}

.text-underline {
  text-decoration: underline;
}

.table {
  margin:0;
}

.invoice .detail-box {
  border:1px solid #ccc;
  margin-bottom: 10px;
}

.invoice .detail-box:last-child {
  margin: 0;
}

.invoice .detail-box header {
  border-bottom: 1px solid #ccc;
  padding: 5px 8px;
}

.invoice .detail-box footer {
  border-top: 1px solid #ccc;
  padding: 5px 8px;
}

.invoice .detail-box .body {
  padding: 5px 8px; 
}

.scroll-300 {
  max-height: 200px;
  overflow: auto;
}

.border-left {
  border-left: 1px solid #ccc;
}
.border-right {
  border-right: 1px solid #ccc;
}

ul.register-trevizo {
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

ul.register-trevizo li {
  font-size: 18px;
  margin-bottom: 20px;
}

ul.register-trevizo li i {
  display: block;
  float: left;
  width: 40px;
  color: #008DEF;
  text-align: center;
  margin-right: 10px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: transparent;
    border: 1px solid #ccc;
    /* border-right: 1px solid #ccc; */
    /* border-left: 1px solid #ccc; */
    /* border-left: 1px solid transparent !important; */
    border-radius: 4px;
}

.input-group-addon:hover {
  color: #fff;
  background: #008DEF;
  border-color: #008DEF;
}

.block-tos {
  background: #fafafa;
  padding: 10px;
  border:1px solid #ddd;
}

nav.navbar-user {
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
  background: #fff;
  position: relative;
  box-shadow: 1px 1px 1px #0000001c;
}

nav.navbar-user .wrapper-avatar {
  position: absolute;
  left: 30px;
  top: -15px;
}

nav.navbar-user .wrapper-avatar img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow:hidden;
  border:2px solid #008DEF;
  box-shadow: 1px 1px 1px #00000059;
  float: left;
  object-fit: cover;
}

nav.navbar-user .wrapper-avatar .info{
  float: left;
  margin-top: 30px;
  margin-left: 15px;
}

nav.navbar-user .wrapper-avatar .info .name {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}

nav.navbar-user .wrapper-avatar .info .email {
  font-size: 12px;
  color: #888;
}

nav.navbar-user ul {
  margin:0;
  padding: 0;
  width: 100%;
  text-align: right;
}

nav.navbar-user ul li:last-child {
  margin:0;
}

nav.navbar-user ul li {
  display: inline-block;
  margin-right: 0px;
}

nav.navbar-user ul li  a {
  display: inline-block;
  padding: 20px 15px;
  color: #999;
  border-bottom: 4px solid #fff;
  position: relative;
}

nav.navbar-user ul li  a span.badge{
  margin-left: 8px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 10px;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}

nav.navbar-user ul li  a i {
  margin-right: 8px;
  font-size: 18px;
}

nav.navbar-user ul li  a:hover {
  display: inline-block;
  padding: 20px 15px;
  color: #999;
  border-bottom: 4px solid #ccc;
}

nav.navbar-user ul li  a.active {
  color: #008DEF;
  border-bottom: 4px solid #008DEF;
}

ul.list-properties {
  padding: 0;
  margin:0;
}

.block-icon {
  display: inline-block;
  padding: 8px 12px;
  font-size: 20px;
  color: #fff;
}

.block-icon i {
  font-size: 20px;
}

ul.list-properties li:last-child {
  border:0px;
}

ul.list-properties li {
  display: block;
  padding: 15px 15px;
  border-bottom: 1px solid #eee;
}

.jgrowl-trevizo-theme{
  background: #fff;
  border-left: 12px solid #008DEF;
}

.jgrowl-trevizo-theme .an-icon {
    height: 40px;
    width: 40px;
    line-height: 1.6;
}