html, body {
	font-family: 'Interstate-Bold';
	font-weight:400;
	font-size: 12px;
	line-height:16px;
	color: #778580;
}
body{
	padding-top:130px;
}
@font-face {
  font-family: 'Interstate-Regular';
  src: url('../fonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Interstate-Regular.woff') format('woff'), url('../fonts/Interstate-Regular.ttf')  format('truetype'), url('../fonts/Interstate-Regular.svg#Interstate-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Interstate-Bold';
  src: url('../fonts/Interstate-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Interstate-Bold.otf')  format('opentype'),
	     url('../fonts/Interstate-Bold.woff') format('woff'), url('../fonts/Interstate-Bold.ttf')  format('truetype'), url('../fonts/Interstate-Bold.svg#Interstate-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}
h1 {
	font-size:22px;
	color: #004175;
	margin: 0 0 20px;
	line-height:26px;
	font-family: 'Interstate-Bold';
	font-weight:400;
}
h2 {
	font-size: 18px;
	color: #004175;
	margin: 0 0 10px;
	line-height:20px;
	font-family: 'Interstate-Bold';
	font-weight:400;
}
h3 {
	font-size: 16px;
	color: #004175;
	margin: 0 0 10px;
	line-height: 18px;
	font-family: 'Interstate-Bold';
	font-weight:400;
}
h4 {
	font-size: 18px;
	color: #000;
	margin: 0 0 10px;
	line-height: 22px;
	font-family: 'Interstate-Bold';
	font-weight:700;
}
h5 {
	font-size:16px;
	color: #000;
	margin: 0 0 10px;
	line-height: 20px;
	font-family: 'Interstate-Bold';
	font-weight:700;
}
p{
	margin-bottom:20px;
}
h1 span{
	display:block;
	font-size:18px;
	line-height:22px;
}
img {
	max-width: 100%;
}
a, button {
	outline: none;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
}
.button-btn{
	display:inline-block;
	background:#f77728;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	padding:14px 30px;
	border-radius:6px;
}
.button-btn:hover,
.button-btn:focus{
	background:#d5611a;
	color:#fff;
}
.header {
	display:inline-block;
	padding:6px 0 0;
	width:100%;
	float:left;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background:#fff url(../images/dot.jpg) repeat-x left bottom;
}
.header.shrink{
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.25);
}
.header-fixed {
}
.logo {
	float: left;
}
.header-right {
	float: right;
	padding-top:14px;
	font-size:14px;
}
.header-right a{
	color:#000;
}

.trusted-head {
	font-size: 18px;
	color: #004175;
	margin: 0 0 10px;
	line-height:20px;
	font-family: 'Interstate-Bold';
	font-weight:400;
	text-align:left !important;
}

/* usts page css */

.trusted-head .badge-year {margin: 0 auto;display: table;}

.trust-pra {
    font-size: 15px;
    color: #778580;
	padding-left: 44px;
}

p.lsi-pad {
    padding-bottom: 19px;
}
/* Nav */
.navigation {
    display: inline-block;
    width: 100%;
	text-align:center;
	padding-top:25px;
	float:left;
}
nav {
	position: relative;
	display: inline-block;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#cssmenu:after, #cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
#cssmenu #head-mobile {
	display: none
}
#cssmenu ul {
	padding: 0;
	margin: 0;
}
#cssmenu > ul > li {
	float: left;
	margin-left:2px;
}
#cssmenu > ul > li > a {
	padding:8px 24px;
	font-size: 18px;
	text-decoration: none;
	color: #000;
}
#cssmenu > ul > li:hover > a, #cssmenu ul > li.active > a {
	color: #000;
}
#cssmenu > ul > li:hover ul li > a, #cssmenu ul li.active ul li a {
	color: #fff;
}
#cssmenu > ul > li:hover ul li:hover > a, #cssmenu ul li.active ul li:hover a {
	color: #fff;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
	-webkit-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease;
}
#cssmenu > ul > li ul li.has-sub > a {
	padding-right: 30px
}
#cssmenu > ul > li ul li.has-sub > a:after {
	position: absolute;
	top: 22px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #fff;
	content: ''
}
#cssmenu > ul > li ul li.has-sub > a:before {
	position: absolute;
	top: 19px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #fff;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
