@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400..700&display=swap');
html {
    width: 100%
}
body {
    font-size: 16px;
    font-family: 'Dosis', sans-serif !important;
    font-weight: 400;
    line-height: 1.3;
    color: #707070;
	background-color:#f0f0f0;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: none;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}
a{
    color: #707070;
    outline: 0;
    text-decoration: none
}
a:hover {
    color: #ce3c45;
}
a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}
p {
    line-height: 20px
}
h1,
h2,
h3,
h4 {
    padding: 0;
    margin: 0 0 10px
}
h1 {
    font-size: 35px
}
h2 {
    font-size: 35px
}
h3 {
    font-size: 30px
}
h4{
	font-size: 25px
}
h5{
	font-size: 20px
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
button {
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    background: 0 0
}
.breadcrumb{padding:0}
.breadcrumb>li+li:before{
	padding:0;
	content:"";
}
.blanco{color:#fff !important}
.rojo{color:#ce3c45 !important}
.amarillo{color:#ffcf00 !important}
.verde{color:#a8b800 !important}
.verdeoscuro{color:#007336 !important}

.cp-alert{
	padding:5px 20px;
	font-size:20px;
	font-weight:400;
	background-color:#ce3c45;
	color:#fff;
}

.home-top-box{
	padding:40px 20px;
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,.50);
}
.home-top-box h2{font-weight:700;}
#home-buscar h1{font-size:24px;}
#home-buscar .adv{margin-bottom:10px;border:solid 2px;border-radius:10px;padding:15px;background-color:#ffcf00;text-align:center}
#home-buscar .adv span{font-size:22px;font-weight:bold}
.search-box{padding:20px;}
.homecat{

}
.homecat h2{
	font-size:22px;
	background-color: #007336;
	color: #fff;
	box-sizing: border-box;
	padding: 6px 20px;
	border-radius: 8px;
	margin-top: -40px;
	margin-left: 10px;
	position: absolute;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.tienda{padding:12px;}
.tienda .tlf{font-size:22px;color:#007336}
.tienda .direccion{font-size:18px;margin:5px 0;}
.tienda.active{background-color:#ebebeb;border-radius:10px;border: solid 2px #ffcf00;}

.home-select select{height:40px;line-height:40px;border:1px solid #e42a21;border-right:0px;padding:2px 12px;}
#search{position:relative}
#search .btn-search{position:absolute;top:0;right:15px;border-radius: 0 6px 6px 0;}

.header-lang{text-transform:uppercase}
.header-lang ul>li{display:inline-block}
.header-lang ul>li a{display:block;padding:0 10px;background-color:#f0f0f0}
.header-lang ul>li a:hover{color:white;background-color:#007336}
.header-lang .active{background-color:#007336;color:#fff}

.contenido ul,ol{padding-left: 30px;}
.contenido ul{list-style-type: disc;}
.contenido ul ul{list-style-type: circle;}

.user-error{font-size:20px}
.user-orders{margin:auto;}
.user-orders .btn{padding:5px 15px;line-height:20px;height:30px;letter-spacing:1px;}

#checkout-cart{}
.checkout-cart-item{background-color:#f0f0f0;border-bottom:solid 1px #fff}
.checkout-item-name{font-size:24px;}
.checkout-item-options{margin:2px !important;font-size:14px;font-weight:300}
.checkout-totalelement{padding:0;font-size:24px;line-height:40px;font-weight:400}
.checkout-masmenos{padding:0;font-size:20px;}
.checkout-quantity{padding:0 12px;border-top:solid 1px;border-bottom:solid 1px;font-size:24px;line-height:38px;font-weight:400;display:inline-block;background-color:#fff}
.checkout-bt{display:inline-block;padding:0 10px;line-height:40px;height:40px;border:solid 1px;}
.checkout-borrar{padding:0;font-size:24px}
.checkout-label{font-weight:300}
.checkout-total{font-size:24px}
.checkout-totales{text-align:right;font-size:18px;font-weight:700}
.user-account-form{}
.user-pin{font-size:20px;font-weight:700;}

.bt-selector a{
  margin: 2px 2px 0 0;
  background: #fff;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  transition: all .2s;
}
.bt-selector a:hover{
  color: #404040;
  background: #d0d0d0;
}
.bt-selector .selected{
  background: #ffcf00;
}

.recibo{width:100%;min-width:540px}
.recibo td{text-align:center;vertical-align:top;padding:2px 10px;}
.recibo-cab td{font-size:13px;font-weight:700}
.recibo-item td{font-size:14px}
.order{padding:15px;background-color:#f0f0f0;box-shadow:1px 1px 3px rgba(0,0,0,0.2);border-radius:4px;position:relative}
.order-totals{width:100%}
.order-totals td{padding:2px 0;text-align:right;}

#category .section-header{min-height:335px;text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
#category h1{font-size:36px}
#category h3{font-size:18px}

.prod-box{
	cursor:pointer;
	padding:2px;
}
.prod-box a{
	display:block;
}
.prod-box .prod-pic{
	position:relative;
}
.prod-box .dest-descuento{
	position:absolute;
	top:-5px;
	right:-5px;
	padding:5px;
	border-radius:3px;
	color:#fff;
	background-color:#007336;
	font-weight:bold;
}
.prod-box .dest-precio{
	position:absolute;
	top:-5px;
	left:-5px;
	padding:10px;
	border-radius:5px;
	text-align:center;
	color:#fff;
	background-color:#ce3c45;
	box-shadow:1px 1px 1px 0px rgba(0,0,0,0.4);
	transform:rotate(-3deg);
}
.prod-box .dest-precio.sinstock{
	padding:5px;
	background-color:#ffcc00;
}
.prod-box .precio{
	padding:10px;
	font-weight:bold;
	text-align:center;
}
.prod-box .prod-pic img{
	border-radius: 10%;
    /* border: solid 1px #fff; */
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
}
#product .prod-precio{
	padding:0 15px;
	font-size:32px;
	line-height:40px;
	height:40px;
	background-color:#ebebeb;
	float:left;
}
#product .checkout-masmenos{
	padding:0 5px;
	float:left;
}
#product .prod-descuento{
	max-width:200px;
	text-align:center;
	padding: 10px 20px;
	background-color:#ffcf00;
}
#product .prod-medida{
	font-size:20px;
}
#product .prod-descuento span{
	font-size:40px;
}
#product .prod-descript{
	padding:10px 0;
	font-size:18px;
}
#product .prod-precio-tachado{
	text-decoration: line-through;	
}
.cart-alert{
	padding:10px 20px;
	background-color:red;
	color:#fff;
	font-size:20px;
}
#cookies-alert{
	position:fixed;
	width:100%;
	top:0;
	z-index:1000;
	text-align:center;
	padding:10px 20px;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	cursor:pointer;
	transition: all 0.5s;
}
#cookies-alert .wrap{
	margin:auto;
}
#overlay{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	z-index:900;
	text-align:center;
	background-color:#000;
	background-color:rgba(0,0,0,0.4);
}
#cp-form{
	border-radius: 6px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.tabla-rgpd{
  margin-bottom: 10px;
}
.tabla-rgpd td {
  padding: 4px;
  border: solid 1px;
  vertical-align: top;
}
#site-footer .footer-top .top-menu ul li a:after,
#site-footer .footer-top .top-newsletter button,
#site-footer .footer-top .top-newsletter input[type=text],
#site-header .header-menu ul li a:after,
#site-header .header-nav,
.blog-horizontal .post .post-info .info-count ul li a,
.blog-search .search-btn .fa,
.blog-search input[type=text],
.data-form input,
.data-form select,
.data-form textarea,
.grid-clients .grid img,
.header-search button,
.header-search input[type=text],
.owl-theme .owl-controls .owl-buttons div,
.site-back-top:hover,
.site-nav>ul.nav-default>li>a:before,
.team-half .team-half-list .team-member,
.prod-horizontal .prod .prod-detail .detail,
.transparent,
.zoom-effect:after,
.zoom-effect:before,
a,
button.btn,
input.btn {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.clear {
    clear: both;
    margin: 0;
    padding: 0
}
.justify {
    text-align: justify
}
.center {
    text-align: center
}
.img-full {
    width: 100%
}
.v-center {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}
.site-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    background-color: #fff
}
.site-loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px
}
.site-back-top {
    display: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    bottom: 0;
    right: 30px;
    cursor: pointer;
    z-index: 999;
    font-size: 1.5em;
    color: #FFF;
    background-color: #707070
}
.site-back-top:hover {
    background-color: #000
}
.space {
    padding: 20px 0
}
.space-20 {
    padding: 10px 0
}
.progress,
.progress-bar {
    font-size: 14px;
    height: 30px;
    line-height: 30px
}
.progress-bar-yellow {
    color: #707070;
    background-color: #ff2600
}
.progress-bar-dark {
    background-color: #707070
}
ul.list-default {
    line-height: 30px
}
.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: url(../img/space.png) repeat scroll 0 0 transparent
}
.block {
    display: block
}
.float-none {
    float: none
}
.parallax {
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}
.shadow-bg {
    background-color: rgba(0, 0, 0, .2)
}
.shadow-left {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(20%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1)
}
.border-top {
    border-top: 1px solid #e1e1df
}
.title-big {
    font-size: 30px;
    font-weight: 400
}
.title-bigbig {
    font-size: 5em;
    font-weight: 700
}
.text-small {
    font-size: 14px
}
.text-space {
    letter-spacing: 2px
}
.text-light {
    font-weight: 300
}
.text-normal {
    font-weight: 400
}
.text-medium {
    font-weight: 500
}
.text-semibold {
    font-weight: 600
}
.text-bold {
    font-weight: 700
}
.text-extrabold {
    font-weight: 800
}
.text-yellow {
    color: #ff2600
}
.transparent {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}
.transparent:hover {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}
.line-top {
    padding-top: 10px;
    position: relative
}
.line-top:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -20px;
    width: 40px;
    height: 2px;
    background-color: #ff2600
}
.line-bottom {
    padding-bottom: 10px;
    position: relative
}
.line-bottom:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
    width: 40px;
    height: 2px;
    background-color: #ff2600
}
.line-bottom.left:after {
    left: 0;
    margin-left: 0
}
.btn {
    border: 0;
    padding: 0 20px;
    margin: 0;
    outline: 0;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.btn:active,
.btn:focus,
.btn:hover {
    outline: 0!important
}
.btn-default {
    background-color: #707070;
    color: #fff;
}
.btn-prod{
	font-size:25px;
	width: 100%;
	color: #fff;
	line-height:30px;
	height: auto;
	background-color: #707070;
	padding: 15px 20px;
	letter-spacing: 0px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.btn-prod:hover{
	color:#ffcf00;
}
.btn-info{
	background-color: #ffcf00;
    color:#404040;
}
.btn-info:hover{
	background-color: #f0f0f0;
    color:#404040;
}
.btn-dark {
    color: #FFF;
    background-color: #707070;
}
.btn-dark:hover {
    color: #FFF;
    background-color: #505050
}
.btn-border {
    color: #ff2600;
    border: 1px solid #ff2600;
    background-color: transparent
}
.btn-border:hover {
    background-color: #ff2600
}
.button-group .btn {
    margin:2px 5px
}
.button-group.mini .btn {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px
}
.padding-all {
    padding: 40px
}
.padding-all-1 {
    padding: 1px
}
.padding-all-10 {
    padding: 10px
}
.padding-all-20 {
    padding: 20px
}
.padding-none {
    padding: 0;
}
.padding-none-top {
    padding-top: 0
}
.padding-none-bottom {
    padding-bottom: 0
}
.padding-none-right {
    padding-right: 0
}
.padding-none-left {
    padding-left: 0
}
.padding-right-40 {
    padding-right: 40px
}
.padding-left-40 {
    padding-left: 40px
}
.padding-v15 {
    padding-top: 15px;
    padding-bottom: 15px
}
.padding-v20 {
    padding-top: 20px;
    padding-bottom: 20px
}
.margin-none {
    margin: 0
}
.margin-top-10 {
    margin-top: 10px
}
.margin-top-20 {
    margin-top: 20px
}
.margin-bottom-10 {
    margin-bottom: 10px
}
.margin-bottom-20 {
    margin-bottom: 20px
}
.margin-v15 {
    margin-top: 15px;
    margin-bottom: 15px
}
.margin-v20 {
    margin-top: 20px;
    margin-bottom: 20px
}
.margin-auto {
    margin: 0 auto
}
.nav-default li {
    float: left
}
.nav-default li a {
    display: inline-block
}
.nav-locator li a {
	height:40px;
	line-height:40px;
	padding:0 10px;
	border-right: #f0f0f0 solid 1px;	
}
.nav-locator li:first-child{
	border-left: #f0f0f0 solid 1px;
}
.nav-locator li a:hover{
	background-color: #f0f0f0;
}
.nav-pager li {
    margin-right: 5px
}
.nav-pager li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #FFF
}
.nav-pager li a:hover {
    background-color: #e1e1e1
}
.nav-pager li.active a {
    background-color: #ff2600
}
.box-white {
    background-color: #fff;
}
.box-grey {
    background-color: #ebebeb
}
.box-grey .owl-theme .owl-controls .owl-buttons div {
    background-color: #fff
}
.box-green{
	background-color: #a8b800;
	border:solid 2px #a8b800;
	color:#fff;
	border-radius:12px;
}
.box-green:hover{
	border:solid 2px #ffcf00;
}
.box-green a{
	color:#fff;
}
.box-green a:hover{
	color:#fff;
}
.box-red{
	background-color: #ce3c45;
	border:solid 2px #ce3c45;
	color:#fff;
	border-radius:12px;
}
.box-red:hover{
	border:solid 2px #ffcf00;
}
.box-red a{
	color:#fff;
}
.box-red a:hover{
	color:#fff;
}
.box-dark {
    color: #FFF;
    background-color: #707070
}
.box-dark-light {
    color: #FFF;
    background-color: #636363
}
.box-dark .owl-theme .owl-controls .owl-buttons div,
.box-dark-light .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    background-color: #151515
}
.box-dark .owl-theme .owl-controls .owl-buttons div:hover,
.box-dark-light .owl-theme .owl-controls .owl-buttons div:hover {
    color: #707070
}
.box-dark .owl-theme .owl-controls .owl-page span,
.box-dark-light .owl-theme .owl-controls .owl-page span {
    background-color: #151515
}
.box-yellow {
    background-color: #ffcf00
}
.box-yellow .owl-theme .owl-controls .owl-buttons div:hover {
    color: #FFF;
    background-color: #707070
}
.box-yellow .owl-theme .owl-controls .owl-page span {
    background-color: #FFF
}
.zoom-effect {
    display: block;
    position: relative
}
.zoom-effect:before {
    content: '';
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5)
}
.zoom-effect:after {
    opacity: 0;
    font-family: FontAwesome;
    content: "\f002";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFF;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.zoom-effect:hover:after,
.zoom-effect:hover:before {
    opacity: 1
}
.hover-effect {
    position: relative
}
.hover-effect figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8)
}
.hover-effect figcaption .caption-buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}
.hover-effect figcaption .caption-buttons a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin: 0 5px;
    color: #FFF;
    border: 1px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}
