/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
	font-family:  "Mainfont", 'Arial', sans-serif;
	font-size:16px;
	line-height:1.7em;
	color:#000000;
}
@font-face {
    font-family: 'Mainfont';
    src: url('../fonts/coresansn35.eot');
    src: url('../fonts/coresansn35.eot?#iefix') format('embedded-opentype'),
    url('../fonts/coresansn35.woff') format('woff'),
    url('../fonts/coresansn35.svg#mainfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face {
        font-family: 'Mainfont';
        src: url('../fonts/coresansn35.svg#mainfont') format('svg');
        font-weight: normal;
        font-style: normal;}
}
@font-face {
    font-family: 'Boldfont';
    src: url('../fonts/coresansn65-webfont.eot');
    src: url('../fonts/coresansn65-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/coresansn65-webfont.woff') format('woff'),
    url('../fonts/coresansn65-webfont.svg#mainfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    padding-top: 150px;
}

@media (min-width: 992px) {
    body {
        padding-top: 150px;
    }
}

@media (max-width: 575px) {
.logo{width:200px}
 }

@media (min-width: 576px) {
	.navbar-nav{margin-top:65px!important}
	.navbar-toggler{margin-top:65px!important}
	.navbar-custom {
background:url('../img/linen.png') no-repeat  ;background-size:100% auto !important;
}
.ws_login_btn{top: 2px;right: 5%;position:absolute;flex-direction: row;min-width:166px}
.ws_login_btn .form-group{    margin-bottom: 0.4rem;}
}

/*.navbar-custom{background:url('../img/linen.png') ;background-size:100% auto;}
.nav-link{;color:#0c5588!important}
.navbar-toggler-icon{color:#0c5588!important}
.navbar-toggler{color:#0c5588!important}

*/




.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #0c5588!important;
}

.navbar-custom .navbar-nav > li > a {
    color: #0c5588!important;
}
.navbar-custom .navbar-text {
    color: #0c5588!important;
}

.navbar-custom .navbar-toggle {
    border-color: #AA0000;
}
.btn-custom {
    background: #0c5588;
    color: #ffffff;
	 border-radius:0;
}
.btn-custom:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #1377bd;
	color: #ffffff;
}

.btn-custom:active, .btn-primary.active {
    background: #007299;
	color: #ffffff;
    box-shadow: none;
}
/* Links*/
a {color: #0c5588;}
a:hover {color: #0c5588;}
/*
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    background-color: transparent;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #0c5588;
    background-color: #AA0000;
}



.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #AA0000;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #FFF;
}
*/
.carousel-item {
    height: 65vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}
.navbar {
     min-height: 115px;
}
/*Login*/

/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family:  "Mainfont", 'Arial', sans-serif;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;

}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], .loginmodal-container input[type=password]{
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, .loginmodal-container input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family:  "Mainfont", 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  font-family:  "Mainfont", 'Arial', sans-serif;
  border: 0px;
  color: #fff;
  background-color: #0c5588;
  padding: 17px 0px;
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}

.login_input_uid, .login_input_pwd {
  height: 44px;
  font-size: 16px;
  width: 40%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}