#cssmenu > ul > li ul li.has-sub:hover > a:before {
	top: 23px;
	height: 0
}
#cssmenu ul ul {
	position: absolute;
	left: -9999px;
	z-index: 999;
	background:rgba(0,65,116,0.77);
	padding:8px 0;
}
#cssmenu ul ul li {
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
#cssmenu ul ul li:hover {
}
#cssmenu li:hover > ul {
	left: 50%;
	-ms-transform: translate(-50%, -0%);
	-o-transform: translate(-50%, -0%);
	transform : translate(-50%, -0%);
	-moz-transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0
}
#cssmenu ul ul li a {
	border-bottom:none;
	padding:5px 20px;
	width: auto;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	margin-bottom:1px;
	white-space:nowrap;
}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
	border-bottom: 0
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
	color: #fff
}
#cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}
#cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
#cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0
}
#cssmenu ul ul li:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
	background:rgba(123,166,184,0.77);
	color:#fff;
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a {
	border-top: 1px solid #ce5b14
}
/* End Nav */
/* Slider Start */

.slider-caption{
transition:all 0.5s ease 0.5s;
opacity:0;
}
.slider-caption h1{
transition:all 1s ease 1s;
opacity:0;
position:relative;
} 
.active.carousel-item .slider-caption, .active.carousel-item .slider-caption h1{
opacity:1;
}


.slider{
	display:inline-block;
	width:100%;
	padding-left:35px;
	padding-right:35px;
}
.slider .slider-block{
	height:0;
	position:relative;
	padding-bottom:33%;
}
.slider .slider-block .slider-caption{
	background:rgba(255,255,255,0.74);
	padding:5px 16px;
}
.slider .slider-block .container{
	max-width:100%;
	padding-left:0;
	padding-right:0;
}
.slider .slider-block .slider-caption h1{
	font-weight:normal;
	margin-bottom:15px;
	line-height:20px;
	font-size:18px;
	color:#233f7a;
}
.slider .slider-block .slider-caption h1:last-child{
	margin-bottom:0;
}
.slider .slider-nav{
	position:absolute;
	left:0;
	padding-left:0;
	padding-right:0;
	top:50%;
	width:100%;
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	transform : translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
}
.slider .slider-nav .carousel-control{
	font-size:0px;
	color:#fff;
	width:42px;
	height:42px;
	background:url(../images/left-arrow.png) no-repeat;
	display:inline-block;
	margin-left:-35px;
}
.slider .slider-nav .carousel-control.right{
	float:right;
	background:url(../images/right-arrow.png) no-repeat;
	margin-left:0px;
	margin-right:-35px;
}
/* Slider End */
/* Trusted Execute Start */
.trusted-execute-block{
	padding:25px 0 20px;
	line-height:20px;
	font-size:14px;
	line-height:18px;
}
.trusted-execute-block{
	margin-bottom:0;
}
.trusted-execute-block p:last-child{
	margin-bottom:0;
}
.trusted-execute-block .col-md-2 a,
.brands-block .col-md-3 a{
	display:inline-block;
	padding-top:15px;
}
/* Trusted Execute End */
/* Footer Start */
.footer{
	font-size:12px;
	line-height:18px;
	padding-top:15px;
	padding-bottom:15px;
	background:#175281;
	color:#fff;
	font-family: 'Interstate-Regular';
}
.footer a{
	color:#000;
}
.footer ul{
	list-style:none outside none;
	padding:0;
	margin:0 -5px;
	display:inline-block;
	width:calc(100% + 10px);
}
.footer ul li{
	float:left;
	padding-left:5px;
	padding-right:5px;
}
.footer .row div{
	padding-left:15px;
	padding-right:15px;
}
/* Footer End */
/* Middle Container End */
.middle-container {
    display: inline-block;
    width: 100%;
}
.banner{
	position:relative;
	margin-bottom:15px;
}
.banner img{
	width:100%;
}
.banner h1,
.canopies-slider > h1{
	position:absolute;
	background:#e71f58;
	padding:3px 5px;
	color:#fff;
	left:0;
	top:0;
	margin:0;
}
.canopies-slider{
	position:relative;
}
.canopies-slider > h1{
	left:35px;
	background:#93e212;
	color:#004175;
	z-index:99;
	padding:5px 15px;
}
.canopies-slider.couplings-fittings > h1{
	background:#d5b80c;
	color:#004175;
}
.canopies-slider.lighting > h1{
	background:#faa000;
	color:#004175;
}
.canopies-slider.piping > h1{
	background:#b83806;
	color:#fff;
}
.canopies-slider.pumps-box > h1{
	background:#b83806;
	color:#fff;
}
.canopies-slider.steel-structures > h1{
	background:#50a4f6;
	color:#004175;
}
.canopies-slider.sumps > h1{
	background:#409a81;
	color:#fff;
}
.canopies-slider.usts > h1{
	background:#bcdfe7;
	color:#004175;
}
.banner.about > h1{
	background:#0074ee;
	color:#fff;
}
.canopies-slider.design > h1{
	background:#76b749;
	color:#004175;
}
.canopies-slider.fabrication > h1{
	background:#1cb9b8;
	color:#004175;
}
.canopies-slider.installation > h1{
	background:#f47d29;
	color:#004175;
}
.canopies-slider.materials-management > h1{
	background:#77cfe0;
	color:#004175;
}
.services-block.fabrication-block h3{
	color:#1cb9b8;
}
.contact-address-block h2{
	font-family: 'Interstate-Bold';
	font-size:16px;
	color:#004175;
	margin-bottom:8px;
	line-height:18px;
}
.contact-address-block h3{
	font-family: 'Interstate-Bold';
	font-size:14px;
	color:#004175;
	margin-bottom:13px;
	line-height:16px;
}
.contact-address-block,
.contact-address-block a{
	color:#778580;
}
.contact-address-block p{
	margin-bottom:10px;
	word-wrap: break-word;
}
.brands-block,
.services-block{
	padding-left:35px;
	padding-top:15px;
	padding-bottom:20px;
}
.sidebar ul{
	margin:0;
	padding:0 0 0 13px;
	color:#000;
	float:left;
	width:50%;
}