.hover-effect figcaption .caption-buttons a:hover {
    border-color: #ff2600;
    color: #ff2600
}
.social-icons li {
    margin-left: 10px;
    width: 30px;
    height: 30px
}
.social-icons li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    background-color: #FFF
}
.social-icons li a:hover {
    color: #FFF
}
.social-icons li a.facebook:hover {
    background-color: #204385
}
.social-icons li a.twitter:hover {
    background-color: #2aa9e0
}
.social-icons li a.google:hover {
    background-color: #d3492c
}
.social-icons li a.linkedin:hover {
    background-color: #02669a
}
.social-icons li:first-child {
    margin-left: 0
}
.social-icons.social-grey li a {
    background-color: #f3f3f2
}
.social-icons.inline {
    display: inline-block
}
.address-list li {
	font-size:18px;
    line-height: 20px;
    margin-bottom: 10px
}
.address-list li .fa {
    width: 20px;
    text-align: center;
    margin-right: 5px
}
.address-list.nav-default li {
    margin-right: 15px;
    margin-bottom: 0
}
.address-list.nav-default li:last-child {
    margin-right: 0;
    margin-bottom: 0
}
.tags-cloud li {
    margin: 0 5px 5px 0
}
.tags-cloud li a {
    font-size: 14px;
    padding: 5px 10px;
    background-color: #f3f3f2
}
.tags-cloud li a:hover {
    background-color: #007336;
    color: #fff;
}
.tags-cloud.tags-white li a {
    background-color: #fff
}
.tags-cloud.tags-white li a:hover {
    background-color: #007336;
}
.data-form label {
	margin:5px 0 3px 2px;
    display: block;
    text-align: left;
}
.data-form input[type=date],
.data-form input[type=email],
.data-form input[type=number],
.data-form input[type=password],
.data-form input[type=tel],
.data-form input[type=text],
.data-form input[type=url],
.data-form select,
.data-form textarea {
    font-size: 16px;
    width: 100%;
    padding: 5px;
    margin: 2px;
    outline: 2px;
    border: 1px solid #e1e1df
}
.data-form input[type=date],
.data-form input[type=email],
.data-form input[type=number],
.data-form input[type=password],
.data-form input[type=tel],
.data-form input[type=text],
.data-form input[type=url],
.data-form select {
    height: 40px
}
.data-form select {
    height: 40px;
    line-height: 40px
}
.data-form textarea {
    resize: none
}
.data-form input[type=date]:focus,
.data-form input[type=date]:hover,
.data-form input[type=email]:focus,
.data-form input[type=email]:hover,
.data-form input[type=number]:focus,
.data-form input[type=number]:hover,
.data-form input[type=password]:focus,
.data-form input[type=password]:hover,
.data-form input[type=tel]:focus,
.data-form input[type=tel]:hover,
.data-form input[type=text]:focus,
.data-form input[type=text]:hover,
.data-form input[type=url]:focus,
.data-form input[type=url]:hover,
.data-form select:focus,
.data-form select:hover,
.data-form textarea:focus,
.data-form textarea:hover {
    border-color: #ffab00;
    background-color: #f0f0f0;
}
.data-form .row {
    margin-bottom: 15px
}
.data-form .row:last-child {
    margin-bottom: 0
}
.data-form .form-field {
    position: relative
}
.data-form .form-field .fa {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #bebebe
}
.data-form .form-field input[type=date],
.data-form .form-field input[type=email],
.data-form .form-field input[type=number],
.data-form .form-field input[type=password],
.data-form .form-field input[type=tel],
.data-form .form-field input[type=text],
.data-form .form-field input[type=url],
.data-form .form-field select,
.data-form .form-field textarea {
    padding-left: 34px
}
.col-half .owl-theme .owl-controls .owl-buttons {
    top: -40px;
    right: 0
}
.col-half .owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px
}
.col-half .owl-theme .owl-controls .owl-buttons div:before {
    width: 30px;
    height: 30px;
    line-height: 30px
}
.col-half .grid-clients .owl-wrapper-outer,
.col-half .testimonials-horizontal .owl-wrapper-outer {
    min-height: 200px
}
.section-header {
    margin-bottom: 40px;
    position: relative;
}	
.section-header h1,
.section-header h2 {
    text-transform: uppercase;
    font-weight: 400;
}
.section-header .text-yellow:hover {
    color: #ff2600
}
.section-header .btn.v-center {
    right: 0
}
.section-header.inline {
    margin-top: 20px;
    margin-bottom: 0
}
.section-header.inline h3 {
    margin-bottom: 0
}
.section-header.banner {
    margin: 0
}
.section-header.banner h3 {
    margin-bottom: 0
}
.counter-list .countTo {
    font-size: 48px
}
.counter-list .line-top {
    font-size: 18px
}
.grid-list .row {
    margin-right: -3px
}
.grid-list .grid {
    border: 1px solid #e1e1df;
    margin-top: -1px;
    margin-left: -1px;
    padding: 30px;
    text-align: center
}
.grid-list .grid p {
    margin-bottom: 0
}
.grid-list .grid .fa {
    margin-bottom: 20px
}
.grid-list.grid-vertical .grid {
    text-align: left
}
.grid-list.grid-vertical .grid .line-bottom:after {
    left: 0;
    margin-left: 0
}
.grid-list.grid-vertical.with-icons .grid {
    position: relative;
    padding-left: 140px
}
.grid-list.grid-vertical.with-icons .grid .fa {
    position: absolute;
    width: 120px;
    height: 100%;
    background-color: #FFF;
    border-right: 1px solid #e1e1df;
    margin: 0;
    top: 0;
    left: 0
}
.grid-list.grid-vertical.with-icons .grid .fa:before {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}
.grid-list.grid-trans .grid {
    border-color: #363636;
    background-color: rgba(0, 0, 0, .5)
}
.grid-list.grid-dark .grid {
    border-color: #515151
}
.grid-list.grid-none .grid {
    border: 0
}
.grid-list.grid-clients .row {
    margin-left: 1px;
    margin-right: -1px;
    margin-top: 1px
}
.grid-list.grid-clients .grid {
    padding: 20px 15px
}
.grid-list.grid-clients .grid img {
    -ms-filter: "alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}
.grid-list.grid-clients .grid:hover img {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}
.grid-list#owl-clients-big .grid {
    margin-top: inherit;
    margin-left: inherit;
    border-left: 0;
    border-bottom: 0;
    border-top: 0
}
.grid-list#owl-clients-big .owl-wrapper-outer {
    border: 1px solid #e1e1df
}
.grid-list.grid-dark#owl-clients-big .owl-wrapper-outer {
    border: 1px solid #515151
}
.testimonials-horizontal .item-image {
    display: inline-block;
    width: 90px;
    height: 90px;
    border: 4px solid #FFF
}
.testimonials-horizontal .item-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}
.testimonials-horizontal .item-comment {
    margin: 10px 0
}
.prod-horizontal .prod .prod-detail {
    position: relative;
    padding: 5px 10px;
	background-color: #f0f0f0;
	text-align:center;
}
.prod-horizontal .prod .prod-detail .detail {
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 100%;
    left: 0;
    text-align: center;
    background-color: #fff;
    overflow: hidden
}
.prod-horizontal .prod .prod-detail .detail p{
	line-height:30px;
	font-size:25px;
	font-weight:700;
}
.prod-horizontal .prod:hover .prod-detail .detail {
    height: 30px
}
.prod-horizontal .owl-controls .owl-buttons {
    right: 15px
}
.blog-horizontal .post,
.prod-horizontal.owl-carousel .prod {
    padding: 0 5px
}
.blog-horizontal .post .post-photo,
.blog-horizontal .post .post-photo img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    overflow: hidden
}
.blog-horizontal .post .post-photo figcaption {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}
.blog-horizontal .post .post-media iframe {
    width: 100%;
    border: 0;
    overflow: hidden
}
.blog-horizontal .post .post-gallery .owl-pagination {
    margin-top: 0;
    padding-top: 15px;
    background-color: #FFF
}
.blog-horizontal .post .post-desc h3 {
    margin-top: 10px;
    font-size: 18px
}
.blog-horizontal .post .post-desc h3 a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.blog-horizontal .post .post-info {
    font-size: 12px;
    font-weight: 700
}
.blog-horizontal .post .post-info .fa {
    margin-right: 10px
}
.blog-horizontal .post .post-info .info-date {
    line-height: 30px
}
.blog-horizontal .post .post-info .info-count ul li {
    margin-left: 10px
}
.blog-horizontal .post .post-info .info-count ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f3f3f2
}
.blog-horizontal .post .post-info .info-count ul li a:hover {
    background-color: #ff2600
}
.blog-horizontal .owl-controls .owl-buttons {
    right: 15px
}
.blog-horizontal.blog-list .post {
    margin-bottom: 30px
}
.blog-horizontal.blog-list .post .post-photo,
.blog-horizontal.blog-list .post .post-photo figcaption,
.blog-horizontal.blog-list .post .post-photo img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.blog-horizontal.blog-list .post .post-desc,
.blog-horizontal.blog-list .post .post-info {
    background-color: #FFF;
    padding: 15px
}
.blog-horizontal.blog-list .post .post-desc h3,
.blog-horizontal.blog-list .post .post-desc p {
    margin: 0
}
.blog-horizontal.blog-list .post .post-desc h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}
.blog-horizontal.blog-list .post .post-desc h3 a {
    white-space: inherit;
    text-overflow: inherit;
    overflow: inherit
}
.blog-horizontal.blog-list .post .post-info {
    border-top: 1px solid #e1e1e1
}
.team-half .team-half-detail>div {
    display: none
}
.team-half .team-half-detail>.active {
    display: block
}
.team-half .team-half-detail .team-header .team-photo {
    width: 90px;
    margin-right: 20px;
    border: 4px solid #fff
}
.team-half .team-half-detail .team-header .team-name h4 {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 500
}
.team-half .team-half-detail .team-desc {
    margin: 20px 0
}
.team-half .team-half-list .team-member {
    margin-bottom: 30px;
    border: 4px solid #FFF
}
.team-half .team-half-list .team-member.active {
    border-color: #ff2600
}
.team-half .team-half-list .team-member .zoom-effect:after {
    display: none
}
.price-table .table-item {
    text-align: center
}
.price-table .table-item .table-header {
    color: #fff;
    background-color: #707070;
    border-left: 1px solid #111
}
.price-table .table-item .table-header .header-price,
.price-table .table-item .table-header .header-title {
    padding: 10px 20px
}
.price-table .table-item .table-header .header-title {
    font-size: 24px;
    font-weight: 800;
    background-color: rgba(0, 0, 0, .3)
}
.price-table .table-item .table-header .header-price {
    font-size: 30px;
    font-weight: 800;
    color: #ff2600
}
.price-table .table-item .table-header .header-price p,
.price-table .table-item .table-header .header-price small {
    font-size: 18px;
    font-weight: 600;
    color: #999
}
.price-table .table-item .table-content {
    color: #707070;
    border-left: 1px solid #e1e1e1;
    background-color: #f3f3f2
}

    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #e1e1e1
}
.price-table .table-item .table-content ul li:last-child {
    border-bottom: none
}
.price-table .table-item .table-content ul li:nth-child(even) {
    background-color: #FFF
}
.price-table .table-item .table-footer {
    border: 1px solid #e1e1e1;
    border-right: 0;
    padding: 20px;
    background-color: #FFF
}
.price-table .table-item.active {
    position: relative;
    z-index: 2;
    top: -10px;
    -webkit-box-shadow: 0 0 20px rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 0 20px rgba(50, 50, 50, .3);
    box-shadow: 0 0 20px rgba(50, 50, 50, .3)
}
.price-table .table-item.active .table-header {
    background-color: #ff2600;
    border-color: transparent
}
.price-table .table-item.active .table-header .header-title {
    background-color: rgba(0, 0, 0, .1);
    padding-top: 15px;
    padding-bottom: 15px
}
.price-table .table-item.active .table-header,
.price-table .table-item.active .table-header .header-price,
.price-table .table-item.active .table-header .header-price p,
.price-table .table-item.active .table-header .header-price small {
    color: #333
}
.price-table>div:last-child .table-item .table-header {
    border-right: 1px solid #000
}
.price-table>div:last-child .table-item .table-content,
.price-table>div:last-child .table-item .table-footer {
    border-right: 1px solid #e1e1e1
}
.blog-archive h4,
.blog-category h4,
.blog-recents h4,
.blog-search h4,
.blog-tags h4 {
    font-weight: 700;
    margin-bottom: 20px
}
.blog-category,
.blog-recents,
.blog-search,
.blog-tags {
    margin-bottom: 40px
}
.blog-archive ul li,
.blog-category ul li,
.blog-recents ul li {
    margin-bottom: 10px
}
.blog-archive ul li:last-child,
.blog-category ul li:last-child,
.blog-recents ul li:last-child {
    margin-bottom: 0
}
.blog-archive ul li a,
.blog-recents ul li a {
    color: #666
}
.blog-archive ul li a:hover,
.blog-recents ul li a:hover {
    color: #707070
}
.blog-search form {
    position: relative
}
.blog-search input[type=text] {
    width: 100%;
    height: 36px;
    padding: 10px 36px 10px 10px;
    border: 1px solid #e1e1df;
    outline: 0;
    font-size: 14px
}
.blog-search input[type=text]:focus,
.blog-search input[type=text]:hover {
    border-color: #ff2600
}
.blog-search .search-btn {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0;
    border: 0;
    outline: 0;
    color: #666;
    background: 0 0
}
.blog-search .search-btn:hover .fa {
    color: #707070
}
.blog-category ul li a {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px
}
.blog-recents ul li a {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1
}
.blog-recents ul li a span {
    display: block;
    font-size: 12px;
    margin-top: 10px;
    color: #999
}
.blog-recents ul li a span .fa {
    margin-right: 10px
}
.blog-recents ul li:last-child a {
    padding-bottom: 0;
    border-bottom: 0
}
.blog-archive ul li a {
    display: block
}
.blog-archive ul li a:hover {
    color: #181819
}
.post-detail .post-media.type-parallax {
    padding: 0
}
.post-detail .post-comments .comment-list {
    margin-bottom: 20px
}
.post-detail .post-comments .comment-list .comment {
    position: relative;
    padding-left: 90px
}
.post-detail .post-comments .comment-list .comment .comment-avatar {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0
}
.post-detail .post-comments .comment-list .comment .comment-info {
    padding: 15px;
    margin-bottom: 20px;
    background-color: #f3f3f2;
    position: relative
}
.post-detail .post-comments .comment-list .comment .comment-info:before {
    position: absolute;
    display: inline-block;
    content: '';
    top: 18px;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #f3f3f2;
    border-bottom: 15px solid transparent
}
.post-detail .post-comments .comment-list .comment .comment-info .comment-date,
.post-detail .post-comments .comment-list .comment .comment-info .comment-message {
    margin-bottom: 10px
}
.post-detail .post-comments .comment-list .comment .comment-info .comment-date {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #999
}
.post-detail .post-comments .comment-list .comment .comment-info .comment-reply .btn {
    font-size: 12px;
    height: 30px;
    line-height: 30px
}
.post-detail.row .post-tags {
    margin-bottom: 30px
}
.post-detail.row .post-comments .comment-list .comment .comment-info .comment-message {
    font-size: 14px
}
.site-nav {
    display: none;
    width: 260px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -250px;
    z-index: 100;
    padding-top: 30px;
    background-color: #202020
}
.site-nav ul.nav-default {
    margin-bottom: 30px
}
.site-nav ul.nav-default li {
    float: none
}
.site-nav ul.nav-default li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    font-weight: 300;
    color: #FFF;
    padding: 0 20px;
    position: relative
}
.site-nav ul.nav-default li.active>a,
.site-nav ul.nav-default li:hover>a {
    color: #a8b800
}
.site-nav ul.nav-default li ul {
    display: none;
    padding: 15px 0;
    background-color: #141313
}
.site-nav ul.nav-default li ul a{
	font-size:18px
}
.site-nav>ul.nav-default>li>a:before {
    display: inline-block;
    content: " ";
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    background-color: #a8b800
}
.site-nav>ul.nav-default>li:hover>a:before,
.site-nav>ul.nav-default>li>a.opened:before {
    width: 10px
}
.site-nav .header-search,
.site-nav ul.address-list,
.site-nav ul.social-icons {
    border-top: 1px solid #141313;
    padding: 15px
}
.site-nav .header-search {
    display: block
}
.site-nav .header-search input[type=text] {
    width: 100%;
    background-color: #0c0c0c
}
.site-nav ul.address-list li,
.site-nav ul.address-list li a {
    font-size: 14px;
    color: #fff
}
.site-nav ul.address-list li {
    margin: 0
}
.site-nav ul.address-list li:hover a {
    color: #ff2600
}
.site-nav ul.social-icons li {
    float: left
}
.site-nav ul.social-icons li a {
    display: inline-block;
    background-color: transparent;
    color: #FFF;
}
.site-nav ul.social-icons li a:hover {
    border-color: transparent
}
.header-search {
    font-size: 11px;
    display: inline-block
}
.header-search form {
    position: relative
}
.header-search input[type=text] {
    width: 180px;
    height: 28px;
    line-height: 18px;
    margin: 0;
    outline: 0;
    padding: 5px 40px 5px 15px;
    border: none;
    color: #FFF;
    background: #1a1919;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-box-shadow: 1px 1px 0 0 rgba(57, 56, 56, .4);
    -moz-box-shadow: 1px 1px 0 0 rgba(57, 56, 56, .4);
    box-shadow: 1px 1px 0 0 rgba(57, 56, 56, .4)
}
.header-search input[type=text]:active,
.header-search input[type=text]:focus,
.header-search input[type=text]:hover,
.header-search:hover input[type=text] {
    border-color: #000;
    background-color: #000
}
.header-search button {
    width: 40px;
    height: 28px;
    color: #999;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
}
.header-search:hover button {
    color: #fff
}
#site-container.site-sticky #site-header.fixed {
    position: fixed
}
#site-header {
    width: 100%;
	background-color: #fff;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}