.btn-ws{height:25px!important;line-height:6px!important}
/*#ws-slider{width:1000px}*/
.bx-wrapper{    box-shadow:none!important;margin-bottom:10px!important;}
/*.bx-wrapper, .bx-viewport, .bx-wrapper img {max-height: 200px !important;}
*/
.bx-wrapper img {display:inline!important;margin-right: 8px;}
.bx-wrapper li {float: left;padding: 0 18px 1px 0;}
.bx-wrapper p{clear:both}
.bx-wrapper h4{text-align:center;color:#666666}
/*Footer*/
.bg-custom{background:#0c5588}
/**/

.breadcrumb {
padding:0px;
margin-bottom: 1rem;
list-style: none;
background-color: transparent}


h1{font-face:"Boldfont";color: #0b5589;font-size:30px;}
h2{font-face:"Boldfont";color: #0b5589;font-size:25px;}
h3{font-face:"Boldfont";color: #0b5589;font-size:22px;}
h4{font-face:"Boldfont";color: #0b5589;font-size:20px;}
h5{font-face:"Boldfont";color: #0b5589;font-size:18px;}
h6{font-face:"Boldfont";color: #0b5589;font-size:16px;}

.box_title_etsa{background:#0c5588;color:#ffffff}
h2.box_title_etsa {color:#fff!important;text-transform:uppercase;font-size:22px!important;text-align:left;padding-left:15px;padding-top:15px;padding-bottom:15px;margin-bottom:0px!important}
h2.box_title_etsa a{color:#fff!important;text-decoration:none}

.home_sm_pic h2 {
    opacity: 0.8;
    background: #0c5588;
    color: #fff!important;
    position: relative;
    height: 32px;
    line-height: 32px;
    top: -32px;
    padding-left: 6px;
   /* font-size: 12px;*/
	}
/* xs < 768 */
@media screen and (min-width: 576px) {
    .custom_col_icon {
        min-height: 160px;
        font-size: 8px;
    }
    
}
@media screen and (min-width: 667px) {
    .custom_col_icon {
        min-height: 150px;
        font-size: 10px;
    }
}
@media screen and (max-width: 767px) {
    .home_sm_pic h2 {
        font-size: 12px;
    }
}
/* sm */
@media screen and (min-width: 768px) {
    .home_sm_pic h2 {
        font-size: 15px;
    }
	.home_icon h2{
    font-size: 12px!important;}
}
@media screen and (min-width: 750px) {
    .custom_col_icon {
        min-height: 160px;
        font-size: 14px;
    }
}
@media screen and (min-width: 780px) {
    .custom_col_icon {
        min-height: 108px;
        font-size: 14px;
        padding-top: 10px;
    }
}
/* md */
@media screen and (min-width: 992px) {
    .home_sm_pic h2 {
        font-size: 15px;
    }
	.home_icon h2{
    font-size: 14px!important;}
}
@media screen and (min-width: 1100px) {
    .home_sm_pic h2 {
        font-size: 16px;
    }
	.home_icon h2{
    font-size: 14px!important;}
}
/* lg */
@media screen and (min-width: 1200px) {
    .home_sm_pic h2 {
        font-size: 18px;
    }
	.home_icon h2{
    font-size: 13px!important;}
    .custom_col_icon {
        min-height: 108px;
        font-size: 14px;
        padding-top: 10px;
    }
}
@media screen and (min-width: 1400px) {
    .custom_col_icon {
        min-height: 110px;
        font-size: 14px;
    }
}


.home_sm_pic h2:hover,.home_sm_pic :hover h2{opacity:1}
.full-width-image {
  background: #0c5588;
  color:#fff!important;
  margin-bottom:10px;
}
.home_icon{background:#fff; text-align:center;}
.home_icon img{}
.home_icon h2{color: #0c5588;
padding-bottom:10px;
}
.home_icon_alt{background:#f7f6f6; text-align:center;}
.full-width-image h1{color:#fff!important;padding-top:10px;  font-size: 25px!important;}
.full-width-image h2{color:#fff!important;padding-top:10px;  font-size: 22px!important;}
.full-width-image p{}
.list-group-item {border:none!important}
/* small icons*/
.regulatory_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/regulatory_sm.png')  no-repeat 0px 0px;}
.technical_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/technical_sm.png')  no-repeat 0px 0px;}
.assoc_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/assoc_sm.png')  no-repeat 0px 0px;}
.sustain_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/sustain_sm.png')  no-repeat 0px 0px;}
.hygiene_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/hygiene_sm.png')  no-repeat 0px 0px;}
.safety_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/safety_sm.png')  no-repeat 0px 0px;}
.market_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/market_sm.png')  no-repeat 0px 0px;}
.services_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/services_sm.png')  no-repeat 0px 0px;}
.flat_linen_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/flat_linen.png')  no-repeat 0px 0px;}
.wipers_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/wipers_sm.png')  no-repeat 0px 0px;}
.surgical_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/surgical_sm.png')  no-repeat 0px 0px;}
.workwear_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/workwear_sm.png')  no-repeat 0px 0px;}
.washroom_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/washroom_sm.png')  no-repeat 0px 0px;}
.cleanroom_sm{padding-left:45px;display:block;min-height:30px;background:url('../img/cleanroom_sm.png')  no-repeat 0px 0px;}
.recent_doc {padding-left:45px;min-height:30px;position:relative;}    
.recent_doc:before {
    content: "\f0f6";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:5px;
    position:absolute;
    top:-2px;
	font-size:22px;
	color:#0c5588
 }
/*Document mgt*/
.ws_highlight_open_folder{color:black}
.h2-meetings-events{background:#0c5588;color:#ffffff}
h2.h2-meetings-events {color:#fff!important;text-transform:uppercase;font-size:22px!important;text-align:left;padding-left:15px;padding-top:15px;padding-bottom:15px;margin-bottom:0px!important}
h2.h2-meetings-events a{color:#fff!important;text-decoration:none}
.h2-meetings-events-current-month{text-align:center}

.table-meetings-events {
  border-spacing: 0.5rem;
}
.table-meetings-events td {
  /*padding: 0.5rem;*/background:#e6edf3
}
.table-meetings-events td {
min-height:30px;
border: 4px solid #fff;}
.th-meetings-events{text-align:center}
.td-meetings-events{text-align:center;height:50px!important}
/*.td-meetings-events-active{background:#23a53f!important;cursor:pointer;color:#fff}   GREEN*/

.td-meetings-events-active{background:#0c5588!important;cursor:pointer;color:#fff}
.etsa_event{background:#0c5588!important;color:#fff}
.etsa_event a{color:#fff}
.ts_event{background:/*#26b03a*/#9bdca5!important;color:#000/*#fff*/}
.group_list div{padding:10px}
.meetings-events-active{display:block;color:#fff}
.custom-col-right{background:#f7f6f6!important;padding:10px}


.btn-news-read-more{
border-radius:0;
border:0px!important;
font-size: .875rem;
color:#0b5589;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #c7c7c7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#c7c7c7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#c7c7c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */
}
.btn-news-read-more:hover{
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #9d9d9d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#9d9d9d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#9d9d9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#9d9d9d',GradientType=0 ); /* IE6-9 */

}
.custom_news_date{text-transform:uppercase;font-size:14px}
.custom_news_hl{font-size:14px}

.yt-container {
	position:relative;
	padding-bottom:56.25%;
	/*padding-top:30px;*/
	height:0;
	overflow:hidden;
}

.yt-container iframe, .yt-container object, .yt-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.hidden{display:none}
.reg{/**/float:left;width:100%;padding-bottom:5px;}
.contactreg{float:left}
.reg label{width:50%;float:left;}
.reg select{font-family:Arial;font-size:15px;line-height:15px;width:50%;}
.reg input{font-family:Arial;font-size:15px;line-height:15px;width:50%;}
.reg textarea{resize: none;font-family:Arial;font-size:15px;}
.reg textarea{font-family:Arial;font-size:15px;width:100%;height:120px;}
.reg_as{float:left;}
.as_reg{float:left;width:100%;}
.as_reg label{width:50%;float:left;}
input.as_reg {font-family:Arial;font-size:15px;;line-height:15px;width:50%;}


.contactreg{float:left}
/* Error labels Styling */
div.error {
    font-weight:bold;
	font-size:16px;
	color:#ffcccc;
	padding:10px
}

p.error {
    font-weight:bold;
	font-size:10px;
	color:#ff3232;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input.error {
   background: #fcc;
   transition: ease-in-out, .35s ease-in-out;
}

select.error {
   background: #fcc url('../img/account-form-arrow-error.png') no-repeat right;
   color:#ff3232;
   transition: ease-in-out, .35s ease-in-out;
}



.custom_col_icon {
   /* min-height: 130px;*/
    background:#f7f6f6!important;
    font-size: 8px;
	}
.custom_col_icon:hover {
background:#ece7e7!important;
}
.custom_col_icon a {display:block;}