.sidebar ul li a { color:#000; text-decoration:none;}

.sidebar-box{
	display:inline-block;
	overflow:auto;
	width:100%;
	max-height:150px;
}
.brands-block h1{
	font-size:18px;
	line-height:22px;
	margin-bottom:16px;
}
.lighting-block h3{
	color:#faa000;
}
.lighting-block h3 a{
	color:#faa000;
}
.steel-structures-block h3{
	color:#50a4f6;
}

.steel-structures-block h3 a {color:#50a4f6;}

.brands-block p{
	font-size:14px;
	line-height:18px;
	margin-bottom:16px;
}
.brands-block p:last-child{
	margin-bottom:0;
}
.about-block p{
	margin-bottom:10px;
}
.about-block strong{
	color:#004175;
}
.about-block{
	padding-bottom:10px;
}
.services-block{
	display:inline-block;
	width:100%;
}
.services-block h3{
	color:#76b749;
}
.services-block .sidebar-box{
	max-height:100%;
}
.services-block ul{
	width:100%;
	color:#778580;
	margin:0;
	padding:0 0 0 13px;
}
.services-block .sidebar-box ul li{
	padding-bottom:2px;
}
.brands-logos-block a{
	display:inline-block;
	margin-bottom:10px;
	margin-right:15px;
}
.services-block h1{
	font-size:18px;
	line-height:22px;
}
.installation-logos a{
	display:inline-block;
	margin-bottom:10px;
	margin-right:10px;
}

.fab-con p {margin-bottom: 12px;}


/* Middle Container End */
/* Contact Page Start*/
.contact-map-block{
	overflow:hidden;
	max-height:780px;
	position:relative;
}
.contact-map-block:before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	width:100%;
	height:100%;
}
/* Contact Page End*/
#carousel.flexslider .slides > li{
	cursor:pointer;
	max-width:109px;
}
#carousel.flexslider .slides > li img{
	max-height:109px;
}


.piping-block {}
.piping-block .col-md-7 .brands-text {padding-left: 35px;}
.piping-block .col-md-2 a {padding-top: 30px; display: inline-block;}
.piping-block .col-md-2 a + a {padding-top: 15px;}

.piping-block .col-md-3 .btn { padding:0px;border-radius: 0;background-color: inherit;}


.video-popup {max-width: 700px;margin: 0 auto;top: 20%;}

