@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Shadows+Into+Light");
html{
  font-size:62.5%;
  font-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%}

body{
  background-color:#fff;
  color:#767f84;
  font:normal 400 1.3rem / 1.4 "Open Sans",sans-serif;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden}

body:not(.loaded)>*:not(.loading-overlay){
  visibility:hidden}

::-moz-selection{
  background-color:#282d3b;
  color:#fff}

::selection{
  background-color:#282d3b;
  color:#fff}
.beyazrenk
{

}
.beyazrenk:hover
{
  color:#FFFFFF !important;
}
p{
  margin-bottom:1.5rem}

ul,ol{
  margin:0 0 2.25rem;
  padding:0;
  list-style:none}

b,strong{
  font-weight:700}

em,i{
  font-style:italic}

hr{
  max-width:1730px;
  margin:5.5rem auto 5.2rem;
  border:0;
  border-top:1px solid #dfdfdf}

sub,sup{
  position:relative;
  font-size:70%;
  line-height:0;
  vertical-align:baseline}

sup{
  top:-.5em}

sub{
  bottom:-.25em}

img{
  display:block;
  max-width:100%;
  height:auto}

@keyframes rotating{
  from{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)}

  to{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)}

}

@-webkit-keyframes spin{
  0%{
    -webkit-transform:rotate(0deg)}

  100%{
    -webkit-transform:rotate(359deg)}

}

@keyframes spin{
  0%{
    transform:rotate(0deg)}

  100%{
    transform:rotate(359deg)}

}

@-webkit-keyframes bouncedelay{
  0%,
  80%,
  100%{
    -webkit-transform:scale(0);
    transform:scale(0)}

  40%{
    -webkit-transform:scale(1);
    transform:scale(1)}

}

@keyframes bouncedelay{
  0%,
  80%,
  100%{
    -webkit-transform:scale(0);
    transform:scale(0)}

  40%{
    -webkit-transform:scale(1);
    transform:scale(1)}

}





.social-icon-header {

  display: -ms-inline-flexbox;

  display: inline-flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 24px !important;

  height: 24px!important;

  background-color: #282d3b;

  color: #fff !important;

  font-size: 1.4rem;

  text-decoration: none;

  opacity: 1;

}




.social-icon-header:hover {

  display: -ms-inline-flexbox;

  display: inline-flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 24px !important;

  height: 24px!important;

  background-color:  #fff;

  color:#282d3b !important;

  border: 1px solid #282d3b;

  font-size: 1.4rem;

  text-decoration: none;

  opacity: 1;

}




.info-box a
{

  color: #FFFFFF !important;

}




.ustuciz
{
  font-weight: normal !important;
  text-decoration: line-through !important;
  font: 400 1.4rem/0.4 "Open Sans",sans-serif !important;
  color: #8c8e94 !important;

}


/*

.product-price {

  color: #465157;

  font: 600 1.8rem/0.8 "Open Sans",sans-serif;

  text-decoration: line-through;

}


*/









.loading-overlay{

  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:all .5s ease-in-out;
  background:#fff;
  opacity:1;
  visibility:visible;
  z-index:999999}

.loaded>.loading-overlay{
  opacity:0;
  visibility:hidden}

.bounce-loader{
  position:absolute;
  top:50%;
  left:50%;
  width:70px;
  margin:-9px 0 0 -35px;
  transition:all .2s;
  text-align:center;
  z-index:10000}

.bounce-loader .bounce1,.bounce-loader .bounce2,.bounce-loader .bounce3{
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:100%;
  background-color:#CCC;
  box-shadow:0 0 20px 0 rgba(0,0,0,0.15);
  -webkit-animation:1.4s ease-in-out 0s normal both infinite bouncedelay;
  animation:1.4s ease-in-out 0s normal both infinite bouncedelay}

.bounce-loader .bounce1{
  -webkit-animation-delay:-.32s;
  animation-delay:-.32s}

.bounce-loader .bounce2{
  -webkit-animation-delay:-.16s;
  animation-delay:-.16s}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
  margin-bottom:1.8rem;
  color:#282d3b;
  font-weight:700;
  letter-spacing:0;
  line-height:1.1}

h1,.h1{
  font-size:3.6rem}

h2,.h2{
  font-size:2.1rem}

h3,.h3{
  font-size:1.8rem}

h4,.h4{
  font-size:1.6rem}

h5,.h5{
  font-size:1.2rem}

h6,.h6{
  font-size:1rem}

a{
  transition:all .3s;
  color:#282d3b;
  text-decoration:none}

a:hover,a:focus{
  color:#282d3b;
  text-decoration:underline}

.heading{
  margin-bottom:4rem;
  font-size:1.4rem}

.heading .title{
  margin-bottom:1.6rem}

.heading p{
  letter-spacing:-.015em}

.heading p:last-child{
  margin-bottom:0}

.title{
  text-transform:uppercase}

.subtitle{
  border-bottom:1px solid #e7e7e7;
  color:#282d3b;
  font:700 1.6rem/1 "Oswald",sans-serif;
  margin-bottom:3rem;
  padding:0 0 1rem;
  text-transform:uppercase}

.light-title{
  margin-bottom:2rem;
  font-weight:300}

