/*
	Theme Name: Pet Care - Veterinary HTML5 Template 
	Created : 
	Updated : 
	Version: 1.0

*/

/*
	[Table of contents]

	## Global
		- Font Settings
		- Padding/Margin

	## Header
		- Top Header
			-- Social
			-- Top Menu
			-- Logo block
		- Navigation Menu
		- Social Icons

	## Footer
		- Copyright Text
		
	## Responsive
		-- min-width: 992 to max-width: 1200
		-- min-width: 768 to max-width: 991
		-- min-width: 319 to max-width: 767
		-- min-width: 991
*/

/* ## Global */
body {
	font-family: 'Oxygen', sans-serif;
	font-size: 13px;
	color: #000;
	overflow-x: hidden;
}
img {
    max-width: 100%;
	height: auto;
}
a {
    outline: 0 !important;
}

/* - Font Settings */

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light.eot');
    src: url('fonts/montserrat-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light.woff2') format('woff2'),
         url('fonts/montserrat-light.woff') format('woff'),
         url('fonts/montserrat-light.ttf') format('truetype'),
        /* url('fonts/montserrat-light.svg#montserratlight') format('svg');*/
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('fonts/montserrat-semibold.eot');
    src: url('fonts/montserrat-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-semibold.woff2') format('woff2'),
         url('fonts/montserrat-semibold.woff') format('woff'),
         url('fonts/montserrat-semibold.ttf') format('truetype'),
         /*url('fonts/montserrat-semibold.svg#montserratsemi_bold') format('svg');*/
    font-weight: normal;
    font-style: normal;

}
.section-header h3,
.banner-heading > h3,
.ow-navigation .navbar-collapse > .nav.navbar-nav > li > a,
.newsletter-section form h3,
.footer-main .widget-title,
.photo-slider .slide-content  h2,
.photo-slider .slide-content-3 h2,
.pet-images .content-box h3,
.pet-images .content-box a,
.appointment-form .btn-default,
.service-tab .nav-tabs > li > a,
.callout h3,
.why-choose-content .why-choose-hover h3,
.testimonial .item-content > h2,
.team-content h3,
.counter p,
.product-box:hover .cart,
.product-list .widget h3,
.single-product-detail .entry-summary .price,
.smart-price h2,
.entry-cover  a.read-more,
.post-content .entry-title,
.post-content .entry-title a,
.section-title > h3,
.pagination li > a,
.widget-area .widget-title > h3,
.author-content > a,
.comment-section > h3,
.leave-comment > h3,
.what-we-do-content h3,
.price-box h3,
.price-box a,
.error-section h2,
.map-address,
.contact-form .btn-submit,
.btn-sign-in,
.btn-register,
.user-login > a,
.summary_table thead th,
.shop_cart thead th,
.summary_table .product-name a,
.shop_cart .product-name a,
.summary_table .product-subtotal,
.shop_cart .product-subtotal,
.summary_table .product-price,
.shop_cart .product-price,
.payment-mode > a,
.shop_cart tfoot tr td a,
.code-box h3,
.code-box label,
.code-box input[type="submit"],
.wc-proceed-to-checkout p,
.wc-proceed-to-checkout h5 {
	font-family: 'Montserrat', sans-serif;
}



/* - Padding/Margin */
.no-padding {
	padding: 0;
}
.no-left-padding,
ul {
	padding-left: 0;
}
.no-right-padding {
	padding-right: 0;
}
.no-top-padding {
	padding-top: 0;
}
.no-bottom-padding {
	padding-bottom: 0;
}
.no-margin {
	margin: 0;
}
.no-left-margin {
	margin-left: 0;
}
.no-right-margin {
	margin-right: 0;
}
.no-top-margin {
	padding-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}

/* - Section Padding */
.section-padding {
	padding-bottom: 50px;
}

