@import url("https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap");
    @font-face {
      font-family: 'dadiemattoncini2';
      src: url('/font/dadiemattoncini2.eot?38940837');
      src: url('/font/dadiemattoncini2.eot?38940837#iefix') format('embedded-opentype'),
           url('/font/dadiemattoncini2.woff?38940837') format('woff'),
           url('/font/dadiemattoncini2.ttf?38940837') format('truetype'),
           url('/font/dadiemattoncini2.svg?38940837#dadiemattoncini2') format('svg');
      font-weight: normal;
      font-style: normal;
    }
	  .dem_ok-icon {
      font-family: "dadiemattoncini2" !important;
      font-style: normal;
      font-weight: normal;
      speak: never;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
   /*   margin-right: .2em;*/
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
html{font-size:62.5%;font-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{background-color:#f4f4f4;color:#000;font:normal 400 1.4rem / 1.8 'Baloo 2', cursive;-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}
p{margin-bottom:1.5rem}
ul,ol{list-style:none;margin:0 0 2.25rem;padding:0}
b,strong{font-weight:700}em,i{font-style:italic}
hr{border:0;border-top:1px solid #dfdfdf;margin:5.5rem auto 5.2rem;max-width:1730px}
sub,sup{font-size:70%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;height:auto;max-width:100%}
@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(359deg);-webkit-transform:rotate(359deg);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)}}
.loading-overlay{background:#fff;bottom:0;left:0;opacity:1;position:fixed;right:0;top:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;visibility:visible;z-index:999999}
.loaded>.loading-overlay{opacity:0;visibility:hidden}
.bounce-loader{left:50%;margin:-9px 0 0 -35px;position:absolute;text-align:center;top:50%;-webkit-transition:all .2s;transition:all .2s;width:70px;z-index:10000}
.bounce-loader .bounce1,.bounce-loader .bounce2,.bounce-loader .bounce3{-webkit-animation:1.4s ease-in-out 0s normal both infinite bouncedelay;animation:1.4s ease-in-out 0s normal both infinite bouncedelay;background-color:#CCC;border-radius:100%;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.15);box-shadow:0 0 20px 0 rgba(0,0,0,0.15);display:inline-block;height:18px;width:18px}
.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{font-weight:700;line-height:1.1;margin-bottom:1.8rem;color:#21293c;letter-spacing:0}
h1,.h1{font-size:3rem}h2,.h2{font-size:2.2rem}h3,.h3{font-size:1.8rem}
h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.2rem}
h6,.h6{font-size:1rem}a{color:#282d3b;text-decoration:none;transition:all .3s}
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{text-transform:uppercase;font:700 1.9rem/1 'Baloo 2', cursive;color:#21293c;margin-bottom:2rem}
.carousel-title{text-transform:uppercase;font:700 1.8rem/1 'Baloo 2', cursive;color:#302e2a;padding:0 0 1.2rem;border-bottom:1px solid #e1e1e1;margin-bottom:2.6rem;letter-spacing:-.01rem}
.light-title{font-weight:300;margin-bottom:2rem}
.text-primary{color:#08c !important}
.lead{font-size:1.8rem;font-weight:400;line-height:1.5;margin-bottom:2rem;color:#21293c}

@media screen and (min-width: 768px){
	h1,.h1{font-size:3.2rem}
	h2,.h2{font-size:2.4rem}
	h3,.h3{font-size:2rem}
}
	
@media screen and (min-width: 992px){
	h1,.h1{font-size:3.6rem}}
	.page-wrapper{position:relative;transition:transform 0.35s}
	.mmenu-active .page-wrapper{transform:translateX(250px)}
	.main{flex:1 1 auto}
	.row.row-sm{margin-left:-10px;margin-right:-10px}
	.row.row-sm [class*="col-"]{padding-left:10px;padding-right:10px}
	.ajaxOverlay{display:flex;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;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{background-color:#08c}
.header .container,.header .container-fluid{display:flex;align-items:center}
.header-left,.header-center,.header-right{display:flex;align-items:center}
.header-right{margin-left:auto}
.header-center{margin-left:auto;margin-right:auto}
.header-top{font-size:1.1rem;line-height:1.5;letter-spacing:.025rem;color:#bde1f5;padding-top:.4rem;padding-bottom:.4rem;margin-bottom:1px}
.header-top a{padding-top:.5rem;padding-bottom:.5rem;color:inherit}
.header-top .container{position:relative}
.header-top .container::before{content:'';position:absolute;left:15px;right:15px;bottom:-5px;display:block;height:1px;background-color:#0e95d8}
.welcome-msg{display:none;margin:.3rem 2rem .3rem 0;text-transform:uppercase;position:relative}
.welcome-msg::after{content:'';position:absolute;right:-14px;top:50%;height:11px;border-right:1px solid;margin-top:-5.5px;opacity:.8}
.header-middle{padding-top:.5rem;padding-bottom:1.5rem}
.logo{display:block}
.logo img{display:block;max-width:100%;height:auto}
.header-dropdown{position:relative;text-transform:uppercase}
.header-dropdown>a{position:relative;padding-right:1.1rem;display:inline-flex;align-items:center}
.header-dropdown>a::after{content:'';position:absolute;right:0;top:50%;margin-top:-2px;width:0;height:0;border-style:solid;border-width:4px 3px 0 3px;border-color:#fff transparent transparent transparent;margin-left:.6rem}
.header-dropdown a img{display:inline-block;margin-right:.6rem;max-width:16px;height:auto}
.header-dropdown a:hover,.header-dropdown a:focus{text-decoration:none}
.header-menu{position:absolute;left:0;top:100%;z-index:20;box-shadow:0 0 2px rgba(0,0,0,0.1);background-color:#fff;padding-top:.4rem;padding-bottom:.4rem;border:1px solid #ccc;min-width:100%;visibility:hidden;opacity:0;transition:all .25s}
.header-right .header-menu{left:auto;right:0}
.header-dropdown:hover>.header-menu{visibility:visible;opacity:1}
.header-menu ul{list-style:none;padding:0;margin:0}
.header-menu ul li{margin:0;position:relative}
.header-menu ul a{padding:2px 9px;display:flex;align-items:center;white-space:nowrap}
.header-menu a{color:#777}
.header-menu a:hover,.header-menu a:focus{color:#fff;background-color:#ccc}
.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{content:'';position:absolute;left:-14px;top:50%;height:11px;border-right:1px solid;margin-top:-5.5px;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:100000;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{visibility:visible;opacity:1}
.cart-dropdown:hover .dropdown-menu,.compare-dropdown:hover .dropdown-menu{visibility:visible;opacity:1}
.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{list-style:none;padding:0;margin:0}
.compare-products .product{position:relative;padding:.5rem 0;margin:0;box-shadow:none !important}
.compare-products .product:hover{box-shadow:none}
.compare-products .product-title{color:#696969;font-weight:400;font-size:1.1rem;line-height:1.35;text-transform:uppercase;margin:0}
.compare-products .btn-remove{position:absolute;top:50%;right:0;display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;overflow:hidden;padding:.5rem 0;font-size:1.3rem;line-height:1;text-align:center;color:#777;margin-top:-1.2rem}
.compare-actions{display:flex;align-items:center;margin-top:2rem}
.compare-actions .action-link{display:inline-block;font-size:1.1rem;color:#777;text-transform:uppercase}
.compare-actions .btn{text-transform:uppercase;padding:.9rem 1rem;min-width:110px;font-weight:400;font-size:1.2rem;letter-spacing:0.025rem;border:0;border-radius:.2rem;color:#fff;margin-left:auto;text-align:center}
.cart-dropdown .dropdown-toggle{display:block;padding:.6rem 4.4rem .4rem 1.2rem;position:relative}
.cart-dropdown .dropdown-toggle .cart-count{display:flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;position:absolute;right:3.4rem;line-height:1;top:.5rem;margin-top:-7px;border-radius:50%;padding-bottom:1px;font-size:1rem;font-weight:600;color:#004B93;background-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:2.5rem;line-height:1;margin:2px 0 0;color:#fff}*/
.cart-dropdown .dropdown-toggle::after{border:0;color:#fff;content:'';display:inline-block;font-family:'porto';height:auto;font-size:1.4rem;line-height:1;margin:0;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:all .3s;width:auto}
.cart-dropdown .dropdown-menu{left:auto;right:0;padding-top:0}
.cart-dropdown .dropdownmenu-wrapper{padding:1.6rem 1.9rem}
.cart-dropdown .dropdownmenu-wrapper::before{left:auto;right:28px}
.cart-dropdown .dropdownmenu-wrapper::after{left:auto;right:29px}
.cart-dropdown .product{align-items:center;border-bottom:1px solid #e6ebee;box-shadow:none !important;display:flex;margin:0 !important;padding:1.6rem 1rem}
.cart-dropdown .product-image-container{border:1px solid #ededed;box-shadow:none !important;margin:0;margin-left:auto;max-width:80px;position:relative}
.cart-dropdown .product-image-container a::after{display:none !important}
.cart-dropdown .product-title{color:#696969;font-size:1.3rem;font-weight:600;margin-bottom:.2rem;text-align:left}
.cart-dropdown .product-details{color:#696969;font-size:1.3rem;font-weight:600;text-align:left}
.cart-dropdown .btn-remove{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2);color:#474747;display:flex;font-size:1.1rem;height:2rem;justify-content:center;line-height:1;position:absolute;right:-1rem;top:-1rem;width:2rem}
.cart-dropdown .btn-remove:hover,.cart-dropdown .btn-remove:focus{box-shadow:0 3px 7px rgba(0,0,0,0.3);color:#08c}
.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{font-size:1.5rem;margin-left:auto}
.dropdown-cart-header{border-bottom:1px solid #e6ebee;margin-bottom:0;padding-top:0}
.dropdown-cart-header a{margin-left:auto;font-size:1.2rem}
.dropdown-cart-action{display:flex;align-items:center;justify-content:space-between;padding:.2rem 1rem 1.5rem}
.dropdown-cart-action .btn{font-weight:400;font-size:1.2rem;letter-spacing:0.025rem;text-transform:uppercase;color:#fff;border-color:#010204;background-color:#010204;border-radius:.2rem;min-width:110px;padding:1.25rem 1rem}
.dropdown-cart-action .btn:hover,.dropdown-cart-action .btn:focus{color:#fff;border-color:#222;background-color:#222}
.header-search{position:relative;margin:0;font-size:0;line-height:1;padding:0;border:0}
.header-search .header-search-wrapper{align-items:stretch;overflow:visible;border:1px solid #004B93;border-radius:20px;position:relative;width:100%;min-width:250px;background-color:#E6E6E6}
.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 'Baloo 2', cursive;background-color:#fff;margin:0}
.header-search .form-control{flex:1 1 auto;padding:4px 22px;color:#8d8d8d;width:100%;margin:0;line-height:20px;border-radius:20px 0 0 20px;box-shadow:none;border:0}
.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:1px solid #dbe0e2;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:#fff;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;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{color:#08c;background-color:transparent}
.header-contact{position:relative;color:#bde1f5;letter-spacing:0;font-size:1.8rem;line-height:1.4;margin-right:4rem;padding-left:4.5rem}
.header-contact::before{color:#0af;content:'\e887';display:inline-block;font-family:'porto';font-size:3rem;left:0;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}
.header-contact span{display:block;font-size:1.1rem;font-weight:600;text-transform:uppercase}
.header-contact a{color:#fff}.header-contact a:hover,.header-contact a:focus{text-decoration:none}
.header-bottom{background-color:#FFF}
.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:3.2rem;padding-left:1rem;padding-top:.3rem;padding-bottom:.1rem}
.header-bottom .cart-dropdown .dropdown-toggle::before{font-size:2.2rem}
.header-bottom .cart-dropdown .dropdown-toggle .cart-count{right:2.3rem;top:.3rem}
.header-bottom .cart-dropdown .dropdown-toggle::after{right:1.1rem}
.mobile-menu-toggler{border:0;background:transparent;color:#fff;padding:1rem .5rem;font-size:2.1rem;line-height:1;/*display:none;*/align-items: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;left:auto;right:auto;top:auto;padding:0;background-color:transparent;border:0;opacity:1;visibility:visible;box-shadow:none}
	.dropdown-expanded .header-menu ul{display:flex;align-items:center}
	.dropdown-expanded .header-menu ul li+li{margin-left:3rem}
	.dropdown-expanded .header-menu ul li+li:before{content:'';position:absolute;left:-14px;top:50%;height:11px;border-right:1px solid;margin-top:-5.5px;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{text-decoration:underline;background-color:transparent}
	.header-search .search-toggle{display:none}
	.header-search form{width:420px}
	.header-search .header-search-wrapper{display:flex}
}

@media screen and (min-width: 1200px){
	.header-middle .header-center{padding-left:10px}
	.header-contact{margin-right:8rem}
}

@media screen and (max-width: 991px){
	.header-search{margin-left:5px}
	.header-search .header-search-wrapper{
		position:absolute;
		right:-80px;
		top:100%;
		margin-top:.3rem;
		border-width:5px;
		width:450px;
		border-radius:0px;
		z-index:99;
		background-color:#E6E6E6;
		border-color:#004B93;
		}

	.header-middle .header-right{margin-left:1rem}
	.header-center{margin-left:auto;margin-right:0}
	.header-contact{margin-right:2rem}
	.header-bottom{display:none}
	.mobile-menu-toggler{display:flex}
}

@media screen and (max-width: 767px){
	.header-middle{padding-top:3rem;padding-bottom:3rem}
	.header-contact{display:none}
	.header-search .header-search-wrapper{width:100%}
	.header-search .select-custom{flex:0 0 132px}
	.header-search .btn{flex:0 0 40px}
	.cart-dropdown .dropdown-toggle{padding-right:1rem;padding-left:0rem}
	.cart-dropdown .dropdown-toggle .cart-count{right:0rem}
	.cart-dropdown .dropdown-toggle::before{font-size:2.3rem}
	.cart-dropdown .dropdown-toggle::after{right:.7rem}.mobile-menu-toggler{margin-right:1rem}
	.header-middle .header-right{margin-left:.7rem}
}

@media screen and (max-width: 479px){
	.header-middle{padding-top:2.5rem;padding-bottom:2.5rem}
	.header-search .header-search-wrapper{width:320px}
	.compare-dropdown{display:none}
	
	.header-middle {
	padding:0px;
padding-top:1rem;
padding-bottom:0px !important;
}

.logo img{display:block;max-width:60% !important;height:auto; margin-top:-9px;}



	
}

@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}
}

.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{position:absolute;display:none;top:100%;left:0;z-index:99}
.menu ul ul{top:-1rem;left:100%}
.menu .megamenu{display:none;position:absolute;left:1.5rem;right:1.5rem;top:100%;z-index:999}
.menu .megamenu.megamenu-fixed-width{left:0;right:auto;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{margin:0 -1.5rem}
.menu li{padding-left:1rem;padding-right:1rem}
.menu li a{font-weight:600;font-size:1.2rem;color:#696969;text-transform:uppercase;display:block;padding:.7rem 1rem;white-space:nowrap;transition:background 0.25s}
.menu li .menu-title{color:#434d53;margin-bottom:0;text-transform:uppercase;letter-spacing:-.01rem;margin-top:1.25rem}
.menu li .menu-title a{font-size:1.3rem;padding:.7rem 2rem;font-weight:700;color:#434d53}
.menu li .menu-title a:hover,.menu li .menu-title a:focus{text-decoration:underline}
.menu>li{padding-left:0;padding-right:0}
.menu>li>a{font-weight:700;font-size:1.3rem;background-color:transparent;color:#5e667a;padding:10px;letter-spacing:.01rem}
.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{content:'\e81c';position:absolute;top:50%;display:inline-block;right:1.5rem;font-family:'porto';transform:translateY(-50%);font-size:1.3rem;line-height:1;margin-top:-1px}*/
.menu.sf-arrows ul .sf-with-ul::after{content:'\e81a';right:1rem}
.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{min-width:0;box-shadow:none;position:static;left:auto;right:auto;top:auto;bottom:auto;display:block;padding:0;margin:0 0 1.25rem}
.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{color:#696969;background-color:#f4f4f4}
.menu>li:hover>a,.menu>li.show>a,.menu>li.active>a{color:#08c}
.menu>li:hover.float-right>a>span,.menu>li.show.float-right>a>span,.menu>li.active.float-right>a>span{box-shadow:none}
.menu.sf-arrows>li:hover>a.sf-with-ul::before,.menu.sf-arrows>li.show>a.sf-with-ul::before,.menu.sf-arrows>li.active>a.sf-with-ul::before{visibility:visible;opacity:1}
.tip{color:#fff;position:relative;display:inline-block;font-size:1rem;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{content:'';position:absolute;left:auto;right:100%;top:50%;margin-top:-3px;border:3px solid transparent}
.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;left:3px;top:100%;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;left:0;top:0;bottom:0;z-index:1001;background-color:#1d1e20;width:100%;max-width:250px;overflow-y:auto;box-shadow:0.1rem 0 0.6rem 0 rgba(50,50,50,0.65);transform:translateX(-100%);visibility:hidden;font-size:1.2rem;line-height:1.5;transition:all 0.35s}
.mmenu-active .mobile-menu-container{visibility:visible;transform:translateX(0)}
.mobile-menu-container .social-icons{justify-content:center;margin-bottom:0}
.mobile-menu-container .social-icon{width:3rem;height:3rem;border:0;font-size:1.5rem;background-color:transparent;margin-bottom:0}
.mobile-menu-container .social-icon+.social-icon{margin-left:.3rem}
.mobile-menu-container .social-icon:hover,.mobile-menu-container .social-icon:focus{color:#fafafa;background-color:transparent}
.mobile-menu-wrapper{position:relative;padding:4.2rem 0 3rem}
.mobile-menu-close{position:absolute;top:1rem;right:1rem;padding:.4rem;z-index:9;cursor:pointer;font-size:1.3rem;line-height:1;color:#fff}
.mobile-menu-overlay{display:block;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);z-index:1000;transition:all 0.4s;visibility:hidden;opacity:0}
.mmenu-active .mobile-menu-overlay{visibility:visible;opacity:1}
.mobile-nav{padding:0;margin:0 0 2rem}
.mobile-menu{margin:0;padding:0;list-style:none;border-bottom:1px solid #242527}
.mobile-menu>li>a{text-transform:uppercase}
.mobile-menu li{display:block;position:relative;border-top:1px solid #242527}
.mobile-menu li a{position:relative;display:block;padding:1.1rem 0 1.1rem 1.5rem;margin-right:4.5rem;color:#fff}
.mobile-menu li a:hover,.mobile-menu li a:focus{color:#08c;text-decoration:none}
.mobile-menu li.open>a,.mobile-menu li.active>a{color:#08c}.mobile-menu li ul{margin:0;padding:0;display:none;margin-bottom:0}
.mobile-menu li ul li a{padding-left:2.5rem}
.mobile-menu li ul ul li a{padding-left:3.5rem}.mobile-menu>li>a{text-transform:uppercase}
.mmenu-btn{display:flex;align-items:center;justify-content:center;position:absolute;right:-3.8rem;top:50%;width:3rem;height:3rem;font-size:1.5rem;color:#fff;margin-top:-1.5rem;border-radius:0;background-color:transparent;cursor:pointer;outline:none}
.mmenu-btn::after{font-family:'porto';content:'\e81c';display:inline-block;margin-top:-2px}
.open>a>.mmenu-btn::after{content:'\e81b'}@keyframes fixedHeader{0%{opacity:0;transform:translateY(-60px)}100%{opacity:1;transform:translateY(0)}}
.sticky-header.fixed{position:fixed;left:0;right:0;top:0;z-index:1040;animation-name:fixedHeader;animation-duration:.4s;background-color:#08c;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding-top:.6rem;padding-bottom:.6rem}
.sticky-header.fixed .main-nav{width:auto;background-color:transparent}
.sticky-header.fixed .menu>li.float-right>a{padding:.55rem 1.5rem}
.sticky-header.fixed .menu>li.float-right>a>span{padding:0}
.sticky-header.fixed .menu>li>a{color:#fff;padding-top:.55rem;padding-bottom:.55rem}
.sticky-header.fixed .menu>li>a .tip{top:-8px}
.sticky-header.fixed .menu>li:hover>a,.sticky-header.fixed .menu>li.show>a,.sticky-header.fixed .menu>li.active>a{color:#08c;background-color:#fff}
.sticky-header.fixed .logo,.sticky-header.fixed .cart-dropdown{display:block}
.sticky-header.fixed-nav{position:fixed;left:0;right:0;top:46px;height:38px;z-index:1039;animation-name:fixedHeader;animation-duration:.4s;background-color:white;box-shadow:0 2px 5px rgba(0,0,0,0.1);overflow:hidden}
.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}
}

.mfp-bg{background-color:rgba(255,255,255,0.5)}
.newsletter-popup{background:#f1f1f1;background-position:center center;background-repeat:no-repeat;border-radius:0;box-shadow:0 10px 25px rgba(0,0,0,0.5);height:320px;margin-left:auto;margin-right:auto;max-width:700px;padding:46px 46px 25px;position:relative}
.mfp-close-btn-in .newsletter-popup .mfp-close{color:#08c;font-size:2rem;font-weight:700;opacity:.85;top:-2.5px}
.newsletter-popup-content{max-width:300px;text-align:center}
.newsletter-popup-content .form-control{border-radius:0;font-size:13px;height:auto;padding-bottom:6.5px;padding-top:6.5px}
.newsletter-popup-content .btn{background-color:transparent;color:#555;border:1px solid #ccc;font-size:1.4rem;line-height:32px;padding:0;font-family:"Baloo 2",sans-serif;text-align:center;text-transform:uppercase;min-width:54px;margin-left:-1px;border-radius:0;letter-spacing:.08em}
.logo-newsletter{display:inline-block;max-width:100%;height:auto}
.newsletter-popup h2{font-weight:700;color:#313131;font-size:16px;line-height:1;margin:32px 0 12px}
.newsletter-popup p{font-size:1.3rem;line-height:1.4;color:#444}
.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-top:1px;vertical-align:top;margin-right:.5rem}
.newsletter-subscribe label{font-size:1.1rem}
.footer{flex:0 0 auto;color:#fff;background-color:#004B93;font-size:1.3rem;line-height:1.4}
.footer .social-icon{color:#fff;background-color:#33332f;margin-bottom:0;width:3.7rem;height:3.7rem;font-size:1.4rem}
.footer .social-icon+.social-icon{margin-left:.4rem}
.footer .social-icon:hover,.footer .social-icon:focus{color:#fff;background-color:#08c}
.footer .contact-info{padding:0;margin-bottom:0}.footer-middle{padding:5.8rem 0 1.2rem}
.footer-middle .container{position:relative}
.footer-ribbon{position:absolute;padding:1rem;left:1.5rem;top:-7.5rem;color:#fff;font-size:2.1rem;min-width:13rem;font-family:'Shadows Into Light', cursive;line-height:1;letter-spacing:.01em;background-color:#08c;text-align:center}
.footer-ribbon::before{content:'';display:block;width:0;height:0;position:absolute;left:-1.5rem;top:0;border-right:15px solid #069;border-top:17px solid transparent}
.footer .widget-title{color:#fff;font-weight:600;font:700 2.1rem/1.1 'Baloo 2', cursive;letter-spacing:0;text-transform:uppercase;margin-top:0;margin-bottom:1.4rem}
.footer .widget{margin-bottom:3rem}
.footer .links{margin-bottom:0}
.footer .links li{position:relative;margin-bottom:.8rem}
.footer a{color:inherit}.footer a:hover,.footer a:focus{color:#fff;text-decoration:underline}
.contact-info li{position:relative;line-height:1.4;margin-bottom:1.3rem}
.contact-info li:last-child{margin-bottom:1.8rem}
.contact-info-label{display:block;font-weight:400;color:#fff;text-transform:uppercase}
.footer .widget-newsletter{padding-bottom:2.7rem;border-bottom:1px solid #3d3d38;margin-bottom:3.4rem;margin-top:1rem}
.widget-newsletter p{margin-top:-.5rem;margin-bottom:1.5rem;line-height:1.5;max-width:360px}
.widget-newsletter form{position:relative;margin-bottom:0;max-width:370px}
.widget-newsletter .form-control{height:4.8rem;font-weight:400;font-size:1.4rem;line-height:1;color:#686865;border:1px solid #ffffff;background-color:#ffffff;padding:1.35rem 14rem 1.35rem 2.5rem;margin-bottom:1rem;border-radius:0}
.widget-newsletter .form-control:focus{color:#686865;border-color:#f2f2f2;background-color:#f2f2f2}
.widget-newsletter .form-control::-webkit-input-placeholder{color:#686865}
.widget-newsletter .form-control:-ms-input-placeholder{color:#686865}
.widget-newsletter .form-control::-ms-input-placeholder{color:#686865}
.widget-newsletter .form-control::placeholder{color:#686865}
.widget-newsletter .btn{background-color:#08c;border-color:#08c;border-radius:0;color:#fff;display:inline-block;font-family:'Baloo 2', cursive;font-size:1.4rem;font-weight:600;letter-spacing:0;line-height:1;min-width:0;padding:1.6rem 1.9rem;position:absolute;right:-1px;text-transform:uppercase;top:0}
.widget-newsletter .btn:hover,.widget-newsletter .btn:focus{background-color:#0099e6;border-color:#0099e6;color:#fff}
.footer-bottom{display:flex;align-items:center;flex-direction:column;padding-top:1.8rem;padding-bottom:4.1rem;}
.footer-copyright{font-size:1.1rem;margin-left:auto;margin-right:auto;margin-bottom:1.2rem}
.footer-payments{margin-left:auto;margin-right:auto}
#scroll-top{height:40px;position:fixed;right:15px;width:40px;z-index:9999;bottom:0;background-color:#404040;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-transition:all .3s;transform:translateY(40px);-webkit-transform:translateY(40px);-ms-transform:translateY(40px)}
#scroll-top:hover,#scroll-top:focus{background-color:#555}
#scroll-top.fixed{visibility:visible;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0)}

@media screen and (min-width: 768px){
	.widget-newsletter form{margin-top:-.7rem}
}

@media screen and (min-width: 992px){
	.footer-middle{padding-top:6.8rem;padding-bottom:1.2rem}
	.footer-ribbon{top:-8.5rem}
	.footer .widget-newsletter{margin-top:0}
	.footer-bottom{flex-direction:row}
	.footer-copyright{margin-bottom:0;margin-left:0;margin-right:0}
	.footer-payments{margin-bottom:0;margin-right:0}
	.footer-bottom .contact-info{margin-bottom:0;margin-right:0}
}

.product-wrapper{overflow:hidden}
.product-wrapper .category-grid{margin-bottom:-1px}
.product{position:relative;margin-bottom:2.5rem !important;}


@media screen and (max-width: 577px){
.product{position:relative;margin-bottom:0.2rem !important;}
}

/*.product-image-container{position:relative;display:block;background-color:#fafafa;margin-bottom:2rem;transition:all .3s}*/
.product:not(.product-sm):hover{box-shadow:0 20px 43px rgba(0,0,0,0.15)}
.product-image{display:block}
/*.product-image::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:all .3s}*/
.product-image img{display:block;width:100%;height:auto}
.btn-quickview{display:inline-block;font:400 1.3rem/1 "Baloo 2",sans-serif;text-transform:uppercase;letter-spacing:.05rem;color:#fff;background-color:rgba(0,0,0,0.6);padding:1.65rem 1.5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.25s;text-decoration:none;text-align:center}
.product-image-container .btn-quickview{position:absolute;left:0;right:0;bottom:0}
.product:hover .product-image::after,.product:hover .btn-quickview{visibility:visible;opacity:1}
.btn-quickview:hover,.btn-quickview:focus,.product:hover .btn-quickview:hover,.product:hover .btn-quickview:focus{color:#fff;opacity:.9;text-decoration:none}
.product-details{text-align:center}.product-title{font:400 1.5rem/1.25 'Baloo 2', cursive;color:#7b858a;letter-spacing:.01rem;margin-bottom:.8rem}
.product-title a{color:inherit}
.price-box{font-size:0;font:600 0/1 'Baloo 2', cursive;color:#465157;margin-bottom:0.5rem}
.product-price{font-size:2.4rem}
.prodotto-countdown{font-size:1.7rem; background-color:#08c; color:#fff; width:80%; margin-left:auto; margin-right:auto; display:block; border:solid 1px #08c; padding:0px 3px 0px 3px; text-align:center; font-weight:normal; margin-bottom:5px; }
.old-price{color:#7a7a7a;font-size:2.0rem;text-decoration:line-through; font-weight:normal;}
.prodotto_brand{color:#999;font-size:15px;font-weight:600;}
.old-price+.product-price{margin-left:.6rem}
.product-grid-action,.product-action{display:flex;align-items:center;justify-content:center}
.paction{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-family:'porto';color:#302e2a;background-color:#f4f4f4;border:1px solid #d8d8d6;transition:all .3s;text-decoration:none;min-width:42px;height:43px}
.paction span{display:none;font-size:1.2rem;letter-spacing:.02rem;padding-left:.7rem;padding-right:.4rem}
.paction+.paction{margin-left:.7rem}
.paction:hover,.paction:focus{text-decoration:none;color:#302e2a;border-color:#302e2a}
.add-cart{color:#fff; background-color:#66B445; border-color:#49a920; margin-bottom:8px; font-family:"Baloo 2",sans-serif;font-weight:800;text-transform:uppercase;padding:.4rem .5rem;min-width:132px;z-index:2; width:100%;}
/*.add-cart::before{line-height:1;margin-top:2px;font-size:1.9rem;content:'\e87f';font-family:'porto'}*/
.add-cart, .add-cart-nondisp span{display:inline;font-size:1.8rem}
.add-cart:hover,.add-cart:focus{color:#fff;border-color:#49a920;background-color:#49a920; text-decoration:none;}
.add-wishlist::before{content:'\e889'}.add-compare::before{content:'\e88f'}
.product:hover .paction.add-wishlist,.product:hover .paction.add-compare,.grid-product:hover .paction.add-wishlist,.grid-product:hover .paction.add-compare{visibility:visible;opacity:1}
.product:hover .paction.add-wishlist,.grid-product:hover .paction.add-wishlist{right:0}
.product:hover .paction.add-compare,.grid-product:hover .paction.add-compare{left:0}
.product:hover .paction.add-cart,.grid-product:hover .paction.add-cart{color:#fff !important;border-color:#08c;background-color:#08c}
.product .add-wishlist{right:-42px}
.product .add-compare{left:-42px}
.product .add-wishlist,.product .add-compare{z-index:1;visibility:hidden;opacity:0}
.product-label{position:absolute; z-index:1;margin-top:10px;margin-left:15px;font-size:1.8rem;font-weight:bold;line-height:1;text-transform:uppercase;text-align:center;padding:.5rem;min-width:46px;background-color:#08c;color:#fff}
.product-label.label-hot,.product-label.label-new{background-color:#62b959}
.product-label.label-sale{background-color:#e27c7c}
.label-scadenza{ background-color:#fff; border:solid 1px #EF423D; color:#EF423D;}
.label-spedizione-gratis{ background-color:#66B445;   color:#fff; }
.label-novita{ background-color:#08c;  color:#fff; }
.info_prebuy{ background-color:#F4B628;  color:#000; display:block; width:100%; margin-bottom:5px; font-weight:bold; }
.info_codsconto{ background-color:#f44028;  color:#fff; display:block; width:100%; margin-bottom:5px; font-weight:bold; }
.product-label+.product-label{top:3.6rem}
.ratings-container{margin-bottom:.8rem;line-height:1}
.ratings-container .product-ratings,.ratings-container .ratings{position:relative;display:inline-block;font-size:1.4rem;letter-spacing:0.1em;line-height:1;font-family:'porto'}
.ratings-container .product-ratings{height:14px}
.ratings-container .product-ratings::before{content:"\e852 " "\e852 " "\e852 " "\e852 " "\e852";color:#b3b3b3}
.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:#706f6c}
.product.product-sm{margin-bottom:2rem}.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}
.product-sm::after{display:block;clear:both;content:''}
.product-sm .product-image-container{float:left;max-width:80px;margin-bottom:0}
.product-sm .product-image-container a::after{display:none}
.product-sm .product-details{margin-left:102px;text-align:left;padding:.2rem 0 0}
.product-sm .price-box{border:0;padding:0;margin-bottom:0}
.product-sm .product-title{font-size:1.4rem;margin-bottom:.4rem;color:#5b5b5f}
.product-sm .product-title a{color:inherit}
.product-sm .ratings-container{margin-bottom:.8rem}
.product-sm .ratings-container .product-ratings,.product-sm .ratings-container .ratings{font-size:1.1rem}
.product-sm .ratings-container .product-ratings{height:11px}
.product-sm .old-price{font-size:1.4rem}
.product-sm .old-price+.product-price{margin-left:.5rem}
.product-sm .product-price{font-size:1.6rem}
.product-sm:hover .product-image,.product-sm:hover .product-details{transform:translateY(0) !important}
.product-list-wrapper::after{display:block;clear:both;content:''}
.product-list-wrapper .product-title{font-size:1.8rem;margin:0 0 1rem}
.product-list-wrapper .product-details{color:#8a8a8a;font-size:1.4rem;text-align:left;padding:2rem 0 0}
.product-list-wrapper .product-details p{margin-bottom:1.3rem}
.product-list-wrapper .product-details p a{color:#08c}
.product-list-wrapper .price-box{margin-bottom:1.2rem}
.product-list-wrapper .product-action{justify-content:flex-start}
.product-list-wrapper .paction.add-wishlist{right:0;visibility:visible;opacity:1}
.product-list-wrapper .paction.add-compare{left:0;visibility:visible;opacity:1}
.category-grid [class*="col-"]{border-right:1px solid #e3e4e4;border-bottom:1px solid #e3e4e4}
.category-grid [class*="col-"]:hover{box-shadow:0 0 40px rgba(0,0,0,0.1);z-index:1}
.grid-product{padding:5rem 0 0;transition:all .3s}
.grid-product:hover{padding:1rem 0 4rem}
.grid-product .product-image-container{border:0}
.product-grid-action{visibility:hidden;opacity:0;margin:0;transition:all .3s}
.grid-product:hover .product-grid-action{visibility:visible;opacity:1}
	
@media screen and (max-width: 575px){
	.grid-product .add-wishlist,.grid-product .add-compare,.product .add-wishlist,.product .add-compare{display:none}
}

@media screen and (min-width: 576px){
	.product{margin-bottom:3.5rem}
	.product.product-list-wrapper{margin-bottom:3rem}
	.product-list-wrapper .product-image-container{width:30%;float:left;margin-bottom:0}
	.product-list-wrapper .product-details{width:70%;float:left;padding:0 0 0 2rem}
}

@media screen and (min-width: 768px){
	.product{margin-bottom:4.3rem}
	.product-list-wrapper .product-image-container{width:26%}
	.product-list-wrapper .product-details{width:74%}
	.product-list-wrapper .product-title{margin-top:.4rem}
}

@media screen and (min-width: 768px) and (max-width: 800px){
	.product .add-wishlist,.product .add-compare{min-width:39px}
}

@media screen and (min-width: 1200px){
	.col-xl-5col .add-cart{min-width:118px}
	.col-xl-5col .add-cart span{font-size:1.2rem}
	.col-xl-5col .paction{height:39px;min-width:37px}
	.col-lg-9 .featured-section .paction,.col-xl-3 .paction{height:35px;min-width:35px}
	.col-lg-9 .featured-section .add-cart,.col-xl-3 .add-cart{min-width:105px}
	/*.col-lg-9 .featured-section .add-cart span,.col-xl-3 .add-cart span{font-size:1.2rem}*/
	.row.row-sm .col-xl-2,.row.row-sm .col-xl-7col,.row.row-sm .col-xl-8col{padding-left:.5rem;padding-right:.5rem}
	.col-xl-2 .add-wishlist,.col-xl-2 .add-compare,.col-xl-7col .add-wishlist,.col-xl-7col .add-compare,.col-xl-8col .add-wishlist,.col-xl-8col .add-compare{display:none}
	.col-xl-2 .paction+.paction,.col-xl-7col .paction+.paction,.col-xl-8col .paction+.paction{margin-left:0}
}

@media screen and (min-width: 992px){
	.col-lg-9 .featured-products .add-cart{min-width:115px}
	.col-lg-9 .featured-products .paction+.paction{margin-left:.5rem}
}

.banner{display:block;position:relative;margin-bottom:0;background-color:#ccc}
.banner.banner-cat{display:flex;align-items:center;height:220px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#ccc;margin-bottom:0}
.banner>a{display:block}
.banner img{display:block;max-width:none;width:100%;height:auto}
.banner .banner-content{display:inline-block}
.banner .banner-title{color:#010204;font:800 3rem/1.1 'Baloo 2', cursive;margin-bottom:3rem;letter-spacing:-.025rem;text-transform:uppercase}
.banner .banner-subtitle{color:#010204;font:700 1.5rem/1.1 'Baloo 2', cursive;letter-spacing:0;text-transform:uppercase;margin-bottom:.2rem}
.banner .banner-subtitle span{font-size:2.4rem;font-family:"Baloo 2",sans-serif}.banner .btn{padding:1.1rem 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(0,0,0,0.2);transition:all 0.3s ease;opacity:0;visibility:hidden}
.banner-image>a:hover::after,.banner-image>a:focus::after{visibility:visible;opacity:1}

@media screen and (min-width: 768px){
	.banner.banner-cat{height:260px}
	.banner .banner-title{font-size:3.2rem;margin-bottom:2.5rem}
	.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:3.6rem;margin-bottom:3rem}
	.banner .banner-subtitle{font-size:1.8rem}
	.banner .banner-subtitle span{font-size:2.6rem}
}

.breadcrumb-nav{margin-bottom:0}
.breadcrumb{background-color:transparent;border-radius:0;margin-bottom:10px;padding:1.0rem 0 0 0;}
.breadcrumb-item{text-transform:capitalize;font:400 1.2rem/1.4 'Baloo 2', cursive;letter-spacing:.025rem}
.breadcrumb-item i{font-size:1.3rem;vertical-align:top;margin-top:-.2rem}
.breadcrumb-item+.breadcrumb-item{padding-left:1rem}
.breadcrumb-item+.breadcrumb-item::before{content:'\e81a';font-family:'porto';padding-right:1rem;font-size:1.3rem;vertical-align:middle;margin-top:-.3rem;color:#8e8e8e}
.breadcrumb-item a,.breadcrumb-item.active{color:#000}
.page-header{padding:4rem 0}
.page-header h1 span{display:block;font-family:'Baloo 2', cursive;font-size:1.5rem;font-weight:700;font-style:normal;line-height:1;margin-bottom:.4rem}
.page-header .btn{font-size:1.4rem;padding:.85rem 2rem;border-radius:.2rem;min-width:100px}
.page-header.page-header-bg{background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#ccc}
.page-header.page-header-bg h1{margin-bottom:2rem}
.page-header h1,.page-title{color:#1e3636;font-weight:800;text-transform:uppercase;margin-bottom:0}

@media screen and (min-width: 768px){
	.page-header{padding-top:6rem;padding-bottom:6rem}
	.page-header h1 span{font-size:1.6rem}
	.page-header.page-header-bg{background-position:center right}
	.page-header.page-header-bg h1{margin-bottom:2.5rem}
}

@media screen and (min-width: 992px){
	.page-header{padding-top:8rem;padding-bottom:8rem}
	.page-header h1 span{font-size:1.8rem}
	.page-header.page-header-bg h1{margin-bottom:3rem}
}

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

form{margin-bottom:3.5rem}form h2{margin-top:3.4rem;margin-bottom:2.3rem}
.form-group{margin-bottom:1.4rem}
.form-group {
    margin-bottom: 1.4rem
}

.form-group .form-control,
.form-group .select-custom {
    margin-bottom: 0
}

.form-group .form-control+.form-control {
    margin-top: 1rem
}

.form-group-sm {
    margin-bottom: .9rem;
    max-width: 480px
}

.form-control {
    height: 4.8rem;
    padding: 1.25rem 1.5rem;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: 'Baloo 2', cursive;
    color: #7a7d82;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    margin-bottom: 1rem;
    transition: all .3s;
  /*  max-width: 480px*/
}

.form-control-sm {
    height: 4.5rem;
    padding: 1.2rem 1.5rem;
    font-size: 1.3rem
}

select.form-control:not([size]):not([multiple]) {
    height: 4.8rem
}

select.form-control-sm:not([size]):not([multiple]) {
    height: 4.5rem
}

.form-control:focus {
    color: #7a7d82;
    background-color: #fff;
    border-color: #282d3b;
    box-shadow: none
}

.main .form-control::-webkit-input-placeholder {
    color: #7a7d82
}

.main .form-control::-moz-placeholder {
    color: #7a7d82
}

.main .form-control:-ms-input-placeholder {
    color: #7a7d82
}

.main .form-control::-ms-input-placeholder {
    color: #7a7d82
}

.main .form-control::placeholder {
    color: #7a7d82
}

textarea.form-control {
    min-height: 176px;
    max-width: 680px
}

.form-footer {
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-top: 2rem;
    margin-bottom: 3.5rem;
    font-size: 1.4rem
}

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

.form-footer .form-footer-right .btn {
    margin: 0
}

.forget-pass {
    line-height: 1.3
}

.form-footer .btn {
    margin-right: 3rem
}

label {
    color: #000;
    font-weight: 400;
    font-size: 1.4rem;
    margin: 0 0 .6rem
}

.required-field>label::after {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
    margin: 0 0 0 .45rem
}

.required {
    color: #e02b27;
    font-size: 1.2rem
}

.required+.form-footer {
    margin-top: 0.8rem
}

.select-custom {
    position: relative;
    margin-bottom: 1rem
}

.select-custom select {
    -webkit-appearance: none;
    appearance: none
}

/*.select-custom::after{font-family:'porto';content:'\e81c';position:absolute;display:inline-block;right:1.9rem;top:50%;font-size:1.5rem;transform:translateY(-51%);color:#34373f}*/

.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 {
    text-transform: initial;
    font-family: 'Baloo 2', cursive;
    letter-spacing: 0;
    font-weight: 400
}

.custom-control {
    position: relative;
    padding-left: 3rem;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.custom-control-label {
    position: static;
    margin-bottom: 0;
    margin-top: .1rem;
    font-size: 1.4rem
}

.custom-control-label:before {
    left: 0;
    top: .4rem;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: 1px solid #000
}

.custom-control-label:after {
    left: 0;
    top: .4rem;
    width: 2rem;
    height: 2rem
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    color: #282d3b;
    border-color: #08c;
    background-color: #08c
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #08c
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 136, 204, 0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 136, 204, 0.5)
}

.form-input {
    padding: 1rem 1.2rem;
    border-radius: 2px;
    border: 1px solid #ddd
}

.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: 1.25rem 2rem;
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "Baloo 2", 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: 'Baloo 2', cursive
}

.btn-link:hover,
.btn-link:focus {
    color: #282d3b;
    text-decoration: underline
}

.btn-md {
    padding: 1rem 2.4rem;
    text-shadow: none;
    font-size: 12px;
    letter-spacing: .025em
}

.btn-primary {
    color: #fff;
    background-color: #08c;
    border-color: #08c;
    box-shadow: none
}
/*
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #00a3f5;
    border-color: #00a3f5;
    box-shadow: none
}
*/
.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    background-color: #00a3f5;
    border-color: #00a3f5;
    box-shadow: none
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #08c;
    border-color: #08c
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #069;
    border-color: #005e8c
}

.btn-secondary {
    color: #fff;
    background-color: #282d3b;
    border-color: #282d3b;
    box-shadow: none
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus {
    color: #fff;
    background-color: #384053;
    border-color: #384053;
    box-shadow: none
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #282d3b;
    border-color: #282d3b
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #13161d;
    border-color: #0e1015
}

.btn-dark {
    color: #fff;
    background-color: #010204;
    border-color: #010204;
    box-shadow: none
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    box-shadow: none
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #010204;
    border-color: #010204
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1a1a;
    border-color: #1a1a1a
}

.btn-outline {
    color: #ccc;
    background-color: transparent;
    background-image: none;
    border-color: #ccc
}

.btn-outline:hover,
.btn-outline.focus {
    color: #282d3b;
    background-color: transparent;
    border-color: #08c;
    box-shadow: none
}

.btn-outline.disabled,
.btn-outline:disabled {
    color: #ccc;
    background-color: transparent
}

.btn-outline:not(:disabled):not(.disabled):active,
.btn-outline:not(:disabled):not(.disabled).active,
.show>.btn-outline.dropdown-toggle {
    color: #282d3b;
    background-color: transparent;
    border-color: #08c
}

.btn-outline-secondary {
    color: #777;
    background-color: transparent;
    background-image: none;
    border-color: #ccc
}
/*
.btn-outline-secondary:hover,
.btn-outline-secondary.focus {
    color: #fff;
    background-color: #08c;
    border-color: #08c;
    box-shadow: none
}
*/
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #08c;
    border-color: #08c;
    box-shadow: none
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #777;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #08c;
    border-color: #08c
}

.btn-outline-secondary.focus {
	  color: #777 ;
    background-color: transparent ;
    background-image: none ;
    border-color: #ccc 
}

.btn-outline-dark {
    color: #05131c;
    background-color: transparent;
    background-image: none;
    border-color: #efefef
}

.btn-outline-dark:hover,
.btn-outline-dark.focus {
    color: #fff;
    background-color: #08c;
    border-color: #08c;
    box-shadow: none
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #05131c;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #08c;
    border-color: #08c
}

.btn-social-login {
    display: flex;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    font-family: Baloo 2;
    background-color: #08c
}

.btn-social-login span,
.btn-social-login i {
    color: #fff
}

.btn-social-login i {
    padding-right: 6px;
    margin-top: -1px
}

.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% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.mfp-container .mfp-preloader,
.porto-loading-icon {
    content: '';
    display: inline-block;
    border: 2px solid transparent;
    width: 40px;
    height: 40px;
    -webkit-animation: spin .75s infinite linear;
    animation: spin .75s infinite linear;
    border-image: none;
    border-radius: 50%;
    z-index: 2;
    border-top-color: #08c;
    margin: 0 auto
}

.mfp-container .mfp-preloader::before,
.porto-loading-icon::before {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    right: 0;
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit;
    border-top-color: inherit;
    -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.5rem
}

.card {
    border-radius: 0;
    border: 1px solid #ddd;
    font-size: 1.4rem;
    margin-bottom: 3rem
}

.card-header {
    padding: 1.2rem 1.5rem;
    background-color: #f5f5f5;
    border-radius: 0;
    color: #21293c;
    border-color: #ddd;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    margin: 0
}

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

.card-header .card-edit {
    display: inline-block;
    float: right;
    font-size: 1.3rem;
    color: #282d3b;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: .1rem
}

.card-body {
    padding: 2rem 1.5rem;
    border-top: 0;
    border-radius: 0;
    min-height: 135px
}

.card-body a {
    text-decoration: underline
}

.card-body h4 {
    color: #8a8a8a;
    margin-bottom: .7rem
}

.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: flex;
    align-items: center;
    height: 80px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.modal-title {
    font-weight: 400
}

.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);
        overflow-y: auto;
        padding-top: 2rem
    }
    .modal-header,
    .modal-footer,
    .modal-body {
        padding-left: 2rem;
        padding-right: 2em
    }
}

@media screen and (min-width: 992px) {
    .modal-dialog {
        max-width: 800px
    }
    .modal-header,
    .modal-footer,
    .modal-body {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media screen and (max-width: 479px) {
    .modal-open,
    .modal-open .modal {
        padding-right: 0 !important
    }
}

.member {
    background-color: #fff;
    margin-bottom: 2.8rem;
    padding: 2.5rem 0;
    text-align: center;
    transition: all .3s ease
}

.member img {
    border-radius: 50%;
    display: inline-block !important;
    height: auto;
    max-width: 160px !important
}

.owl-carousel .member {
    margin-bottom: .5rem
}

.member-title {
    color: #282d3b;
    font: 700 1.4rem/1 'Baloo 2', cursive;
    margin: 2.5rem 0 .5rem;
    text-transform: uppercase
}

.member-job {
    color: #8c8e94;
    display: block;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.tooltip {
    font-family: 'Baloo 2', cursive;
    font-size: 1.3rem
}

.tooltip.show {
    opacity: 1
}

.tooltip .arrow {
    height: 1rem;
    width: 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 {
    border-top-color: #ddd;
    border-width: 1rem 1rem 0;
    margin-left: -.5rem
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 1rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
    height: 2rem;
    width: 1rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #ddd;
    border-width: 1rem 1rem 1rem 0
}

.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 {
    border-bottom-color: #ddd;
    border-width: 0 1rem 1em;
    margin-left: -.5rem
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 1rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
    height: 1rem;
    width: 1rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #ddd;
    border-width: 1rem 0 1rem 1rem
}

.tooltip-inner {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: .1rem;
    color: #777;
    max-width: 270px;
    padding: 1.2rem 1.5rem;
    text-align: left
}

.social-icons {
    display: flex;
    align-items: center
}

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    width: 3.2rem;
    height: 3.2rem;
    background-color: #08c;
    color: #fff;
    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 {
    color: #fff;
    background-color: #3b5a9a
}

.social-icon.social-twitter {
    color: #fff;
    background-color: #1aa9e1
}

.social-icon.social-linkedin {
    color: #fff;
    background-color: #0073b2
}

.social-icon.social-gplus {
    color: #fff;
    background-color: #dd4b39
}

.social-icon.social-mail {
    color: #fff;
    background-color: #dd4b39
}

.info-boxes-container {
    background-color: #f4f4f4;
    margin-bottom: 2.7rem
}

.info-boxes-container .container,
.info-boxes-container .container-fluid {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0
}

.info-box {
    display: flex;
  /*  align-items: center;*/
    padding: 1rem 1.5rem;
    width: 100%;
    color: #000;
}

.info-box i {
    color: #000;
    font-size: 5rem;
    margin-right: 2.9rem;
    min-width: 3.5rem;
    text-align: center;
	margin-top:-15px;
}

.info-box i::before {
    margin: 0;
    width: auto
}

.info-box h4 {
    color: #000;
    margin-bottom: 0.2rem;
    font: 600 2.1rem/1.1 'Baloo 2', cursive;
    letter-spacing: 0.05rem;
    text-transform: uppercase
}

.info-box p {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: .01rem
}

.info-box+.info-box {
    border-top: 1px solid #fff
}

@media screen and (min-width: 768px) {
    .info-boxes-container .container,
    .info-boxes-container .container-fluid {
        flex-direction: row;
        align-items: center;
        justify-content: center
    }
    .info-box {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        justify-content: center
    }
    .info-box:first-child {
        justify-content: flex-start
    }
    .info-box+.info-box {
        border-top: none;
      /*  border-left: 1px solid #fff*/
    }
}

.feature-box {
    background-color: #fff;
    color: #7b858a;
    font-size: 1.5rem;
    line-height: 2;
    width: 100%
}

.feature-box i {
    color: #08c;
    display: inline-block;
    font-size: 5rem;
    line-height: 1;
    margin-bottom: 2.2rem
}

.feature-box i::before {
    margin: 0
}

.feature-box h3 {
    color: #21293c;
    font: 600 1.8rem/1.1 'Baloo 2', cursive;
    letter-spacing: 0;
    margin-bottom: 2rem
}

.feature-box p {
    margin-bottom: 0
}

.feature-box-content {
    color: #7b858a;
    font-size: 1.5rem;
    line-height: 1.8
}

@media screen and (min-width: 768px) {
    .feature-box {
        padding: 4.1rem 4.5rem 4rem
    }
    .feature-box.feature-box-simple {
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .feature-box p {
        min-height: 120px
    }
}

.nav.nav-tabs {
    border: 0;
    margin: 0;
    border-bottom: .2rem solid #e7e7e7
}

.nav.nav-tabs .nav-item {
    margin-bottom: -.2rem
}

.nav.nav-tabs .nav-item .nav-link {
	background:none !important;
    padding: 1.2rem 0;
    font: 500 2rem/1 "Baloo 2", sans-serif;
    color: #282d3b;
    border: 0;
    border-bottom: .2rem solid transparent;
   /* text-transform: uppercase;*/
    letter-spacing: .01rem
}

.nav.nav-tabs .nav-item .nav-link:hover {
    color: #08c
}

.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 {
    color: #000;
	font-weight:bold;
    border-bottom-color: #000
}

@media screen and (max-width: 479px) {
    .nav.nav-tabs {
        justify-content: space-between
    }
    .nav.nav-tabs .nav-item+.nav-item {
        margin-left: 0
    }
}

.count-container {
    margin-bottom: 2rem
}

.count-wrapper {
    font: 800 3.2rem/1 'Baloo 2', cursive;
    text-transform: uppercase;
    color: #08c;
    margin-bottom: .7rem
}

.count-wrapper span+span {
    font-size: 1.9rem
}

.count-title {
    color: #7b858a;
    font: 400 1.4rem/1 'Baloo 2', cursive;
    margin-bottom: 0
}

.testimonial-owner {
    display: flex;
    align-content: center
}

.testimonial-owner figure {
    max-width: 60px;
    margin-right: 25px
}

.testimonial-owner h4 {
    display: block;
    margin-bottom: .5rem;
    color: #111;
    padding-top: .7rem;
    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;
    padding: 1rem 2rem;
    margin-left: 15px;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.8
}

.testimonial blockquote::before {
    content: '\e842';
    position: absolute;
    left: -1rem;
    top: 0;
    font-family: 'porto';
    font-weight: 400;
    font-size: 2.1rem;
    line-height: 1;
    color: #08c
}

@media screen and (min-width: 576px) {
    .testimonial blockquote {
        padding: 1.5rem 3rem 1.5rem 2rem;
        margin-left: 85px
    }
}

.toolbox {
    color: #7a7d82;
    display: flex;
    flex-direction: row;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1.5rem
}

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

.toolbox.toolbox-pagination {
    margin-bottom: 5rem;
    padding-top: 2rem;
    border-top: .1rem solid #efefef
}

.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 {
    font-size: 1.2rem;
    padding-right: 2.5rem;
    max-width: 160px;
    border-color: #e4e4e4
}

.toolbox label {
    display: none;
    margin-bottom: 0;
    margin-top: 1px;
    font-weight: 400;
    color: #7a7d82;
    font-size: 1.3rem
}

.toolbox .form-control {
    color: #7a7d82;
    display: inline-block;
    border-width: .1rem;
    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 {
    border-radius: 0;
    font-weight: 700;
    font-family: 'Baloo 2', cursive;
    align-items: center;
    margin-bottom: 0
}

.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: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: .2rem;
    padding-right: .2rem;
    min-width: 0;
    height: 3.2rem;
    border: 0;
    padding: 0;
    color: #6f6e6b;
    font-size: 2rem
}

.page-link.page-link-btn i {
    position: relative;
    top: -.1rem
}

.page-link.page-link-btn i::before {
    margin-left: 0;
    margin-right: 0
}

.page-link:hover,
.page-link:focus {
    box-shadow: none;
    color: #08c;
    text-decoration: none;
    background-color: transparent
}

.page-item+.page-item {
    margin-left: .7rem
}

.page-item span {
    padding-left: .3rem;
    padding-right: .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 {
    color: #08c;
    background-color: transparent;
    border-color: #e9e9e9
}

.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: flex;
    align-items: center
}

.toolbox-item {
    display: flex;
    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 {
    font-size: 1.7rem;
    color: #000;
    margin-left: .8rem;
    text-decoration: none
}

.sorter-btn::before {
    content: '\e890';
    font-family: 'porto'
}

.sorter-btn.btn-desc::before {
    content: '\e891'
}

.sorter-btn:hover,
.sorter-btn:focus {
    text-decoration: none
}

.layout-modes {
    display: none;
    font-size: 0;
    margin-left: 2.1rem
}

.layout-btn {
    display: inline-block;
    height: 3.4rem;
    font-size: 1.6rem;
    line-height: 3.4rem;
    color: #000;
    text-align: center;
    margin-right: .7rem;
    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: #08c;
    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: flex
    }
    .horizontal-filter .toolbox-show {
        margin-left: 0
    }
    .toolbox-pagination .toolbox-show {
        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: flex
    }
}

@media screen and (min-width: 768px) {
    .toolbox label {
        display: block
    }
}

@media screen and (min-width: 992px) {
    .toolbox.toolbox-pagination {
        margin-bottom: 5rem
    }
}

@media screen and (max-width: 575px) {
    .horizontal-filter .toolbox-item.toolbox-sort {
        margin-right: 0
    }
}

.login-popup .mfp-content {
    background-color: white;
    max-width: 872px;
    width: 80%
}

.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: 'Baloo 2', cursive;
    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 {
    font-size: 1.3rem;
    margin: 0 0 0 auto
}

.login-popup .forget-password {
    color: #08c;
    font-size: 1.3rem
}

.login-popup .social-login-wrapper {
    background-color: #f4f4f2;
    padding: 2rem 2rem 2.5rem;
    text-align: center
}

.login-popup .social-login-wrapper p {
    color: #121214;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.login-popup .btn-group {
    flex-wrap: wrap;
    justify-content: space-around
}

.mfp-ready.mfp-bg {
    background-color: #000;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    transition: all .35s ease-out
}

.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 {
    opacity: 0;
    -moz-transition: all .35s ease-out;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out
}

.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
    }
}

.home-top-container {
    padding-top: 2.7rem
}

.owl-carousel-lazy.owl-carousel {
    display: block
}

.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: flex
}

.owl-carousel-lazy.owl-carousel:not(.owl-loaded)>*:not(:first-child) {
    display: none
}

.home-slider {
/*    margin-bottom: 2.7rem; */
    position: relative;
    background-color: #ddd
}

.home-slider::after,
.home-slider::before {
    border: 2px solid transparent;
    border-image: none;
    border-radius: 50%;
    border-top-color: #08c;
    content: '';
    height: 40px;
    left: calc(50% - 2rem);
    position: absolute;
    top: calc(50% - 2rem);
    width: 40px
}

.home-slider::before {
    -webkit-animation: spin 1s infinite ease;
    animation: spin 1s infinite ease;
    z-index: 4
}

.home-slider::after {
    -webkit-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear;
    z-index: 5
}

.home-slider.loaded::after,
.home-slider.loaded::before {
    display: none
}

.home-slide {
    width: 100%;
    height: auto;
    background-color: #ccc
}

.home-slide,
.category-slide {
    display: flex;
    align-content: center
}

.home-slide .slide-bg,
.category-slide .slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    max-height: none !important;
    z-index: 2;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.home-slide {
    position: relative
}

.home-slide::before {
    content: '';
    display: block;
    padding-top: 47.3563218391%;
    width: 100%
}

.home-slide-content {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0 3.2rem 1.5rem;
    z-index: 3;
    transform: translateY(-50%);
    color: #585b5f;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.5
}

.home-slide-content h1 {
    color: #2c373c;
    font-weight: 800;
    font-size: 2.8rem;
    font-family: 'Baloo 2', cursive;
    text-transform: uppercase;
    letter-spacing: -.06rem;
    margin-bottom: .4rem;
    line-height: 1
}

.home-slide-content h3 {
    color: #2c373c;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.1;
    font-family: 'Baloo 2', cursive;
    text-transform: uppercase;
    margin-bottom: .1rem;
    letter-spacing: 0
}

.home-slide-content h3 span {
    font-size: 2.6rem;
    font-family: "Baloo 2", sans-serif
}

.home-slide-content .btn {
    padding: .7rem 1rem;
    font-weight: 400;
    font-size: 1.3rem;
    min-width: 112px;
    border-radius: .1rem
}

.home-slide-content.text-white {
    color: #fff
}

.home-slide-content.text-white h1,
.home-slide-content.text-white h3 {
    color: #fff
}

.home-slider.owl-carousel .owl-nav .owl-prev,
.home-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    font-size: 3rem;
    margin: 0;
    line-height: 1;
    color: #fff;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    transition: all .3s;
    font-weight: 100;
    transform: translateY(-50%)
}

.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 {
    color: #08c;
    border-color: transparent;
    background-color: transparent
}

.home-slider.owl-carousel .owl-dots {
    display: none;
    position: absolute;
    left: 0rem;
    bottom: -2rem;
    margin: 0;
    line-height: 0
}

.home-slider.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 2.4rem;
    height: .3rem;
    background-color: rgba(1, 2, 4, 0.3);
    line-height: 1;
    transition: all 0.15s
}

.home-slider.owl-carousel .owl-dots .owl-dot+.owl-dot {
    margin-left: .5rem
}

.home-slider.owl-carousel .owl-dots .owl-dot:hover,
.home-slider.owl-carousel .owl-dots .owl-dot:focus {
    background-color: #08c
}

.home-slider.owl-carousel .owl-dots .owl-dot.active {
    background-color: #010204
}

.owl-carousel .product:not(.product-sm) {
    margin-bottom: 0
}

.side-custom-menu {
    margin-bottom: 2.7rem
}

.side-custom-menu h2 {
    background-color: #f4f4f4;
    padding: 1.75rem 2rem;
    font: 700 1.4rem/1 'Baloo 2', cursive;
    text-transform: uppercase;
    border: .1rem solid #dae2e6;
    border-radius: .3rem .3rem 0 0;
    margin-bottom: 0
}

.side-custom-menu .side-menu-body {
    padding: 1rem 1.5rem 1.5rem;
    border: .1rem solid #dae2e6;
    border-top: none;
    border-radius: 0 0 .3rem .3rem
}

.side-custom-menu ul {
    margin: 0 0 2.8rem
}

.side-custom-menu ul li a {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.5;
    text-decoration: none;
    color: #465157;
    padding: .6rem 1rem;
    border-bottom: 1px solid #e6ebee
}

.side-custom-menu ul li a i {
    font-size: 1.8rem;
    margin-right: 1.5rem
}

.side-custom-menu ul li a:hover,
.side-custom-menu ul li a:focus {
    color: #fff;
    background-color: #08c;
    text-decoration: none
}

.side-custom-menu ul li:last-child {
    border-bottom: none
}

.side-custom-menu .btn {
    font-weight: 600;
    font-size: 1.4rem;
    font-family: 'Baloo 2', cursive;
    border-radius: .2rem;
    letter-spacing: 0;
    padding: 1.45rem 1rem
}

.banners-group {
    margin-bottom: 3rem
}

.banners-group .banner {
    margin-bottom: 1.5rem
}

.owl-dots-top.owl-carousel .owl-dots {
    position: absolute;
    right: 0;
   /* top: -58px;*/
    margin: 0
}

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

.featured-section {
    background-color: #f4f4f4;
    padding-top: 5.8rem;
    padding-bottom: 8rem
}

@media screen and (min-width: 576px) {
    .home-slider.owl-carousel .owl-dots {
        display: block
    }
    .home-slide-content h1 {
        font-size: 4.4rem
    }
    .home-slide-content p {
        margin-bottom: 4.5rem
    }
    .home-slide-content .btn {
        padding: 1.1rem 2rem;
        font-size: 1.3rem;
        min-width: 132px
    }
    .banners-group .banner {
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 768px) {
    .home-slider.owl-carousel .owl-dots {
        left: 0rem;
        bottom: -2rem
    }
    .home-slide-content {
        padding-left: 7.2rem
    }
    .side-custom-menu .side-menu-body {
        padding: 1.2rem 2.8rem 2.8rem
    }
}

@media screen and (min-width: 992px) {
    .home-slide {
     /*   height: 412px*/
    }
    .banners-group {
        margin-bottom: 5.5rem
    }
    .side-custom-menu .side-menu-body {
        padding: 1.2rem 1.8rem 2.8rem
    }
}

.about-section {
    padding: 1rem 0 2.5rem;
    font-size: 1.5rem;
    line-height: 1.8;
    color: #7b858a
}

.about-section p {
    margin-bottom: 2rem
}

.features-section {
    padding: 5rem 0 2.4rem;
    background-color: #f1f1f1
}

.testimonials-section {
    padding: 5rem 0 5rem
}

.testimonials-section .subtitle {
    margin-bottom: 3.5rem
}

.testimonials-carousel blockquote {
    margin-bottom: 0;
    padding-bottom: 0
}

.testimonials-carousel.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: .5rem
}

.counters-section {
    padding: 4.5rem 0 4rem;
    background-color: #efefef
}

@media screen and (min-width: 768px) {
    .about-section {
        padding-top: 3rem;
        padding-bottom: 3.5rem
    }
}

@media screen and (min-width: 992px) {
    .counters-section .col-md-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.sidebar-wrapper {
    margin-bottom: 10px
}

.sidebar-shop {
    font-size: 1.4rem
}

.sidebar-shop .widget {
    padding: 1.8rem 1.5rem 1.3rem;
    border: 1px solid #dae2e6;
    border-bottom: none;
    margin: 0
}

.sidebar-shop .widget::after {
    display: block;
    clear: both;
    content: ''
}

.sidebar-shop .widget:last-child {
    border-bottom: 1px solid #dae2e6
}

.sidebar-shop .widget .product.product-sm:last-child {
    margin-bottom: .4rem
}

.sidebar-shop .widget-title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.1;
    text-transform: uppercase;
    color: #21293c;
    font-family: 'Baloo 2', cursive;
    margin: 0
}

.sidebar-shop .widget-title a {
    color: inherit;
    position: relative;
    display: block;
    padding: .2rem 0 .6rem
}

.sidebar-shop .widget-title a:hover,
.sidebar-shop .widget-title a:focus {
    color: #21293c;
    text-decoration: none
}

.sidebar-shop .widget-title a::after {
    content: '\e81b';
    font-family: 'porto';
    position: absolute;
    display: inline-block;
    font-size: 1.7rem;
    right: .1rem;
    top: 0;
    transition: all 0.35s;
    font-weight: 400
}

.sidebar-shop .widget-title a.collapsed::after {
    content: '\e81c'
}

.sidebar-shop .widget-body {
    padding-top: 1.3rem;
    padding-bottom: .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;
    font-size: 1.8rem;
    line-height: 1;
    color: #21293c;
    border-radius: 0
}

.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.2rem;
	line-height:18px;
}

.cat-list li:last-child {
    margin-bottom: 0
}

.cat-list li a {
    font-weight: 600;
    color: #7a7d82;
	line-height:10px;
}

.cat-list li a span {
    float: right
}

.cat-list li a:hover,
.cat-list li a:focus {
    color: #08c
}

.price-slider-wrapper {
    padding-top: 1rem
}

.filter-price-action {
    display: flex;
    align-items: center;
    margin-top: 2.5rem;
    padding-bottom: .4rem
}

.filter-price-action::after {
    display: block;
    clear: both;
    content: ''
}

.filter-price-action .filter-price-text {
    color: #7a7d82;
    font-weight: 600;
    margin-left: auto;
    font-size: 1.4rem
}

.filter-price-action .btn {
    font-size: 1.4rem;
    padding: .3rem 1.2rem;
    letter-spacing: .08em;
    min-width: 0
}

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

.config-swatch-list li {
    display: inline-flex;
    margin-right: .4rem;
    margin-bottom: .4rem
}

.config-swatch-list a {
    position: relative;
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    transition: all .3s
}

.config-swatch-list a:hover,
.config-swatch-list a:focus {
    box-shadow: 0 0 0 .1rem #fff, 0 0 0 .2rem #dfdfdf
}

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

.config-size-list {
    margin-right: -.9rem
}

.config-size-list li {
    display: inline-flex;
    margin-right: .9rem;
    margin-bottom: .9rem
}

.config-size-list li a {
    position: relative;
    display: block;
    min-width: 4.4rem;
    height: 3rem;
    transition: all .3s;
    font-weight: 400;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.8rem;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    text-decoration: none;
    color: #7a7d82
}

.config-size-list li a:hover,
.config-size-list li a:focus {
    color: #fff;
    border-color: #08c;
    background-color: #08c;
    text-decoration: none
}

.config-size-list li.active a {
    color: #fff;
    border-color: #08c;
    background-color: #08c;
    outline: 0.1rem solid #08c
}

.widget-block {
    color: #21293c
}

.widget-block h5 {
    font-weight: 600;
    font-size: 1.4rem;
    color: #7a7d82;
    margin-bottom: 2.3rem;
    margin-top: .8rem
}

.widget-block p {
    max-width: 210px
}

.boxed-slider {
    position: relative;
    background-color: #ddd
}

.boxed-slider::after,
.boxed-slider::before {
    border: 2px solid transparent;
    border-image: none;
    border-radius: 50%;
    border-top-color: #08c;
    content: '';
    height: 40px;
    left: calc(50% - 2rem);
    position: absolute;
    top: calc(50% - 2rem);
    width: 40px
}

.boxed-slider::before {
    -webkit-animation: spin 1s infinite ease;
    animation: spin 1s infinite ease;
    z-index: 4
}

.boxed-slider::after {
    -webkit-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear;
    z-index: 5
}

.boxed-slider.loaded::after,
.boxed-slider.loaded::before {
    display: none
}

.boxed-slider .category-slide {
    height: 300px;
    display: flex;
    align-items: center
}

.boxed-slide-content {
    z-index: 3;
    background-color: transparent;
    margin-bottom: 0
}

.boxed-slide-content .btn {
    display: inline-block
}

.boxed-slider .owl-dots {
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    right: 0
}

.category-grid {
    margin-top: -1rem
}

.horizontal-filter {
    background-color: #f4f4f4;
    padding: 1.2rem 1rem;
    margin-bottom: 18px
}

.horizontal-filter .price-sort {
    position: relative
}

.horizontal-filter .price-sort label {
    font-size: 1.2rem
}

.horizontal-filter .price-sort .input-price {
    display: block;
    box-shadow: none;
    margin-bottom: 10px;
    padding: 5px 8px;
    line-height: 1.4;
    width: 100%
}

.horizontal-filter .price-sort.opened:before {
    display: block
}

.sort-list li {
    padding: 7px 0;
    font-size: 1.2rem;
    text-transform: uppercase
}

.filter-toggle {
    display: flex;
    align-items: center;
    margin-right: 1rem
}
/*
.filter-toggle a {
    position: relative;
    display: inline-block;

    height: 26px;
    background: #e6e6e6;
    border-radius: 13px;
    margin-left: 8px;
    text-decoration: none
}

.filter-toggle a::before {
    content: '';
    position: absolute;
    left: 0;
    width: 42px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    -webkit-transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition: all .3s linear
}

.filter-toggle a::after {
    content: '';
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    -webkit-transform: translate3d(2px, 2px, 0);
    transform: translate3d(2px, 2px, 0);
    transition: all .2s ease-in-out
}

.filter-toggle.opened a {
    background-color: #08c
}

.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 {
        transition: all 0.3s linear 0s;
        visibility: hidden;
        z-index: -1;
        left: -25%
    }
    .sidebar-opened .sidebar-shop {
        visibility: visible;
        z-index: 0;
        left: 0
    }
    .main-content {
        margin-left: -25%;
        transition: all 0.3s linear 0s
    }
    .sidebar-opened .main-content {
        margin-left: 0
    }
    main:not(.sidebar-opened) .main-content {
        max-width: 100%;
        flex: 0 0 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 {
        background: #fff;
        margin: 0 1rem 0 0
    }
    .filter-sorts .toolbox-item.toolbox-show {
        font-size: 1.2rem;
        margin-left: auto
    }
    .filter-sorts select {
        border: 0;
        min-width: 140px;
        text-transform: uppercase
    }
    .filter-sorts .layout-modes {
        margin-left: .5rem
    }
    .filter-sorts .filter-toggle {
        display: none
    }
    .filter-sorts .sidebar-shop {
        left: 0;
        z-index: 2;
        visibility: visible
    }
    .filter-price-form,
    .sort-list {
        display: none
    }
    .filter-price-form {
        position: absolute;
        min-width: 220px;
        padding: 10px 15px 10px;
        top: 100%;
        margin-top: 9px;
        left: 0;
        z-index: 99;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
    }
    .sort-list {
        position: absolute;
        padding: 10px 15px 10px;
        top: 100%;
        margin-top: 9px;
        left: 0;
        min-width: 220px;
        background: #fff;
        z-index: 99;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
    }
    .sort-menu-trigger {
        display: block;
        height: 34px;
        font-size: 1.2rem;
        line-height: 34px;
        padding-left: .8rem;
        z-index: 9;
        min-width: 140px;
        color: #7a7d82;
        text-transform: uppercase
    }
    .sort-menu-trigger:hover,
    .sort-menu-trigger:focus {
        text-decoration: none
    }
    .sort-menu-trigger::before {
        display: none;
        content: '';
        position: absolute;
        top: 100%;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        left: 21px;
        margin-top: 1px;
        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-weight: 600;
        font-size: 14px;
        line-height: 1.4;
        text-transform: uppercase
    }
    .filter-sorts .toolbox-sort.select-custom {
        margin: 2rem;
        display: block
    }
    .filter-sorts .toolbox-sort.select-custom::after {
        content: none
    }
}

@media screen and (min-width: 576px) {
    .sidebar-shop .widget {
     /*   padding: 3.3rem 3rem 2.8rem*/
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-shop .widget {
        padding: 1.8rem 1.5rem 1.3rem
    }
    .filter-price-action .filter-price-text,
    .filter-price-action .btn {
        font-size: 1.3rem
    }
}

.product-single-container {
    margin-bottom: 3rem
}

.product-single-details {
    margin-top: -.6rem
}

.product-single-details .product-title {
    color: #21293c;
    font-weight: 600;
    font-size: 2.5rem;
    letter-spacing: -.01em;
    margin-bottom: 1.1rem
}

.product-single-details .price-box {
    color: #08c;
    font-weight: 700;
    margin-bottom: 2.4rem;
	margin-top:10px;
}

.product-single-details .product-price {
    font-size: 2.1rem
}

.product-single-details .old-price {
    font-weight: 600;
    font-size: 1.6rem
}

.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 {
    font-weight: 500;
    color: #90939a;
    letter-spacing: .025em;
    margin-left: 1rem
}

.product-single-details .product-desc {
    font-size: 1.4rem;
    line-height: 1.92;
    letter-spacing: .005em;
    padding-bottom: 2.7rem;
    border-bottom: 1px solid #dae2e6;
    margin-bottom: 2.7rem
}

.product-single-details .product-action {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 3.1rem
}

.product-single-details .sticky-header {
    height: auto
}

.product-single-details .sticky-header .sticky-detail {
    display: flex;
    flex-direction: row;
    align-items: center
}

.product-single-details .sticky-header .product-title {
    margin-bottom: 0;
    margin-right: 2rem;
    font-size: 16px;
    font-weight: 600;
    color: #777
}

.product-single-details .sticky-header .price-box {
    margin-bottom: 0;
    margin-top: 1rem;
    padding: 0;
    border: 0;
    color: #2b2b2d
}

.product-single-details .sticky-header .ratings-container {
    margin-bottom: 3.2rem
}

.product-single-details .container {
    display: none;
    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
}

.product-single-details .sticky-header.fixed-nav .container {
    padding: 1.5rem;
    display: flex
}

.product-single-details .product-single-qty,
.product-single-details .paction {
    margin: 0 1rem 1rem 0
}
.product-single-qty {
	
	border:solid 1px #ccc;
	
}

.product-single-qty > .input-group > .input-group-btn > .btn-primary {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #FFF !important;
    box-shadow: none
}



.product-both-info {
    padding-top: 3rem
}

.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 {
    font-size: 32px;
    color: #000
}

.product-single-gallery .owl-prev,
.product-single-gallery .owl-next {
    margin: 0 2rem !important;
    transition: all .5s;
    opacity: 0
}

.prod-thumbnail {
    padding: 0.5rem 1rem
}

.prod-thumbnail img {
    cursor: pointer;
    width: 100%
}

.prod-thumbnail>div {
    padding: 0.5rem
}

.prod-thumbnail .active img,
.prod-thumbnail img:hover {
    border: 2px solid #21293c
}

.transparent-dots {
    position: absolute;
    display: flex;
    flex-direction: column;
    margin: 0;
    top: 1rem;
    padding: 0;
   /* opacity: .5;*/
    width: 80px;
    z-index: 99
}

.transparent-dots .active img,
.transparent-dots img:hover {
    border: 1px solid #08c
}

.product-slider-container {
    position: relative
}

.prod-full-screen {
    position: absolute;
    right: 2rem;
    bottom: 1.7rem;
    z-index: 1;
    outline: none;
    opacity: 0;
    transition: all .5s
}

.prod-full-screen i {
    font-size: 1.4rem;
    cursor: pointer;
    color: #000
}

.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 {
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.single-info-list li {
    margin-bottom: 1rem;
    letter-spacing: .005em;
    color: #7b858a
}

.single-info-list li strong {
    color: #4c4c4c
}

.product-single-qty {
    max-width: 180px;
  /*  max-height: 43px*/
}

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

.product-single-qty .bootstrap-touchspin .form-control {
    color: #21293c;
    font-size: 2rem;
    letter-spacing: .05em;
    height: 43px;
    padding: 1rem .2rem;
    max-width: none;
	font-weight:bold;
    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 {

border:none !important;
}

.product-single-qty .btn {
    position: relative;
    z-index: 2;
    font-family: 'Baloo 2', cursive;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 31px;
    font-size: 2.4rem;
    padding: .5rem;
    line-height: 1;
    margin: 0
}

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

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

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

.product-filters-container {
    margin-bottom: 4.5rem
}

.product-single-filter {
    display: flex;
    align-items: center;
    padding-bottom: 2.7rem;
    border-bottom: 1px solid #dae2e6
}

.product-single-filter+.product-single-filter {
    margin-top: 2.2rem
}

.product-single-filter label {
    color: #21293c;
    font: 600 1.5rem/1.1 'Baloo 2', cursive;
    letter-spacing: .005em;
    text-transform: uppercase;
    margin-right: 1.3rem;
    margin-bottom: 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;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.8rem;
    border: 1px solid #dae2e6;
    background-color: #f4f4f4;
    color: #21293c
}

.product-single-filter .config-size-list li a:hover,
.product-single-filter .config-size-list li a:focus {
    color: #21293c;
    border-color: #08c;
    background-color: #f4f4f4
}

.product-single-filter .config-size-list li.active a {
    color: #21293c;
    border-color: #08c;
    background-color: #f4f4f4;
    outline: none
}

.product-single-filter.product-single-qty {
    max-width: 148px;
    max-height: 7.5rem;
    border-bottom: 0
}

.product-single-share {
    display: flex;
    align-items: center
}

.product-single-share label {
    color: #7b858a;
    font: 600 1.4rem/1.1 'Baloo 2', cursive;
    letter-spacing: .005em;
    text-transform: uppercase;
    margin-right: 1.2rem;
    margin-bottom: .5rem
}

.product-single-tabs {
  /*  margin-bottom: 5.5rem*/
    margin-bottom: 1.5rem
}

.product-single-tabs .tab-pane {
    padding-top: 3.5rem;
    color: #000;
    line-height: 1.92
}

.scrolling-box .tab-pane+.tab-pane {
    margin-top: 3.5rem;
    border-top: 2px solid #dae2e6
}

.product-desc-content  {
    font-size:14px;
	line-height:22px;
	color:#333;
}

.product-desc-content p {
    margin-bottom: 2.2rem
}

.product-desc-content ul,
.product-desc-content ol {
    padding-left: 4rem;
    margin-bottom: 2.2rem
}

.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 {
    color: #21293c;
    font-size: 1.5rem;
    margin-right: 2rem
}

.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-tags-content h4 {
    font-size: 1.8rem;
    margin: 0 0 2rem;
    font-weight: 700;
    text-transform: uppercase
}

.product-tags-content form {
    margin-bottom: 2rem
}

.product-tags-content .form-group {
    display: -ms-flexbox;
    display: flex;
    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 {
    border-bottom: 1px solid #dae2e6;
    padding: 2rem 0 1rem
}

.ratings-table {
    width: 100%;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
    margin: 20px 0 40px;
    border: 1px solid #dae2e6
}

.ratings-table thead th,
.ratings-table tbody td {
    border-bottom: 1px solid #dae2e6;
    border-right: 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 {
    font-weight: 600;
    font-size: 1.1rem;
    padding: .8rem 1.5rem;
    color: #777;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: uppercase;
    background-color: #f6f6f6;
    text-align: center
}

.ratings-table tbody td {
    font-size: 1.3rem;
    padding: 1.5rem 1rem;
    vertical-align: middle;
    text-align: center
}

.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: 2.5rem
}

.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 {
    color: #21293c;
    font: 600 1.5rem/1.1 'Baloo 2', cursive;
    text-transform: uppercase;
    margin: 0 0 2.3rem
}

.widget-brand {
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.widget-brand a {
    display: block
}

.widget-info ul {
    margin: 0
}

.widget-info li {
    line-height: 1;
    padding-top: 1.8rem;
    padding-bottom: 2rem;
    border-top: 1px solid #dee5e8
}

.widget-info li::after {
    display: block;
    clear: both;
    content: ''
}

.widget-info i {
    float: left;
    color: #08c;
    font-size: 4rem;
    min-width: 40px;
    line-height: 1;
    margin-right: 1.4rem;
    margin-left: .7rem;
    margin-top: .3rem
}

.widget-info i::before {
    margin: 0
}

.widget-info h4 {
    color: #6b7a83;
    font: 600 1.4rem/1.5 'Baloo 2', cursive;
    text-transform: uppercase;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden
}

.widget-banner a {
    display: block
}

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

.featured-section {
    background-color: #f4f4f4;
  /*  padding-top: 3.8rem;*/
    padding-top: 1.8rem;
    padding-bottom: 3rem
}

.featured-section.bg-white {
    background-color: #fff
}

.featured-section.pt-sm {
    padding-top: 2.5rem
}

.promote {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.promote li {
    border-top: none
}

.promote h4 {
    font-weight: 400;
    letter-spacing: 0;
    color: #1d2127
}

.promote i {
    margin: .3rem .7rem
}

.product-list .product-item {
    position: relative;
    margin-bottom: .4rem
}

.product-list.product-single-grid {
    margin-bottom: 3.6rem
}

@media screen and (min-width: 1200px) {
    .widget-info i {
        font-size: 4rem;
        min-width: 40px;
        margin-right: 2.9rem
    }
}

@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: 1279px) {
    .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 {
        justify-content: flex-end
    }
}

@media screen and (min-width: 576px) {
    .promote {
        flex-direction: row
    }
    .product-both-info .product-top-banner {
        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
}

.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 {
    padding-bottom: 1.9rem;
    margin-bottom: 3.1rem
}

.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: flex;
    align-items: center
}

.product-single-extended .widget-info i {
    margin-right: 1rem
}

.product-single-extended .widget-info li {
    padding: 0;
    border-top: none
}

.product-single-extended .widget-info li+li {
    margin-left: 2.5rem
}

.product-single-extended .product-filters-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 2rem;
    flex-wrap: wrap
}

.product-single-extended .product-single-filter {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.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-bottom: 0;
    margin-right: .5rem
}

.product-single-extended .product-single-filter .config-swatch-list a {
    width: 3rem;
    height: 3rem
}

.product-desc .view-more {
    font-weight: 700;
    color: #08c;
    text-transform: uppercase
}

.product-single-header {
    padding-bottom: 1.4rem;
    border-bottom: 1px solid #dae2e6;
    margin-bottom: 3.2rem
}

.product-single-header .single-header-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.product-single-header .product-single-share {
    margin-top: 1rem;
    margin-bottom: 3.7rem
}

.single-qty-wrapper {
    display: flex;
    align-items: center
}

.single-qty-wrapper label {
    color: #21293c;
    font: 600 1.5rem/1.1 'Baloo 2', cursive;
    letter-spacing: .005em;
    text-transform: uppercase;
    margin-right: 1.3rem;
    margin-bottom: 0
}

.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 {
    height: 30px;
    padding: .35rem .2rem;
    max-width: none;
    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: #08c
}

.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 {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    font-size: 3rem;
    margin: 0;
    line-height: 1;
    color: #21293c;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    transition: all .3s;
    font-weight: 100;
    transform: translateY(-50%)
}

.owl-nav-simple.owl-carousel .owl-nav .owl-prev i,
.owl-nav-simple.owl-carousel .owl-nav .owl-next i {
    line-height: 1;
    margin-top: -.3rem
}

.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: #08c
}

.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 {
    position: relative;
    display: flex;
    align-items: center;
    height: 700px;
    font-size: 1.4rem;
    line-height: 1.92;
    letter-spacing: .005em;
    color: #7b858a;
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.product-single-row .single-row-entire,
.product-single-row .single-row-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #ccc;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.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 {
    color: #7b858a;
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: -.01em;
    margin-left: .6rem;
    margin-bottom: 1.1rem
}

.product-single-row h2 {
    font-weight: 600;
    font-size: 4.5rem;
    letter-spacing: -.01em;
    margin-bottom: 2.8rem
}

.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 {
    color: #21293c;
    font-size: 1.5rem;
    margin-right: 2rem
}

.product-single-row ul li i::before,
.product-single-row ol li i::before {
    margin: 0
}

.product-single-video {
    color: #7b858a;
    background-color: #4d4d4d;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 300px;
    display: flex;
    align-items: center;
    text-align: center
}

.product-single-video h3 {
    font-weight: 600;
    font-size: 3.5rem;
    color: #21293c;
    margin-bottom: 1.2rem;
    letter-spacing: -.01em
}

.product-single-video .video-btn {
    color: #7b858a;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -.01em
}

.product-single-video .video-btn img {
    display: inline-block;
    vertical-align: middle;
    max-width: 38px;
    height: auto;
    margin-left: .7rem
}

@media screen and (min-width: 576px) {
    .product-single-extended .paction {
        height: 50px
    }
    .product-single-extended .paction.add-cart {
        height: auto;
        min-width: 156px;
        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 {
        align-items: flex-start
    }
}

@media screen and (max-width: 767px) {
    .product-single-row {
        display: block
    }
    .product-single-row .single-row-bg {
        position: relative;
        width: 100%;
        height: 50%;
        left: 0
    }
    .product-single-row .single-row-entire {
        position: relative;
        height: 50%
    }
    .product-single-row h2 {
        font-size: 3.5rem
    }
    .product-single-row .container {
        display: flex;
        height: 50%;
        align-items: center
    }
    .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-left: 0;
        margin-top: 2rem
    }
    .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 {
    color: inherit;
    position: relative;
    display: block;
    padding: .2rem 0 .6rem
}

.sidebar-product .widget.widget-collapse .widget-title a:hover,
.sidebar-product .widget.widget-collapse .widget-title a:focus {
    color: #21293c;
    text-decoration: none
}

.sidebar-product .widget.widget-collapse .widget-title a::after {
    content: '\e81b';
    font-family: 'porto';
    position: absolute;
    display: inline-block;
    font-size: 1.7rem;
    right: .1rem;
    top: 42%;
    transition: all 0.35s;
    transform: translateY(-50%);
    font-weight: 400
}

.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 {
    color: #21293c;
    font: 700 1.4rem/1.1 'Baloo 2', cursive;
    letter-spacing: .005em;
    text-transform: uppercase;
    padding-bottom: 1.2rem;
    margin: 0
}

.product-collapse-title a {
    color: inherit;
    position: relative;
    display: block;
    padding: 0 0 1.2rem 4rem;
    border-bottom: .2rem solid #dae2e6
}

.product-collapse-title a:hover,
.product-collapse-title a:focus {
    color: inherit;
    text-decoration: none
}

.product-collapse-title a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -.2rem;
    width: 100%;
    height: .2rem;
    background-color: #08c;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: transform .4s
}

.product-collapse-title a::after {
    content: '\e81b';
    font-family: 'porto';
    position: absolute;
    display: inline-block;
    font-size: 2rem;
    left: 1.5rem;
    top: .7rem;
    transition: all 0.35s;
    transform: translateY(-50%);
    font-weight: 400
}

.product-collapse-title a.collapsed::after {
    content: '\e81c'
}

.product-collapse-title a.collapsed::before {
    -ms-transform-origin: right center;
    transform-origin: right center;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1)
}

.collapse-body-wrapper {
    padding-top: 3.4rem;
    padding-bottom: 2rem
}

.sidebar-toggle {
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 17px;
    text-align: center;
    border: #dcdcda solid 1px;
    border-left-width: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    z-index: 999;
    background: #fff;
    cursor: pointer
}

@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 {
        position: fixed;
        display: block;
        background-color: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        width: 260px;
        padding: 0;
        z-index: 9999;
        overflow-y: auto;
        -webkit-transform: translate(-260px);
        transform: translate(-260px);
        -webkit-transition: transform 0.2s ease-in-out 0s;
        transition: transform 0.2s ease-in-out 0s
    }
    .sidebar-opened .mobile-sidebar {
        -webkit-transition: transform 0.3s ease-in-out 0s;
        transition: transform 0.3s ease-in-out 0s;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
    .sidebar-opened .sidebar-overlay {
        background: #000;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 8999;
        opacity: .35
    }
    .sidebar-product {
        margin: 0;
        padding: 2.5rem
    }
}

.product-single-grid {
    padding-top: 4rem;
    border-top: .1rem solid #dae2e6;
    margin-bottom: 6rem
}

.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 {
    margin-left: 0;
    min-width: 270px
}

.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-bottom: 0;
    margin-right: .5rem
}

.product-single-grid .product-single-filter .config-swatch-list a {
    width: 3rem;
    height: 3rem
}

.product-size-content img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem
}

.table.table-size thead tr th,
.table.table-size tbody tr td {
    border: 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #000;
    letter-spacing: .005em
}

.table.table-size thead tr th {
    font-weight: 600;
    background-color: #f4f4f2;
    padding: 2.8rem 1.5rem 1.7rem
}

.table.table-size tbody tr td {
    font-weight: 700;
    background-color: #fff;
    padding: 1rem 1.5rem
}

.table.table-size tbody tr td:first-child {
    font-weight: 600
}

.table.table-striped tbody tr  td{background-color:#fff}
.table.table-striped tbody tr:nth-child(2n) td{background-color:#f2f2f2}

@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-left: 3.5rem;
        padding-right: 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-left: -10px;
        margin-right: -10px
    }
    .product-single-grid .product-single-gallery [class*="col-"] {
        padding-left: 10px;
        padding-right: 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 {
    font-weight: 600;
    border: 0;
    padding: 2.4rem 1.5rem 1.2rem
}

.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 {
    border: 0;
    padding: 0 0 2.2rem
}

.table.table-cart .product-title {
    margin-bottom: 0;
    font-size: 1.4rem
}

.table.table-cart tfoot td {
    padding: 2rem 0 1rem
}

.table.table-cart tfoot .btn {
    padding: .85rem 2rem;
    font-family: 'Baloo 2', cursive;
    letter-spacing: 0;
    text-transform: initial
}

.table.table-cart tfoot .btn+.btn {
    margin-left: 1rem
}

.table.table-cart .bootstrap-touchspin.input-group {
    margin-left: auto;
    margin-right: auto
}

.btn-remove::before {
    content: 'x';
    font-size: 1.8rem;
    font-weight: 600
}

.btn-remove,
.btn-edit,
.btn-move {
    color: #08c
}

.btn-remove:hover,
.btn-remove:focus,
.btn-edit:hover,
.btn-edit:focus,
.btn-move:hover,
.btn-move:focus {
    color: #0099e6;
    text-decoration: none
}

.btn-edit {
    font-size: 1.3rem;
    margin-right: 1rem
}

.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: flex;
    align-items: center
}

tbody .product-col {
    font-size: 0
}

.product-col .product-image-container {
    flex: 0 0 180px;
    max-width: 180px;
 /*   border: 1px solid #ccc; */
    vertical-align: middle;
    margin-right: 1.8rem;
    margin-bottom: 0
}

.product-col .product-title {
    display: inline-block;
    vertical-align: middle
}

.cart-discount {
    margin-bottom: 4rem
}

.cart-discount h4 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 1.2rem
}

.cart-discount form {
    max-width: 420px
}

.cart-summary {
    padding: 1.4rem 1.8rem 2.2rem;
    background: #fbfbfb;
    border: 1px solid #ddd;
    margin-bottom: 2.5rem
}

.cart-summary h3 {
    font-weight: 300;
    font-size: 2.4rem;
    margin-bottom: 1.3rem
}

.cart-summary h4 {
    font-size: 1.5rem;
    font-weight: 600;
    border-top: 1px solid #cccccc;
    margin-bottom: 0;
    text-transform: uppercase
}

.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 {
    padding: .7rem 0 2.2rem;
    margin-bottom: 0
}

.table.table-totals {
    border-top: 1px solid #cccccc;
    margin-bottom: 2rem
}

.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 {
    border: 0;
    padding: .6rem 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: 600
}

.table.table-totals tfoot tr td {
    padding-top: 1.3rem;
    padding-bottom: 1.6rem
}

.table.table-totals tfoot tr td:last-child {
    color: #21293c
}

.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: none
    }
    .table.table-cart tr td.product-col {
        padding-bottom: .5rem
    }
    .table.table-cart .product-row {
        display: flex;
        flex-direction: column;
        border-top: 1px solid #ccc
    }
    .table.table-cart .product-action-row {
        display: flex;
        align-items: center
    }
    .table.table-cart .product-action-row td {
        width: 100%
    }
    .table.table-cart .product-action-row .float-right {
        margin-left: auto;
        margin-top: -4px
    }
    .table.table-cart .product-col {
        flex-direction: column;
        justify-content: center;
        text-align: center
    }
    .table.table-cart .product-col .product-image-container {
        margin-right: 0;
        margin-bottom: 1rem;
        flex: 0 0 auto
    }
    .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: flex;
        align-items: flex-start;
        flex-direction: column;
        padding: 1rem 0
    }
    .table.table-cart tfoot .btn {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: .5rem
    }
    .table.table-cart tfoot .float-left {
        display: none
    }
    .table.table-cart tfoot .float-right {
        margin-left: auto
    }
}

.checkout-progress-bar {
    margin: 0 0 3rem;
    counter-reset: i;
    display: block;
    font-size: 0;
    line-height: 1.4
}

.checkout-progress-bar li {
    width: 50%;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin: 0
}

.checkout-progress-bar li::before {
    background-color: #e4e4e4;
    top: 1.9rem;
    transition: background 0.3s;
    content: '';
    height: .7rem;
    left: 0;
    position: absolute;
    width: 100%
}

.checkout-progress-bar li>span {
    display: inline-block;
    padding-top: 4.5rem;
    width: 100%;
    word-wrap: break-word;
    color: #ccc;
    font-weight: 300;
    font-size: 1.6rem
}

.checkout-progress-bar li>span::before,
.checkout-progress-bar li>span::after {
    transition: background 0.3s;
    border-radius: 50%;
    content: '';
    left: 50%;
    position: absolute;
    top: 0
}

.checkout-progress-bar li>span::before {
    background-color: #e4e4e4;
    height: 3.8rem;
    width: 3.8rem;
    margin-left: -1.9rem
}

.checkout-progress-bar li>span::after {
    background: #ffffff;
    height: 2.6rem;
    width: 2.6rem;
    margin-left: -1.3rem;
    top: .6rem;
    content: counter(i);
    counter-increment: i;
    color: #777777;
    font-weight: 600
}

.checkout-progress-bar li.active::before,
.checkout-progress-bar li.active>span::before {
    background-color: #EF423D
}

.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 {
    margin-top: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #cccccc;
    /*max-width:480px*/
    ;
    margin-bottom: 0
}

.checkout-steps li form:last-of-type {
    border-bottom: none;
    padding-bottom: .1rem
}

.checkout-steps li form p {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    color: #777
}

.checkout-steps li .form-footer {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.step-title {
    padding-bottom: 9px;
    font-weight: 300;
    font-size: 2.2rem;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 0
}

.step-title::after {
    display: block;
    clear: both;
    content: ''
}

.step-title .step-title-edit {
    font-size: 1.4rem;
    float: right;
    margin-top: .4rem
}

.shipping-step-addresses {
    margin-bottom: 2rem;
    font-size: 0
}

.shipping-step-addresses::after {
    display: block;
    clear: both;
    content: ''
}

.shipping-address-box {
    border: .2rem solid transparent;
    font-size: 1.3rem;
    line-height: 3rem;
    margin: 0;
    padding: 1.8rem 3.2rem 1rem 1.8rem;
    transition: 0.3s border-color;
    width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    word-wrap: break-word;
    min-height: 240px
}

.shipping-address-box.active {
    border-color: #EF423D
}

.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: #EF423D;
    color: #ffffff
}

.shipping-address-box.active .address-box-action {
    visibility: hidden
}

.address-box-action {
    margin-top: 2rem
}

.address-box-action .btn {
    font-family: 'Baloo 2', cursive;
    letter-spacing: 0;
    text-transform: initial
}

.address-box-action .btn.btn-sm {
    font-size: 1.3rem;
    padding: .85rem 1.2rem
}

.address-box-action .btn.btn-sm.btn-link {
    padding-left: 0;
    padding-right: 0
}

.btn-new-address {
    letter-spacing: 0;
    text-transform: initial;
    font-family: 'Baloo 2', cursive;
    padding: .95rem 1.3rem;
    margin-bottom: 1.2rem
}

.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: 300;
    font-size: 2.4rem;
    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;
    text-transform: uppercase
}

.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 {
    border: 0;
    padding: 2rem 0;
    vertical-align: top
}

.table-mini-cart .product-col {
    align-items: flex-start
}

.table-mini-cart .product-col .product-image-container {
    flex: 0 0 75px;
    max-width: 75px;
    vertical-align: top;
    margin-right: 1.5rem
}

.table-mini-cart .product-col>div {
    padding-top: .8rem;
    vertical-align: top
}

.table-mini-cart .price-col {
    color: #000;
    padding-top: 2.5rem;
    font-size: 1.6rem;
    font-weight: 400
}

.table-mini-cart .product-title {
    display: block;
    margin-bottom: 0px;
    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 {
    line-height: 3rem;
    padding-left: 3rem;
    display: none
}

#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;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 0
}

.checkout-discount h4 {
    font-size: 1.4rem;
    font-weight: 400;
    border-top: 1px solid #cccccc;
    margin-bottom: 0
}

.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 {
    font-size: 1.3rem;
    line-height: 2.7rem;
    margin-bottom: 3rem
}

.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: #010204bf;
}

.entry a {
    color: #000
}

.entry a:hover,
.entry a:focus {
    color: #282d3b
}

.entry-media {
    background-color: #ccc;
    border-radius: 0;
    margin-bottom: 2rem
}

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

.entry-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .6rem;
    margin: 0 !important
}

.entry-body {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2.7rem
}

.entry:not(.single):last-of-type .entry-body {
    border-bottom: none
}

.entry-body .entry-date {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 45px
}

.entry-body .entry-date .day {
    color: #4a4a4a;
    background-color: #f4f4f4;
    border-radius: .2rem .2rem 0 0;
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1rem .2rem;
    line-height: 1.375;
    margin-bottom: .3rem
}

.entry-body .entry-date .month {
    color: #fff;
    background-color: #08c;
    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.2rem;
    line-height: 1.35;
    margin-bottom: 1rem;
    color: #08c
}

.entry-title a {
    color: #08c
}

.entry-title a:hover,
.entry-title a:focus {
    color: #08c;
    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.6rem
}

.single h3 {
    font-weight: 400;
    font-size: 2.2rem
}

.single h3 i {
    margin-right: .2rem
}

.single .entry-content {
    margin-bottom: 4rem
}

.entry-share {
    display: flex;
    flex-direction: column;
    padding: 2.8rem 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2.6rem
}

.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 {
    padding-bottom: 2.7rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 3rem
}

.entry-author::after {
    display: block;
    clear: both;
    content: ''
}

.entry-author h3 {
    margin-bottom: 2rem
}

.entry-author figure {
    float: left;
    max-width: 80px;
    margin-right: 2rem;
    margin-bottom: 0
}

.entry-author h4 {
    font-weight: 600;
    margin: 1rem
}

.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 {
    font-size: 1.9rem;
    text-transform: uppercase;
    margin-bottom: 2rem
}

.related-posts .entry {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.related-posts .entry p {
    margin-bottom: 1rem
}

.related-posts .entry-body {
    padding-bottom: 0;
    border-bottom: none
}

.related-posts .entry-media {
    margin-bottom: 2rem
}

.related-posts .entry-title {
    margin-bottom: 1rem;
    font-size: 1.8rem
}

.sidebar {
    position: relative;
    font-size: 1.4rem
}

.sidebar .widget {
    margin-bottom: 3rem
}

.sidebar .sidebar-wrapper .widget:last-child {
    padding-bottom: 3rem;
    margin-bottom: 0
}

.sidebar-wrapper {
    -webkit-backfac-visibility: hidden
}

.widget-title {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700;
    color: #21293c;
    margin: .5rem 0 1.3rem
}

.widget form {
    margin-bottom: 0
}

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

.list li {
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

.list li.active {
    font-weight: 600
}

.list li.active a {
    color: #21293c
}

.list li a {
    font-size: 1.4rem;
    color: #7a7d82;
    position: relative;
    display: block;
    padding: .9rem 0 .8rem 2rem;
    border-bottom: 1px solid #EDEDDE
}

.list li a::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    margin: .9rem 0 0 -1rem;
    position: absolute
}

.list li a:hover,
.list li a:focus {
    text-decoration: none;
    background-color: #eee
}

.widget-search form {
    position: relative;
    margin: 0
}

.widget-search .form-control {
    max-width: none;
    width: 100%;
    padding-right: 5.5rem
}

.widget-search .search-submit {
    position: absolute;
    right: 0;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    outline: none;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    font-size: 1.3rem;
    color: #000
}

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

.tagcloud a {
    display: block;
    padding: 1.1rem 1.4rem;
    background-color: #e1e1e1;
    color: #7e7d79;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 11px;
    float: left;
    margin: 0 .7rem .7rem 0
}

.tagcloud a:hover,
.tagcloud a:focus {
    color: #fff;
    background-color: #08c;
    text-decoration: none
}

.simple-entry-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.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;
    line-height: 0;
    float: left;
    margin: 0 1.2rem 0 0;
    border-radius: 0
}

.simple-entry-list .entry-media img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto
}

.simple-entry-list .entry-meta {
    font-size: 1.3rem;
    color: #888
}

.simple-entry-list a {
    color: #08c
}

@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 {
    background-color: #ccc;
    height: 280px;
    margin-bottom: 4rem
}

#map a {
    display: inline-block;
    font-size: 1.2rem;
    margin-top: .8rem;
    text-transform: uppercase
}

#map address {
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: .625rem .875rem
}

.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 {
    align-items: center;
    background-color: #08c;
    border-radius: 0;
    color: #fff;
    display: flex;
    float: left;
    font-size: 1.8rem;
    height: 4.3rem;
    justify-content: center;
    text-align: center;
    width: 4.3rem
}

.contact-info p {
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 5.5rem
}

@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.8rem;
    margin-top: .2rem
}

.widget-dashboard {
    margin-bottom: 3rem
}

@media screen and (min-width: 768px) {
    .dashboard-content h2 {
        font-size: 2.6rem
    }
}

.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: 75%;
	margin-left:85px;*/
}


.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/demo-4/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: #08c;
    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: 1.5rem;
    height: 1.5rem;
    margin: 2px 2px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all .3s ease;
    border: 0.2rem solid #95a9b3;
    border-radius: 50%
}

.owl-theme .owl-dots .owl-dot span::before {
    content: '';
    display: block;
    width: .7rem;
    height: .7rem;
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.35rem;
    margin-left: -.35rem;
    background-color: #08c;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all .3s;
    border-radius: 50%
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    border-color: #08c;
    background: transparent
}

.owl-theme .owl-dots .owl-dot.active span::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.owl-theme.owl-theme-light .owl-dots .owl-dot span {
    border-color: #fff;
    background: transparent
}

.owl-theme.owl-theme-light .owl-dots .owl-dot span::before {
    border-color: #fff
}

.owl-theme.owl-theme-light .owl-dots .owl-dot.active span,
.owl-theme.owl-theme-light .owl-dots .owl-dot:hover span {
    border-color: #08c;
    background: transparent
}

.owl-theme.owl-theme-light .owl-dots .owl-dot.active span::before {
    border-color: #08c
}

.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;
    right: 0;
    top: 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 {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

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: #08c
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border-radius: 50%;
    background: #08c;
    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
    }
	
}

.header {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0395d2+0,005289+100 */
background: #004B93; /* Old browsers */

}

.header-middle {
	padding:0px;
padding-top:1rem;
padding-bottom:1rem;
}

.megamenu-container > a { border-right:solid 1px #ccc; font-size:14px; padding-right:14px !important; padding-left:14px !important;  line-height:18px !important;}
.sticky-header.fixed .menu>li>a {padding-right:30px !important; border-right:solid 1px #0694db !important;}
/*
.menu > li > a {padding:1rem 0px; font-size:12px;}
.menu.sf-arrows>li>a.sf-with-ul {padding-right:2.2rem}
*/

.submenu_fix { 
	padding:0px !important; 
	padding-top:2px !important; 
	padding-bottom:2px !important; 
	padding-left:20px !important; 
	color:#000 !important;	
	font-weight:bold !important;
	}
.submenu_fix > span {color:#EF423D;}
.product-price {color:#EF423D; font-weight:bold;}
.product-label.label-sale {background-color:#EF423D;}
.ppaction {position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-family:'porto';color:#302e2a;background-color:#f4f4f4;border:1px solid #d8d8d6;transition:all .3s;text-decoration:none;min-width:42px;height:43px}
.add-cart-nondisp{color:#fff; background-color:#B3B3B3; border-color:#49a920; margin-bottom:8px; font-family:"Baloo 2",sans-serif;font-weight:800;text-transform:uppercase;padding:.4rem .5rem;min-width:132px;z-index:2; width:100%;}
.ppaction span{;font-size:1.4rem;letter-spacing:.02rem;padding-left:.7rem;padding-right:.4rem}
.scroll-varianti{color:#6f6e6b;font-family:"Baloo 2",sans-serif;font-weight:400;text-transform:uppercase;padding:.85rem .5rem;min-width:132px;z-index:2;transition-duration:0s; margin-left:1rem !important;}
.scroll-varianti::before{line-height:1;margin-top:2px;font-size:1.9rem;content:'\e81d';font-family:'porto'}
.scroll-varianti span{display:inline;font-size:1.4rem}
.scroll-varianti:hover,.scroll-varianti:focus{color:#fff;border-color:#08c;background-color:#08c}
.step-title { font-weight:bold;}

.table-mini-cart .product-col .product-image-container {
	max-width:45px;
}
@media (min-width:768px){
.d-md-table-ok {display:table-cell !important;} 
}
.add-combo{color:#6f6e6b;font-family:"Baloo 2",sans-serif;font-weight:400;text-transform:uppercase;padding:2.5rem 1.6rem;min-width:132px;z-index:2;transition-duration:0s}
.add-combo span{display:inline;font-size:1.4rem}.add-combo:hover,.add-combo:focus{color:#fff !important;border-color:#08c;background-color:#08c}


.add-combo::before{line-height:1;margin-top:2px;font-size:3rem;content:'\e87f';font-family:'porto'}



.sticky-header.fixed {background-image:none !important;}

.header-menu2 ul {
list-style: none;
    padding: 0;
    margin: 0;
}
.header-menu2 ul{display:flex;align-items:center}
.header-menu2 ul li+li{margin-left:3rem}

.table-mini-cart tr td {padding-top:0px !important;}


.header-push {background:#F4B628;}
.header-push .container p {width:100%; text-align:center; color:#000; padding-top:7px; padding-bottom:7px; margin-bottom:0px; font-weight:bold; font-size:18px;}

.header-push-codsconto {background:#003E78;}
.header-push-codsconto .container p {width:100%; text-align:center; color:#fff;  margin-bottom:0px; font-weight:bold; font-size:18px;}


.header-push-alertcarrello {background:#d9d9d9;}
.header-push-alertcarrello .container p {width:100%; text-align:center; color:#000; padding-top:7px; padding-bottom:7px; margin-bottom:0px; font-weight:bold; font-size:12px;}


/* Typeahead */

.Typeahead {
  position: relative;
  z-index: 1;
  width: 100%;
  z-index:1000;
border:none;

}
/*
.Typeahead-spinner {
  position: absolute;
  top: 7px;
  right: 7px;
  display: none;
  width: 28px;
  height: 28px;
  z-index:10;
}

.Typeahead-spinner2 {
  position: absolute;
  top: 7px;
  right: 7px;
  display: none;
  width: 28px;
  height: 28px;
  z-index:10;
}
*/


.Typeahead-hint,
.Typeahead-input {
  width: 87%;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 30px;
border:none;
top:3px;
background-color:transparent;

}

.Typeahead-hint {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  opacity: 1;
}

.Typeahead-input {
  position: relative;
  background-color: transparent;
  outline: none;
    color: #000;
}

.Typeahead-menu {
  position: absolute;
    z-index:1000000;
  left: 2.5%;
  z-index: 10;
  display: none;
  width: 95%;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
    border-radius: 8px;
          box-shadow: 0px 0px 0px 1px black;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.8);
     -moz-box-shadow: 0 5px 15px rgba(0,0,0,.8);
          box-shadow: 0 5px 15px rgba(0,0,0,.8);
}

.Typeahead-menu.is-open {
  display: block;
}

.Typeahead-selectable {
  cursor: pointer;
}

.Typeahead-selectable + .Typeahead-selectable {

}

/* ProfileCard */
/*
.ProfileCard {
  position: relative;
  padding: 8px;
    height: 60px;

}

.ProfileCard-avatar {
  position: absolute;
  top: 8px;
  left: 8px;
  width: auto;
  height: 60px;
  max-width:60px;

}



.ProfileCard-details {
 
  padding-left: 60px;
}

.ProfileCard-realName,
.ProfileCard-screenName {
  display: inline-block;
}

.ProfileCard-realName {
  font-weight: 700;
}

.ProfileCard-screenName {
  color: #8899a6;
}
*/
.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
}
.tt-dataset{ margin-left:0px; margin-right:0px;}
/*
.ProfileCard-stats {
  float: right;
  text-align: right;
}

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}

.ProfileCard-stat-label {
  color: #8899a6;
  font-weight: 500;
}

.ProfileCard-stat + .ProfileCard-stat {
  margin-left: 5px;
}

.ProfileCard:hover,
.ProfileCard.is-active {
  color: #fff;
  background: #55acee;
}

.ProfileCard:hover .ProfileCard-screenName,
.ProfileCard:hover .ProfileCard-stat-label,
.ProfileCard.is-active .ProfileCard-screenName,
.ProfileCard.is-active .ProfileCard-stat-label {
  color: #fff;
}
*/
/* EmptyMessage */

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;

}






.Typeahead-input2 {
	  position: relative;
	width: 100%;
	padding: 5px 8px;
	font-size: 14px;
	line-height: 30px;
		border:solid 6px #004B93;
/*	top:3px;*/
	background-color:#fff;
}

.twitter-typeahead {width:100%;}





.header-button {text-align:center; padding:0 7px 0 7px;}
.header-button > a {color:#fff; display:block; text-align:center; font-size:12px; font-weight:bold;}
.header-button > a > img {margin-left:auto; margin-right:auto;}

.section-title {color:#66B445; font-size:42px; width:100%; text-align:center; font-weight:bold;}
.fasce_eta > .container > .row > div > a { display:block; text-align:center; width:100%; font-size:20px; font-weight:bold; line-height:20px;}
.fasce_eta > .container > .row > div > a  > strong{ font-size:34px;}

.infobox_h5 {color:#fff; font-size:36px; font-weight:normal;}
.infobox_ul >li {font-size:18px; padding:2px;}



.spedizione_claim {color:#808080; font-size:14px; font-weight:bold; line-height:14px;}
.spedizione_claim > strong {color:#007BAC; font-size:16px;}


.spedizione_claim2 { background-color:#EBEBEB; padding:6px;  font-size:12px; line-height:14px;}
.spedizione_claim2 > strong {font-size:15px;} 
.spedizione_claim2 > span { background-color:#DF8000; color:#fff; display:block; margin-top:-9px; right:0px; padding:8px; position:absolute;}

.carrello-modal { background-color:#fff; border:solid 1px #454545; padding:20px;}
.carrello-modal > div > div > .title { font-size:20px; border-bottom:solid 1px #808080;}
 .modal-dialog {pointer-events: all !important;}



/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


    .dem-icon {
      font-family: "dadiemattoncini";
      font-style: normal;
      font-weight: normal;
      speak: never;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

.footer_list li { font-size:18px; padding: 6px 0 6px 0 ;}
.branding {color:#fff !important;}
.branding > a {display:none !important;}

.select-custom:after {
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color: #ccc;
    right: 11px;
    top: 6px;
    height: 34px;
    padding: 3px 0px 0px 8px;
    border-left: none;
    position: absolute;
    pointer-events: none;
}



.aggiungi_accessori {padding: 7px; border: 1px solid #b8c5d4; display: flex;  flex-direction: row;  align-items: center; width:100%;  justify-content: left;}
.accessori_second{border-top:none !important; margin-top:-14px !important;}
.aggiungi_accessori div {padding:3px; line-height:14px; padding-left:5px;}
.enhan_title {font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:600; display:block; color:#414e65; margin-bottom:0px; margin-top:15px;}




.has-sublevel > .list_filtro { padding-left:14px;}
.list_filtro > .has-sublevel > ul {border-left:solid 2px #ccc;}
.list_filtro > li {margin:10px 0 0 0;}

.product-desc-content > ul {list-style-type:circle;}

.toolbox_bottom { padding:7px ; background-color:#fff; border-top:solid 1px #e5e5e5; box-shadow:rgb(0 0 0 / 20%) 0px 1px 6px;}