.video-thumb { text-align:center; position:relative; right:35px; }
.video-thumb img {}
.video-thumb a {padding: 0px !important;color:#004175;}
.video-thumb p {margin-top: 5px;color:#004175;font-size: 12px;}




.footer-slide-logo {padding: 0px;margin: 5px 0 15px 0; text-align:center;}
.footer-slide-logo li {padding: 0px;margin: 0px 10px; list-style:none; display: inline-block;}
.footer-slide-logo li img {padding: 0px;margin: 0px;height: 35px;width: auto;}



.right-design-block {}
.right-design-block p {margin-bottom: 12px;}

.adjust-width {}
.adjust-width .sidebar {padding-left: 0px; z-index: 3;position: relative;}
.adjust-width .sidebar .sidebar-box {width: 240px;}
.adjust-width .sidebar .sidebar-box ul {width: auto;margin-right: 10px;}
.adjust-width .sidebar .sidebar-box ul li {}
.adjust-width .brands-text {}


@-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
#carousel.flexslider {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	animation-delay: 3s;
}
.lighting-page-block .lsi-pad {
    padding-bottom: 19px;
}
.lighting-page-block .piping-block .col-md-2 a {
    padding-top: 30px;
    display: inline-block;
}




@media(min-width:1200px){
.footer .row{
	-ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}
.main-container{
	padding-bottom:50px;
}
.footer .social-media{
	min-width:54px;
}
.about-logo{
	position:relative;
	padding-right:65px;
}
.about-logo img{
	position:absolute;
	right:-35px;
	top:5px;
}
.about-logo img + img{
	top:55px;
}
.about-block{
	padding-top:25px;
}
}
@media(min-width:992px){
.left-p-remove{
	padding-left:0;
}
}
@media(min-width:768px){
.hide-desktop-view{
	display:none;
}
#responsive-menu{
	display:block!important;
}
.slider .slider-block .slider-caption{
	position:absolute;
	left:0;
	max-width:380px;
	bottom:10px;
}
.trusted-execute-block .col-md-10{
	padding-left:150px;
} 
.trusted-execute-block .col-md-2{
	text-align:right;
}
.trusted-execute-block .col-md-2 a{
	padding-top:26px;
}
.brands-block .col-md-3 a{
	padding-top:70px;
}
.brands-block.steel-structures-block .col-md-3 a{
	padding-top:40px;
}
.trusted-execute-block .col-md-2 a + a,
.brands-block .col-md-3 a + a,
.brands-block.steel-structures-block .col-md-3 a + a{
	padding-top:15px;
} 
.footer .container,
.header .container{
	max-width:1170px;
}
.footer .row div.social-media{
	font-size:14px;
}
.navigation #responsive-menu{
	display: inline-block!important;
}
.contact-address-block .col-sm-4{
	-ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 17%;
}
.contact-address-block{
	padding-left:10px;
	padding-right:10px;
}
.sidebar{
	float:left;
	width:180px;
	padding-left:10px;
}
.brands-block{
	display:inline-block;
	width:100%;
}
.right-block{
	float:right;
	width:calc(100% - 190px);
}
.lighting-block .sidebar{
	width:200px;
}
.lighting-block .right-block{
	width:calc(100% - 210px);
}
.brands-block .brands-text{
	padding-left:75px;
	padding-top:0;
	max-width:450px;
}
.brands-block .col-md-3{
	text-align:right;
}
.canopies-slider.slider .slider-block{
	height:auto;
	padding:0;
}
.services-block .sidebar{
	width:25%;
	padding-right:7px;
	padding-left:0;
}
.services-block .right-block{
	width:75%;
	padding-left:7px;
}
.brands-logos{
	padding-right:50px;
	position:relative;
}
..brands-logos-block{
	position:relative;
}
.brands-logos a{
	position:absolute;
	right:0;
	bottom:50px;
}
.brands-logos a + a{
	position:absolute;
	right:0;
	bottom:0;
}
.brands-logos-block .logo4{
	position:absolute;
	right:0;
	bottom:70px;
}
.brands-logos-block .logo5{
	position:absolute;
	right:0;
	bottom:20px;
}
.brands-logos ul li{
	padding-right:50px;
}
.brands-logos-block .logo3{
	margin-top:35px;
}
.fabrication-block .right-block .col-md-7{
	-ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
}
.fabrication-block .right-block .col-md-5{
	-ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
}
.installation-logos{
	text-align:right;
}
.installation-logos a{
	display:inline-block;
	width:100%;
}
.installation-logos a{
	margin-top:50px;
}
.installation-logos a + a{
	margin-top:20px;
}
}
@media(max-width:1199px){
#cssmenu > ul > li > a {
    padding-left: 20px;
    padding-right: 20px;
}
.footer .row div{
	width:100%;
	text-align:center;
}
.about-block img{
	margin-top:10px;
	margin-right:10px;
}
}
@media(min-width:768px) and (max-width:991px){
.brands-logos-block .logo1{
	max-width:70px;
}
.brands-logos-block .logo2{
	max-width:100px;
}
.brands-logos-block .logo3{
	max-width:110px;
}
}
@media(max-width:991px){
#cssmenu > ul > li > a {
    padding-left: 8px;
    padding-right: 8px;
	font-size:18px;
}