/* - Section Header */
.section-header h3 {
	margin-top: 0px;
	font-size: 20px;
	letter-spacing: 1px;
	background-image: url("images/icon/separator.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 16px;
	margin-bottom: 15px;
}
.section-header p {
	font-size: 13px;
	color: #999;
	margin-bottom: 60px;
}

.section-header h3,
.newsletter-section form h3,
.bottom-footer ul li a,
.bottom-footer p,
.subscribe-box h4,
.subscribe-box input,
.subscribe-box .input-group-btn > .btn,
.footer-main .widget-title,
.widget-links ul li,
.banner-heading > h3,
.photo-slider .slide-content  h2,
.photo-slider .btn-default,
.photo-slider .slide-content.slide-content-2  h3,
.photo-slider .slide-content-2  h2,
.photo-slider .slide-content-3 h2,
.pet-images .content-box h3,
.pet-images .content-box a,
.appointment-form .btn-default,
.service-tab .nav-tabs > li > a,
.callout h3,
.callout h4,
.callout a,
.why-choose-content > a,
.why-choose-content:hover .why-choose-hover h3,
.testimonial .item-content > h2,
.team-content h3,
.counter p,
.product-box:hover .cart,
.product-content h2,
.product-box .new,
.product-box .sold,
.product-list .widget h3,
.seller-box h4,
.widget-price-filter .price-filter > a,
.single-product-detail .entry-summary .product_title,
.qty-add .add-to-cart a,
.product-stock span,
.woocommerce-tabs .nav-tabs > li > a,
.smart-price h3,
.smart-price h2,
.offer-box h2,
.offer-box h3,
.entry-cover  a.read-more,
.post-date,
.post-content .entry-title,
.post-content .entry-title a,
.section-title > h3,
.widget-area .widget-title > h3,
.author-content > a,
.comment-section > h3,
.leave-comment > h3,
.leave-comment > input,
.price-table h5,
.price-box a,
.error-box a,
.contact-form .btn-submit,
.btn-sign-in,
.btn-register,
.user-login  span,
.user-login > a,
.summary_table thead th,
.shop_cart thead th,
.summary_table .product-name a,
.shop_cart .product-name a,
.payment-mode > a,
.order-summary .section-header a,
.shop_cart tfoot tr td a,
.code-box h3,
.code-box input[type="submit"],
.wc-proceed-to-checkout p,
.wc-proceed-to-checkout h5,
.wc-proceed-to-checkout > a {
	text-transform: uppercase;
}

.counter p,
.product-box:hover .cart,
.product-list .widget li,
.widget-price-filter .price-input,
.seller-box h4,
.entry-cover  a.read-more,
.post-date > span:first-child,
.post-content .entry-content,
.section-title p,
.post-content .post-like a,
.post-content .post-comment a ,
.post-content .post-share a,
.categories-type li,
.recent-title a,
.categories-type span,
.widget-tags a,
.media-body a,
.media-body > span,
.leave-comment > input,
.leave-comment  textarea,
.billing-address-form span,
.radio-content p,
.code-box p,
.code-box label,
.code-box select,
.wc-proceed-to-checkout label {
	font-size: 13px;
}

.photo-slider .slide-content h3,
.photo-slider .btn-default,
.photo-slider .slide-content-2 span,
.photo-slider .slide-content-2 p,
.pet-images .content-box,
.pet-images .content-box a,
.appointment-form .section-header h3,
.appointment-form .btn-default,
.service-tab .nav-tabs > li.active a, 
.service-tab .nav-tabs > li.active > a:focus, 
.service-tab .nav-tabs > li.active > a:hover,
.service-tab .nav > li > a:focus, 
.service-tab .nav > li > a:hover,
.callout h3,
.callout h4,
.callout a,
.why-choose-content:hover .why-choose-hover h3,
.why-choose-content:hover .why-choose-hover p,
.testimonial .section-header h3,
.testimonial .item-content > h2,
.counter h3,
.counter p,
.product-box:hover .cart,
.product-box .new,
.product-list .widget h3,
.widget-price-filter .price-filter > a,
.woocommerce-tabs .nav-tabs > li > a:focus, 
.woocommerce-tabs .nav-tabs > li > a:hover,
.woocommerce-tabs .nav-tabs > li.active > a, 
.woocommerce-tabs .nav-tabs > li.active > a:focus, 
.woocommerce-tabs  .nav-tabs > li.active > a:hover,
.smart-price h3,
.smart-price h2,
.offer-box,
.entry-cover  a.read-more,
.pagination > .active > a:hover,
.pagination li:hover > a,
.pagination > .active > a,
.categories-type li:hover span,
.widget-tags a:hover,
.entry-thumb-item .img-zoom,
.leave-comment > input:hover,
.price-table h5,
.price-box h3,
.team-social-icon .list-inline a:hover,
.qty-add .add-to-cart a,
.price-box h3,
.price-box a,
.price-box a:hover,
.error-box a,
.contact-form .btn-submit,
.user-login > a:hover,
.payment-mode > a,
.order-summary .section-header a,
.wc-proceed-to-checkout > a {
	color: #fff;
}

/* ## Header */
	/* - Top Header */
	.top-header {
		background-color: #f5f5f5;		
	}
	.top-header [class*="color-"] {
		height: 3px;
	}
	.top-header .color-red {
		background-color: #f44027;
	}
	.top-header .color-blue {
		background-color: blue;
	}
	.top-header .color-black {
		background-color: black;
	}
	.top-header .col-md-8 p {
		margin-bottom: 0;
		line-height: 40px;
		font-size: 13px;
	}
	.top-header .col-md-8 p,
	.top-header .col-md-8 p a {
		color: #777;
	}
	
	/* -- Social */
	.social ul {
		float: right;
	}
	.social ul li {
		float: left;
		list-style: none;
	}
	.social li a {
		width: 40px;
		height: 40px;
		float: left;
		position: relative;
		overflow: hidden;
	}
	.social li a img {
		position: absolute;
		left: 0;
		top: 0;
	}
	.social li a:hover {
		background-color: #3b5998;
	}
	.social li a:hover > img {
		bottom: 0;
		top: auto;
	}
		
	/* -- Logo block */
	.middle-header {
		padding-bottom: 28px;
		padding-top: 28px;
		background-color: #fff;
	}
	.logo-block {
		position: relative;
	}
	.logo-block a {
		display: inline-block;
		text-decoration: none;
	}
	.navbar-brand.logo-block {	
		display: none;
	}
	.middle-header .col-md-9 {
		text-align: right;
	}
	.location,
	.time-scheduled,
	.phone,
	.cart {
		position: relative;
		display: inline-block;
		text-align: left;
	}
	.cart {
		top: -10px;
	}
	.location,
	.time-scheduled,
	.phone {
		margin-right: 50px;
		padding-left: 36px;		
		margin-top: 12px;
	}
	.location > img,
	.time-scheduled > img,
	.phone > img {
		position: absolute;
		left: 0;
	}
	.location p,
	.time-scheduled p,
	.phone p {	
		color: #777;
		line-height: 13px;
		margin-bottom: 0;
	}
	.location p span,
	.time-scheduled p span,
	.phone p span	{
		display: block;
		font-weight: bold;
		color: #000;
		margin-bottom: 13px;
		line-height: 13px;
	}	
	.cart a > span { 
		height: 22px;
		width: 22px;
		background-color: #f44027;
		color: #fff;
		font-size: 12px;
		display: inline-block;
		line-height: 22px;
		text-align: center;
		border-radius: 100%;
		right: -5px;
		position: absolute;
		top: -5px;
	}
	
/* - Navigation Menu */
/* - Social Icons */

/* ## Newsletter Section */
.newsletter-section {
	background-color: #ffbe01;
	padding: 20px 0;
}
.newsletter-section form {
	padding-left: 30px;
	padding-right: 30px;
}
.newsletter-section .input-group {
	max-width: 297px;
	min-width: 297px;
	margin-right: 32px;
}
.newsletter-section form h3,
.newsletter-section .input-group,
.newsletter-section form input[type="submit"] {
	float: left;
}
.newsletter-section form h3 {
	margin: 13px 80px 13px 0;
	font-size: 18px;
}
.newsletter-section .input-group input {
	width: 100%;
	border: 1px solid #000;
	background-color: transparent;
	padding: 15px 20px;
	color: #000;
	height: auto;
	line-height: 18px;
	outline: none;
	box-shadow: none;
}
.newsletter-section form input[type="submit"] {
	background-color: #000;
	padding: 15px 32px;
	color: #fff;
	border: none;
	line-height: 16px;
}
.newsletter-section .input-group input::-webkit-input-placeholder {
   color: #000;
}

.newsletter-section .input-group input:-moz-placeholder { /* Firefox 18- */
   color: #000;
}

.newsletter-section .input-group input::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}

