@font-face{font-family:Okra;font-display:swap;src:url(fonts/OkraExtraLight.woff2) format('woff2'),url(fonts/OkraExtraLight.ttf) format('truetype');font-style:normal;font-weight:100;}
@font-face{font-family:Okra;font-display:swap;src:url(fonts/OkraLight.woff2) format('woff2'),url(fonts/OkraLight.ttf) format('truetype');font-style:normal;font-weight:200;}
@font-face{font-family:Okra;font-display:swap;src:url(fonts/OkraThin.woff2) format('woff2'),url(fonts/OkraThin.ttf) format('truetype');font-style:normal;font-weight:300;}
@font-face{font-family:Okra;font-display:swap;src:url(fonts/OkraRegular.woff2) format('woff2'),url(fonts/OkraRegular.ttf) format('truetype');font-style:normal;font-weight:400;}
@font-face{font-family:Okra;font-display:swap;src:url(fonts/OkraMedium.woff2) format('woff2'),url(fonts/OkraMedium.ttf) format('truetype');font-style:normal;font-weight:500;}
@font-face{font-family:Okra;font-display:swap;src:url(fonts/OkraSemiBold.woff2) format('woff2'),url(fonts/OkraSemiBold.ttf) format('truetype');font-style:normal;font-weight:600;}
@font-face{font-family:Okra;font-display:swap;src:url(fonts/OkraBold.woff2) format('woff2'),url(fonts/OkraBold.ttf) format('truetype');font-style:normal;font-weight:700;}
@font-face{font-family:Okra;font-display:swap;src:url(fonts/OkraExtraBold.woff2) format('woff2'),url(fonts/OkraExtraBold.ttf) format('truetype');font-style:normal;font-weight:800;}
/*General*/
body {
color: #333;
font-family: Okra,sans-serif,Arial;
font-size: 13px;
line-height: inherit;
margin: 0;
padding: 0;
background:#fff;
font-weight:normal;
overflow-x:hidden;
}
.wrap{
overflow:hidden;
}
*{
box-sizing:border-box;
outline:none;
}
img{
max-width:100%;font-size: 11px;
}
a:hover,a:focus{
text-decoration:none;
outline:none;
}
.container {
/* max-width: 1200px; */
width: 100%;
}
input,input:focus,input:hover{
outline:none;
}
p {line-height: 20px;}
.title-margin30{margin-top:30px;}
.bgwhite{background: #fff !important;}
.bglight{background: #f7f8f9 !important;}
.box-border{border-right: 1px solid #ccc;}
.title-bg1{background: #f5f5f5;}
.title-bg2{background: #E7F1F2;}
.title-bg3{background: #f1f1f1;}
.title-bg4{background: #e1eff8;}
.centerdv{margin:0 auto;float:none;}
.floleft{float:left;}
.flort { float: right; }
.fclear{clear:both; padding: 20px 0 30px;}
.pad0{padding:0 !important;}
.pad-lft0{padding-left:0 !important;}
.pad-rt0{padding-right:0 !important;}
.pad05{padding:0 5px !important;}
.pad-lft05{padding-left:5px !important;}
.pad-rt05{padding-right:5px !important;}
.marg-05{margin-left:-5px;margin-right:-5px;}
.news-border{border-right:1px solid #ccc;}
.customerdv {padding-left: 20px;}
label, strong, b{font-weight:500;}
.form-group, .mb10 {margin-bottom: 10px !important;}
.form-contact, .mt10{margin-top: 10px !important;padding: 0 1%;}
.flex-box{display:flex;}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
/* Scrollbar */
::-webkit-scrollbar {width: 5px;height: 7px;}
::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1);border-radius: 6px;}
::-webkit-scrollbar-thumb {background: #aaa;border-radius: 6px;}
::-webkit-scrollbar-thumb:hover {background: #555;}
blockquote {
border-left: 5px solid #1b1d1f;
color: #999;
font-size: 16px;
line-height: 30px;
padding: 0 30px;
}
.owl-theme .owl-controls{
margin:0;
}
.owl-default .owl-theme .owl-controls .owl-buttons div.owl-prev {
background: rgba(0, 0, 0, 0) url("../images/left.png") no-repeat scroll 0 0;
left: 0;
}
.owl-default .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 0;
background: rgba(0, 0, 0, 0) url("../images/right.png") no-repeat scroll 0 0;
}
.owl-default  .owl-theme .owl-controls .owl-buttons div {
background:transparent;
border-radius: 0;
color: #1b1d1f;
display: block;
font-size: inherit;
height: 18px;
margin: -10px 0 0;
opacity: 0;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 11px;
transition:all 0.5s ease-out 0s;
}
.owl-default:hover .owl-theme .owl-controls .owl-buttons div {
opacity:1;
}
/*Header*/
.header{
background: #fff;
box-shadow: 0px 0px 2px 0px #ccc;
position: relative;
width: 100%;
z-index: 900;
}
.logo-header h1 {
color: #1b1d1f;
font-size: 30px;
font-weight: 500;
letter-spacing: -3px;
margin: 0;
}
.logo-header {
display: inline-block;
margin: 10px 0 10px 0px;
border-left: 1px solid #aaa;
padding-left: 10px;
}
.logo-header1 {padding: 8px 0 0 10px;}
.main-nav {
position: relative;
}
.main-nav.main-nav3 {
z-index: 999;
}
.mobile-menu {
border: 1px solid #e5e5e5;
display: block;
height: 30px;
overflow: hidden;
padding: 2px;
position: absolute;
right: 10px;
top: -120px;
width: 30px;
display:none;
z-index:999;
}
.mobile-menu a {
color: #1b1d1f;
display: block;
font-size: 24px;
line-height: 24px;
}
.info-header {
padding-top: 10px;
}
.main-nav > ul {
list-style: outside none none;
padding: 0;
margin:0px;
text-align: right;
}
.main-menu{
margin-top:15px;
}
.main-nav > ul > li {
display: inline-block;
font-size: 14px;
margin-right:0px;
padding: 25px 0px;
}
.main-nav > ul > li > a {
color: #007ba5;
display: block;
position: relative;
text-shadow: 0 0 0;
padding:0 12px;
text-transform: capitalize;
}
.main-nav > ul > li:hover > a{
color:#ed3237;
}
.main-nav > ul > li:last-child a{
margin-right:0;
border-right: none;
}
.main-nav > ul >li.menu-item-has-childrent{
position:relative;
}
.main-nav .menu-item-has-childrent .lnr-chevron-down{
font-size: 10px;
padding-left: 5px;
}
.main-nav > ul > li > a span.icon{padding-right: 6px;}
/*.main-nav > ul >li.menu-item-has-childrent::after{
background: #fff none repeat scroll 0 0;
color: #aaa;
content: "";
font-family: linearicons;
font-size: 13px;
left: 50%;
margin-left: -5px;
margin-top: 30px;
opacity: 0;
position: absolute;
top: 88%;
transition: all 0.5s ease-out 0s;
visibility: hidden;
width: 11px;
z-index: 10;
}*/
.main-nav .sub-menu{
position:absolute;
top:100%;
right:0;
opacity:0;
visibility:hidden;
min-width:170px;
background-color: #f2f2f2;
background-image: -o-linear-gradient(bottom,#fff 70%,#f2f2f2 90%);
background-image: -moz-linear-gradient(bottom,#fff 70%,#f2f2f2 90%);
background-image: -webkit-linear-gradient(bottom,#fff 70%,#f2f2f2 90%);
background-image: -ms-linear-gradient(bottom,#fff 70%,#f2f2f2 90%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.7,#fff),color-stop(.9,#f2f2f2));
border: none;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
padding:0px 0px 0px;
list-style:none;
margin:20px 0 0;
z-index:999;
}
.main-nav .sub-menu .menu-item-has-childrent>.sub-menu{
position:absolute;
top:1px;
left:100%;
opacity:0;
visibility:hidden;
min-width:160px;
background: #fff none repeat scroll 0 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
padding:0px;
list-style:none;
margin:20px 0 0;
z-index:900;
border: none;
}
.main-nav .main-menu li:last-child .sub-menu .menu-item-has-childrent>.sub-menu{left:auto;right:100%;}
.main-nav .sub-menu .menu-item-has-childrent::after {
color: #999;
content: "\e876";
font-family: linearicons;
font-size: 8px;
position: absolute;
right: 15px;
top: 15px;
}
.main-nav .sub-menu .menu-item-has-childrent>a{
padding-right:15px;
}
.main-nav .sub-menu .menu-item-has-childrent:hover >.sub-menu{
opacity:1;
visibility:visible;
margin:0px 0 0;
}
.main-nav > ul >li.menu-item-has-childrent:hover>.sub-menu{
opacity:1;
visibility:visible;
margin:0px 0 0;
}
.main-nav > ul >li.menu-item-has-childrent:hover::after{
opacity:1;
visibility:visible;
margin-top: 0px;
}
.main-nav .menu-item-has-childrent .sub-menu a {
color: #555;
display: block;
padding: 9px 10px;
text-transform:capitalize;
}
.main-nav .menu-item-has-childrent .sub-menu a:hover{
color:#fff;
background:#007ba5;
}
.main-nav .menu-item-has-childrent .sub-menu li {
padding: 0 0px;
position: relative;
text-align: left;
font-size: 13px;
}
.main-nav .menu-item-has-childrent .sub-menu li>a{
border-bottom:1px solid #e5e5e5;
}
.main-nav .menu-item-has-childrent .sub-menu li:last-child>a{
border-bottom:none;
}
.main-nav > ul > li > a > sup {
font-size: 10px;
left: 50%;
margin-left: -8px;
position: absolute;
top: -10px;
}
.main-nav > ul > li > a > sup.title-hot{
color:#fbb450;
}
.main-nav > ul > li > a > sup.title-new{
color:#2caae1;
}
.info-search .search-form {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
height: 70px;
margin-right: -95px;
margin-top: 45px;
padding: 15px;
position: absolute;
right: 0;
top: 100%;
transition: all 0.5s ease-out 0s;
width: 490px;
z-index: 9;
opacity:0;
visibility:hidden;
box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1);
}
.info-search:hover .search-form {
opacity:1;
visibility:visible;
margin-top: 15px;
}
.info-search:hover::after {
opacity: 1;
visibility: visible;
margin-top: 10px;
}
.info-search::after {
background: #fff none repeat scroll 0 0;
border-color: #e5e5e5;
border-style: solid;
border-width: 0 0 1px 1px;
color: #e5e5e5;
content: "";
height: 10px;
left: 0;
margin-left: 2px;
margin-top: 40px;
opacity: 0;
position: absolute;
top: 100%;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transition: all 0.5s ease-out 0s;
visibility: hidden;
width: 10px;
z-index: 10;
}
.wrap-toggle-search {
border: 1px solid #e5e5e5;
height: 40px;
position: relative;
width: 340px;
}
.toggle-search-category {
display: block;
height: 100%;
position: relative;
width: 50px;
}
.search-form .btn-link-default {
position: absolute;
right: 15px;
top: 15px;
}
.toggle-search-category .toggle-category {
color: #999;
display: block;
height: 100%;
position: relative;
text-align: center;
width: 100%;
z-index: 9;
}
.search-form .btn-link-default {
position: absolute;
right: 15px;
top: 15px;
}
.select-category li {
border-top: 1px solid #e5e5e5;
}
.select-category li:first-child {
border-top: medium none;
}
.select-category li a {
color: #666;
display: block;
padding: 5px 15px;
}
.select-category li a:hover{
color:#999;
}
.toggle-category span {
line-height: 40px;
}
.info-user .inner-user-info {
background: #fff none repeat scroll 0 0;
border-color: #d8d8d8;
margin-right: 0px;
margin-top: 30px;
opacity: 0;
padding: 5px 10px 5px;
position: absolute;
right: 0;
top: 100%;
transition: all 0.5s ease-out 0s;
visibility: hidden;
min-width: 210px;
z-index: 999;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.info-user::after {
background: #fff none repeat scroll 0 0;
border-color: #e5e5e5;
border-style: solid;
border-width: 0 0 1px 1px;
color: #e5e5e5;
/*content: "";*/
height: 10px;
left: 0;
margin-left: 2px;
margin-top:40px;
opacity: 0;
position: absolute;
top: 100%;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transition: all 0.5s ease-out 0s;
visibility: hidden;
width: 10px;
z-index: 10;
}
.info-user:hover .inner-user-info {
opacity:1;
visibility:visible;
margin-top: 15px;
}
.info-user:hover::after {
opacity:1;
visibility:visible;
margin-top:10px;
}
.info-total .info-cart::after{
display:none;
}
.info-total .info-cart::before{
background: #fff none repeat scroll 0 0;
border-color: #e5e5e5;
border-style: solid;
border-width: 0 0 1px 1px;
color: #e5e5e5;
content: "";
height: 10px;
left: 0;
margin-left: 2px;
margin-top: 40px;
opacity: 0;
position: absolute;
top: 100%;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transition: all 0.5s ease-out 0s;
visibility: hidden;
width: 10px;
z-index: 11;
}
.info-total .info-cart .inner-cart-info{
margin-top: 43px;
}
.info-total .info-cart:hover .inner-cart-info{
margin-top: 15px;
}
.info-total .info-cart:hover::before {
opacity:1;
visibility:visible;
margin-top:10px;
}
.info-user .inner-user-info a {
color: #333;
display: block;
padding: 6px 0;
border: none;
text-transform: capitalize;
font-size: 12px;
position: relative;
}
.info-user .inner-user-info a:hover{
color:#ed3237;
}
.info-user .inner-user-info li {
border-bottom: 1px solid #e5e5e5;
display: block;
padding: 0px 0 !important;
}
.info-user .inner-user-info li:last-child {
border-bottom: none;
}
.info-user .inner-user-info a span {
margin-right: 8px;
}
.info-cart .inner-cart-info {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1);
opacity: 0;
padding: 30px;
position: absolute;
right: -1px;
top: 100%;
transition: all 0.5s ease-out 0s;
width: 400px;
z-index: 10;
text-align:left;
margin-top:30px;
visibility:hidden;
margin-right: -50px;
}
.info-cart:hover .inner-cart-info{
opacity:1;
visibility:visible;
margin-top:0;
}
.info-cart:hover::after{
opacity:1;
}
.info-cart::after{
color: #fff;
content: "";
font-family: linearicons;
left: 50%;
margin-left: -5px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 100%;
transition: all 0.5s ease-out 0s;
}
.inner-cart-info > h2 {
color: #a7a8a8;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.info-cart .inner-cart-info.append{
opacity:1;
visibility:visible;
right:0;
}
.inner-cart-info .close-cart-info {
background: rgba(0, 0, 0, 0) url("../images/x-bg.png") no-repeat scroll left top;
color: #999;
display: block;
font-size: 16px;
height: 30px;
line-height: 28px;
margin-top: 15px;
padding-left: 43px;
text-transform: uppercase;
}
.cart-thumb {
background: #f5f5f5 none repeat scroll 0 0;
display: table-cell;
vertical-align: middle;
width: 70px;
}
.cart-thumb a{
display:block;
}
.cart-thumb a:hover img{
transform:scale(1.2);
}
.cart-thumb img {
width: 70px;
transition:all 0.5s ease-out 0s;
}
.info-list-cart {
list-style: outside none none;
margin: 30px 0 0;
padding: 0;
}
.cart-title  a {
color: #666;
font-size: 13px;
}
.cart-title  a:hover{
color:#999;
}
.cart-title {
margin: 5px 0 13px;
}
.wrap-cart-title {
display: table-cell;
padding: 0 20px;
vertical-align: top;
width: 200px;
}
.cart-qty {
color: #999;
}
.cart-qty > label {
font-weight: 400;
margin-right: 10px;
}
.wrap-cart-remove {
color: #999;
display: table-cell;
text-align: right;
vertical-align: top;
}
.item-info-cart {
border-top: 1px solid #f5f5f5;
display: table;
padding: 20px 0;
width: 100%;
}
.total-cart {
border-top: 1px solid #f5f5f5;
color: #1b1d1f;
display: table;
font-size: 16px;
padding-top: 25px;
text-transform: uppercase;
width: 100%;
}
.total-cart > label {
display: table-cell;
font-weight: 400;
}
.total-cart  span {
display: table-cell;
text-align: right;
}
.link-cart {
margin-bottom: 20px;
margin-top: 40px;
}
.link-cart  .cart-edit {
margin-right: 10px;
}
.wrap-cart-remove .remove-product {
background: rgba(0, 0, 0, 0) url("../images/remove-cart2.png") no-repeat scroll center center;
border: 1px solid #e5e5e5;
border-radius: 50%;
display: inline-block;
height: 30px;
margin-bottom: 3px;
width: 30px;
transition:all 0.5s ease-out 0s;
}
.wrap-cart-remove .remove-product:hover{
background-color:#e5e5e5;
}
.link-cart a{
display:inline-block;
width:160px;
height:40px;
background:#1b1d1f;
text-align:center;
line-height:40px;
color:#fff;
vertical-align:top;
transition:all 0.5s ease-out 0s;
text-transform:uppercase;
}
.link-cart a:hover{
background:#f87c0a;
}
.info-total > li {
display: inline-block;
list-style: outside none none;
margin-left: 25px;
position: relative;
text-align: left;
}
.info-total{
text-align:right;
padding:0;
margin:0;
}
.info-total .info-icon {
color: #1b1d1f;
font-size: 18px;
padding-bottom: 15px;
}
.info-cart .info-icon{
position:relative;
}
.info-cart .info-icon sup {
font-size: 10px;
left: 50%;
margin-left: -5px;
position: absolute;
top: -2px;
}
.info-search {
position: relative;
}
.select-category {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
display: none;
left: -1px;
position: absolute;
top: 100%;
width: 180px;
}
.search-form input[type="text"] {
border: medium none;
color: #999;
height: 100%;
left: 0;
padding: 0 15px 0 50px;
position: absolute;
top: 0;
width: 100%;
}
/*Home Slider*/
.home-slider {
background: #e1eff8 none repeat scroll 0 0;
}
.slider-tab {
position: relative;
}
.slider-tab #bx-pager {
bottom: 0;
left: 0;
padding-left: 30px;
position: absolute;
text-align: center;
width: 100%;
}
.slider-tab #bx-pager a {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
color: #1b1d1f;
display: inline-block;
float: left;
font-size: 13px;
font-weight: 700;
margin: 0 1px 0 0;
padding: 15px;
position: relative;
text-transform: uppercase;
transition: all 0.5s ease-out 0s;
width: 370px;
}
.slider-tab #bx-pager  a::before{
position:absolute;
background:#1b1d1f;
top:-3px;
left:0;
width:100%;
height:3px;
opacity:0;
transition:all 0.5s ease-out 0s;
content:"";
}
.slider-tab #bx-pager a:hover::before,#bx-pager a.active::before{
opacity:1;
}
.slider-tab #bx-pager a.active{
background:#fff;
}
/*Advert*/
.advert {
margin-top: 10px;
}
.item-advert.left {
margin-right: -10px;
}
.item-advert.right {
margin-left: -10px;
}
.item-advert {
position: relative;
overflow:hidden;
}
.text-adv {
background: rgba(246, 246, 246, 0.65) none repeat scroll 0 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
bottom: 0;
height: 215px;
left: 0;
margin: auto;
max-width: 370px;
padding: 45px 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
}
.item-advert .thumb-adv img{
transition:all 0.5s ease-out 0s;
}
.item-advert:hover .thumb-adv img{
filter:blur(5px);
-webkit-filter:blur(5px);
-moz-filter:blur(5px);
transform:scale(1.15);
}
/*Featured*/
.sub-title {font-weight: 600;
font-size: 14px;
margin: 0;
text-transform: uppercase;
}
.title {
font-size: 30px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
}
.btn-link-default {
background: #1b1d1f none repeat scroll 0 0;
border: medium none;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 30px;
text-align: center;
text-transform: uppercase;
transition:all 0.5s ease-out 0s;
}
.btn-link-default:hover{
color:#fff;
background:#FBB450;
}
.text-adv .btn-link-default{
margin-top:25px;
}
.box-intro  h2 {
margin: 0;
position: relative;
}
.box-intro {
margin-bottom: 30px;
text-align: center;
}
.content-contact .box-intro {
margin-bottom: 30px;
text-align: center;
}
/*--
.box-intro  h2::before {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 20px;
width: 100%;
}
--*/
.box-intro .title {
background: #fff none repeat scroll 0 0;
display: inline-block;
margin-bottom: 10px;
padding: 0 40px;
position: relative;
font-size: 18px;
font-weight: 600;
text-transform: none;
}
.desc-title {
color: #999;
}
.featured-product {
margin-top: 70px;
}
.nav-tabs-default .nav.nav-tabs {
border: medium none;
margin: 25px 0 0;
text-align: center;
}
.nav-tabs-default .nav.nav-tabs li {
display: inline-block;
float: none;
}
.nav-tabs-default .nav.nav-tabs li.active a{
background:#1b1d1f;
color:#fff;
}
.nav-tabs-default .nav.nav-tabs li a:hover{
background:#1b1d1f;
color:#fff;
}
.nav-tabs-default .nav.nav-tabs li a {
border: medium none;
border-radius: 0;
color: #1b1d1f;
text-transform: uppercase;
transition:all 0.5s ease-out 0s;
}
.item-product-thumb {
background: #f5f5f5 none repeat scroll 0 0;
position: relative;
transition:all 0.5s ease-out 0s;
}
.title-product {
font-size: 13px;
margin: 0 0 7px;
}
.item-product-info {
margin-top: 20px;
text-align: center;
}
.item-product-info .desc {
color: #666;
}
.title-product a {
color: #1b1d1f;
text-shadow: 0 0 0;
text-transform: uppercase;
}
.title-product a:hover {
color: #999;
}
.info-price del {
color:#999;
margin-left:5px;
}
.info-price  span {
font-size: 24px;
}
/*.item-product-thumb::after {
background-image: url("../images/bg-product.png");
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 100%;
bottom: -27px;
content: "";
height: 27px;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
transition:all 0.5s ease-out 0s;
} */
.item-product-thumb img{
width:100%;
}
.item-product-thumb:hover::after {
opacity:1;
}
.item-product {
margin-bottom: 30px;
position: relative;
}
.featured-product .tab-content {
margin-top: 30px;
}
.product-extra-link a {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
color: #1b1d1f;
display: inline-block;
height: 40px;
margin: auto;
position: absolute;
text-align: center;
width: 40px;
z-index:99;
transition:all 0.5s ease-out 0s;
transform:scale(0.5);
}
.product-extra-link a:hover{
color:#fff;
background:#1b1d1f;
}
.product-extra-link a span {
line-height: 40px;
}
.product-extra-link .product-add-cart {
bottom: 0;
height: 60px;
left: 0;
right: 0;
top: 0;
width: 60px;
}
.product-extra-link .product-compare {
left: 50%;
margin-left: 10px;
margin-top: -70px;
top: 50%;
}
.product-extra-link .product-wishlist {
left: 50%;
margin-left: -50px;
margin-top: 30px;
top: 50%;
}
.product-extra-link .product-quick-view {
bottom: -30px;
height: 81px;
padding-left: 25px;
padding-top: 7px;
right: -25px;
text-align: left;
width: 80px;
}
.product-extra-link .product-add-cart span {
line-height: 60px;
}
.item-product.item-product-leading {
position: relative;
}
.item-product-leading .item-product-info {
left: 70px;
position: absolute;
text-align: left;
top: 0;
}
.item-product-leading .info-price  span {
color: #e6e6e6;
display: block;
font-size: 90px;
font-weight: 700;
margin-bottom: -10px;
}
.item-product-leading .readmore:hover {
color:#999;
}
.item-product-leading .readmore {
color: #1b1d1f;
display: block;
margin-top: 10px;
text-decoration: underline;
text-transform: uppercase;
}
.product-extra-mask{
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity:0;
visibility:hidden;
transition:all 0.5s ease-out 0s;
}
.product-extra-link {
background: rgba(27, 29, 31, 0.5) none repeat scroll 0 0;
height: 100%;
width: 100%;
overflow:hidden;
position:relative;
}
.item-product-thumb:hover .product-extra-mask {
opacity:1;
visibility:visible;
}
.item-product-thumb:hover .product-extra-link a{
transform:scale(1);
}
.product-box-promotion {
left: 3px;
position: absolute;
top: 0;
}
.item-product:hover .product-box-promotion span {
opacity:0;
transform:scale(0.5);
}
.product-box-promotion span {
border-radius: 50%;
color: #fff;
display: inline-block;
height: 44px;
line-height: 44px;
margin-left: 7px;
margin-top: 10px;
text-align: center;
width: 44px;
transition:all 0.5s ease-out 0s;
opacity:1;
}
.product-box-promotion span.new-item {
background:#f87028;
}
.product-box-promotion span.sale-item {
background:#5398d7;
}
/*Advert*/
.product-advert {
margin-top: 40px;
}
.leading-box-adv {
color: #fff;
}
.product-advert .col-lg-3.col-md-3.col-sm-6.col-xs-12 {
padding: 0;
}
.product-box-adv {
overflow: hidden;
position: relative;
}
.product-thumb-link {
display: block;
overflow: hidden;
position: relative;
}
.product-thumb-link img {
width: 100%;
transition:all 0.5s ease-out 0s;
}
.product-box-adv:hover img {
transform: scale(1.2);
}
.list-product .item-product-thumb:hover .product-thumb-link img{
transform:scale(1.15);
}
.product-box-adv .btn-link-default {
bottom: 0;
position: absolute;
right: 0;
text-align: center;
transition: all 0.5s ease-out 0s;
width:130px;
}
.item-box-adv:hover .btn-link-default {
background:transparent;
color:#fff;
background:rgba(27,29,31,0.5);
width:100%;
height:100%;
}
.leading-text-adv {
bottom: 0;
color: #fff;
height: 85px;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
width: 100%;
}
.item-text-adv {
top: 100%;
color: #fff;
font-size: 30px;
left: 100%;
margin: 16px 0 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 100%;
opacity:0;
transition:all 0.5s ease-out 0s;
font-weight:700;
z-index:999;
}
.item-box-adv .btn-link-default span {
position: absolute;
width:130px;
height:40px;
line-height:40px;
display:inline-block;
text-align:center;
right:0;
bottom:0;
transition:all 0.5s ease-out 0s;
text-decoration:underline;
}
.item-box-adv:hover .btn-link-default span{
width:100%;
}
.item-box-adv .btn-link-default span:hover{
text-decoration:none;
}
.item-box-adv:hover .item-text-adv{
opacity:1;
top: 50%;
left: 0;
margin: -16px 0 0;
}
.leading-text-adv h3 {
font-size: 20px;
font-weight: 700;
margin:0;
transition:all 0.5s ease-out 0s;
}
.leading-text-adv h2 {
font-size: 40px;
font-weight: 700;
margin: 0;
transition:all 0.3s ease-out 0s;
}
.leading-box-adv:hover .leading-text-adv h3 {
font-size:30px;
}
.leading-box-adv:hover .leading-text-adv h2 {
font-size:20px;
}
.leading-text-adv > a {
color: #fff;
display: inline-block;
text-decoration: underline;
}
/*New Product*/
.new-product {
margin-top: 70px;
}
.new-product .product-box-promotion {
left: 12px;
top: 11px;
}
.new-product .box-intro {
margin-bottom: 45px;
}
.new-product .product-extra-link a{
background:#1b1d1f;
color:#fff;
}
.new-product .product-extra-link a:hover{
background:#FBB450;
color:#fff;
}
/* .new-product  .product-extra-mask{
padding:10px;
} */
.new-product .product-extra-link {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
/* box-shadow: 0 0 5px 0 #cecece; */
}
.new-product .product-extra-link .product-wishlist {
margin-left: -75px;
margin-top: 20px;
}
.new-product .product-extra-link .product-compare {
margin-left: 35px;
margin-top: 20px;
}
.new-product .product-extra-link .product-add-cart{
margin-top:10px;
top:50%;
}
.new-product  .item-product-info{
position:absolute;
top:50%;
left:0;
width:100%;
margin-top:-70px;
opacity:0;
visibility:hidden;
transition:all 0.5s ease-out 0s;
}
.new-product .item-product:hover .item-product-info,.new-product .item-product:hover .product-extra-mask{
opacity:1;
visibility:visible;
}
.new-product .item-product:hover .product-extra-link a{
transform:scale(1);
}
.new-product .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border: 1px solid #1b1d1f;
border-radius: 0;
color: #1b1d1f;
display: inline-block;
font-size: 10px;
height: 24px;
margin: 0;
opacity: 0;
padding: 6px;
position: absolute;
text-shadow: 0 0 0;
top: -66px;
transition: all 0.5s ease-out 0s;
width: 24px;
}
.new-product:hover  .owl-theme .owl-controls .owl-buttons div{
opacity:1;
}
.new-product .owl-theme .owl-controls .owl-buttons div:hover {
border-color: #fbb450;
color: #fbb450;
}
.new-product  .owl-theme .owl-controls .owl-buttons div.owl-prev{
left:0;
}
.new-product  .owl-theme .owl-controls .owl-buttons div.owl-next{
right:0;
}
/*The Brand*/
.the-brand {
margin-top: 35px;
}
.item-brand {
margin:5px 0 0px;
position: relative;
text-align: center;
}
.item-brand-text {
margin-top: 25px;
}
.btn-link-default.brand-link {
margin-bottom: 26px;
margin-top: 20px;
}
.item-product-thumb.item-left {
margin-right: -5px;
}
.item-product-thumb.item-right {
margin-left: -5px;
}
.paginav-slider .owl-theme .owl-controls .owl-page span {
background: #ccc none repeat scroll 0 0;
border-radius: 50%;
display: block;
height: 7px;
margin: 4px;
opacity: 1;
width: 7px;
}
.paginav-slider .owl-theme .owl-controls .owl-page span:hover,.paginav-slider .owl-theme .owl-controls .owl-page.active span{
background:#1b1d1f;
}
.paginav-slider  .owl-pagination {
left: 0;
position: absolute;
top: -40px;
width: 100%;
}
.paginav-slider .wrap-item {
margin-top: 60px;
}
.partner-slider-paginav.style1 .wrap-item{
margin-top: 30px;
}
.the-brand .owl-theme .owl-controls .owl-buttons div {
border-radius: 0;
color: #fff;
display: inline-block;
font-size: inherit;
height: 123px;
margin: -100px 0 0;
opacity: 1;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 57px;
}
.the-brand .owl-theme .owl-controls .owl-buttons div.owl-prev{
background: transparent url("../images/prev.png") no-repeat scroll center center;
left:25%;
margin-left:5px;
}
.the-brand .owl-theme .owl-controls .owl-buttons div.owl-next{
background: transparent url("../images/next.png") no-repeat scroll center center;
right:25%;
margin-right:5px;
}
/*Testimonial*/
.testimonial-slider {
margin: 40px 0 70px;
}
.testimo-item {
background: #797979 none repeat scroll 0 0;
color: #fff;
}
.info-testimo-author {
left: 0;
position: absolute;
top: 90px;
width: 100%;
z-index: 2;
}
.testimo-thumb {
filter: blur(8px);
-moz-filter: blur(8px);
-webkit-filter: blur(8px);
transform: scale(1.1);
}
.testimo-content-left::before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.testimo-content-left {
overflow: hidden;
position: relative;
text-align: center;
}
.testimo-avatar {
border: 3px solid #3a3a3a;
border-radius: 50%;
display: inline-block;
overflow: hidden;
position: relative;
width:150px;
}
.testimo-avatar::before{
position:absolute;
content:"";
background:rgba(251,180,80,0.2);
width:100%;
height:100%;
display:block;
top:0;
left:0;
transition:all 0.5s ease-out 0s;
opacity:0;
border-radius: 50%;
z-index:9;
}
.testimo-avatar:hover::before{
opacity:1;
}
.testimo-avatar  img {
border-radius: 50%;
width:100%;
transition:all 0.5s ease-out 0s;
}
.testimo-avatar:hover img{
transform:rotate(30deg);
}
.testimo-name {
font-size: 16px;
font-weight: bold;
}
.testimo-name > a {
color: #fff;
}
.testimo-name > a:hover {
color: #999;
}
.testimo-desc {
font-size: 16px;
}
.testimo-content-right {
padding-left: 55px;
padding-right: 70px;
padding-top: 95px;
position: relative;
}
.testimo-content-right .testimo-desc::before {
content: "î� ¿";
font-family: linearicons;
font-size: 30px;
left: 0;
position: absolute;
top: 0;
}
.testimo-desc {
padding-top: 60px;
position: relative;
}
.testimo-date {
color: #ccc;
display: block;
margin-top: 24px;
padding-top: 15px;
position: relative;
}
.testimo-date::before {
background: #fff none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 0;
width: 24px;
}
/*Popular Post*/
.popular-post {
margin-top: 35px;
}
.popular-box::before {
position:absolute;
background: rgba(27, 29, 31, 0.5) none repeat scroll 0 0;
width:100%;
height:100%;
content:"";
top:0;
left:0;
opacity:0;
transition:all 0.5s ease-out 0s;
}
.popular-box-thumb > a {
display: block;
}
.popular-box-thumb > a img{
width:100%;
}
.popular-box:hover::before{
opacity:1;
}
.popular-box {
margin: 0 -10px 10px;
position: relative;
overflow:hidden;
}
.popular-box-text {
left: 0;
position: absolute;
top: 50px;
}
.popular-post .item {
padding: 0 10px;
}
.title-popular-box {
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.title-popular-box a {
display: block;
}
.title-popular-box a:hover span{
color:#FBB450;
}
.desc-popular-box {
font-size: 13px;
margin: 0;
}
.desc-popular-box  span {
background: #f9f9f9 none repeat scroll 0 0;
display: inline-block;
padding: 8px 20px;
}
.title-popular-box span {
background: rgba(27, 29, 31, 0.9) none repeat scroll 0 0;
color: #fff;
display: inline-block;
padding: 16px 20px;
}
.popular-box-thumb img{
width:100%;
}
/*Partner Slider*/
.partner-slider .partner-item img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
width: 100%;
transition:all 0.5s ease-out 0s;
}
.partner-item:hover  a img{
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
transform:scale(1.1);
}
.partner-item:hover  a {
border:1px solid #e5e5e5;
}
.partner-item  a {
display: block;
transition:all 0.5s ease-out 0s;
overflow:hidden;
border:1px solid #e5e5e5;
}
.partner-slider .item {
padding: 0 15px;
}
.partner-slider {
margin-bottom: 30px;
margin-top: 50px;
}
.partner-item {
padding-bottom: 27px;
position: relative;
}
.partner-item::after {
background-image: url("../images/theme/sharp-partner.png");
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center top;
bottom: 0;
content: "";
height: 27px;
left: 0;
position: absolute;
width: 100%;
z-index: 999;
transition:all 0.5s ease-out 0s;
opacity:0;
}
.partner-item:hover::after{
opacity:1;
}
/*Footer*/
.footer {
background: #051b2e none repeat scroll 0 0;
margin-top: 0px;
padding: 10px 0 10px;
}
.logo-footer .sub-title {
color: #1b1d1f;
}
.footer-nav {
margin: 0;
width: 100%;
}
.footer-nav a {
color: #ddd;
}
.footer-nav a:hover {
color: #fff;
}
.footer-nav li {
margin-bottom: 5px;
}
.footer-nav .sub-title {
margin-bottom: 15px;
color: #fff;
}
.logo.logo-footer {
margin-bottom: 25px;
}
.download p {
border-bottom: 1px solid #aaa;
margin-bottom: 12px;
padding-bottom: 15px;
}
.download-link a {
color: #999;
}
.download-link li {
margin-bottom: 10px;
}
.newsletter .sub-title {
margin-bottom: 20px;
color: #fff;
}
.newsletter input[type="text"] {
color: #555;
height: 40px;
line-height: 40px;
margin: 0px;
padding: 0 15px;
width: 262px;
float: left;
}
.footer-dark .newsletter input[type="text"] {
border:none;
}
.newsletter input[type="submit"] {
border: medium none;
margin: 0px;
float: left;
padding: 0 20px;
}
.newsletter input[type="submit"]:hover{background: #ED1C24;}
.newsletter {
padding-bottom:20px;
}
.share-social a {
color: #ccc;
font-size: 24px;
transition:all 0.5s ease-out 0s;
}
.share-social a:hover{
color:#fff;
}
.share-social {
margin: 0;
text-align: right;
}
.footer-bottom {
margin-top: 0px;
padding-top:0px;
}
.menu-footer a {
color: #ccc;
}
.menu-footer a:hover {
color: #fff;
}
.menu-footer li {
padding: 0px 8px;
border-right: 1px solid #999;
}
.menu-footer li:first-child{ padding-left: 0px;}
.menu-footer li:last-child{ padding-right: 0px;border:none;}
.copyright {
color: #ccc;
padding: 5px 0 5px;
}
.footer-dark .copyright{
text-align:right;
}
.copyright a {
color: #ddd;
}
#footer .copyright a:hover{
color:#fff;
}
.contact-phone {
margin-top: 30px;
}
.phone-number {
color: #666;
margin-left: 10px;
}
.download-link span {
margin-right: 8px;
}
/*************************************************************
Page Detail
*************************************************************/
.category-slider .item  img {
width: 100%;
}
.category-slider .item {
padding: 0 15px;
}
.category-slider {
background: #f6f6f6 none repeat scroll 0 0;
padding: 50px 0;
}
.relate-product .nav-tabs-default {
margin-bottom: 30px;
}
.relate-product .owl-default .owl-theme .owl-controls .owl-buttons div {
margin-top: -50px;
}
.product-slider .item{
padding:0 15px;
}
.relate-product .item-product{
margin-bottom:0;
}
.relate-product  .title-product a {
text-transform: uppercase;
}
.detail-product-tab {
border: 1px solid #e5e5e5;
margin-bottom: 50px;
margin-top: 35px;
padding: 0 30px 20px;
}
.nav-tabs-default {
margin-bottom: 20px;
}
.product-gallery .bx-wrapper {
float: left;
margin: 0;
padding-right: 10px;
position: relative;
width: 81.4%;
}
.product-gallery #bx-pager {
float: left;
width: 18.6%;
}
.product-gallery #bx-pager a {
background: #f5f5f5 none repeat scroll 0 0;
display: block;
margin-bottom: 10px;
overflow: hidden;
position: relative;
width: 100%;
}
.product-gallery #bx-pager a.active::before {
background: #1b1d1f none repeat scroll 0 0;
content: "";
height: 1px;
left: -50%;
position: absolute;
top: 50%;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
width: 200%;
}
.product-gallery  #bx-pager a img {
width: 100%;
}
.product-gallery  .bxslider img {
height: auto;
width: 100%;
}
.product-gallery .bx-viewport {
background: #f5f5f5 none repeat scroll 0 0;
}
.product-gallery .bx-prev {
color: #a0a0a0;
font-size: 18px;
left: 0;
margin-left: 25px;
margin-top: -10px;
position: absolute;
top: 50%;
}
.product-gallery .bx-controls-direction a:hover {
color: #f87c0a;
}
.product-gallery .bx-next {
color: #a0a0a0;
font-size: 18px;
right: 10px;
margin-right: 15px;
margin-top: -10px;
position: absolute;
top: 50%;
}
.bread-crumb .lnr.lnr-chevron-right {
font-size: 10px;
padding: 0 5px;
}
.bread-crumb a {
color: #999;
}
.bread-crumb {
border-bottom: 1px dotted #e5e5e5;
margin-bottom: 2px;
/* padding: 5px 0; */
text-shadow: 0 0 0;
}
.title-product-detail {
font-size: 30px;
margin-bottom: 15px;
margin-top: 0;
text-transform: uppercase;
}
.wrap-star-rating {
background: rgba(0, 0, 0, 0) url("../images/rate-bg.png") repeat-x scroll left top;
height: 12px;
width: 80px;
}
.inner-star-rating {
background: rgba(0, 0, 0, 0) url("../images/rate-star.png") repeat-x scroll left center;
height: 12px;
}
.inner-star-rating {
background: rgba(0, 0, 0, 0) url("../images/rate-star.png") repeat-x scroll left center;
height: 12px;
}
.info-product-detail .desc {
color: #666;
margin: 15px 0 10px;
}
.product-gallery .share-social a {
color: #999;
font-size: 18px;
padding: 0 5px;
}
.product-gallery .share-social {
margin-left: 150px;
margin-top: 15px;
}
.attr-product {
border: 1px solid #e5e5e5;
}
.select-attr-size {
background: #fafafa none repeat scroll 0 0;
box-shadow: 0 0 0 1px #e5e5e5;
display: none;
left: 0;
list-style: outside none none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 9;
}
.attr-product.attr-size {
margin-top: 20px;
position: relative;
text-transform: uppercase;
}
.attr-size .selected-attr-size {
background: rgba(0, 0, 0, 0) url("../images/arrow-down.png") no-repeat scroll right 20px center;
color: #1b1d1f;
display: block;
padding: 10px 20px;
}
.attr-product label {
font-weight: 400;
margin: 0;
text-transform: uppercase;
}
.selected-attr-size > span {
position: absolute;
right: 65px;
}
.select-attr-size li a {
display: block;
padding: 5px 20px;
color: #1b1d1f;
}
.select-attr-size li{
border-bottom:1px solid #e5e5e5;
}
.select-attr-size li:last-child{
border-bottom:1px solid transparent;
}
.select-attr-size li a.selected {
background: #f5f5f5 none repeat scroll 0 0;
}
.attr-product.attr-color {
display: table;
margin-top: 20px;
padding: 15px 10px 10px 20px;
width: 100%;
}
.attr-product.attr-color > ul {
display: table-cell;
list-style: outside none none;
margin: 0;
padding: 0;
}
.attr-product.attr-color > label {
display: table-cell;
padding-right: 20px;
vertical-align: top;
}
.attr-product.attr-color li {
display: inline-block;
}
.attr-product.attr-color a {
border: 1px solid #e5e5e5;
display: block;
height: 30px;
margin: 0 3px 5px 0;
padding: 1px;
width: 30px;
}
.attr-product.attr-color a span {
display: block;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.attr-product.attr-color a.selected span::after {
background: #1b1d1f none repeat scroll 0 0;
content: "";
height: 1px;
left: -50%;
position: absolute;
top: 50%;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
width: 200%;
}
.blue {
background: #4d6dbd none repeat scroll 0 0;
}
.blue-air {
background: #2fbcda none repeat scroll 0 0;
}
.orange {
background: #fbb450 none repeat scroll 0 0;
}
.green {
background: #72b226 none repeat scroll 0 0;
}
.gray {
background: #d8d8d9 none repeat scroll 0 0;
}
.black {
background: #202020 none repeat scroll 0 0;
}
.red {
background: #fb5d5d none repeat scroll 0 0;
}
.yellow {
background: #ffe00c none repeat scroll 0 0;
}
.blue-light {
background: #1997d4 none repeat scroll 0 0;
}
.blue-ocean {
background: #5990de none repeat scroll 0 0;
}
.info-qty {
border: 1px solid #e5e5e5;
height: 40px;
line-height: 40px;
max-width: 220px;
padding: 0 20px;
}
.info-qty > label {
font-weight: 400;
margin: 0 40px 0 0;
text-transform: uppercase;
}
.info-qty a {
color: #b8b8b8;
}
.info-qty a:hover {
color: #f87c0a;
}
.qty-val {
display: inline-block;
text-align: center;
width: 60px;
}
.wrap-cart-qty .btn-link-default.add-to-cart {
margin-top: 20px;
max-width: 220px;
width: 100%;
}
.info-extra a {
color: #1b1d1f;
margin-right: 15px;
}
.info-extra {
margin-top: 20px;
}
.content-product-detail.none-sidebar .wrap-attr-product {
float: left;
margin-right: 20px;
}
.wrap-attr-product {
max-width: 320px;
width: 100%;
}
.wrap-cart-qty {
float: left;
margin-top: 20px;
max-width: 220px;
width: 100%;
}
/*****************************************
Page Detail Mr
******************************************/
.content-product-detail.has-sidebar .product-gallery .bx-wrapper {
float: none;
margin: 0;
padding-right: 0;
position: relative;
width: 100%;
}
.content-product-detail.has-sidebar  .product-gallery #bx-pager {
float: none;
width: auto;
}
.content-product-detail.has-sidebar .product-gallery #bx-pager a {
display: inline-block;
margin-bottom: 0;
margin-right: 6px;
margin-top: 10px;
max-width: 97px;
}
.content-product-detail.has-sidebar .product-gallery #bx-pager a:last-child{
margin-right:0;
}
.widget.widget-category h3 {
font-size: 13px;
margin: 0 0 15px;
text-transform: uppercase;
}
.widget-title.sub-title {
margin: 0 0 25px;
}
.widget.widget-category > h3 a {
color: #1b1d1f;
}
.widget.widget-category > h3 a:hover ,.widget.widget-category ul li a:hover,.sidebar-product .title-product a:hover{
color: #999;
}
.widget.widget-category > ul {
list-style: outside none none;
margin: 0 0 40px;
padding: 0;
}
.widget.widget-category > ul:last-child {
margin-bottom: 0;
}
.widget.widget-category ul li a {
color: #666;
padding-left: 30px;
position: relative;
}
.widget.widget-category ul li a::before {
content: "";
font-family: linearicons;
left: 0;
position: absolute;
top: 0;
}
.sidebar-product .widget {
border: 1px solid #e5e5e5;
margin-bottom: 30px;
padding:30px;
}
.sidebar-product ul{
padding:0;
list-style:none;
}
.product-thumb {
background: #f5f5f5 none repeat scroll 0 0;
float: left;
margin-right: 20px;
max-width: 70px;
width: 100%;
}
.sidebar-product .title-product a {
color: #666;
}
.widget-top-seller li {
margin-bottom: 20px;
}
.widget.widget-category li {
border-bottom: 1px solid #e5e5e5;
padding: 8px 0;
}
.widget.widget-category li:last-child{
border-bottom: 1px solid transparent;
}
.widget.widget-compare li{
position:relative;
}
.widget.widget-compare ul li .remove-product-compare {
color: #1b1d1f;
left: -20px;
position: absolute;
top: 0;
}
.widget.widget-compare ul li{
margin-bottom:20px;
}
.btn-link-default.btn-compare {
margin-right: 25px;
padding: 0 20px;
}
.widget-compare-link .clear-compare {
color: #1b1d1f;
text-transform: uppercase;
}
.widget-compare-link .clear-compare:hover{
color:#999;
}
.widget-compare-link {
border-top: 1px solid #e5e5e5;
margin-bottom: 20px;
padding-top: 20px;
}
/******************************************
Page Grid
*******************************************/
.product-sort a {
border: 1px solid #e5e5e5;
color: #1b1d1f;
display: block;
height: 36px;
line-height: 36px;
padding: 0 20px 0 44px;
text-transform: uppercase;
}
.product-sort a.active{
color:#fff;
border: 1px solid #1b1d1f;
}
.product-sort li {
float: left;
padding: 0;
}
.product-sort a.grid {
background: rgba(0, 0, 0, 0) url("../images/icon-grid.png") no-repeat scroll left 20px center;
}
.product-sort a.grid.active {
background: #1b1d1f url("../images/icon-grid-active.png") no-repeat scroll left 20px center;
}
.product-sort a.list {
background: rgba(0, 0, 0, 0) url("../images/icon-list.png") no-repeat scroll left 20px center;
}
.product-sort a.list.active {
background: #1b1d1f url("../images/icon-list-active.png") no-repeat scroll left 20px center;
}
.product-sort{
margin:0;
padding:0;
}
.product-filter .ui-selectmenu-button{
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 0;
color: #1b1d1f;
display: inline-block;
font-family: open sans;
font-size: 13px;
font-weight: 400;
height: 36px;
text-transform: uppercase;
width: 130px !important;
}
.product-filter .ui-selectmenu-button::after {
content: "î¡´";
font-family: linearicons;
position: absolute;
right: 15px;
top: 10px;
}
.product-filter .ui-selectmenu-button .ui-selectmenu-text {
display: block;
height: 34px;
line-height: 34px;
padding: 0 30px 0 20px;
width: 100%;
}
.ui-selectmenu-menu .ui-menu {
border-radius: 0;
overflow: hidden;
padding: 0;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #fbcb09;
color: #fbb450;
font-weight: normal;
}
.ui-menu .ui-menu-item {
padding: 5px 1em 5px 0.4em;
}
.product-filter  .ui-state-default .ui-icon{
display:none;
}
.product-filter {
position: relative;
}
.filter-type {
position: absolute;
}
.product-filter .filter-selected {
border: 1px solid #e5e5e5;
color: #1b1d1f;
display: block;
height: 36px;
line-height: 36px;
padding: 0 54px 0 20px;
position: relative;
text-transform: uppercase;
}
.product-filter .filter-selected::after {
content: "î¡´";
font-family: linearicons;
position: absolute;
right: 20px;
top: 0;
}
.sort-pagi-bar.top {
margin-bottom: 30px;
}
.filter-type li a {
display: block;
padding: 5px 20px;
color: #666;
}
.filter-type {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #e5e5e5;
display: none;
left: 0;
list-style: outside none none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 9;
}
.filter-type li{
border-bottom:1px solid #e5e5e5;
}
.filter-type li:last-child{
border-bottom:1px solid transparent;
}
.filter-type li a.selected {
background: #f5f5f5 none repeat scroll 0 0;
}
.filter-type li a:hover {
color: #999;
}
.product-pagi-nav a {
border: 1px solid #e5e5e5;
color: #1b1d1f;
display: block;
height: 36px;
line-height: 36px;
text-align: center;
width: 36px;
transition:all 0.5s ease-out 0s;
}
.product-pagi-nav a.active,.product-pagi-nav a:hover{
color:#fff;
border-color:#1b1d1f;
background-color:#1b1d1f;
}
.product-pagi-nav li {
margin: 0;
padding: 0;
vertical-align: top;
}
.product-pagi-nav a span {
display: block;
line-height: 36px;
}
.product-pagi-nav {
margin: 0 0 0 30px;
}
.sort-pagi-bar.bottom {
border-top: 1px solid #e5e5e5;
padding-top: 30px;
}
.list-product {
margin-bottom: 0;
}
/*****************************************
Page Grid Mr
******************************************/
.widget.widget-default ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.widget.widget-default ul li a {
color: #1b1d1f;
position: relative;
}
.widget.widget-default ul li a:hover{
color:#999;
}
.widget.widget-default li {
border-bottom: 1px solid #e5e5e5;
padding: 8px 0;
}
.widget.widget-default li:last-child{
border-bottom: 1px solid transparent;
}
.widget.widget-attribute a span {
color: #999;
}
.widget.widget-filter-price input#amount {
border: medium none;
color: #666;
font-size: 13px;
font-weight: 400;
max-width: 80px;
}
.widget-filter-price .btn-link-default {
margin: 30px auto 10px;
padding: 0;
width: 80px;
}
.info-price-filter {
text-align: center;
}
.info-price-filter label {
color: #666;
font-weight: 400;
margin-left: 15px;
}
.info-price-filter label {
color: #666;
font-weight: 400;
margin-left: 15px;
}
.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
background: #1b1d1f none repeat scroll 0 0;
border: medium none;
border-radius: 0;
height: 2px;
margin: 0;
padding: 0;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
background: #fbb450 none repeat scroll 0 0;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
background: #fff none repeat scroll 0 0;
border: 2px solid #fbb450;
border-radius: 0;
height: 10px;
margin: 0 0 0 -5px;
top: -4px;
width: 10px;
}
.thumb-link-default {
display: block;
position: relative;
overflow:hidden;
}
.thumb-link-default::before{
position:absolute;
content:"";
width:100%;
height:100%;
opacity:0;
background:rgba(27,29,31,0.5);
transition:all 0.5s ease-out 0s;
top:0;
left:0;
z-index:9;
}
.thumb-link-default img{
transition:all 0.5s ease-out 0s;
width:100%;
}
.thumb-link-default:hover::before{
opacity:1;
}
.thumb-link-default:hover img{
transform:scale(1.2);
}
/**************************************
Page Product List
***************************************/
.product-list .item-product-info {
text-align: left;
}
.product-list.none-sidebar .item-product-thumb {
float: left;
width: 20%;
padding: 10px 15px;
background:none;
margin: 0 0 20px;
}
.item-product-thumb span{font-size: 14px;
font-weight: 600;}
.product-list.none-sidebar  .item-product-info {
float: left;
background:#f5f5f5;
margin: 0 0 20px;
padding: 10px 20px;
width: 77%;
box-shadow: 0px 0px 3px 0px #aaa;
}
.item-product-info span{font-size: 14px;}
.product-list.none-sidebar .wrap-cart-qty {
border-left: 1px solid #e5e5e5;
float: left;
margin: 0;
max-width: none;
padding: 40px 0 45px 30px;
width: 22%;
}
.product-list  .item-product {
border: 1px solid #e5e5e5;
padding: 30px;
}
.product-list.none-sidebar   .info-qty {
margin-top: 18px;
}
.product-list .title-product {
font-size: 16px;
margin: 0 0 20px;
}
.product-list.none-sidebar  .wrap-star-rating {
margin-bottom: 20px;
}
.item-product-info .product-readmore:hover {
background: #1b1d1f none repeat scroll 0 0;
border: 1px solid #1b1d1f;
color: #fff;
}
.item-product-info .product-readmore {
border: 1px solid #e5e5e5;
color: #1b1d1f;
display: inline-block;
height: 40px;
line-height: 40px;
margin-top: 15px;
padding: 0 30px;
text-transform: uppercase;
transition: all 0.5s ease-out 0s;
}
/**************************************
Page Product List Mr
***************************************/
.product-list.has-sidebar .item-product-thumb {
float: left;
width: 33%;
}
.product-list.has-sidebar .item-product-info {
float: left;
margin-top: 0;
padding-left: 30px;
width: 67%;
}
.product-list.has-sidebar .desc {
margin-top: 20px;
}
.product-list.has-sidebar .wrap-cart-qty {
margin-top: 5px;
}
.product-list.has-sidebar .wrap-cart-qty {
margin-top: 5px;
max-width: inherit;
}
.product-list.has-sidebar .info-extra {
margin-bottom: 20px;
}
.product-list.has-sidebar .info-qty {
display: inline-block;
margin-right: 10px;
max-width: 220px;
vertical-align: top;
width: 100%;
}
.product-list.has-sidebar .btn-link-default.add-to-cart {
margin: 0;
max-width: 220px;
}
/*******************************************************************
Page Blog
********************************************************************/
.content-blog-page .megafolio-container{
box-sizing: border-box;
position: relative;
width: 100%;
}
.news-load-more {
margin: 40px auto 0;
max-width: 470px;
width: 100%;
}
.addmore.btn-link-default {
width: 100%;
}
.mega-entry .popular-box {
margin: 0;
}
.mega-entry .popular-box {
height: 100%;
margin: 0;
width: 100%;
}
/*******************************************************************
Single
********************************************************************/
.content-single .bread-crumb {
margin-bottom:50px;
}
.content-single {
border-top: 1px solid #e5e5e5;
}
.post-title {
color: #1b1d1f;
font-size: 16px;
margin: 0 0 20px;
text-shadow: 0 0 0;
text-transform: uppercase;
}
.post-text {
color: #666;
margin: 0 0 25px;
}
.post-info  p {
color: #999;
}
.post-info label{
font-weight:400;
}
.post-info .share-social label {
color: #999;
margin-right: 10px;
vertical-align: super;
}
.post-info .share-social {
margin-bottom: 20px;
margin-top: 0;
}
.post-info .share-social a {
color: #999;
margin-right: 20px;
line-height: 24px;
}
.post-info .share-social a:hover {
color: #1b1d1f;
}
.post-info a {
color: #333;
}
.post-info a:hover{
color:#666;
}
.single-post-thumb.img-responsive {
margin-bottom: 50px;
}
.text-upper {
color: #333;
font-size: 30px;
}
.item-post-gallery h3 a {
color: #999;
font-size: 13px;
}
.item-post-gallery h3 {
margin: 15px 0 0;
text-align: center;
}
.post-gallery {
margin: 25px auto auto;
/* max-width: 940px; */
}
.post-gallery .item {
padding: 0 10px;
}
.item-post-gallery .fancybox {
display: block;
position: relative;
overflow:hidden;
}
.item-post-gallery .fancybox img{
transition: all 0.5s ease-out 0s;
width:100%;
}
.item-post-gallery .fancybox:hover img{
transform:scale(1.2);
}
.item-post-gallery .fancybox::before {
background: rgba(120, 120, 120, 0.5) url("../images/icon-zoom.png") no-repeat scroll center center;
content: "";
height: 0;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transition: all 0.5s ease-out 0s;
width: 0;
z-index: 9;
}
.item-post-gallery .fancybox:hover::before {
height: 100%;
left: 0;
opacity: 1;
top: 0;
width: 100%;
}
.list-post-tags {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
padding: 10px 15px;
text-align: center;
}
.list-post-tags label {
color: #999;
font-weight: 400;
margin: 0;
}
.list-post-tags a {
color: #333;
margin-right: 15px;
position: relative;
}
.list-post-tags a:last-child{
margin:0;
}
.list-post-tags a:last-child::after{
display:none;
}
.list-post-tags a::after {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 10px;
position: absolute;
right: -9px;
top: 5px;
transform: rotate(10deg);
width: 1px;
}
.post-title a {
color: #333;
}
.control-post .prev-post, .control-post .next-post {
color: #999;
display: inline-block;
margin-bottom: 15px;
}
.control-post .prev-post:hover, .control-post .next-post:hover{
color:#333;
}
.control-post {
border-bottom: 1px solid #e5e5e5;
padding: 25px 0 8px;
}
.post-comment {
margin-top: 45px;
}
.post-comment ol, .post-comment ul {
list-style: outside none none;
margin: 30px 0 0;
padding: 0;
}
.item-comment {
display: table;
width: 100%;
}
.comment-thumb {
display: table-cell;
vertical-align: top;
width: 85px;
}
.comment-info {
border-bottom: 1px solid #e5e5e5;
display: table-cell;
padding-bottom: 30px;
vertical-align: top;
}
.comment-author {
font-size: 16px;
margin: 0;
}
.comment-author a {
color: #333;
}
.comment-text {
color: #666;
}
.comment-time {
color: #999;
margin: 5px 0 10px;
}
.comment-reply {
color: #fbb450;
}
.avatar {
display: block;
width: 60px;
}
.post-comment-reply {
margin-top: 40px;
}
.comment-form {
margin-top: 40px;
}
.comment-form input[type="text"] {
border: 1px solid #e5e5e5;
color: #999;
height: 50px;
padding: 0 15px;
width: 100%;
}
.comment-form textarea {
border: 1px solid #e5e5e5;
color: #999;
padding: 15px;
width: 100%;
}
.comment-form p {
margin-bottom: 30px;
}
.comment-form > p {
margin-bottom: 0;
}
.post-comment .comment-form ol {
margin-top: 50px;
}
.post-comment ol {
margin-top: 45px;
}
.item-post-gallery {
margin-bottom: 25px;
}
/*******************************************************************
Index 2
********************************************************************/
/*Header*/
.top-header {
background: #1190d6 none repeat scroll 0 0;
position: relative;
min-height: 3px;
}
.top-left .top-header{
background:#1b1d1f;
}
.top-left .language-box {
display: inline-block;
position:relative;
}
.top-left .currency-box {
display: inline-block;
position:relative;
}
.language-box::after{
position:absolute;
}
.language-box:hover .language-inner-box{
opacity:1;
visibility: visible;
margin-top:0;
}
.language-box::after ,.currency-box::after{
color: #fff;
content: "";
font-family: linearicons;
left: 50%;
margin-left: -5px;
margin-top: -10px;
position: absolute;
top: 100%;
transition: all 0.5s ease-out 0s;
opacity:0;
}
.language-box:hover::after,.currency-box:hover::after{
opacity:1;
}
.currency-box:hover .currency-inner-box{
opacity:1;
visibility: visible;
margin-top:0;
}
.item-box-sub {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1);
left: 0;
opacity: 0;
padding: 12px 20px 30px;
position: absolute;
top: 100%;
transition: all 0.5s ease-out 0s;
visibility: hidden;
width: 210px;
z-index: 9;
margin-top:30px;
margin-left:-65px;
}
.item-box-sub li::before {
content: "�";
font-family: linearicons;
left: 0;
position: absolute;
top: 17px;
color:#999;
}
.top-right ul li {
vertical-align: top;
}
.item-box-sub > ul {
list-style: outside none none;
padding: 0;
}
.item-box-sub li {
border-bottom: 1px solid #e5e5e5;
padding-left: 20px;
position: relative;
}
.item-box-sub li a {
color: #666;
display: block;
padding: 15px 0;
}
.item-box-sub li a:hover{
color:#999;
}
.top-left .language-link {
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
display: block;
font-size: 10px;
height: 40px;
line-height: 40px;
padding: 0 45px 0 20px;
position: relative;
text-transform: uppercase;
}
.top-left .language-box:hover .language-link,.top-left .currency-box:hover .currency-link{
color:#999;
}
.top-left .language-link::after {
content: "î¡´";
font-family: linearicons;
position: absolute;
right: 20px;
top: 0;
}
.top-left .currency-link {
border-right: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
display: block;
font-size: 10px;
height: 40px;
line-height: 40px;
padding: 0 45px 0 17px;
position: relative;
text-transform: uppercase;
}
.top-left .currency-link::after {
content: "î¡´";
font-family: linearicons;
position: absolute;
right: 20px;
top: 0;
}
.top-right {
border-right: 1px solid rgba(255, 255, 255, 0.0);
text-align: right;
}
.top-right>ul {
margin: 0;
padding: 0;
}
.top-right ul li {
padding: 8px 0;
display: inline-block;
}
.top-right>ul>li>a {
border-right: 1px solid #ddd;
color: #fff;
display: block;
padding: 0 14px;
text-transform: capitalize;
font-size: 13px;
}
.top-right>ul>li>a:hover {
color: #ed3237;
}
.top-right>ul>li:last-child>a {
border-right: none;
padding-right: 0px;
}
.top-right ul li a span {
margin-right: 5px;
}
.top-right .info-user .inner-user-info {
background-color: #f2f2f2;
background-image: -o-linear-gradient(bottom,#fff 70%,#f2f2f2 90%);
background-image: -moz-linear-gradient(bottom,#fff 70%,#f2f2f2 90%);
background-image: -webkit-linear-gradient(bottom,#fff 70%,#f2f2f2 90%);
background-image: -ms-linear-gradient(bottom,#fff 70%,#f2f2f2 90%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.7,#fff),color-stop(.9,#f2f2f2));
margin-right: 0px;
margin-top: 30px;
padding: 5px 10px 4px;
right: 0;
text-align: left;
top: 100%;
min-width: 160px;
left: auto;
}
.top-right .info-cart{
position:relative;
}
.info-user {
position: relative;
}
.top-right .info-user:hover .inner-user-info{
margin-top: 0px;
}
.top-right .mycart-link .number-cart-total {
background: #fbb450 none repeat scroll 0 0;
color: #fff;
font-size: 13px;
margin-left: 20px;
padding: 0 5px;
}
.info-header2 .info-search::after {
margin-top:2px;
margin-left: 10px;
top:100%;
}
.info-header2 .info-search:hover::after{
opacity:1;
}
.info-header.info-header2 {
padding-top: 5px;
}
.info-header2 .info-search {
margin-left: 0;
}
.info-header2 .info-icon.icon-search {
border: 1px solid #1b1d1f;
display: block;
font-size: 13px;
height: 32px;
width: 32px;
text-align:center;
}
.info-header2 .info-search .search-form{
margin-right: -55px;
}
.info-header2 .info-search:hover .search-form {
margin-top: 7px;
}
.info-header2 .info-icon.icon-search span{
line-height:32px;
}
.logo.logo-footer2 a {
color: #fff;
font-size: 30px;
text-transform: uppercase;
}
/*Banner Slider*/
.owl-arrow-banner .owl-theme .owl-controls .owl-buttons div:hover {
border-color: #fbb450;
color: #fbb450;
}
.owl-arrow-banner .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border: 1px solid #1b1d1f;
border-radius: 0;
color: #1b1d1f;
display: inline-block;
font-size: 10px;
height: 34px;
margin: -17px 0 0;
opacity: 1;
padding: 10px;
width: 34px;
position:absolute;
top:50%;
transition:all 0.5s ease-out 0s;
opacity:0;
background:#fff;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div.owl-prev{
left:15px;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div.owl-next{
right:15px;
}
.banner-slider:hover .owl-theme .owl-controls .owl-buttons div{
opacity:1;
}
.banner-info {
height: 220px;
left: 0;
margin-top: -110px;
position: absolute;
top: 50%;
width: 100%;
}
.banner-info-text {
color: #fff;
padding-left: 50px;
text-transform: uppercase;
}
.banner-info-text h4 {
font-size: 30px;
font-weight: 700;
margin: 0;
text-shadow: 1px 1px 3px #808080;
}
.banner-info-text > h2 {
font-size: 60px;
margin: 0;
text-shadow: 1px 1px 3px #808080;
}
.banner-info-text .btn-link-default.banner-link {
margin-top: 45px;
}
/*Featured Product Tab*/
.product-tab-slider {
margin-top: 50px;
}
.header-product-tab {
border-bottom: 2px solid #e5e5e5;
margin-bottom: 30px;
padding-bottom: 14px;
}
.list-tab-title .nav > li > a {
border: medium none;
color: #1b1d1f;
font-size: 13px;
padding: 0;
position: relative;
text-transform: uppercase;
}
.list-tab-title .nav.nav-tabs {
border: medium none;
margin-top: 7px;
}
.list-tab-title .nav-tabs > li {
margin: 0 50px 0 0;
}
.header-product-tab .title {
}
.list-tab-title .nav > li > a:hover ,.list-tab-title .nav > li.active > a{
background: transparent none repeat scroll 0 0;
border: medium none;
color:#999;
}
.list-tab-title .nav > li > a::after {
background: #1b1d1f none repeat scroll 0 0;
bottom: -24px;
content: "";
height: 4px;
left: 50%;
position: absolute;
width: 0;
transition:all 0.5s ease-out 0s;
opacity:0;
}
.list-tab-title .nav > li > a:hover::after,.list-tab-title .nav > li.active > a::after{
opacity:1;
width:100%;
left:0;
}
.product-tab-slider .owl-buttons {
position: absolute;
right: 0;
top: -75px;
}
.product-tab-slider .owl-theme .owl-controls .owl-buttons div:hover {
border-color:#FBB450;
color:#FBB450;
}
.product-tab-slider .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border: 1px solid #1b1d1f;
border-radius: 0;
color: #1b1d1f;
display: inline-block;
font-size: 10px;
height: 24px;
margin: 0 0 0 5px;
opacity: 1;
padding: 6px;
width: 24px;
text-shadow: 0 0 0;
}
.hotdeal-countdown {
margin-top: 30px;
margin-bottom: 30px;
}
.info-sale {
background: url("../images/bg-sale.png") no-repeat;
position: relative;
width: 77px;
height: 78px;
text-align: center;
margin-top: 25px;
margin-bottom: 15px;
}
.info-sale > span {
display: block;
line-height: 78px;
font-weight: bold;
}
.hotdeal-countdown .time_circles > div {
background: #5f6062 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 64px;
margin: 0 2px;
padding-top: 12px;
text-align: center;
width: 64px !important;
}
.hotdeal-countdown canvas {
left: 0px;
position: relative;
top: 70px;
z-index: 9;
}
.hotdeal-countdown .number {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: -4px;
}
.hotdeal-countdown  .text {
color: #ccc;
font-size: 13px;
text-transform: uppercase;
}
/*Catalog*/
.catalog {
background-attachment: fixed;
background-image: url("../images/index2/bg-parallax.png");
background-position: center bottom;
background-repeat: no-repeat;
background-size: inherit;
padding: 75px 0;
margin-top: 15px;
}
.content-catelog {
color: #fff;
padding-left: 45px;
}
.content-catelog > h2 {
font-size: 30px;
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase;
}
.content-catelog ul li a {
color: #fff;
font-style: italic;
padding: 0 0 0 30px;
position: relative;
}
.content-catelog ul li a::before {
content: "";
font-family: linearicons;
left: 0;
position: absolute;
top: 0;
}
.content-catelog  .download-catalog {
background: #fff none repeat scroll 0 0;
color: #1b1d1f;
display: inline-block;
height: 40px;
line-height: 40px;
margin-top: 15px;
padding: 0 20px;
text-transform: uppercase;
transition:all 0.5s ease-out 0s;
}
.content-catelog  .download-catalog:hover{
color:#fff;
background:#1b1d1f;
}
/*Latest Post*/
.box-title {
margin-bottom: 42px;
text-align: center;
}
.box-title  h2 {
color: #1b1d1f;
font-size: 30px;
font-weight: bold;
margin: 0 0 10px;
text-transform:uppercase;
}
.box-title  p {
color: #666;
margin: 0;
}
.latest-post {
background: #f6f6f6 none repeat scroll 0 0;
margin-top: 15px;
padding: 70px 0 0;
}
.item-latest-post {
padding: 80px 0;
position: relative;
}
.item-latest-post::after {
position: absolute;
width: 50%;
height: 100%;
content: "";
background: rgba(27,29,31,0.5);
top: 0;
opacity: 0;
transition: all 0.5s ease-out 0s;
}
.item-latest-post.item-left::after{
left: 50%;
}
.item-latest-post.item-right::after{
left: 0;
}
.item-latest-post:hover::after{
opacity:1;
}
.item-latest-post.item-left {
background-image: url("../images/index2/bg-box2.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size:auto 100%;
}
.item-latest-post.item-right {
background-image: url("../images/index2/bg-box3.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size:auto 100%;
}
.latest-post-content {
color: #fff;
}
.item-latest-post.item-left .latest-post-content {
padding-right: 45px;
text-align: right;
}
.item-latest-post.item-right .latest-post-content {
padding-left: 45px;
text-align: left;
}
.latest-post-thumb {
display: block;
margin: 0 -15px;
}
.latest-post-content > h3 {
font-size: 16px;
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase;
}
.latest-post-content a {
color: #fff;
}
.latest-post-content a:hover {
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.latest-post-info {
border-top: 1px solid rgba(255,255,255,0.5);
margin-top: 23px;
padding-top: 26px;
}
.latest-post-info li a {
display: block;
margin-bottom: 10px;
}
.latest-post-info li {
margin-left: 15px;
text-align: center;
}
.latest-post-content .readmore {
background: #fff none repeat scroll 0 0;
color: #1b1d1f;
display: inline-block;
height: 40px;
line-height: 40px;
margin-top: 15px;
padding: 0 20px;
text-transform: uppercase;
transition:all 0.5s ease-out 0s;
}
.latest-post-content .readmore:hover{
background: #1b1d1f none repeat scroll 0 0;
color: #fff;
}
/*Custom Service*/
.custom-service {
background: #f6f6f6 none repeat scroll 0 0;
padding-top: 70px;
}
.item-service-text .sub-title a {
color: #1b1d1f;
transition:all 0.5s ease-out 0s;
}
.item-service-text .sub-title {
margin: 0 0 17px;
}
.item-custom-service {
display: table;
margin-top: 75px;
width: 100%;
}
.item-service-text {
display: table-cell;
vertical-align: top;
}
.item-service-thumb {
display: table-cell;
width: 90px;
}
.item-service-thumb > a {
border-radius: 50%;
color: #fff;
display: block;
font-size: 30px;
height: 70px;
margin: 0 10px;
position: relative;
text-align: center;
width: 70px;
transition:all 0.5s ease-out 0s;
box-shadow: 0 0 0 10px transparent;
}
.item-service-thumb > a:hover{
transform:rotate(45deg);
}
.box-left {
margin-right: -15px;
}
.box-left .item-service-text{
padding-right:15px;
}
.box-right {
margin-left: -15px;
}
.box-right .item-service-text{
padding-left:15px;
}
.item-service-thumb > a span {
line-height: 70px;
}
.sv-green .item-service-thumb > a{
background-color: rgba(94,227,168,1);
}
.sv-green .item-service-thumb > a:hover{
box-shadow: 0 0 0 10px rgba(94,227,168,0.2);
}
.sv-green  .item-service-text .sub-title a:hover {
color: rgba(94,227,168,1);
}
.sv-blue .item-service-thumb > a{
background-color: rgba(76,214,214,1);
}
.sv-blue .item-service-thumb > a:hover{
box-shadow: 0 0 0 10px rgba(76,214,214,0.2);
}
.sv-blue  .item-service-text .sub-title a:hover {
color: rgba(76,214,214,1);
}
.sv-yellow .item-service-thumb > a{
background-color: rgba(249,221,71,1);
}
.sv-yellow .item-service-thumb > a:hover{
box-shadow: 0 0 0 10px rgba(249,221,71,0.2);
}
.sv-yellow  .item-service-text .sub-title a:hover {
color: rgba(249,221,71,1);
}
.sv-orange .item-service-thumb > a{
background-color: rgba(255,168,35,1);
}
.sv-orange .item-service-thumb > a:hover{
box-shadow: 0 0 0 10px rgba(255,168,35,0.2);
}
.sv-orange  .item-service-text .sub-title a:hover {
color: rgba(255,168,35,1);
}
.sv-red .item-service-thumb > a{
background-color: rgba(255,87,54,1);
}
.sv-red .item-service-thumb > a:hover{
box-shadow: 0 0 0 10px rgba(255,87,54,0.2);
}
.sv-red  .item-service-text .sub-title a:hover {
color: rgba(255,87,54,1);
}
.sv-pink .item-service-thumb > a{
background-color: rgba(227,55,78,1);
}
.sv-pink .item-service-thumb > a:hover{
box-shadow: 0 0 0 10px rgba(227,55,78,0.2);
}
.sv-pink  .item-service-text .sub-title a:hover {
color: rgba(227,55,78,1);
}
/*Footer*/
.footer.footer2 {
background: #1b1d1f none repeat scroll 0 0;
margin-top: 0;
}
.footer-bottom2 {
margin-top: 15px;
}
.footer.footer2 a:hover {
color: #fff;
}
.footer.footer2 .copyright a {
color: #fff;
}
.footer.footer2 .copyright a:hover{
color:#666;
}
/*******************************************************************
Contact
********************************************************************/
.content-contact .bread-crumb {
border: medium none;
margin: 0;
}
.item-contact-box {
color: #000;
display: inline-block;
margin-bottom: 20px;
min-width: 160px;
vertical-align: middle;
}
.item-contact-box > a {
border: 1px solid #ED1C24;
border-radius: 50%;
color: #ED1C24;
display: inline-block;
height: 55px;
margin-right: 15px;
text-align: center;
width: 55px;
background: #f6f6f6;
}
.item-contact-box > a span {
font-size: 18px;
line-height: 51px;
}
.item-contact-box > label {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.contact-info-box {
color: #666;
margin-top: 50px;
}
.phone-box h2 {
font-size: 14px;
margin: 0 0 12px;
}
.phone-box {
display: inline-block;
padding-top: 20px;
vertical-align: top;
}
.mail-box {
display: inline-block;
padding-top: 20px;
vertical-align: top;
}
.mail-box  a{
color:#666;
}
.mail-box  a:hover{
color:#999;
}
.contact-form > h2 {
color: #000;
font-size: 16px;
margin: 20px 0 0;
text-transform: uppercase;
}
.contact-form .comment-form {
margin-top: 25px;
}
.contact-form {
margin-top: 25px;
}
.contact-form .comment-form input[type="text"],.contact-form .comment-form textarea{
border-color:#ccc;
}
.btn-submit-form {
background: #ff0000 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
height: 40px;
margin-right: 2px;
padding: 0 30px;
text-transform: uppercase;
transition:all 0.5s ease-out 0s;
}
.btn-submit-form:hover{
background: #fdd932 none repeat scroll 0 0;
}
.btn-reset-form {
background: #fdd932 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
height: 40px;
padding: 0 30px;
text-transform: uppercase;
transition:all 0.5s ease-out 0s;
}
.btn-reset-form:hover{
background: #ff0000 none repeat scroll 0 0;
}
/*******************************************************************
Page About
********************************************************************/
.content-page {
border-top: 1px solid #e5e5e5;
}
.content-page .bread-crumb {
border: medium none;
margin: 0;
}
.about-box-image > img {
width: 100%;
}
.about-box{
margin-bottom:30px;
position:relative;
overflow:hidden;
}
.about-box::before {
background: rgba(27, 29, 31, 0.1) none repeat scroll 0 0;
content: "";
height: 0;
left: 50%;
position: absolute;
top: 50%;
transition: all 0.5s ease-out 0s;
width: 0;
}
.about-box:hover::before {
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.about-box-text {
text-align: center;
padding-top:55px;
height:292px;
}
.about-box-text p {
font-size: 30px;
margin: 25px 0 0;
color:#fff;
}
.about-box-text a {
font-size: 90px;
color:#fff;
}
.blue-box {
background: #1997d4 none repeat scroll 0 0;
}
.dark-yellow-box{
background: #f3b929 none repeat scroll 0 0;
}
.violet-box{
background: #37436d none repeat scroll 0 0;
}
.yellow-box {
background: #fdd932 none repeat scroll 0 0;
}
.about-box.yellow-box p,.about-box.yellow-box a{
color:#000;
}
.about-big-text {
color: #000;
font-size: 60px;
left: 65px;
line-height: 60px;
position: absolute;
text-align: center;
top: 80px;
width: 200px;
}
.about-box-image img{
transition: all 0.5s ease-out 0s;
}
.about-box-image:hover img{
transform:scale(1.15);
}
.about-big-icon {
bottom: 60px;
color: #fff;
font-size: 60px;
line-height: 60px;
position: absolute;
right: 30px;
text-align: center;
width: 120px;
}
.about-small-text {
font-size: 30px;
left: 50px;
position: absolute;
top: 120px;
}
.about-intro > h2 {
color: #000;
margin: 0 0 20px;
}
.about-intro > p {
color: #666;
margin: 0 0 20px;
}
.about-content {
margin-top: 20px;
}
.item-post-slider h3 a {
color: #333;
font-size: 16px;
margin-bottom: 20px;
}
.item-post-slider > h3 {
margin: 0 0 25px;
}
.post-slider {
padding: 20px 30px 30px;
}
.post-slider-thumb {
display: block;
margin-bottom: 20px;
overflow: hidden;
width: 100%;
}
.post-slider-thumb img{
width:100%;
transition:all 0.5s ease-out 0s;
}
.post-slider-thumb:hover img{
transform:scale(1.15);
}
.item-post-slider > span {
color: #999;
}
.item-post-slider > span {
color: #999;
}
.item-post-slider > p {
color: #666;
margin-top: 10px;
}
.post-social-network {
margin: 15px 0 0;
padding: 0;
}
.post-social-network > li {
display: inline-block;
margin-right: 5px;
}
.post-social-network a {
background: #f5f5f5 none repeat scroll 0 0;
border-radius: 50%;
color: #666;
display: block;
height: 33px;
text-align: center;
width: 33px;
}
.post-social-network a:hover {
background: #1997d4 none repeat scroll 0 0;
color: #fff;
}
.post-social-network a i {
line-height: 33px;
}
.item-post-slider {
padding: 0 10px;
}
.post-slider  .owl-theme .owl-controls .owl-buttons div {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
color: #333;
display: block;
font-size: 12px;
height: 36px;
margin: 0;
opacity: 1;
padding: 0;
position: absolute;
text-align: center;
top: 100px;
width: 36px;
transition:all 0.5s ease-out 0s;
}
.post-slider  .owl-theme .owl-controls .owl-buttons div:hover{
box-shadow:none;
background:#1997d4;
color:#fff;
}
.post-slider  .owl-theme .owl-controls .owl-buttons div i{
line-height:36px;
}
.post-slider  .owl-theme .owl-controls .owl-buttons .owl-prev{
left:0;
margin-left: -35px;
box-shadow: -1px 3px 3px -1px rgba(0, 0, 0, 0.2);
}
.post-slider  .owl-theme .owl-controls .owl-buttons .owl-next{
right:0;
margin-right: -35px;
box-shadow: -1px 3px 3px -1px rgba(0, 0, 0, 0.2);
}
.item-customer-saying {
display: table;
width: 100%;
}
.thumb-customer-saying {
display: table-cell;
width: 100px;
}
.thumb-customer-saying > a {
border-radius: 50%;
display: block;
overflow: hidden;
}
.thumb-customer-saying img {
border-radius: 50%;
transition: all 0.5s ease-out 0s;
width: 100%;
}
.info-customer-saying {
display: table-cell;
padding-left: 40px;
padding-right: 20px;
position: relative;
vertical-align: top;
}
.info-customer-saying h3 a {
color: #ff0000;
font-size: 16px;
}
.info-customer-saying h3 a:hover,.item-post-slider h3 a:hover {
color: #fdd932;
}
.info-customer-saying .desc {
position: relative;
}
.info-customer-saying::before {
color: #ccc;
content: "�";
font-family: fontawesome;
left: 20px;
position: absolute;
top: 5px;
}
.info-customer-saying > h3 {
margin: 20px 0 5px;
}
.info-customer-saying > span {
color: #999;
}
.customer-saying > h2 {
margin: 0 0 45px;
}
.customer-saying {
margin-top:25px;
margin-bottom: 0px;
padding-bottom:0px;
}
.thumb-customer-saying a:hover img {
transform: rotate(30deg);
}
.footer.footer-about {
margin-top: 0;
}
.newsletter-form {
text-align: center;
}
.newsletter-about {
background: #f5f5f5 none repeat scroll 0 0;
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
margin-top: 40px;
padding: 40px 0;
}
.newsletter-about {
background: #f5f5f5 none repeat scroll 0 0;
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
margin-top: 40px;
padding: 35px 0;
}
.newsletter-form label {
font-weight: 400;
margin-right: 25px;
text-transform: uppercase;
}
.newsletter-form input[type="text"] {
border: 1px solid #1997d4;
border-radius: 4px;
color: #999;
height: 40px;
max-width: 495px;
padding: 0 15px;
width: 100%;
margin: 5px 0;
}
.newsletter-form input[type="submit"]:hover {
background:#FDD932;
}
.newsletter-form input[type="submit"] {
background: #1997d4 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
height: 40px;
padding: 0 25px;
text-transform: uppercase;
margin: 5px 0;
transition:all 0.5s ease-out 0s;
}
/*******************************************************************
Post Format Gallery
********************************************************************/
.post-format-gallery #bx-pager img {
height: 50px;
width: 50px;
}
.post-format-gallery {
margin-bottom: 50px;
position: relative;
}
.post-format-video{
margin-bottom: 50px;
}
.post-format-gallery #bx-pager {
bottom: 25px;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.post-format-gallery #bx-pager  a.active {
border: 1px solid #f87c0a;
}
.post-format-gallery #bx-pager a {
border: 1px solid #e5e5e5;
display: inline-block;
margin: 3px;
position: relative;
}
.post-format-gallery #bx-pager a::before{
position:absolute;
content:"";
background:rgba(255,255,255,0.2);
width:100%;
height:100%;
top:0;
left:0;
transition:all 0.5s ease-out 0s;
opacity:0;
}
.post-format-gallery #bx-pager a:hover::before,.post-format-gallery #bx-pager a.active::before{
opacity:1;
}
.post-format-gallery #bx-pager  a:hover {
border: 1px solid #f87c0a;
}
.post-format-gallery .bxslider {
margin: 0;
}
.post-format-gallery .bx-controls-direction a{
color: #999;
font-size: 30px;
position: absolute;
top: 50%;
margin-top:-15px;
}
.post-format-gallery .bx-controls-direction a:hover{
color:#f87c0a;
}
.post-format-gallery .bx-controls-direction .bx-prev {
left: 0;
margin-left: 30px;
}
.post-format-gallery .bx-controls-direction .bx-next {
right: 0;
margin-right: 30px;
}
.post-format-gallery .bxslider img{
width:100%;
}
/*******************************************************************
Post Format Hot Deal
********************************************************************/
.box-hot-deal {
margin-top: 40px;
}
.wrap-deal-countdown {
left: 0;
position: absolute;
top: -30px;
width: 100%;
}
.deal-countdown {
width:200px;
margin:auto;
text-align:center;
}
.deal-countdown .time_circles > div {
background: #5f6062 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 46px;
line-height: 38px;
margin: 0 2px;
width: 46px !important;
}
.deal-countdown canvas {
position: relative;
top: 52px;
z-index: 9;
}
/*******************************************************************
Post Format Image
********************************************************************/
.title-post-leading {
border-bottom: 2px solid #f87c0a;
font-size: 16px;
margin-bottom: 22px;
padding-bottom: 17px;
text-transform: uppercase;
}
.post-banner-link {
display: block;
}
.post-banner-link  img {
height: auto;
width: 100%;
}
.post-banner-image {
background: #fff9ec none repeat scroll 0 0;
border: 2px solid #f87c0a;
margin-bottom: 30px;
padding: 15px;
}
.inner-post-banner-image {
position: relative;
}
.post-banner-text {
background: #f87c0a none repeat scroll 0 0;
bottom: 0;
color: #fff;
left: 0;
margin: 0;
padding: 10px 15px;
position: absolute;
text-align: center;
width: 100%;
}
/*******************************************************************
Blog List
********************************************************************/
.item-blog-list {
margin-bottom: 50px;
}
.blog-list-title {
font-size: 16px;
margin: 0 0 15px;
text-transform: uppercase;
}
.blog-list-title a {
color: #1b1d1f;
text-shadow: 0 0 0;
}
.blog-list-title a:hover {
color: #feca5e;
}
.blog-list-info .readmore {
color: #1b1d1f;
display: inline-block;
margin-top: 5px;
padding-left: 20px;
position: relative;
}
.blog-list-info .readmore:hover {
color: #feca5e;
}
.blog-list-info .readmore::before {
content: "";
font-family: linearicons;
left: 0;
position: absolute;
top:4px;
}
.blog-list-thumb {
padding-left: 10px;
padding-top: 10px;
position: relative;
}
.blog-list-thumb-link::before {
border: 1px solid #e5e5e5;
content: "";
height: 100%;
left: -10px;
position: absolute;
top: -10px;
width: 100%;
}
.blog-list-thumb-link {
display: block;
position: relative;
}
.blog-list-thumb-link img {
position: relative;
transition: all 0.5s ease-out 0s;
width: 100%;
}
.blog-list-thumb-link::after {
background: rgba(27, 29, 31, 0.2) none repeat scroll 0 0;
content: "";
height: 0;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transition: all 0.5s ease-out 0s;
width: 0;
}
.blog-list-thumb-link:hover::after {
height: 100%;
left: 0;
opacity: 1;
top: 0;
width: 100%;
}
.post-pagi-nav {
border-top: 1px solid #e5e5e5;
padding-top: 30px;
}
.post-pagi-nav a {
background: #f5f5f5 none repeat scroll 0 0;
border-radius: 50%;
color: #666;
display: inline-block;
height: 36px;
line-height: 36px;
text-align: center;
width: 36px;
transition: all 0.5s ease-out 0s;
}
.post-pagi-nav a:hover,.post-pagi-nav .current-page {
background: #f87c0a none repeat scroll 0 0;
color: #fff;
}
.widget.widget-post-adv {
position: relative;
}
.widget-post-adv-text {
bottom: 60px;
display: block;
left: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 125px;
}
.widget-post-adv-text strong {
background: #fff none repeat scroll 0 0;
box-shadow: 3px 4px 5px -2px rgba(0, 0, 0, 0.2);
color: #ff8523;
display: block;
font-size: 30px;
padding: 10px 5px;
position: relative;
}
.intro-text-adv {
background: #ff8523 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: block;
font-size: 16px;
font-weight: bold;
height: 86px;
line-height: 86px;
margin: -17px auto auto;
width: 86px;
}
.title-sidebar-blog {
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
margin: 0 0 30px;
padding-bottom: 10px;
text-transform: uppercase;
}
.sidebar-blog .widget {
margin-bottom: 47px;
}
.sidebar-blog .widget ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.widget.widget-post-list a {
color: #666;
padding-left: 20px;
position: relative;
}
.widget.widget-post-list a:hover {
color: #f87c0a;
}
.widget.widget-post-list a::before {
content: "�";
font-family: linearicons;
left: 0;
position: absolute;
top: 2px;
}
.widget.widget-post-list li {
margin-bottom: 10px;
}
.widget.widget-post-list li:last-child {
margin-bottom: 0;
}
.widget.widget-recent-post li {
display: table;
margin-bottom: 30px;
}
.widget-recent-post-thumb {
display: table-cell;
width: 50px;
box-shadow: 0px 0px 3px 0px #aaa;
}
.widget-recent-post-info {
display: table-cell;
padding-left: 20px;
vertical-align: top;
}
.widget-recent-post-info h3 {
font-size: 13px;
margin: 0 0 5px;
}
.widget-recent-post-info h3 a {
color: #666;
text-shadow: 0 0 0;
}
.widget .post-date {
color: #999;
margin: 0;
}
.tagcloud a {
border: 1px solid #e5e5e5;
display: inline-block;
margin: 0 5px 10px 0;
padding: 8px 18px;
}
.tagcloud a:hover{
border: 1px solid #f87c0a;
}
.sidebar-blog .widget a{
color:#666;
}
.sidebar-blog .widget a:hover{
color: #f87c0a;
}
.widget-post-adv-link {
position: relative;
display:block
}
.widget-post-adv-link > img {
width: 100%;
}
.widget-post-adv-link::before {
background: rgba(27, 29, 31, 0.1) none repeat scroll 0 0;
content: "";
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0;
transition:all 0.5s ease-out 0s;
}
.widget-post-adv-link::after {
background: rgba(27, 29, 31, 0.1) none repeat scroll 0 0;
content: "";
height: 0;
right: 0;
position: absolute;
bottom: 0;
width: 0;
transition:all 0.5s ease-out 0s;
}
.widget-post-adv-link:hover::before,.widget-post-adv-link:hover::after{
width:100%;
height:100%;
}
/*******************************************************************
Newsletter Popup
********************************************************************/
.newsletter-popup {
background: #fff none repeat scroll 0 0;
margin: auto;
max-width: 768px;
position: relative;
width: 96%;
}
.title-popup {
background: #fbb450 none repeat scroll 0 0;
color: #fff;
font-size: 16px;
font-weight: 700;
margin: 0;
padding: 13px 15px;
text-transform: uppercase;
}
.newsletter-popup .close-popup {
color: #fff;
position: absolute;
right: 15px;
top: 15px;
}
.newsletter-popup-thumb {
text-align: center;
}
.content-popup {
box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.1);
padding: 30px;
}
.newsletter-popup-info > h3 {
font-size: 16px;
text-transform: uppercase;
}
.newsletter-popup-info > form {
margin-top: 20px;
}
.newsletter-popup-info input[type="text"] {
border: 1px solid #e5e5e5;
color: #999;
height: 40px;
padding: 0 15px;
width: 100%;
}
.newsletter-popup-info > p {
color: #666;
}
.newsletter-popup-info input[type="submit"] {
background: #fbb450 none repeat scroll 0 0;
border: medium none;
color: #fff;
height: 40px;
margin-bottom: 10px;
padding: 0 30px;
text-transform: uppercase;
}
.newsletter-popup-info input[type="submit"]:hover{
background:#1b1d1f;
}
.newsletter-popup-info label {
color: #999;
font-weight: normal;
margin: 0;
}
.newsletter-popup-info input[type="checkbox"] {
border: 1px solid #e5e5e5;
display: inline-block;
height: 10px;
margin-right: 5px;
vertical-align: text-top;
width: 10px;
}
.box-header-intro a {
color: #fece6e;
}
.box-header-intro label {
border-right: 1px solid #1b1d1f;
font-size: 30px;
font-weight: 400;
margin-right: 20px;
padding-right: 20px;
text-transform: uppercase;
vertical-align: middle;
}
.box-header-intro {
margin-bottom: 25px;
margin-top: 40px;
}
.content-element {
border-top: 1px solid #e5e5e5;
}
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window {
position:absolute;
left:0;
top:0;
display:none;
z-index:9999;
}
/***********************************************************************
Arrow Style Slider
************************************************************************/
.arrow-style .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border-radius: 0;
color: #999;
display: inline-block;
font-size: 30px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
opacity: 1;
padding: 0;
position: absolute;
top: 50%;
transition:all 0.5s ease-out 0s;
opacity:0;
}
.arrow-style:hover .owl-theme .owl-controls .owl-buttons div {
opacity:1;
}
.arrow-style .owl-theme .owl-controls .owl-buttons div:hover {
color: #fece6e;
}
.arrow-style .owl-theme .owl-controls .owl-buttons div.owl-prev{
left:30px;
}
.arrow-style:hover .owl-theme .owl-controls .owl-buttons div.owl-prev{
left:0px;
}
.arrow-style .owl-theme .owl-controls .owl-buttons div.owl-next{
right:30px;
}
.arrow-style:hover .owl-theme .owl-controls .owl-buttons div.owl-next{
right:0px;
}
.post-gallery .owl-theme .owl-controls .owl-buttons div{
margin-top:-40px;
}
.post-gallery .owl-theme .owl-controls .owl-buttons div.owl-prev{
margin-left:-5px;
}
.post-gallery .owl-theme .owl-controls .owl-buttons div.owl-next{
margin-right:-5px;
}
/***********************************************************************
Tabs&Toggles
************************************************************************/
/*Tabs Icon*/
.product-slider.arrow-style .owl-theme .owl-controls .owl-buttons div {
margin-top: -55px;
}
.relate-product .nav-tabs-icon {
margin-top: 50px;
}
.relate-product .nav-tabs-icon {
margin-top: 50px;
}
.nav-tabs-icon {
margin-bottom: 50px;
}
.nav-tabs-icon .nav-tabs > li > a > span {
margin-right: 10px;
}
.nav-tabs-icon .nav-tabs > li > a {
box-shadow: 0 0 0 1px #e5e5e5 inset;
border-radius: 0;
color: #999;
font-size: 16px;
line-height: inherit;
margin-right: 6px;
padding: 13px 30px;
text-transform: uppercase;
background:transparent;
transition:all 0.5s ease-out 0s;
border:none;
}
.nav-tabs-icon .nav-tabs > li > a:hover,.nav-tabs-icon .nav-tabs > li.active > a{
color:#1b1d1f;
border:none;
}
.nav-tabs-icon .nav-tabs{
text-align:center;
border-bottom: 1px solid #e5e5e5;
}
.nav-tabs-icon .nav-tabs > li {
display: inline-block;
float: none;
margin-right: 5px;
}
.nav-tabs-icon .nav-tabs > li > a::before{
position:absolute;
width:0;
height:3px;
top:0;
left:50%;
content:"";
background:#1b1d1f;
opacity:0;
transition:all 0.5s ease-out 0s;
}
.nav-tabs-icon .nav-tabs > li > a:hover::before,.nav-tabs-icon .nav-tabs > li.active > a::before{
width:100%;
opacity:1;
left:0;
}
.nav-tabs-icon .nav-tabs > li > a::after{
position:absolute;
width:0;
height:1px;
bottom:0;
left:50%;
content:"";
background:#fff;
opacity:0;
transition:all 0.5s ease-out 0s;
}
.nav-tabs-icon .nav-tabs > li > a:hover::after,.nav-tabs-icon .nav-tabs > li.active > a::after{
width:100%;
opacity:1;
left:0;
}
.box-product-tab{
margin:80px 0;
}
/*Tabs Border*/
.nav-tabs-border .nav-tabs > li > a {
box-shadow: 0 0 0 1px #e5e5e5 inset;
border-radius: 4px;
color: #1b1d1f;
font-size: 13px;
line-height: inherit;
margin-right: 6px;
padding: 10px 25px;
text-transform: uppercase;
background:transparent;
transition:all 0.5s ease-out 0s;
border:none;
overflow:hidden;
}
.nav-tabs-border .nav-tabs > li > a:hover,.nav-tabs-border .nav-tabs > li.active > a{
color:#1b1d1f;
border:none;
}
.nav-tabs-border .nav-tabs{
border-bottom: none;
}
.nav-tabs-border .nav-tabs > li {
display: inline-block;
float: none;
margin-right: 2px;
}
.nav-tabs-border .nav-tabs > li > a::before{
position:absolute;
width:5px;
height:100%;
top:0;
left:0;
content:"";
background:#1997d4;
opacity:0;
transition:all 0.5s ease-out 0s;
}
.nav-tabs-border .nav-tabs > li > a:hover::before,.nav-tabs-border .nav-tabs > li.active > a::before{
opacity:1;
}
.nav-tabs-border {
margin-bottom: 30px;
}
.nav-tabs-border.nav-tabs-block .nav-tabs > li {
display: block;
float: none;
margin-bottom: 10px;
margin-right: 0;
}
.nav-tabs-border.nav-tabs-block .nav-tabs > li > a{
margin:0;
}
.tab-content.tab-content-border {
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 20px 25px 15px;
}
/***********************************************************************
Message Boxes
************************************************************************/
.list-message-box {
margin: 80px 0 20px;
}
.item-message-box {
margin-bottom: 30px;
padding: 20px 30px;
}
.item-message-box.item-message-info {
background: #1997d4 none repeat scroll 0 0;
color: #fff;
}
.item-message-box span.lnr {
font-size: 30px;
margin-right: 20px;
vertical-align: middle;
}
.item-message-box p {
font-size: 16px;
margin: 0;
}
.item-message-box.item-message-error {
background: #fff2f2 none repeat scroll 0 0;
color: #ff0000;
}
.item-message-box.item-message-success {
background: #eaf8e7 none repeat scroll 0 0;
color: #2ebe12;
}
.item-message-box.item-message-warning {
background: #fff9ed none repeat scroll 0 0;
color: #f87c0a;
}
/***********************************************************************
Feature Boxes
************************************************************************/
.list-feature-boxes .item-feature-box{
margin:40px 0;
}
.list-feature-boxes .row .col-md-6.col-sm-6.col-xs-12:nth-child(2n+1){
padding-right: 70px;
}
.list-feature-boxes .row .col-md-6.col-sm-6.col-xs-12:nth-child(2n){
padding-left: 70px;
}
.feature-box-info  h3 {
position: relative;
margin: 12px 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
}
.feature-box-info h3 a:hover {
color:#999;
}
.feature-box-info h3 a {
color: #1b1d1f;
}
.feature-box-info p {
color: #666;
margin: 0;
font-family: 'Open Sans', sans-serif;
}
.item-feature-box {
display: table;
width: 100%;
}
.feature-box-icon {
display: table-cell;
}
.feature-box-link {
display: block;
height: 70px;
text-align: center;
width: 70px;
border-radius:4px;
position:relative;
}
.feature-box-link .lnr {
font-size: 30px;
line-height: 70px;
position: relative;
}
.feature-box-info {
display: table-cell;
vertical-align: top;
padding:0 0 0 30px;
}
.item-feature-box.text-left .feature-box-info{
padding:0 0 0 30px;
}
.item-feature-box.text-right .feature-box-info{
padding:0 30px 0 0;
text-align:left;
}
.item-feature-box.text-center{
display:block;
}
.item-feature-box.text-center .feature-box-icon{
display:block;
position: relative;
margin-bottom: 24px;
}
.item-feature-box.text-center .feature-box-icon .feature-box-link{
margin:0 auto 25px;
}
.item-feature-box.text-center .feature-box-info{
display:block;
padding:0;
}
.feature-box-style-01 .feature-box-link {
background: #e5e5e5;
color: #1b1d1f;
}
.feature-box-style-02 .feature-box-link {
border:1px solid #e5e5e5;
color: #1b1d1f;
}
.feature-box-style-03 .feature-box-link {
background: #f87c0a;
color: #fff;
}
.feature-box-style-04 .feature-box-link {
border:1px solid #f87c0a;
color: #f87c0a;
}
.feature-box-style-05 .feature-box-link {
background: #1b1d1f;
color: #fff;
}
.feature-box-style-06 .feature-box-link {
background: #1b1d1f;
color: #f87c0a;
}
.feature-box-style-07 .feature-box-link {
border:1px solid #1b1d1f;
color: #1b1d1f;
}
.feature-box-style-08 .feature-box-link {
border:1px solid #1b1d1f;
color: #1b1d1f;
background:#ffd21e;
}
.feature-box-style-09 .feature-box-link {
background:#1b1d1f;
color: #fff;
}
.feature-box-style-10 .feature-box-link {
border:1px solid #ff0000;
color: #fff;
border-radius:50%;
}
.feature-box-style-10 .feature-box-link::before{
position:absolute;
background:#1997d4;
width:100%;
height:100%;
top:0;
left:0;
content:"";
border-radius:50%;
display:block;
transform:scale(0.85);
}
.feature-box-style-10 .feature-box-link .lnr{
line-height:65px;
}
.item-feature-box.text-center.feature-box-style-11 .feature-box-link {
border:1px solid #e5e5e5;
color: #1b1d1f;
border-radius:50%;
margin-top: -35px;
background:#fff;
}
.item-feature-box .readmore {
display: inline-block;
margin-top: 15px;
}
.feature-box-style-11 .readmore{
color:#f87c0a
}
.feature-box-style-11 {
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 0 50px 45px;
}
.item-feature-box.text-center.feature-box-style-12 .feature-box-link {
color: #fff;
border-radius:0px;
margin-top: -35px;
background:#1997d4;
}
.feature-box-style-12 .readmore{
color:#1997d4
}
.feature-box-style-12 {
border: 1px solid #e5e5e5;
border-radius: 0px;
padding: 0 50px 45px;
}
.feature-box-style-13 {
background: #1997d4 none repeat scroll 0 0;
border-radius: 4px;
padding: 40px 30px;
}
.feature-box-style-13 .feature-box-link {
color: #1997d4;
border-radius:50%;
background:#fff;
}
.feature-box-style-13 .feature-box-info h3 a{
color:#fff;
}
.feature-box-style-13 .feature-box-info p{
color:#fff;
}
.feature-box-style-14 {
background: #fff none repeat scroll 0 0;
border-radius: 0px;
padding: 40px 30px;
border:1px solid #e5e5e5;
}
.feature-box-style-14 .feature-box-link {
color: #fff;
border-radius:0;
background:#1997d4;
}
.feature-box-style-14 .feature-box-info h3 a{
color:#1997d4;
}
/***********************************************************************
Charts & Progress Bars
************************************************************************/
/*Circle Chart*/
.circle1 .circles-text {
color: #ccc;
font-size: 60px!important;
}
.list-chart-processbar {
padding: 20px 0 0;
}
.circle1 {
float: left;
margin-right: 135px;
width: 300px;
}
.circle1:last-child{
margin-right:0;
}
.circle2 {
border-radius: 50%;
float: left;
height: 170px;
margin-right: 80px;
padding: 23px;
width: 170px;
}
.circle2:last-child{
margin-right:0;
}
.circle2 .circles-text {
font-size: 30px!important;
}
#chart-4{
background:#2ea0d7;
}
#chart-4 .circles-text{
color:#fff;
}
#chart-5{
background:#fec942;
}
#chart-5 .circles-text{
color:#fff;
}
#chart-6{
background:#cccccc;
}
#chart-6 .circles-text{
color:#1b1d1f;
}
#chart-7{
background:#ffd21e;
}
#chart-7 .circles-text{
color:#1b1d1f;
}
#chart-8{
background:#1b1d1f;
}
#chart-8 .circles-text{
color:#ffd21e;
}
/*Progressbar*/
.item-progressbar label{
display:block;
width:100%;
font-weight:400;
font-size:16px;
color:#494a4c;
}
.list-chart-processbar .item-progressbar{
max-width:470px;
width:100%;
}
.list-chart-processbar  .ui-progressbar .ui-progressbar-value {
float: right;
margin:0;
border:none;
}
.list-chart-processbar  .ui-progressbar.ui-widget-content {
background: #e5e5e5;
border:none;
}
.list-chart-processbar  #progressbar-1.ui-progressbar {
height:5px;
border-radius:0;
}
.list-chart-processbar  #progressbar-1.ui-progressbar .ui-progressbar-value {
background:#fec942;
border-radius:0;
}
.list-chart-processbar  #progressbar-2.ui-progressbar {
height:5px;
border-radius:0;
}
.list-chart-processbar  #progressbar-2.ui-progressbar .ui-progressbar-value {
background:#2ea0d7;
border-radius:0;
}
.list-chart-processbar  #progressbar-3.ui-progressbar {
height:5px;
border-radius:0;
}
.list-chart-processbar  #progressbar-3.ui-progressbar .ui-progressbar-value {
background:#494a4c;
border-radius:0;
}
.list-chart-processbar  #progressbar-4.ui-progressbar {
height:5px;
border-radius:0;
}
.list-chart-processbar  #progressbar-4.ui-progressbar .ui-progressbar-value {
background:#ffd21e;
border-radius:0;
}
.list-chart-processbar  #progressbar-5.ui-progressbar {
height:11px;
border-radius:4;
}
.list-chart-processbar  #progressbar-5.ui-progressbar .ui-progressbar-value {
background:#fec942;
border-radius:4;
}
.list-chart-processbar  #progressbar-6.ui-progressbar {
height:11px;
border-radius:4;
}
.list-chart-processbar  #progressbar-6.ui-progressbar .ui-progressbar-value {
background:#2ea0d7;
border-radius:4;
}
.list-chart-processbar  #progressbar-7.ui-progressbar {
height:11px;
border-radius:4;
}
.list-chart-processbar  #progressbar-7.ui-progressbar .ui-progressbar-value {
background:#494a4c;
border-radius:4;
}
.list-chart-processbar  #progressbar-8.ui-progressbar {
height:11px;
border-radius:4;
}
.list-chart-processbar  #progressbar-8.ui-progressbar .ui-progressbar-value {
background:#ffd21e;
border-radius:4;
}
#progressbar-2,#progressbar-2,#progressbar-5,#progressbar-6{
margin-bottom:50px;
}
#progressbar-3,#progressbar-4{
margin-bottom:100px;
}
/*Pie Chart*/
.pie-chart {
height: 240px;
margin: auto;
max-width: 300px;
}
.percentage:last-child{
display:block;
}
#target1 .pie0, #target2 .pie0, #target3 .pie0{
background-color: #ff6302;
fill: #ff6302;
}
#target1 .pie1, #target2 .pie1, #target3 .pie1{
background-color: #6495ED;
fill: #6495ED;
}
#target1 .pie2 {
background-color: #FF0000;
fill: #FF0000;
}
#target1 .pie3 {
fill: #FFFF00;
background-color: #FFFF00;
}
#target2 .pie2 {
background-color: #6B8E23;
fill: #6B8E23;
}
#target2 .pie3 {
background-color: #A52A2A;
fill: #A52A2A;
}
#target3 .pie2 {
background-color: #FF0000;
fill: #FF0000;
}
#target3 .pie3 {
fill: #FFFF00;
background-color: #FFFF00;
}
#target3 .pie4 {
background-color: #663399;
fill: #663399;
}
#target3 .pie5 {
fill: 	#BDB76B;
background-color: 	#BDB76B;
}
#target3 .pie6 {
fill: #6CF21F;
background-color: #6CF21F;
}
#target4 .pie0 {
background-color: #d1ae1e;
fill: #d1ae1e;
}
#target4 .pie1 {
background-color: #ffd21e;
fill: #ffd21e;
}
#target5 .pie0 {
background-color: #494a4c;
fill: #494a4c;
}
#target5 .pie1 {
background-color: #1b1d1f;
fill: #1b1d1f;
}
/***********************************************************************
Buttons
************************************************************************/
.bt-link {
border: medium none;
display: inline-block;
height: 40px;
line-height: 38px;
padding: 0 30px;
text-transform: uppercase;
transition: all 0.5s ease-out 0s;
vertical-align: top;
overflow:hidden;
}
.list-button-box1 {
background: #f5f5f5 none repeat scroll 0 0;
padding: 50px 0 40px;
}
.list-button-box2 {
background: #1b1d1f none repeat scroll 0 0;
padding: 50px 0 40px;
}
.list-button-box1 .bt-link {
margin-bottom: 10px;
margin-left: 50px;
}
.list-button-box2 .bt-link {
margin-bottom: 10px;
margin-left: 50px;
}
.bt-black {
background:#1b1d1f;
color:#fff;
}
.bt-yellow{
background:#f87c0a;
color:#fff;
}
.bt-white{
background:#fff;
color:#1b1d1f;
}
.bt-style1:hover {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 0 2px #1b1d1f inset;
color: #1b1d1f;
}
.bt-style6{
box-shadow: 0 0 0 2px #1b1d1f inset;
}
.bt-style6:hover {
background: #1b1d1f none repeat scroll 0 0;
box-shadow: none;
color: #fff;
}
.bt-style7 {
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
}
.bt-style7:hover{
background:#1b1d1f;
color:#fff;
box-shadow:none;
}
.bt-style2:hover{
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
background:#fff;
color:#1b1d1f;
}
.bt-style8 {
background-clip: content-box;
box-shadow: 0 0 0 1px #1b1d1f inset;
padding: 5px;
width: 143px;
}
.bt-style8:hover{
background-clip: padding-box;
}
.bt-style3{
padding: 5px;
width: 143px;
box-shadow: 0 0 0 1px #1b1d1f inset;
}
.bt-style3:hover{
background-clip: content-box;
}
.bt-style4:hover{
background: #f87c0a;
}
.bt-style9:hover{
background: #1b1d1f;
}
.bt-style5:hover{
background: #1b1d1f;
}
.bt-style10:hover{
background: #f87c0a;
}
.bt-style11 {
box-shadow: 0 0 0 1px #fff inset;
}
.bt-style11:hover {
background:#f87c0a;
box-shadow: 0 0 0 2px #fff inset;
}
.bt-style16{
box-shadow: 0 0 0 2px #fff inset;
}
.bt-style16:hover{
background: #1b1d1f;
box-shadow: 0 0 0 1px #fff inset;
}
.bt-style12 {
box-shadow: 0 0 0 1px #fff inset;
}
.bt-style12:hover {
box-shadow: 0 0 0 1px #FEC64D inset;
background:#fff;
color:#1b1d1f;
}
.bt-style17{
box-shadow: 0 0 0 1px #FEC64D inset;
}
.bt-style17:hover{
box-shadow: 0 0 0 1px #fff inset;
background:#1b1d1f;
color:#fff;
}
.bt-style13 {
box-shadow: 0 0 0 1px #fff inset;
}
.bt-style13:hover {
box-shadow: 0 0 0 4px #FEC64D inset;
background:#fff;
color:#1b1d1f;
}
.bt-style18{
box-shadow: 0 0 0 4px #FEC64D inset;
background:#fff;
color:#1b1d1f;
}
.bt-style18:hover{
box-shadow: 0 0 0 1px #fff inset;
background:#1b1d1f;
color:#fff;
}
.bt-style14 {
box-shadow: 0 0 0 1px #fff inset;
}
.bt-style14:hover {
background: #fff;
color:#1b1d1f;
}
.bt-style19 {
box-shadow: 0 0 0 1px #fff inset;
}
.bt-style19:hover {
background: #1b1d1f;
color:#fff;
}
.bt-brown{
background:#323436;
color:#FEC64D;
}
.bt-style15:hover{
background:#323436;
color:#FEC64D;
}
.bt-style20:hover{
background:#FEC64D;
color:#fff;
}
.title-bittons {
font-size: 16px;
margin: 50px 0 30px;
text-transform: uppercase;
}
.bt-blue{
background:#1997D4;
color:#fff;
}
.bt-radius,.bt-radius span{
border-radius:4px;
}
.bt-cart{
text-transform:capitalize;
}
.bt-loadmore{
min-width:130px;
color:#fff;
background:#007ba5;
font-size: 14px;
font-weight: 600;
text-align:center;
}
.bt-loadmore:hover{
background:#ed3237;
box-shadow: 0px 1px 2px 0px #000;
}
.bt-link span{
display:block;
line-height:32px;
transition:all 0.5s ease-ut 0s;
margin:4px;
}
.bt-style21{
width:140px;
padding:0;
}
.bt-style21:hover{
box-shadow: 0 0 0 1px #1997D4 inset;
background:#fff;
}
.bt-style21:hover span{
background:#1997D4;
}
.bt-style26{
width:140px;
background:#fff;
box-shadow: 0 0 0 1px #1997D4 inset;
padding:0;
}
.bt-style26:hover{
background:#1997D4;
}
.bt-style26 span{
background:#1997D4;
}
.bt-style22:hover{
box-shadow: 0 0 0 1px #1997D4 inset;
background:#fff;
color:#1997D4;
}
.bt-style27{
box-shadow: 0 0 0 1px #1997D4 inset;
background:#fff;
color:#1997D4;
}
.bt-style27:hover{
background:#1997D4;
color:#fff;
}
.bt-style23:hover{
background:#FFD21D;
color:#1b1d1f;
box-shadow:0 4px 4px 0 rgba(0,0,0,0.3);
}
.bt-shadow{
box-shadow:0 4px 4px 0 rgba(0,0,0,0.3);
}
.bt-gold{
background:#FFD21D;
}
.bt-style28:hover{
background:#1997D4;
color:#fff;
box-shadow:none;
}
.bt-style24:hover{
background:#FFD21D;
}
.bt-style29:hover{
background:#1997D4;
}
.bt-style25{
box-shadow: 0 0 0 1px #e3e3e3 inset;
}
.bt-style25:hover{
box-shadow:none;
background:#1997D4;
color:#fff;
}
.bt-style30:hover{
box-shadow: 0 0 0 1px #e3e3e3 inset;
background:#fff;
color:#1b1d1f;
}
.bt-style31{
width:140px;
padding:0;
}
.bt-style31 span{
background:#1997D4;
}
.bt-style31:hover{
box-shadow: 0 0 0 1px #1997D4 inset;
background:#1b1d1f;
}
.bt-style36{
width:140px;
padding:0;
box-shadow: 0 0 0 1px #1997D4 inset;
background:#1b1d1f;
}
.bt-style36 span{
background:#1997D4;
}
.bt-style36:hover{
background:#1997D4;
}
.bt-style32{
box-shadow: 0 0 0 1px #8d8d8d inset;
}
.bt-style32:hover{
box-shadow: 0 0 0 1px #fff inset;
background:#fff;
color:#1b1d1f;
}
.bt-style37:hover{
box-shadow: 0 0 0 1px #8d8d8d inset;
background:#1b1d1f;
color:#fff;
}
.bt-style33{
box-shadow: 0 0 0 1px #FFD21D inset;
color:#FFD21D;
}
.bt-style33:hover{
box-shadow: 0 0 0 1px #FFD21D inset;
color:#1b1d1f;
background:#FFD21D;
}
.bt-style38{
box-shadow: 0 0 0 1px #FFD21D inset;
color:#1b1d1f;
background:#FFD21D;
}
.bt-style38:hover{
box-shadow: 0 0 0 1px #FFD21D inset;
color:#FFD21D;
background:#1b1d1f;
}
.bt-style34{
box-shadow: 0 0 0 2px #fff inset;
}
.bt-style34:hover{
box-shadow: 0 0 0 2px #4082F0 inset;
background:#4082F0;
}
.bt-style39:hover{
box-shadow: 0 0 0 2px #fff inset;
background:#1b1d1f;
}
.bt-style35{
color: #fff;
}
.bt-style35:hover{
color: #1997D4;
background:#1b1d1f;
box-shadow: 0 0 0 2px #1997D4 inset;
}
.bt-style40{
color: #1997D4;
background:#1b1d1f;
box-shadow: 0 0 0 2px #1997D4 inset;
}
.bt-style40:hover{
color: #fff;
background:#323436;
box-shadow: 0 0 0 2px #323436 inset;
}
.link-black {
background: transparent none repeat scroll 0 0;
color: #1b1d1f;
margin-right: 40px;
padding: 0;
position: relative;
text-decoration: underline;
transition:all 0.5s ease-out 0s;
height:36px;
line-height:36px;
}
.link-style1{
padding:0 30px;
border:1px solid transparent;
}
.link-style1:hover{
border:1px solid #1b1d1f;
text-decoration: none;
}
.link-style6{
padding:0 30px;
border:1px solid #1b1d1f;
text-decoration: none;
}
.link-style6:hover{
border:1px solid transparent;
text-decoration: underline;
}
.link-style2{
border-bottom:3px double transparent;
}
.link-style2:hover{
border-bottom:3px double #1b1d1f;
text-decoration: none;
color:#666;
}
.link-style7{
border-bottom:3px double #1b1d1f;
color:#666;
text-decoration: none;
}
.link-style7:hover{
border-bottom:3px double transparent;
text-decoration: underline;
color:#1b1d1f;
}
.link-style3{
border-bottom:1px solid transparent;
border-top:1px solid transparent;
}
.link-style3:hover{
border-bottom:1px solid #1b1d1f;
border-top:1px solid #1b1d1f;
text-decoration: none;
}
.link-style8{
text-decoration: none;
border-bottom:1px solid #1b1d1f;
border-top:1px solid #1b1d1f;
}
.link-style8:hover{
border-bottom:1px solid transparent;
border-top:1px solid transparent;
text-decoration: underline;
}
.link-style5:hover{
color:#f87c0a;
}
.link-style10:hover{
color:#1b1d1f;
}
.link-style10{
color:#f87c0a;
}
.link-style4 span{
transition: all 0.5s ease-out 0s;
transform:translate(0,0);
}
.link-style4:hover span  {
transform:translate(0,100%);
}
.link-style4:hover::before  {
top:0;
}
.link-style4::before {
content: "î� ®";
font-family: linearicons;
left: 0;
position: absolute;
top: -100%;
transition: all 0.5s ease-out 0s;
width: 100%;
font-size:18px;
}
.link-style4::after {
background: #1b1d1f none repeat scroll 0 0;
bottom: 100%;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: all 0.5s ease-out 0s;
width: 100%;
}
.link-style4:hover::after{
bottom:0;
}
.link-style9 span{
transition: all 0.5s ease-out 0s;
transform:translate(0,100%);
}
.link-style9:hover span  {
transform:translate(0,0);
}
.link-style9:hover::before  {
top:-100%;
}
.link-style9::before {
content: "î� ®";
font-family: linearicons;
left: 0;
position: absolute;
top: 0;
transition: all 0.5s ease-out 0s;
width: 100%;
font-size:18px;
}
.link-style9::after {
background: #1b1d1f none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: all 0.5s ease-out 0s;
width: 100%;
}
.link-style9:hover::after{
bottom:100%;
}
.link-white {
background: transparent none repeat scroll 0 0;
color: #fff;
height: 36px;
line-height: 36px;
margin-right: 40px;
padding: 0;
position: relative;
text-decoration: underline;
transition: all 0.5s ease-out 0s;
}
.link-style11{
padding:0 30px;
border:1px solid transparent;
}
.link-style11:hover{
border:1px solid #f87c0a;
text-decoration: none;
color:#f87c0a;
}
.link-style16{
padding:0 30px;
border:1px solid #f87c0a;
text-decoration: none;
color:#f87c0a;
}
.link-style16:hover{
border:1px solid transparent;
text-decoration: underline;
color:#fff;
}
.link-style12{
border-bottom:1px solid #ccc;
}
.link-style17{
border-bottom:3px double #666;
color:#f87c0a;
text-decoration: none;
}
.link-style17:hover{
border-bottom:3px double transparent;
text-decoration: underline;
color:#fff;
}
.link-style13{
border-bottom:1px solid transparent;
border-top:1px solid transparent;
}
.link-style13:hover{
border-bottom:1px solid #1997d4;
border-top:1px solid #1997d4;
text-decoration: none;
color:#1997d4;
}
.link-style18{
text-decoration: none;
border-bottom:1px solid #1997d4;
border-top:1px solid #1997d4;
color:#1997d4;
}
.link-style18:hover{
border-bottom:1px solid transparent;
border-top:1px solid transparent;
text-decoration: underline;
color:#fff;
}
.link-style15:hover{
color:#f87c0a;
}
.link-style20:hover{
color:#fff;
}
.link-style20{
color:#f87c0a;
}
.link-style14 span{
transition: all 0.5s ease-out 0s;
transform:translate(0,0);
}
.link-style14:hover span  {
transform:translate(0,100%);
}
.link-style14:hover::before  {
top:0;
}
.link-style14::before {
content: "î� ®";
font-family: linearicons;
left: 0;
position: absolute;
top: -100%;
transition: all 0.5s ease-out 0s;
width: 100%;
font-size:18px;
color:#f87c0a;
}
.link-style14::after {
background: #f87c0a none repeat scroll 0 0;
bottom: 100%;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: all 0.5s ease-out 0s;
width: 100%;
}
.link-style14:hover::after{
bottom:0;
}
.link-style19 span{
transition: all 0.5s ease-out 0s;
transform:translate(0,100%);
}
.link-style19:hover span  {
transform:translate(0,0);
}
.link-style19:hover::before  {
top:-100%;
}
.link-style19::before {
content: "î� ®";
font-family: linearicons;
left: 0;
position: absolute;
top: 0;
transition: all 0.5s ease-out 0s;
width: 100%;
font-size:18px;
color:#f87c0a;
}
.link-style19::after {
background: #f87c0a none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: all 0.5s ease-out 0s;
width: 100%;
}
.link-style19:hover::after{
bottom:100%;
}
.btn-circle-box {
display: inline-block;
margin:0 35px;
vertical-align:middle;
}
.btn-circle-box a{
display: inline-block;
margin:0 15px;
vertical-align:middle;
border-radius:50%;
text-align:center;
text-transform:uppercase;
position:relative;
transition: all 0.5s ease-out 0s;
overflow:hidden;
}
.btn-circle-box a span{
bottom: 0;
display: block;
height: 13px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
font-size:13px;
transition: all 0.5s ease-out 0s;
z-index: 99;
}
.btn-circle-box a.link-add-cart span{
height: 18px;
font-size:18px;
}
.btn-circle-box .link-add-cart{
width:48px;
height:48px;
}
.btn-circle-box .link-wishlist{
width:36px;
height:36px;
}
.btn-circle-box .link-compare{
width:36px;
height:36px;
}
.btn-circle-box .link-quick-view{
width:130px;
height:130px;
line-height:130px;
}
.btn-circle-box1 a{
background:#2FA0D8;
color:#fff;
}
.btn-circle-box1 .link-add-cart{
background:#2FA0D8 url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box1 a:hover{
background-color:#FFD21D;
}
.btn-circle-box1 .link-wishlist:hover span{
transform:scale(2);
}
.btn-circle-box1 .link-compare:hover {
box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box11 a{
background:#FFD21D;
color:#fff;
}
.btn-circle-box11 .link-add-cart{
background:#FFD21D url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box11 a:hover{
background-color:#2FA0D8;
}
.btn-circle-box11 .link-wishlist:hover span{
transform:scale(2);
}
.btn-circle-box11 .link-compare:hover {
box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box2 a{
background:#1b1d1f;
color:#fff;
}
.btn-circle-box2 .link-add-cart{
width:56px;
height:56px;
}
.btn-circle-box2 .link-add-cart:hover{
background-color:#fff;
box-shadow: 1px 4px 4px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box2 .link-wishlist:hover span{
transform:scale(2);
}
.btn-circle-box2 .link-compare:hover span{
transform:scale(2);
}
.btn-circle-box2 .link-add-cart::before {
background: #1b1d1f none repeat scroll 0 0;
border-radius: 50%;
bottom: 0;
content: "";
height: 48px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 48px;
}
.btn-circle-box22 a{
background:#FEC64D;
color:#fff;
}
.btn-circle-box22 .link-add-cart{
width:56px;
height:56px;
}
.btn-circle-box22 .link-add-cart:hover{
background-color:#fff;
box-shadow: 1px 4px 4px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box22 .link-wishlist:hover{
box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box22 .link-compare:hover{
box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box22 .link-add-cart::before {
background: #FEC64D none repeat scroll 0 0;
border-radius: 50%;
bottom: 0;
content: "";
height: 48px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 48px;
}
.btn-circle-box3 .link-quick-view{
background:#2FA0D8;
color:#fff;
}
.btn-circle-box3 .link-quick-view:hover{
background:#FFD533;
}
.btn-circle-box33 .link-quick-view{
background:#FFD533;
color:#fff;
}
.btn-circle-box33 .link-quick-view:hover{
background:#2FA0D8;
}
.btn-circle-box4 a{
background:#fff;
color:#2FA0D8;
box-shadow: 0 0 0 1px #e5e5e5 inset;
}
.btn-circle-box4 .link-add-cart{
background:#1997D4 url("../images/icon-cart.png") no-repeat center center;
box-shadow:none;
}
.btn-circle-box4 a,.btn-circle-box44 a{
margin:0 5px;
}
.btn-circle-box4 .link-add-cart:hover{
background-color:#1b1d1f;
}
.btn-circle-box4 .link-wishlist:hover{
box-shadow: 0 0 0 1px #1997D4 inset;
}
.btn-circle-box4 .link-compare:hover{
box-shadow: 0 0 0 1px #1997D4 inset;
background-color:#1997D4;
color:#fff;
}
.btn-circle-box44 .link-add-cart{
background:#1b1d1f url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box44 .link-add-cart:hover{
background-color:#1997D4;
}
.btn-circle-box44 .link-wishlist{
box-shadow: 0 0 0 1px #1997D4 inset;
background:#fff;
color:#1997D4;
}
.btn-circle-box44 .link-wishlist:hover{
box-shadow: 0 0 0 1px #e5e5e5 inset;
}
.btn-circle-box44 .link-compare{
background:#1997D4;
color:#fff;
}
.btn-circle-box44 .link-compare:hover{
box-shadow: 0 0 0 1px #e5e5e5 inset;
background:#fff;
color:#1997D4;
}
.list-button-circle {
padding: 10px 0;
}
.list-button-circle > div {
padding: 5px 0;
}
.btn-circle-box7 .link-quick-view{
background:#e9e9e9;
color:#1b1d1f;
border:3px solid transparent;
}
.btn-circle-box7 .link-quick-view:hover{
border:3px solid #000;
}
.btn-circle-box77 .link-quick-view{
background:#e9e9e9;
color:#1b1d1f;
border:3px solid #000;
}
.btn-circle-box77 .link-quick-view:hover{
border:3px solid transparent;
}
.btn-circle-box5 .link-add-cart{
background:#1997D4 url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box5 .link-add-cart:hover{
background-color:#FFD21D;
}
.btn-circle-box5 .link-add-cart:hover::before{
border:1px solid transparent;
width:48px;
height:48px;
}
.btn-circle-box5 .link-add-cart::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:38px;
height:38px;
border:1px solid #1b1d1f;
border-radius:50%;
transition:all 0.5s ease-out 0s;
}
.btn-circle-box5 .link-wishlist{
background:#fff;
box-shadow: 0 0 0 1px #1997D4 inset;
color:#1997D4;
}
.btn-circle-box5 .link-wishlist:hover{
background:#FFD21D;
color:#fff;
box-shadow: 0 0 0 1px transparent inset;
}
.btn-circle-box5 .link-wishlist:hover span{
transform:scale(2);
}
.btn-circle-box5 .link-compare{
background:#1997D4;
color:#fff;
}
.btn-circle-box5 .link-compare:hover{
background:#FFD21D;
color:#1b1d1f;
}
.btn-circle-box55 .link-add-cart{
background:#FFD21D url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box55 .link-add-cart:hover{
background-color:#1997D4;
}
.btn-circle-box55 .link-add-cart:hover::before{
border:1px solid #1b1d1f;
width:38px;
height:38px;
}
.btn-circle-box55 .link-add-cart::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:48px;
height:48px;
margin:auto;
border:1px solid transparent;
border-radius:50%;
transition:all 0.5s ease-out 0s;
}
.btn-circle-box55 .link-wishlist{
background:#FFD21D;
color:#fff;
box-shadow: 0 0 0 1px transparent inset;
}
.btn-circle-box55 .link-wishlist:hover{
background:#fff;
color:#1997D4;
box-shadow: 0 0 0 1px #1997D4 inset;
}
.btn-circle-box55 .link-wishlist:hover span{
transform:scale(2);
}
.btn-circle-box55 .link-compare:hover{
background:#1997D4;
color:#fff;
}
.btn-circle-box55 .link-compare{
background:#FFD21D;
color:#1b1d1f;
}
.btn-circle-box55 .link-compare:hover span{
transform:rotate(225deg);
}
.btn-circle-box5 .link-compare:hover span{
transform:rotate(225deg);
}
.btn-circle-box6  a{
color:#fff;
}
.btn-circle-box6  .link-wishlist:hover{
background:#fff;
color:#1b1d1f;
}
.btn-circle-box6 .link-add-cart{
width:56px;
height:56px;
}
.btn-circle-box6 .link-add-cart:hover{
background:#fff;
color:#1b1d1f;
}
.btn-circle-box6 .link-add-cart::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:56px;
height:56px;
margin:auto;
border:3px solid transparent;
border-radius:50%;
transition:all 0.5s ease-out 0s;
}
.btn-circle-box6 .link-add-cart:hover::before{
border:3px solid #1b1d1f;
width:52px;
height:52px;
}
.btn-circle-box6 .link-compare:hover {
transform:rotate(225deg) scale(2);
}
.btn-circle-box66  .link-wishlist{
background:#fff;
color:#1b1d1f;
}
.btn-circle-box66  .link-wishlist:hover{
background:transparent;
color:#fff;
}
.btn-circle-box66 .link-add-cart{
width:56px;
height:56px;
background:#fff;
color:#1b1d1f;
}
.btn-circle-box66 .link-add-cart:hover{
background:transparent;
color:#fff;
}
.btn-circle-box66 .link-add-cart::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:52px;
height:52px;
margin:auto;
border:3px solid #1b1d1f;
border-radius:50%;
transition:all 0.5s ease-out 0s;
}
.btn-circle-box66 .link-add-cart:hover::before{
border:3px solid transparent;
width:56px;
height:56px;
}
.btn-circle-box66 .link-compare {
transform:scale(2);
color:#fff;
}
.btn-circle-box66 .link-compare:hover {
transform:rotate(225deg);
}
.btn-circle-box8 a, .btn-circle-box88 a {
margin: 0 5px;
}
.btn-circle-box8 a {
background: transparent;
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
color: #fff;
}
.btn-circle-box8 .link-add-cart{
background:#fff url("../images/icon-cart2.png") no-repeat center center;
box-shadow: 0 0 0 1px transparent inset;
}
.btn-circle-box8 .link-add-cart:hover{
background:transparent url("../images/icon-cart.png") no-repeat center center;
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
}
.btn-circle-box8 .link-wishlist:hover{
color:#1698D4;
box-shadow: 0 0 0 1px #1698D4 inset;
}
.btn-circle-box8 .link-compare:hover{
color:#fff;
box-shadow: 0 0 0 1px #fff inset;
}
.btn-circle-box88 .link-add-cart:hover{
background:#fff url("../images/icon-cart2.png") no-repeat center center;
box-shadow: 0 0 0 1px transparent inset;
}
.btn-circle-box88 .link-add-cart{
background:transparent url("../images/icon-cart.png") no-repeat center center;
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
}
.btn-circle-box88 .link-wishlist{
color:#1698D4;
box-shadow: 0 0 0 1px #1698D4 inset;
}
.btn-circle-box88 .link-wishlist:hover{
color:#fff;
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
}
.btn-circle-box88 .link-compare{
color:#fff;
box-shadow: 0 0 0 1px #fff inset;
}
.btn-circle-box88 .link-compare:hover{
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
}
/***********************************************************************
Accordions
************************************************************************/
.accordion-box {
margin-bottom: 30px;
}
.accordion-box h2 {
color: #999;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.desc-accordion {
color: #666;
margin: 0 0 20px;
display:none;
}
.item-accordion.active .desc-accordion{
display:block;
}
.title-accordion {
font-size: 16px;
margin: 0;
color: #1b1d1f;
padding:15px 0;
cursor:pointer;
position:relative;
}
.title-accordion:hover{
color:#999;
}
.accordion-box.style1 .title-accordion::after {
color: #747474;
content: "";
font-family: linearicons;
font-size: 13px;
position: absolute;
right: 0;
top: 15px;
}
.accordion-box.style1 .title-accordion{
padding-right:20px;
}
.accordion-box.style1 .item-accordion.active .title-accordion::after {
content:"î¡´";
}
.accordion-box.style1 .item-accordion {
border-bottom: 1px solid #e5e5e5;
}
.accordion-box.style2 .title-accordion {
font-size: 13px;
padding: 17px 15px 17px 25px;
text-transform: uppercase;
}
.accordion-box.style3 .title-accordion {
background: #f5f5f5 none repeat scroll 0 0;
border: 1px solid #e5e5e5;
font-size: 13px;
margin-bottom: 15px;
padding: 12px 15px 12px 55px;
text-transform: uppercase;
}
.accordion-box.style2 .item-accordion {
border: 1px solid #e5e5e5;
margin-bottom: 5px;
padding: 0 20px;
}
.accordion-box.style3 .item-accordion {
margin-bottom: 5px;
}
.accordion-box.style2 h2 {
margin-bottom: 30px;
}
.accordion-box.style3 h2 {
margin-bottom: 30px;
}
.accordion-box.style2 .title-accordion::before {
background: rgba(0, 0, 0, 0) url("../images/add.png") no-repeat scroll center center;
content: "";
display: block;
height: 14px;
left: 0;
position: absolute;
top: 17px;
width: 14px;
}
.accordion-box.style2 .item-accordion.active .title-accordion::before {
background: rgba(0, 0, 0, 0) url("../images/sub.png") no-repeat scroll center center;
}
.accordion-box.style3 .title-accordion::before {
background: #1b1d1f url("../images/add1.png") no-repeat scroll center center;
content: "";
display: block;
height: 40px;
left: 0;
position: absolute;
top: -1px;
width: 40px;
}
.accordion-box.style3 .item-accordion.active .title-accordion::before {
background: #1b1d1f url("../images/sub1.png") no-repeat scroll center center;
}
/***********************************************************************
Banner Slider
************************************************************************/
.list-banner-slider>div{
margin-bottom:50px;
}
/*Circle Vertical*/
.banner-slider-circle-vertical .owl-pagination {
position: absolute;
right: 0;
top: -190px;
}
.banner-slider-circle-vertical .owl-theme .owl-controls {
margin: auto;
max-width: 1185px;
position: relative;
}
.banner-slider-circle-vertical  .owl-theme .owl-controls .owl-page span {
background: #1b1d1f none repeat scroll 0 0;
border-radius: 50%;
display: block;
height: 6px;
margin: 4px 0;
opacity: 1;
width: 6px;
}
.banner-slider-circle-vertical .owl-theme .owl-controls .owl-page.active span,.banner-slider-circle-vertical  .owl-theme .owl-controls.clickable .owl-page:hover span {
background: #fbb450 none repeat scroll 0 0;
opacity: 1;
}
.banner-slider-circle-vertical .owl-theme .owl-controls .owl-page {
display: block;
}
/*Rect Vertical*/
.banner-slider-rect-vertical .owl-pagination {
position: absolute;
right: 0;
top: -290px;
}
.banner-slider-rect-vertical .owl-theme .owl-controls {
margin: auto;
max-width: 1185px;
position: relative;
}
.banner-slider-rect-vertical  .owl-theme .owl-controls .owl-page span {
background: #fed533 none repeat scroll 0 0;
border-radius: 4px;
display: block;
height: 5px;
margin: 8px 0;
opacity: 1;
width: 30px;
}
.banner-slider-rect-vertical .owl-theme .owl-controls .owl-page.active span,.banner-slider-rect-vertical  .owl-theme .owl-controls.clickable .owl-page:hover span {
background: #1997d4 none repeat scroll 0 0;
opacity: 1;
}
.banner-slider-rect-vertical .owl-theme .owl-controls .owl-page {
display: block;
}
.banner-rect-info{
text-transform:uppercase;
}
.banner-rect-info h4{
font-size: 30px;
margin: 0;
}
.banner-rect-info h4 span {
background: #fed533 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
padding: 0 10px 3px;
}
.banner-rect-info h2{
font-size: 60px;
margin: 0;
}
.banner-rect-info h2 span {
background: #2ea0d7 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
padding: 0 10px 5px;
}
.banner-rect-info .btn-link-default {
background: #2ea0d7 none repeat scroll 0 0;
border-radius: 4px;
margin-top: 15px;
}
.banner-rect-info .btn-link-default:hover {
background: #FED533 none repeat scroll 0 0;
}
.banner-rect-info .desc {
letter-spacing: 5px;
margin-top: 22px;
}
/*Hoztical Slider*/
.banner-slider-circle-hoztical .content-banner-slider {
background: #f5f5f5 none repeat scroll 0 0;
height: 680px;
padding-top: 140px;
}
.banner-slider-circle-hoztical .banner-thumb-link {
display: block;
text-align: center;
}
.banner-slider-circle-hoztical .banner-rect-info {
margin-top: 100px;
margin-left:100px;
}
.banner-slider-circle-hoztical .banner-rect-info h4 {
color: #666;
margin: 0 0 10px;
}
.banner-slider-circle-hoztical .banner-rect-info h2 {
margin: 0 0 25px;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls {
bottom: 70px;
left: 0;
margin: 0;
position: absolute;
width: 100%;
}
.banner-slider-circle-hoztical .owl-pagination {
display: inline-block;
position: relative;
}
.banner-slider-circle-hoztical .owl-pagination::before {
background: #e3e3e3 none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 8px;
width: 100%;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls .owl-page {
display: inline-block;
margin-right: 20px;
position: relative;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls .owl-page:last-child{
margin-right:0;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls .owl-page span {
background: #1b1d1f none repeat scroll 0 0;
border-radius: 50%;
display: block;
height: 10px;
margin: 0;
opacity: 1;
width: 10px;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls .owl-page.active span,.banner-slider-circle-hoztical  .owl-theme .owl-controls.clickable .owl-page:hover span {
background: #1997d4 none repeat scroll 0 0;
opacity: 1;
}
/***********************************************************************
Banners
************************************************************************/
.item-product-leading .item-product-thumb:hover .product-thumb-link img{
transform:scale(1.15);
}
.banner-box {
margin-bottom: 50px;
overflow: hidden;
position: relative;
text-transform: uppercase;
}
.banner-style1 .banner-box-info {
left: 30px;
position: absolute;
top: 200px;
z-index: 10;
}
.title-banner-box-yellow > span {
background: #ffd21e none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 30px;
padding: 0 10px 3px;
}
.title-banner-box-yellow {
margin: 0;
}
.title-banner-box-blue {
margin: 0;
}
.title-banner-box-blue > span {
background: #1997d4 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 30px;
padding: 0 10px 4px;
}
.banner-box.banner-style1 .desc {
letter-spacing: 5px;
margin-top: 20px;
}
.btn-box-banner {
background: #1997d4 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
margin-top: 12px;
padding: 0 20px;
transition:all 0.5s ease-out 0s;
}
.btn-box-banner:hover {
background: #FFD21E none repeat scroll 0 0;
color: #fff;
}
.banner-box.banner-style1.box-center {
margin: 0 -7px;
}
.banner-box.banner-style1.box-left {
margin-right: -14px;
}
.banner-box.banner-style1.box-right {
margin-left: -14px;
}
.banner-box.banner-style1::before{
position:absolute;
content:"";
background:rgba(27,29,31,0.1);
top:0;
left:0;
width:0;
height:0;
transition:all 0.5s ease-out 0s;
z-index:9;
}
.banner-box.banner-style1:hover::before{
width:100%;
height:100%;
}
.banner-box.banner-style1::after{
position:absolute;
content:"";
background:rgba(27,29,31,0.1);
bottom:0;
right:0;
width:0;
height:0;
transition:all 0.5s ease-out 0s;
z-index:9;
}
.banner-box.banner-style1:hover::after{
width:100%;
height:100%;
}
.banner-box .banner-box-link img {
transition: all 0.5s ease-out 0s;
width: 100%;
}
.banner-box:hover .banner-box-link img{
transform:scale(1.15);
}
.banner-box-link {
display: block;
overflow: hidden;
position: relative;
}
.banner-style2  .banner-box-title.banner-box-title-blue {
background: #1997d4;
text-align: center;
margin: 0;
padding: 2px 15px 5px;
color: #fff;
transition:all 0.5s ease-out 0s;
}
.banner-style2 .title-banner-box-blue {
font-size: 48px;
color: #1997d4;
margin: 0;
}
.banner-style2:hover .banner-box-title.banner-box-title-blue  {
background: #ffd21e;
}
.banner-style2  .title-banner-box-black {
font-size: 24px;
margin: 0;
}
.banner-style2  .banner-box-info {
position: absolute;
top: 120px;
left: 0;
width: 100%;
text-align: center;
z-index:10;
opacity:0;
transition:all 0.5s ease-out 0s;
}
.banner-style2:hover  .banner-box-info {
opacity:1;
}
.banner-adv-product {
margin: 50px 0 20px;
}
.banner-adv-product {
margin: 50px 0 20px;
}
.banner-box.banner-style3.box-left {
margin-right: -10px;
}
.banner-box.banner-style3.box-right {
margin-left: -10px;
}
.banner-box.banner-style3 .banner-box-info {
background: #fff none repeat scroll 0 0;
box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2);
left: 0;
margin-top: -50px;
position: absolute;
text-transform: uppercase;
top: 50%;
z-index: 10;
padding:25px 30px;
}
.title-banner-box {
font-size: 18px;
margin: 0;
}
.title-banner-box.style1 {
color: #333;
}
.title-banner-box.style2 {
color: #1997d4;
}
.banner-box.banner-style3 .banner-box-info::before {
border-right: 36px solid transparent;
border-top: 36px solid #1997d4;
content: "";
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0;
transition:all 0.5s ease-out 0s;
}
.banner-box.banner-style3 .banner-box-info::after {
border-right: 36px solid transparent;
border-top: 36px solid #fff;
content: "";
height: 0;
left: 36px;
position: absolute;
top: 0;
width: 0;
transition:all 0.5s ease-out 0s;
opacity:0;
}
.banner-box.banner-style3  .btn-link-hidden {
background: #1997d4 none repeat scroll 0 0;
border-radius: 6px;
color: #fff;
display: inline-block;
height: 40px;
left: 100%;
line-height: 40px;
margin-top: -20px;
opacity: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 50%;
transition: all 0.5s ease-out 0s;
width: 140px;
margin-left:10px;
transform:scale(0);
}
.banner-box.banner-style3  .btn-link-hidden:hover{
background: #fdd932 none repeat scroll 0 0;
}
.banner-box.banner-style3:hover .banner-box-info::after{
opacity:1;
left:0;
}
.banner-box.banner-style3:hover .btn-link-hidden {
opacity:1;
transform:scale(1);
}
.banner-box.banner-style3 {
margin-bottom: 10px;
transition:all 0.5s ease-out 0s;
overflow: visible;
}
.banner-box.banner-style3:hover {
box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);
}
.banner-box.banner-style3:hover .banner-box-info::before {
left: -2px;
}
/***********************************************************************
Home 2
************************************************************************/
.item-popular-info {
text-align: center;
}
.item-popular-info h3 a {
color: #1b1d1f;
font-size: 13px;
text-transform: uppercase;
}
.item-popular-info > p {
color: #666;
}
.item-popular-info > h3 {
margin: 28px 0 17px;
}
.item-popular-info h3 a:hover {
color: #666;
}
.popular-post-date {
border: 1px solid #e5e5e5;
margin-top: 40px;
padding: 10px 15px;
position: relative;
}
.popular-post-date::before {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
width: 1px;
}
.popular-post-date .lnr {
color: #999;
display: inline-block;
font-size: 16px;
margin-right: 5px;
vertical-align: text-top;
}
.popular-post-date span {
color: #999;
}
.popular-post-date .readmore {
color: #999;
}
.popular-post-date .readmore:hover{
color:#666;
}
.item-popular-thumb {
position: relative;
}
.item-popular-thumb::after {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
bottom: -20px;
color: #1b1d1f;
content: "î� ¿";
display: block;
font-family: linearicons;
font-size: 16px;
left: 50%;
margin-left: -13px;
padding: 10px;
position: absolute;
}
.item-popular-thumb-link {
display: block;
overflow: hidden;
position: relative;
}
.item-popular-thumb-link::before{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:"";
background:rgba(27,29,31,0.5);
opacity:0;
transition:all 0.5s ease-out 0s;
}
.item-popular-thumb-link > img {
width: 100%;
}
.item-popular-thumb-link:hover::before{
opacity:1;
}
.item-brand-thumb {
overflow: hidden;
}
.item-brand-thumb img{
transition:all 0.5s ease-out 0s;
}
.item-brand-thumb:hover img{
transform:scale(1.15);
}
.locator {
margin-top: 10px;
text-align: center;
}
.locator-thumb .locator-thumb-link {
color: #1b1d1f;
font-size: 60px;
position: relative;
transition: all 0.5s ease-out 0s;
z-index: 9;
}
.locator-thumb {
background: rgba(0, 0, 0, 0) url("../images/bg-icon.png") no-repeat scroll center center;
height: 200px;
margin: auto auto 20px;
padding: 65px;
position: relative;
width: 200px;
}
.locator-info .sub-title a {
color: #1b1d1f;
}
.locator-info p {
margin-top: 10px;
color:#666;
}
.locator .title {
margin-bottom: 20px;
}
.locator-thumb:hover .locator-thumb-link {
color: #FBB450;
}
.locator-info .sub-title a:hover{
color:#FBB450;
}
.locator-thumb::after {
background: rgba(0, 0, 0, 0) url("../images/bg-icon.png") no-repeat scroll center center;
content: "";
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
transition:all 0.5s ease-out 0s;
}
.locator-thumb:hover::after {
transform:translate(10px,10px);
}
.partner-slider-paginav .box-intro {
margin-bottom: 0;
}
/***********************************************************************
Home 3
************************************************************************/
.banner-top-home3 {
margin-top: 50px;
}
.main-nav.main-nav3 .sub-menu {
border:none;
box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.1);
border-radius:6px;
}
.main-nav.main-nav3 > ul > li.menu-item-has-childrent::after{
display:none;
}
.top-header3 {
border-bottom: 1px solid #ddd;
padding: 6px 0;
background: #f2f2f2;
}
.contact-top3 {
color: #555;
margin: 0;
text-transform: uppercase;
font-size: 11px;
}
.contact-top3 > label {
border-right: 1px solid #ebebeb;
font-weight: normal;
height: 13px;
line-height: 13px;
margin-bottom: 0;
margin-right: 12px;
padding-right: 15px;
}
.menu-top3 a {
color: #555;
font-size: 11px;
}
.menu-top3 a:hover {
color: #000;
}
.menu-top3 {
margin: 0;
}
.menu-top3 li {
border-left: 1px solid #aaa;
height: 13px;
line-height: 13px;
margin-left: 10px;
padding: 0 0 0 13px;
}
.menu-top3 li:first-child {
border: medium none;
margin: 0;
padding: 0;
}
.logo-footer3 h1 {
font-size: 48px;
margin: 0;
padding: 0;
}
.logo-header3 h1 {
color: #1997d4;
font-size: 48px;
margin: 0;
}
.logo-header3 span {
color: #fdd932;
}
.header.header3 {
background: #fbfbfb none repeat scroll 0 0;
}
.box-info-user {
background: #fff none repeat scroll 0 0;
border-radius: 6px;
box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.11);
display: table;
padding: 25px 0;
position: absolute;
right: 0;
top: 100%;
width: 400px;
margin-top:35px;
transition:all 0.5s ease-out 0s;
opacity:0;
visibility:hidden;
}
.info-user:hover .box-info-user{
opacity:1;
visibility:visible;
margin-top:5px;
}
.info-header.info-header3 {
padding-top: 5px;
position: relative;
z-index: 100;
}
.info-header3 .info-total > li {
margin-left: 1px;
}
.info-header3 .info-total .info-icon:hover {
background:#fdd932;
}
.info-header3 .info-total .info-icon {
background: #2ea0d7 none repeat scroll 0 0;
border-radius: 6px;
color: #fff;
display: block;
height: 40px;
padding: 10px;
text-align: center;
width: 40px;
}
.info-header3  .info-cart .info-icon sup {
margin-left: 6px;
top: 7px;
}
.box-info-user > ul {
display: table-cell;
padding: 0 25px;
vertical-align: top;
}
.box-info-user li a {
color: #666;
}
.box-info-user li:hover {
color: #2ea0d7;
}
.box-info-user li a .lnr {
color: #999;
margin-right: 10px;
}
.user-info-list > li {
margin-bottom: 14px;
}
.list-unstyled.language-list {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.language-list img {
margin-right: 15px;
}
.language-list li.active {
border-bottom: 1px solid #e5e5e5;
}
.language-list li.active  a{
color: #2ea0d7;
}
.language-list li {
margin-bottom: 7px;
padding-bottom: 7px;
}
.currency-list li.active {
border-bottom: 1px solid #e5e5e5;
}
.currency-list li.active  a{
color: #2ea0d7;
}
.currency-list li {
margin-bottom: 7px;
padding-bottom: 7px;
}
.info-header3 .info-total>li::before,.info-header3 .info-total>li::after{
display:none;
}
.search-form.search-form3 input[type="text"] {
border: 1px solid #e5e5e5;
border-radius: 6px;
color: #999;
height: 40px;
left: 15px;
padding: 0 15px;
position: absolute;
top: 15px;
width: 327px;
}
.search-form.search-form3 .btn-link-default:hover {
background:#FED533;
}
.search-form.search-form3 .btn-link-default {
background: #2ea0d7 none repeat scroll 0 0;
border-radius: 6px;
right: 15px;
top: 15px;
padding:0 20px;
}
.info-search .search-form3.search-form {
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 6px;
box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.1);
margin-right: -0px;
margin-top: 35px;
overflow: hidden;
right: 0;
width: 450px;
}
.info-search:hover .search-form3.search-form{
margin-top:5px;
}
.info-total .info-cart3 .inner-cart-info {
border: medium none;
border-radius: 6px;
box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.1);
margin-right: 0;
margin-top: 35px;
right: 0;
}
.info-cart.info-cart3:hover .inner-cart-info {
margin-top:5px;
}
.logo-footer3 > a {
color: #1997d4;
font-size: 30px;
text-transform: uppercase;
}
.contact-footer3 li {
color: #666;
margin-bottom: 7px;
}
.box-menu-footer3 > h2 {
font-size: 16px;
margin: 15px 0 25px;
text-transform: uppercase;
}
.logo-footer3 {
margin-bottom: 25px;
}
.social-network3 .share-social a {
color: #1b1d1f;
font-size: 16px;
margin-right: 7px;
}
.box-menu-footer3 a {
color: #666;
position: relative;
}
.box-menu-footer3 a:hover {
color: #1997d4;
}
.box-menu-footer3 li {
padding: 6px 0;
}
.footer-bottom3 {
border-top: 1px solid #e5e5e5;
padding: 30px 0 40px;
}
.menu-footer3 a {
color: #1b1d1f;
}
.menu-footer3 > li {
margin-right: 20px;
padding: 0;
}
.menu-footer3 {
margin: 0;
}
.menu-footer3 a:hover {
color: #1997d4;
}
.menu-footer {
text-align: right;
}
.copyright3 > p {
margin: 0;
text-align: right;
}
.box-menu-footer3 > ul {
list-style: outside none none;
padding: 0;
}
.box-menu-footer3 a::before {
content: "�";
font-family: linearicons;
left: 0;
margin-right: 10px;
top: 0;
}
.footer-3 {
padding: 40px 0;
}
.footer.footer-dark {
background: #171717 none repeat scroll 0 0;
color: #fff;
}
.footer.footer-dark .logo-footer .sub-title {
color: #fff;
}
.footer.footer-dark .download p {
border-color: rgba(255, 255, 255, 0.1);
color: #999;
}
.footer.footer-dark .newsletter > p {
color: #999;
}
.footer.footer-dark .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 25px;
}
.footer.footer-dark .footer-nav {
border-color: rgba(255, 255, 255, 0.1);
}
.footer.footer-dark .newsletter {
border-color: rgba(255, 255, 255, 0.1);
}
.footer.footer-dark a:hover {
color: #fff;
}
.footer.footer-dark .newsletter input[type="submit"]{
background:#f87c0a;
}
.footer.footer-dark .newsletter input[type="submit"]:hover {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 0 2px #f87c0a inset;
color: #1b1d1f;
}
.footer.footer-dark .copyright a {
color: #999;
}
.footer.footer-dark  .share-social a {
color: #999;
}
.footer.footer-dark  .share-social a:hover{
color:#fff;
}
.title-normal {
font-size: 30px;
margin: 0 0 10px;
text-transform: uppercase;
}
.title-product-best-sale {
margin-bottom: 50px;
position: relative;
}
.nav-tabs-bestsale .filter-product .btn-filter {
border-right: 5px solid #1997d4;
}
.nav-tabs-bestsale .nav-tabs {
border: medium none;
}
.nav-tabs-bestsale .nav-tabs > li {
float: left;
margin-bottom: 0;
}
.nav-tabs-bestsale .nav-tabs > li > a:hover ,.nav-tabs-bestsale .nav-tabs > li.active > a{
color:#1997d4;
background:none;
border:none;
}
.nav-tabs-bestsale .nav-tabs > li > a {
border: medium none transparent;
border-radius: 0;
line-height: inherit;
margin-right: 30px;
padding: 0;
position: relative;
text-transform: capitalize;
color:#1b1d1f;
}
.filter-product .btn-filter.style-border-left {
margin-top: 25px;
padding-left: 25px;
width: 120px;
}
.filter-product .btn-filter.style-border-left::before {
background: #1997d4 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 5px;
}
.nav-tabs-bestsale .nav-tabs > li > a::after {
background: #ccc none repeat scroll 0 0;
content: "";
height: 12px;
position: absolute;
right: -16px;
top: 4px;
transform: rotate(20deg);
width: 1px;
}
.nav-tabs-bestsale .nav-tabs > li:last-child > a{
margin-right:0;
}
.nav-tabs-bestsale .nav-tabs > li:last-child > a::after{
display:none;
}
.product-best-sale .item-product-loadmore .item-product-thumb {
background: #f5f5f5 none repeat scroll 0 0;
}
.product-best-sale  .item-product.item-product-loadmore {
background: #fff none repeat scroll 0 0;
box-shadow: none;
margin: 0 0 30px;
}
.product-best-sale  .item-product-loadmore .item-product-info {
margin: 15px 0 0;
padding: 0;
text-align: left;
}
.product-best-sale  .cart-wishlist-compare .product-compare {
display:none;
}
.product-best-sale .cart-wishlist-compare .product-wishlist {
background:#1997D4;
border-color:#1997D4;
color:#fff;
}
.product-best-sale .cart-wishlist-compare .product-wishlist:hover{
background:#FFD21E;
border-color:#FFD21E;
}
.product-best-sale .cart-wishlist-compare .product-compare {
background:#1997D4;
border-color:#1997D4;
color:#fff;
}
.product-best-sale .cart-wishlist-compare .product-compare:hover{
background:#FFD21E;
border-color:#FFD21E;
}
.product-best-sale .item-product:hover .item-product-thumb {
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.paginav-best-seller {
border-top: 1px solid #e3e3e3;
margin-top: 20px;
padding-top: 30px;
text-align:center;
}
.product-best-sale{
margin-bottom:50px;
}
.paginav-best-seller a {
background: #f5f5f5 none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
display: block;
height: 36px;
line-height: 36px;
margin: 0 3px;
opacity: 1;
padding: 0;
width: 36px;
color:#1b1d1f;
}
.paginav-best-seller a.active,.paginav-best-seller a:hover {
opacity: 1;
background: #fff none repeat scroll 0 0;
color:#1997d4;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.paginav-best-seller a.active{
position:relative;
}
.paginav-best-seller a.active::before{
position:absolute;
width:8px;
height:8px;
background:#1997d4;
content:"";
top:0px;
left:14px;
border-radius:50%;
}
/*******************************************************************
Front Page
********************************************************************/
.header.header-home {
background-image: url("../images/home/bg-page.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: auto 100%;
padding:50px 0 20px;
}
.logo-home {
background: #1b1d1f none repeat scroll 0 0;
max-width: 200px;
padding: 30px 15px;
text-align: center;
width: 100%;
}
.logo.logo-home h1 span {
display: block;
font-size: 60px;
}
.logo.logo-home h1 {
font-size: 36px;
font-weight: 700;
margin: 0;
}
.logo.logo-home > a {
color: #fff;
}
.main-nav.main-nav-home {
max-width: 200px;
}
.main-nav.main-nav-home > ul > li {
display: block;
margin: 0;
}
.main-nav.main-nav-home .main-menu {
margin-top: 50px;
}
.main-nav.main-nav-home  li.menu-item-has-childrent> .sub-menu{
background: #1b1d1f none repeat scroll 0 0;
left: 100%;
margin-top: -10px;
top: 0;
border:none;
}
.main-nav.main-nav-home .menu-item-has-childrent .sub-menu li  a {
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 12px 0;
color: #a0a0a0;
}
.main-nav.main-nav-home .menu-item-has-childrent .sub-menu a:hover{
color:#fff;
}
.main-nav.main-nav-home  > ul > li.menu-item-has-childrent:hover > .sub-menu {
margin-top:-10px;
}
.main-nav.main-nav-home > ul > li > a {
padding: 13px 20px;
}
.main-nav.main-nav-home > ul > li::before,.main-nav.main-nav-home > ul > li::after{
display:none;
}
.main-nav.main-nav-home > ul > li > a::before {
background: rgba(0, 0, 0, 0) url("../images/home/before.png") no-repeat scroll 0 0;
content: "";
height: 42px;
left: 20px;
position: absolute;
top: 0;
width: 11px;
opacity:0;
transition:all 0.5s ease-out 0s;
}
.main-nav.main-nav-home > ul > li > a::after {
background: rgba(0, 0, 0, 0) url("../images/home/after.png") no-repeat scroll 0 0;
content: "";
height: 42px;
position: absolute;
right: 20px;
top: 0;
width: 11px;
opacity:0;
transition:all 0.5s ease-out 0s;
}
.header-slider.default-paginav {
border: 10px solid #fff;
margin: 10px -15px 50px;
}
.header-slider .owl-pagination {
left: 0;
position: absolute;
bottom: 40px;
width: 100%;
}
.header-slider .owl-theme .owl-controls .owl-page span {
background: #666 none repeat scroll 0 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
display: block;
height: 7px;
margin: 4px;
opacity: 1;
width: 7px;
}
.header-slider .owl-theme .owl-controls .owl-page span:hover, .header-slider .owl-theme .owl-controls .owl-page.active span {
background: #000 none repeat scroll 0 0;
}
.main-nav.main-nav-home > ul > li:hover > a::before {
opacity:1;
left:0;
}
.main-nav.main-nav-home > ul > li:hover > a::after  {
opacity:1;
right:0;
}
.home-extra-sub {
background: #1b1d1f none repeat scroll 0 0;
left: 100px;
opacity: 0;
position: absolute;
text-align: left;
top: 0;
visibility: hidden;
width: 400px;
padding: 40px 30px;
transition:all 0.5s ease-out 0s;
}
.home-extra-sub.show-box{
left:-300px;
opacity: 1;
visibility: visible;
}
.icon-extra-sub.hide-box{
opacity:0;
visibility: hidden;
}
.home-box-extra {
float: right;
position: relative;
width: 100px;
}
.icon-home-cart {
background: #1b1d1f none repeat scroll 0 0;
}
.icon-home-share {
background: #252627 none repeat scroll 0 0;
}
.icon-home-search {
background: #333 none repeat scroll 0 0;
}
.home-box-extra > div > a > .lnr {
bottom: 0;
display: block;
font-size: 30px;
height: 30px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 30px;
transition: all 0.5s ease-out 0s;
}
.home-box-extra > div > a:hover >.lnr{
transform:scale(1.2);
}
.home-box-extra > div > a:hover{
color:#FBB450;
}
.home-box-extra > div > a {
color: #fff;
display: block;
height: 100px;
opacity: 1;
position: relative;
text-align: right;
transition: all 0.5s ease-out 0s;
visibility: visible;
width: 100px;
}
.home-box-extra .icon-home-cart sup {
font-size: 13px;
position: absolute;
right: 25px;
top: 35px;
}
.header-banner {
margin: 0 -15px;
position: relative;
}
.item-header-banner {
background: #f5f5f5 none repeat scroll 0 0;
border: 10px solid #fff;
margin-bottom: 50px;
}
.item-header-banner:hover .header-banner-title{
background: #1b1d1f none repeat scroll 0 0;
color: #fff;
}
.item-header-banner:hover .header-banner-title::after {
background:#fff;
}
.header-banner-thumb {
overflow: hidden;
position: relative;
}
.header-banner-title {
background: #fff none repeat scroll 0 0;
color: #1b1d1f;
display: inline-block;
font-size: 13px;
left: 0;
margin: -25px 0 0;
overflow: hidden;
padding: 18px 120px 18px 20px;
position: absolute;
text-transform: uppercase;
top: 50%;
transition:all 0.5s ease-out 0s;
}
.header-banner-title::after {
background: #1b1d1f none repeat scroll 0 0;
content: "";
height: 100%;
position: absolute;
right: -26px;
top: 0;
transform: skewX(-15deg);
width: 120px;
transition:all 0.5s ease-out 0s;
}
.header-banner-title > span {
color: #bbb;
position: absolute;
right: 20px;
text-transform: none;
top: 18px;
z-index: 99;
}
.header-banner-title > a {
color: #1b1d1f;
}
.item-header-banner.box-left {
margin-right: 10px;
}
.item-header-banner.box-right {
margin-left: 10px;
}
.header-banner-thumb {
overflow: hidden;
position: relative;
}
.category-lightbox {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
left: 50%;
margin-left: -635px;
padding: 22px 30px 30px;
position: absolute;
top: 50px;
width: 1170px;
z-index: 999;
opacity:0;
visibility:hidden;
transition:all 0.5s ease-out 0s;
}
.category-lightbox.height-light{
opacity:1;
visibility:visible;
top:0;
}
.header-banner-link img{
transition:all 0.5s ease-out 0s;
}
.item-header-banner:hover .header-banner-link img{
transform:scale(1.15);
}
.item-header-banner:hover .header-banner-title > span{
color:#1b1d1f;
}
.category-lightbox .item-product {
margin: 0 -10px 10px;
}
.category-lightbox .list-product {
padding: 0 10px;
}
.category-lightbox > h2 {
font-size: 30px;
font-weight: bold;
margin: 0 0 25px;
text-transform: uppercase;
}
.category-lightbox .close-category-lightbox {
color: #d0d0d0;
padding-right: 30px;
position: absolute;
right: 30px;
text-transform: uppercase;
top: 30px;
}
.category-lightbox  .home-directnav .owl-buttons {
margin-right: -85px;
position: absolute;
right: 50%;
top: -60px;
}
.category-lightbox .close-category-lightbox::after {
background: rgba(0, 0, 0, 0) url("../images/home/x-close.png") no-repeat scroll center center;
content: "";
height: 11px;
position: absolute;
right: 0;
top: 4px;
width: 11px;
}
.category-lightbox .item-product-thumb::after {
display: none;
}
.category-lightbox .item-product-info {
bottom: 12px;
left: 0;
margin: 0;
position: absolute;
width: 100%;
}
.header-banner .col-md-6.col-sm-6.col-xs-12 {
position:static;
}
.product-featured-thumb {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
}
.home-featured-slider {
background: #f5f5f5 none repeat scroll 0 0;
padding: 80px 0 60px;
}
.product-featured-info .bx-pager img {
width: 50px;
}
.product-featured-info .bx-pager a {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
display: inline-block;
margin-right: 5px;
overflow: hidden;
position: relative;
margin-bottom: 5px;
}
.bx-pager .active::after {
background: #898a8b none repeat scroll 0 0;
content: "";
height: 1px;
left: -50%;
position: absolute;
top: 50%;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
width: 200%;
z-index: 99;
}
.control-paginav-featured-slider {
margin: 70px auto auto;
max-width: 580px;
position: relative;
width: 100%;
}
.control-paginav-featured-slider .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
background: #1b1d1f none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 5px;
height: 10px;
margin: 0;
padding: 0;
}
.control-paginav-featured-slider  .ui-slider-range.ui-widget-header.ui-corner-all {
background: #fff none repeat scroll 0 0;
}
.control-paginav-featured-slider .ui-slider-handle.ui-state-default.ui-corner-all {
background: #fff none repeat scroll 0 0;
border: 1px solid #333;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 36px;
margin: 0 -18px;
opacity: 1;
position: relative;
text-align: center;
top: -14px;
width: 36px;
}
#slider-range-max #amount {
color: #1b1d1f;
font-size: 13px;
line-height: 32px;
}
.home-featured-slider .control-paginav-featured-slider .first-num {
font-size: 30px;
left: -35px;
position: absolute;
top: -18px;
}
.home-featured-slider .control-paginav-featured-slider .last-num {
font-size: 30px;
position: absolute;
right: -55px;
top: -18px;
}
.home-featured-product {
margin-top: 90px;
}
.title.title-home {
margin-bottom: 45px;
}
.product-featured-info > h3 {
font-size: 13px;
margin: 0 0 10px;
text-shadow: 0 0 0;
text-transform: uppercase;
}
.product-featured-info .desc {
margin-top: 13px;
}
.product-featured-info .bx-pager {
margin-top: 43px;
}
.product-featured-info .wrap-cart-qty {
margin-top: 25px;
max-width: none;
float:none;
}
.home-directnav .owl-theme .owl-controls .owl-buttons div:hover {
color: #fbb450;
}
.home-directnav .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border-radius: 0;
color: #999;
display: inline-block;
font-size: 30px;
margin: 0 0 0 10px;
opacity: 1;
padding: 0;
}
.home-directnav .owl-buttons {
position: absolute;
right: 0;
top: -50px;
}
.home-partner-slider .partner-slider-directnav .owl-buttons {
margin-right: 15px;
margin-top: -30px;
}
.home-bestsale-product .home-directnav .owl-buttons {
margin-top: -125px;
}
.home-bestsale-product{
margin-top:90px;
}
.home-testimonial {
background: #f5f5f5 none repeat scroll 0 0;
margin-top: 60px;
padding: 50px 0 100px;
position: relative;
}
.home-testimonial::before {
background: #1b1d1f none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 50%;
}
.testimonial-title {
font-size: 60px;
margin: 35px 0 25px;
}
.testimonial-thumb-link {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
overflow: hidden;
padding: 10px;
position: relative;
}
.testimonial-thumb-link::before{
position:absolute;
content:"";
background:rgba(254,198,77,0.5);
width:100%;
height:100%;
top:0;
left:0;
display:block;
border-radius:50%;
opacity:0;
transition: all 0.5s ease-out 0s;
z-index:9;
padding:10px;
border:10px solid #fff;
}
.testimonial-thumb-link:hover::before{
opacity:1;
}
.testimonial-thumb-link > img {
border-radius: 50%;
height: 170px;
transition: all 0.5s ease-out 0s;
width: 170px;
}
.testimonial-thumb-link:hover img{
transform:rotate(30deg);
}
.item-testimonial {
text-align: center;
background: #d4d9da;
border-bottom: 1px solid #d4d9da;
text-transform: capitalize;
}
.home-latest-news {
margin-top: 90px;
}
.home-testimonial .title.title-home {
color: #fff;
position: relative;
}
.item-testimonial.item-left .testimonial-title a{
color:#fff;
}
.item-testimonial.item-left .testimonial-job{
color:#fff;
border-top:1px solid #fff;
}
.item-testimonial.item-right .testimonial-title a{
color:#1b1d1f;
}
.item-testimonial.item-right .testimonial-job{
color:#1b1d1f;
border-top:1px solid #1b1d1f;
}
.item-testimonial .testimonial-job{
font-size:16px;
text-transform:uppercase;
font-weight:700;
padding-top:35px;
display:inline-block;
}
.partner-slider.home-partner-slider {
margin-bottom: 70px;
}
.home-featured-product .home-directnav .owl-buttons {
margin-top: -103px;
}
.home-testimonial .home-directnav .owl-buttons {
margin-top: -26px;
}
.product-featured-info .info-qty {
background: #fff none repeat scroll 0 0;
display: inline-block;
margin-right: 5px;
padding: 0;
position: relative;
vertical-align: top;
width: 95px;
}
.product-featured-info .wrap-cart-qty > label {
font-weight: normal;
margin-right: 20px;
margin-top: 10px;
vertical-align: top;
}
.product-featured-info .qty-up {
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
height: 20px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 20px;
}
.product-featured-info .qty-up span {
font-size: 6px;
position: absolute;
right: 7px;
top: 7px;
}
.product-featured-info .qty-down {
height: 20px;
position: absolute;
right: 0;
width: 20px;
bottom:0;
border-left: 1px solid #e5e5e5;
text-align: center;
}
.product-featured-info .qty-down span{
font-size: 6px;
position: absolute;
right: 7px;
top: 7px;
}
.product-featured-info .wrap-cart-qty .btn-link-default.add-to-cart {
margin: 0;
padding: 0;
width: 130px;
}
.home-featured-slider .owl-pagination::before {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 10px;
content: "";
display: block;
height: 10px;
left: 0;
position: absolute;
top: 13px;
width: 100%;
}
.home-featured-slider .owl-pagination {
display: inline-block;
margin-top: 70px;
position: relative;
display:none;
}
.home-featured-slider .owl-theme .owl-controls .owl-page {
border: 1px solid #333;
border-radius: 50%;
display: inline-block;
height: 36px;
margin: 0 25px 0 0;
text-align: center;
width: 36px;
opacity:0;
background:#fff;
position:relative;
}
.home-featured-slider .owl-theme .owl-controls .owl-page.active{
opacity:1;
}
.home-featured-slider .owl-theme .owl-controls .owl-page span {
background: transparent none repeat scroll 0 0;
height: auto;
line-height: 36px;
margin: 0;
opacity: 1;
width: auto;
}
.home-featured-slider .first-num {
font-size: 30px;
left: -25px;
position: absolute;
top: -4px;
}
.home-featured-slider .last-num{
font-size:30px;
position:absolute;
top:-4px;
right:-45px;
}
.product-featured-info  .qty-val {
vertical-align: top;
width: 73px;
}
.wrap-latest-news-slider {
background: #1b1d1f none repeat scroll 0 0;
padding: 100px 0;
position: relative;
}
.home-latest-news .item {
position: relative;
height:505px;
overflow:hidden;
}
.item-home-latest-news {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
box-shadow: 3px 0 3px 3px rgba(0, 0, 0, 0.05);
padding: 100px 80px 50px;
transition: all 0.5s ease-out 0s;
}
.item-home-latest-news:nth-child(1) {
margin: 0 80px;
}
.item-home-latest-news:nth-child(2) {
margin: 35px 40px 0;
transform: translate(0px, -100%);
}
.item-home-latest-news:nth-child(3) {
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
margin-top: 55px;
transform: translate(0px, -200%);
}
.item-home-latest-news{
background-position:right 30px top 30px;
}
.item-home-latest-news.active {
background-color: rgba(255, 255, 255, 1);
background-repeat: no-repeat;
background-attachment:scroll;
background-position:right 30px top 30px;
background-size:20px 20px;
background-image: url("../images/cross.png");
height: 100%;
left: 0;
margin: 0;
position: fixed;
top: 0;
transform: translate(0px, 0px);
width: 100%;
z-index: 99999;
}
.item-home-latest-news.active  .home-latest-news-thumb img{
width:100%;
}
.home-latest-news-info > h3 {
font-size: 30px;
margin: 0;
}
.item-home-latest-news .home-latest-news-info h3 a {
color: #1b1d1f;
}
.item-home-latest-news  .home-latest-news-info h3 a:hover{
color:#999;
}
.item-home-latest-news .home-latest-news-info .btn-link-default{
color:#fff;
}
.item-home-latest-news .home-latest-news-info{
font-weight:normal;
}
.home-latest-news-info .latest-post-info {
border-bottom: 1px solid #e5e5e5;
border-top: medium none;
margin-bottom: 20px;
margin-top: 23px;
padding-bottom: 14px;
padding-top: 0;
}
.home-latest-news-thumb  a {
display: block;
overflow: hidden;
position:relative;
}
.home-latest-news-info .latest-post-info li a {
color:#999;
}
.home-latest-news-info .latest-post-info li span {
color:#666;
}
.home-latest-news-info  .latest-post-info li {
margin-left: 0;
margin-right: 15px;
}
.home-latest-news-info  .desc {
color: #666;
margin-bottom: 22px;
}
.home-latest-news .home-directnav .owl-buttons {
margin-top: -125px;
}
.home-extra-sub .close-extra-sub {
color: #a8a8a9;
display: block;
font-size: 16px;
position: relative;
text-align: right;
text-transform: uppercase;
padding-right:36px;
}
.home-extra-sub  .close-extra-sub::after {
background: rgba(0, 0, 0, 0) url("../images/home/x-close2.png") no-repeat scroll center center;
content: "";
display: block;
height: 17px;
position: absolute;
right: 0;
top: 3px;
width: 17px;
}
.home-extra-sub .wrap-cart-remove .remove-product {
background: rgba(0, 0, 0, 0) url("../images/remove-cart.png") no-repeat scroll center center;
border: none;
}
.home-extra-sub  .cart-title a {
color: #fff;
}
.home-extra-sub  .cart-title a:hover{
color:#999;
}
.home-extra-sub .cart-thumb {
background: #fff none repeat scroll 0 0;
}
.home-extra-sub  .item-info-cart {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.home-extra-sub .total-cart {
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
}
.home-extra-sub  .link-cart a{
background:#fff;
color:#1b1d1f;
}
.home-extra-sub  .link-cart a:hover{
background: #f87c0a none repeat scroll 0 0;
color:#fff;
}
.home-extra-sub .share-social {
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 35px;
}
.home-extra-sub .share-social a {
color: #fff;
display: block;
font-size: 13px;
margin-top: 25px;
}
.home-extra-sub .share-social a i {
color: #999;
display: inline-block;
font-size: 30px;
margin-right: 10px;
vertical-align: middle;
}
.home-extra-sub .share-social a:hover i{
color:#fff;
}
.home-search-form {
width: 100%;
background:#f9fafc;
padding: 8px 0;
box-shadow: 0px 0px 1px 0px #eee;
/* margin-top: 10px; */
}
.home-search-form input[type="text"], select {
border: 1px solid #ccc;
box-shadow: 0px 0px 2px 0px #ccc;
color: #555;
padding: 8px 5px;
width: 100%;
border-radius: 3px;
background: #fff;
}
.home-search-form .btn-link-default {
background: #f87c0a none repeat scroll 0 0;
font-size: 14px;
font-weight: 600;
height:35px;
line-height:35px;
padding: 0px 18px;
text-transform:capitalize;
}
.btn-link-default:hover {background: #13747D;box-shadow: 0px 1px 2px 0px #000;}
.home-search-form .btn-default {padding: 0px 28px;font-weight:500;}

.home-search-form .restbtn-link-default {
background: #f87c0a none repeat scroll 0 0;
font-size: 14px;
font-weight: 600;
height:32px;
line-height:32px;
padding: 0px 16px;
text-transform:capitalize;
border: medium none;
color: #fff;
display: inline-block;
text-align: center;
transition: all 0.5s ease-out 0s;
}
.restbtn-link-default:hover {background: #13747D;box-shadow: 0px 1px 2px 0px #000;}

.home-search-form .exportbtn-link-default {
background: #f87c0a none repeat scroll 0 0;
font-size: 14px;
font-weight: 600;
height: 35px;
line-height: 35px;
padding: 0px 10px;
text-transform:capitalize;
border: medium none;
color: #fff;
display: inline-block;
text-align: center;
transition: all 0.5s ease-out 0s;
}
.exportbtn-link-default:hover {background: #13747D;box-shadow: 0px 1px 2px 0px #000;}

/*Testimonial*/
span.click-button{
clear: both;
display: block;
font-size: 30px;
z-index: 2;
}
.click-button:hover{
cursor: pointer;
}
.left-open span.click-button::before{
content: "\e879";
font-family: 'Linearicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.right-open span.click-button::before{
content: "\e87a";
font-family: 'Linearicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.side-testimonial{
width: 50%;
float: left;
webkit-transition: -webkit-transform 0.5s ease-in-out;
-webkit-transform: translateX(0%) scale(1);
transform: translateX(0%) scale(1);
transition: transform 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.testimonial-page{
position: absolute;
width: 50%;
z-index: 1;
transition: transform 0.5s ease-in-out;
-webkit-backface-visibility: hidden;
}
.testimonial-page-left{
color: #fff;
left: -250%;
padding-right: 50px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
transition: transform 0.5s ease-in-out;
}
.testimonial-page-right{
color: #1b1d1f;
right: -100%;
padding-left: 50px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.side-right{
position: relative;
right: 0;
}
.side-left {
position: relative;
left: 0;
}
.left-open .side-left {
transition: all 0.5s ease-in-out;
}
.left-open .side-right {
visibility: hidden;
position: absolute;
right: -50%;
-webkit-transform: translateX(50%) scale(1);
transform: translateX(50%) scale(1);
}
.right-open .side-left {
visibility: hidden;
position: absolute;
left: -65%;
-webkit-transform: translateX(50%) scale(1);
transform: translateX(-50%) scale(1);
}
.left-open .testimonial-page-left{
position: relative;
float: left;
left: 0;
text-align: right;
-webkit-transform: translateX(0%);
transform: translateX(0%);
transition: transform 0.5s ease-in-out;
-webkit-backface-visibility: hidden;
}
.right-open .testimonial-page-right{
position: relative;
float: left;
right: 0;
-webkit-transform: translateX(0%);
transform: translateX(0%);
transition: transform 0.5s ease-in-out;
-webkit-backface-visibility: hidden;
}
.left-open .item-testimonial.item-left .testimonial-job{
color: #1b1d1f;
border-top: 1px solid #1b1d1f;
}
.right-open span.click-button,
.left-open .item-testimonial.item-left .testimonial-title a{
color: #1b1d1f;
}
.right-open .item-testimonial.item-right .testimonial-job{
color: #fff;
border-top: 1px solid #fff;
}
.left-open span.click-button,
.right-open .item-testimonial.item-right .testimonial-title a{
color: #fff;
}
/*End Testimonial*/
/***********************************************************************
Lightbox
************************************************************************/
.product-popup-content{
max-width:870px;
width:100%;
}
/***********************************************************************
Home 5
************************************************************************/
.inner-cart-info5.inner-cart-info .link-cart a{
background:#1997d4;
border-radius:6px;
}
.inner-cart-info5.inner-cart-info .link-cart a:hover{
background:#fdd932;
}
.partner-home5  .owl-theme .owl-controls .owl-buttons div:hover {
color: #fff;
background:#1997d4;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border-radius: 50%;
color: #999;
display: inline-block;
height: 36px;
margin: -32px 0 0;
opacity: 0;
padding: 0;
position: absolute;
text-align: center;
top: 50%;
transition: all 0.5s ease-out 0s;
width: 36px;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div>span {
font-size: 30px;
line-height: 35px;
margin-left: 2px;
}
.partner-home5:hover .owl-theme .owl-controls .owl-buttons div {
opacity:1;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div.owl-prev{
left:-3px;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div.owl-next{
right:-3px;
}
.nav-tabs-filter  .nav-tabs > li.active > a,.nav-tabs-filter  .nav-tabs > li.active > a:hover,.nav-tabs-filter  .nav-tabs > li.active > a:focus,.nav-tabs-filter  .nav-tabs > li > a:hover {
background: #1997d4 none repeat scroll 0 0;
border-color: #1997d4;
color: #fff;
}
.nav-tabs-filter  .nav-tabs > li > a {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 4px;
color: #1b1d1f;
height: 36px;
line-height: 36px;
margin-right: 0;
padding: 0 23px;
text-transform: uppercase;
transition:all 0.5s ease-out 0s;
}
.nav-tabs-filter  .nav-tabs > li {
margin: 0 10px 0 0;
}
.nav-tabs-filter .nav.nav-tabs {
border: medium none;
margin: 0;
}
.product-list-filter {
background: #f5f5f5 none repeat scroll 0 0;
padding: 50px 0;
}
.filter-product .btn-filter {
background: #fff none repeat scroll 0 0;
border: 1px solid #e3e3e3;
border-radius: 4px;
color: #1b1d1f;
display: block;
float: right;
height: 36px;
line-height: 36px;
overflow: hidden;
padding: 0 30px 0 15px;
position: relative;
text-transform: uppercase;
width: 116px;
}
.filter-product .btn-filter::after {
content: "";
font-family: fontawesome;
position: absolute;
right: 20px;
top: 0;
}
.title-product-filter {
margin-bottom: 50px;
position: relative;
}
.item-product-loadmore .item-product-thumb{
background:#fff;
}
.item-product-loadmore .item-product-thumb::after{
display:none;
}
.item-product-loadmore .product-quick-view {
background: rgba(45, 159, 208, 0.9) none repeat scroll 0 0;
border-radius: 50%;
bottom: 0;
color: #fff;
display: block;
height: 130px;
left: 0;
line-height: 130px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
width: 130px;
transition:all 0.5s ease-out 0s;
opacity:0;
transform:scale(0.5);
}
.item-product-loadmore:hover .product-quick-view {
opacity:1;
transform:scale(1);
}
.item-product-loadmore .item-product-info {
margin: 0;
padding: 25px;
text-align: left;
}
.item-product-loadmore .item-product-info .desc {
color: #999;
}
.item-product-loadmore .title-product a {
color: #1b1d1f;
text-transform: uppercase;
}
.item-product-loadmore .title-product a:hover{
color: #1997d4;
}
.item-product-loadmore .title-product {
margin: 15px 0 10px;
}
.item-product-loadmore .info-price span {
color: #1997d4;
font-family: georgia;
}
.item-product-loadmore .info-price del {
color: #999;
font-size: 16px;
}
.item-product.item-product-loadmore {
background: #fff none repeat scroll 0 0;
box-shadow: 1px 3px 2px 0 rgba(0, 0, 0, 0.1);
margin: 0 -5px 20px;
}
.product-list-filter .list-product {
padding: 0 5px;
}
.cart-wishlist-compare .product-add-cart {
background: #1997d4 url("../images/icon-cart.png") no-repeat scroll center center;
border-radius: 50%;
display: inline-block;
height: 48px;
margin-right: 10px;
vertical-align: middle;
width: 48px;
transition:all 0.5s ease-out 0s;
}
.cart-wishlist-compare .product-add-cart:hover{
background-color:#fdd932;
}
.cart-wishlist-compare .product-wishlist {
border: 1px solid #e5e5e5;
border-radius: 50%;
color: #1997d4;
display: inline-block;
height: 38px;
margin-right: 7px;
text-align: center;
vertical-align: middle;
width: 38px;
transition:all 0.5s ease-out 0s;
}
.cart-wishlist-compare .product-wishlist:hover{
background:#1997d4;
color:#fff;
border-color:#1997d4;
}
.cart-wishlist-compare .product-compare {
border: 1px solid #e5e5e5;
border-radius: 50%;
color: #1997d4;
display: inline-block;
height: 38px;
text-align: center;
vertical-align: middle;
width: 38px;
transition:all 0.5s ease-out 0s;
}
.cart-wishlist-compare .product-compare:hover{
background:#1997d4;
color:#fff;
border-color:#1997d4;
}
.cart-wishlist-compare {
margin-top:20px;
}
.cart-wishlist-compare a span{
line-height:38px;
}
.btn-link-default.btn-link-loadmore:hover {
background:#fdd932;
}
.btn-link-default.btn-link-loadmore {
background: #1997d4 none repeat scroll 0 0;
border-radius: 4px;
display: block;
margin: 30px auto auto;
width: 300px;
}
/***********************************************************************
Home 7
************************************************************************/
.product-best-sale.style2 .filter-product .btn-filter.style-border-left {
margin-top: 0px;
}
.title-product-best-sale .nav-tabs-border {
margin-bottom: 0px;
}
.banner-home7 {
margin-bottom: 50px;
}
.product-best-sale.style2 .item-product-loadmore .item-product-info {
margin: 25px 0 0;
padding: 0;
text-align: center;
}
.product-best-sale.style2  .item-product-loadmore .title-product a {
text-transform: capitalize;
}
.logo-header7 {
display: inline-block;
vertical-align:top;
}
.search-form7 {
border-left: 1px solid #e3e3e3;
display: inline-block;
height: 50px;
margin-left: 25px;
padding-left: 30px;
width: 220px;
}
.main-nav.main-nav7 {
float: right;
}
.search-form7 input[type="text"] {
border: medium none;
color: #999;
max-width: 165px;
}
.register-box a {
border-radius: 6px;
color: #fff;
display: inline-block;
height: 40px;
text-align: center;
vertical-align: top;
width: 100px;
transition:all 0.5s ease-out 0s;
line-height:40px;
text-transform:uppercase;
}
.register-box {
float: right;
}
.info-cart7 .info-icon.icon-cart {
background: #1997d4 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: block;
height: 56px;
position: relative;
text-align: center;
width: 56px;
}
.info-cart7{
position:fixed;
right:10px;
top:100px;
z-index:99999;
}
.info-cart.info-cart7 .info-icon sup {
font-size: 10px;
position: absolute;
right: 12px;
top: 20px;
left:auto;
}
.info-cart.info-cart7 .inner-cart-info {
margin-right: 0;
right: 0;
z-index: 9999;
}
.info-cart7 .link-cart .cart-edit {
background: #1997d4 none repeat scroll 0 0;
}
.info-cart7 .link-cart a{
border-radius:6px;
}
.info-cart7 .link-cart .cart-edit:hover {
background: #f87c0a none repeat scroll 0 0;
}
.info-cart7 .link-cart .cart-checkout {
background: #f87c0a none repeat scroll 0 0;
}
.cart-title a:hover {
color: #f87c0a;
}
.info-cart7 .link-cart .cart-checkout:hover {
background: #1997d4 none repeat scroll 0 0;
}
.info-cart7 .info-icon.icon-cart span{
font-size:18px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:18px;
height:18px;
display:block;
}
.register-box .link-login{
background:#1997d4;
}
.register-box .link-login:hover{
background:#fdd932;
}
.register-box .link-signin{
background:#fdd932;
}
.register-box .link-signin:hover{
background:#1997d4;
}
.search-form7 input[type="submit"] {
background: url("../images/icon-search.png") no-repeat center center;
border: medium none;
display: inline-block;
height: 16px;
width: 16px;
}
.search-form7 > form {
padding-top: 15px;
}
.cart-wishlist-compare2 {
margin-top: 17px;
}
.cart-wishlist-compare2 a {
color: #999;
line-height: 36px;
transition:all 0.5s ease-out 0s;
}
.cart-wishlist-compare2 a:hover {
color: #1b1d1f;
}
.cart-wishlist-compare2 .product-add-cart {
border: 1px solid #e3e3e3;
border-radius: 4px;
display: inline-block;
height: 36px;
margin: 0 17px;
padding: 0 20px;
}
.product-best-sale.style2 .item-product.item-product-loadmore {
margin: 0 0 50px;
}
.product-best-sale.style2  .btn-link-default.btn-link-loadmore{
margin-top:0;
}
.box-attr-filter {
background: #fff none repeat scroll 0 0;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
left: 0;
padding: 30px 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 1000;
display:none;
margin-top:5px;
}
.item-box-attr {
display: table;
overflow: hidden;
position: relative;
width: 100%;
}
.item-attr-title {
display: table-cell;
padding: 0 25px;
position: relative;
width: 170px;
}
.item-attr-content {
display: table;
padding: 0 30px;
vertical-align: top;
color:#666;
}
.item-attr-content a {
color: #666;
display: inline-block;
}
.item-attr-content a:hover{
color:#FDD932;
}
.attr-category a {
margin-right: 30px;
}
.box-attr-filter::before {
background: #fbfbfb none repeat scroll 0 0;
border-right: 1px solid #e3e3e3;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 170px;
}
.box-attr-filter  .attr-color li a span {
display: block;
height: 16px;
width: 36px;
}
.box-attr-filter  .attr-color li a {
border: 1px solid #eaeaea;
display: block;
padding: 1px;
}
.box-attr-filter .attr-size a {
border: 1px solid #eaeaea;
display: block;
height: 20px;
line-height: 18px;
padding: 0;
text-align: center;
width: 40px;
}
.box-attr-filter  .attr-brand a{
margin-right:30px;
}
.box-attr-filter  .attr-size,.attr-color{
margin-bottom: 20px;
}
.box-attr-filter  .attr-category {
margin-bottom: 20px;
}
#slider-range-price {
background: #5a88ca none repeat scroll 0 0;
display: inline-block;
height: 1px;
margin-right: 27px;
width: 255px;
vertical-align:middle;
}
#slider-range-price  .ui-slider-range.ui-widget-header.ui-corner-all {
background: #eaeaea none repeat scroll 0 0;
}
#slider-range-price  .ui-slider-handle.ui-state-default.ui-corner-all {
background: #5a88ca none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
height: 10px;
margin: 0 0 0 -5px;
top: -4px;
width: 10px;
}
#slider-range-price  .ui-slider-handle.ui-state-default.ui-corner-alll:last-child{
background:#666;
}
.attr-price-filter {
display: inline-block;
}
.attr-price-filter label {
font-weight: normal;
}
.attr-price-filter input {
border: medium none;
}
.attr-price-filter > p {
margin-bottom: 15px;
}
.height-light .item-product-thumb {
padding-bottom: 30px;
}
/***********************************************************************
Headings&Separators
************************************************************************/
.box-intro-background {
margin: 0px;
padding: 0px 0 0px;
text-align: center;
}
.box-intro-bg {
padding: 0px 0 0px;
/* text-align: center; */
}
.box-intro-bg p {
margin: 8px 0;
padding:0px 0px 0 4px;
font-weight: 500;
}
.box-intro-bg span {
border-right: 1px solid #ccc;
padding: 0 6px;
}
.box-intro-bg span:first-child {
padding-left: 0px;
}
.box-intro-bg span:last-child {
border-right: none;
padding-right: 0px;
}
.box-intro-background p {
margin: 0px;
padding:3px 0;
overflow: hidden;
text-overflow: ellipsis;
height: 35px;
line-height: 25px;
}
.box-intro-background a {
padding: 0 6px;
color: #13747d;
font-size: 14px;
/* font-weight: 550; */
text-decoration: none;
}
.box-intro-background a:first-child {
padding-left: 0px;
}
.box-intro-background a:last-child {
border-right: none;
padding-right: 0px;
}
.box-intro-background a:hover {
color: #f87c0a;
}
.list-boxBg{background:#f6f6f6;}
.list-box-intro {
margin-bottom: 100px;
margin-top: 60px;
}
.list-box-intro .box-intro {
margin-bottom: 90px;
}
.box-width1{width:4%;}
.box-width2{width:8%;}
.box-width3{width:10%;}
.box-width4{width:11%;}
.box-width5{width:12%;}
.box-width6{width:15%;}
.box-width7{width:16%;}
.box-width8{width:18%;}
.box-width9{width:20%;}
.box-width10{width:21%;}
.box-width11{width:22%;}
.box-width12{width:30%;}
.box-intro-border {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.heading-box > h1 {
color: #1b1d1f;
font-size: 60px;
font-family: "Open Sans",sans-serif;
margin-bottom:70px;
}
.heading-box > h2 {
color: #1997d4;
font-size: 40px;
margin-bottom:80px;
font-family: 'Oswald', sans-serif;
}
.heading-box h3 {
color: #f87c0a;
font-size: 24px;
font-family: "Open Sans",sans-serif;
margin-bottom:80px;
}
.heading-box h4{
font-size: 24px;
color: #1b1d1f;
font-family: 'Great Vibes';
margin-bottom:80px;
}
/***********************************************************************
Teams
************************************************************************/
.team-gallery-thumb {
display: block;
margin-bottom: 20px;
position:relative;
}
.team-gallery-thumb img {
width: 100%;
}
.item-team-gallery h3 a{
color:#1997d4;
font-size:16px;
}
.item-team-gallery h3 a:hover{
color:#1b1d1f;
}
.item-team-gallery h3{
margin:0 0 20px;
}
.item-team-gallery > span {
color: #999;
display: block;
margin-bottom: 10px;
}
.item-team-gallery .desc{
color:#666;
}
.team-gallery-thumb::before {
background: rgba(120, 120, 120, 0.5) url("../images/icon-zoom.png") no-repeat scroll center center;
content: "";
height: 0;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transition: all 0.5s ease-out 0s;
width: 0;
z-index: 9;
}
.team-gallery-thumb:hover::before {
height: 100%;
left: 0;
opacity: 1;
top: 0;
width: 100%;
}
.team-social-network a {
background: #f5f5f5 none repeat scroll 0 0;
border-radius: 50%;
color: #666;
display: block;
height: 34px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 34px;
}
.team-social-network a:hover{
background:#1997D4;
color:#fff;
}
.team-social-network a i{
line-height:34px;
}
.team-social-network li {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
}
.team-social-network {
margin-left: -2px;
margin-top: 20px;
}
.team-circle-thumb {
background: #1b1d1f none repeat scroll 0 0;
border-radius: 50%;
position: relative;
cursor:pointer;
}
.team-cirle-image {
border-radius: 50%;
transition: all 0.5s ease-out 0s;
width:100%;
}
.info-circle-thumb {
left: 0;
padding: 50px 50px 0;
position: absolute;
text-align: center;
top: 0;
visibility: hidden;
width: 100%;
transition: all 0.5s ease-out 0s;
opacity:0;
transform:scale(0);
}
.info-circle-thumb .desc{
color:#999;
}
.team-circle-social-network a {
background: #f5f5f5 none repeat scroll 0 0;
border-radius: 50%;
color: #666;
display: block;
height: 34px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 34px;
}
.team-circle-social-network a:hover{
background:#FEC64D;
color:#fff;
}
.team-circle-social-network a i{
line-height:34px;
}
.team-circle-social-network li {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
}
.team-circle-social-network {
margin-left: -2px;
margin-top: 20px;
}
.team-circle-info {
text-align: center;
}
.team-circle-info h3 a{
color:#1b1d1f;
font-size:16px;
}
.team-circle-info h3 a:hover{
color:#FEC64D;
}
.team-circle-info span{
color:#999;
}
.team-circle-info > h3 {
margin: 15px 0 10px;
}
.team-circle-thumb:hover .team-cirle-image{
transform:scale(0.5) translateX(100%) rotate(360deg);
margin-left:30px;
}
.team-circle-thumb:hover {
z-index:9;
}
.team-circle-thumb:hover .info-circle-thumb{
visibility:visible;
opacity:1;
transform:scale(1);
}
.item-team-rectang {
border: 1px solid #e3e3e3;
overflow: hidden;
position: relative;
text-align: center;
}
.item-team-rectang .team-circle-info {
background: #fff none repeat scroll 0 0;
bottom: -60px;
left: 0;
padding: 0 20px 15px;
position: absolute;
transition: all 0.5s ease-out 0s;
width: 100%;
}
.item-team-rectang:hover .team-circle-info {
bottom:0;
}
.list-team-box {
margin-bottom: 50px;
margin-top: 55px;
}
.list-team-box .team-gallery ,.list-team-box .team-circle{
margin-bottom: 100px;
}
.item-team-circle1{
z-index:104;
}
.item-team-circle2{
z-index:103;
}
.item-team-circle3{
z-index:102;
}
.item-team-circle4{
z-index:101;
}
.item-team-circle{
position:relative;
}
.team-rectang-thumb > img ,.team-circle-thumb > img {
width: 100%;
}
/************************************************************************************************
Home 8
*************************************************************************************************/
.top-header.top-header8 {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.header8 {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
position: relative;
z-index: 99;
}
.header-nav8 {
padding: 30px 0;
}
.banner-home8 {
float: left;
margin-bottom: 90px;
margin-top: -140px;
width: 100%;
}
.main-nav.main-nav8 > ul > li > a {
color: #fff;
}
.main-nav.main-nav8 > ul > li:hover > a{
color: #FEC64D;
}
.main-nav.main-nav8 > ul > li.menu-item-has-childrent::after {
display: none;
}
.main-nav.main-nav8 > ul {
margin: 10px 0 0;
}
.main-nav.main-nav8 {
padding-left: 60px;
}
.search-form8 {
display: inline-block;
max-width: 250px;
width: 100%;
}
.search-form8 > form {
position: relative;
}
.search-form8 input[type="text"] {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
border: medium none;
color: #fff;
height: 40px;
padding: 0 40px 0 20px;
width: 100%;
}
.search-form8 input[type="submit"] {
background: transparent url("../images/home8/icon-search.png") no-repeat scroll center center;
border: medium none;
font-family: dsd;
height: 40px;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.info-cart.mini-cart8 {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
display: inline-block;
margin-left: 15px;
max-width: 140px;
position: relative;
text-align: left;
width: 100%;
}
.info-cart.mini-cart8 .inner-cart-info {
margin-right: 0;
right: 0;
}
.search-cart-total {
text-align: right;
}
.info-cart.mini-cart8 span.lnr {
background: #f87c0a none repeat scroll 0 0;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.mini-cart8 .mycart-link {
display: block;
}
.mini-cart-total {
color: #fff;
padding-left: 18px;
}
.info-cart.mini-cart8::after{
display:none;
}
.item-banner8 .banner-info {
margin-top: -30px;
text-align: center;
}
.item-banner8 .banner-info h3 {
color: #fff;
font-size: 18px;
margin: 0 0 20px;
}
.item-banner8 .banner-info h2 {
color: #f87c0a;
font-size: 30px;
font-weight: 700;
margin: 0 0 20px;
text-transform: uppercase;
}
.item-banner8 .banner-link {
background: #1b1d1f none repeat scroll 0 0;
color: #fff;
display: block;
font-size: 13px;
height: 40px;
line-height: 40px;
margin: auto;
text-transform: uppercase;
width: 140px;
transition:all 0.5s ease-out 0s;
}
.item-banner8 .banner-link:hover{
background:#f87c0a;
}
.banner-home8 .owl-theme .owl-controls .owl-page span {
background: #fff none repeat scroll 0 0;
border-radius: 20px;
display: block;
height: 10px;
margin: 0 5px;
opacity: 1;
width: 10px;
}
.banner-home8 .owl-theme .owl-controls .owl-page:hover span,
.banner-home8 .owl-theme .owl-controls .owl-page.active span{
background: #f87c0a none repeat scroll 0 0;
}
.banner-home8 .owl-theme .owl-controls {
bottom: 50px;
left: 0;
margin: 0;
position: absolute;
width: 100%;
}
.box-intro8 h2 {
font-size: 30px;
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase;
}
.box-intro8 {
margin-bottom: 30px;
text-align: center;
}
.box-intro8 p {
color: #999;
margin: 0;
}
.new-product8 .owl-item:nth-child(2n) .item-new-product8 .item-product .item-product-thumb{
background:#f9f9f9;
}
.new-product8 .owl-item:nth-child(2n) .item-new-product8 .item-product:last-child .item-product-thumb{
background:#f4f4f4;
}
.new-product8 .owl-item:nth-child(2n+1) .item-new-product8 .item-product .item-product-thumb{
background:#f4f4f4;
}
.new-product8 .owl-item:nth-child(2n+1) .item-new-product8 .item-product:last-child .item-product-thumb{
background:#f9f9f9;
}
.item-new-product8 .item-product-info {
bottom: 25px;
left: 0;
position: absolute;
width: 100%;
transition:all 0.5s ease-out 0s;
opacity:1;
visibility:visible;
}
.item-new-product8:hover .item-product-info{
opacity:0;
visibility:hidden;
}
.item-new-product8 .item-product {
margin-bottom: 0;
}
.item-new-product8 .item-product  .product-thumb-link{
padding:30px;
}
.slider-home8 .owl-theme .owl-controls {
left: 50%;
margin: 0 0 0 -55px;
position: absolute;
top: -80px;
width: 110px;
}
.slider-home8{
padding-top:65px
}
.slider-home8 .owl-theme .owl-controls .owl-buttons div{
background: transparent none repeat scroll 0 0;
border-radius: 0px;
color: #999;
display: inline-block;
font-size: 18px;
margin: 0px;
opacity:1;
padding: 0;
position:absolute;
top:-4px;
}
.slider-home8 .owl-theme .owl-controls .owl-buttons div.owl-prev{
left:0px;
}
.slider-home8 .owl-theme .owl-controls .owl-buttons div.owl-next{
right:0px;
}
.slider-home8 .owl-theme .owl-controls .owl-page span {
background: #ccc none repeat scroll 0 0;
border-radius: 20px;
display: block;
height: 7px;
margin: 0 4px;
opacity: 1;
width: 7px;
}
.slider-home8 .owl-theme .owl-controls .owl-page:hover span,
.slider-home8 .owl-theme .owl-controls .owl-page.active span{
background: #1b1d1f none repeat scroll 0 0;
}
.new-product8.slider-home8 {
margin-bottom: 90px;
}
.item-best-seller8 {
padding: 0 15px;
}
.best-seller-product8.slider-home8 {
margin: 0 -15px 90px;
}
.item-product-info8 .title-product {
font-weight: 700;
}
.item-product-info8{
text-align:center;
}
.item-product-info8 .wrap-star-rating {
margin:15px  auto 10px;
}
.item-best-seller8 .item-product {
margin-bottom: 0;
}
.latest-news-slider8 {
background: #f9f9f9 none repeat scroll 0 0;
margin-bottom: 90px;
padding-bottom: 30px;
}
.latest-post-leading8  .owl-theme .owl-controls .owl-buttons div{
background: rgba(0,0,0,0.7);
border-radius: 0px;
color: #fff;
display: inline-block;
font-size: 18px;
margin: -20px 0 0;
opacity:1;
padding: 0;
position:absolute;
top:50%;
width:40px;
height:40px;
line-height:40px;
text-align:center;
}
.latest-post-leading8 .owl-theme .owl-controls .owl-buttons div.owl-prev{
left:0px;
}
.latest-post-leading8 .owl-theme .owl-controls .owl-buttons div.owl-next{
right:0px;
}
.latest-post-info8 > h3 {
font-size: 13px;
font-weight: 700;
margin: 0 0 13px;
text-transform: uppercase;
}
.latest-post-info8 > h3 a {
color: #1b1d1f;
}
.latest-post-leading8 .latest-post-info8 {
margin-top: 25px;
}
.latest-post-info8 > h3 a:hover{
color:#666;
}
.post-date-comment {
list-style: outside none none;
margin: 0 0 5px;
padding: 0;
}
.post-date-comment > li {
color: #999;
display: inline-block;
margin-right: 20px;
}
.post-date-comment > li span {
font-size: 16px;
margin-right: 5px;
}
.latest-post-info8 > p {
color: #666;
margin: 0;
}
.latest-post8 {
padding-left: 20px;
}
.latest-post8 > h2 {
font-weight: 700;
margin: 45px 0 50px;
text-transform: uppercase;
}
.item-latest-post8.latest-post-leading8 > h2 {
font-weight: 700;
margin: 45px 0 50px;
text-transform: uppercase;
margin:30px 0 20px;
display:none;
}
.list-latest-post8 .item-latest-post8 {
display: table;
margin-bottom: 30px;
width: 100%;
}
.list-latest-post8 .item-latest-post8 .latest-post-thumb8{
display:table-cell;
}
.list-latest-post8 .item-latest-post8 .latest-post-info8{
display:table-cell;
vertical-align:top;
padding-left:20px;
}
.list-latest-post8 .item-latest-post8 .latest-post-thumb8 a{
display:block;
overflow:hidden;
}
.list-latest-post8 .item-latest-post8 .latest-post-thumb8 img{
max-width:170px;
transition:all 0.5s ease-out 0s;
}
.list-latest-post8 .item-latest-post8 .latest-post-thumb8 a:hover img{
transform:scale(1.15);
}
.item-special8 .item-product-info{
position:absolute;
bottom:20px;
left:0;
width:100%;
visibility:visible;
opacity:1;
transition:all 0.5s ease-out 0s
}
.item-special8 .item-product:hover .item-product-info{
opacity:0;
visibility:hidden;
}
.item-special8 .item-product .product-thumb-link{
padding:15px;
}
.item-special8 {
padding: 0 15px;
}
.special-product8.slider-home8 {
margin: 0 -15px;
}
.banner-special {
margin-bottom: 30px;
position: relative;
}
.banner-special img{
transition:all 0.5s ease-out 0s;
}
.banner-special:hover img{
transform:scale(1.15);
}
.banner-special > a {
display: block;
}
.banner-special-info {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.special-saleoff {
background: #f87c0a none repeat scroll 0 0;
bottom: 0;
color: #fff;
height: 70px;
left: 50%;
margin-left: -115px;
padding: 5px;
position: absolute;
text-transform: uppercase;
width: 230px;
z-index: 999;
}
.special-saleoff > span {
font-size: 18px;
}
.special-saleoff strong {
display: block;
font-size: 30px;
font-weight: 700;
margin-top: -7px;
}
.banner-special-info::after {
border: 1px solid rgba(255, 255, 255, 0.5);
bottom: 40px;
content: "";
left: 40px;
position: absolute;
right: 40px;
top: 40px;
}
.special-text {
left: 0;
margin-top: -15px;
position: absolute;
top: 50%;
width: 100%;
}
.special-text > h2 {
color: #fff;
margin: 0;
text-transform: uppercase;
}
.partner-slider.partner-slider8 .owl-theme .owl-controls {
display: none!important;
}
.partner-slider.partner-slider8 {
padding-bottom:20px;
}
/*************************************************************************************************************
Home 9
*************************************************************************************************************/
.header-nav9 {
background: #fff none repeat scroll 0 0;
padding: 30px 0;
}
.main-nav.main-nav9 > ul {
margin: 10px 0 0 60px;
}
.search-form8.search-form9 input[type="text"] {
background: #fff;
border:1px solid #e5e5e5;
color: #999;
}
.search-form8.search-form9 input[type="submit"] {
background: transparent url("../images/home9/icon-search.png") no-repeat scroll center center;
}
.info-cart.mini-cart8.mini-cart9 {
background: #000 none repeat scroll 0 0;
}
.banner-info9 > h3 {
font-size: 30px;
margin: 0 0 8px;
text-transform: uppercase;
}
.banner-info9 > h2 {
font-size: 60px;
font-weight: 700;
margin: 0 0 10px -2px;
text-transform: uppercase;
}
.banner-info9 {
color: #fff;
max-width: 670px;
}
.banner-info9 > p {
font-size: 18px;
margin-bottom: 25px;
}
.banner-info9 a {
background: #1b1d1f none repeat scroll 0 0;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
margin-right: 7px;
padding: 0 30px;
text-transform: uppercase;
transition: all 0.5s ease-out 0s;
}
.banner-info9 a:hover{
background: #fff none repeat scroll 0 0;
color: #1b1d1f;
}
.banner-slider9 .owl-theme .owl-controls .owl-page span {
background: #fff none repeat scroll 0 0;
border-radius: 20px;
display: block;
height: 10px;
margin: 0 5px;
opacity: 1;
width: 10px;
}
.banner-slider9 .owl-theme .owl-controls .owl-page:hover span,
.banner-slider9 .owl-theme .owl-controls .owl-page.active span{
background: #1b1d1f none repeat scroll 0 0;
}
.banner-slider9  .owl-theme .owl-controls {
bottom: 50px;
left: 0;
margin: 0;
position: absolute;
width: 100%;
}
.banner-slider9   .owl-pagination {
margin: auto;
max-width: 1170px;
text-align: left;
}
.banner-slider9  .banner-info {
height: auto;
margin-top: -140px;
}
.about-parallax {
padding: 150px 0;
position: relative;
background-image:url("../images/home9/pr1.png");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
}
.inner-about-parallax {
color: #fff;
padding-left: 150px;
position: relative;
}
.title9 {
border-bottom: 2px solid #1b1d1f;
color: #1b1d1f;
display: inline-block;
font-size: 60px;
font-weight: 700;
left: 0;
margin: 0;
position: absolute;
text-transform: uppercase;
top: 0;
transform: rotate(-90deg);
}
.inner-about-parallax .title9 {
left: -130px;
top: 130px;
}
.inner-about-parallax > h3 {
font-size: 30px;
margin: 0 0 15px;
}
.inner-about-parallax > p {
font-size: 18px;
max-width: 450px;
}
.about-process {
margin-top: 40px;
}
.process-intro {
font-size: 18px;
font-weight: 700;
margin: 0 0 15px;
}
.process-intro label {
color: #fff;
font-size: 18px;
margin: 0;
width: auto;
}
.item-progressbar .ui-progressbar {
margin-bottom: 40px !important;
}
.about-process .item-progressbar {
max-width: 400px;
}
.about-process  .ui-widget-content {
background: #fff;
border: none;
}
.about-process .ui-progressbar {
height: 10px;
}
.about-process .ui-progressbar .ui-progressbar-value {
background: #1b1d1f none repeat scroll 0 0;
border: medium none;
height: 100%;
margin: 0;
}
.inner-service-boxes {
padding-left: 150px;
position: relative;
}
.service-box {
background: rgba(0, 0, 0, 0) url("../images/home9/bg-service.jpg") no-repeat scroll left 515px top 190px;
padding: 140px 0;
}
.inner-service-boxes .title9 {
left: -105px;
top: 90px;
}
.inner-service-boxes > h3 {
font-size: 30px;
margin: 0 0 20px;
text-transform: uppercase;
}
.item-service-info > h4 {
font-size: 18px;
margin: 0 0 15px;
text-transform: uppercase;
}
.item-service-info > h4 a {
color: #1b1d1f;
}
.item-service-info > p {
font-size: 18px;
margin: 0;
}
.item-service {
display: table;
margin-bottom: 40px;
}
.item-service-info {
display: table-cell;
width: 210px;
}
.item-service-icon > a:hover {
background:#FEC64D;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
.item-service-icon > a {
background: #1b1d1f none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: block;
font-size: 18px;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
transition:all 0.3s ease-out 0s;
}
.item-service-icon {
display: table-cell;
padding: 0 20px;
}
.list-service-item.full-right .item-service{
float:right;
}
.best-sell-parallax{
padding: 125px 0;
position: relative;
background-image:url("../images/home9/pr2.png");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
}
.inner-bestsell {
padding-left: 150px;
position: relative;
}
.inner-bestsell .title9 {
left: -173px;
top: 220px;
}
.bestsell-slider {
margin-left: 65px;
max-width: 840px;
}
.item-bestsell {
padding: 0 5px;
}
.item-product-info9 {
background: #fff none repeat scroll 0 0;
padding: 25px 15px 20px;
text-align: center;
}
.item-product-info9 .wrap-star-rating {
margin: 0 auto 20px;
}
.item-product-info9 .title-product {
font-weight: 700;
}
.item-product-info9 .title-product a {
color: #666;
}
.item-product-info9 .title-product a:hover {
color: #1b1d1f;
}
.product-extra-link9 a {
border: 1px solid #1b1d1f;
border-radius: 50%;
color: #1b1d1f;
display: inline-block;
height: 38px;
line-height: 38px;
margin: 0 4px;
transition: all 0.5s ease-out 0s;
width: 38px;
background:transparent;
}
.product-extra-link9 {
margin-top: 25px;
}
.product-extra-link9 a:hover{
background:#1b1d1f;
color:#fff;
}
.product-extra-link9 a.product-add-cart{
height:56px;
line-height:56px;
width:56px;
}
.item-bestsell .product-quick-view {
background: #1b1d1f none repeat scroll 0 0;
border-radius: 50%;
bottom: 0;
color: #fff;
display: block;
font-size: 20px;
height: 60px;
left: 0;
line-height: 60px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 60px;
z-index: 99;
transform:scale(0);
opacity:0;
transition: all 0.5s ease-out 0s;
}
.item-bestsell .item-product-thumb::before{
position:absolute;
content:"";
background:rgba(0,0,0,0.1);
width:0;
height:0;
top:50%;
left:50%;
opacity:0;
transition: all 0.5s ease-out 0s;
}
.item-bestsell .item-product-thumb:hover .product-quick-view{
opacity:1;
transform:scale(1);
}
.item-bestsell .item-product-thumb:hover::before{
opacity:1;
width:100%;
height:100%;
top:0;
left:0;
z-index:9;
}
.bestsell-slider .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
display: inline-block;
font-size: 30px;
margin: -55px 0 0;
opacity: 1;
padding: 0;
position: absolute;
top: 50%;
transition: all 0.5s ease-out 0s;
}
.bestsell-slider .owl-theme .owl-controls .owl-buttons div:hover{
color:#1b1d1f;
}
.bestsell-slider .owl-theme .owl-controls .owl-buttons div.owl-prev{
left:-45px;
}
.bestsell-slider .owl-theme .owl-controls .owl-buttons div.owl-next{
right:-45px;
}
.latest-news9 {
background: url("../images/home9/bg-scroll.png") no-repeat top center;
padding: 180px 0;
}
.inner-latest-news9 {
padding-left: 150px;
position: relative;
}
.inner-latest-news9 .title9 {
left: -55px;
top: 60px;
}
.inner-latest-news9 > h3 {
color: #fff;
font-size: 30px;
margin: 0 0 45px;
text-transform: uppercase;
}
.item-latest-news9 {
display: table;
margin-bottom: 30px;
max-width: 730px;
width: 100%;
}
.news-thumb {
display: table-cell;
}
.news-info {
display: table-cell;
padding-left: 20px;
vertical-align: top;
}
.news-info > h4 {
font-size: 13px;
font-weight: 700;
margin: 0 0 10px;
text-transform: uppercase;
}
.news-info > h4 a {
color: #fff;
}
.news-info > h4 a:hover {
color: #f87c0a;
}
.news-info .post-date-comment > li {
color: #fff;
}
.news-info > p {
color: #fff;
}
.list-latest-news9 {
height: 280px;
max-width: 890px;
}
.list-latest-news9 .mCustomScrollBox > .mCSB_scrollTools {
opacity: 1;
width: 22px;
}
.list-latest-news9 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #fff none repeat scroll 0 0;
width: 10px;
}
.list-latest-news9 .mCustomScrollBox > .mCSB_scrollTools {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
border-radius: 11px;
opacity: 1;
width: 22px;
}
.list-latest-news9  .mCSB_scrollTools .mCSB_draggerRail {
width: 0;
}
.footer-parallax{
padding: 170px 0 40px;
position: relative;
background-image:url("../images/home9/pr3.png");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
}
.contact-footer-parallax {
padding-left: 150px;
position: relative;
}
.contact-footer-parallax .title9 {
left: -165px;
top: 170px;
}
.contact-parallax-info > h3 {
color: #fff;
font-size: 30px;
margin: 0 0 45px;
text-transform: uppercase;
}
.item-contact-parallax {
display: table;
margin-bottom: 5px;
}
.contact-icon {
display: table-cell;
}
.contact-label {
display: table-cell;
padding-left: 20px;
width: 120px;
}
.contact-text {
display: table-cell;
}
.contact-icon > a {
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
display: block;
font-size: 18px;
height: 54px;
line-height: 54px;
text-align: center;
width: 54px;
}
.contact-label > label {
font-size: 16px;
font-weight: 400;
margin: 0;
text-transform: uppercase;
}
.contact-text > ul {
font-size: 20px;
list-style: outside none none;
margin: 0;
padding: 0;
}
.contact-text li {
margin-bottom: 10px;
}
.contact-text > a {
color: #1b1d1f;
text-decoration: underline;
}
.contact-text li:last-child {
margin: 0;
}
.contact-parallax-info > h3 {
color: #fff;
font-size: 30px;
margin: 0 0 45px;
text-transform: uppercase;
}
.item-contact-parallax {
display: table;
margin-bottom: 5px;
}
.contact-icon {
display: table-cell;
}
.contact-label {
display: table-cell;
padding-left: 20px;
width: 120px;
}
.contact-text {
display: table-cell;
}
.contact-icon > a {
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
display: block;
font-size: 18px;
height: 54px;
line-height: 54px;
text-align: center;
width: 54px;
}
.contact-label > label {
font-size: 16px;
font-weight: 400;
margin: 0;
text-transform: uppercase;
}
.contact-text > ul {
font-size: 20px;
list-style: outside none none;
margin: 0;
padding: 0;
}
.contact-text li {
margin-bottom: 10px;
}
.contact-text > a {
color: #1b1d1f;
text-decoration: underline;
}
.contact-text li:last-child {
margin: 0;
}
.contact-parallax-form > h3 {
color: #fff;
font-size: 30px;
margin: 0 0 25px;
text-transform: uppercase;
}
.contact-parallax-form input[type="text"] {
border: medium none;
color: #999;
display: block;
height: 50px;
margin-bottom: 10px;
padding: 0 20px;
width: 100%;
}
.contact-parallax-form textarea {
border: medium none;
color: #999;
margin-bottom: 10px;
padding: 15px 20px;
width: 100%;
}
.contact-parallax-form input[type="submit"] {
background: #1b1d1f none repeat scroll 0 0;
border: medium none;
color: #fff;
height: 40px;
text-transform: uppercase;
transition: all 0.5s ease-out 0s;
width: 130px;
}
.contact-parallax-form input[type="submit"]:hover{
background:#fff;
color:#1b1d1f;
}
.footer9 {
margin-top: 90px;
}
.logo-footer9 > a {
color: #fff;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.logo-footer9 {
border-right: 1px solid #fff;
display: inline-block;
margin-right: 20px;
padding-right: 15px;
}
.menu-footer9 {
display: inline-block;
}
.menu-footer9 > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.menu-footer9 li {
display: inline-block;
margin-right: 22px;
}
.menu-footer9 a {
color: #fff;
}
.menu-footer9 a:hover {
color: #1b1d1f;
}
.social-footer9 {
text-align: right;
}
.social-footer9 > a {
color: #fff;
font-size: 24px;
margin-left: 20px;
}
.social-footer9 > a:hover{
color:#1b1d1f;
}
.main-content{padding:5px; min-height: 555px;margin-bottom: 30px;}
.logo{padding-top:5px;}
.logo img{width:140px;}
.menuDv { background:#fff;
box-shadow: 0px 0px 2px 0px #999;
border-radius: 2px;
}
.feature-box-style-07{background:#fff;
border: 1px solid #ddd;
border-top: 0;
box-shadow: 0 2px 2px #e6e6e6;
padding: 10px 20px 20px;
vertical-align: top;
display:block;}
.bncptn {
position: absolute;
left: 4%;
font-size: 30px;
color: #fff;
top: 20%;
line-height:30px;
padding: 15px;
background: rgba(0, 0, 0, 0.3);
font-family:arial;
text-transform:uppercase;
}
#carousel ul.slides li {
width: 445px !important;
}
#carousel ul.slides li  .thume-border{border-right:none;}
.service-icon-01, .service-icon-02, .service-icon-03 {
border-radius: 50%;
bottom: -33px;
height: 73px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 73px;
box-shadow: 0 -3px 0 0 rgba(0,0,0,0.4);
}
.service-row-img {
overflow: hidden;
}
.feature-box-icon i {
width: 30px;
height: 30px;
display: block;
margin: 11px auto 0;
background: url(../images/sprite.png) no-repeat 0 0;
}
.service-icon-01,.service-icon-02,.service-icon-03 {
background-color: #fff;
}
i.service-icon-row-01 {
background-position: -63px -323px;
}
i.service-icon-row-02 {
background-position: -63px -413px;
}
i.service-icon-row-03 {
background-position: -65px -506px;
}
.item-feature-box:hover .service-row-img img{transform: scale(1.1);}
.item-feature-box:hover i.service-icon-row-01{background-position:-63px -368px;}
.item-feature-box:hover i.service-icon-row-02{background-position:-63px -464px;}
.item-feature-box:hover i.service-icon-row-03{background-position:-65px -548px;}
.newsDv{}
.newsDv h2{font-size: 22px;
font-weight: normal;
color: #2e2e2e;
padding-top: 20px;
padding-left: 20px;}
.news-border h5{font-size: 16px;color: #333;}
.blog-list-info::before{content: normal;}
.owl-carousel1 .owl-controls .owl-buttons div.owl-prev{background:#ddd url(../images/left.png) no-repeat 0 0;
background-size: 12px;padding: 15px 16px;
background-position: 9px;border-radius: 4px;
right: 65px;
position: absolute;
top: -117px;}
.owl-carousel1 .owl-controls .owl-buttons div.owl-next{background:#ddd url(../images/right.png) no-repeat 0 0;
background-size: 12px;padding: 15px 16px;
background-position: 11px;border-radius: 4px;
right: 30px;
position: absolute;
top: -117px;}
.owl-carousel2 .owl-controls .owl-buttons div.owl-prev{background:#ddd url(../images/left.png) no-repeat 0 0;
background-size: 12px;padding: 15px 16px;
background-position: 9px;border-radius: 4px;
right: 65px;
position: absolute;
top: -117px;}
.owl-carousel2 .owl-controls .owl-buttons div.owl-next{background:#ddd url(../images/right.png) no-repeat 0 0;
background-size: 12px;padding: 15px 16px;
background-position: 11px;border-radius: 4px;
right: 30px;
position: absolute;
top: -117px;}
.owl-carousel1 .thumb-customer-saying {
display: table-cell;
width: 175px;
}
.owl-carousel1 .thumb-customer-saying a{
border-radius:5px;
}
.owl-carousel1 .thumb-customer-saying img{
border-radius:5px;
}
.main-testimonial{width: 100%;}
.main-testimonial .item{margin-bottom: 40px;}
.main-testimonial .item-customer-saying{}
.main-testimonial .thumb-customer-saying{width: 150px;
padding-right: 20px;}
.main-testimonial .info-customer-saying{padding-top: 30px;}
.main-testimonial .info-customer-saying p{font-size: 15px;}
.main-testimonial .info-customer-saying h3{font-size: 28px;font-weight: bold;}
.main-testimonial .info-customer-saying span{font-size: 15px;}
.serviceDv .blog-list-thumb{padding:0;}
.serviceDv h3{font-size: 22px;}
.serviceDv p{font-size: 15px;}
.about-intro ul{padding:0 15px;}
.about-intro li{font-size: 15px;
line-height: 25px;color: #666; }
.about-intro > p {
font-size: 14px;
}
.list-feature-boxes .serviceDv .item-feature-box {
margin: 20px 0;
}
.user-login{ margin: 0px 0 30px;background: #fafcfd;border-top: 1px solid #ed3237; padding-top: 10px;}
.user-login h3{margin: 0 0 10px;
font-size: 18px;
font-weight: 600;
color: #333;
}
.user-login h5{
margin: 10px 0 20px;
font-size: 14px;
font-weight: 400;
color: #333;
}
.top-title{margin: 0px 0px;
padding: 18px 0 18px;
font-size: 18px;
font-weight: 600;
color: #333;
}
.user-login form{padding: 20px 0px 40px;
width: 85%;
margin: auto;
}
.user-login p{ padding: 30px 20px 30px 20px;line-height: 18px;margin:0;font-size: 16px;}
.user-email{ padding: 15px 0px 15px;}
.user-email a{ font-size: 16px;color:#333;}
.user-email a:hover{ color:#ed1c24; text-decoration:underline;}
.input-group{width:100%;position:relative;display:table;border-collapse:separate;
border-left: 2px solid #007ba5; border-radius: 5px;}
.input-group-addon:first-child{border-right:0;}
.input-group-addon{min-width:39px;padding:2px 2px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle;}
.sprite{background-image:url('../images/sprite.png');}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0;}
.form-control{height:40px;box-shadow:none;-webkit-box-shadow:none;}
.form-control:focus{border-color:#aaa;box-shadow:none;-webkit-box-shadow:none;}
.form-icon{width:26px;height:28px;display:inline-block;position:relative;}
.mobile-number{background-position:-311px -136px;}
.full-name{background-position:-252px -135px;}
.email-id{background-position:-284px -136px;}
.password { background-position: -385px -99px;}
.list {background-position: -329px -165px;}
.list-page {background-position: -406px -148px;}
.comments{background-position:-362px -141px;top: -22px;}
textarea.form-control{height:auto;}
.errormsg{font-size:14px;font-weight:400;}
.bd-breadcrumb { margin: 0; padding: 0;display: inline-block; }
.bd-breadcrumb a { text-rendering: optimizeLegibility; text-decoration: none; font-size: 13px; height: 42px; line-height: 42px; padding: 0 15px 0 30px; position: relative;display: inline-block; }
.bd-breadcrumb a:first-child { padding-left: 25px; }
.bd-breadcrumb a:last-child { padding-right: 16px; pointer-events: none; cursor: default; }
.bd-breadcrumb a:last-child:after, .bd-breadcrumb a:last-child:before { border: 0; }
.bd-breadcrumb a:after, .bd-breadcrumb a:before { content: " "; display: block; width: 0; height: 0; border-top: 21px solid rgba(255, 255, 255, 0); border-bottom: 22px solid rgba(255, 255, 255, 0); border-left: 10px solid rgba(255, 255, 255, 0); position: absolute; margin: auto; top: 0; bottom: 0; left: 100%; z-index: 2; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.bd-breadcrumb a:before { margin-left: 1px; z-index: 1; }
.bd-light a { color: #454545; background-color: #E7F1F2; text-shadow: 0 -1px rgba(255, 255, 255, 0.7); -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.bd-light a:after { border-left-color: #E7F1F2; }
.bd-light a:before { border-left-color: #CCCCCC; color: #E7F1F2;}
.bd-light a:hover, .bd-light a:focus { background: #E2F1F2;color: #007ba5; }
.bd-light a:hover:after, .bd-light a:focus:after { border-left-color: #E2F1F2; }
.bd-light a:active:before { border-left-color: #edf1f1; }
.bd-light a:last-child { background-color: #fff; }
.pagination {
background: #e1eff8;
display: inline-block;
padding: 5px 10px;
margin: 20px 0;
border-radius: 4px;
}
.pagination a{color:#000;padding:0 6px;}
.pagination a:hover{background-color:#13747D;color: #fff;}
.pagination a.active {
color: #fff !important;
background: #13747D !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
}
#loading {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 900;
text-align: center;
}
#loading-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 911;
max-width: 400px;
margin: auto;
}
.ffixed{position:fixed;bottom:0;left:0;width:100%;z-index:999;}
.error-txt{
width: 100%;
text-align: center;
font-size: 14px;
color: red;
}
.link-home { padding: 20px 15px 0 0;
text-align: right;
}
.link-home span{display:inline-block;
width: 30px;
height: 30px;
line-height: 25px;
border: 1px solid #ed3237;
color: #ed3237;
text-align: center;
border-radius: 50%;
font-size: 18px;
}
.link-home span:hover{border: 1px solid #007ba5;
color: #007ba5;
}
.logo1 {padding: 5px 0 5px 15px;}
.logo1 img{width:132px;}
.color-box{display: table-cell; padding-right: 8px;}
.color-boxinfo{height: 10px; width: 10px;}
.text-box{display: table-cell;text-align: left;}
.txt-desc{ padding: 30px 20px 30px 20px;line-height: 18px;margin:0;font-size: 16px;}
.show_psw{position: absolute;top:8px;right: 10px;    font-size: 16px;
color: #333;
z-index: 111;
}
.show_psw.active i:before{content: "\f06e";}
@media (max-width: 767px){
.box-width1,.box-width2,.box-width3,.box-width4 {width: 100% !important;}
.user-email, .news-border {
text-align: center !important;
}
}
.adtab-detail {
position: relative;
background: #f8f9fa;
padding: 0 0px;
border-bottom: 2px dotted #ddd;
}
.adtab-detail h2 {
margin: 0;
padding-top: 12px;
padding-bottom: 12px;
font-size: 16px;
color: #333;
text-transform: capitalize;
position: relative;
}
.adtab-detail h2 i{padding-right: 6px;font-size: 17px;}
.add_btn_box {
position: absolute;
top: 11px;
right: 15px;
}
.add_btn_box .add_btn {
margin-left: 5px;
}
.add_btn {
position: relative;
background: none;
color: #ef4b37;
border: 1px solid #ef4b37;
padding: 8px 15px;
font-size: 14px;
font-weight: 500;
border-radius: 4px;
cursor: pointer;
}
.enquery-head {
border-bottom: 2px dotted #ddd;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f6f6f6 0%, #f4f4f4 30%, #f2f2f2 70%, #e2e2e2 100%);
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f4f4f4 30%,#f2f2f2 70%,#e2e2e2 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#f4f4f4 30%,#f2f2f2 70%,#e2e2e2 100%);
}
.upcoming-enq {
margin: 0px;
padding: 20px 30px;
}
.upcoming-enq p {
margin: 0;
padding: 10px 15px 10px;
border: 1px dashed #ddd;
border-radius: 4px;
}
.upcoming-enq i {
background: #d8d8d8;
color: #eee;
height: 28px;
width: 28px;
text-align: center;
display: inline-block;
font-size: 21px;
line-height: 28px;
}
.upcoming-enq span {
font-size: 15px;
color: #999;
display: inline-block;
padding-left: 5px;
font-weight: 100;
}
.side-menu::-webkit-scrollbar-thumb:hover {background: #666;}
.fixed_right_box{background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box2nd{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box3rd{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box4th{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box5th{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box6th{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box7th{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box2nd.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box3rd.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box4th.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box5th.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box6th.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box7th.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.add_inner_box, .notify_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.add_inner_box .input-group, .notify_inner_box .input-group{border-left: none;}
.edit_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.edit_inner_box .input-group{border-left: none;}
.optinal_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 720px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.optinal_inner_box .input-group{border-left: none;}
.followup_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.followup_inner_box .input-group{border-left: none;}
.fixed_right_box2nd .form-control{padding: 5px 6px;
    font-size: 13px;height: 36px;border-radius: 0px;
}
.other_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.other_inner_box .input-group{border-left: none;}

.fthother_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.fthother_inner_box_custom{
	width: 770px;

}
.table-pl-5{
    padding-left: 5px;
}
.table-pr-5{
    padding-right: 5px;
}
.fthother_inner_box .input-group{border-left: none;}

.xthother_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.xthother_inner_box .input-group{border-left: none;}

.svnthother_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.svnthother_inner_box .input-group{border-left: none;}

.rttop_title{margin-bottom:25px;position: relative;}
.rttop_title h3 {
font-size: 16px;
font-weight: 500;
margin: 0px 0 8px;
text-transform: capitalize;
display: flex;
align-items: center;
}
.rttop_title h3 i{padding-right:10px;font-size: 20px;}
.rttop_title p {font-size: 13px;color: #777;padding-bottom: 0;
line-height: normal;
}
.close_icon{position: fixed;
top: 0;
right: 570px;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 18px;
color: #fff;
background: #007ba5;
z-index: 800;
}
.close_icon_custom{
	right: 770px;
}
.close_icon:hover{color: #fff;background: #ef4b37;}
.optinal_close_icon{position: fixed;
top: 0;
right: 720px;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 18px;
color: #fff;
background: #007ba5;
z-index: 800;
}
.optinal_close_icon:hover{color: #fff;background: #ef4b37;}
.add_btn_box{position: absolute;top: 11px;right: 15px;}
.add_btn_box .add_btn{margin-left: 5px;}
.add_btn:hover{background: #ef4b37;color: #fff;}
.add_btn_box .add_btn i{font-size: 17px;padding-right: 4px;}
.my_modal.modal {
overflow-x: hidden;
overflow-y: auto;
}
.my_modal .modal-dialog {
margin: 50px auto 20px;
/*--display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;--*/
}
.my_modal .modal-content {width: 100%;}
.my_modal .modal-header{padding: 15px 15px;}
.my_modal .modal-title{text-transform: none;margin-top:5px;}
.my_modal .modal-body{padding:5px 15px 15px;}
.my_modal .modal-header .close{position: absolute;
top: 1px;
right: 2px;
margin: 0;
text-shadow: none;
padding: 0 0 1px 1px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
text-align:center;
font-size: 22px;
opacity: 0.7;
z-index: 111;
}
.my_modal .modal-header .close:hover{opacity: 1;}
.my_modal .modal-header .close span{line-height: inherit;}
.modal-dialog {
width: 500px;
margin: 200px auto 0;
}
.modal-header {
padding: 15px 10px;
border-bottom: none;
}
.modal-header .close {
margin-top: -8px;
border: 1px solid #333;
border-radius: 50%;
padding: 2px 5px 0;
line-height: 18px;
color: #333;
opacity:1;
font-size: 22px;
}
.modal-header .close:hover {color: #ef4b37;border: 1px solid #ef4b37;}
.change-avatar{display: flex;
position: relative;
background: #fafcff;
width: fit-content;
border-radius: 4px;
padding: 10px 20px;
margin: 12px auto 20px;
}
.pad_box3 {
padding: 5px;
}
.enquery-box {
border: 1px solid #eee;
}
.enquery-head .table-head {
padding: 0 5px;
height: 40px;
line-height: 40px;
}
.table-head span {
font-size: 13px;
font-weight: 500;
color: #333;
}
.table-cont:last-child p {
border-right: none;
}
.enquery-desc p {
color: #333;
font-size: 13px;
margin: 0;
height: 45px;
border-right: 1px solid #e5e5e5;
padding: 0px 5px;
line-height: 43px;
overflow: hidden;
}
.table-cont p a {
padding: 2px 2px;
color: #f87c0a;
cursor: pointer;
font-size: 13px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.table-cont p a i{font-size: 17px;}
.table-cont p a:hover {color:#007ba5;}
.action_btn{display:inline-block;
color: #f87c0a;
cursor: pointer;
font-size: 18px;
height: 36px;
line-height: 36px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.action_btn:hover {color:#007ba5;}
.enquery-desc .table-cont {
padding: 0 0px;
}
.enquery-desc {
border-bottom: 1px solid #e8e8e8;
}
.sub-btn1 {cursor:pointer;
background: #ef4b37 none repeat scroll 0 0;
font-size: 14px;
font-weight: 500;
color: #fff;
border: none;
height:35px;
margin:5px;
line-height:34px;
padding: 0px 10px;
border-radius: 4px;
text-transform:capitalize;
display: inline-block;
min-width: 100px;
text-align: center;
}
.sub-btn1:hover {background: #007ba5;color: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.followup-box{border:1px solid #eee;}
.followup-head{border-bottom: 2px dotted #ddd;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f6f6f6 0%, #f4f4f4 30%, #f2f2f2 70%, #e2e2e2 100%);
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f4f4f4 30%,#f2f2f2 70%,#e2e2e2 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#f4f4f4 30%,#f2f2f2 70%,#e2e2e2 100%);
}
.followup-head .table-head{padding:0 5px;height: 40px;line-height: 40px;}
.action.dropdown{text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 45px;
}
.action .dropdown-toggle{background: none;
color: #007ba5;
border: none;
display: inline-block;
font-size: 17px;
}
.action .dropdown-toggle:hover{color: #ef4b37;}
.action.open .dropdown-toggle .fa:before {
content: "\f106";
}
.action .dropdown-menu{text-align:left;right: 0;left: auto;}
.action .dropdown-menu > li > a {cursor:pointer;
display: block;
padding: 3px 12px;
font-size: 13px;
}
.action .dropdown-menu > li > a i{width: 18px;font-size: 14px;}
.enquery-desc input, .enquery-desc .form-control{
color: #333;
font-size: 13px;
margin: 0;
height: 40px;
border: none;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
padding: 0px 5px;
line-height: 40px;
overflow: hidden;
border-radius: 0;
}
.adglbitemmstdv .ui-front {z-index: 99999;}
.rightsidemenuDv { background:#fff;
box-shadow: 0px 0px 1px 0px #aaa;
border-radius: 2px;
margin-top: 1%;
}
.hlt_txt{color: #007ba5;font-size: 14px;margin: 4px 0;}
.hlt_txt span{display:inline-block;vertical-align:middle;}
.table_box{position:relative;}
.table_view{border: 1px solid #e8e8e8;padding: 5px;}
.quote_txt{
	color: #0f79bb;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;	
}
.note_box span.bg_gray{background: #ddd;    
	display: inline-block;
    padding: 0px 20px;
    margin: 1px;
    font-weight: 600;
}
.content h6{margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    font-style: italic;
}
.checklist{}
.checklist h5{margin-top: 0;color:#000;font-size: 15px;}
.checklist ul{padding-left: 22px;margin-bottom: 0;}
.checklist ul li{}
.bank_details{background: #00cf26;color:#000;padding:5px 0;}
.bank_details h5{text-align:center;margin-top: 0;color:#000;font-size: 15px;}
.bank_details h5 span{display:inline-block;border-bottom:1px solid #333;padding-bottom:2px;}
.content .bank_details p{padding:0 5px;font-weight:500;line-height: 22px;}
.bank_details p strong{display:inline-block;vertical-align:top;}
.bank_details p span{display:inline-block;vertical-align:top;padding-left:5px;}
.top_bdr{border-top:1px solid #333;margin: 3px 0;display:block;}
.br_feature_box{display: flex;
    align-items: center;margin-bottom: 5px;
}
.br_feature_box .feature_icon{width: 72px;}
.br_feature_box .feature_icon img{width: 72px;}
.br_feature_box .feature_info{width:90%;padding-left:10px;}
.br_feature_box .feature_info span{background: #08215e;color:#fff;padding: 5px 5px;
    display: block;
    font-size: 14px;
    line-height: 1;
	font-weight: 500;
}
.br_feature_box .feature_info span.branches{background: #00cf26;color:#000;font-size: 11px;font-weight: 600;box-shadow: 1px 1px 1px 0px #333;
}
.table_head{border-bottom: 1px solid #e8e8e8;background: #f0f6f9;}
.table_head .table-head {padding: 0 0px;}
.table_head .table-head span{padding: 5px 5px;font-size: 13px;
    font-weight: 600;
    color: #333;
	height: 38px;
	margin: 0;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 16px;
	border-right: 1px solid #e5e5e5;
	overflow:hidden;
}
.table_view.table_box .input_desc{padding: 4px 5px;
    min-height: auto;height: 40px;
}
.table_view.table_box .table-head:last-child .input_desc, .table_view.table_box .table-cont:last-child .input_desc{
	border-right:none;
}
.table_box .input_desc{position: relative;    
	padding: 3px 5px;
    border-right: 1px solid #eee;
    min-height: 55px;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 16px;
	overflow:hidden;
}
.table_box .input_desc.no_bdr{border-right: none;}
.table_box .input_desc label{position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    margin-bottom: 0;
    font-size: 11px;
    color: #666;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    width: 82%;
    max-width: fit-content;
    display: block;
    text-overflow: ellipsis;
    z-index: 11;
}
.table_box .input_desc .form-control{border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 36px;
    margin-top: 4px;
	padding: 5px 10px;
}
.table_box .enquery-desc strong{font-weight: 600;} 
.table_box .input_desc .errormsg {
    display: inline-block;
    position: absolute;
    left: 12px;
    background: #fff;
    bottom: 0;
    color: #ef4b37;
    z-index: 111;
}
.table_box .content{margin-bottom:0px;}
.table_box .content h5{font-size: 14px;font-weight: 600;margin-bottom:5px;}
.table_box .content p{font-size: 12px;margin-bottom:0;line-height: 1.2;}
.company_details{position:relative;}
.company_details .clogo{display:block;padding-top: 6px;}
.company_details .clogo img{width: 100%;max-width: 190px;}
.company_details .address_box{
	border-left:1px solid #eee0;
	padding-left:0px;
	margin-left: 0px;
}
.company_details h5{
	margin: 10px 0 2px;
    font-size: 14px;
    font-weight: 700;
    color: #0f79bb;
    text-transform: uppercase;
    font-family: 'Xirod', sans-serif;
}
.company_details .address_box p {
    font-size: 11px;
    line-height: 14px;
}
.address_box{margin-top: 2px;margin-bottom: 2px;}
.address_box p{
	margin-bottom:0;
	font-size: 13px;
	/*display: flex;*/
	line-height: 16px;
    padding: 3px 0px 0 3px;
}
.address_box p:nth-child(even){
	/*background: #fff;*/
}
.address_box p:nth-child(odd){
	/*background: #fcfdff;*/
}
.rt_box.address_box{padding-top: 10px;}
.rt_box.address_box p{margin-bottom:0px;}
.address_box strong{font-weight: 600;padding-right: 5px;}
.customer_details{position:relative;}
.customer_details .address_box{
	/*border:1px dashed #ddd;
	padding:5px;
	min-height: 175px;*/
	/*border:1px dashed #ddd;*/
	padding:0px;
	margin-top:0;
	min-height: auto;

}
.pd-r-0{
    padding-right: 0px;
}
.customer_details h5{margin:0 0 5px;font-size: 14px;font-weight: 600;}
.link_box{display:flex;align-items: center;padding: 5px 10px 6px;
    margin-bottom: 10px;
    list-style: none;
    background: #fafcff;
}
.link_box li{display:inline-block;vertical-align:middle;padding-right:12px;margin-right:12px;border-right:1px dashed #ccc;line-height: 1;}
.link_box li:last-child{padding-right:0px;margin-right:0px;border-right:none;}
.link_box li a{display:flex;align-items: center;color:#555;font-size:13px;cursor:pointer;font-weight: 500;}
.link_box li a span{}
.link_box li a i{padding-right:5px;color:#007ba5;font-size: 14px;}
.link_box li a:hover{color:#007ba5;}
@media print {.link_box{display:none;}}
.password_show {
    position: absolute;
    top: 32px;
    right: 19px;
    display: flex;
    align-items: center;
    z-index: 11;
}
.password_show label {
    display: inline-block;
    color: #0052cc;
    font-size: 13px;
    margin-bottom: -1px;
}
.paddingrightleft {
    padding-right: 2px;
    padding-left: 2px;
}
.paddingright {
    padding-right: 2px;
}
.paddingleft {
  padding-left: 2px;
}
.text-box-pr-5{
    padding-right: 5px;
}
.text-box-pl-5{
    padding-left: 5px;
}
.top-adv-info {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}
.top-adv-info > span {
    text-transform: uppercase;
    background: #db0909;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    padding: 10px 15px;
    border-radius: 4px;
    margin-right: 15px;
}
.top-adv-txt {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    min-height: 18px;
}
.top-adv-info a {
    cursor: pointer;
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    padding-right: 2px;
    margin-right: 2px;
    border-right: 0px solid #eee;
}
.desktop-textbox-pr-5{
	padding-right:5px;
	}
.desktop-textbox-pl-5{
	padding-left:5px;
	}
.accessories-declaration-list{}	
.accessories-declaration-list h5{
	text-align: center;
    font-size: 16px;
}	
.accessories-declaration-list ul{
	padding-left: 20px;
}
.accessories-declaration-list ul li{
	list-style-type: auto;
    padding-bottom: 5px;

}	
.car-con-bdr-b{
	    display: flex;
    padding: 10px 0px;
    align-items: end;
}
.car-con-bdr-b p{
	/*display: flex;*/
	    margin-bottom: 0;
	}
.car-con-bdr-b strong{
	/*width: auto;*/
	}
.car-con-bdr-b span{    
	border-bottom: 1px dotted #c1c1c1;
    width: 100%;
    display: inline-block;
}
.car-con-loose-main{
	display: flex;
    align-items: flex-start;
    justify-content: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    margin-bottom: 10px;
}
.car-con-loose{
	width: 16.6666%;
}
.car-con-loose p{
	font-size: 10px;
    font-weight: 600;
    margin-bottom: 0;
	}
	.doc-original-copy{
		display: flex;
	}
	.doc-original-copy ol{
	display: flex;
    width: 100%;
    padding: 0px;
	}
	.doc-original-copy ol li{
	display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
	}
	.doc-original-copy p{    
		font-size: 12px;
    margin-bottom: 0;
    padding-right: 9px;
	}
	.doc-original-copy span{
		font-size: 10px;
	}
	.input_desc_consignee_copy p{
	color: #333;
    font-size: 13px;
    margin: 0;
    height: auto;
    border-right: 1px solid #e5e5e5;
    padding: 0px 5px;
    line-height: normal;
    overflow: hidden;
	}
	.input_desc_consignee_copy .table-cont{
		padding-right: 0;
		padding-left: 0;
	}
.bg_img_box1 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%;
    margin-bottom: -32px;
    opacity: 0.1;
    z-index: 0;
}
.bg_img_box1 img {
    width: 100%;
}
.bg_img_box2 {
    max-width: 45%;
    display: block;
    margin-left: -5px;
    margin-bottom: -5px;
}
.bg_img_box2 img {
    width: 100%;
}

.stquotlogodwn{
background: #e3e1e100;
padding: 0 2%;
font-size: 14px;
font-weight: 500;
}
.quotation-cmp-details{
	display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
}
.table_view_tem_condition_cus ol li{
	line-height: 1.2;
	font-size: 11px;
} 
.table_view_tem_condition_cus div{
	line-height: 1.2;
	font-size: 11px;
}
.list-of-items-remark{
	padding: 5px;
    border: 1px solid #ddd;
    height: 90px;
    margin-top: 5px;
}
.list-of-items-remark .center-title-cus{
	text-align: center;
    color: red;
    position: relative;
}
.list-of-items-remark .center-title-cus:after{
	content: "";
	background-color: red;
	height: 1px;
	width: 100px;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
}
.list-of-items-remark .lift-available-cus{
	font-weight: bold;
    padding-top: 10px;
}