.contact-address-block .col-sm-4 {
    flex: 0 0 33%;
    max-width: 33%;
}

.video-thumb {
    right: 0px;
}

.footer-slide-logo li { margin: 0px 10px 20px; }


}
@media(max-width:767px){


.lsi-img{
   padding-bottom: 19px;
   padding-top:15px;
}
.lsi-pad {
    border-bottom: 1px solid #ccc;
}

nav {
	width: 100%;
}
#cssmenu {
	width: 100%
}
#cssmenu ul {
	width: 100%;
	display: none
}
#cssmenu ul li {
	width: 100%;
	border-top: 1px solid #c8c5bf
}
#cssmenu > ul > li:hover,
#cssmenu > ul > li.active{
	background: #e51937!important;
}
#cssmenu ul li ul li {
	border-top: 1px solid #b8b5af
}
#cssmenu ul li:hover {
	background: #e51937;
}
#cssmenu > ul > li:hover > a, #cssmenu ul > li.active > a {
    background: #175281;
	color:#fff;
}
#cssmenu ul ul li, #cssmenu li:hover > ul > li {
	height: auto
}
#cssmenu ul li a, #cssmenu ul ul li a {
	width: 100%;
	border-bottom: 0
}
#cssmenu > ul > li {
	float: none
}
#cssmenu ul ul li a {
	padding-left: 25px
}
#cssmenu ul ul li {
	background: #e5e5e5!important;
}
#cssmenu ul ul li:hover,
#cssmenu ul ul li.active {
	background: #e51937!important
}
#cssmenu ul ul ul li a {
	padding-left: 35px
}
#cssmenu ul ul li a {
	color: #000;
	background: none
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
	color: #fff
}
#cssmenu ul ul, #cssmenu ul ul ul {
	position: relative;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: left
}
#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
	display: none
}
#cssmenu ul ul{
	background:none;
	padding:0;
}
#cssmenu #head-mobile {
	display: block;
	padding: 23px;
	color: #ddd;
	font-size: 12px;
	font-weight: 700
}
.button {
	width: 55px;
	height: 46px;
	position: absolute;
	right: -15px;
	top: -12px;
	cursor: pointer;
	z-index: 12399994;
}
.button:after {
	position: absolute;
	top: 22px;
	right: 20px;
	display: block;
	height: 8px;
	width: 20px;
	border-top: 2px solid #175281;
	border-bottom: 2px solid #175281;
	content: ''
}
.button:before {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	top: 16px;
	right: 20px;
	display: block;
	height: 2px;
	width: 20px;
	background: #175281;
	content: ''
}
.button.menu-opened:after {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	top: 23px;
	border: 0;
	height: 2px;
	width: 19px;
	background: #175281;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.button.menu-opened:before {
	top: 23px;
	background: #175281;
	width: 19px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#cssmenu .submenu-button {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	display: block;
	border-left: 1px solid #c8c5bf;
	height:52px;
	width: 46px;
	cursor: pointer
}
#cssmenu .submenu-button.submenu-opened {
	background: #d6d3cc;
}
#cssmenu ul ul .submenu-button {
	height: 46px;
	width: 46px
}
#cssmenu .submenu-button:after {
	position: absolute;
	top: 22px;
	right: 19px;
	width: 8px;
	height: 2px;
	display: block;
	background: #000;
	content: ''
}
#cssmenu ul ul .submenu-button:after {
	top: 21px;
	right: 17px
}
#cssmenu .submenu-button.submenu-opened:after {
	background: #000;
}
#cssmenu .submenu-button:before {
	position: absolute;
	top: 19px;
	right: 22px;
	display: block;
	width: 2px;
	height: 8px;
	background: #000;
	content: ''
}
#cssmenu ul ul .submenu-button:before {
	top: 18px;
	right: 20px
}
#cssmenu .submenu-button.submenu-opened:before {
	display: none
}
#cssmenu ul ul ul li.active a {
	border-left: none
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
	border-top: none
}
#responsive-menu {
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed!important;
	top: 0;
	z-index: 99998;
	left: 0;
	width: 75%!important;
	background: #e5e5e5;
}
#cssmenu > ul > li > a {
	color: #000;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{
	color: #fff;
}
#cssmenu > ul > li > a {
	padding: 16px 20px 17px;
}
#cssmenu ul ul li a:after, #cssmenu ul ul li a:before {
	display: none!important;
}
#cssmenu > ul > li:hover ul li > a, #cssmenu ul li.active ul li a{
	color:#000;
	padding:10px 20px;
}
#cssmenu {
	float: right;
	width: auto;
}
.header{
	padding-bottom:33px;
}
.header .navigation {
    float: right;
	padding:0;
	text-align:left;
}
.header .container{
	position:relative;
}
.header-right {
    padding-top:0;
	position:absolute;
	left:15px;
	top:46px;
}
.trusted-execute-block{
	text-align:center;
	padding-top:20px;
}
.slider .slider-block{
	min-height:200px;
	padding:0;
}
.slider .slider-block img{
	display:none;
}
.slider .slider-block .slider-caption{
	bottom:10px;
	position:absolute;
}
.slider .slider-block .slider-caption h1{
	font-size:16px;
	line-height:18px;
}
/*.slider .slider-block {	
	background:none!important;
	height:auto;
	padding:0;
}
.slider .slider-block .slider-caption{
	background:#175281;
	color:#fff;
	padding:15px;
}
.slider .slider-block .slider-caption h1{
	color:#fff;
}*/
.slider .slider-block .container{
	position:static;
}
#cssmenu > ul > li {
    margin-left: 0;
}
#cssmenu ul ul li a {
    margin-bottom: 0;
}
#cssmenu ul li:first-child{
	border-top:none;
}
.responsive-text-c{
	text-align:center;
}
.hide-mobile-view{
	display:none;
}
.logo img{
	max-width:250px;
}
body {
    padding-top: 95px;
}
.canopies-slider.slider .slider-block img{
	display:block;
}
.canopies-slider.slider .slider-block{
	min-height:1px;
	height:auto;
}
.sidebar{
	margin-bottom:20px;
}
.contact-address-block p:last-child{
	padding-bottom:20px;
}
.banner h1, .canopies-slider > h1{
	font-size:16px;
	line-height:18px;
}
.brands-logos a{
	margin-top:20px;
	display:inline-block;
	margin-right:10px;
}
.slider{
	padding-left:26px;
	padding-right:26px;
}
.canopies-slider > h1{
	left:26px;
}
.slider .slider-nav .carousel-control{
	margin-left:-22px;
}
.slider .slider-nav .carousel-control.right{
	margin-right:-22px;
}
.slider .slider-nav .carousel-control,
.slider .slider-nav .carousel-control.right{
	background-size:100%;
	width:26px;
	height:26px;
}
.brands-block, .services-block{
	padding-left:26px;
}

.piping-block .col-md-3 img {margin-bottom: 15px;}
.piping-block .col-md-7 .brands-text {padding-left: 0px;}

.video-popup {
    max-width: inherit;
    margin-left: 30px;
    margin-right: 30px;
}

	.trust-pra {
    padding-left: 27px;
}
.contact-address-block .col-sm-4 {
    flex: 0 0 50%;
    max-width: 50%;
}

.video-thumb {
    text-align: left;
	margin: 15px 0 0 0;
}

.adjust-width .sidebar .sidebar-box ul {
 
 }



}
@media(max-width:479px){
.contact-address-block .col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
}
}