.newsletter-section .input-group input:-ms-input-placeholder {  
   color: #000;
}
/* ## Footer */
.footer-main {
	background-color: #111;
	padding-top: 98px;
}
.bottom-footer {
	background-color: #171717;
	padding: 30px 0;
}
.bottom-footer ul {
	margin-bottom: 0;
	list-style: none;
}
.bottom-footer ul li {
	float: left;
	padding: 0 8px;
	position: relative;
}
.bottom-footer ul li:before {
	content: "|";
	color: #fff;
	position: absolute;
	left: -4px;
	top: 0;
}
.bottom-footer ul li:first-child:before {
	content: "";
}
.bottom-footer ul li a {
	color: #fff;
	font-size: 12px;
}
.bottom-footer p {
	margin-bottom: 0;
	color: #fff;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
}
/* -- Widget */
/* -- Widget Subsribe */
.widget-subscribe .subscribe-box {
	display: inline-block;
	padding: 45px 35px;
	border: 1px solid rgba(209,209,209,0.2);
	color: #eee;
}
.subscribe-box h4 {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 30px;
	color: #fff;
}
.subscribe-box p {
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 30px;
}
.subscribe-box input {
	border: none;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
}
.subscribe-box input:focus {
	box-shadow: none;
}
.subscribe-box input,
.subscribe-box .input-group-btn > .btn {
	border-radius: 0;
	outline: none;
}
.subscribe-box .input-group-btn > .btn {
	background-color: #f7b731;
	border-color: #f7b731;
	padding-top: 11px;
	padding-bottom: 11px;
}
.widget-subscribe  ul {
	margin-top: 22px;
	list-style: none;
}
.widget-subscribe  ul li {
	float: left;
	margin: 0 10px;
}
.widget-subscribe  ul li a {
	width: 32px;
	height: 35px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.widget-subscribe  ul li a img {
	position: absolute;
}
.widget-subscribe  ul li a:hover img {
	top: -38px;
}

.footer-main .widget-title {
	font-size: 16px;
	font-weight: 600;
	margin-top: 0;
	color: #fff;
	margin-bottom: 40px;
}

/* -- Widget Links */
.footer-main .widget {
	width: 100%;
	display: inline-block;
	margin-bottom: 75px;
}
.widget-links ul li {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	color: #fff;
}
.widget-links ul li span {
	float: right;
	text-align: center;
	width: 50%;
}
.widget-links ul li:last-child { 
	margin-bottom: 0;
}
.widget-links ul li:last-child span { 
	color: #FFBE01;
}

/* -- Widget About */
.widget-about {
	color: #fff;
	font-size: 14px;
}
.widget-two {
	color: #fff;
	font-size: 14px;
}
.widget-about p {
	margin-bottom: 40px;
}
.widget-two p {
	margin-bottom: 40px;
}
.widget-about li {
	display: inline-block;
	width: 100%;
	position: relative;
	line-height: 19px;
	padding-left: 55px;
	margin-bottom: 40px;
	font-weight: bold;
}
.widget-two li {
	display: inline-block;
	width: 100%;
	position: relative;
	line-height: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.widget-about li span {
	display: block;
}
.widget-about li img {
	position: absolute;
	left: 0;
	top: 0;
}
.widget-about li:last-child  {
	margin-bottom: 0;
}
.widget-about li a {
	color: #fff;
	font-weight: normal;
}
.widget-two li a {
	color: #fff;
	font-weight: normal;
}
.accesos{
    color:white;
    padding:10px;
    font-size:14px;
}
.accesos li{
    color:white;
    padding:10px;
    font-size:14px;
}
.accesos a{
    color:white;
}


/* -- Page Banner Transportadores */
.page-banner {
    background: url("images/banners-interiores/banner_transportadores.webp");
	width: 100%;
	min-height: 240px;
	max-height: 240px;	
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 96px 0;
}
.page-banner-gravedad{
    background: url("images/banners-interiores/banner_transportadores.webp");
	width: 100%;
	min-height: 240px;
	max-height: 240px;	
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 96px 0;
}
.page-banner-motorizados{
    background: url("images/banners-interiores/banner_transportadores.webp");
	width: 100%;
	min-height: 240px;
	max-height: 240px;	
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 96px 0;
}

/* -- Page Banner Racks */
.page-banner-racks {
    background: url("images/banners-interiores/banner_racks.webp");
	width: 100%;
	min-height: 240px;
	max-height: 240px;	
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 96px 0;
}
/* -- Page Banner Granel */
.page-banner-granel {
    background: url("images/banners-interiores/banner_granel.webp");
	width: 100%;
	min-height: 240px;
	max-height: 240px;	
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 96px 0;
}
/* -- Page Banner Especial */
.page-banner-especial {
    background: url("images/banners-interiores/banner_especial.webp");
	width: 100%;
	min-height: 240px;
	max-height: 240px;	
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 96px 0;
}
.page-banner::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.8;
	display: inline-block;
}

/* - Banner Heading */
.banner-heading {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.banner-heading > h3 {
	margin-top: 0;
	color: #000;
}
.color-head > h3 {
	margin-top: 0;
	color: #fff !important;
}
/* - Breadcrumb */
.banner-heading .breadcrumb {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
}
.banner-heading .breadcrumb > li + li::before {
	content: "";
	border-right: 1px solid #999;
	color: #999;
	font-size: 10px;
	font-weight: 700;
	margin-right: 10px;
}
.banner-heading .breadcrumb li > a {
	color: #777;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 12px;
	margin-left: 10px;
}
.banner-heading .breadcrumb li:first-child > a {
	margin-left: 0;
}
.banner-heading .breadcrumb li.active{
	color: #fff;
	font-size: 12px;
}

/* ## Responsive */
		
/* -- min-width: 992 to max-width: 1200 */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	/* ## Header */	
	.location, .phone {
		margin: 0;
	}
	
	/* ## Footer */
	.newsletter-section form h3 {
		width: 100%;
	}
	.widget-subscribe ul li {
		margin: 0 7px;
	}
}

/* -- min-width: 768 to max-width: 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* ## Header */	
	.location, .phone, .time-scheduled {
		margin-right: 10px;
		font-size: 11px;
		padding-left: 34px;
	}
	
	/* ## Footer */
	.newsletter-section form h3 {
		width: 100%;
	}
	.newsletter-section .input-group {
		max-width: 39%;
		min-width: 39%;
	}
}

