.t4-footnav .container { padding-top: 3rem; padding-bottom: 10rem;}
.not-at-top #t4-header.t4-palette-mainnav { background: rgba(0,66,91,0.90);}
.t4-section-1 .container, .t4-section-5 .container, .t4-section-6 .container { padding-top: 4rem; padding-bottom: 2rem;}
.t4-section-2 .container, .t4-section-3 .container { padding-top: 1rem; padding-bottom: 2rem;}
.t4-section-4 .container { padding-top: 4rem; padding-bottom: 0rem !important;}
.t4-section-4 .container li { list-style: none;}
.logo-image img { max-height:60px; width: 100%;}
body.modal-open .modal .modal-header .close { right: 2rem; font-size: 40px; color: #00909b}

@media (max-width: 991.98px) { 
	.logo-image img { padding: 4px; }
	.header-wrap .navbar-brand { position: static; margin: 0 auto;}
	.nav-breakpoint-lg .navbar-toggler {color: #FFFFFF}
	.nav-breakpoint-lg .t4-offcanvas-toggle {right: 0px;}
	.nav-breakpoint-lg .t4-megamenu { background: rgba(0,66,91); max-height: max-content;}
	.t4-megamenu.navbar-collapse .nav-item { border-bottom: 1px solid #ddd;}
	.t4-megamenu.navbar-collapse .nav-link { padding: 0.8rem 1rem !important;}
	.not-at-top .t4-slideshow .carousel.slide { padding-top: 4rem;}
	.not-at-top .t4-palette-mainnav { background: rgba(0,66,91);}
	.navbar-collapse {padding: 30px;}
	.t4-navbar.mx-auto { margin-right: 0 !important; margin-left: 0 !important;}
	.t4-offcanvas-toggle i { font-size: 24px;}
	.navbar-expand-lg i{ font-size: 24px; padding: 15px; height: 50px; width: 50px; margin: 10px;}
	.top-banner .card-img-overlay { height: 80px !important;}
}
.menfot { text-align: center; list-style: none;}
.menfot li { padding: 10px 0;}
.t4-footnav .t4-module .module-title span { display: block; height: 40px;}

@media (min-width: 992px) {
	.header-block-7 .t4-navbar { position: absolute; right: 10%;}
	.nav-breakpoint-lg .header-wrap .navbar {min-height: 60px;}
}

.slide-desc-bg-default { background: none !important;}
.header-block-7 .t4-navbar { text-transform: uppercase}
.btn.btn-outline-info:hover { color: #fff !important;}
.t4-palette-mainnav .nav > li.current a { color: #fff ; font-weight: bold}
.t4-megamenu .dropdown-menu { background: #00425b;}
/*.t4-megamenu .nav > .dropdown > .dropdown-toggle .item-caret { border-top: 4px solid #fff;}*/
.t4-megamenu .dropdown-toggle .item-caret::before { border-top: 4px solid #fff;}
a.nav-link.dropdown-toggle i { color: #fff;}

.t4-offcanvas .t4-off-canvas-header {  background-color: #00425b; color:#fff}

@media (max-width: 575.98px) {
	.t4-sticky { position: -webkit-sticky !important;position: sticky !important; top: 0 !important;}
	.testimonial-block { padding: 0 1.2rem 2rem;}
	.list-group-item { padding: 0.75rem 0.2rem;}
	.t4-masthead .container .page-title { font-size: 22px}
}

.top-banner {position: relative; padding: 0 5px;}
.inputbox {max-width: 100%; /*margin: 0 auto;*/}
.preg { padding:20px; margin-bottom:10px}
.preg-info { padding:20px; margin-bottom:10px; border: 1px solid rgba(52, 58, 64, 0.12); border-radius: 0.25rem;}
.table { color: #6c757d;}
.navbar-nav.menu-user a.nav-link { padding: 0; text-decoration: none}
.navbar-nav.menu-user { flex-direction: inherit;}
.navbar-nav.menu-user a.salir.nav-link { background: #9dc44c; color: #fff; padding: 5px; margin: 0 0 0 10px; border-radius: 5px;}
.t4-topbar { padding-top: 0.5rem; padding-bottom: 0.4rem; font-size: 14px;}
.t4-topbar a{ text-decoration: none}
.t4-topbar a:hover { color: #ccc !important }
.fas.fa-search { padding-left: 0.4rem; }
.t4-palette-blue .nav > li a, .t4-palette-blue .nav > li .nav-link { text-transform: uppercase;}
.t4-offcanvas .t4-off-canvas-body { padding: 1rem 0.5rem !important;}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
    color: #fff; padding: 0.7rem 1rem; border-bottom: 1px solid #e9ecef; text-transform:uppercase}
.t4-offcanvas-toggle i.fa-shopping-bag { font-size: 22px; }
.t4-offcanvas-toggle i.fa-shopping-bag:hover { font-size: 22px; color: #999}
.t4-offcanvas-toggle {
    width: 70px;
    background: none;
    color: #fff;
    text-align: left;
    padding: 15px; margin: 10px;
    z-index: 30;
    position: absolute;
    right: 0 !important;
}

.hikashop_cart_module.head {
    width: 60px;
    background: none;
    color: #fff;
    text-align: left;
    right: 0;top: 0;
	z-index: 29; position: relative;
	border: 0; border-radius: 0.25rem;
display: block;
float: right;
height: 52px;
line-height: 52px;
padding: 0;
transition: all 0.35s ease-in-out;
}

.hikashop_cart_module.head a { color: #fff; padding-left: 40px; font-weight: bolder;}
.btn-primary.focus, .btn-primary:focus {background-color: #00425b !important;}
.wats { position: fixed; right:10px; bottom:30px; z-index: 20}

@media (min-width: 576px) {.footer-logo img { float:right; }/*.mt-12 { width:80%}*/ }
.carousel-indicators { z-index: 3;}
.conta .t4-main-body .container {margin: 0 auto; background: #fff; border-radius: 10px; padding: 10px;}
.conta .t4-main-body .container { max-width: 600px;}

.contact #contact-form .control-label { float: none;}

#jform_contact_emailmsg.form-control, #jform_contact_message.form-control { max-width: 570px;}
.contact-form legend { font-size: inherit;}
.contact .contact-miscinfo { background-color: #fff; border-color: #fff;}

.form-control::-webkit-input-placeholder, .inputbox::-webkit-input-placeholder {
    color: #b7b7b7;
    opacity: 1; }
  .form-control:-ms-input-placeholder, .inputbox:-ms-input-placeholder {
    color: #b7b7b7;
    opacity: 1; }
  .form-control::-ms-input-placeholder, .inputbox::-ms-input-placeholder {
    color: #b7b7b7;
    opacity: 1; }
  .form-control::placeholder, .inputbox::placeholder {
    color: #b7b7b7;
    opacity: 1; }
.pago {
    display: block;
    max-width: 280px;
    margin: 0 auto;
}
.customslid { background-position: bottom; background-repeat: no-repeat; background-size: contain; text-align:center}
#back-to-top { left: 1rem !important; z-index: 20}

	.navbar .navbar-toggler {
    border-radius: 0;
    border: 0;
    color: #fff; width: 20%;
    display: block;
    height: 52px;
    line-height: 52px;
    padding: 0;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; 
}

img.iconpet { margin-top: -0.4rem !important;}
@media (min-width: 992px) {	.navbar .image-title { display: none;} }	

.w-wtext {line-height: 1.3em;}
.word1, .word2 {color:#17a2b8}
.word3, .word4 {color:#9dc44c}
.word5, .word6{color:#17a2b8}
.word9{ display: block; height: 15px}
.word1{font-size:2.3em; font-weight: bold;}
.word2{font-size:2.8em; font-weight: bold;}
.word3{font-size:2.3em; font-weight: bold;}
.word4{font-size:2.3em; font-weight: bold;}
.word5{font-size:2.8em; font-weight: bold;}

@media (max-width: 991.98px) {
	#t4-sideshow .container {padding-top: 2.5em;}
	.w-wtext { font-size:70%; line-height: 2.5em;}
	.t4-section-1 .container{ padding-top: 2rem; padding-bottom: 1rem;}
	.word9{ height: 0px}
	}

.btn-outline-info {color: #00BCD4; border-color: #9dc44c;}
.btn-outline-info:hover { color: #000; background-color: #9dc44c; border-color: #9dc44c;}
.cont { background: #eee; text-align: center}
.chzn-container { max-width: 90% !important;}
.chzn-container-single .chzn-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 8px;
    height: 35px !important;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: none !important;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px; }

@media (min-width: 992px) {
.nav-breakpoint-lg .header-block-7 .header-r {
    flex: 0 0 21.66667%;
    max-width: 21.66667%;
    padding-left: 15px;
    padding-right: 15px; position: absolute; right: 0;
}
}

.layout-header-7 .header-r { position: absolute; right: 0; top: 0;}
.layout-header-4 .header-r .navbar {padding: 0; flex-direction: row-reverse;}
.layout-header-7 .header-r .navbar-nav { flex-direction: row;}
.layout-header-7 .header-r .navbar-nav li { padding: 0 0.5rem;}
.topbar-l .navbar, .topbar-r .navbar { padding: 0rem !important; float: right;}
.hikashop_checkout_login { border: 1px solid #e9ecef; margin-bottom: 15px; padding: 10px;}

#hikashop_checkout_login_form .input-append .btn.hasTooltip {
    background-color: #e9ecef;
    border: 1px solid rgba(52, 58, 64, 0.12);
        border-left-color: rgba(52, 58, 64, 0.12);
        border-left-style: solid;
        border-left-width: 1px;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    display: block !important;
    float: left;
    height: 36px;
    line-height: 25px;
    text-align: center;
}

#hikashop_checkout_login_form span.add-on {
    /*display: block;*/ float: left;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    color: #495057;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 3px 0 0 3px;height: 36px;
}

#hikashop_checkout_login_form .control-group { width: 100%}

#hikashop_checkout_login_form .input-small {
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
    border-top: 1px solid rgba(52, 58, 64, 0.12);
    border-bottom: 1px solid rgba(52, 58, 64, 0.12);
    float: left;
    height: 36px;
    line-height: 36px;
    width: auto !important;
}
.hikashop_checkout_page .btn-group-vertical { width: 100%; flex-direction: inherit; border: 1px solid #eee;}
.hikashop_checkout_page .btn-group-vertical .btn { background: #eee; cursor: pointer; border: 1px solid #fff;}
.hikashop_checkout_page .btn-group-vertical .btn.active { background: #00909b; color: #fff;}
.hikashop_checkout_login h1 { font-size: 16px; text-align: center; border-bottom: 2px solid #e9ecef;}
.hikashop_checkout_login h2 { font-size: 22px;}
.hikashop_checkout_terms { margin-bottom: 20px;}
#hikashop_checkout_registration { margin: 10px 6px; }
.hikashop_checkout_address { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e9ecef;}
.inputbox { display: inline-block; width: auto; }
.hikabtn.hikashop_checkout_address_ok_button 
{ text-decoration: none; color: #fff; background-color: #00909b; border-color: #00909b;}
#hikashop_checkout_login_form .control-group .controls { margin-left: 0px !important;}
form:not(.form-no-margin) .control-group { margin-bottom: 5px;}

.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary { background: #00909b !important; color: #fff;}
.vex.vex-theme-default .vex-dialog-button { margin:0.3em !important; padding: 0.75em !important;}
body.modal-open .modal { background-color: transparent !important;}
.modal-content { font-size: small; padding: 15px;}
.modal-open .modal { overflow-x: hidden !important; overflow-y: auto !important; width: 100%; margin-left: -50%;}
body.modal-open .modal {width: 100%; margin-left: -50%;}

.hikashop_product_custom_item_info .table th, .hikashop_product_custom_item_info .table td {
    padding: 0.6rem 0.3rem;text-align: center;}

#login-form.form-vertical { font-size: small;}
#login-form .login-greeting, #login-form .logout-button{ display: inline-block;}
#login-form .logout-button .btn.btn-primary{ background-color: #9dc44c !important; border-color: transparent !important}
.hika_cpanel_icons .hk-icon {color: #999; font-size: 20px;}
.hika_cpanel_icons .hk-icon .hk-icon-dark { color: #666;}
.breadcrumb { text-align: center; display: block !important; padding: 0 !important; font-size: 13px; letter-spacing: 1px;}
.breadcrumb li { position: relative; display: inline-block;}
.breadcrumb .icon { margin-right: 0.1rem;}
.breadcrumb-item.active { color: #ccc;}
.t4-masthead .container { padding-top: 1rem !important; padding-bottom: 1rem !important;}
.t4-masthead .container h2.page-title {  margin-top: 0.5rem;}
.slide-home { padding-top: 30%; padding-bottom: 5%; margin: 0 auto; max-width: 700px; position: relative;}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a, .t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link { font-weight: bold;}

.slide-desc-text-default {max-width: 95%;}
.slide-desc-text-default a.readmore {  background: rgba(0,66,91,0.70); padding: 10px 15px; text-decoration: none}
.card-cate .card { margin: 15px 0; float: left;}
.card-cate .card-img-overlay { top: auto; text-align: right}
.card-cate .col-6, .card-cate .col-3 { padding: 5px; }
.card-cate a {  text-decoration: none}

@media (max-width: 991px){
.top-banner {
    max-width: 100%;
    padding: 2px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
	.alt-banner {
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.top-banner { font-size: 12px; padding: 7px; color: #5e5e5e;}
.top-banner h1 { font-size: 26px;}
.card-cate a {color: #fff; text-shadow: 1px 1px 2px #5e5e5e;}
	}

.card-title { color: #fff; text-shadow: #CCC 1px 0 10px;/*1px 1px 2px #5e5e5e;*/}

@media (min-width: 561px){
.top-banner:hover .card-img-overlay 
{ height: 60%; bottom: 10%; background: rgba(0,66,91,0.70); color: #fff; padding: 10px 20px;}
.top-banner:hover a { color: #fff;}
.top-banner:hover img {-webkit-filter: blur(3px); transition: 1s ease;}
}

.top-banner .card-img-overlay {
    position: absolute; top: auto; bottom: 5%; margin: 20px; overflow: hidden;
	height: 105px; transition: .5s ease; padding: 5px
}

.hikashop_subcategories_listing .hkc-md-4 { width: 33% }
.t4-palette-primary_copy .t4-module .module-title { text-align: center;}
.t4-section.vet { text-align: center;height: 600px;} 
.t4-section.vet div.t4-section-inner.container{ padding: 10% 0;} 
.display-4, .t4-masthead .t4-masthead-title { font-size: 1.5rem; }
.breadcrumbs { margin-bottom: 1rem;}
.t4-masthead-inner { padding: 0px ;}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item {
  padding: 0.9rem 0;
}