.text-primary{
  color:#fa4a4a !important}

@media screen and (min-width: 768px){
  h1,.h1{
    font-size:4.5rem}

}

@media screen and (min-width: 992px){
  h1,.h1{
    font-size:5rem}

}

.container-fluid{
  width:100%;
  margin-right:auto;
  margin-left:auto}

.page-wrapper{
  position:relative;
  transition:transform .35s}

.mmenu-active .page-wrapper{
  transform:translateX(250px)}

.main{
  flex:1 1 auto}

.row.row-sm{
  margin-right:-10px;
  margin-left:-10px}

.row.row-sm [class*='col-']{
  padding-right:10px;
  padding-left:10px}

.ajax-overlay{
  display:-ms-flexbox;
  display:flex;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  -ms-flex-align:center;
  align-items:center;
  background-color:rgba(0,0,0,0.6);
  z-index:1041}

@media screen and (min-width: 1200px){
  .padding-left-lg{
    padding-left:35px}

  .padding-right-lg{
    padding-right:35px}

  .col-xl-5col{
    -ms-flex:0 0 20%;
    flex:0 0 20%;
    max-width:20%}

  .col-xl-7col{
    -ms-flex:0 0 14.2857%;
    flex:0 0 14.2857%;
    max-width:14.2857%}

  .col-xl-8col{
    -ms-flex:0 0 12.5%;
    flex:0 0 12.5%;
    max-width:12.5%}

}

@media screen and (min-width: 1280px){
  .container{
    max-width:1200px}

}

@media screen and (max-width: 991px){
  .container{
    max-width:100%}

}

.header{
  border-top:0.3rem solid #2f3946;
  background-color:#fff}

.header .container,.header .container-fluid{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

.header-left,.header-center,.header-right{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

.header-right{
  margin-left:auto}

.header-center{
  margin-right:auto;
  margin-left:auto}

.header-top{
  font-size:1.1rem;
  line-height:1.5;
  letter-spacing:.025rem;
  color:#999;
  border-bottom:2px solid #e7e7e7;
  padding-top:.4rem;
  padding-bottom:.4rem}

.header-top a{
  padding-top:.5rem;
  padding-bottom:.5rem;
  color:inherit}

.welcome-msg{
  display:none;
  position:relative;
  margin:.3rem 2rem .3rem 0;
  text-transform:uppercase}

.welcome-msg::after{
  position:absolute;
  top:50%;
  right:-14px;
  height:11px;
  margin-top:-5.5px;
  border-right:1px solid;
  content:'';
  opacity:.8}

.header-middle{
  padding-top:2.7rem;
  padding-bottom:2.7rem}

.logo{
  display:block}

.logo img{
  display:block;
  max-width:100%;
  height:auto}

.header-dropdown{
  position:relative;
  text-transform:uppercase}

.header-dropdown>a{
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  -ms-flex-align:center;
  align-items:center;
  padding-right:1.1rem}

.header-dropdown>a::after{
  position:absolute;
  top:50%;
  right:0;
  width:0;
  height:0;
  margin-top:-2px;
  margin-left:.6rem;
  border-width:4px 3px 0;
  border-style:solid;
  border-color:#999 transparent transparent;
  content:''}

.header-dropdown a img{
  display:inline-block;
  max-width:16px;
  height:auto;
  margin-right:.6rem}

.header-dropdown a:hover,.header-dropdown a:focus{
  text-decoration:none}

.header-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:100%;
  padding-top:.4rem;
  padding-bottom:.4rem;
  transition:all .25s;
  border:1px solid #ccc;
  background-color:#fff;
  box-shadow:0 0 2px rgba(0,0,0,0.1);
  opacity:0;
  visibility:hidden;
  z-index:20}

.header-right .header-menu{
  right:0;
  left:auto}

.header-dropdown:hover>.header-menu{
  opacity:1;
  visibility:visible}

.header-menu ul{
  margin:0;
  padding:0;
  list-style:none}

.header-menu ul li{
  position:relative;
  margin:0}

.header-menu ul a{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  padding:2px 9px;
  white-space:nowrap}

.header-menu a{
  color:inherit}

.header-menu a:hover,.header-menu a:focus{
  background-color:#ccc;
  color:#fff}

.header .btn-remove::before{
  display:none}

.header-dropdowns .header-dropdown+.header-dropdown,.header-dropdowns .header-dropdown+.dropdown{
  margin-left:29px}

.header-dropdowns .header-dropdown+.header-dropdown::before,.header-dropdowns .header-dropdown+.dropdown::before{
  position:absolute;
  top:50%;
  left:-14px;
  height:11px;
  margin-top:-5.5px;
  border-right:1px solid;
  content:'';
  opacity:.8}

.dropdownmenu-wrapper{
  position:relative;
  background-color:#fff;
  padding:2rem;
  border-radius:0;
  border:1px solid #f0f0f0;
  box-shadow:0 29px 28px rgba(0,0,0,0.1)}

.cart-dropdown .dropdown-menu,.compare-dropdown .dropdown-menu{
  display:block;
  left:0;
  top:100%;
  width:300px;
  padding-top:10px;
  z-index:100;
  font-size:1.1rem;
  color:#777;
  border:0;
  margin:0;
  background-color:transparent;
  box-shadow:none;
  visibility:hidden;
  opacity:0;
  transition:all .25s}

.cart-dropdown .dropdown-menu.show,.compare-dropdown .dropdown-menu.show{
  opacity:1;
  visibility:visible}

.cart-dropdown:hover .dropdown-menu,.compare-dropdown:hover .dropdown-menu{
  opacity:1;
  visibility:visible}

.compare-dropdown .dropdown-toggle,.cart-dropdown .dropdown-toggle{
  text-decoration:none}

.compare-dropdown .dropdown-toggle:hover,.compare-dropdown .dropdown-toggle:focus,.cart-dropdown .dropdown-toggle:hover,.cart-dropdown .dropdown-toggle:focus{
  text-decoration:none}

.compare-dropdown .dropdown-toggle{
  text-transform:uppercase}

.compare-dropdown .dropdown-toggle i{
  margin-top:-.2rem;
  margin-right:.2rem}

.compare-dropdown .dropdown-toggle i::before{
  margin:0}

.compare-dropdown .dropdown-toggle::after{
  display:none}

.compare-products{
  margin:0;
  padding:0;
  list-style:none}

.compare-products .product{
  position:relative;
  margin:0;
  padding:.5rem 0;
  box-shadow:none !important}

.compare-products .product:hover{
  box-shadow:none}

.compare-products .product-title{
  margin:0;
  color:#696969;
  font-size:1.1rem;
  font-weight:400;
  line-height:1.35;
  text-transform:uppercase}

.compare-products .btn-remove{
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  top:50%;
  right:0;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:2.3rem;
  height:2.3rem;
  margin-top:-1.2rem;
  padding:.5rem 0;
  color:#777;
  font-size:1.3rem;
  line-height:1;
  text-align:center;
  overflow:hidden}

.compare-actions{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  margin-top:2rem}

.compare-actions .action-link{
  display:inline-block;
  color:#777;
  font-size:1.1rem;
  text-transform:uppercase}

.compare-actions .btn{
  min-width:110px;
  margin-left:auto;
  padding:.9rem 1rem;
  border:0;
  border-radius:.2rem;
  color:#fff;
  font-size:1.2rem;
  font-weight:400;
  letter-spacing:.025rem;
  text-align:center;
  text-transform:uppercase}

.cart-dropdown .dropdown-toggle{
  display:block;
  position:relative;
  padding-right:2.6rem}

.cart-dropdown .dropdown-toggle .cart-count{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:1.6rem;
  height:1.6rem;
  position:absolute;
  right:1.9rem;
  line-height:1;
  top:-.1rem;
  border-radius:50%;
  padding-bottom:1px;
  font-size:1rem;
  font-weight:600;
  background-color:#fa4a4a;
  color:#fff;
  box-shadow:0 7px 8px rgba(0,0,0,0.05)}

.cart-dropdown .dropdown-toggle::before{
  display:inline-block;
  content:'\e87f';
  font-family:'porto';
  font-size:3.3rem;
  line-height:1;
  margin:2px 0 0;
  color:#393f4f}

.cart-dropdown .dropdown-toggle::after{
  display:inline-block;
  display:inline-block;
  position:absolute;
  top:1rem;
  right:0;
  width:auto;
  height:auto;
  margin:0;
  transition:all .3s;
  border:0;
  color:#606669;
  font-family:'porto';
  font-size:1.4rem;
  line-height:1;
/*  content:'\e81c'*/
}

.cart-dropdown .dropdown-menu{
  right:0;
  left:auto;
  padding-top:8px}

.cart-dropdown .dropdownmenu-wrapper{
  padding:1.6rem 1.9rem}

.cart-dropdown .dropdownmenu-wrapper::before{
  right:28px;
  left:auto}

.cart-dropdown .dropdownmenu-wrapper::after{
  right:29px;
  left:auto}

.cart-dropdown .product{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  margin:0 !important;
  padding:1.6rem 1rem;
  border-bottom:1px solid #e6ebee;
  box-shadow:none !important}

.cart-dropdown .product-image-container{
  position:relative;
  max-width:80px;
  margin:0;
  margin-left:auto;
  border:1px solid #ededed}

.cart-dropdown .product-image-container a::after{
  display:none}

.cart-dropdown .product-title{
  margin-bottom:.2rem;
  color:#696969;
  font-size:1.3rem;
  font-weight:600;
  text-align:left}

.cart-dropdown .product-details{
  color:#696969;
  font-size:1.3rem;
  font-weight:600;
  text-align:left}

.cart-dropdown .btn-remove{
  display:flex;
  position:absolute;
  top:-1rem;
  right:-1rem;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  border-radius:50%;
  background-color:#fff;
  color:#474747;
  font-size:1.1rem;
  line-height:1;
  box-shadow:0 2px 5px rgba(0,0,0,0.2)}

.cart-dropdown .btn-remove:hover,.cart-dropdown .btn-remove:focus{
  color:#fa4a4a;
  box-shadow:0 3px 7px rgba(0,0,0,0.3)}

.dropdown-cart-header,.dropdown-cart-total{
  padding:.7rem 1rem;
  display:flex;
  align-items:flex-end;
  font-size:1.3rem;
  font-weight:700;
  text-transform:uppercase;
  color:#474747}

.dropdown-cart-total{
  margin-bottom:1.1rem}

.dropdown-cart-total .cart-total-price{
  margin-left:auto;
  font-size:1.5rem}

.dropdown-cart-header{
  border-bottom:1px solid #e6ebee;
  margin-bottom:0;
  padding-top:0}

.dropdown-cart-header a{
  color:inherit;
  margin-left:auto;
  font-size:1.2rem}

.dropdown-cart-action{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:.2rem 1rem 1.5rem}

.dropdown-cart-action .btn{
  font-weight:400;
  font-size:1.2rem;
  letter-spacing:.05rem;
  text-transform:uppercase;
  color:#fff;
  border-color:#282d3b;
  background-color:#282d3b;
  border-radius:.2rem;
  min-width:110px;
  padding:1.25rem 1rem}

.dropdown-cart-action .btn:hover,.dropdown-cart-action .btn:focus{
  color:#fff;
  border-color:#32394a;
  background-color:#32394a}

.header-search{
  position:relative;
  margin:0;
  padding:0;
  border:0;
  font-size:0;
  line-height:1}

.header-search .header-search-wrapper{
  display:none;
  align-items:stretch;
  overflow:visible;
  border:1px solid #eeeeee;
  border-radius:20px;
  position:relative;
  width:100%;
  min-width:250px;
  background-color:#eeeeee}

.header-search .header-search-wrapper::after{
  display:block;
  clear:both;
  content:''}

.header-search .header-search-wrapper.show{
  display:flex}

.header-search form{
  margin:0}

.header-search .select-custom{
  flex:0 0 142px;
  margin:0}

.header-search .select-custom::after{
  right:1.1rem;
  color:#8d8d8d;
  font-size:1.4rem}

.header-search .form-control,.header-search select{
  height:38px;
  font:400 1.3rem/1.5 "Open Sans",sans-serif;
  background-color:#eeeeee;
  margin:0}

.header-search .form-control{
  flex:1 1 auto;
  width:100%;
  margin:0;
  padding:4px 22px;
  border:0;
  border-radius:20px 0 0 20px;
  color:#8d8d8d;
  line-height:20px;
  box-shadow:none}

.header-search .form-control::-webkit-input-placeholder{
  color:#8d8d8d}

.header-search .form-control::-moz-placeholder{
  color:#8d8d8d}

.header-search .form-control:-ms-input-placeholder{
  color:#8d8d8d}

.header-search .form-control::-ms-input-placeholder{
  color:#8d8d8d}

.header-search .form-control::placeholder{
  color:#8d8d8d}

.header-search select{
  width:100%;
  border:0;
  border-left:2px solid #fff;
  line-height:36px;
  color:#8d8d8d;
  padding:1px 20px 1px 15px;
  padding-left:10px;
  border-radius:0;
  -moz-appearance:none;
  -webkit-appearance:none}

.header-search .search-toggle{
  display:inline-block;
  font-size:1.6rem;
  line-height:1;
  min-width:2.5rem;
  padding:1rem 0;
  font-weight:700;
  color:#282d3b;
  text-align:center}

.header-search .search-toggle i{
  display:inline-block;
  margin-bottom:2px}

.header-search .btn{
  flex:0 0 50px;
  max-width:50px;
  min-width:0;
  height:38px;
  color:#606669;
  background-color:transparent;
  font-weight:400;
  font-size:1.5rem;
  line-height:1;
  border:0;
  border-left:2px solid #fff;
  padding:0 3px 0 0;
  margin:0;
  background:transparent;
  cursor:pointer;
  border-radius:0 20px 20px 0}

.header-search .btn i::before{
  margin:0}

.header-search .btn:hover,.header-search .btn:focus{
  background-color:transparent;
  color:#fa4a4a}

.header-contact{
  position:relative;
  color:#282d3b;
  letter-spacing:0;
  font-size:1.8rem;
  line-height:1.4;
  padding-right:3.6rem;
  margin-right:3.2rem}

.header-contact::after{
  content:'';
  position:absolute;
  right:0;
  top:50%;
  display:block;
  width:2px;
  height:43px;
  margin-top:-21.5px;
  background-color:#efefef}

.header-contact span{
  display:block;
  color:#787d7f;
  font-size:1.1rem;
  font-weight:600;
  text-transform:uppercase}

.header-contact a{
  color:inherit}

.header-contact a:hover,.header-contact a:focus{
  color:#fa4a4a;
  text-decoration:none}

.header-bottom{
  background-color:#282d3b}

.header-bottom .container,.header-bottom .container-fluid{
  position:relative}

.header-bottom .logo,.header-bottom .cart-dropdown{
  display:none}

.header-bottom .logo{
  margin-right:2.5rem}

.header-bottom .logo img{
  width:auto;
  max-height:32px}

.header-bottom .cart-dropdown{
  order:2;
  margin-left:auto}

.header-bottom .cart-dropdown .dropdown-toggle{
  padding-right:1.6rem}

.header-bottom .cart-dropdown .dropdown-toggle::before{
  font-size:2.6rem}

.header-bottom .cart-dropdown .dropdown-toggle .cart-count{
  right:.9rem}

.header-bottom .cart-dropdown .dropdownmenu-wrapper::before{
  right:15px}

.header-bottom .cart-dropdown .dropdownmenu-wrapper::after{
  right:16px}

.mobile-menu-toggler{
  border:0;
  background:transparent;
  color:#282d3b;
  padding:1rem .5rem;
  font-size:2.1rem;
  line-height:1;
  display:none;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-right:1.5rem;
  cursor:pointer}

.mobile-menu-toggler i::before{
  margin:0}

@media screen and (min-width: 576px){
  .welcome-msg{
    display:block}

}

@media screen and (min-width: 768px){
  .welcome-msg{
    margin-right:3rem}

}

@media screen and (min-width: 992px){
  .dropdown-expanded>a{
    display:none}

  .dropdown-expanded .header-menu{
    position:static;
    top:auto;
    right:auto;
    left:auto;
    padding:0;
    border:0;
    background-color:transparent;
    box-shadow:none;
    opacity:1;
    visibility:visible}

  .dropdown-expanded .header-menu ul{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center}

  .dropdown-expanded .header-menu ul li+li{
    margin-left:3rem}

  .dropdown-expanded .header-menu ul li+li::before{
    position:absolute;
    top:50%;
    left:-14px;
    height:11px;
    margin-top:-5.5px;
    border-right:1px solid;
    content:'';
    opacity:.8}

  .dropdown-expanded .header-menu ul a{
    padding:0}

  .dropdown-expanded .header-menu a{
    color:inherit}

  .dropdown-expanded .header-menu a:hover,.dropdown-expanded .header-menu a:focus{
    background-color:transparent;
    color:#999;
    text-decoration:underline}

  .header-search .search-toggle{
    display:none}

  .header-search form{
    width:450px}

  .header-search .header-search-wrapper{
    display:flex}

}

@media screen and (min-width: 1200px){
  .header-middle .header-center{
    padding-right:50px}

}

@media screen and (max-width: 991px){
  .header-search{
    margin-left:5px}

  .header-search .header-search-wrapper{
    position:absolute;
    top:100%;
    right:-80px;
    width:450px;
    margin-top:.3rem;
    border-width:5px;
    border-radius:24px;
    box-shadow:0 4px 12px rgba(0,0,0,0.075);
    z-index:99;
    border-color:#dbe0e2}

  .header-search .header-search-wrapper::before{
    display:block;
    position:absolute;
    top:-25px;
    right:77px;
    width:20px;
    height:20px;
    border:10px solid transparent;
    border-bottom-color:#dbe0e2;
    content:''}

  .cart-dropdown .dropdown-toggle::before{
    font-size:2.6rem}

  .header-middle .header-right{
    margin-left:1rem}

  .header-center{
    margin-right:0;
    margin-left:auto}

  .header-contact{
    margin-right:1.8rem;
    padding-right:2rem}

  .header-bottom{
    display:none}

  .mobile-menu-toggler{
    display:flex}

}

@media screen and (max-width: 767px){
  .header-contact{
    display:none}

  .header-search .header-search-wrapper{
    width:380px}

  .header-search .select-custom{
    flex:0 0 132px}

  .header-search .btn{
    flex:0 0 40px}

  .cart-dropdown .dropdown-toggle{
    padding-right:1.5rem}

  .cart-dropdown .dropdown-toggle .cart-count{
    right:.9rem}

  .cart-dropdown .dropdown-toggle::before{
    font-size:2.3rem}

  .mobile-menu-toggler{
    margin-right:1rem}

  .header-middle .header-right{
    margin-left:.7rem}

}

@media screen and (max-width: 479px){
  .header-search .header-search-wrapper{
    width:320px}

  .compare-dropdown{
    display:none}

}

@media (max-width: 360px){
  .header-search .header-search-wrapper{
    width:240px}

  .header-search .select-custom{
    display:none}

  .cart-dropdown .dropdown-menu,.compare-dropdown .dropdown-menu{
    width:260px}

  .cart-dropdown .dropdownmenu-wrapper,.compare-dropdown .dropdownmenu-wrapper{
    padding:1rem 1.4rem}

  .dropdown-cart-action .btn{
    min-width:100px}

}

.main-nav{
  width:100%}

.menu,.menu *{
  margin:0;
  padding:0;
  list-style:none}

.menu::after{
  display:block;
  clear:both;
  content:''}

.menu li{
  position:relative}

.menu li.megamenu-container{
  position:static}

.menu>li{
  float:left}

.menu ul{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  z-index:99}

.menu ul ul{
  top:-1rem;
  left:100%}

.menu .megamenu{
  display:none;
  position:absolute;
  top:100%;
  right:1.5rem;
  left:1.5rem;
  z-index:999}

.menu .megamenu.megamenu-fixed-width{
  right:auto;
  left:0;
  width:640px}

.menu a{
  display:block;
  position:relative;
  text-decoration:none}

.menu li:hover>ul,.menu li.show>ul,.menu li:hover>.megamenu,.menu li.show>.megamenu{
  display:block}

.menu{
  line-height:1.8}

.menu li{
  padding-right:1rem;
  padding-left:1rem}

.menu li a{
  display:block;
  padding:.7rem 1rem;
  transition:background .25s;
  color:#696969;
  font-size:1.2rem;
  font-weight:600;
  text-transform:uppercase;
  white-space:nowrap}

.menu li .menu-title{
  margin-top:1.25rem;
  margin-bottom:0;
  color:#434d53;
  letter-spacing:-.01rem;
  text-transform:uppercase;
  font-weight:700;
  font-family:"Oswald",sans-serif}

.menu li .menu-title a{
  padding:.7rem 2rem;
  color:#434d53;
  font-size:1.3rem;
  font-weight:700}

.menu li .menu-title a:hover,.menu li .menu-title a:focus{
  text-decoration:underline}

.menu>li{
  padding-right:0;
  padding-left:0}

.menu>li>a{
  font-weight:400;
  font-size:1.3rem;
  font-family:"Oswald",sans-serif;
  background-color:transparent;
  color:#fff;
  padding:1.25rem 2.25rem;
  letter-spacing:.05rem}

.menu>li.buy-effect>a{
  background-color:#393e4e}

.menu.sf-arrows>li>a.sf-with-ul{
  padding-right:2.8rem}

.menu.sf-arrows .sf-with-ul{
  position:relative}

.menu.sf-arrows .sf-with-ul::after{
  display:inline-block;
  position:absolute;
  top:50%;
  right:1.5rem;
  margin-top:-1px;
  transform:translateY(-50%);
  font-family:'porto';
  font-size:1.3rem;
  line-height:1;
  content:'\e81c'}

.menu.sf-arrows ul .sf-with-ul::after{
  right:1rem;
  content:'\e81a'}

.menu .megamenu,.menu ul{
  background-color:#fff;
  box-shadow:0 29px 29px rgba(0,0,0,0.1)}

.menu ul{
  min-width:240px;
  padding-top:1rem;
  padding-bottom:1rem}

.menu .megamenu{
  padding:1rem}

.menu .megamenu ul{
  display:block;
  position:static;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  min-width:0;
  margin:0 0 1.25rem;
  padding:0;
  box-shadow:none}

.menu .megamenu .banner{
  width:100%;
  height:100%;
  margin-bottom:0;
  background-color:transparent}

.menu .megamenu .banner a{
  width:100%;
  height:100%;
  padding:0;
  margin:0}

.menu .megamenu .banner img{
  position:absolute;
  height:100%}

.menu .megamenu .banner img.product-promo{
  padding:1rem}

.menu li:hover>a,.menu li.show>a,.menu li.active>a{
  background-color:#f4f4f4;
  color:#696969}

.menu>li:hover>a,.menu>li.show>a,.menu>li.active>a{
  color:#282d3b;
  background-color:#fff}

.menu.sf-arrows>li.show>a.sf-with-ul::before{
  opacity:1;
  visibility:visible}

.menu .show>ul,.menu .show>.megamenu{
  opacity:1 !important}

.tip{
  color:#fff;
  position:relative;
  display:inline-block;
  font-size:1rem;
  font-family:"Open Sans",sans-serif;
  font-weight:400;
  padding:.3rem .4rem;
  z-index:1;
  border-radius:.2rem;
  line-height:1;
  margin:-2px 0 0 1rem;
  vertical-align:middle;
  text-transform:uppercase}

.tip::before{
  position:absolute;
  top:50%;
  right:100%;
  left:auto;
  margin-top:-3px;
  border:3px solid transparent;
  content:''}

.tip.tip-new{
  background-color:#0fc567}

.tip.tip-new::before{
  border-right-color:#0fc567}

.tip.tip-hot{
  background-color:#eb2771}

.tip.tip-hot::before{
  border-right-color:#eb2771}

.menu>li>a .tip{
  position:absolute;
  top:-4px;
  right:22px;
  margin:0}

.menu>li>a .tip::before{
  position:absolute;
  top:100%;
  left:3px;
  width:3px;
  height:3px;
  margin:0;
  border-color:transparent}

.menu>li>a .tip.tip-new::before{
  border-top-color:#0cc485}

.menu>li>a .tip.tip-hot::before{
  border-top-color:#eb2771}

.mobile-menu-container{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  max-width:250px;
  transform:translateX(-100%);
  transition:all .35s;
  background-color:#1d1e20;
  font-size:1.2rem;
  line-height:1.5;
  box-shadow:0.1rem 0 0.6rem 0 rgba(50,50,50,0.65);
  visibility:hidden;
  z-index:1001;
  overflow-y:auto}

.mmenu-active .mobile-menu-container{
  transform:translateX(0);
  visibility:visible}

.mobile-menu-container .social-icons{
  -ms-flex-pack:center;
  justify-content:center;
  margin-bottom:0}

.mobile-menu-container .social-icon{
  width:3rem;
  height:3rem;
  margin-bottom:0;
  border:0;
  background-color:transparent;
  font-size:1.5rem}

.mobile-menu-container .social-icon+.social-icon{
  margin-left:.3rem}

.mobile-menu-container .social-icon:hover,.mobile-menu-container .social-icon:focus{
  background-color:transparent;
  color:#fafafa}

.mobile-menu-wrapper{
  position:relative;
  padding:4.2rem 0 3rem}

.mobile-menu-close{
  position:absolute;
  top:1rem;
  right:1rem;
  padding:.4rem;
  color:#fff;
  font-size:1.3rem;
  line-height:1;
  cursor:pointer;
  z-index:9}

.mobile-menu-overlay{
  display:block;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:all .4s;
  background-color:rgba(0,0,0,0.5);
  opacity:0;
  visibility:hidden;
  z-index:1000}

.mmenu-active .mobile-menu-overlay{
  opacity:1;
  visibility:visible}

.mobile-nav{
  margin:0 0 2rem;
  padding:0}

.mobile-menu{
  margin:0;
  padding:0;
  border-bottom:1px solid #242527;
  list-style:none}

.mobile-menu>li>a{
  text-transform:uppercase}

.mobile-menu li{
  display:block;
  position:relative;
  border-top:1px solid #242527}

.mobile-menu li a{
  display:block;
  position:relative;
  margin-right:4.5rem;
  padding:1.1rem 0 1.1rem 1.5rem;
  color:#fff}

.mobile-menu li a:hover,.mobile-menu li a:focus{
  color:#fa4a4a;
  text-decoration:none}

.mobile-menu li.open>a,.mobile-menu li.active>a{
  color:#fa4a4a}

.mobile-menu li ul{
  display:none;
  margin:0;
  padding:0}

.mobile-menu li ul li a{
  padding-left:2.5rem}

.mobile-menu li ul ul li a{
  padding-left:3.5rem}

.mmenu-btn{
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  top:50%;
  right:-3.8rem;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:3rem;
  height:3rem;
  margin-top:-1.5rem;
  border-radius:0;
  outline:none;
  background-color:transparent;
  color:#fff;
  font-size:1.5rem;
  cursor:pointer}

.mmenu-btn::after{
  display:inline-block;
  margin-top:-2px;
  font-family:'porto';
  content:'\e81c'}

.open>a>.mmenu-btn::after{
  content:'\e81b'}

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

  100%{
    opacity:1;
    -webkit-transform:translateY(0)}

}

@keyframes fixedHeader{
  0%{
    opacity:0;
    transform:translateY(-60px)}

  100%{
    opacity:1;
    transform:translateY(0)}

}

.sticky-header.fixed{
  position:fixed;
  top:0;
  right:0;
  left:0;
  padding-top:.6rem;
  padding-bottom:.6rem;
  background-color:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,0.1);
  z-index:1040;
  -webkit-animation-duration:.4s;
  animation-duration:.4s;
  -webkit-animation-name:fixedHeader;
  animation-name:fixedHeader}

.sticky-header.fixed .main-nav{
  width:auto;
  background-color:transparent}

.sticky-header.fixed .menu>li.float-right>a{
  background-color:transparent}

.sticky-header.fixed .menu>li>a{
  color:#282d3b;
  padding-top:.55rem;
  padding-bottom:.55rem}

.sticky-header.fixed .menu>li:hover>a,.sticky-header.fixed .menu>li.show>a,.sticky-header.fixed .menu>li.active>a{
  color:#fff;
  background-color:#282d3b}

.sticky-header.fixed .logo,.sticky-header.fixed .cart-dropdown{
  display:block}

.sticky-header.fixed-nav{
  position:fixed;
  top:46px;
  right:0;
  left:0;
  height:38px;
  background-color:white;
  box-shadow:0 2px 5px rgba(0,0,0,0.1);
  overflow:hidden;
  z-index:1039;
  -webkit-animation-duration:.4s;
  animation-duration:.4s;
  -webkit-animation-name:fixedHeader;
  animation-name:fixedHeader}

.sticky-header.fixed-nav .container{
  margin:0 auto;
  padding-left:1.5rem}

@media screen and (max-width: 991px){
  .sticky-header.fixed-nav{
    top:0}

}

@media screen and (max-width: 575px){
  .sticky-header.fixed-nav{
    display:none}

}

.footer{
  flex:0 0 auto;
  color:#a8a8a8;
  background-color:#161a21;
  font-size:1.3rem;
  line-height:1.4}

.footer .social-icon{
  color:#fff;
  background-color:#161a21;
  margin-bottom:0;
  width:3.4rem;
  height:3.4rem;
  font-size:1.3rem}

.footer .social-icon+.social-icon{
  margin-left:.4rem}

.footer .social-icon:hover,.footer .social-icon:focus{
  background-color:#fa4a4a;
  color:#fff}

.footer-middle{
  padding:5.4rem 0 .8rem;
  letter-spacing:.005em}

.footer .widget-title{
  color:#fff;
  font:700 1.2rem/1.1 'Oswald', sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
  margin-bottom:2.5rem}

.footer .widget{
  margin-bottom:3.8rem}

.footer .links{
  margin-bottom:0}

.footer .links li{
  position:relative;
  font-weight:300;
  margin-bottom:.6rem}

.footer a{
  color:inherit}

.footer a:hover,.footer a:focus{
  color:#fff;
  text-decoration:none}

.contact-info{
  margin-top:-.08rem;
  margin-bottom:0}

.contact-info li{
  position:relative;
  line-height:1.4;
  margin-bottom:1.2rem}

.contact-info-label{
  display:block;
  font-weight:700;
  font-size:1.2rem;
  font-family:'Oswald', sans-serif;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:.1rem;
  letter-spacing:.02em}

.widget-newsletter p{
  margin-bottom:2.4rem;
  line-height:1.67;
  max-width:290px}

.widget-newsletter form{
  position:relative;
  margin-bottom:0;
  max-width:370px}

.widget-newsletter .form-control{
  height:4.2rem;
  font-weight:400;
  font-size:1.3rem;
  line-height:1;
  color:#95958e;
  border:0;
  border-bottom:1px solid #1f232f;
  background-color:transparent;
  padding:1.15rem 11rem 1.15rem 0;
  margin-bottom:1rem;
  border-radius:0}

.widget-newsletter .form-control:focus{
  color:#95958e;
  border-color:#353a3e;
  background-color:transparent}

.widget-newsletter .form-control::-webkit-input-placeholder{
  color:#95958e}

.widget-newsletter .form-control:-ms-input-placeholder{
  color:#95958e}

.widget-newsletter .form-control::-ms-input-placeholder{
  color:#95958e}

.widget-newsletter .form-control::placeholder{
  color:#95958e}

.widget-newsletter .btn{
  position:absolute;
  top:0;
  right:0;
  display:inline-block;
  font-weight:400;
  font-size:1.3rem;
  line-height:1;
  font-family:'Open Sans', sans-serif;
  letter-spacing:.03em;
  border-color:transparent;
  background-color:transparent;
  color:#fa4a4a;
  text-transform:uppercase;
  border-radius:0;
  padding:1.35rem 0;
  min-width:0;
  text-align:center}

.widget-newsletter .btn:hover,.widget-newsletter .btn:focus{
  color:#fff;
  border-color:transparent;
  background-color:transparent}

.widget-newsletter .btn i{
  position:relative;
  top:-.1rem}

.footer-bottom{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-align:center;
  align-items:center;
  padding-top:3rem;
  padding-bottom:4.6rem;
  border-top:1px solid #1f232f}

.footer-bottom .social-icon{
  margin-bottom:0}

.footer-copyright{
  color:#a8a8a8;
  font-size:1.1rem;
  margin-right:auto;
  margin-bottom:1.2rem;
  margin-left:auto}

.footer-payments{
  margin-right:auto;
  margin-left:auto;
  margin-bottom:1.5rem}

#scroll-top{
  height:40px;
  position:fixed;
  right:15px;
  width:40px;
  z-index:9999;
  bottom:0;
  background-color:#43494e;
  font-size:16px;
  color:#fff;
  text-align:center;
  line-height:1;
  padding:11px 0;
  visibility:hidden;
  opacity:0;
  border-radius:0 0 0 0;
  transition:all .3s;
  -webkit-transform:translateY(40px);
  transform:translateY(40px)}

#scroll-top:hover,#scroll-top:focus{
  background-color:#3a4045}

#scroll-top.fixed{
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
  visibility:visible}

@media screen and (min-width: 992px){
  .footer .col-lg-2{
    -ms-flex:0 0 16.6%;
    flex:0 0 16.6%;
    max-width:16.6%}

  .footer .col-lg-3{
    -ms-flex:0 0 21.9%;
    flex:0 0 21.9%;
    max-width:21.9%}

  .footer .col-lg-4{
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%}

  .footer .col-lg-5{
    -ms-flex:0 0 36.5%;
    flex:0 0 36.5%;
    max-width:36.5%}

  .footer-middle{
    padding-top:6.2rem}

  .footer-bottom{
    flex-direction:row;
    align-items:flex-start;
    padding-bottom:7.1rem}

  .footer-copyright{
    margin-bottom:0;
    margin-right:0;
    margin-left:0}

  .footer-payments{
    margin-right:0;
    margin-left:auto;
    margin-bottom:0}

  .footer-bottom .social-icons{
    margin-left:5.4rem}

  .footer-bottom .contact-info{
    margin-bottom:0;
    margin-right:0}

}

@media screen and (min-width: 1200px){
  .footer-bottom .social-icons{
    margin-left:9.2rem}

}

.product-intro.owl-carousel.owl-theme .owl-nav.disabled+.owl-dots{
  margin:0}

.product-intro.owl-carousel.owl-theme .owl-dots{
  top:-58px;
  position:absolute;
  right:0}

.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot span{
  position:relative;
  display:block;
  width:14px;
  height:14px;
  border:2px solid;
  background:none;
  margin:5px 2px;
  border-radius:7px;
  border-color:rgba(0,68,102,0.4);
  transition:opacity .2s}

.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span,.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span{
  background:none;
  border-color:#fa4a4a}

.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span::before,.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span::before{
  display:none}

.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span::after,.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span::after{
  content:'';
  position:absolute;
  left:3px;
  bottom:3px;
  right:3px;
  top:3px;
  border-radius:10px;
  background-color:#fa4a4a}

.product-intro.owl-carousel.owl-theme .owl-nav{
  color:#333;
  font-size:2.4rem}

.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev,.product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
  opacity:0;
  transition:opacity .2s, transform .4s;
  top:30%;
  width:30px}

.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
  text-align:left;
  left:-30px;
  padding-right:30px;
  transform:translateX(-10px)}

.product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
  text-align:right;
  right:-30px;
  padding-left:30px;
  transform:translateX(10px)}

.product-intro.owl-carousel.owl-theme:hover .owl-prev,.product-intro.owl-carousel.owl-theme:hover .owl-next{
  transform:translateX(0);
  opacity:1}

.product-panel{
  margin-bottom:3.5rem}

.product-panel .section-title{
  color:#313131;
  padding-bottom:1rem;
  border-bottom:1px solid rgba(0,0,0,0.08);
  margin-bottom:2.4rem}

.product-panel .section-title h2{
  font:700 1.6rem "Open Sans",sans-serif;
  letter-spacing:-0.01em;
  line-height:22px;
  text-transform:uppercase}

.product-intro{
  padding-bottom:1.6rem}

.product-default{
  color:#777;
  margin-bottom:2rem}

.product-default a{
  color:#777;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis}

.product-default a:hover{
  color:#fa4a4a;
  text-decoration:none}

.product-default figure{
  margin-bottom:1.6rem;
  position:relative}

.product-default figure img{
  transition:all .5s;
  height:auto;
  width:100%}

.product-default figure img:last-child{
  opacity:0;
  position:absolute;
  left:0;
  right:0;
  top:0;
  left:0}

.product-default figure img:first-child{
  opacity:1;
  position:relative}

.product-default .label-group{
  display:flex;
  flex-direction:column;
  position:absolute;
  top:.8rem;
  left:.8rem}

.product-default .label-group>*{
  margin-bottom:5px}

.product-default .product-label{
  text-transform:uppercase;
  padding:5px 11px;
  font:600 1rem/1 "Open Sans",sans-serif;
  color:white}

.product-default .product-label.label-sale{
  background-color:#62b959}

.product-default .product-label.label-cut{
  background-color:#e27c7c}

.product-default .product-details{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center}

.product-default .category-list{
  font:400 1rem "Open Sans",sans-serif;
  line-height:1.7;
  opacity:.8;
  text-transform:uppercase}

.product-default .product-title{
  font:400 1.5rem "Open Sans",sans-serif;
  letter-spacing:-.01em;
  line-height:1.35;
  margin-bottom:.72rem;
  text-overflow:ellipsis;
  overflow:hidden}

.product-default .tooltiptext{
  visibility:hidden;
  position:absolute;
  background-color:#333;
  color:#fff;
  font-family:"Open Sans",sans-serif;
  font-weight:400;
  letter-spacing:0.01em;
  text-align:center;
  padding:1rem .7rem;
  z-index:1;
  opacity:0;
  transition:opacity .3s;
  bottom:125%;
  left:50%;
  transform:translateX(-50%)}

.product-default .product-action{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  color:#333}

.product-default .btn-icon-wish,.product-default .btn-quickview{
  display:flex;
  border:1px solid #ddd;
  font-size:1.6rem;
  margin:0 2px;
  width:36px;
  height:36px;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:all .25s ease;
  transform:translateX(200%)}

.product-default .btn-icon-wish.checked,.product-default .btn-quickview.checked{
  color:#e27c7c}

.product-default .btn-icon-wish.checked i::before,.product-default .btn-quickview.checked i::before{
  content:'\e88a'}

.product-default .btn-quickview{
  font-size:1.4rem;
  transform:translateX(-200%)}

.product-default .btn-add-cart{
  display:flex;
  align-items:center;
  background-color:white;
  border:1px solid #ddd;
  padding:0 1rem;
  font:1.4rem "Oswald",sans-serif;
  line-height:32px;
  margin:0 2px;
  cursor:pointer;
  transition:all .25s ease}

.product-default .btn-add-cart i{
  font-size:1.8rem;
  margin-bottom:2px}

.product-default .btn-add-cart i::before{
  margin:0 4px 0 0}

.product-default:hover{
  z-index:2}

.product-default:hover figure{
  box-shadow:0 25px 35px -5px rgba(0,0,0,0.1)}

.product-default:hover figure img:first-child{
  opacity:0}

.product-default:hover figure img:last-child{
  opacity:1}

.product-default:hover .btn-add-cart{
  background-color:#fa4a4a;
  border-color:#fa4a4a;
  color:white}

.product-default:hover .product-action a{
  transform:translateX(0);
  opacity:1}

.tooltip-top::after{
  content:"";
  position:absolute;
  top:96%;
  left:50%;
  margin-left:-6px;
  border-width:6px;
  border-style:solid;
  border-color:#333 transparent transparent transparent}

.old-price{
  text-decoration:line-through;
  font-size:1.4rem;
  letter-spacing:0.005em;
  font-weight:600;
  color:#999;
  font-family:"Open Sans";
  margin-right:3px}

.product-price{
  color:#465157;
  font:600 1.8rem/0.8 "Open Sans",sans-serif;font-weight: bold;}

.price-box{
  margin-bottom:1.2rem}

.ratings-container{
  line-height:1;
  margin:0 0 10px 1px;
  cursor:pointer;
  position:relative;
  display:inline-block}

.ratings-container .product-ratings,.ratings-container .ratings{
  position:relative;
  display:inline-block;
  font-size:13px;
  letter-spacing:0.1em;
  font-family:'porto'}

.ratings-container .product-ratings{
  height:13px}

.ratings-container .product-ratings::before{
  content:"\e852 " "\e852 " "\e852 " "\e852 " "\e852";
  color:rgba(0,0,0,0.16)}

.ratings-container .product-ratings:hover .tooltiptext{
  visibility:visible;
  opacity:1}

.ratings-container .ratings{
  position:absolute;
  top:0;
  left:0;
  white-space:nowrap;
  overflow:hidden}

.ratings-container .ratings::before{
  content:"\e852 " "\e852 " "\e852 " "\e852 " "\e852";
  color:#6a6a6d}

.divide-line{
  display:flex;
  flex-wrap:wrap;
  padding-bottom:0}

.divide-line>.col-1:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-1:nth-child(12n){
  border-right:none}

.divide-line>.col-2:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-2:nth-child(6n){
  border-right:none}

.divide-line>.col-3:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-3:nth-child(4n){
  border-right:none}

.divide-line>.col-4:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-4:nth-child(3n){
  border-right:none}

.divide-line>.col-5:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-5:nth-child(2n){
  border-right:none}

.divide-line>.col-6:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-6:nth-child(2n){
  border-right:none}

.divide-line>.col-7:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-7:nth-child(1n){
  border-right:none}

.divide-line>.col-8:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-8:nth-child(1n){
  border-right:none}

.divide-line>.col-9:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-9:nth-child(1n){
  border-right:none}

.divide-line>.col-10:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-10:nth-child(1n){
  border-right:none}

.divide-line>.col-11:nth-child(n){
  border-right:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09)}

.divide-line>.col-11:nth-child(1n){
  border-right:none}

.divide-line:not(.up-effect) .product-default .btn-quickview{
  width:calc(100% - 30px);
  margin:0 15px}

.divide-line:not(.up-effect) .product-default .product-details{
  padding:0 1.5rem}

.divide-line.up-effect .product-default{
  padding:5rem 0 0;
  margin:0;
  transition:all .3s}

.divide-line.up-effect .product-default .product-action{
  transition:all .3s;
  opacity:0}

.divide-line.up-effect .product-default:hover{
  padding:1rem 0 4rem}

.divide-line.up-effect .product-default:hover .product-action{
  opacity:1}

.divide-line .product-default{
  margin-bottom:0}

.divide-line .product-default:hover{
  box-shadow:0 25px 35px -5px rgba(0,0,0,0.1)}

.divide-line .product-default:hover figure{
  box-shadow:none}

.inner-quickview figure{
  position:relative}

.inner-quickview figure .btn-quickview{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  font-size:1.3rem;
  font-weight:400;
  letter-spacing:0.025em;
  font-family:"Oswald",sans-serif;
  text-transform:uppercase;
  visibility:hidden;
  opacity:0;
  height:unset;
  padding:1.4rem;
  background-color:#fa4a4a;
  color:white;
  transform:none;
  margin:0;
  border:none;
  transition:all .3s ease-out}

.inner-quickview figure .btn-quickview:hover{
  opacity:1}

.inner-quickview .product-details{
  align-items:unset}

.inner-quickview .product-title a{
  color:#212529}

.inner-quickview .product-title a:hover{
  color:#fa4a4a}

.inner-quickview .category-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center}

.inner-quickview .category-wrap .btn-icon-wish{
  font-size:1.5rem;
  transform:none;
  opacity:1;
  width:auto;
  height:auto;
  border:none;
  margin-right:-2px}

.inner-quickview:hover .btn-quickview{
  visibility:visible;
  opacity:0.9}

.inner-icon figure{
  position:relative}

.inner-icon figure .btn-icon-group{
  position:absolute;
  top:1.5rem;
  right:1.5rem}

.inner-icon figure .btn-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ddd;
  border-radius:50%;
  margin:0 0 5px;
  width:36px;
  height:36px;
  padding:0;
  opacity:0;
  visibility:hidden;
  transition:all .3s;
  transform:none}

.inner-icon figure .btn-icon i{
  font-size:1.6rem;
  margin-bottom:0}

.inner-icon figure .btn-icon i::before{
  margin:0}

.inner-icon figure .btn-icon i.icon-bag{
  font-size:1.8rem}

.inner-icon figure .btn-icon:hover{
  background-color:#fa4a4a;
  border-color:#fa4a4a;
  color:white}

.inner-icon:hover .btn-icon{
  background-color:white;
  border-color:#ddd;
  color:black;
  visibility:visible;
  opacity:1}

.left-details .product-details{
  align-items:unset}

.left-details .btn-icon-wish,.left-details .btn-quickview,.left-details .btn-add-cart{
  background-color:#f4f4f4;
  border-color:#f4f4f4;
  color:black}

.left-details .btn-icon-wish:hover,.left-details .btn-quickview:hover,.left-details .btn-add-cart:hover{
  background-color:#fa4a4a;
  border-color:#fa4a4a;
  color:white}

.left-details .btn-icon-wish,.left-details .btn-quickview{
  transform:none}

.left-details .btn-add-cart{
  margin-left:0;
  padding:0 1.5rem}

.left-details .product-action{
  justify-content:unset}

.modal#addCartModal{
  width:340px;
  top:calc((100% - 320px) / 2);
  left:calc((100% - 320px) / 2);
  padding:10px !important;
  overflow:hidden}

.modal#addCartModal .modal-dialog{
  margin:0}

.modal#addCartModal .modal-content{
  margin:0;
  border:none;
  box-shadow:none}

.add-cart-box{
  padding:19px 10px 20px !important;
  border-top:4px solid #fa4a4a;
  background-color:white;
  box-shadow:0 0 10px rgba(0,0,0,0.6)}

.add-cart-box h4{
  font-weight:500;
  color:#fa4a4a;
  margin-bottom:1.8rem}

.add-cart-box img{
  margin:0 auto 10px;
  width:120px}

.add-cart-box .btn-actions{
  display:flex;
  justify-content:space-around}

.add-cart-box .btn-actions .btn-primary{
  width:140px;
  padding:8px 0;
  font:500 16px "Open Sans",sans-serif;
  border:none;
  cursor:pointer}

.add-cart-box .btn-actions .btn-primary:focus,.add-cart-box .btn-actions .btn-primary:active,.add-cart-box .btn-actions .btn-primary:active:focus{
  outline:none;
  border:none;
  box-shadow:none}

.hidden-description{
  position:relative}

.hidden-description:hover figure{
  box-shadow:none}

.hidden-description:hover .btn-add-cart{
  background-color:#f4f4f4}

.hidden-description:hover .product-details{
  opacity:1;
  transform:translateY(0)}

.hidden-description figure{
  margin-bottom:0}

.hidden-description figure .btn-icon-group{
  top:1rem;
  right:1rem}

.hidden-description .product-details{
  position:absolute;
  width:100%;
  bottom:46px;
  padding:15px 20px 0;
  background-color:white;
  border-top:1px solid rgba(0,0,0,0.09);
  border-bottom:1px solid rgba(0,0,0,0.09);
  opacity:0;
  transform:translateY(5px);
  transition:all .3s ease}

.hidden-description .product-action{
  position:absolute;
  left:0;
  bottom:-46px;
  width:100%}

.hidden-description .btn-quickview{
  transform:none;
  opacity:.85;
  background-color:#fa4a4a;
  color:white;
  width:50%;
  margin:0;
  border:none;
  height:45px;
  font-size:1.3rem;
  font-weight:400;
  letter-spacing:0.025em;
  font-family:"Oswald",sans-serif;
  text-transform:uppercase}

.hidden-description .btn-quickview:hover{
  opacity:1;
  color:white}

.hidden-description .btn-add-cart{
  z-index:3;
  justify-content:center;
  margin:0;
  width:50%;
  height:45px;
  border:none;
  background:#f4f4f4;
  font-size:1.3rem;
  font-weight:400;
  letter-spacing:0.025em;
  font-family:"Oswald",sans-serif;
  text-transform:uppercase}

.hidden-description .btn-add-cart:hover{
  background-color:#fa4a4a;
  color:white}

.full-width{
  padding-left:10px;
  padding-right:10px;
  margin:0;
  display:flex;
  flex-wrap:wrap}

.full-width [class*='col-']{
  padding-right:10px;
  padding-left:10px}

.product-select-group{
  display:flex}

.product-select{
  margin:0 4px 0 0;
  cursor:pointer}

.product-select.type-image{
  width:32px;
  height:32px;
  background-size:contain;
  border:1px solid rgba(0,0,0,0.09)}

.product-select.type-image.checked,.product-select.type-image.hover{
  border:1px solid #fa4a4a}

.product-select.type-check{
  margin:5px;
  overflow:unset;
  display:block;
  position:relative;
  width:12px;
  height:12px;
  border-radius:50%}

.product-select.type-check::after{
  content:'';
  background-color:transparent;
  border:1px solid black;
  position:absolute;
  left:-3px;
  top:-3px;
  border-radius:50%;
  width:18px;
  display:block;
  height:18px}

.product-select.type-check.checked::before{
  font-size:8px;
  content:'\f00c';
  font-family:'Font Awesome 5 Free';
  font-weight:900;
  -webkit-font-smoothing:antialiased;
  text-indent:0;
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  color:#fff;
  height:12px;
  line-height:12px;
  margin-top:-6px;
  text-align:center}

.no-gaps{
  display:flex;
  flex-wrap:wrap;
  padding-left:0;
  padding-right:0}

.no-gaps [class*='col-']{
  padding-right:0;
  padding-left:0}

.no-gaps .product-details{
  padding:0 1rem}

.no-gaps .product-default{
  margin-bottom:0}

.no-gaps .product-default:nth-child(even) figure>a:first-child::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(33,37,41,0.01)}

.inner-icon-inline figure .btn-icon-group{
  display:flex;
  flex-direction:row}

.inner-icon-inline figure .btn-icon{
  margin-left:5px}

.overlay figure{
  margin:0}

.overlay figure>a:first-child::after{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:rgba(27,27,23,0);
  transition:all .25s}

.overlay figure .btn-quickview,.overlay figure .btn-icon-group{
  z-index:1}

.overlay figure .btn-icon{
  border-color:#fff;
  border-width:2px;
  color:#fff;
  background-color:#4d4d4a;
  opacity:0}

.overlay .product-details{
  align-items:center;
  position:absolute;
  width:100%;
  left:0;
  top:0;
  bottom:0;
  opacity:0;
  transform:scale(0.8);
  transition:all .4s}

.overlay .product-details .product-category,.overlay .product-details .product-title a,.overlay .product-details .product-price{
  color:white}

.overlay .product-details a:hover{
  color:#fa4a4a}

.overlay .product-details .ratings-container .product-ratings::before{
  color:rgba(255,255,255,0.6)}

.overlay .product-details .price-box{
  margin-bottom:0}

.overlay:hover figure,.overlay:nth-child(even):hover figure{
  box-shadow:none}

.overlay:hover figure>a:first-child::after,.overlay:nth-child(even):hover figure>a:first-child::after{
  background-color:rgba(27,27,23,0.6)}

.overlay:hover figure .btn-quickview,.overlay:hover figure .btn-icon,.overlay:nth-child(even):hover figure .btn-quickview,.overlay:nth-child(even):hover figure .btn-icon{
  opacity:0.85;
  visibility:visible}

.overlay:hover figure .btn-quickview:hover,.overlay:hover figure .btn-icon:hover,.overlay:nth-child(even):hover figure .btn-quickview:hover,.overlay:nth-child(even):hover figure .btn-icon:hover{
  opacity:1}

.overlay:hover figure .btn-icon,.overlay:nth-child(even):hover figure .btn-icon{
  border-color:#fff;
  border-width:2px;
  color:#fff;
  background-color:#4d4d4a;
  opacity:0.85}

.overlay:hover .product-details,.overlay:nth-child(even):hover .product-details{
  opacity:1;
  transform:scale(1)}

.overlay-dark figure{
  margin:0}

.overlay-dark figure>a:first-child::after{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:rgba(27,27,23,0.3);
  transition:all .25s}

.overlay-dark figure .btn-quickview,.overlay-dark figure .btn-icon-group{
  z-index:1}

.overlay-dark figure .btn-icon{
  border-color:#fff;
  border-width:2px;
  color:#fff;
  background-color:#4d4d4a;
  opacity:0;
  margin-left:8px}

.overlay-dark figure .btn-quickview{
  border:2px solid white;
  background-color:#4d4d4a;
  border-radius:2rem;
  padding:1rem 2.3rem;
  width:auto;
  height:auto;
  left:50%;
  bottom:50%;
  transform:translate(-50%, 50%);
  opacity:0;
  transition:all .1s}

.overlay-dark .product-details{
  position:absolute;
  width:100%;
  left:2rem;
  bottom:4rem;
  opacity:0;
  transform:translateY(10px);
  transition:all .4s}

.overlay-dark .product-details .product-category,.overlay-dark .product-details .product-title a,.overlay-dark .product-details .product-price{
  color:white}

.overlay-dark .product-details a:hover{
  color:#fa4a4a}

.overlay-dark .product-details .ratings-container .product-ratings::before{
  color:rgba(255,255,255,0.6)}

.overlay-dark .product-details .price-box{
  margin-bottom:0}

.overlay-dark:hover figure,.overlay-dark:nth-child(even):hover figure{
  box-shadow:none}

.overlay-dark:hover figure>a:first-child::after,.overlay-dark:nth-child(even):hover figure>a:first-child::after{
  background-color:rgba(27,27,23,0.7)}

.overlay-dark:hover figure .btn-quickview,.overlay-dark:hover figure .btn-icon,.overlay-dark:nth-child(even):hover figure .btn-quickview,.overlay-dark:nth-child(even):hover figure .btn-icon{
  opacity:0.85}

.overlay-dark:hover figure .btn-quickview:hover,.overlay-dark:hover figure .btn-icon:hover,.overlay-dark:nth-child(even):hover figure .btn-quickview:hover,.overlay-dark:nth-child(even):hover figure .btn-icon:hover{
  background-color:#4d4d4a;
  opacity:1}

.overlay-dark:hover figure .btn-icon,.overlay-dark:nth-child(even):hover figure .btn-icon{
  border-color:#fff;
  border-width:2px;
  color:#fff;
  background-color:#4d4d4a;
  opacity:0.85}

.overlay-dark:hover .product-details,.overlay-dark:nth-child(even):hover .product-details{
  opacity:1;
  transform:translateY(0)}

.creative-grid>div:not(:last-child) .product-default{
  height:600px}

.creative-grid>div:last-child .product-default{
  height:300px}

.creative-grid .product-default{
  padding-bottom:2rem;
  margin-bottom:0;
  position:relative}

.creative-grid .product-default figure{
  height:100%}

.creative-grid .product-default figure img{
  position:absolute;
  object-fit:cover;
  height:100%;
  transition:opacity .3s linear}

.creative-grid .product-default figure img:last-child{
  opacity:0}

.creative-grid .product-default figure img:first-child{
  opacity:1}

.creative-grid .product-default:hover figure img:first-child{
  opacity:0}

.creative-grid .product-default:hover figure img:last-child{
  opacity:1}

.inner-btn figure .btn-icon-group{
  top:unset;
  left:unset;
  right:1.5rem;
  bottom:1.5rem}

.inner-btn figure .btn-icon{
  position:relative;
  margin-bottom:0}

.inner-btn figure .btn-quickview{
  background-color:white}

.inner-btn figure .btn-quickview i{
  font-size:1.4rem}

.quantity-input .product-details{
  align-items:center}

.quantity-input .btn-add-cart{
  margin:0 0 0 4px;
  margin-bottom:1rem}

.quantity-input .btn-add-cart:hover{
  background-color:#fa4a4a;
  border-color:#fa4a4a;
  color:white}

.product-single-qty{
  max-width:90px;
  max-height:36px;
  margin-bottom:1rem}

.product-single-qty .bootstrap-touchspin.input-group{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -ms-flex-align:stretch;
  align-items:stretch;
  max-width:100%;
  max-height:36px;
  padding-right:0}

.product-single-qty .bootstrap-touchspin .form-control{
  max-width:none;
  height:36px;
  padding:1rem .2rem;
  color:#fa4a4a;
  font-size:1.5rem;
  letter-spacing:.05em;
  box-shadow:none}

.product-single-qty .bootstrap-touchspin .form-control,.product-single-qty .bootstrap-touchspin .form-control:not(:focus),.product-single-qty .btn-outline:not(:disabled):not(.disabled):active{
  border-color:#dae2e6}

.product-single-qty .btn{
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-width:28px;
  margin:0;
  padding:.5rem;
  font-family:"Open Sans",sans-serif;
  font-size:2.4rem;
  line-height:1;
  z-index:2}

.product-single-qty .btn.btn-down-icon:hover::before,.product-single-qty .btn.btn-down-icon:hover::after,.product-single-qty .btn.btn-up-icon:hover::before,.product-single-qty .btn.btn-up-icon:hover::after{
  background-color:#fa4a4a}

.product-single-qty .btn.btn-outline{
  border-color:#dae2e6;
  color:#8798a1}

.product-single-qty .btn.btn-down-icon::after,.product-single-qty .btn.btn-up-icon::before,.product-single-qty .btn.btn-up-icon::after{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  width:11px;
  height:1px;
  margin-left:-.55rem;
  background-color:black;
  content:''}

.product-single-qty .btn.btn-up-icon::before{
  transform:rotate(90deg)}

.product-list{
  display:flex}

.product-list figure{
  max-width:270px;
  margin-right:20px;
  margin-bottom:0}

.product-list figure img{
  object-fit:cover;
  height:100%}

.product-list .product-details{
  max-width:calc(100% - 270px)}

.product-list .product-title{
  font:600 1.8rem "Open Sans",sans-serif}

.product-list .product-description{
  font:400 1.4rem "Open Sans",sans-serif;
  line-height:24px;
  margin-bottom:1em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical}

.product-list .btn-add-cart{
  background-color:#fa4a4a;
  border-color:#fa4a4a;
  color:white;
  margin-right:5px;
  margin-bottom:5px;
  padding:0 1rem}

.product-list .btn-icon-wish,.product-list .btn-quickview{
  opacity:1;
  background-color:white;
  color:#333;
  border-color:#dddddd;
  margin-right:5px;
  margin-bottom:5px}

.product-list:hover figure{
  box-shadow:none}

.product-widget{
  display:flex;
  margin-bottom:15px}

.product-widget figure{
  max-width:84px;
  margin-right:20px;
  margin-bottom:0}

.product-widget figure img{
  object-fit:cover;
  height:100%}

.product-widget .ratings-container{
  margin-bottom:5px}

.product-widget .product-details{
  max-width:calc(100% - 104px)}

.product-widget .product-title{
  font-size:1.4rem}

.product-widget .price-box{
  margin-bottom:0}

.product-widget .product-price{
  font-size:1.5rem}

.product-widget .old-price{
  font-size:1.2rem}

.product-widget:hover figure{
  box-shadow:none}

.modal-backdrop.show{
  opacity:0.7}

.modal-backdrop.fade{
  transition:opacity .3s linear}

.product-quick-view{
  background-color:#fff;
  padding:2rem}

.product-quick-view .product-single-details .product-action{
  margin-bottom:2.1rem}

.product-quick-view .product-single-filter{
  padding-bottom:2.2rem}

.config-swatch-list{
  margin:1.5rem 0 0;
  padding:0;
  font-size:0;
  list-style:none}

.config-swatch-list li{
  margin-right:.4rem;
  margin-bottom:.3rem}

.config-swatch-list li a{
  position:relative;
  display:flex;
  align-items:center;
  width:2.2rem;
  height:2.2rem;
  color:#000}

.config-swatch-list li a span:last-child{
  padding-top:.3rem;
  color:#7a7d82;
  font-size:1.2rem}

.config-swatch-list li .color-panel{
  display:inline-block;
  width:1.7rem;
  height:1.7rem;
  border:1px solid #fff;
  transition:all .3s;
  margin-right:1.5rem}

.config-swatch-list li:hover span:last-child{
  text-decoration:underline}

.config-swatch-list li.active a::before{
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  color:#fff;
  font-family:'porto';
  font-size:1.1rem;
  line-height:1;
  content:'\e84e'}

.config-swatch-list a:hover .color-panel,.config-swatch-list a:focus .color-panel,.config-swatch-list li.active .color-panel{
  box-shadow:0 0 0 .1rem #dfdfdf}

@media (max-width: 767px){
  .creative-grid>div:not(:last-child) .product-default{
    height:400px}

  .creative-grid>div:last-child .product-default{
    height:200px}

}

@media (min-width: 481px){
  .col-xs-6{
    flex:0 0 50%;
    max-width:50%}

}

@media (min-width: 768px){
  .col-xs-6{
    flex:0 0 25%;
    max-width:25%}

}

@media (max-width: 575px){
  .product-list{
    flex-direction:column}

  .product-list figure{
    margin-right:0;
    margin-bottom:2rem}

  .product-list .product-details{
    max-width:none}

  .product-action .btn-add-cart{
    display:block;
    padding:0 8px;
    width:36px;
    height:36px;
    overflow:hidden}

}

@media (max-width: 1200px){
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
    left:10px}

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
    right:10px}

}

@media (max-width: 1159px){
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
    left:-30px}

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
    right:-30px}

}

@media (max-width: 1000px){
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
    left:10px}

  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
    right:10px}

}

@media (min-width: 576px){
  .divide-line>.col-sm-1:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-1:nth-child(12n){
    border-right:none}

  .divide-line>.col-sm-2:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-2:nth-child(6n){
    border-right:none}

  .divide-line>.col-sm-3:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-3:nth-child(4n){
    border-right:none}

  .divide-line>.col-sm-4:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-4:nth-child(3n){
    border-right:none}

  .divide-line>.col-sm-5:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-5:nth-child(2n){
    border-right:none}

  .divide-line>.col-sm-6:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-6:nth-child(2n){
    border-right:none}

  .divide-line>.col-sm-7:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-7:nth-child(1n){
    border-right:none}

  .divide-line>.col-sm-8:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-8:nth-child(1n){
    border-right:none}

  .divide-line>.col-sm-9:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-9:nth-child(1n){
    border-right:none}

  .divide-line>.col-sm-10:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-10:nth-child(1n){
    border-right:none}

  .divide-line>.col-sm-11:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-sm-11:nth-child(1n){
    border-right:none}

}

@media (min-width: 768px){
  .divide-line>.col-md-1:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-1:nth-child(12n){
    border-right:none}

  .divide-line>.col-md-2:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-2:nth-child(6n){
    border-right:none}

  .divide-line>.col-md-3:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-3:nth-child(4n){
    border-right:none}

  .divide-line>.col-md-4:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-4:nth-child(3n){
    border-right:none}

  .divide-line>.col-md-5:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-5:nth-child(2n){
    border-right:none}

  .divide-line>.col-md-6:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-6:nth-child(2n){
    border-right:none}

  .divide-line>.col-md-7:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-7:nth-child(1n){
    border-right:none}

  .divide-line>.col-md-8:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-8:nth-child(1n){
    border-right:none}

  .divide-line>.col-md-9:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-9:nth-child(1n){
    border-right:none}

  .divide-line>.col-md-10:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-10:nth-child(1n){
    border-right:none}

  .divide-line>.col-md-11:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-md-11:nth-child(1n){
    border-right:none}

}

@media (min-width: 992px){
  .divide-line>.col-lg-1:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-1:nth-child(12n){
    border-right:none}

  .divide-line>.col-lg-2:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-2:nth-child(6n){
    border-right:none}

  .divide-line>.col-lg-3:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-3:nth-child(4n){
    border-right:none}

  .divide-line>.col-lg-4:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-4:nth-child(3n){
    border-right:none}

  .divide-line>.col-lg-5:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-5:nth-child(2n){
    border-right:none}

  .divide-line>.col-lg-6:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-6:nth-child(2n){
    border-right:none}

  .divide-line>.col-lg-7:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-7:nth-child(1n){
    border-right:none}

  .divide-line>.col-lg-8:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-8:nth-child(1n){
    border-right:none}

  .divide-line>.col-lg-9:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-9:nth-child(1n){
    border-right:none}

  .divide-line>.col-lg-10:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-10:nth-child(1n){
    border-right:none}

  .divide-line>.col-lg-11:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-lg-11:nth-child(1n){
    border-right:none}

}

@media (min-width: 1200px){
  .divide-line>.col-xl-1:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-1:nth-child(12n){
    border-right:none}

  .divide-line>.col-xl-2:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-2:nth-child(6n){
    border-right:none}

  .divide-line>.col-xl-3:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-3:nth-child(4n){
    border-right:none}

  .divide-line>.col-xl-4:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-4:nth-child(3n){
    border-right:none}

  .divide-line>.col-xl-5:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-5:nth-child(2n){
    border-right:none}

  .divide-line>.col-xl-6:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-6:nth-child(2n){
    border-right:none}

  .divide-line>.col-xl-7:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-7:nth-child(1n){
    border-right:none}

  .divide-line>.col-xl-8:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-8:nth-child(1n){
    border-right:none}

  .divide-line>.col-xl-9:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-9:nth-child(1n){
    border-right:none}

  .divide-line>.col-xl-10:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-10:nth-child(1n){
    border-right:none}

  .divide-line>.col-xl-11:nth-child(n){
    border-right:1px solid rgba(0,0,0,0.09);
    border-bottom:1px solid rgba(0,0,0,0.09)}

  .divide-line>.col-xl-11:nth-child(1n){
    border-right:none}

}

.banner{
  display:block;
  position:relative;
  margin-bottom:0;
  background-color:#ccc}

.banner.banner-cat{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  height:220px;
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  background-color:#ccc;
  margin-bottom:0}

.banner>a{
  display:block}

.banner img{
  display:block;
  width:100%;
  max-width:none;
  height:auto}

.banner .banner-content{
  display:inline-block}

.banner .banner-title{
  color:#fff;
  font:700 3rem/1.1 "Oswald",sans-serif;
  margin-bottom:1.8rem;
  letter-spacing:-.025rem;
  text-transform:uppercase}

.banner .banner-subtitle{
  color:#fff;
  font:700 1.5rem/1.1 "Open Sans",sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
  margin-bottom:.4rem}

.banner .banner-subtitle span{
  font-family:"Oswald",sans-serif;
  font-size:2.4rem}

.banner .btn{
  padding-top:1.1rem;
  padding-bottom:1.1rem;
  min-width:100px;
  border-radius:.2rem}

.banner-image>a{
  position:relative}

.banner-image>a::after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color:rgba(40,45,59,0.3);
  transition:all 0.3s ease;
  opacity:0;
  visibility:hidden}

.banner-image>a:hover::after,.banner-image>a:focus::after{
  opacity:1;
  visibility:visible}

@media screen and (min-width: 768px){
  .banner.banner-cat{
    height:260px}

  .banner .banner-title{
    font-size:3.8rem}

  .banner .banner-subtitle{
    font-size:1.6rem}

  .banner .banner-subtitle span{
    font-size:2.5rem}

}

@media screen and (min-width: 992px){
  .banner.banner-cat{
    height:300px}

  .banner .banner-title{
    font-size:4.6rem}

  .banner .banner-subtitle{
    font-size:1.8rem}

  .banner .banner-subtitle span{
    font-size:2.6rem}

}

.breadcrumb-nav{
  border-bottom:1px solid #dfdfdf;
  margin-bottom:3.5rem}

.breadcrumb{
  margin-bottom:0;
  padding:1.25rem 0;
  border-radius:0;
  background-color:transparent}

.breadcrumb-item{
  text-transform:uppercase;
  letter-spacing:.1rem}

.breadcrumb-item+.breadcrumb-item{
  padding-left:2.2rem}

.breadcrumb-item+.breadcrumb-item::before{
  content:'\e81a';
  font-family:'porto';
  padding-right:2.2rem;
  font-size:1.4rem;
  vertical-align:middle;
  margin-top:-.5rem;
  color:#000}

.breadcrumb-item a,.breadcrumb-item.active{
  color:#000}

.page-header{
  padding:3.8rem 0 5rem}

.breadcrumb-nav+.page-header{
  margin-top:-3rem}

.page-header h1{
  color:#111;
  margin-top:.3rem;
  margin-bottom:.3rem}

.page-header h1 span{
  display:block;
  font-family:"Open Sans",sans-serif;
  font-size:1.5rem;
  font-weight:400;
  font-style:normal;
  line-height:1;
  margin-bottom:.4rem}

.page-header.page-header-bg{
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  background-color:#ccc}

.page-header.page-header-bg h1{
  color:#fff}

.page-header h1,.page-title{
  font-family:"Oswald",sans-serif;
  text-transform:uppercase;
  margin-bottom:0}

@media screen and (min-width: 768px){
  .page-header{
    padding-top:6rem;
    padding-bottom:7rem}

  .page-header h1 span{
    font-size:1.6rem}

  .page-header.page-header-bg{
    background-position:center right}

}

@media screen and (min-width: 992px){
  .page-header{
    padding-top:9rem;
    padding-bottom:10.25rem}

  .page-header h1 span{
    font-size:1.8rem}

}

@font-face{
  font-family:'porto';
  src:url("../fonts/porto6e1d.eot?64334846");
  src:url("../fonts/porto6e1d.eot?64334846#iefix") format("embedded-opentype"),url("../fonts/porto6e1d.woff2?64334846") format("woff2"),url("../fonts/porto6e1d.woff?64334846") format("woff"),url("../fonts/porto6e1d.ttf?64334846") format("truetype"),url("../fonts/porto6e1d.svg?64334846#porto") format("svg");
  font-weight:normal;
  font-style:normal}

[class^='icon-']::before,[class*=' icon-']::before{
  display:inline-block;
  width:1em;
  margin-right:.2em;
  margin-left:.2em;
  font-family:'porto';
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1em;
  text-align:center;
  text-decoration:inherit;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  speak:none}

.icon-cancel::before{
  content:'\e800'}

.icon-spin2::before{
  content:'\e801'}

.icon-spin3::before{
  content:'\e802'}

.icon-spin4::before{
  content:'\e803'}

.icon-spin5::before{
  content:'\e804'}

.icon-spin6::before{
  content:'\e805'}

.icon-firefox::before{
  content:'\e806'}

.icon-chrome::before{
  content:'\e807'}

.icon-opera::before{
  content:'\e808'}

.icon-ie::before{
  content:'\e809'}

.icon-phone::before{
  content:'\e80a'}

.icon-down-dir::before{
  content:'\e80b'}

.icon-cart::before{
  content:'\e80c'}

.icon-up-dir::before{
  content:'\e80d'}

.icon-mode-grid::before{
  content:'\e80e'}

.icon-mode-list::before{
  content:'\e80f'}

.icon-compare::before{
  content:'\e810'}

.icon-wishlist::before{
  content:'\e811'}

.icon-search::before{
  content:'\e812'}

.icon-left-dir::before{
  content:'\e813'}

.icon-right-dir::before{
  content:'\e814'}

.icon-down-open::before{
  content:'\e815'}

.icon-left-open::before{
  content:'\e816'}

.icon-right-open::before{
  content:'\e817'}

.icon-up-open::before{
  content:'\e818'}

.icon-angle-left::before{
  content:'\e819'}

.icon-angle-right::before{
  content:'\e81a'}

.icon-angle-up::before{
  content:'\e81b'}

.icon-angle-down::before{
  content:'\e81c'}

.icon-down::before{
  content:'\e81d'}

.icon-left::before{
  content:'\e81e'}

.icon-right::before{
  content:'\e81f'}

.icon-up::before{
  content:'\e820'}

.icon-angle-double-left::before{
  content:'\e821'}

.icon-angle-double-right::before{
  content:'\e822'}

.icon-angle-double-up::before{
  content:'\e823'}

.icon-angle-double-down::before{
  content:'\e824'}

.icon-mail::before{
  content:'\e825'}

.icon-location::before{
  content:'\e826'}

.icon-skype::before{
  content:'\e827'}

.icon-right-open-big::before{
  content:'\e828'}

.icon-left-open-big::before{
  content:'\e829'}

.icon-down-open-big::before{
  content:'\e82a'}

.icon-up-open-big::before{
  content:'\e82b'}

.icon-retweet::before{
  content:'\e82c'}

.icon-user::before{
  content:'\e82d'}

.icon-mail-alt::before{
  content:'\e82e'}

.icon-fax::before{
  content:'\e82f'}

.icon-lock::before{
  content:'\e830'}

.icon-company::before{
  content:'\e831'}

.icon-city::before{
  content:'\e832'}

.icon-post::before{
  content:'\e833'}

.icon-country::before{
  content:'\e834'}

.icon-calendar::before{
  content:'\e835'}

.icon-doc::before{
  content:'\e836'}

.icon-mobile::before{
  content:'\e837'}

.icon-clock::before{
  content:'\e838'}

.icon-chat::before{
  content:'\e839'}

.icon-tag::before{
  content:'\e83a'}

.icon-folder::before{
  content:'\e83b'}

.icon-folder-open::before{
  content:'\e83c'}

.icon-forward::before{
  content:'\e83d'}

.icon-reply::before{
  content:'\e83e'}

.icon-cog::before{
  content:'\e83f'}

.icon-cog-alt::before{
  content:'\e840'}

.icon-wrench::before{
  content:'\e841'}

.icon-quote-left::before{
  content:'\e842'}

.icon-quote-right::before{
  content:'\e843'}

.icon-gift::before{
  content:'\e844'}

.icon-dollar::before{
  content:'\e845'}

.icon-euro::before{
  content:'\e846'}

.icon-pound::before{
  content:'\e847'}

.icon-rupee::before{
  content:'\e848'}

.icon-yen::before{
  content:'\e849'}

.icon-rouble::before{
  content:'\e84a'}

.icon-try::before{
  content:'\e84b'}

.icon-won::before{
  content:'\e84c'}

.icon-bitcoin::before{
  content:'\e84d'}

.icon-ok::before{
  content:'\e84e'}

.icon-chevron-left::before{
  content:'\e84f'}

.icon-chevron-right::before{
  content:'\e850'}

.icon-export::before{
  content:'\e851'}

.icon-star::before{
  content:'\e852'}

.icon-star-empty::before{
  content:'\e853'}

.icon-plus-squared::before{
  content:'\e854'}

.icon-minus-squared::before{
  content:'\e855'}

.icon-plus-squared-alt::before{
  content:'\e856'}

.icon-minus-squared-alt::before{
  content:'\e857'}

.icon-truck::before{
  content:'\e858'}

.icon-lifebuoy::before{
  content:'\e859'}

.icon-pencil::before{
  content:'\e85a'}

.icon-users::before{
  content:'\e85b'}

.icon-video::before{
  content:'\e85c'}

.icon-menu::before{
  content:'\e85d'}

.icon-desktop::before{
  content:'\e85e'}

.icon-doc-inv::before{
  content:'\e85f'}

.icon-circle::before{
  content:'\e860'}

.icon-circle-empty::before{
  content:'\e861'}

.icon-circle-thin::before{
  content:'\e862'}

.icon-mini-cart::before{
  content:'\e863'}

.icon-paper-plane::before{
  content:'\e864'}

.icon-attention-alt::before{
  content:'\e865'}

.icon-info::before{
  content:'\e866'}

.icon-compare-link::before{
  content:'\e867'}

.icon-cat-default::before{
  content:'\e868'}

.icon-cat-computer::before{
  content:'\e869'}

.icon-cat-couch::before{
  content:'\e86a'}

.icon-cat-garden::before{
  content:'\e86b'}

.icon-cat-gift::before{
  content:'\e86c'}

.icon-cat-shirt::before{
  content:'\e86d'}

.icon-cat-sport::before{
  content:'\e86e'}

.icon-cat-toys::before{
  content:'\e86f'}

.icon-tag-line::before{
  content:'\e870'}

.icon-bag::before{
  content:'\e87f'}

.icon-search-1::before{
  content:'\e872'}

.icon-plus::before{
  content:'\e873'}

.icon-minus::before{
  content:'\e874'}

.icon-search-2::before{
  content:'\e875'}

.icon-bag-1::before{
  content:'\e876'}

.icon-online-support::before{
  content:'\e877'}

.icon-shopping-bag::before{
  content:'\e878'}

.icon-us-dollar::before{
  content:'\e879'}

.icon-shipped::before{
  content:'\e87a'}

.icon-list::before{
  content:'\e87b'}

.icon-money::before{
  content:'\e87c'}

.icon-shipping::before{
  content:'\e87d'}

.icon-support::before{
  content:'\e87e'}

.icon-bag-2::before{
  content:'\e87f'}

.icon-grid::before{
  content:'\e880'}

.icon-bag-3::before{
  content:'\e881'}

.icon-direction::before{
  content:'\e882'}

.icon-home::before{
  content:'\e883'}

.icon-magnifier::before{
  content:'\e884'}

.icon-magnifier-add::before{
  content:'\e885'}

.icon-magnifier-remove::before{
  content:'\e886'}

.icon-phone-1::before{
  content:'\e887'}

.icon-clock-1::before{
  content:'\e888'}

.icon-heart::before{
  content:'\e889'}

.icon-heart-1::before{
  content:'\e88a'}

.icon-earphones-alt::before{
  content:'\e88b'}

.icon-credit-card::before{
  content:'\e88c'}

.icon-action-undo::before{
  content:'\e88d'}

.icon-envolope::before{
  content:'\e88e'}

.icon-chart::before{
  content:'\e88f'}

.icon-down-1::before{
  content:'\e890'}

.icon-up-1::before{
  content:'\e891'}

.icon-eye::before{
  content:'\e892'}

.icon-spin1::before{
  content:'\e893'}

.icon-twitter::before{
  content:'\f099'}

.icon-facebook::before{
  content:'\f09a'}
.icon-youtube:before {
  content: "\f167";
}


.icon-gplus::before{
  content:'\f0d5'}

.icon-linkedin::before{
  content:'\f0e1'}

.icon-spinner::before{
  content:'\f110'}

.icon-instagram::before{
  content:'\f16d'}

.icon-sliders::before{
  content:'\f1de'}

.icon-question-circle-o::before{
  content:'\f29c'}

.icon-check-empty::before{
  content:'\f87a'}

.icon-check::before{
  content:'\f87b'}

.icon-docs-inv::before{
  content:'\e895'}

.icon-briefcase::before{
  content:'\e896'}

.icon-user-2::before{
  content:'\e91a'}

.icon-search-3::before{
  content:'\e918'}

.icon-wishlist-2::before{
  content:'\e91b'}

.icon-secure-payment::before{
  content:'\e919'}

.icon-smiling-girl::before{
  content:'\e91f'}

.icon-boy-broad-smile::before{
  content:'\e921'}

.icon-smiling-baby::before{
  content:'\e922'}

.icon-tshirt::before{
  content:'\e920'}

.icon-chef::before{
  content:'\e91e'}

.icon-edit::before{
  content:'\e91d'}

.icon-gift-2::before{
  content:'\e91c'}

.icon-category-saddle::before{
  content:'\e916'}

.icon-category-pedals::before{
  content:'\e915'}

.icon-category-frames::before{
  content:'\e914'}

.icon-category-chains::before{
  content:'\e913'}

.icon-category-tools::before{
  content:'\e917'}

form{
  margin-bottom:3.5rem}

form h2{
  margin-top:3.4rem;
  margin-bottom:2.3rem}

.form-group{
  margin-bottom:1.4rem}


.form-group .inputradio
{
  border: 1px solid #CCC;
  height: 45px;
  padding-top: 12px;
}

.form-group .inputfloat
{
  padding-right: 2px;
  float: left;
  width: 100px;
}

.form-group .form-control,.form-group .select-custom{
  margin-bottom:0}

.form-group .form-control+.form-control{
  margin-top:1rem}

.form-group-sm{
  max-width:480px;
  margin-bottom:.9rem}

.form-control{
  background-color:#fff;
  border:1px solid #e6e6e6;
  border-radius:0;
  color:#767f84;
  font-family:"Open Sans",sans-serif;
  font-size:1.3rem;
  font-weight:400;
  height:4.6rem;
  line-height:1.5;
  margin-bottom:1rem;
 /* max-width:480px;*/
  padding:1.25rem 1.5rem;
  transition:all .3s}

.form-control:focus{
  border-color:#282d3b;
  background-color:#fff;
  color:#767f84;
  box-shadow:none}

.form-control-sm{
  font-size:1.2rem;
  height:4.4rem;
  padding:1.2rem 1.5rem}

select.form-control:not([size]):not([multiple]){
  height:4.6rem}

select.form-control-sm:not([size]):not([multiple]){
  height:4.4rem}

.main .form-control::-webkit-input-placeholder{
  color:#767f84}

.main .form-control::-moz-placeholder{
  color:#767f84}

.main .form-control:-ms-input-placeholder{
  color:#767f84}

.main .form-control::-ms-input-placeholder{
  color:#767f84}

.main .form-control::placeholder{
  color:#767f84}

textarea.form-control{
  max-width:680px;
  min-height:176px}

.form-footer{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  margin-top:2rem;
  margin-bottom:3.5rem;
  font-size:1.3rem;
  vertical-align:middle}

.form-footer .form-footer-right{
  margin-right:0;
  margin-left:auto}

.form-footer .form-footer-right .btn{
  margin:0}

.form-footer .btn{
  margin-right:3rem}

.forget-pass{
  line-height:1.3}

label{
  color:#767f84;
  font-size:1.4rem;
  font-weight:400;
  margin:0 0 .6rem}

.required-field>label::after{
  margin:0 0 0 .45rem;
  color:#e02b27;
  font-size:1.2rem;
  content:'*'}

.required{
  color:#e02b27;
  font-size:1.2rem}

.required+.form-footer{
  margin-top:.8rem}
.containerdivNewLine { clear: both; float: left; display: block; position: relative; }
.h100 {min-height: 100px !important;}
.h150 {min-height: 150px !important;}
.h200 {min-height: 200px !important;}
.h250 {min-height: 250px !important;}
.fl
{
  float: left !important;
}
.w100
{
  width: 100px !important;
}
.w150
{
  width: 150px !important;
}
.w200
{
  width: 200px !important;
}
.select-custom{
  position:relative;
  margin-bottom:1rem}

.select-custom select{
  -webkit-appearance:none;
  appearance:none}

.select-custom::after{
  display:inline-block;
  position:absolute;
  top:50%;
  right:1.9rem;
  -webkit-transform:translateY(-51%);
  transform:translateY(-51%);
  color:#34373f;
  font-family:'porto';
  font-size:1.5rem;
  content:'\e81c'}

.select-custom .form-control,.select-custom .form-control-sm{
  padding-right:4rem}

.form-group-custom-control{
  margin-top:2rem}

.form-group-custom-control .custom-control{
  margin-top:0;
  margin-bottom:2rem}

.form-group-custom-control+.form-group-custom-control{
  margin-top:-.5rem}

.form-group-custom-control .custom-control-label{
  font-family:"Open Sans",sans-serif;
  font-weight:400;
  letter-spacing:0;
  text-transform:initial}

.custom-control{
  position:relative;
  margin-top:3rem;
  margin-bottom:3rem;
  padding-left:3rem}

.custom-control-label{
  font-size:1.3rem;
  margin-bottom:0;
  margin-top:.1rem;
  position:static}

.custom-control-label::before,.custom-control-label::after{
  top:0;
  left:0;
  width:2rem;
  height:2rem}

.custom-control-label::before{
  border:1px solid #e6e6e6;
  background-color:#fff}

.custom-checkbox .custom-control-label::before{
  border-radius:0}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
  background-color:#282d3b;
  border-color:#282d3b;
  color:#282d3b}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{
  background-color:#fa4a4a}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{
  background-color:rgba(250,74,74,0.5)}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{
  background-color:rgba(250,74,74,0.5)}

.form-input{
  padding:1rem 1.2rem;
  border:1px solid #ddd;
  border-radius:2px}

.form-wide{
  width:100%}

@media screen and (min-width: 768px){
  form,.form-footer{
    margin-bottom:4rem}

  form h2{
    margin-top:4.4rem}

}

@media screen and (min-width: 992px){
  form,.form-footer{
    margin-bottom:5rem}

}

.btn{
  padding:1rem 2rem;
  font-size:1.4rem;
  line-height:1.5;
  font-family:"Oswald",sans-serif;
  letter-spacing:.1rem;
  text-transform:uppercase;
  border-radius:0;
  min-width:124px;
  transition:all .3s}

.btn-sm{
  font-size:1.3rem;
  padding:1rem 1.5rem;
  letter-spacing:1px;
  min-width:90px}

.btn-link{
  padding-top:0;
  padding-bottom:0;
  color:#282d3b;
  text-transform:initial;
  letter-spacing:0;
  font-size:13px;
  min-width:0;
  font-family:"Open Sans",sans-serif}

.btn-link:hover,.btn-link:focus{
  color:#282d3b;
  text-decoration:underline}

.btn-md{
  padding:1rem 2.4rem;
  font-size:12px;
  letter-spacing:.025em;
  text-shadow:none}

.btn-primary{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff;
  box-shadow:none}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{
  border-color:#fb7272;
  background-color:#fb7272;
  color:#fff;
  box-shadow:none}

.btn-primary.disabled,.btn-primary:disabled{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff}

.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{
  border-color:#f80c0c;
  background-color:#f91818;
  color:#fff}

.btn-secondary{
  border-color:#282d3b;
  background-color:#282d3b;
  color:#fff;
  box-shadow:none}

.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus{
  border-color:#384053;
  background-color:#384053;
  color:#fff;
  box-shadow:none}

.btn-secondary.disabled,.btn-secondary:disabled{
  border-color:#282d3b;
  background-color:#282d3b;
  color:#fff}

.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{
  border-color:#0e1015;
  background-color:#13161d;
  color:#fff}

.btn-dark{
  border-color:#03050a;
  background-color:#03050a;
  color:#fff;
  box-shadow:none}

.btn-dark:hover,.btn-dark:focus,.btn-dark.focus{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff;
  box-shadow:none}

.btn-dark.disabled,.btn-dark:disabled{
  border-color:#03050a;
  background-color:#03050a;
  color:#fff}

.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff}

.btn-outline{
  border-color:#ccc;
  background-color:transparent;
  background-image:none;
  color:#ccc}

.btn-outline:hover,.btn-outline.focus{
  border-color:#282d3b;
  background-color:transparent;
  color:#282d3b;
  box-shadow:none}

.btn-outline.disabled,.btn-outline:disabled{
  background-color:transparent;
  color:#ccc}

.btn-outline:not(:disabled):not(.disabled):active,.btn-outline:not(:disabled):not(.disabled).active,.show>.btn-outline.dropdown-toggle{
  border-color:#282d3b;
  background-color:transparent;
  color:#282d3b}

.btn-outline-secondary{
  border-color:#ccc;
  background-color:transparent;
  background-image:none;
  color:#777}

.btn-outline-secondary:hover,.btn-outline-secondary.focus{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff;
  box-shadow:none}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{
  background-color:transparent;
  color:#777}

.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff}

.btn-outline-dark{
  border-color:#efefef;
  background-color:transparent;
  background-image:none;
  color:#05131c}

.btn-outline-dark:hover,.btn-outline-dark.focus{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff;
  box-shadow:none}

.btn-outline-dark.disabled,.btn-outline-dark:disabled{
  background-color:transparent;
  color:#05131c}

.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff}

.btn-social-login{
  display:flex;
  margin-right:10px;
  margin-left:10px;
  background-color:#fa4a4a;
  font-family:Oswald;
  text-decoration:none;
  text-transform:uppercase}

.btn-social-login span,.btn-social-login i{
  color:#fff}

.btn-social-login i{
  margin-top:-1px;
  padding-right:6px}

.btn-facebook{
  background:#3a589d}

.btn-gplus{
  background:#dd4e31}

.btn-twitter{
  background:#1aa9e1}

.owl-dots .owl-dot,.owl-nav .owl-prev,.owl-nav .owl-next{
  outline:none}

a:focus{
  outline:none}

@-webkit-keyframes spin{
  0%{
    -webkit-transform:rotate(0deg)}

  100%{
    -webkit-transform:rotate(359deg)}

}

@keyframes spin{
  0%{
    transform:rotate(0deg)}

  100%{
    transform:rotate(359deg)}

}

.mfp-container .mfp-preloader,.porto-loading-icon{
  display:inline-block;
  width:40px;
  height:40px;
  margin:0 auto;
  border:2px solid transparent;
  border-radius:50%;
  border-top-color:#fa4a4a;
  content:'';
  z-index:2;
  border-image:none;
  -webkit-animation:spin .75s infinite linear;
  animation:spin .75s infinite linear}

.mfp-container .mfp-preloader::before,.porto-loading-icon::before{
  position:absolute;
  top:-2px;
  right:0;
  left:-2px;
  width:inherit;
  height:inherit;
  border:inherit;
  border-radius:inherit;
  border-top-color:inherit;
  content:'';
  -webkit-animation:spin 1.5s infinite ease;
  animation:spin 1.5s infinite ease}

.alert{
  border-radius:0;
  margin-bottom:2rem;
  padding:1.4rem 1.5rem}

.alert.alert-intro{
  font-size:1.4rem}

.card{
  margin-bottom:1rem;
  border:1px solid #ddd;
  border-radius:0;
  font-size:1.3rem}

.card-header{
  margin:0;
  padding:1.2rem 1.5rem;
  border-radius:0;
  border-color:#ddd;
  background-color:#f5f5f5;
  color:#282d3b;
  font-weight:700;
  line-height:1.5;
  text-transform:uppercase}

.card-header::after{
  display:block;
  clear:both;
  content:''}

.card-header .card-edit{
  display:inline-block;
  margin-top:.1rem;
  float:right;
  color:#282d3b;
  font-size:1.3rem;
  font-weight:400;
  text-transform:capitalize}

.card-body{
  min-height:135px;
  padding:2rem 1.5rem;
  border-top:0;
  border-radius:0}

.card-body a{
  text-decoration:underline}

.card-body h4{
  margin-bottom:.7rem;
  color:#8a8a8a}

.modal form{
  margin:0}

.modal form .form-group{
  max-width:480px}

.modal form .form-control{
  max-width:100%}

.modal-body{
  padding:1.5rem}

.modal-content{
  border-radius:0;
  box-shadow:0 0 12px 2px rgba(0,0,0,0.35)}

.modal-header,.modal-footer{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  height:80px;
  padding-right:1.5rem;
  padding-left:1.5rem}

.modal-title{
  font-weight:600}

.close{
  font-size:2.2rem}

@media screen and (min-width: 576px){
  .modal-content{
    margin-top:20px;
    margin-bottom:20px}

  .modal-body{
    max-height:calc(100vh - 210px);
    padding-top:2rem;
    overflow-y:auto}

  .modal-header,.modal-footer,.modal-body{
    padding-right:2em;
    padding-left:2rem}

}

@media screen and (min-width: 992px){
  .modal-dialog{
    max-width:800px}

  .modal-header,.modal-footer,.modal-body{
    padding-right:3rem;
    padding-left:3rem}

}

@media screen and (max-width: 479px){
  .modal-open,.modal-open .modal{
    padding-right:0 !important}

}

.member{
  margin-bottom:2.8rem;
  padding:2.5rem 0;
  transition:all .3s ease;
  background-color:#fff;
  text-align:center img;
  text-align-display:inline-block !important;
  text-align-max-width:160px !important;
  text-align-height:auto;
  text-align-border-radius:50%}

.owl-carousel .member{
  margin-bottom:.5rem}

.member-title{
  margin:2.5rem 0 .5rem;
  color:#282d3b;
  font:700 1.4rem/1 "Open Sans",sans-serif;
  text-transform:uppercase}

.member-job{
  display:block;
  margin-bottom:1rem;
  color:#8c8e94;
  font-size:1.4rem;
  text-transform:uppercase}

.tooltip{
  font-family:"Open Sans",sans-serif;
  font-size:1.3rem}

.tooltip.show{
  opacity:1}

.tooltip .arrow{
  width:1rem;
  height:1rem}

.bs-tooltip-top,.bs-tooltip-auto[x-placement^='top']{
  padding:1rem 0}

.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^='top'] .arrow::before{
  margin-left:-.5rem;
  border-width:1rem 1rem 0;
  border-top-color:#ddd}

.bs-tooltip-right,.bs-tooltip-auto[x-placement^='right']{
  padding:0 1rem}

.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^='right'] .arrow{
  width:1rem;
  height:2rem}

.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^='right'] .arrow::before{
  border-width:1rem 1rem 1rem 0;
  border-right-color:#ddd}

.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^='bottom']{
  padding:1rem 0}

.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^='bottom'] .arrow::before{
  margin-left:-.5rem;
  border-width:0 1rem 1em;
  border-bottom-color:#ddd}

.bs-tooltip-left,.bs-tooltip-auto[x-placement^='left']{
  padding:0 1rem}

.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^='left'] .arrow{
  width:1rem;
  height:1rem}

.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^='left'] .arrow::before{
  border-width:1rem 0 1rem 1rem;
  border-left-color:#ddd}

.tooltip-inner{
  max-width:270px;
  padding:1.2rem 1.5rem;
  border:1px solid #ddd;
  border-radius:.1rem;
  background-color:#f4f4f4;
  color:#777;
  text-align:left}

.social-icons{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

.social-icon{
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:3.2rem;
  height:3.2rem;
  background-color:#fa4a4a;
  color:#fff;
  font-size:1.4rem;
  text-decoration:none;
  opacity:1}

.social-icon+.social-icon{
  margin-left:.5rem}

.social-icon:hover,.social-icon:focus{
  color:#fff;
  text-decoration:none;
  opacity:.85}

.social-icon.social-facebook{
  background-color:#3b5a9a;
  color:#fff}

.social-icon.social-twitter{
  background-color:#1aa9e1;
  color:#fff}

.social-icon.social-linkedin{
  background-color:#0073b2;
  color:#fff}

.social-icon.social-gplus{
  background-color:#dd4b39;
  color:#fff}

.social-icon.social-mail{
  background-color:#dd4b39;
  color:#fff}

.info-boxes-container{
  background-color:#2f3946;
  margin-bottom:3rem}

.info-boxes-container .container,.info-boxes-container .container-fluid{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-align:center;
  align-items:center;
  padding:0}

.info-box{
  display:flex;
  align-items:center;
  padding:1.1rem 1.5rem;
  width:100%;
  color:#c8cdcf}

.info-box i{
  color:#9fa4af;
  font-size:3.7rem;
  margin-right:1.8rem;
  min-width:3.7rem;
  text-align:center}

.info-box i::before{
  width:auto;
  margin:0}

.info-box h4{
  color:#fff;
  margin-bottom:0.2rem;
  font:400 1.4rem/1.1 "Oswald",sans-serif;
  letter-spacing:.05rem;
  text-transform:uppercase}

.info-box p{
  margin-bottom:0;
  font-size:1.3rem;
  line-height:1.6;
  letter-spacing:.01em}

.info-box+.info-box{
  border-top:1px solid #282d3b}

@media screen and (min-width: 768px){
  .info-boxes-container{
    margin-bottom:4rem}

  .info-boxes-container .container,.info-boxes-container .container-fluid{
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center}

  .info-box{
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%;
    padding-top:2rem;
    padding-bottom:2rem;
    justify-content:center}

  .info-box:first-child{
    justify-content:flex-start}

  .info-box+.info-box{
    border-top:0}

}

@media screen and (max-width: 767px){
  .info-boxes-container .container{
    width:100%;
    max-width:none}

}

.feature-box{
  width:100%;
  color:#4a505e;
  margin-bottom:3rem}

.feature-box::after{
  display:block;
  clear:both;
  content:''}

.feature-box i{
  float:left;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fa4a4a;
  font-size:5.5rem;
  width:7.5rem}

.feature-box h3{
  color:#21293c;
  font:700 1.4rem/1.1 "Oswald",sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
  margin-bottom:1rem}

.feature-box p{
  margin-bottom:1.3rem}

.feature-box-content{
  margin-left:9rem;
  color:#7b858a;
  font-size:1.5rem;
  line-height:1.8}

.nav.nav-tabs{
  margin:0;
  border:0;
  border-bottom:.2rem solid #e7e7e7}

.nav.nav-tabs .nav-item{
  margin-bottom:-.2rem}

.nav.nav-tabs .nav-item .nav-link{
  padding:1.2rem 0;
  border:0;
  border-bottom:.2rem solid transparent;
  color:#282d3b;
  font:700 1.4rem/1 "Oswald",sans-serif;
  letter-spacing:.01rem;
  text-transform:uppercase}

.nav.nav-tabs .nav-item .nav-link:hover{
  color:#fa4a4a}

.nav.nav-tabs .nav-item+.nav-item{
  margin-left:3.4rem}

.nav.nav-tabs .nav-item.show .nav-link,.nav.nav-tabs .nav-item .nav-link.active{
  border-bottom-color:#fa4a4a;
  color:#fa4a4a}

.testimonial-owner{
  display:flex;
  display:-ms-flexbox;
  align-content:center;
  -ms-flex-align:center}

.testimonial-owner figure{
  max-width:60px;
  margin-right:25px}

.testimonial-owner h4{
  display:block;
  margin-bottom:.5rem;
  padding-top:.7rem;
  color:#111;
  font-size:1.4rem;
  text-transform:uppercase}

.testimonial-owner span{
  display:block;
  color:#666;
  font-size:1.2rem;
  text-transform:uppercase}

.testimonial blockquote{
  position:relative;
  margin-left:15px;
  padding:1rem 2rem;
  font-size:1.4rem;
  font-style:normal;
  line-height:1.8}

.testimonial blockquote::before{
  position:absolute;
  top:0;
  left:-1rem;
  color:#fa4a4a;
  font-family:'porto';
  font-size:2.1rem;
  font-weight:400;
  line-height:1;
  content:'\e842'}

@media screen and (min-width: 576px){
  .testimonial blockquote{
    margin-left:85px;
    padding:1.5rem 3rem 1.5rem 2rem}

}

.toolbox{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:row;
  flex-direction:row;
  margin-top:0;
  margin-bottom:1.5rem;
  color:#7a7d82;
  font-size:1.4rem;
  line-height:1.5}

.toolbox::after{
  display:block;
  clear:both;
  content:''}

.toolbox.toolbox-pagination{
  margin-bottom:5rem;
  padding-top:2rem;
  border-top:.2rem solid #dfdfdf}

.toolbox .pagination{
  margin-left:auto}

.toolbox .select-custom{
  margin-bottom:0}

.toolbox .select-custom::after{
  right:1.3rem;
  font-size:1.6rem}

.toolbox .select-custom .form-control{
  max-width:160px;
  padding-right:2.5rem;
  border-color:#e4e4e4;
  font-size:1.2rem}

.toolbox label{
  display:none;
  margin-top:1px;
  margin-bottom:0;
  color:#767f84;
  font-size:1.3rem;
  font-weight:400}

.toolbox .form-control{
  color:#7a7d82;
  display:inline-block;
  border-width:.2rem;
  padding:0 .8rem;
  margin-bottom:0}

.toolbox .form-control:not(:focus){
  border-color:#e4e4e4}

.toolbox select.form-control:not([size]):not([multiple]){
  height:34px}

.toolbox .toolbox-show .select-custom:after{
  right:1rem}

.toolbox-pagination .toolbox-show{
  display:none}

.pagination{
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:0;
  border-radius:0;
  font-family:"Open Sans",sans-serif;
  font-weight:700}

.page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:3.2rem;
  height:3.2rem;
  font-size:1.4rem;
  padding:0 .3rem;
  line-height:1.1;
  color:#706f6c;
  background-color:transparent;
  border:.1rem solid #e9e9e9}

.page-link.page-link-btn{
  display:-ms-inline-flex;
  display:inline-flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-width:0;
  height:3.2rem;
  padding:0;
  border:0;
  color:#6f6e6b;
  font-size:2rem}

.page-link.page-link-btn i{
  position:relative;
  top:-.1rem}

.page-link.page-link-btn i::before{
  margin-right:0;
  margin-left:0}

.page-link:hover,.page-link:focus{
  box-shadow:none;
  color:#fa4a4a;
  text-decoration:none;
  background-color:transparent}

.page-item+.page-item{
  margin-left:.7rem}

.page-item span{
  padding-right:.3rem;
  padding-left:.3rem}

.page-item:first-child .page-link{
  border-top-left-radius:0;
  border-bottom-left-radius:0}

.page-item:last-child .page-link{
  border-top-right-radius:0;
  border-bottom-right-radius:0}

.page-item.active .page-link{
  border-color:#e9e9e9;
  background-color:transparent;
  color:#fa4a4a}

.page-item.disabled .page-link{
  color:#eaeaea}

.page-item.disabled .page-link.page-link-btn{
  color:#eaeaea;
  border-color:#eaeaea;
  background-color:transparent}

.toolbox-left{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

.toolbox-item{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

.toolbox-item.toolbox-sort{
  margin-right:1.5rem}

.toolbox-item.toolbox-show{
  margin-left:auto;
  font-size:1.2rem}

.toolbox-item label{
  margin-right:1.2rem}

.sorter-btn{
  margin-left:.8rem;
  color:#000;
  font-size:1.7rem;
  text-decoration:none}

.sorter-btn::before{
  font-family:'porto';
  content:'\e890'}

.sorter-btn.btn-desc::before{
  content:'\e891'}

.sorter-btn:hover,.sorter-btn:focus{
  text-decoration:none}

.layout-modes{
  display:none;
  margin-left:2.1rem;
  font-size:0}

.layout-btn{
  display:inline-block;
  height:3.4rem;
  margin-right:.7rem;
  color:#000;
  font-size:1.6rem;
  line-height:3.4rem;
  text-align:center;
  text-decoration:none}

.layout-btn i::before{
  margin-left:0;
  margin-right:0}

.layout-btn:last-child{
  margin-right:0}

.layout-btn.active,.layout-btn:hover,.layout-btn:focus{
  color:#fa4a4a;
  text-decoration:none}

.horizontal-filter .toolbox-sort{
  margin-left:auto}

.horizontal-filter .toolbox-item:last-child{
  display:none}

@media screen and (min-width: 480px){
  .layout-modes{
    display:-ms-flexbox;
    display:flex}

  .horizontal-filter .toolbox-show{
    margin-left:0}

  .toolbox-pagination .toolbox-show{
    display:-ms-flexbox;
    display:flex;
    margin-left:0}

}

@media screen and (min-width: 576px){
  .toolbox-left{
    margin-bottom:0}

  .toolbox-left label{
    margin-right:1.8rem}

  .horizontal-filter .toolbox-item:last-child{
    display:-ms-flexbox;
    display:flex}

}

@media screen and (min-width: 768px){
  .toolbox label{
    display:block}

}

@media screen and (min-width: 992px){
  .toolbox.toolbox-pagination{
    margin-top:1.5rem;
    margin-bottom:5rem}

}

@media screen and (max-width: 575px){
  .horizontal-filter .toolbox-item.toolbox-sort{
    margin-right:0}

}

.login-popup .mfp-content{
  width:80%;
  max-width:872px;
  background-color:white}

.login-popup .container{
  padding:2.5rem 3rem}

.login-popup .title{
  font-size:1.5rem;
  font-weight:600;
  line-height:2;
  text-transform:uppercase}

.login-popup form{
  display:block}

.login-popup label{
  color:#777;
  font-family:"Open Sans",sans-serif;
  font-size:1.2rem;
  font-weight:400;
  line-height:1;
  text-transform:capitalize}

.login-popup .form-footer{
  margin:0 0 2rem}

.login-popup .form-footer .custom-control{
  margin:0 0 0 auto;
  font-size:1.3rem}

.login-popup .forget-password{
  color:#fa4a4a;
  font-size:1.3rem}

.login-popup .social-login-wrapper{
  padding:2rem 2rem 2.5rem;
  background-color:#f4f4f2;
  text-align:center}

.login-popup .social-login-wrapper p{
  margin-bottom:2rem;
  color:#121214;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase}

.login-popup .btn-group{
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-pack:distribute;
  justify-content:space-around}

.mfp-newsletter.mfp-bg{
  transition:all .35s;
  background-color:transparent}

.newsletter-popup{
  position:relative;
  max-width:700px;
  height:320px;
  margin-right:auto;
  margin-left:auto;
  padding:46px 46px 25px;
  border-radius:0;
  background:#f1f1f1;
  background-repeat:no-repeat;
  background-position:center center;
  box-shadow:0 10px 25px rgba(0,0,0,0.5)}

.mfp-close-btn-in .newsletter-popup .mfp-close{
  top:-2.5px;
  color:#fa4a4a;
  font-size:2rem;
  font-weight:700;
  opacity:.85}

.newsletter-popup-content{
  max-width:300px;
  text-align:center}

.newsletter-popup-content .form-control{
  height:auto;
  padding-top:6.5px;
  padding-bottom:6.5px;
  border-radius:0;
  font-size:13px}

.newsletter-popup-content .btn{
  min-width:54px;
  margin-left:-1px;
  padding:0;
  border:1px solid #ccc;
  border-radius:0;
  background-color:transparent;
  color:#555;
  font-family:"Oswald",sans-serif;
  font-size:1.4rem;
  letter-spacing:.08em;
  line-height:32px;
  text-align:center;
  text-transform:uppercase}

.logo-newsletter{
  display:inline-block;
  max-width:100%;
  height:auto}

.newsletter-popup h2{
  margin:32px 0 12px;
  color:#313131;
  font-size:16px;
  font-weight:700;
  line-height:1}

.newsletter-popup p{
  color:#444;
  font-size:1.3rem;
  line-height:1.4}

.newsletter-popup form{
  margin:0 0 2.1rem}

.newsletter-subscribe{
  font-size:1.1rem;
  text-align:left}

.newsletter-subscribe .checkbox{
  margin-top:1.5rem}

.newsletter-subscribe input{
  margin-right:.5rem}

.newsletter-subscribe label{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  font-size:1.1rem}

.mfp-newsletter.mfp-removing{
  transition:opacity .35s ease-out;
  opacity:0}

.mfp-ready.mfp-bg{
  transition:all .35s ease-out;
  background-color:#000}

.mfp-zoom-out-cur .mfp-bg{
  opacity:.8}

.mfp-zoom-out-cur .mfp-counter{
  color:#fff}

.mfp-zoom-out-cur .mfp-arrow-right::before{
  border-left:0}

.mfp-zoom-out-cur .mfp-arrow-left::before{
  border-right:0}

.mfp-ajax-product.mfp-bg,.login-popup.mfp-bg{
  opacity:0}

.mfp-wrap .mfp-content{
  transition:all .35s ease-out;
  opacity:0}

.mfp-ajax-product.mfp-wrap .mfp-content,.login-popup.mfp-wrap .mfp-content{
  max-width:872px}

.mfp-wrap.mfp-ready .mfp-content{
  opacity:1}

.mfp-wrap.mfp-removing .mfp-content{
  opacity:0}

@media screen and (min-width: 768px){
  .login-popup .col-md-6{
    padding:0 2rem}

  .login-popup .col-md-6:first-child{
    border-right:1px solid #f5f6f6}

}

.product-default figure>a::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color:rgba(0,0,0,0.1);
  opacity:0;
  transition:all .3s}

.product-default:hover figure a::after{
  opacity:1}

.home-slide{
  width:100%;
  background-color:#ccc;
  display:none;
  position:relative}

.home-slide::before{
  display:block;
  width:100%;
  padding-top:58.3116883117%;
  content:''}

.owl-carousel-lazy.owl-carousel{
  display:block;
  margin-bottom:2rem}

.owl-carousel-lazy.owl-carousel .home-slide:first-child,.owl-carousel-lazy.owl-carousel .category-slide:first-child,.owl-carousel-lazy.owl-carousel .owl-item:first-child .home-slide,.owl-carousel-lazy.owl-carousel .owl-item:first-child .category-slide{
  display:-ms-flexbox;
  display:flex}

.owl-carousel-lazy.owl-carousel.owl-loaded .home-slide{
  display:block}

.home-slide .owl-lazy,.category-slide .owl-lazy{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0}

.home-slide .slide-bg,.category-slide .slide-bg{
  position:absolute;
  max-height:none !important;
  z-index:2;
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat}

.home-slide-content{
  position:absolute;
  left:0;
  bottom:0;
  padding-left:4.4rem;
  padding-bottom:4rem;
  z-index:3}

.home-slide-content h1{
  color:#fff;
  font-weight:700;
  font-size:5rem;
  line-height:1.1;
  font-family:"Oswald",sans-serif;
  text-transform:uppercase;
  letter-spacing:-.1rem;
  margin-bottom:.4rem;
  line-height:1}

.home-slide-content h3{
  color:#fff;
  font-weight:300;
  font-size:2.2rem;
  line-height:1.1;
  font-family:"Open Sans",sans-serif;
  text-transform:uppercase;
  margin-bottom:2.9rem;
  letter-spacing:0}

.home-slide-content .btn{
  font-weight:400;
  font-size:1.5rem;
  min-width:117px;
  border-radius:.2rem}

.home-slider.owl-carousel .owl-nav .owl-prev,.home-slider.owl-carousel .owl-nav .owl-next{
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  top:50%;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-width:3rem;
  margin:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  transition:all .3s;
  border:0;
  border-radius:0;
  background-color:transparent;
  color:#fff;
  font-size:3rem;
  font-weight:100;
  line-height:1}

.home-slider.owl-carousel .owl-nav .owl-prev i,.home-slider.owl-carousel .owl-nav .owl-next i{
  margin-top:-.3rem}

.home-slider.owl-carousel .owl-nav .owl-prev i::before,.home-slider.owl-carousel .owl-nav .owl-next i::before{
  margin:0;
  border-radius:0}

.home-slider.owl-carousel .owl-nav .owl-prev{
  left:1.2rem}

.home-slider.owl-carousel .owl-nav .owl-next{
  right:1.2rem}

.home-slider.owl-carousel .owl-nav .owl-prev:hover,.home-slider.owl-carousel .owl-nav .owl-next:hover,.home-slider.owl-carousel .owl-nav .owl-prev:focus,.home-slider.owl-carousel .owl-nav .owl-next:focus{
  border-color:transparent;
  background-color:transparent;
  color:#fa4a4a}

.home-slider.owl-carousel .owl-dots{
  position:absolute;
  right:3.7rem;
  bottom:4.3rem;
  margin:0;
  line-height:0}

.home-slider.owl-carousel .owl-dots .owl-dot{
  display:inline-block;
  width:1.1rem;
  height:.3rem;
  background-color:#fff;
  line-height:1;
  transition:all 0.15s}

.home-slider.owl-carousel .owl-dots .owl-dot+.owl-dot{
  margin-left:1rem}

.home-slider.owl-carousel .owl-dots .owl-dot:hover,.home-slider.owl-carousel .owl-dots .owl-dot:focus{
  background-color:#fa4a4a}

.home-slider.owl-carousel .owl-dots .owl-dot.active{
  background-color:#282d3b}

.owl-carousel .product:not(.product-sm){
  margin-bottom:0}

.home-product-tabs{
  margin-top:1rem}

.home-product-tabs .tab-content{
  padding-top:3rem}

.home-product-tabs .tab-content>.tab-pane{
  padding:0;
  margin:0}

.top-banners{
  margin-bottom:1rem}

.top-banners .banner{
  margin-bottom:1rem}

.banners-group{
  margin-bottom:2rem}

.banners-group .banner{
  margin-bottom:1rem}

.partners-container{
  padding-top:3.2rem;
  padding-bottom:3.2rem;
  background-color:#f4f4f4;
  margin-bottom:0}

.partners-carousel{
  padding-left:40px;
  padding-right:40px}

.partner{
  display:block;
  padding-top:.8rem;
  padding-bottom:.8rem}

.partner img{
  display:block;
  max-width:100% !important;
  width:auto !important;
  height:auto;
  margin-right:auto;
  margin-left:auto}

.sidebar-home{
  font-size:1.3rem;
  line-height:1.85}

.sidebar-home .widget{
  margin-bottom:4.5rem}

.sidebar-home .widget .banner{
  max-width:270px}

.sidebar-home .widget-title{
  font:700 1.4rem/1.1 "Oswald", sans-serif;
  text-transform:uppercase;
  color:#282d3b;
  letter-spacing:.05em;
  margin:0 0 2rem;
  padding-bottom:.9rem;
  border-bottom:.2rem solid #dfdfdf}

.sidebar-home .widget-block{
  margin-top:-.4rem}

.sidebar-home .widget-block .widget-title{
  margin-bottom:1.4rem}

.sidebar-home .entry{
  margin-bottom:0}

.sidebar-home .entry-media{
  position:relative;
  margin-bottom:2.7rem}

.sidebar-home .entry-body{
  margin-left:0;
  padding-bottom:0;
  border-bottom:0}

.sidebar-home .entry-date{
  position:absolute;
  top:.6rem;
  right:.8rem;
  color:#fff;
  background-color:#fa4a4a;
  font:400 2.2rem/1 "Oswald",sans-serif;
  padding:.8rem .95rem .9rem;
  text-transform:uppercase}

.sidebar-home .entry-date span{
  display:block;
  font-size:1.2rem;
  margin-top:.2rem}

.sidebar-home .entry-title{
  font-weight:700;
  color:#0e2f40;
  font-size:1.6rem}

.sidebar-home .entry-content{
  font-size:1.3rem;
  line-height:1.85}

.sidebar-home .entry-content p:last-of-type{
  margin-bottom:.6rem}

.sidebar-home .read-more{
  float:none;
  font-size:1.3rem;
  font-weight:600;
  text-transform:uppercase;
  color:#fa4a4a}

.widget-cats{
  padding:2.4rem 3rem 2.7rem;
  background-color:#f1f1f1}

.widget-cats .widget-title{
  margin-bottom:2.2rem}

.catAccordion{
  font-size:1.2rem;
  letter-spacing:.06rem;
  font-weight:400;
  text-transform:uppercase;
  margin-bottom:0}

.catAccordion .accordion-btn{
  padding:0;
  margin:0;
  background:none;
  border:0;
  display:block;
  position:absolute;
  right:0;
  top:.7rem;
  width:2rem;
  height:2rem;
  cursor:pointer}

.catAccordion .accordion-btn::before{
  font-family:'porto';
  content:'\e81c';
  font-weight:400;
  font-size:1.4rem;
  line-height:1}

.catAccordion li{
  position:relative;
  padding:.6rem 0;
  color:#5e6f77}

.catAccordion li a{
  color:inherit}

.catAccordion li.open>a{
  font-weight:700}

.catAccordion li.open .accordion-btn::before{
  content:'\e81b'}

.catAccordion li ul{
  padding-left:1.5rem;
  padding-top:.7rem}

.catAccordion li ul li{
  padding-top:.4rem;
  padding-bottom:.4rem}

@media screen and (min-width: 768px){
  .home-product-tabs .product{
    margin-bottom:4rem}

  .banners-group .row{
    margin-left:-5px;
    margin-right:-5px}

  .banners-group .col-md-4{
    -ms-flex:0 0 34.55%;
    flex:0 0 34.55%;
    max-width:34.55%;
    padding-right:5px;
    padding-left:5px}

  .banners-group .col-md-8{
    -ms-flex:0 0 65.45%;
    flex:0 0 65.45%;
    max-width:65.45%;
    padding-right:5px;
    padding-left:5px}

}

@media screen and (min-width: 992px){
  .home-top-container{
    padding-top:2rem}

  .home-top-container .row{
    margin-left:-5px;
    margin-right:-5px}

  .home-top-container .col-lg-4,.home-top-container .col-lg-8{
    padding-right:5px;
    padding-left:5px}

  .home-top-container .col-lg-8{
    -ms-flex:0 0 66.1%;
    flex:0 0 66.1%;
    max-width:66.1%}

  .home-top-container .col-lg-4{
    -ms-flex:0 0 33.9%;
    flex:0 0 33.9%;
    max-width:33.9%}

  .banners-group{
    margin-bottom:5rem}

  .sidebar-home .widget-block p{
    max-width:230px}

  .sidebar-home .entry-content p{
    max-width:220px}

  .partners-container{
    padding-top:5.2rem;
    padding-bottom:5.2rem}

  .partners-carousel{
    padding-left:100px;
    padding-right:100px}

}

.about-section{
  padding:3rem 0 3rem;
  font-size:1.5rem;
  line-height:2;
min-height: 500px;}

.about-section .col-lg-7 p{
  padding-right:2rem}

.about-section .col-lg-7 p:last-child{
  margin-bottom:3rem}

.testimonials-slider blockquote{
  margin-bottom:0;
  padding-bottom:0}

.testimonials-slider.owl-theme .owl-nav.disabled+.owl-dots{
  margin-top:0}

.gallery-section{
  padding:5.5rem 0 4rem;
  background-color:#f1f1f1}

.gallery-item{
  display:block;
  margin-bottom:1.5rem}

.gallery-item img{
  max-width:none;
  width:100%}

.company-section{
  padding:6rem 0 3rem;
  font-size:1.5rem;
  line-height:1.8}

.company-section img{
  margin-bottom:3rem}

.company-section p+.subtitle{
  margin-top:4rem}

.features-section{
  padding:4.5rem 0 1rem;
  background-color:#f1f1f1}

@media screen and (min-width: 768px){
  .gallery-item{
    margin-bottom:2rem}

  .features-section{
    padding-top:5.8rem;
    padding-bottom:2.2rem}

}

.sidebar-shop{
  font-size:1.3rem}

.sidebar-shop .widget{
  margin:0;
  padding-bottom:5.5rem}

.sidebar-shop .widget::after{
  display:block;
  clear:both;
  content:''}

.sidebar-shop .widget .config-swatch-list{
  margin-top:.3rem}

.sidebar-shop .widget .config-swatch-list li{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  margin-right:0;
  margin-bottom:1.2rem;
  font-size:1.2rem}

.sidebar-shop .widget .config-swatch-list li:last-child{
  margin-bottom:0}

.sidebar-shop .widget .config-swatch-list li a{
  margin-right:1.5rem;
  width:auto}

.sidebar-shop .widget .config-swatch-list li.active a::before{
  left:15%}

.sidebar-shop .widget-title{
  margin:0;
  color:#000;
  font:700 1.2rem/1.1 "Oswald",sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  padding-bottom:1rem;
  border-bottom:.2rem solid #dfdfdf}

.sidebar-shop .widget-title a{
  color:#000;
  display:block;
  position:relative}

.sidebar-shop .widget-title a:hover,.sidebar-shop .widget-title a:focus{
  color:inherit;
  text-decoration:none}

.sidebar-shop .widget-title a::before,.sidebar-shop .widget-title a::after{
  content:'';
  position:absolute;
  display:inline-block;
  right:.5rem;
  top:50%;
  width:10px;
  height:2px;
  background-color:#000;
  margin-top:-1px;
  transition:all .35s}

.sidebar-shop .widget-title a.collapsed::after{
  transform:rotate(-90deg)}

.sidebar-shop .widget-body{
  padding-top:1.7rem;
  padding-left:1.5rem}

.sidebar-shop .widget-body::after{
  display:block;
  clear:both;
  content:''}

.sidebar-shop .widget-featured{
  position:relative}

.sidebar-shop .widget-featured .widget-body{
  padding-top:2.3rem}

.sidebar-shop .widget-featured .product-sm:last-child{
  margin-bottom:0}

.widget .owl-carousel .owl-nav{
  position:absolute;
  top:-4.2rem;
  right:-.4rem}

.widget .owl-carousel .owl-nav button.owl-next,.widget .owl-carousel .owl-nav button.owl-prev{
  padding:0 .4rem !important;
  border-radius:0;
  color:#282d3b;
  font-size:2rem;
  line-height:1}

.widget .owl-carousel .owl-nav i::before{
  width:auto;
  margin:0}

.cat-list{
  margin:0;
  padding:0;
  list-style:none}

.cat-list li{
  margin-bottom:1.4rem}

.cat-list li:last-child{
  margin-bottom:0}

.cat-list li a{
  color:#000}

.cat-list li a:hover,.cat-list li a:focus{
  text-decoration:underline}

.config-size-list{
  margin:0;
  padding:0;
  font-size:0;
  list-style:none}

.config-size-list li{
  display:-ms-inline-flexbox;
  display:inline-flex;
  margin-right:.8rem;
  margin-bottom:.8rem}

.config-size-list a{
  position:relative;
  display:block;
  width:3.4rem;
  height:3rem;
  transition:all .3s;
  font-weight:600;
  text-align:center;
  font-size:1.4rem;
  line-height:2.8rem;
  border:1px solid #e9e9e9;
  text-decoration:none;
  color:#767f84}

.config-size-list a:hover,.config-size-list a:focus,.config-size-list a.active{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#61605a;
  text-decoration:none}

.price-slider-wrapper{
  padding-top:2rem}

.filter-price-action{
  display:flex;
  display:-ms-flexbox;
  align-items:center;
  -ms-flex-align:center;
  margin-top:2.5rem;
  padding-bottom:.4rem}

.filter-price-action::after{
  display:block;
  clear:both;
  content:''}

.filter-price-action .filter-price-text{
  margin-left:auto}

.filter-price-action .btn{
  padding:.3rem .8rem;
  font-size:1.2rem;
  letter-spacing:.08em;
  min-width:0}

.config-swatch-list{
  margin:1.5rem 0 0;
  padding:0;
  font-size:0;
  list-style:none}

.config-swatch-list li{
  margin-right:.4rem;
  margin-bottom:.3rem;
  display:inline-flex}

.config-swatch-list li a{
  position:relative;
  display:flex;
  align-items:center;
  width:2.2rem;
  height:2.2rem;
  color:#000}

.config-swatch-list li .color-panel{
  display:inline-block;
  width:1.7rem;
  height:1.7rem;
  border:1px solid #fff;
  transition:all .3s;
  margin-right:1.5rem}

.config-swatch-list li.active a::before{
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  color:#fff;
  font-family:'porto';
  font-size:1.1rem;
  line-height:1;
  content:'\e84e'}

.config-swatch-list a:hover .color-panel,.config-swatch-list a:focus .color-panel,.config-swatch-list li.active .color-panel{
  box-shadow:0 0 0 .1rem #dfdfdf}

.boxed-slider .category-slide{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  height:300px}

.boxed-slide-content{
  margin-bottom:0;
  background-color:transparent;
  z-index:3}

.boxed-slide-content .btn{
  display:inline-block}

.boxed-slider .owl-dots{
  position:absolute;
  right:0;
  bottom:2.5rem;
  left:0}

.horizontal-filter{
  margin-bottom:18px;
  padding:1.2rem 1rem;
  background-color:#f4f4f4}

.horizontal-filter .price-sort{
  position:relative}

.horizontal-filter .price-sort label{
  font-size:1.2rem}

.horizontal-filter .price-sort .input-price{
  display:block;
  width:100%;
  margin-bottom:10px;
  padding:5px 8px;
  line-height:1.4;
  box-shadow:none}

.horizontal-filter .price-sort.opened::before{
  display:block}

.sort-list li{
  padding:7px 0;
  font-size:1.2rem;
  text-transform:uppercase}

.filter-toggle{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  margin-right:1rem}

.filter-toggle a{
  display:inline-block;
  position:relative;
  width:46px;
  height:26px;
  margin-left:8px;
  border-radius:13px;
  background:#e6e6e6;
  text-decoration:none}

.filter-toggle a::before{
  position:absolute;
  left:0;
  width:42px;
  height:22px;
  transform:translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  -webkit-transform:translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition:all .3s linear;
  border-radius:11px;
  background-color:#fff;
  content:''}

.filter-toggle a::after{
  position:absolute;
  left:0;
  width:22px;
  height:22px;
  transform:translate3d(2px, 2px, 0);
  -webkit-transform:translate3d(2px, 2px, 0);
  transition:all .2s ease-in-out;
  border-radius:11px;
  background-color:#fff;
  box-shadow:0 2px 2px rgba(0,0,0,0.24);
  content:''}

.filter-toggle.opened a{
  background-color:#fa4a4a}

.filter-toggle.opened a::before{
  -webkit-transform:translate3d(18px, 2px, 0) scale3d(0, 0, 0);
  transform:translate3d(18px, 2px, 0) scale3d(0, 0, 0)}

.filter-toggle.opened a::after{
  -webkit-transform:translate3d(22px, 2px, 0);
  transform:translate3d(22px, 2px, 0)}

@media screen and (min-width: 576px){
  .horizontal-filter{
    padding:1.2rem 2rem}

}

@media screen and (min-width: 992px){
  .products-body{
    overflow:hidden}

  .products-body .sidebar-shop{
    left:-25%;
    transition:all .3s linear 0s;
    visibility:hidden;
    z-index:-1}

  .sidebar-opened .sidebar-shop{
    left:0;
    visibility:visible;
    z-index:0}

  .main-content{
    margin-left:-25%;
    transition:all .3s linear 0s}

  .sidebar-opened .main-content{
    margin-left:0}

  main:not(.sidebar-opened) .main-content{
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%}

  main:not(.sidebar-opened) .main-content .col-md-4{
    max-width:25%}

  .filter-sorts{
    padding:12px}

  .filter-sorts .toolbox-left{
    position:relative}

  .filter-sorts .toolbox-item{
    margin-right:1rem}

  .filter-sorts .toolbox-item.toolbox-sort{
    margin:0 1rem 0 0;
    background:#fff}

  .filter-sorts .toolbox-item.toolbox-show{
    margin-left:auto;
    font-size:1.2rem}

  .filter-sorts select{
    min-width:140px;
    border:0;
    text-transform:uppercase}

  .filter-sorts .layout-modes{
    margin-left:.5rem}

  .filter-sorts .filter-toggle{
    display:none}

  .filter-sorts .sidebar-shop{
    left:0;
    visibility:visible;
    z-index:2}

  .filter-price-form,.sort-list{
    display:none}

  .filter-price-form{
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    margin-top:9px;
    padding:10px 15px;
    background-color:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,0.15);
    z-index:99}

  .sort-list{
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    margin-top:9px;
    padding:10px 15px;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,0.15);
    z-index:99}

  .sort-menu-trigger{
    display:block;
    min-width:140px;
    height:34px;
    padding-left:.8rem;
    color:#7a7d82;
    font-size:1.2rem;
    line-height:34px;
    text-transform:uppercase;
    z-index:9}

  .sort-menu-trigger:hover,.sort-menu-trigger:focus{
    text-decoration:none}

  .sort-menu-trigger::before{
    display:none;
    position:absolute;
    top:100%;
    left:21px;
    margin-top:1px;
    border-right:10px solid transparent;
    border-bottom:10px solid #fff;
    border-left:10px solid transparent;
    content:'';
    z-index:999}

  .toolbox-item.opened .sort-list,.toolbox-item.opened .filter-price-form,.toolbox-item.opened .sort-menu-trigger::before{
    display:block}

}

@media screen and (max-width: 991px){
  .sort-menu-trigger{
    display:block;
    margin-bottom:1.5rem;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase}

  .filter-sorts .toolbox-sort.select-custom{
    display:block;
    margin:2rem}

  .filter-sorts .toolbox-sort.select-custom::after{
    content:none}

  .sidebar-shop .widget{
    padding:3rem 2rem 0}

}

.paction{
  position:relative;
  display:-ms-flexbox;
  display:inline-flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:1.8rem;
  font-family:'porto';
  color:#fa4a4a;
  background-color:white;
  border:1px solid #d4d4d4;
  transition:all .3s;
  text-decoration:none;
  text-align:center;
  min-width:35px;
  height:35px}

.paction span{
  display:none;
  padding-right:.1rem;
  padding-left:.4rem;
  font-size:1.2rem;
  letter-spacing:.02rem}

.paction+.paction{
  margin-left:.7rem}

.paction:hover,.paction:focus{
  text-decoration:none;
  color:white;
  border-color:#fa4a4a;
  background-color:#fa4a4a}

.add-cart::before{
  display:inline-block;
  line-height:1;
  margin-top:4px;
  font-size:1.9rem;
  content:'\e87f';
  font-family:'porto'}

.add-wishlist::before{
  content:'\e88a'}

.add-compare::before{
  content:'\e810'}

.add-cart{
  font-family:"Oswald",sans-serif;
  font-weight:400;
  text-transform:uppercase;
  padding:.85rem .5rem;
  min-width:115px;
  z-index:2}

.add-cart i{
  width:20px;
  height:18px;
  top:3px;
  margin-right:1rem}

.add-cart i::before{
  margin-left:-7px;
  width:14px;
  height:11px}

.add-cart i,.add-cart i::before{
  border-color:white}

.add-cart:hover,.add-cart:focus{
  border-color:#fa4a4a;
  background-color:#fa4a4a;
  color:#fff}

.add-cart span{
  display:inline-block}

.product-single-container{
  margin-bottom:3rem}

.product-single-details{
  margin-top:-.6rem;
  font-family:"Open Sans",sans-serif}

.product-single-details .product-title{
  margin-bottom:.5rem;
  color:#21293c;
  font-size:3.2rem;
  font-weight:700;
  letter-spacing:-.01em}

.product-single-details .price-box{
  margin-bottom:2.4rem;
  color:#fa4a4a;
  font-weight:700}

.product-single-details .product-price{
  font-size:2.4rem;
  font-weight:700;
  color:#fa4a4a}

.product-single-details .old-price{
  font-size:1.6rem;
  font-weight:600}

.product-single-details .old-price+.product-price{
  margin-left:1rem}

.product-single-details .ratings-container{
  margin-bottom:2.1rem}

.product-single-details .ratings-container .product-ratings,.product-single-details .ratings-container .ratings{
  font-size:1.4rem}

.product-single-details .ratings-container .product-ratings{
  height:14px}

.product-single-details .rating-link{
  margin-left:1rem;
  color:#90939a;
  font-weight:500;
  font-size:1.2rem;
  letter-spacing:.025em}

.product-single-details .product-desc{
  padding-bottom:2.7rem;
  font-size:1.4rem;
  letter-spacing:.005em;
  line-height:1.92}

.product-single-details .product-desc a{
  color:#282d3b;
  border-bottom:1px solid #282d3b}

.product-single-details .product-action{
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-pack:start;
  justify-content:flex-start;
  margin-bottom:3.1rem;
  align-items:center}

.product-single-details .sticky-header{
  height:auto}

.product-single-details .sticky-header .sticky-detail{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-align:center;
  align-items:center}

.product-single-details .sticky-header .product-title{
  margin-right:2rem;
  margin-bottom:0;
  color:#777;
  font-size:16px;
  font-weight:600}

.product-single-details .sticky-header .price-box{
  margin-top:1rem;
  margin-bottom:0;
  padding:0;
  border:0;
  color:#2b2b2d}

.product-single-details .sticky-header .ratings-container{
  margin-bottom:3.2rem}

.product-single-details .container{
  display:none;
  -ms-flex-align:center;
  align-items:center}

.product-single-details .container img{
  max-width:5rem;
  max-height:5rem;
  margin-right:2rem}

.product-single-details .container .add-cart{
  margin-left:auto;
  margin-bottom:0}

.product-single-details .sticky-header.fixed-nav .container{
  display:-ms-flexbox;
  display:flex;
  padding:1.5rem}

.product-single-details .product-single-qty,.product-single-details .paction{
  margin:0 1rem 1rem 0}

.product-single-details .paction{
  height:43px;
  min-width:43px}

.product-single-details .add-cart{
  min-width:115px}

.product-both-info .product-single-details{
  margin-top:0}

.product-both-info .product-single-details .product-desc{
  border-bottom:0}

.product-single-gallery a{
  display:block}

.product-single-gallery img{
  display:block;
  width:100%;
  max-width:none;
  height:auto}

.product-single-gallery .owl-theme .owl-nav,.product-single-gallery .owl-theme .owl-nav{
  color:#000;
  font-size:32px}

.product-single-gallery .owl-prev,.product-single-gallery .owl-next{
  margin:0 2rem !important;
  transition:all .5s;
  opacity:0}

.prod-thumbnail{
  padding:.5rem 1rem}

.prod-thumbnail img{
  width:100%;
  cursor:pointer}

.prod-thumbnail>div{
  padding:.5rem}

.prod-thumbnail .active img,.prod-thumbnail img:hover{
  border:2px solid #21293c}

.transparent-dots{
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  top:1rem;
  -ms-flex-direction:column;
  flex-direction:column;
  width:80px;
  margin:0;
  padding:0;
  opacity:.5;
  z-index:99}

.transparent-dots .active img,.transparent-dots img:hover{
  border:1px solid #fa4a4a}

.product-slider-container{
  position:relative}

.prod-full-screen{
  position:absolute;
  right:2rem;
  bottom:1.7rem;
  transition:all .5s;
  outline:none;
  opacity:0;
  z-index:1}

.prod-full-screen i{
  color:#000;
  font-size:1.4rem;
  cursor:pointer}

.product-item:hover .prod-full-screen,.product-item:hover .owl-prev,.product-item:hover .owl-next{
  opacity:1}

.prod-thumbnail img{
  display:block}

.prod-thumbnail .owl-dot{
  box-sizing:border-box}

.single-info-list{
  margin-bottom:2rem;
  padding:0;
  font-size:1.4rem;
  line-height:1.5;
  text-transform:uppercase}

.single-info-list li{
  margin-bottom:1rem;
  color:#7b858a;
  letter-spacing:.005em}

.single-info-list li strong{
  color:#4c4c4c}

.product-single-qty{
  max-width:104px;
  max-height:43px}

.product-single-qty .bootstrap-touchspin.input-group{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -ms-flex-align:stretch;
  align-items:stretch;
  max-width:100%;
  max-height:43px;
  padding-right:0}

.product-single-qty .bootstrap-touchspin .form-control{
  max-width:none;
  height:43px;
  padding:1rem .2rem;
  color:#21293c;
  font-size:1.5rem;
  letter-spacing:.05em;
  box-shadow:none}

.product-single-qty .bootstrap-touchspin .form-control,.product-single-qty .bootstrap-touchspin .form-control:not(:focus){
  border-color:#dae2e6}

.product-single-qty .horizontal-quantity{
  height:43px}

.product-single-qty .btn{
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-width:31px;
  margin:0;
  padding:.5rem;
  font-family:"Open Sans",sans-serif;
  font-size:2.4rem;
  line-height:1;
  z-index:2}

.product-single-qty .btn.btn-outline{
  border-color:#dae2e6;
  color:#8798a1}

.product-single-qty .btn.btn-down-icon::after,.product-single-qty .btn.btn-up-icon::before,.product-single-qty .btn.btn-up-icon::after{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  width:11px;
  height:1px;
  margin-left:-.55rem;
  background-color:#8798a1;
  content:''}

.product-single-qty .btn.btn-up-icon::before{
  transform:rotate(90deg)}

.product-filters-container .product-action{
  display:flex}

.product-single-filter{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  padding-bottom:4.2rem}

.product-single-filter+.product-single-filter{
  margin-top:2.2rem}

.product-single-filter label{
  margin-right:1.3rem;
  margin-bottom:0;
  color:#21293c;
  font:600 1.5rem/1.1 "Open Sans",sans-serif;
  letter-spacing:.005em}

.product-single-filter .config-swatch-list{
  display:inline-flex;
  margin:0}

.product-single-filter .config-swatch-list li{
  margin-bottom:0}

.product-single-filter .config-size-list li{
  margin-right:.7rem;
  margin-bottom:0}

.product-single-filter .config-size-list li a{
  min-width:3rem;
  height:3rem;
  border:1px solid #dae2e6;
  background-color:#f4f4f4;
  color:#21293c;
  font-size:1.5rem;
  font-weight:600;
  line-height:2.8rem}

.product-single-filter .config-size-list li a:hover,.product-single-filter .config-size-list li a:focus{
  border-color:#282d3b;
  background-color:#f4f4f4;
  color:#21293c}

.product-single-filter .config-size-list li.active a{
  border-color:#282d3b;
  outline:none;
  background-color:#f4f4f4;
  color:#21293c}

.product-single-filter.product-single-qty{
  max-width:148px;
  max-height:7.5rem;
  border-bottom:0}

.product-single-share{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

.product-single-share label{
  margin-right:1.2rem;
  margin-bottom:.5rem;
  color:#6a9234;
  font:600 1.4rem/1.1 "Open Sans",sans-serif;
  letter-spacing:.005em;
  text-transform:uppercase}

.product-single-tabs{
  margin-bottom:5.5rem}

.product-single-tabs .tab-pane{
  padding-top:3.5rem;
  color:#7b858a;
  line-height:1.92}

.product-single-tabs .sticky-header{
  height:auto}

.scrolling-box .tab-pane+.tab-pane{
  margin-top:3.5rem;
  border-top:2px solid #dae2e6}

.product-desc-content p{
  margin-bottom:2.2rem}

.product-desc-content ul,.product-desc-content ol{
  margin-bottom:2.2rem;
  padding-left:4rem}

.product-desc-content ul li,.product-desc-content ol li{
  margin-bottom:.4rem}

.product-desc-content ul li i,.product-desc-content ol li i{
  margin-right:2rem;
  color:#21293c;
  font-size:1.5rem}

.product-desc-content ul li i::before,.product-desc-content ol li i::before{
  margin:0}

.product-desc-content img.float-right,.product-desc-content img.float-left{
  max-width:50%}

.product-desc-content .feature-box i{
  float:none;
  display:inline-block}

.product-desc-content .feature-box-content{
  margin-left:0}

.product-tags-content h4{
  margin:0 0 2rem;
  font-size:1.8rem;
  font-weight:700;
  text-transform:uppercase}

.product-tags-content form{
  margin-bottom:2rem}

.product-tags-content .form-group{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:stretch;
  align-items:stretch}

.product-tags-content .form-control{
  margin-right:10px}

.product-tags-content .btn{
  padding-top:.5rem;
  padding-bottom:.5rem}

.collateral-box ul,.collateral-box ol{
  margin-top:-2rem;
  margin-bottom:2.5rem}

.collateral-box ul li,.collateral-box ol li{
  padding:2rem 0 1rem;
  border-bottom:1px solid #dae2e6}

.ratings-table{
  width:100%;
  margin:20px 0 40px;
  border:1px solid #dae2e6;
  border-spacing:0;
  font-size:100%;
  empty-cells:show}

.ratings-table thead th,.ratings-table tbody td{
  border-right:1px solid #dae2e6;
  border-bottom:1px solid #dae2e6;
  line-height:1.3}

@media (max-width: 600px){
  .ratings-table thead th,.ratings-table tbody td{
    padding-left:5px;
    padding-right:5px}

}

.ratings-table input[type=checkbox],.ratings-table input[type=radio]{
  margin:0 auto}

@media (max-width: 600px){
  .ratings-table thead{
    display:none}

}

.ratings-table thead th{
  padding:.8rem 1.5rem;
  background-color:#f6f6f6;
  color:#777;
  font-size:1.1rem;
  font-weight:600;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  vertical-align:middle}

.ratings-table tbody td{
  padding:1.5rem 1rem;
  font-size:1.3rem;
  text-align:center;
  vertical-align:middle}

.ratings-table tbody td:first-child{
  font-weight:700;
  text-align:left}

.add-product-review h3{
  font-size:1.8rem}

.add-product-review form{
  margin-bottom:0}

.sidebar-product{
  margin-bottom:2.8rem}

.sidebar-product .widget:not(:last-child){
  margin-bottom:1rem;
  padding-bottom:0}

.sidebar-product .widget:not(:last-child).widget-banner{
  margin-bottom:4.6rem}

.sidebar-product .widget:not(:last-child).widget-brand{
  margin-bottom:2.5rem}

.sidebar-product .widget-title{
  margin:0;
  color:#21293c;
  font:600 1.2rem/1.1 "Open Sans",sans-serif;
  letter-spacing:0.05em;
  text-transform:uppercase;
  border-bottom-width:1px}

.sidebar-product .widget-subtitle{
  color:#7a7d82;
  margin-bottom:3rem;
  font-size:1.3rem;
  font-weight:400}

.sidebar-product .widget-body{
  padding-left:0;
  padding-top:2.3rem}

.sidebar-product .widget-body p{
  line-height:27px;
  font-size:1.3rem;
  color:#6a9234;
  letter-spacing:0.01em;
  font-weight:500;
  margin-bottom:3rem}

.widget-brand{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-align:center;
  align-items:center;
  margin-top:.5rem}

.widget-brand a{
  display:block}

.widget-info ul{
  margin:0}

.widget-info li{
  padding-top:1.8rem;
  padding-bottom:2rem;
  border-top:1px solid #dee5e8;
  line-height:1}

.widget-info li::after{
  display:block;
  clear:both;
  content:''}

.widget-info i{
  min-width:40px;
  margin-top:.3rem;
  margin-right:1.4rem;
  margin-left:.7rem;
  float:left;
  color:#fa4a4a;
  font-size:4rem;
  line-height:1}

.widget-info i::before{
  margin:0}

.widget-info h4{
  margin-bottom:0;
  color:#6b7a83;
  font:600 1.4rem/1.5 "Open Sans",sans-serif;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden}

.widget-banner{
  padding-top:4rem;
  border-top:1px solid #dfdfdf}

.widget-banner a{
  display:block}

.widget-banner img{
  display:block;
  width:100%;
  max-width:none;
  height:auto}

.featured-section{
  padding-top:3.8rem;
  padding-bottom:6rem;
  background-color:#f4f4f4}

.featured-section.bg-white{
  background-color:#fff}

.featured-section.pt-sm{
  padding-top:2.5rem}

.productPage .home-product{
  margin:0}

.productPage .home-product:hover figure{
  box-shadow:none}

.promote{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-pack:justify;
  justify-content:space-between}

.promote li{
  border-top:0}

.promote h4{
  color:#1d2127;
  font-weight:400;
  letter-spacing:0}

.promote i{
  margin:.3rem .7rem}

.product-single-gallery .product-item{
  position:relative;
  margin-bottom:.4rem}

.product-single-gallery .product-single-grid{
  margin-bottom:3.6rem}

.carousel-title{
  margin-bottom:2rem}

@media screen and (min-width: 1200px){
  .widget-info i{
    min-width:40px;
    margin-right:2.9rem;
    font-size:4rem}

}

@media screen and (min-width: 992px){
  .featured-section{
    padding-top:5.8rem;
    padding-bottom:8rem}

  .product-single-container .col-lg-7{
    -ms-flex:0 0 55.56%;
    flex:0 0 55.56%;
    max-width:55.56%}

  .product-single-container .col-lg-5{
    -ms-flex:0 0 44.44%;
    flex:0 0 44.44%;
    max-width:44.44%}

}

@media screen and (max-width: 991px){
  .product-single-gallery{
    margin-bottom:3rem}

}

@media screen and (min-width: 992px) and (max-width: 1199px){
  .product-all-icons.product-action .product-single-qty{
    margin-right:50%;
    margin-bottom:1.2rem}

}

@media screen and (min-width: 768px){
  .featured-section{
    padding-top:4.8rem;
    padding-bottom:7rem}

  .product-both-info .product-single-share{
    -ms-flex-pack:end;
    justify-content:flex-end}

}

@media screen and (min-width: 576px){
  .promote{
    -ms-flex-direction:row;
    flex-direction:row}

  .product-both-info .product-top-banner{
    display:-ms-flexbox;
    display:flex}

  .product-both-info .product-single-share{
    margin-left:auto}

  .product-tags-content .form-control{
    width:250px}

}

.product-single-extended{
  margin-bottom:6rem}

.product-single-extended .product-single-gallery{
  position:relative;
  margin-bottom:3rem}

.product-single-extended .product-title{
  font-size:4.5rem;
  line-height:1.15}

.product-single-extended .price-box{
  margin-bottom:1rem;
  border:0}

.product-single-extended .product-price{
  font-size:3.1rem}

.product-single-extended .old-price{
  font-size:2.4rem}

.product-single-extended .old-price+.product-price{
  margin-left:1.5rem}

.product-single-extended .product-desc{
  margin-bottom:3.1rem;
  padding-bottom:1.9rem}

.product-single-extended .product-desc p{
  max-width:none}

.product-single-extended .product-action{
  margin-bottom:0}

.product-single-extended .widget-area .widget.widget-info{
  margin-bottom:0}

.product-single-extended .widget-info ul{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

.product-single-extended .widget-info i{
  margin-right:1rem}

.product-single-extended .widget-info li{
  padding:0;
  border-top:0}

.product-single-extended .widget-info li+li{
  margin-left:2.5rem}

.product-single-extended .product-filters-container{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:end;
  justify-content:flex-end;
  margin-bottom:2rem}

.product-single-extended .product-single-filter{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0}

.product-single-extended .product-single-filter+.product-single-filter,.product-single-extended .product-single-filter+.product-action{
  margin-top:0;
  margin-left:5rem}

.product-single-extended .product-single-filter .config-swatch-list li{
  margin-right:.5rem;
  margin-bottom:0}

.product-single-extended .product-single-filter .config-swatch-list a{
  width:3rem;
  height:3rem}

.product-desc .view-more{
  color:#fa4a4a;
  font-weight:700;
  text-transform:uppercase}

.product-single-header{
  margin-bottom:3.2rem;
  padding-bottom:1.4rem;
  border-bottom:1px solid #dae2e6}

.product-single-header .single-header-right{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-align:end;
  align-items:flex-end}

.product-single-header .product-single-share{
  margin-top:1rem;
  margin-bottom:3.7rem}

.single-qty-wrapper{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

.single-qty-wrapper label{
  margin-right:1.3rem;
  margin-bottom:0;
  color:#21293c;
  font:600 1.5rem/1.1 "Open Sans",sans-serif;
  letter-spacing:.005em;
  text-transform:uppercase}

.single-qty-wrapper .product-single-qty{
  max-width:104px;
  max-height:30px}

.single-qty-wrapper .product-single-qty .bootstrap-touchspin.input-group{
  max-height:30px}

.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control{
  max-width:none;
  height:30px;
  padding:.35rem .2rem;
  box-shadow:none}

.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control,.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control:not(:focus){
  border-color:#dae2e6}

.single-qty-wrapper .product-single-qty .horizontal-quantity{
  height:30px;
  background-color:#f4f4f4}

.single-qty-wrapper .product-single-qty .btn.btn-outline{
  border-color:transparent}

.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-down-icon::after,.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-up-icon::before,.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-up-icon::after,.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-down-icon::after,.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-up-icon::before,.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-up-icon::after{
  background-color:#fa4a4a}

.single-qty-wrapper .product-single-qty .btn.btn-down-icon::after,.single-qty-wrapper .product-single-qty .btn.btn-up-icon::before,.single-qty-wrapper .product-single-qty .btn.btn-up-icon::after{
  background-color:#97a6ae}

.owl-nav-simple.owl-carousel .owl-nav .owl-prev,.owl-nav-simple.owl-carousel .owl-nav .owl-next{
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  top:50%;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-width:3rem;
  margin:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  transition:all .3s;
  border:0;
  border-radius:0;
  background-color:transparent;
  color:#21293c;
  font-size:3rem;
  font-weight:100;
  line-height:1}

.owl-nav-simple.owl-carousel .owl-nav .owl-prev i,.owl-nav-simple.owl-carousel .owl-nav .owl-next i{
  margin-top:-.3rem;
  line-height:1}

.owl-nav-simple.owl-carousel .owl-nav .owl-prev i::before,.owl-nav-simple.owl-carousel .owl-nav .owl-next i::before{
  margin:0;
  border-radius:0}

.owl-nav-simple.owl-carousel .owl-nav .owl-prev:hover,.owl-nav-simple.owl-carousel .owl-nav .owl-prev:focus,.owl-nav-simple.owl-carousel .owl-nav .owl-next:hover,.owl-nav-simple.owl-carousel .owl-nav .owl-next:focus{
  color:#fa4a4a}

.owl-nav-simple.owl-carousel .owl-nav .owl-prev{
  left:1rem}

.owl-nav-simple.owl-carousel .owl-nav .owl-next{
  right:1rem}

.product-single-row{
  display:-ms-flexbox;
  display:flex;
  position:relative;
  -ms-flex-align:center;
  align-items:center;
  height:700px;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  color:#7b858a;
  font-size:1.4rem;
  letter-spacing:.005em;
  line-height:1.92}

.product-single-row .single-row-entire,.product-single-row .single-row-bg{
  position:absolute;
  top:0;
  bottom:0;
  background-color:#ccc;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover}

.product-single-row .single-row-entire{
  width:100%}

.product-single-row .single-row-bg{
  left:50%;
  width:50%}

.product-single-row.single-row-reverse .single-row-bg{
  left:0}

.product-single-row h5{
  margin-bottom:1.1rem;
  margin-left:.6rem;
  color:#7b858a;
  font-size:2rem;
  font-weight:600;
  letter-spacing:-.01em}

.product-single-row h2{
  margin-bottom:2.8rem;
  font-size:4.5rem;
  font-weight:600;
  letter-spacing:-.01em}

.product-single-row p{
  margin-bottom:0}

.product-single-row ul,.product-single-row ol{
  margin-bottom:0}

.product-single-row ul li,.product-single-row ol li{
  margin-bottom:.4rem}

.product-single-row ul li i,.product-single-row ol li i{
  margin-right:2rem;
  color:#21293c;
  font-size:1.5rem}

.product-single-row ul li i::before,.product-single-row ol li i::before{
  margin:0}

.product-single-video{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  height:300px;
  background-color:#4d4d4d;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  color:#7b858a;
  text-align:center}

.product-single-video h3{
  margin-bottom:1.2rem;
  color:#21293c;
  font-size:3.5rem;
  font-weight:600;
  letter-spacing:-.01em}

.product-single-video .video-btn{
  color:#7b858a;
  font-size:2rem;
  font-weight:600;
  letter-spacing:-.01em;
  text-transform:uppercase}

.product-single-video .video-btn img{
  display:inline-block;
  max-width:38px;
  height:auto;
  margin-left:.7rem;
  vertical-align:middle}

@media screen and (min-width: 576px){
  .product-single-extended .paction{
    height:50px}

  .product-single-extended .paction.add-cart{
    min-width:156px;
    height:auto;
    margin-left:1.8rem}

  .product-single-extended .paction.add-cart::before{
    font-size:2rem}

  .product-single-extended .paction.add-cart span{
    font-size:1.6rem}

}

@media screen and (max-width: 1199px){
  .product-single-header .single-header-right{
    -ms-flex-align:start;
    align-items:flex-start}

}

@media screen and (max-width: 767px){
  .product-single-row{
    display:block}

  .product-single-row .single-row-bg{
    position:relative;
    left:0;
    width:100%;
    height:50%}

  .product-single-row .single-row-entire{
    position:relative;
    height:50%}

  .product-single-row h2{
    font-size:3.5rem}

  .product-single-row .container{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    height:50%}

  .product-single-extended .product-price{
    font-size:2.4rem}

  .product-single-extended .product-title{
    font-size:3rem}

}

@media screen and (max-width: 575px){
  .product-single-row h2{
    font-size:3rem}

  .product-single-extended .widget-info ul{
    display:block;
    margin-left:-.7rem}

  .product-single-extended .widget-info li+li{
    margin-top:2rem;
    margin-left:0}

  .product-single-extended .product-single-filter+.product-single-filter,.product-single-extended .product-single-filter+.product-action{
    margin-left:1rem}

}

.sidebar-product .widget.widget-collapse{
  margin-bottom:3rem;
  padding:1.8rem 1.5rem 1.3rem;
  border:1px solid #dae2e6}

.sidebar-product .widget.widget-collapse .widget-title{
  margin:0}

.sidebar-product .widget.widget-collapse .widget-title a{
  display:block;
  position:relative;
  padding:.2rem 0 .6rem;
  color:inherit}

.sidebar-product .widget.widget-collapse .widget-title a:hover,.sidebar-product .widget.widget-collapse .widget-title a:focus{
  color:#282d3b;
  text-decoration:none}

.sidebar-product .widget.widget-collapse .widget-title a::after{
  display:inline-block;
  position:absolute;
  top:42%;
  right:.1rem;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  transition:all .35s;
  font-family:'porto';
  font-size:1.7rem;
  font-weight:400;
  content:'\e81b'}

.sidebar-product .widget.widget-collapse .widget-title a.collapsed::after{
  content:'\e81c'}

.sidebar-product .widget.widget-collapse .widget-body{
  padding-top:1.3rem;
  padding-bottom:.5rem}

.sidebar-product .widget.widget-collapse .widget-body::after{
  display:block;
  clear:both;
  content:''}

.product-single-collapse{
  margin-bottom:2rem}

.product-single-collapse p{
  margin-bottom:2.5rem}

.product-single-collapse .product-desc-content ul,.product-single-collapse .product-desc-content ol{
  margin-bottom:2.5rem}

.product-collapse-panel{
  padding-bottom:1.8rem}

.product-collapse-title{
  margin:0;
  padding-bottom:1.2rem;
  color:#282d3b;
  font:700 1.4rem/1.1 "Open Sans",sans-serif;
  letter-spacing:.005em;
  text-transform:uppercase}

.product-collapse-title a{
  display:block;
  position:relative;
  padding:0 0 1.2rem 4rem;
  border-bottom:.2rem solid #dae2e6;
  color:inherit}

.product-collapse-title a:hover,.product-collapse-title a:focus{
  color:inherit;
  text-decoration:none}

.product-collapse-title a::before{
  display:block;
  position:absolute;
  bottom:-.2rem;
  left:0;
  width:100%;
  height:.2rem;
  -webkit-transform-origin:left center;
  transform-origin:left center;
  -webkit-transform:scale(1, 1);
  transform:scale(1, 1);
  transition:transform .4s;
  background-color:#fa4a4a;
  content:''}

.product-collapse-title a::after{
  display:inline-block;
  position:absolute;
  top:.7rem;
  left:1.5rem;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  transition:all .35s;
  font-family:'porto';
  font-size:2rem;
  font-weight:400;
  content:'\e81b'}

.product-collapse-title a.collapsed::after{
  content:'\e81c'}

.product-collapse-title a.collapsed::before{
  -webkit-transform-origin:right center;
  transform-origin:right center;
  -webkit-transform:scale(0, 1);
  transform:scale(0, 1)}

.collapse-body-wrapper{
  padding-top:3.4rem;
  padding-bottom:2rem}

.sidebar-toggle{
  position:fixed;
  left:0;
  width:40px;
  height:40px;
  transition:all .2s ease-in-out 0s;
  border:#dcdcda solid 1px;
  border-left-width:0;
  background:#fff;
  font-size:17px;
  line-height:38px;
  text-align:center;
  cursor:pointer;
  z-index:999}

@media screen and (min-width: 992px){
  .sidebar-toggle{
    display:none}

}

@media screen and (min-width: 576px){
  .sidebar-product .widget.widget-collapse{
    padding:3.3rem 3rem 2.8rem}

}

@media screen and (max-width: 991px){
  .mobile-sidebar{
    display:block;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    width:200px;
    padding:0;
    -webkit-transform:translate(-300px);
    transform:translate(-300px);
    transition:transform .2s ease-in-out 0s;
    background-color:#fff;
    z-index:9999;
    overflow-y:auto}

  .sidebar-opened .mobile-sidebar{
    -webkit-transform:translate(0);
    transform:translate(0);
    transition:transform .3s ease-in-out 0s}

  .sidebar-opened .sidebar-overlay{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#000;
    opacity:.35;
    z-index:8999}

  .sidebar-product{
    margin:0;
    padding:2.5rem}

}

.product-single-grid{
  margin-bottom:6rem;
  padding-top:4rem}

.product-single-grid .product-single-gallery{
  padding:0 .75rem}

.product-single-grid .product-single-gallery .product-item{
  margin-bottom:1.5rem;
  padding:0 .75rem}

.product-single-grid .inner{
  position:relative}

.product-single-grid .prod-full-screen{
  right:1rem;
  bottom:1rem}

.product-single-grid .product-single-details .product-title{
  margin-top:1.5rem;
  font-size:2.8rem}

.product-single-grid .product-single-details .ratings-container{
  margin-bottom:5rem}

.product-single-grid .product-single-details .price-box{
  margin-bottom:3.8rem}

.product-single-grid .product-single-details .product-price{
  font-size:3.1rem}

.product-single-grid .product-single-details .old-price{
  font-size:2.2rem}

.product-single-grid .product-single-details .old-price+.product-price{
  margin-left:1.5rem}

.product-single-grid .product-single-details .product-action{
  margin-bottom:3.8rem}

.product-single-grid .product-single-details .paction{
  height:59px}

.product-single-grid .add-cart{
  min-width:270px;
  margin-left:0}

.product-single-grid .add-cart::before{
  font-size:2.1rem}

.product-single-grid .add-cart span{
  font-size:1.6rem}

.product-single-grid .product-filters-container{
  margin-bottom:4rem}

.product-single-grid .product-single-filter{
  padding-bottom:2.1rem}

.product-single-grid .product-single-filter .config-swatch-list li{
  margin-right:.5rem;
  margin-bottom:0}

.product-single-grid .product-single-filter .config-swatch-list a{
  width:3rem;
  height:3rem}

.product-size-content img{
  display:block;
  width:auto;
  max-width:100%;
  margin-right:auto;
  margin-bottom:2rem;
  margin-left:auto}

.table.table-size thead tr th,.table.table-size tbody tr td{
  border:0;
  color:#21293c;
  font-size:1.5rem;
  letter-spacing:.005em;
  text-transform:uppercase}

.table.table-size thead tr th{
  padding:2.8rem 1.5rem 1.7rem;
  background-color:#f4f4f2;
  font-weight:600}

.table.table-size tbody tr td{
  padding:1rem 1.5rem;
  background-color:#fff;
  font-weight:700}

.table.table-size tbody tr td:first-child{
  font-weight:600}

.table.table-size tbody tr:nth-child(2n) td{
  background-color:#ebebeb}

@media screen and (min-width: 992px){
  .table.table-size thead tr th{
    padding-top:4.2rem;
    padding-bottom:2.8rem}

  .table.table-size thead tr th,.table.table-size tbody tr td{
    padding-right:3.5rem;
    padding-left:3.5rem}

}

@media screen and (max-width: 912px) and (min-width: 768px){
  .product-single-grid .add-cart{
    min-width:100%}

}

@media screen and (max-width: 575px){
  .product-single-grid .product-single-gallery .row{
    margin-right:-10px;
    margin-left:-10px}

  .product-single-grid .product-single-gallery [class*='col-']{
    padding-right:10px;
    padding-left:10px}

}

.cart-table-container{
  margin-bottom:2.5rem}

.table.table-cart tr th,.table.table-cart tr td{
  vertical-align:middle}

.table.table-cart tr th:not(.product-col),.table.table-cart tr td:not(.product-col){
  text-align:center}

.table.table-cart tr th{
  padding:2.4rem 1.5rem 1.2rem;
  border:0;
  font-weight:600}

.table.table-cart tr td{
  padding:2rem 1.5rem;
  border-top:1px solid #ccc}

.table.table-cart tr td.product-col{
  padding:2rem .8rem 1.8rem 0}

.table.table-cart tr.product-action-row td{
  padding:0 0 2.2rem;
  border:0}

.table.table-cart .product-title{
  margin-bottom:0}

.table.table-cart tfoot td{
  padding:2rem 0 1rem}

.table.table-cart tfoot .btn{
  padding:.85rem 2rem;
  font-family:"Open Sans",sans-serif;
  letter-spacing:0;
  text-transform:initial}

.table.table-cart tfoot .btn+.btn{
  margin-left:1rem}

.table.table-cart .bootstrap-touchspin.input-group{
  margin-right:auto;
  margin-left:auto}

.btn-remove::before{
  font-size:1.8rem;
  font-weight:600;
  content:'x'}

.btn-remove,.btn-edit,.btn-move{
  color:#3f4658}

.btn-remove:hover,.btn-remove:focus,.btn-edit:hover,.btn-edit:focus,.btn-move:hover,.btn-move:focus{
  color:#fa4a4a;
  text-decoration:none}

.btn-edit{
  margin-right:1rem;
  font-size:1.3rem}

.btn-move{
  font-size:1.3rem;
  line-height:2.5rem}

.btn-move:hover,.btn-move:focus{
  text-decoration:underline}

.qty-col{
  min-width:98px}

.product-col{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center}

tbody .product-col{
  font-size:0}

.product-col .product-image-container{
  -ms-flex:0 0 120px;
  flex:0 0 120px;
  max-width:120px;
  margin-right:1.8rem;
  margin-bottom:0;
  border:1px solid #ccc;
  vertical-align:middle}

.product-col .product-title{
  display:inline-block;
  vertical-align:middle}

.cart-discount{
  margin-bottom:4rem}

.cart-discount h4{
  margin-bottom:1.2rem;
  font-size:1.6rem;
  font-weight:400}

.cart-discount form{
  max-width:420px}

.cart-summary{
  margin-bottom:2.5rem;
  padding:1.4rem 1.8rem 2.2rem;
  border:1px solid #ddd;
  background:#fbfbfb}

.cart-summary h3{
  font-weight:400;
  font-size:2.3rem;
  margin-bottom:1.3rem}

.cart-summary h4{
  font-size:1.5rem;
  font-weight:600;
  border-top:1px solid #cccccc;
  margin-bottom:0}

.cart-summary h4 a{
  position:relative;
  display:block;
  color:inherit;
  padding:1rem 2rem 1rem 0}

.cart-summary h4 a::after{
  font-family:'porto';
  content:'\e81b';
  position:absolute;
  display:inline-block;
  right:.4rem;
  top:50%;
  font-size:1.4rem;
  transform:translateY(-50%)}

.cart-summary h4 a.collapsed::after{
  content:'\e81c'}

#total-estimate-section form{
  margin-bottom:0;
  padding:.7rem 0 2.2rem}

.table.table-totals{
  margin-bottom:2rem;
  border-top:1px solid #ccc}

.table.table-totals tbody tr:first-child td{
  padding-top:1.6rem}

.table.table-totals tr{
  border:0}

.table.table-totals tr th,.table.table-totals tr td{
  padding:.6rem 0;
  border:0}

.table.table-totals tr th:last-child,.table.table-totals tr td:last-child{
  text-align:right}

.table.table-totals tfoot{
  border-top:1px solid #ccc;
  font-size:1.8rem;
  font-weight:400}

.table.table-totals tfoot tr td{
  padding-top:1.3rem;
  padding-bottom:1.6rem}

.table.table-totals tfoot tr td:last-child{
  color:#282d3b}

.checkout-methods .btn{
  letter-spacing:0}

.checkout-methods .btn+.btn{
  margin-top:2.2rem}

@media screen and (max-width: 767px){
  .table.table-cart,.table.table-cart tbody,.table.table-cart tfoot{
    display:block}

  .table.table-cart thead{
    display:none}

  .table.table-cart tr td{
    padding:.5rem 1rem;
    border-top:0}

  .table.table-cart tr td.product-col{
    padding-bottom:.5rem}

  .table.table-cart .product-row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    border-top:1px solid #ccc}

  .table.table-cart .product-row:first-of-type{
    border-top:0}

  .table.table-cart .product-action-row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center}

  .table.table-cart .product-action-row td{
    width:100%}

  .table.table-cart .product-action-row .float-right{
    margin-top:-4px;
    margin-left:auto}

  .table.table-cart .product-col{
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center}

  .table.table-cart .product-col .product-image-container{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin-right:0;
    margin-bottom:1rem}

  .table.table-cart tfoot{
    border-top:1px solid #ccc}

  .table.table-cart tfoot tr{
    display:block;
    width:100%}

  .table.table-cart tfoot tr td{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:1rem 0}

  .table.table-cart tfoot .btn{
    margin-top:.5rem;
    padding-right:1rem;
    padding-left:1rem}

  .table.table-cart tfoot .float-left{
    display:none}

  .table.table-cart tfoot .float-right{
    margin-left:auto}

}

.checkout-progress-bar{
  display:block;
  margin:0 0 3rem;
  font-size:0;
  line-height:1.4;
  counter-reset:i}

.checkout-progress-bar li{
  display:inline-block;
  position:relative;
  width:50%;
  margin:0;
  text-align:center;
  vertical-align:top}

.checkout-progress-bar li::before{
  position:absolute;
  top:1.9rem;
  left:0;
  width:100%;
  height:.7rem;
  transition:background .3s;
  background-color:#e4e4e4;
  content:''}

.checkout-progress-bar li>span{
  display:inline-block;
  width:100%;
  padding-top:4.5rem;
  color:#ccc;
  font-size:1.6rem;
  font-weight:300;
  word-wrap:break-word}

.checkout-progress-bar li>span::before,.checkout-progress-bar li>span::after{
  position:absolute;
  top:0;
  left:50%;
  transition:background .3s;
  border-radius:50%;
  content:''}

.checkout-progress-bar li>span::before{
  width:3.8rem;
  height:3.8rem;
  margin-left:-1.9rem;
  background-color:#e4e4e4}

.checkout-progress-bar li>span::after{
  top:.6rem;
  width:2.6rem;
  height:2.6rem;
  margin-left:-1.3rem;
  background:#fff;
  color:#777;
  font-weight:600;
  content:counter(i);
  counter-increment:i}

.checkout-progress-bar li.active::before,.checkout-progress-bar li.active>span::before{
  background-color:#ff5501}

.checkout-progress-bar li.active>span{
  color:#000}

.checkout-progress-bar li.active>span::after{
  font-family:'porto';
  content:'\e84e'}

.checkout-progress-bar li:first-child::before{
  border-radius:.6rem 0 0 .6rem}

.checkout-progress-bar li:last-child::before{
  border-radius:0 .6rem .6rem 0}

.checkout-steps li{
  margin-bottom:3rem}

.checkout-steps li form{
  max-width:480px;
  margin-top:3rem;
  margin-bottom:0;
  padding-bottom:2rem;
  border-bottom:1px solid #ccc}

.checkout-steps li form:last-of-type{
  padding-bottom:.1rem;
  border-bottom:0}

.checkout-steps li form p{
  margin-bottom:1rem;
  color:#777;
  font-size:1.3rem}

.checkout-steps li .form-footer{
  margin-top:1rem;
  margin-bottom:1rem}

.step-title{
  padding-bottom:9px;
  font-weight:400;
  font-size:2.1rem;
  border-bottom:1px solid #cccccc;
  margin-bottom:0}

.step-title::after{
  display:block;
  clear:both;
  content:''}

.step-title .step-title-edit{
  margin-top:.4rem;
  float:right;
  font-size:1.4rem}

.shipping-step-addresses{
  margin-bottom:2rem;
  font-size:0}

.shipping-step-addresses::after{
  display:block;
  clear:both;
  content:''}

.shipping-address-box{
  display:inline-block;
  position:relative;
  width:100%;
  min-height:240px;
  margin:0;
  padding:1.8rem 3.2rem 1rem 1.8rem;
  transition:.3s border-color;
  border:.2rem solid transparent;
  font-size:1.3rem;
  line-height:3rem;
  vertical-align:top;
  word-wrap:break-word}

.shipping-address-box.active{
  border-color:#ff5501}

.shipping-address-box.active::after{
  content:'\e84e';
  font-family:'porto';
  position:absolute;
  right:0;
  top:0;
  height:2.7rem;
  width:2.7rem;
  font-size:1.9rem;
  line-height:2.1rem;
  padding-top:.2rem;
  text-align:center;
  background-color:#ff5501;
  color:#ffffff}

.shipping-address-box.active .address-box-action{
/*  visibility:hidden*/
}

.address-box-action{
  margin-top:2rem}

.address-box-action .btn{
  font-family:"Open Sans",sans-serif;
  letter-spacing:0;
  text-transform:initial}

.address-box-action .btn.btn-sm{
  padding:.85rem 1.2rem;
  font-size:1.3rem}

.address-box-action .btn.btn-sm.btn-link{
  padding-right:0;
  padding-left:0}

.btn-new-address{
  margin-bottom:1.2rem;
  padding:.95rem 1.3rem;
  font-family:"Open Sans",sans-serif;
  letter-spacing:0;
  text-transform:initial}

.table-step-shipping{
  max-width:600px}

.table-step-shipping tr td{
  border:0;
  border-bottom:1px solid #cccccc;
  padding:1.8rem 1.5rem}

.checkout-steps-action::after{
  display:block;
  clear:both;
  content:''}

.checkout-steps-action .btn{
  min-width:70px;
  text-align:center}

.order-summary{
  margin-top:3.3rem;
  padding:2.2rem 2.7rem;
  background:#f5f5f5;
  border:1px solid #ddd;
  margin-bottom:3rem}

.order-summary h3{
  font-weight:400;
  font-size:2.3rem;
  margin-bottom:1.3rem}

.order-summary h4{
  font-size:1.5rem;
  font-weight:600;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  margin-bottom:0}

.order-summary h4 a{
  position:relative;
  display:block;
  color:inherit;
  padding:1rem 2rem 1rem 0}

.order-summary h4 a::after{
  font-family:'porto';
  content:'\e81b';
  position:absolute;
  display:inline-block;
  right:.4rem;
  top:50%;
  font-weight:400;
  font-size:1.5rem;
  transform:translateY(-50%)}

.order-summary h4 a.collapsed::after{
  content:'\e81c'}

.table-mini-cart{
  margin-bottom:0}

.table-mini-cart tr td{
  padding:2rem 0;
  border:0;
  border-bottom:1px solid #ccc;
  vertical-align:top}

.table-mini-cart .product-col{
  -ms-flex-align:start;
  align-items:flex-start}

.table-mini-cart .product-col .product-image-container{
  flex:0 0 75px;
  max-width:75px;
  margin-right:1.5rem;
  vertical-align:top}

.table-mini-cart .product-col>div{
  padding-top:.8rem;
  vertical-align:top}

.table-mini-cart .price-col{
  padding-top:2.5rem;
  font-size:1.6rem;
  font-weight:400}

.table-mini-cart .product-title{
  display:block;
  max-width:170px;
  margin-bottom:.8rem;
  font-size:1.4rem;
  font-weight:600}

.table-mini-cart .product-qty{
  display:block;
  color:#777;
  font-size:1.3rem}

.checkout-payment{
  margin-bottom:3rem}

.checkout-payment .step-title{
  margin-bottom:1.8rem}

.checkout-payment h4{
  font-weight:400}

.checkout-payment .form-group{
/*  max-width:480px*/
}

#checkout-shipping-address{
  display:none;
  padding-left:3rem;
  line-height:3rem}

#checkout-shipping-address.show{
  display:block}

#new-checkout-address{
  display:none}

#new-checkout-address.show{
  display:block}

.checkout-discount{
  margin-top:2rem;
  margin-bottom:3rem}

.checkout-discount form{
  max-width:480px;
  margin-bottom:0;
  padding-top:1.5rem;
  padding-bottom:1rem}

.checkout-discount h4{
  margin-bottom:0;
  border-top:1px solid #ccc;
  font-size:1.4rem;
  font-weight:400}

.checkout-discount h4 a{
  position:relative;
  display:block;
  padding:1rem 2rem 1rem 0}

.checkout-discount h4 a::after{
  font-family:'porto';
  content:'\e81b';
  position:absolute;
  display:inline-block;
  right:.4rem;
  top:50%;
  font-size:1.5rem;
  transform:translateY(-50%)}

.checkout-discount h4 a.collapsed::after{
  content:'\e81c'}

.checkout-info-box{
  margin-bottom:3rem;
  font-size:1.3rem;
  line-height:2.7rem}

.checkout-info-box .step-title{
  margin-bottom:1.8rem}

@media screen and (min-width: 576px){
  .checkout-progress-bar li{
    width:185px}

  .checkout-progress-bar li>span{
    font-size:1.8rem}

  .shipping-address-box{
    width:50%}

}

@media screen and (min-width: 768px){
  .shipping-address-box{
    width:33.33%}

}

.entry{
  margin-bottom:3rem;
  color:#767f84}

.entry a{
  color:#767f84}

.entry a:hover,.entry a:focus{
  color:#282d3b}

.entry-media{
  margin-bottom:2rem;
  border-radius:0;
  background-color:#ccc}

.entry-media img{
  display:block;
  width:100%;
  max-width:none;
  height:auto}

.entry-slider .owl-dots{
  position:absolute;
  right:0;
  bottom:.6rem;
  left:0;
  margin:0 !important}

.entry-body{
  border-bottom:1px solid #ddd;
  padding-bottom:2.7rem}

.entry:not(.single):last-of-type .entry-body{
  border-bottom:0}

.entry-body .entry-date{
  width:45px;
  margin-right:10px;
  float:left;
  text-align:center;
  box-shadow:0 1px 2px 0 rgba(0,0,0,0.1)}

.entry-body .entry-date .day{
  color:#282d3b;
  background-color:#f4f4f4;
  border-radius:.2rem .2rem 0 0;
  display:block;
  font-size:1.6rem;
  font-weight:600;
  padding:1rem .2rem;
  line-height:1.375;
  margin-bottom:.3rem}

.entry-body .entry-date .month{
  color:#fff;
  background-color:#282d3b;
  border-radius:0 0 .2rem .2rem;
  box-shadow:0 -1px 0 0 rgba(0,0,0,0.07) inset;
  display:block;
  font-size:1.2rem;
  padding:0 .2rem .2rem;
  line-height:1.33}

.entry-title{
  font-weight:400;
  font-size:2.1rem;
  line-height:1.35;
  margin-bottom:1rem;
  color:#282d3b}

.entry-title a{
  color:#282d3b}

.entry-title a:hover,.entry-title a:focus{
  color:#282d3b;
  text-decoration:underline}

.entry-content::after{
  display:block;
  clear:both;
  content:''}

.read-more{
  float:right}

.read-more i::before{
  margin:0}

.entry-meta>span{
  display:inline-block;
  margin-right:1.5rem}

.entry-meta i{
  margin-right:.5rem}

.entry-meta i::before{
  margin:0}

.single .entry-meta{
  margin-bottom:2.4rem}

.single .entry-title{
  font-size:2.4rem}

.single h3{
  font-weight:400;
  font-size:2rem}

.single h3 i{
  margin-right:.2rem}

.single .entry-content{
  margin-bottom:4rem}

.entry-share{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-bottom:2.6rem;
  padding:2.8rem 0;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd}

.entry-share h3{
  margin-right:1.5rem}

.entry-share .social-icon{
  color:#fff}

.entry-share .social-icon:hover,.entry-share .social-icon:focus{
  color:#fff}

.entry-author{
  margin-bottom:3rem;
  padding-bottom:2.7rem;
  border-bottom:1px solid #ddd}

.entry-author::after{
  display:block;
  clear:both;
  content:''}

.entry-author h3{
  margin-bottom:2rem}

.entry-author figure{
  max-width:80px;
  margin-right:2rem;
  margin-bottom:0;
  float:left}

.entry-author h4{
  margin:1rem;
  font-weight:600}

.entry-author .author-content{
  font-size:1.3rem;
  line-height:1.8}

.entry-author .author-content p:last-child{
  margin-bottom:0}

.comment-respond h3{
  margin-bottom:1.2rem}

.comment-respond h3+p{
  margin-bottom:2.6rem}

.comment-respond form{
  margin-bottom:0}

.related-posts{
  margin-bottom:4rem}

.related-posts h4{
  margin-bottom:2rem;
  font-size:1.9rem;
  text-transform:uppercase}

.related-posts .entry{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0}

.related-posts .entry p{
  margin-bottom:1rem}

.related-posts .entry-body{
  padding-bottom:0;
  border-bottom:0}

.related-posts .entry-media{
  margin-bottom:2rem}

.related-posts .entry-title{
  margin-bottom:1rem;
  font-size:1.8rem}

.sidebar{
  position:relative;
  font-size:1.3rem}

.sidebar .widget{
  margin-bottom:3rem}

.sidebar .sidebar-wrapper .widget:last-child{
  margin-bottom:0;
  padding-bottom:3rem}

.sidebar-wrapper{
  -webkit-backfac-visibility:hidden}

.widget-title{
  font-size:1.6rem;
  line-height:1.2;
  font-weight:600;
  color:#282d3b;
  margin:.5rem 0 1.3rem}

.widget form{
  margin-bottom:0}

.list{
  margin:0;
  padding:0;
  list-style:none}

.list li{
  display:block;
  position:relative;
  margin:0;
  padding:0}

.list li.active{
  font-weight:600}

.list li.active a{
  color:#282d3b;background-color:#eee !important;}

.list li a{
  display:block;
  position:relative;
  padding:.9rem 0 .8rem 2rem;
  border-bottom:1px solid #EDEDDE;
  color:#767f84;
  font-size:1.3rem}

.list li a::before{
  display:inline-block;
  position:absolute;
  width:0;
  height:0;
  margin:.6rem 0 0 -1rem;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:4px solid #333;
  content:''}

.list li a:hover,.list li a:focus{
  background-color:#eee;
  text-decoration:none}

.widget-search form{
  position:relative;
  margin:0}

.widget-search .form-control{
  width:100%;
  max-width:none;
  padding-right:5.5rem}

.widget-search .search-submit{
  position:absolute;
  top:50%;
  right:0;
  width:44px;
  height:44px;
  margin-top:-22px;
  border:0;
  outline:none;
  background-color:transparent;
  color:#000;
  font-size:1.3rem;
  text-align:center;
  -webkit-box-shadow:none;
  box-shadow:none;
  cursor:pointer}

.tagcloud::after{
  display:block;
  clear:both;
  content:''}

.tagcloud a{
  display:block;
  margin:0 .7rem .7rem 0;
  padding:1.1rem 1.4rem;
  float:left;
  background-color:#e1e1e1;
  color:#7e7d79;
  font-size:1.3rem;
  font-weight:400;
  line-height:11px}

.tagcloud a:hover,.tagcloud a:focus{
  background-color:#fa4a4a;
  color:#fff;
  text-decoration:none}

.simple-entry-list{
  margin:0;
  padding:0;
  list-style:none}

.simple-entry-list li{
  margin:0 0 1rem}

.simple-entry-list li::after{
  display:block;
  clear:both;
  content:''}

.simple-entry-list li:last-child{
  margin-bottom:0}

.simple-entry-list .entry-media{
  width:6.5rem;
  margin:0 1.2rem 0 0;
  float:left;
  border-radius:0;
  line-height:0}

.simple-entry-list .entry-media img{
  display:block;
  width:100%;
  max-width:none;
  height:auto}

.simple-entry-list .entry-meta{
  color:#888;
  font-size:1.3rem}

@media screen and (min-width: 576px){
  .entry-share{
    flex-direction:row;
    align-items:center}

  .entry-share h3{
    margin-bottom:0}

  .related-posts{
    padding-top:1rem}

}

@media screen and (min-width: 768px){
  .entry-media{
    margin-bottom:3rem}

  .single .entry-meta{
    margin-bottom:3.2rem}

  .entry-body{
    margin-left:60px}

  .entry-body .entry-date{
    margin-left:-60px}

  .related-posts{
    padding-top:2.5rem}

}

@media screen and (max-width: 767px){
  .comment-respond .form-footer{
    margin-bottom:3rem}

}

@media screen and (max-width: 767px){
  .comment-respond .form-footer{
    margin-bottom:2rem}

}

#map{
  height:280px;
  margin-bottom:4rem;
  background-color:#ccc}

#map address{
  margin:0;
  padding:.625rem .875rem;
  font-size:1.3rem;
  font-style:normal;
  font-weight:400;
  line-height:1.5}

#map a{
  display:inline-block;
  margin-top:.8rem;
  font-size:1.2rem;
  text-transform:uppercase}

.contact-info{
  margin-bottom:3rem;
  padding-top:.5rem}

.contact-info>div{
  font-size:1.4rem;
  margin-bottom:1.5rem}

.contact-info>div::after{
  display:block;
  clear:both;
  content:''}

.contact-info i{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  float:left;
  width:4.3rem;
  height:4.3rem;
  color:#fff;
  background-color:#282d3b;
  text-align:center;
  font-size:1.8rem;
  border-radius:0}

.contact-info p{
  margin-bottom:0;
  margin-left:5.5rem;
  line-height:1.4}

@media screen and (min-width: 768px){
  #map{
    height:380px;
    margin-bottom:5rem}

}

@media screen and (min-width: 992px){
  #map{
    height:460px;
    margin-bottom:6rem}

}

.dashboard-content{
  margin-bottom:1em}

.dashboard-content h2{
  font-size:2.4rem;
  margin-bottom:2rem}

.dashboard-content .form-control{
  max-width:100%}

#account-chage-pass{
  display:none;
  padding-bottom:1.5rem}

#account-chage-pass.show{
  display:block}

.widget-dashboard .widget-title{
  font-weight:600;
  font-size:1.7rem;
  margin-top:.2rem}

.widget-dashboard{
  margin-bottom:3rem}

.owl-carousel{
  display:none;
  width:100%;
  -webkit-tap-highlight-color:transparent;
  position:relative;
  z-index:1}

.owl-carousel .owl-stage{
  position:relative;
  -ms-touch-action:pan-Y;
  touch-action:manipulation;
  -moz-backface-visibility:hidden}

.owl-carousel .owl-stage:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0}

.owl-carousel .owl-stage-outer{
  position:relative;
  overflow:hidden;
  -webkit-transform:translate3d(0px, 0px, 0px)}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item{
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0)}

.owl-carousel .owl-item{
  position:relative;
  min-height:1px;
  float:left;
  -webkit-backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none}

.owl-carousel .owl-item img{
  display:block;
  width:100%}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{
  display:none}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{
  cursor:pointer;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{
  background:none;
  color:inherit;
  border:0;
  padding:0 !important;
  font:inherit}

.owl-carousel.owl-loaded{
  display:block}

.owl-carousel.owl-loading{
  opacity:0;
  display:block}

.owl-carousel.owl-hidden{
  opacity:0}

.owl-carousel.owl-refresh .owl-item{
  visibility:hidden}

.owl-carousel.owl-drag .owl-item{
  touch-action:pan-y;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none}

.owl-carousel.owl-grab{
  cursor:move;
  cursor:grab}

.owl-carousel.owl-rtl{
  direction:rtl}

.owl-carousel.owl-rtl .owl-item{
  float:right}

.no-js .owl-carousel{
  display:block}

.owl-carousel .animated{
  animation-duration:1000ms;
  animation-fill-mode:both}

.owl-carousel .owl-animated-in{
  z-index:0}

.owl-carousel .owl-animated-out{
  z-index:1}

.owl-carousel .fadeOut{
  animation-name:fadeOut}

@keyframes fadeOut{
  0%{
    opacity:1}

  100%{
    opacity:0}

}

.owl-height{
  transition:height 500ms ease-in-out}

.owl-carousel .owl-item .owl-lazy{
  opacity:0;
  transition:opacity 400ms ease}

.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){
  max-height:0}

.owl-carousel .owl-item img.owl-lazy{
  transform-style:preserve-3d}

.owl-carousel .owl-video-wrapper{
  position:relative;
  height:100%;
  background:#000}

.owl-carousel .owl-video-play-icon{
  position:absolute;
  height:80px;
  width:80px;
  left:50%;
  top:50%;
  margin-left:-40px;
  margin-top:-40px;
  background:url("../../../../../../www.portotheme.com/html/porto_ecommerce/demo_8/assets/images/owl.video.play.html") no-repeat;
  cursor:pointer;
  z-index:1;
  -webkit-backface-visibility:hidden;
  transition:transform 100ms ease}

.owl-carousel .owl-video-play-icon:hover{
  transform:scale(1.3, 1.3)}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{
  display:none}

.owl-carousel .owl-video-tn{
  opacity:0;
  height:100%;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  transition:opacity 400ms ease}

.owl-carousel .owl-video-frame{
  position:relative;
  z-index:1;
  height:100%;
  width:100%}

.owl-theme .owl-nav{
  margin:0;
  text-align:center;
  -webkit-tap-highlight-color:transparent;
  color:#bfbfbf;
  font-size:2rem}

.owl-theme .owl-nav [class*='owl-']{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  color:#bfbfbf;
  margin:0;
  font-size:2rem;
  padding:4px 7px;
  background:transparent;
  display:inline-block;
  cursor:pointer;
  border-radius:3px}

.owl-theme .owl-nav [class*='owl-'] i::before{
  margin:0;
  width:auto}

.owl-theme .owl-nav [class*='owl-']:hover{
  background:transparent;
  color:#fa4a4a;
  text-decoration:none}

.owl-theme .owl-nav .owl-prev{
  left:0}

.owl-theme .owl-nav .owl-next{
  right:0}

.owl-theme .owl-nav .disabled{
  opacity:.5;
  cursor:default}

.owl-theme .owl-nav.disabled+.owl-dots{
  margin-top:2.5rem}

.owl-theme .owl-dots{
  line-height:1;
  text-align:center;
  -webkit-tap-highlight-color:transparent}

.owl-theme .owl-dots .owl-dot{
  display:inline-block;
  zoom:1;
  *display:inline}

.owl-theme .owl-dots .owl-dot span{
  position:relative;
  width:.8rem;
  height:.8rem;
  margin:4px 4px;
  background:rgba(0,0,0,0.25);
  display:block;
  -webkit-backface-visibility:visible;
  transition:all .3s ease;
  border:0.1rem solid rgba(0,0,0,0.1);
  border-radius:50%}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
  border-color:#252525;
  background:#252525}

.owl-theme .owl-dots .owl-dot.active span::before{
  border-color:#252525;
  opacity:1;
  visibility:visible;
  transform:scale(1)}

.owl-theme.owl-theme-light .owl-dots .owl-dot span{
  border-color:rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.4)}

.owl-theme.owl-theme-light .owl-dots .owl-dot span::before{
  border-color:rgba(255,255,255,0.1)}

.owl-theme.owl-theme-light .owl-dots .owl-dot.active span,.owl-theme.owl-theme-light .owl-dots .owl-dot:hover span{
  border-color:#fff;
  background:#fff}

.owl-theme.owl-theme-light .owl-dots .owl-dot.active span::before{
  border-color:#fff}

.mfp-bg{
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1042;
  overflow:hidden;
  position:fixed;
  background:#fff;
  opacity:.5}

.mfp-wrap{
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1043;
  position:fixed;
  outline:none !important;
  -webkit-backface-visibility:hidden}

.mfp-container{
  text-align:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  padding:0 8px;
  box-sizing:border-box}

.mfp-container::before{
  content:'';
  display:inline-block;
  height:100%;
  vertical-align:middle}

.mfp-align-top .mfp-container::before{
  display:none}

.mfp-content{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:0 auto;
  text-align:left;
  z-index:1045}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{
  width:100%;
  cursor:auto}

.mfp-ajax-cur{
  cursor:progress}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
  cursor:-moz-zoom-out;
  cursor:-webkit-zoom-out;
  cursor:zoom-out}

.mfp-zoom{
  cursor:pointer;
  cursor:-webkit-zoom-in;
  cursor:-moz-zoom-in;
  cursor:zoom-in}

.mfp-auto-cursor .mfp-content{
  cursor:auto}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none}

.mfp-loading.mfp-figure{
  display:none}

.mfp-hide{
  display:none !important}

.mfp-preloader{
  color:#222;
  position:absolute;
  top:50%;
  width:auto;
  text-align:center;
  margin-top:-0.8em;
  left:8px;
  right:8px;
  z-index:1044}

.mfp-preloader a{
  color:#222}

.mfp-preloader a:hover{
  color:#FFF}

.mfp-s-ready .mfp-preloader{
  display:none}

.mfp-s-error .mfp-content{
  display:none}

button.mfp-close,button.mfp-arrow{
  overflow:visible;
  cursor:pointer;
  background:transparent;
  border:0;
  -webkit-appearance:none;
  display:block;
  outline:none;
  padding:0;
  z-index:1046;
  box-shadow:none;
  touch-action:manipulation}

button::-moz-focus-inner{
  padding:0;
  border:0}

.mfp-close{
  width:44px;
  height:44px;
  line-height:44px;
  position:absolute;
  top:0;
  right:0;
  text-decoration:none;
  text-align:center;
  opacity:.65;
  padding:0 0 18px 10px;
  color:#FFF;
  font-style:normal;
  font-size:28px;
  font-family:Arial, Baskerville, monospace}

.mfp-close:hover,.mfp-close:focus{
  opacity:1}

.mfp-close:active{
  top:1px}

.mfp-close-btn-in .mfp-close{
  color:#333}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
  color:#FFF;
  right:-6px;
  text-align:right;
  padding-right:6px;
  width:100%}

.mfp-counter{
  position:absolute;
  top:0;
  right:0;
  color:#222;
  font-size:12px;
  line-height:18px;
  white-space:nowrap}

.mfp-arrow{
  position:absolute;
  opacity:.65;
  margin:0;
  top:50%;
  margin-top:-55px;
  padding:0;
  width:90px;
  height:110px;
  -webkit-tap-highlight-color:transparent}

.mfp-arrow:active{
  margin-top:-54px}

.mfp-arrow:hover,.mfp-arrow:focus{
  opacity:1}

.mfp-arrow:before,.mfp-arrow::after{
  content:'';
  display:block;
  width:0;
  height:0;
  position:absolute;
  left:0;
  top:0;
  margin-top:35px;
  margin-left:35px;
  border:medium inset transparent}

.mfp-arrow::after{
  border-top-width:13px;
  border-bottom-width:13px;
  top:8px}

.mfp-arrow::before{
  border-top-width:21px;
  border-bottom-width:21px;
  opacity:0.7}

.mfp-arrow-left{
  left:0}

.mfp-arrow-left::after{
  border-right:17px solid #FFF;
  margin-left:31px}

.mfp-arrow-left::before{
  margin-left:25px;
  border-right:27px solid #3F3F3F}

.mfp-arrow-right{
  right:0}

.mfp-arrow-right::after{
  border-left:17px solid #FFF;
  margin-left:39px}

.mfp-arrow-right::before{
  border-left:27px solid #3F3F3F}

.mfp-iframe-holder{
  padding-top:40px;
  padding-bottom:40px}

.mfp-iframe-holder .mfp-content{
  line-height:0;
  width:100%;
  max-width:900px}

.mfp-iframe-holder .mfp-close{
  top:-40px}

.mfp-iframe-scaler{
  width:100%;
  height:0;
  overflow:hidden;
  padding-top:56.25%}

.mfp-iframe-scaler iframe{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  box-shadow:0 0 8px rgba(0,0,0,0.6)}

img.mfp-img{
  width:auto;
  max-width:100%;
  height:auto;
  display:block;
  line-height:0;
  box-sizing:border-box;
  padding:40px 0 40px;
  margin:0 auto}

.mfp-figure{
  line-height:0}

.mfp-figure::after{
  content:'';
  position:absolute;
  left:0;
  top:40px;
  bottom:40px;
  display:block;
  right:0;
  width:auto;
  height:auto;
  z-index:-1;
  box-shadow:0 0 8px rgba(0,0,0,0.6);
  background:#444}

.mfp-figure small{
  color:#BDBDBD;
  display:block;
  font-size:12px;
  line-height:14px}

.mfp-figure figure{
  margin:0}

.mfp-bottom-bar{
  margin-top:-36px;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  cursor:auto}

.mfp-title{
  text-align:left;
  line-height:18px;
  color:#F3F3F3;
  word-wrap:break-word;
  padding-right:36px}

.mfp-image-holder .mfp-content{
  max-width:100%}

.mfp-gallery .mfp-image-holder .mfp-figure{
  cursor:pointer}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){
  .mfp-img-mobile .mfp-image-holder{
    padding-left:0;
    padding-right:0}

  .mfp-img-mobile img.mfp-img{
    padding:0}

  .mfp-img-mobile .mfp-figure::after{
    top:0;
    bottom:0}

  .mfp-img-mobile .mfp-figure small{
    display:inline;
    margin-left:5px}

  .mfp-img-mobile .mfp-bottom-bar{
    background:rgba(0,0,0,0.6);
    bottom:0;
    margin:0;
    top:auto;
    padding:3px 5px;
    position:fixed;
    box-sizing:border-box}

  .mfp-img-mobile .mfp-bottom-bar:empty{
    padding:0}

  .mfp-img-mobile .mfp-counter{
    right:5px;
    top:3px}

  .mfp-img-mobile .mfp-close{
    top:0;
    right:0;
    width:35px;
    height:35px;
    line-height:35px;
    background:rgba(0,0,0,0.6);
    position:fixed;
    text-align:center;
    padding:0}

}

@media all and (max-width: 900px){
  .mfp-arrow{
    -webkit-transform:scale(0.75);
    transform:scale(0.75)}

  .mfp-arrow-left{
    -webkit-transform-origin:0;
    transform-origin:0}

  .mfp-arrow-right{
    -webkit-transform-origin:100%;
    transform-origin:100%}

  .mfp-container{
    padding-left:6px;
    padding-right:6px}

}

.mfp-fade.mfp-bg{
  opacity:0;
  -webkit-transition:all 0.15s ease-out;
  -moz-transition:all 0.15s ease-out;
  transition:all 0.15s ease-out}

.mfp-fade.mfp-bg.mfp-ready{
  opacity:0.8}

.mfp-fade.mfp-bg.mfp-removing{
  opacity:0}

.mfp-fade.mfp-wrap .mfp-content{
  opacity:0;
  -webkit-transition:all 0.15s ease-out;
  -moz-transition:all 0.15s ease-out;
  transition:all 0.15s ease-out}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
  opacity:1}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
  opacity:0}

.bootstrap-touchspin .input-group-btn-vertical{
  position:absolute;
  right:0;
  height:100%;
  z-index:11}

.bootstrap-touchspin.input-group{
  max-width:68px;
  padding-right:20px;
  margin-bottom:0}

.bootstrap-touchspin .form-control{
  height:4.2rem;
  text-align:center;
  margin-bottom:0;
  max-width:46px;
  padding:1.05rem 1rem;
  line-height:1.4}

.bootstrap-touchspin .form-control:not(:focus){
  border-color:#ccc}

.bootstrap-touchspin .input-group-btn-vertical>.btn{
  position:absolute;
  right:0;
  height:2rem;
  padding:0;
  width:2rem;
  text-align:center;
  font-size:1.2rem;
  min-width:0}

.bootstrap-touchspin .input-group-btn-vertical>.btn::before{
  position:relative;
  margin:0;
  width:auto;
  line-height:1;
  width:auto;
  top:-.1rem;
  margin-right:-.1rem}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{
  border-radius:0;
  top:0}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
  border-radius:0;
  bottom:0}

/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */.noUi-target,.noUi-target *{
                                                  -webkit-touch-callout:none;
                                                  -webkit-tap-highlight-color:transparent;
                                                  -webkit-user-select:none;
                                                  -ms-touch-action:none;
                                                  touch-action:none;
                                                  -ms-user-select:none;
                                                  -moz-user-select:none;
                                                  user-select:none;
                                                  -moz-box-sizing:border-box;
                                                  box-sizing:border-box}

.noUi-target{
  position:relative;
  direction:ltr}

.noUi-base,.noUi-connects{
  width:100%;
  height:100%;
  position:relative;
  z-index:1}

.noUi-connects{
  overflow:hidden;
  z-index:0}

.noUi-connect,.noUi-origin{
  will-change:transform;
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  height:100%;
  width:100%;
  -ms-transform-origin:0 0;
  -webkit-transform-origin:0 0;
  transform-origin:0 0}

html:not([dir="rtl"]) .noUi-horizontal .noUi-origin{
  left:auto;
  right:0}

.noUi-vertical .noUi-origin{
  width:0}

.noUi-horizontal .noUi-origin{
  height:0}

.noUi-handle{
  position:absolute}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{
  -webkit-transition:transform 0.3s;
  transition:transform 0.3s}

.noUi-state-drag *{
  cursor:inherit !important}

.noUi-horizontal{
  height:.3rem}

.noUi-horizontal .noUi-handle{
  width:1.1rem;
  height:1.1rem;
  left:-.55rem;
  top:-.3em}

.noUi-vertical{
  width:.3rem;
  height:150px}

.noUi-vertical .noUi-handle{
  width:1.1rem;
  height:1.1rem;
  left:-.4rem;
  top:-.5rem}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle{
  right:-.55rem;
  left:auto}

.noUi-target{
  background:#efefef;
  border-radius:0}

.noUi-connects{
  border-radius:0}

.noUi-connect{
  background:#fa4a4a}

.noUi-draggable{
  cursor:ew-resize}

.noUi-vertical .noUi-draggable{
  cursor:ns-resize}

.noUi-handle{
  border-radius:50%;
  background:#fa4a4a;
  cursor:pointer}

[disabled] .noUi-connect{
  background:#B8B8B8}

[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{
  cursor:not-allowed}

.noUi-pips,.noUi-pips *{
  -moz-box-sizing:border-box;
  box-sizing:border-box}

.noUi-pips{
  position:absolute;
  color:#999}

.noUi-value{
  position:absolute;
  white-space:nowrap;
  text-align:center}

.noUi-value-sub{
  color:#ccc;
  font-size:10px}

.noUi-marker{
  position:absolute;
  background:#CCC}

.noUi-marker-sub{
  background:#AAA}

.noUi-marker-large{
  background:#AAA}

.noUi-pips-horizontal{
  padding:10px 0;
  height:80px;
  top:100%;
  left:0;
  width:100%}

.noUi-value-horizontal{
  -webkit-transform:translate(-50%, 50%);
  transform:translate(-50%, 50%)}

.noUi-rtl .noUi-value-horizontal{
  -webkit-transform:translate(50%, 50%);
  transform:translate(50%, 50%)}

.noUi-marker-horizontal.noUi-marker{
  margin-left:-1px;
  width:2px;
  height:5px}

.noUi-marker-horizontal.noUi-marker-sub{
  height:10px}

.noUi-marker-horizontal.noUi-marker-large{
  height:15px}

.noUi-pips-vertical{
  padding:0 10px;
  height:100%;
  top:0;
  left:100%}

.noUi-value-vertical{
  -webkit-transform:translate(0, -50%);
  transform:translate(0, -50%, 0);
  padding-left:25px}

.noUi-rtl .noUi-value-vertical{
  -webkit-transform:translate(0, 50%);
  transform:translate(0, 50%)}

.noUi-marker-vertical.noUi-marker{
  width:5px;
  height:2px;
  margin-top:-1px}

.noUi-marker-vertical.noUi-marker-sub{
  width:10px}

.noUi-marker-vertical.noUi-marker-large{
  width:15px}

.noUi-tooltip{
  display:block;
  position:absolute;
  border:1px solid #D9D9D9;
  border-radius:3px;
  background:#fff;
  color:#000;
  padding:5px;
  text-align:center;
  white-space:nowrap}

.noUi-horizontal .noUi-tooltip{
  -webkit-transform:translate(-50%, 0);
  transform:translate(-50%, 0);
  left:50%;
  bottom:120%}

.noUi-vertical .noUi-tooltip{
  -webkit-transform:translate(0, -50%);
  transform:translate(0, -50%);
  top:50%;
  right:120%}

.mt-1{
  margin-top:1rem !important}

.mt-2{
  margin-top:2rem !important}

.mt-3{
  margin-top:3rem !important}

.mt-4{
  margin-top:4rem !important}

.mt-5{
  margin-top:5rem !important}

.mt-6{
  margin-top:6rem !important}

.mt-7{
  margin-top:7rem !important}

.mt-8{
  margin-top:8rem !important}

.mt-9{
  margin-top:9rem !important}

.mt-10{
  margin-top:10rem !important}

.mb-1{
  margin-bottom:1rem !important}

.mb-2{
  margin-bottom:2rem !important}

.mb-3{
  margin-bottom:3rem !important}

.mb-4{
  margin-bottom:4rem !important}

.mb-5{
  margin-bottom:5rem !important}

.mb-6{
  margin-bottom:6rem !important}

.mb-7{
  margin-bottom:7rem !important}

.mb-8{
  margin-bottom:8rem !important}

.mb-9{
  margin-bottom:9rem !important}

.mb-10{
  margin-bottom:10rem !important}

@media screen and (min-width: 768px){
  .mt-md-1{
    margin-top:1rem !important}

  .mt-md-2{
    margin-top:2rem !important}

  .mt-md-3{
    margin-top:3rem !important}

  .mt-md-4{
    margin-top:4rem !important}

  .mt-md-5{
    margin-top:5rem !important}

  .mt-md-6{
    margin-top:6rem !important}

  .mt-md-7{
    margin-top:7rem !important}

  .mt-md-8{
    margin-top:8rem !important}

  .mt-md-9{
    margin-top:9rem !important}

  .mt-md-10{
    margin-top:10rem !important}

  .mb-md-1{
    margin-bottom:1rem !important}

  .mb-md-2{
    margin-bottom:2rem !important}

  .mb-md-3{
    margin-bottom:3rem !important}

  .mb-md-4{
    margin-bottom:4rem !important}

  .mb-md-5{
    margin-bottom:5rem !important}

  .mb-md-6{
    margin-bottom:6rem !important}

  .mb-md-7{
    margin-bottom:7rem !important}

  .mb-md-8{
    margin-bottom:8rem !important}

  .mb-md-9{
    margin-bottom:9rem !important}

  .mb-md-10{
    margin-bottom:10rem !important}

}

@media screen and (min-width: 992px){
  .mt-lg-1{
    margin-top:1rem !important}

  .mt-lg-2{
    margin-top:2rem !important}

  .mt-lg-3{
    margin-top:3rem !important}

  .mt-lg-4{
    margin-top:4rem !important}

  .mt-lg-5{
    margin-top:5rem !important}

  .mt-lg-6{
    margin-top:6rem !important}

  .mt-lg-7{
    margin-top:7rem !important}

  .mt-lg-8{
    margin-top:8rem !important}

  .mt-lg-9{
    margin-top:9rem !important}

  .mt-lg-10{
    margin-top:10rem !important}

  .mb-lg-1{
    margin-bottom:1rem !important}

  .mb-lg-2{
    margin-bottom:2rem !important}

  .mb-lg-3{
    margin-bottom:3rem !important}

  .mb-lg-4{
    margin-bottom:4rem !important}

  .mb-lg-5{
    margin-bottom:5rem !important}

  .mb-lg-6{
    margin-bottom:6rem !important}

  .mb-lg-7{
    margin-bottom:7rem !important}

  .mb-lg-8{
    margin-bottom:8rem !important}

  .mb-lg-9{
    margin-bottom:9rem !important}

  .mb-lg-10{
    margin-bottom:10rem !important}

}

@media screen and (min-width: 1200px){
  .mt-xl-1{
    margin-top:1rem !important}

  .mt-xl-2{
    margin-top:2rem !important}

  .mt-xl-3{
    margin-top:3rem !important}

  .mt-xl-4{
    margin-top:4rem !important}

  .mt-xl-5{
    margin-top:5rem !important}

  .mt-xl-6{
    margin-top:6rem !important}

  .mt-xl-7{
    margin-top:7rem !important}

  .mt-xl-8{
    margin-top:8rem !important}

  .mt-xl-9{
    margin-top:9rem !important}

  .mt-xl-10{
    margin-top:10rem !important}

  .mb-xl-1{
    margin-bottom:1rem !important}

  .mb-xl-2{
    margin-bottom:2rem !important}

  .mb-xl-3{
    margin-bottom:3rem !important}

  .mb-xl-4{
    margin-bottom:4rem !important}

  .mb-xl-5{
    margin-bottom:5rem !important}

  .mb-xl-6{
    margin-bottom:6rem !important}

  .mb-xl-7{
    margin-bottom:7rem !important}

  .mb-xl-8{
    margin-bottom:8rem !important}

  .mb-xl-9{
    margin-bottom:9rem !important}

  .mb-xl-10{
    margin-bottom:10rem !important}

}

@media screen and (min-width: 1600px){
  .mt-xxl-1{
    margin-top:1rem !important}

  .mt-xxl-2{
    margin-top:2rem !important}

  .mt-xxl-3{
    margin-top:3rem !important}

  .mt-xxl-4{
    margin-top:4rem !important}

  .mt-xxl-5{
    margin-top:5rem !important}

  .mt-xxl-6{
    margin-top:6rem !important}

  .mt-xxl-7{
    margin-top:7rem !important}

  .mt-xxl-8{
    margin-top:8rem !important}

  .mt-xxl-9{
    margin-top:9rem !important}

  .mt-xxl-10{
    margin-top:10rem !important}

  .mb-xxl-1{
    margin-bottom:1rem !important}

  .mb-xxl-2{
    margin-bottom:2rem !important}

  .mb-xxl-3{
    margin-bottom:3rem !important}

  .mb-xxl-4{
    margin-bottom:4rem !important}

  .mb-xxl-5{
    margin-bottom:5rem !important}

  .mb-xxl-6{
    margin-bottom:6rem !important}

  .mb-xxl-7{
    margin-bottom:7rem !important}

  .mb-xxl-8{
    margin-bottom:8rem !important}

  .mb-xxl-9{
    margin-bottom:9rem !important}

  .mb-xxl-10{
    margin-bottom:10rem !important}

}