/* -- min-width: 319 to max-width: 767 */
@media only screen and (min-width: 319px) and (max-width: 767px) {	
	/* ## Header */
	.top-header .top-menu,
	.logo-block,
	.middle-header .col-md-9	{
		width: 100%;
		text-align: center;
	}
	.top-header .top-menu {
		padding: 0;
	}
	.top-header .top-menu ul li {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.logo-block {
		margin-bottom: 33px;
	}
	.logo-block a {
		max-width: 220px;
		display: flex;
		position: relative;
		margin:auto;
	}
	.logo-block a img {
		left: 0;
	}
	.location, .time-scheduled, .phone, .cart {
		margin-right: 20px;
	}
	
	/* ## Footer */
	.newsletter-section form h3 {
		width: 100%;
	}
	.newsletter-section .input-group {
		max-width: 100%;
		min-width: 100%;
		margin-bottom: 20px;
	}
	.bottom-footer,
	.bottom-footer p	{
		text-align: center;
	}
	.bottom-footer ul,
	.bottom-footer .col-md-7 {
		float: none !important;
	}
	.bottom-footer ul {
		margin-bottom: 10px;
	}
	.bottom-footer ul li {
		float: none;
		display: inline-block;
	} 
	.widget-subscribe ul li {
		margin-left: 8px;
		margin-right: 8px;
	}
}

/* -- min-width: 639 */
@media (max-width: 639px) {
	.logo-block {
		text-align: left;
	}
	.top-header .col-xs-6 {
		width: 100%;
	}
	.top-header .col-xs-6,
	.top-header .social ul {
		text-align: center;
	}
	.top-header .social ul {
		float: none !important;
	}
	.top-header .social ul{
		display: inline-block;
	}
	.location, .time-scheduled, .phone {
		max-width: 200px;
		min-width: 200px;
		display: block;
		margin: 0 auto 20px;
	} 
	.cart { 
		position: absolute;
		right: 15px;
		top: -80px;
	}
}
/* -- min-width: 991 */
@media (max-width: 991px) {
	
}

/* ## min-width: 1200 */
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
/*Sección ¿Quienes Somos?*/
@media (max-width: 991px) {
	.grid-3{
	    background-image:url(images/home/fondo-11.jpg);
        padding-left:30px;
        display:grid; 
        padding:0 30px;
    }
}
@media (min-width: 1200px) {
    .grid-3{
        background-image:url(images/home/fondo-11.jpg);
        padding-left:30px;
        display:grid; 
        grid-template-columns:30% 30% 30%;
        grid-gap:50px;
    }
}
/*Menu arrastrable*/
.menu-fixed-nuevo {
	position:fixed;
	z-index:1000;
	top:0;
	/*max-width:1000px;*/
	left:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}
/*Banner responsive */
@media (max-width: 600px) {
    .banner-responsive{
        font-size:20px;
        font-weight:bold;
        position: fixed;
        top:20px;
        right:10px;
    }
    .ocultar-movil{
        display:none;
    }
}
@media (min-width: 600px) {
.banner-responsive{
        font-size:70px;
        font-weight:bold;
    }
    .ocultar-pc{
        display:none;
    }
}
@media (min-width: 1200px){
    #ocultar-pc{
        display:none;
    }
    .ocultar-pc{
        display:none;
    }
}
.active-in{
    background-color: #0082cc;  
    padding: 10px;
}
.active-in a{
    color: white;   
}
}
.grid-2{
   display:grid;
   grid-template-column: 50% 50%;
   column-gap: 1rem;
   background: none;
   padding-bottom: 3rem;
}
.grid-3{
   display:grid;
   grid-template-column: 33% 33% 33%;
   column-gap: 1rem;
   background: none;
   padding-bottom: 3rem;
}
.grid-4{
   display:grid;
   grid-template-column: 25% 25% 25% 25%;
   column-gap: 1rem;
   background: none;
   padding-bottom: 3rem;
}
@media (min-width:720px){
	.header-serv{
		display:none;
	}
}
.header-serv{
	color:white;
}
.navbar-header{
    display: none;
}


