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

/* ----- general classes ----------------------------------- */
input[type="text"], .bg-white { background-color: white }
input[type="file"], cfinput[type="file"] { display: none }
.nipro-blue-color { color: #005eae }
.nipro-blue-color-bg {
  background-color: #005eae;
  color: #ffffff; }
.nipro-blue-transparent-bg {
  background-color: rgba(0,94,174,0.18);
  color: #ffffff; }
 .yit-seprator-l { background-color: #c0d9f0 }
 .yit-social ul li a { color: rgba(255, 255, 255, 0.5) }
 .navlogosubtitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px; letter-spacing: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #005eae;
	position: relative; top: 28px; left: -156px;
	margin-left: 0;
  display:inline-block; }
.navbar-brand img { max-width: 100% !important }
.height-one-second-screen { height: calc(100vh - 100px) !important; margin-top: 100px }
video { height: 100% !important; width: 100% !important; object-fit: fill !important }
.blog-caption .caption-img { width: 90% !important }

@media only screen and (max-width : 767px) {
  .dropdown-menu, .dropdown-menu:hover, .dropdown-item, .dropdown-item:hover {
    background-color: #005eae !important;
    color: white !important;
    font-size: .9rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important }
}

.new-menu-badge {
  font-weight: bold !important;
  font-family: Arial, 'sans-serif';
  font-variant: small-caps !important;
  font-size: 11px !important;
  padding: 3px 5px 5px 5px !important;
  color: #fff;
  background-color: #28a745 !important;
  border-radius: 0.14rem !important;
  position: relative !important; top: -2px !important
}

/* ----- media queries ----------------------------------- */
@media only screen and (max-width : 1440px) {
 .slick-slide-img { max-height: 560px; background-size: 100% 100% !important }
}
@media only screen and (max-width : 1400px) {
 .container .yit-portfolio { padding-right: 1px !important }
}
@media only screen and (max-width : 1200px) {
 .slick-slide-img { max-height: 480px; background-size: 100% 100% !important }
}
@media only screen and (max-width : 996px) {
 .slick-slide-img { max-height: 350px; background-size: 100% 100% !important }
}
@media only screen and (max-width : 768px) {
 .navlogosubtitle { top: -25px; left: 86px; font-size: 14px }
 /* ----- slick slider ----------------------------------- */
 /* .slick-slide-img { max-height: 200px; background-size: 100% 100% !important } */
 .slick-slide-img { background-size: cover !important; background-position: 0 0 !important }
 /*.slick-slider-content { display: none !important }*/
 .navbar-brand img { max-width: 250px !important }
 .height-one-second-screen { height: 250px !important; margin-top: 100px }

 .slick-slider-content div div h2 { font-size: 2.6rem !important; position: relative !important; top: -170px !important; left: 3% !important; text-align: left !important }
 .slick-slider-content div div h6 { font-size: 1.6rem !important; position: relative !important; top: -160px !important; left: 3% !important; text-align: left !important }
 .slick-slider-content div div a { position: relative !important; top: -170px !important; left: 3% !important; text-align: left !important; max-width: 120px !important }

}


@media only screen and (max-width: 1200px ) {
.basket-wrapper { display:  none !important }
}


/* ----- slide button ----------------------------------- */
.tcenter { text-align:center!important }
.slide-button,.slide-button i { position:relative }
.slide-button {
 display:inline-block;
 cursor:pointer;
 outline:0;
 white-space:nowrap;
 margin:0px;
 padding:0 26px;
 font-size:16px;
 height:60px;
 line-height:60px;
 background-color:#c02942;
 color:#fff;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:1px;
 border:none;
 text-shadow:1px 1px 1px rgba(0,0,0,.2)
}
body:not(.device-touch) .slide-button { -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out }
.slide-button:hover, .slide-button:visited { background-color:#c02942; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.2) }
.slide-button i { top:1px; line-height:1; margin-right:0px; width:16px; text-align:center }
.slide-button.tcenter i { margin:0 0 0 5px }
.slide-button.slide-button-rounded { border-radius:3px }
.slide-button.slide-button-reveal { padding:0 28px; overflow:hidden }
.slide-button.slide-button-reveal i {
 display:block;
 position:absolute;
 top:0;
 left:-32px;
 width:32px;
 height:60px;
 line-height:60px;
 margin:0;
 text-align:center;
 background-color:rgba(0,0,0,.1)
}
.slide-button.slide-button-reveal.tcenter i { left:auto; right:-32px }
.slide-button.slide-button-reveal.slide-button-rounded i { border-radius:3px 0 0 3px }
.slide-button.slide-button-reveal.slide-button-rounded.tcenter i { border-radius:0 3px 3px 0 }
.slide-button.slide-button-reveal span { display:inline-block; position:relative; left:0 }
body:not(.device-touch) .slide-button.slide-button-reveal i,body:not(.device-touch) .slide-button.slide-button-reveal span {
 -webkit-transition:left .3s ease,right .3s ease;
 -o-transition:left .3s ease,right .3s ease;
 transition:left .3s ease,right .3s ease
}
.slide-button.slide-button-reveal:hover i { left:0 }
.slide-button.slide-button-reveal.tcenter:hover i { left:auto; right:0 }
.slide-button.slide-button-reveal:hover span { left:16px }
.slide-button.slide-button-reveal.tcenter:hover span { left:-16px }

/* ----- radius button ----------------------------------- */
.btn-radius-1 {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }
.btn-radius-2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

/* ----- product filter tab button ----------------------------------- */
 .filter-tab button { font-size: calc(13px + (15 - 14) * ((100vw - 320px) / (1600 - 320))) }

/* ----- job form button ----------------------------------- */
.jobformbutton {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  width: 100%;
  padding: 12px 22px 13px 22px;
	background-color: #005eae;
	cursor: pointer;
	border: 0; outline: 0;
  font-family: "Roboto", sans-serif;
  font-weight: normal
	}
.jobformbutton:hover, .jobformbutton:active, .jobformbutton:focus { background-color: #0075DB }

/* ----- slick slider ----------------------------------- */
.yit-slick-slider { margin-top: 100px !important }
.yit-slick-slider .slick-slide-img { height: 680px !important }

/* ----- yit-timeline ----------------------------------- */
.yit-timeline-item { background-color: #E3EDF7 !important }
.yit-timeline .yit-timeline-item.l-item:before { left:100%; border-color: #E3EDF7; border-left-color: #E3EDF7 !important }
.yit-timeline .yit-timeline-item.r-item:before { right:100%; border-color: #E3EDF7; border-right-color: #E3EDF7 !important }

/* products options --------------------------------------*/
.productoptiontablewrapper {
	width: 95%; max-width: 1900px; height: auto; min-height: 100px;
	margin: 0 auto 0 auto;
	overflow: hidden
	}
.productoptiontableheader {
	width: 100%; 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 {
	width: 15%; 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 {
	width: 100%; height: auto; min-width: 120px;
	line-height: 30px;
	padding: 8px 5px 8px 5px
	}
.productoptiontableitem {
	width: 15%; 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
	}