winter-logowinter-logowinter-logo
html,
body {
    height: 100%; background-color: #3b3d40;
}

body {
    padding-top: 32px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ font-family: 'Roboto', sans-serif;
	font-size: 14px; 
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 385px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 385px;
    background-position: center;
    background-size: cover;
}

.navbar-inverse .navbar-nav>li>a

{ color: #9c9c9c; font-family:'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 600;}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus
{ color: #d92632; }
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	
	
}


.headerbanner { background: url(https://go.nvent.com/rs/760-EGW-100/images/h83613-headerbanner-comm.jpg) center center / cover no-repeat;
    width: 100%;
    margin-top: 110px; height: 269px;
}

.stepbox { background-color:#d92632; padding: 0px 0 55px 0;}

.contentbox { color: #FFFFFF; padding-top: 35px;}
.contentbox h1 { font-family:'Roboto Condensed', sans-serif; font-size:105px; letter-spacing: -4px; line-height: 140px; text-transform: uppercase; }

.contentbox p { font-size:16px; line-height: 20px;}
.contentbox p.text1 { font-family:'Roboto Condensed', sans-serif; font-size:52px; text-transform: uppercase; line-height: 55px; font-weight: 300; }

.contentbox p.text2 { font-family:'Roboto Condensed', sans-serif; font-size:29px; line-height: 35px; font-weight: 600; padding-bottom: 15px; }

.button {  margin: 0 auto; text-align: center;}

.button a {  background-color:#323944 !important; 
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px; font-weight: bold; padding: 5px 15px;
    color: #FFFFFF !important;
    display:inline-block;
    width: auto !important; border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border: 2px solid #565E6A; text-decoration: none;} 

.button a:hover {background-color:#000000 !important; border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border: 2px solid #000000;}

.button2 {  margin: 15px auto; text-align: left;}

.button2 a {  background-color:#d92632 !important; 
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px; font-weight: bold; padding: 5px 15px;
    color: #FFFFFF !important;
    display:inline-block;
    width: auto !important; border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border: 2px solid #d92632; text-decoration: none;} 

.button2 a:hover {background-color:#c4262e !important; border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border: 2px solid #c4262e;}

.blogbox { background-color:#76706b; padding: 15px 0 20px 0;}

.bloghead h3 { font-family:'Roboto Condensed', sans-serif; font-weight: bold; text-transform: uppercase;font-size:45px;  text-align: left; color: #FFFFFF; }

.bloghead h3 i { display: inline-block; background: url(https://go.nvent.com/rs/760-EGW-100/images/winter-logo.png) center 2px no-repeat; height: 42px; width: 208px;}



.bloghead p { font-family:'Roboto Condensed', sans-serif; font-weight: 300; font-size:26px;  text-align: center; color: #CCCCCC; padding-bottom: 20px;}

.pad1 { padding-top:10px; color: #ffffff; text-align: left;}

.footertext1 { background: #000000;
    color: #8b8989;
    font-size: 12px;
    padding: 15px 0; 
    font-weight: 300;
    text-align: center; 
}