/*Estilos del menu Nuevo*/
.nav-var{
    padding: 2rem;
    display: block;
    color: white;
    cursor: pointer;
    font-size: 1.5rem;
    width: 100%;
}
.menu, .submenu{
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu{
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all 0.5s;

}
.menu__link{
    display: block;
    padding: 2rem;
    color: white;
    font-size: 1.2rem;
    text-decoration: none;
    text-transform: uppercase;
}
.menu__link i{
    padding-left: 1rem;
}
.menu__link:hover{
    background-color: #0a68b1;
}
.submenu .menu__link:hover{
    background-color: #0a68b1;
}
.submenu{
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}
.submenu .menu__link{
    background-color: #1377c5;
    padding-left: 5rem;
}


@media(min-width:720px){
    .nav-var{
        display: none;
    }
    .menu{
        display: flex;
        height: 100%;
        overflow: visible;
    }
    .container-submenu{
        position: relative;
    }
    .submenu{
        position: absolute;
        top: 5.2rem;
        width: 20rem;
        overflow: visible;
        z-index: 1000;
        visibility: hidden;
    }
    .container-submenu:hover .submenu{
        opacity: 1;
        visibility: visible;
    }
    .menu__link i{
        margin-left: 1rem;
    }

}
/*INDEX*/
.search-section{
		text-align:center;
		}
	
		.search-section .browser-container{
		justify-content: center;
		display: -ms-flexbox; /* IE10 */
  		display: flex;
  		width: 100%;
  		margin-top: 15px;
  		
		}
		#icon {
  		padding: 0.6%;
  		color: #0082cc;
  		width:40px;
  		height:auto;
  		text-align: center;
  		font-size:10px;
		}

		.input-field {
  		width: 40%;
  		padding: 0.5%;
  		outline: none;
		}

		.input-field:focus {
  		border: 2px solid #0082cc;
		}
		.search-section #txtHint{
		left: 0; 
  		right: 0; 
  		margin-left: auto; 
  		margin-right: auto;
		z-index:5;
		position:absolute;
		background: #0082cc;
		width:52%;
		}
		.result-box .result{
		text-align:left;
		padding:1%;
		list-style:none;
		border-bottom: 2px solid #fff;
		}
		.result-box .result a{
		color:#fff;
		}
    		@media screen and (max-width:450px){
    		#icon{
    		padding:1%;
    		}
    		.input-field{
    		width:80%;
    		}
		}
		@media screen and (max-width:450px){
		 .banner-responsive h3{
		     font-size:12px;
		   }   
		}
/*CONTACTO*/
                    .titulo-contact{
			            margin: 5rem 0;
			        }
			        .btotn-contact{
			            margin:2rem 0;
			            font-size: 15px;
                        font-weight: bold;
                        background-color: #0082cc;
                        color:#ffffff;
                        border: none;
                        padding: 16px 35px;
                        border-radius: 0;
                        line-height: 13px;
			        }
			        .btotn-contact:hover{
			            background-color: #39b926;
			            color:white;
			        }
/*MANTENIMIENTO*/
@font-face {
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://www.simasaconveyors.com.mx/libraries/fonts/glyphicons-halflings-regular.woff2) format('woff2');
  font-display: swap;
}