#site-header .header-top{
	width:100%;
}
#site-header .header-top .wrap{
	margin:auto;
	text-align: right;
	max-width:1170px;
}
#site-header .header-top a{
	display: inline-block;
	padding: 5px;
}
#site-header .header-inner{
    background-color:#fff;
    height: 77px; 
}
#site-header .header-claim{
	padding-top:5px;
	font-size: 18px;
	font-weight:bold;
	color:#000;
 	padding-right: 12px;
 	text-align:right;	
}
#site-header .header-phone{
    padding-right:10px;
    font-size:28px;
    letter-spacing:-1px;
    line-height:28px;
    font-weight:700;
    color:#ce3c45;
    text-align:right;
}
#site-header .header-email{
	margin-top: -1px;
	font-size: 16px;
	font-weight: 300;
 	padding-right: 12px;
	color:#036a2d;
 	text-align:right;
}
#site-header .header-email a{
	color: #007336;
}
#site-header .header-email a:hover{
	color: #a8b800;
}
#site-header .header-logo{
    width:250px;
    float:left;
}
#site-header .header-lang{
    padding-top: 4px;
    padding-right: 10px;
    text-align:right;
}
#site-header .header-search {
    position: absolute;
    top: -38px;
    right: 40px
}
.nav-icons{
	float:left;
}
.nav-icons a{
	display:inline-block;
	font-size:22px;
	line-height:34px;
	padding:5px 6px;
	color:#fff;
}
.nav-icons a:hover{
	background-color:#404040;
}
#cart-num{
	position:absolute;
	top:-2px;
	left:20px;
	z-index:200;
	background-color:#ce3c45;
	font-weight:700;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:30px;
	width:30px;
	height:30px;
	border-radius:50%;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25);
	transition: all 0.5s;
	transition-timing-function:cubic-bezier(0, 0, 0, 1);
	text-rendering: optimizeSpeed;
}
#cart-num.little{
	line-height:20px;
	width:20px;
	height:20px;
	font-size:16px;
}
#site-header .header-menu{
	display: inline-block;
    margin: auto;
    float: right;
}
#site-header .header-nav {
    display: none;
    padding: 6px;
	font-size: 25px;
    overflow: hidden;
    text-align: right;
    color: #fff;
    cursor: pointer;
    float:right;
}
#site-header .header-nav-band{
    background-color:#007336;
    height:44px;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
}
#site-header .topfixed{
	width:100%;
	position:fixed;
	top:0;
	z-index:1000
}
#site-header .wrapper{
	padding-top:0px;	
}
#site-header .header-nav.active {
    color: #a8b800;
}
#site-slider .slide-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(20%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1)
}
#site-slider .slide-caption h2 {
    font-size: 48px;
    font-weight: 700;
    color: #FFF;
    margin: 20px 0
}
#site-slider .slide-caption h3 {
    color: #999;
    margin-bottom: 40px
}
#site-slider .slide-caption h5 {
    font-weight: 500;
    color: #ff2600;
    margin-top: 0
}
#site-slider .slide-caption h5:after {
    left: 0;
    width: 20px;
    margin-left: 0
}
#site-slider .slide-caption .v-center {
    width: 100%
}
#site-footer{

}
#site-footer .wrapper {
    padding: 0 40px;
}
#site-footer .footer-top {
    padding: 40px 0
}
#site-footer .footer-top .top-logo {
    margin: -40px 20px 0 0;
    float: left
}
#site-footer .footer-top .top-menu {
    margin-bottom: 30px
}
#site-footer .footer-top .top-menu ul li {
    margin-left: 10px
}
#site-footer .footer-top .top-menu ul li a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
    position: relative
}
#site-footer .footer-top .top-menu ul li a:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #707070
}
#site-footer .footer-top .top-menu ul li:hover a:after {
    width: 50%
}
#site-footer .footer-top .top-menu ul li:first-child {
    margin-left: 0
}
#site-footer .footer-top .top-newsletter {
    position: relative
}
#site-footer .footer-top .top-newsletter button,
#site-footer .footer-top .top-newsletter input[type=text] {
    display: inline-block;
    height: 40px;
    font-size: 13px;
    border: 1px solid silver;
    background-color: #cacaca
}
#site-footer .footer-top .top-newsletter button {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0
}
#site-footer .footer-top .top-newsletter input[type=text] {
    width: 240px;
    padding: 10px 50px 10px 10px;
    -webkit-box-shadow: 1px 1px 0 0 rgba(218, 218, 218, 1);
    -moz-box-shadow: 1px 1px 0 0 rgba(218, 218, 218, 1);
    box-shadow: 1px 1px 0 0 rgba(218, 218, 218, 1)
}
#site-footer .footer-top .top-newsletter button:focus,
#site-footer .footer-top .top-newsletter button:hover {
    outline: 0;
    background-color: #c1c1c1
}
#site-footer .footer-top .top-newsletter input[type=text]:focus,
#site-footer .footer-top .top-newsletter input[type=text]:hover {
    outline: 0;
    background-color: #e8e8e8
}
#site-footer .footer-bottom,
#site-footer .footer-middle {
    padding: 20px 0
}
#site-footer .footer-middle {

}
.twitter-typeahead{
	width:100%;
}
.typeahead, .tt-query, .tt-hint {
	border: 1px solid #fff;
	height: 40px;
	line-height: 40px;
	outline: medium none;
	padding: 8px 12px;
	width: 100%;border-radius: 8px;
}
.typeahead {
	/*background-color: #FFFFFF;*/
    background-color: #f0f0f0;
}
.typeahead:focus {
	border: 1px solid #707070;
}
.tt-query {
	border: 1px solid #f0f0f0;
    
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0 0 8px 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	padding: 8px 0;
}
.tt-suggestion {
	text-align: left;
	line-height: 24px;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #0555d1;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}