/* Custom Header Size */
@media (min-width: 992px) {
	.header-size-custom .header-wrap-clone { height: calc( 50px + 1px ) }
	#header.header-size-custom + .include-header { margin-top: calc( -50px - 2px ) }
	.header-size-custom .menu-container > .menu-item > .menu-link { padding-top: 14px; padding-bottom: 14px	}
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1400px !important }
}
@media (max-width: 767px) {
  #copyrights { margin-top: 40px !important; padding-top: 20px !important }
  #social-icon-wrapper { padding-top: 20px !important }
}
@media (max-width: 992px) {
  .header-misc-icon { display: none !important }
}

/* web form spam prevention */
#email2 { display: none !important }


/* general */
.bg-color, .bg-color #header-wrap { background-color: #e8f5fd !important }
.light-gray-bg { background-color: #f6f7fb !important; }/* #f6f7fb */
.card { overflow: hidden !important }
.nipro-red { color: #ff4438 !important }
.nipro-blue { color: #064296 !important }
/* #gotoTop { bottom: 104px !important; right: 18px !important } */
.box-shadow-bottom { box-shadow: inset 0px -1px 0px 0px #C5CBE3 !important; -webkit-box-shadow:inset 0px -1px 0px 0px #C5CBE3 !important; -moz-box-shadow:inset 0px -1px 0px 0px #C5CBE3 !important }
.box-shadow-left-bottom { box-shadow: inset 1px -1px 0px 0px #C5CBE3 !important; -webkit-box-shadow:inset 1px -1px 0px 0px #C5CBE3 !important; -moz-box-shadow:inset 1px -1px 0px 0px #C5CBE3 !important }
.box-shadow-right-bottom { box-shadow: inset -1px -1px 0px 0px #C5CBE3 !important; -webkit-box-shadow:inset -1px -1px 0px 0px #C5CBE3 !important; -moz-box-shadow:inset -1px -1px 0px 0px #C5CBE3 !important }


/* slider */
.slider-caption div h2 { font-size: calc(2vw + 5px) !important; letter-spacing: 1px !important }


/* alert modal */
.alert-success h5 { font-size: .95rem !important; letter-spacing: 1px; font-weight: 500 !important; color: #074216 !important }
.alert-success { color: #0f5132 !important; background-color: #E5F1EC !important; border-color: #109031 !important; }
.alert-success .btn, .alert-failure .btn { background-color: transparent !important }
.alert-icon-success { color: #105937 !important }
.alert-failure h5 { font-size: .95rem !important; letter-spacing: 1px; font-weight: 500 !important; color: #E30D00 !important }
.alert-failure { color: #0f5132 !important; background-color: #FFE7E7 !important; border-color: #E30D00 !important; }
.alert-icon-failure { color: #E30D00 !important }


/* cards */
.card-body { z-index: 99 !important; background-color: #fff !important }
.card a img { width: auto !important; height: 100% !important; transition: all .3s ease-in-out }
.card a img:hover { transform: scale(1.05); transition: transform .3s ease-in-out }
.card-title { font-size: 1rem !important; letter-spacing: 1px !important; text-transform: uppercase !important }
/*.card-img-top { max-height: 160px !important }*/


/* border gradients */
.border-gradient { border-top: 2px solid; border-image-slice: 2; border-width: 2px }
/* .border-gradient-left-to-right { border-image-source: linear-gradient(to right, #1B60C7, #1B60C7, #CCDDF7, #E1EBFA, #E7E9F4) } */
/* .border-gradient-right-to-left { border-image-source: linear-gradient(to left, #1B60C7, #1B60C7, #CCDDF7, #E1EBFA, #E7E9F4) } */
.border-gradient-left-to-right { border-image-source: linear-gradient(to right, #1B60C7, #1B60C7, #f6f7fb, #f6f7fb) }
.border-gradient-right-to-left { border-image-source: linear-gradient(to left, #1B60C7, #1B60C7, #f6f7fb, #f6f7fb) }
.border-gradient-clinic-header { border-bottom: 2px solid #f6f7fb !important }

/* logo */
/*#logo a { height: 60px !important }*/
/*#logo img { height: 150px !important }*/
/*.header-size-sm #header-wrap #logo img { height: 60px !important }*/
/*.sticky-header-shrink #header-wrap #logo img { height: 55px !important	}*/


/* custom menu */
.menu-container > .menu-item:hover { color: #064296 !important; background-color: #eee !important }
.menu-link:hover { color: #064296 !important }
.menu-item.current > .menu-link { color: #fff !important; background-color: #1B60C7 !important } /* #064296 */
.sub-menu-container .menu-item > .menu-link { font-size: 1.1rem !important; text-transform: capitalize !important; font-weight: 400 !important }
.menu-link i:hover { color: #ff4438 !important }
.menu-link i { font-size: 1.6rem; color: #838691 !important; font-weight: normal !important }
.menu-link-active { background-color: #eee !important; color: #064296 !important }


/* fonts */
.font-roboto { font-family: 'Roboto', sans-serif !important }
.small-title-red {
  font-family: 'din-2014', sans-serif;
  font-size: .64rem;
  margin-bottom: .3125rem;
  color: #ff4438;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2.5px;
  line-height: 1.2
  }
.small-title {
  font-family: 'din-2014', sans-serif;
  font-size: .64rem;
  margin-bottom: .3125rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2.5px;
  line-height: 1.2
  }


/* form elements */
button, button a, button a:hover {
  background-color: #ff4438 !important;
  color: #fff !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px !important
  }
 .btn {
  font-size: 0.875rem !important;
  line-height: 24px !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px !important;
  }
textarea { resize: none !important }

/* footer */
#footer { background-color: #f6f7fb !important }
#copyrights { padding: 0 0 30px 0; !important }
#footer .footer-widgets-wrap{ padding: 40px 0 40px 0 !important }
.copyright-links a { text-decoration: none !important }
.widget_links li { padding-bottom: 2px !important; letter-spacing: 2px !important }
.widget > h4 { margin-bottom: 15px !important }
.widget p { font-size: 1.1rem !important; line-height: 1.5 !important; letter-spacing: 1px !important; font-weight: 600 !important }


/* dotted bg */
.dotted-bg::before {
	content: "";
	position: absolute;
	display: block;
	top: 40%; left: 35%;
	width: 110%; height: 120%;
	background-size: 12px 12px; background-position: center;
	transform: translate(-50%, -50%);
	background-image: radial-gradient(#3D80E4 14%, transparent 14%);
	-webkit-mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	z-index: 0;
}
.dotted-bg::before { background-image: radial-gradient(rgba(255, 255, 255, 0.2) 14%, transparent 14%); }
.dotted-bg.dotted-bg-dark::before { background-image: radial-gradient(rgba(4, 4, 4, 0.2) 14%, transparent 14%); }


/* css3 spinner */
#css3-spinner-svg-pulse-wrapper {
	position: absolute;
	overflow: hidden;
	width: 260px; height: 210px;
	top: 50%; left: 50%;
	margin-top: -105px; margin-left: -130px;
	background-color: transparent;
	animation: none;
	-webkit-animation: none;
}
#css3-spinner-svg-pulse { position: absolute; top: 50%; left: 50%; margin-top: -105px; margin-left: -275px }
#css3-spinner-pulse { stroke-dasharray: 281; -webkit-animation: dash 5s infinite linear forwards }


/* ----- Story-Box ----- */
.story-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.story-box .story-box-image {
	width: 60%; height: auto;
	z-index: 2;
	overflow: hidden;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.story-box .story-box-image img, .story-box .story-box-image video { display: block; height: auto; width: 100% }
.story-box .story-box-info {
	box-sizing: border-box;
	width: 50%; height: auto; min-height: 430px;
	padding: 40px; margin: 120px 0 0 -10%;
	background: #fff;
	z-index: 4;
	transition: all ease-in .3s;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.story-box.description-left .story-box-info { -ms-flex-order: -1; order: -1; margin: 35px -20% 0 0 }
.story-box .story-box-info .story-title {
	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0;
	color: #1d2c4c;
}
.story-box .story-box-info p { font-size: 1.02rem; font-weight: 500; color: #464646 }
/* ----- Story-Box Responsive ----- */
@media (max-width: 991px) {
	.story-box .story-box-image { height: auto; width: 100%; height: auto; -ms-flex-order: -1; order: -1	}
	.story-box.description-left .story-box-info { -ms-flex-order: -1; order: -1;  margin: 35px -20% 0 0	}
	.story-box.description-left .story-box-info { margin: -40px 5% 0; }
	.story-box .story-box-info { max-width: 95%; height: auto; -ms-flex-preferred-size: 90%; flex-basis: 90%; margin: -80px 5% 0 }
}
@media (max-width: 767px) {
	.story-box.description-left .story-box-info { margin: -100px 5% 0; }
	.story-box .story-box-info { padding: 35px; text-align: left; margin: -50px 5% 0 }
	.customers-count { border-right: none }
}
@media (max-width: 479px) {
	.story-box .story-box-info { width: 100%; padding: 15px; text-align: left;  margin: -50px 5% 0	}
	.story-box.description-left .story-box-info { margin: -200px 5% 0; }
}


/* ----- Block Tabs ----- */
.block-tab-1.nav-pills .nav-link { margin-bottom: 10px; border-radius: 4px; padding: 18px 0 18px 25px; margin-bottom: 20px }
.block-tab-1.nav-pills .nav-link.active, .block-tab-1.nav-pills .nav-link.active:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #F0F8FD }
.block-tab-1.nav-pills .nav-link:hover { background-color: white }
.block-tab-1.nav-pills .nav-link h4 { font-size: 15px; font-weight: 600; text-transform: uppercase; margin-bottom: 0; letter-spacing: 2px }
.block-tab-1.nav-pills .nav-link p { display: block; visibility: visible; font-size: 17px; margin-bottom: 0; color: #535353; line-height: 1.56 !important }
.block-tab-1.nav-pills .nav-link.active p { display: block; visibility: visible }
@media (max-width: 767.98px) {
  .block-tab-1.nav-pills .nav-link p { display: block; visibility: visible }
  .block-tab-1.nav-pills .nav-link, .block-tab-1.nav-pills .nav-link.active { padding: 20px; margin-bottom: 8px	}
}


/* ----- Nav Tabs ----- */
ul.tab-nav:not(.tab-nav-lg) { border-bottom: none; }
ul.tab-nav:not(.tab-nav-lg) li { float: left; border: none; height: auto; text-align: center }
.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a { border: none; }
ul.tab-nav:not(.tab-nav-lg) li a { color: #1d2c4c; height: auto; line-height: 1; background-color: transparent; font-size: 15px; font-weight: 400; padding: 0 0 18px 0 }
ul.tab-nav:not(.tab-nav-lg) li a i { display: block; font-size: 20px; margin: 0 0 17px 0 }
ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a { top: 0; }
ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a::after { content: ''; position: absolute; width: 8px; height: 8px; bottom: 0; left: 50%; margin-left: -3px; border-radius: 50%; background-color: #ff4438 }
.tab-container { margin: 30px 0 0 }


/* ----- Nav Pills ----- */
.nav-pills .nav-item .nav-link {
	position: relative;
	padding: 0.48rem 1.85rem;
	border-radius: 4px;
	opacity:  1 !important;
	font-size: 1.2rem;
	font-weight: 600;
  text-transform: none !important
}
.nav-pills .nav-item .nav-link.active::after {
    content:'';
    position: absolute;
    top: 100%; left: 0; right: 0;
    margin: 0 auto;
    width: 0; height: 0;
    border-top: solid 8px transparent;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #064296 !important }

.tab-pane .card { border-radius: 8px }
.tab-pane .card .card-header { border-radius: 8px 8px 0 0 }
@media (max-width: 767.98px) {
	.nav-pills .nav-item .nav-link {
	    width: 100%;
	    margin-bottom: 20px
	}
}


/* --- Breadcrumbs --- */>
a.breadcrumb-link { color: rgba(255,255,255,0.9) !important }
a.breadcrumb-link:hover { color: #FFFFFF !important }


/* ----- Product Page ----- */
.product-detail li { padding-left: 18px !important; list-style: none !important; background: url(/es/images/icons/chevron-right-orange.svg) no-repeat 3px 9px !important }
.productoptiontablewrapper {
  max-width: 1900px; height: auto; min-height: 100px;
  margin: 0 auto 0 auto;
  overflow: hidden
  }
.productoptiontableheader {
  height: auto; min-width: 120px;
  line-height: 30px;
  padding: 8px 5px 8px 5px;
  background-color: #FCF6E0;
  border-top: solid 1px #FAD556; border-bottom: solid 2px #FAD556;
  }
.productoptiontabletitle {
  height: auto; min-width: 120px;
  line-height: 20px;
  padding: 8px 5px 8px 5px;
  position: relative; left: 5px; float: left;
  font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold
  }
.productoptiontablerow {
  height: auto; min-width: 120px;
  line-height: 30px;
  padding: 8px 5px 8px 5px
  }
.productoptiontableitem {
  height: auto; min-width: 120px;
  line-height: 20px;
  padding: 8px 5px 8px 5px;
  position: relative; left: 5px; float: left;
  font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal
  }
.product-subcategory-title {
  background-color: white; /* #F0F8FD */
  font-size: 18px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #064296;
  border-bottom: solid 2px #1D8FD8; border-radius: 4px 4px 5px 5px;
  padding-top: 10px; padding-bottom: 10px;
}

/* Image Slider */
.slider-caption { max-width: 100% !important }

/* Product Return Box */
#product-return-wrapper { position: fixed; top: 50%; left: 0px; width: 40px; height: auto; z-index: 999 }
.product-return-box {
  display: block;
  width: 40px; height: 45px;
  padding: 0;
  margin-bottom: 2px;
  text-align: center; line-height: 45px; font-size: 20px;
  background: rgba(142,142,147,.4); color: #fff;
  border-radius: 0 3px 3px 0;
  position: relative; left: 0;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms;
}
.product-return-box:hover, .product-return-link:focus, .product-return-link:active { width: 70px; background-color: #064296; }

/* Background angle */
.bg-angle::after,
.section.bg-angle::before {
	content: '';
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: absolute;
	height: 80px;
	bottom: -80px;
	left: 0;
	transform-origin: 0;
	-webkit-transform-origin: 0;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	background-color: #44aaac;
	z-index: 1;
}
.section.bg-angle::before { top: -30px; }
.section.bg-angle::after,
.section.bg-angle::before { background-color: #FFF; }