/*

  font-family: 'Open Sans', sans-serif;
  font-family: 'Michroma', sans-serif;

*/

/* ========== Common CSS Starts ========== */
body { font-family: 'Open Sans', sans-serif; font-weight:400; color: #1c1c19; font-size: 16px; background: #fff; margin: 0; padding: 0; }
.bg-overlay { display: none; }
a, img { outline: none !important; }
a:hover, a:focus { outline: none; text-decoration: none; }
img, .img-responsive, .navbar-brand > img { display: inline-block; outline: none; }
button:focus, .btn:focus { outline: none; }
p { font-size: 15px; font-weight: 400; color: #1c1c19; line-height: 1.6; margin-bottom: 30px; }
.white-color p, .white-color p a { color: #FFFFFF; }
h1, h2, h3, h4, h5, h6 { font-family: 'Michroma', sans-serif; margin: 0 0 15px; }
h1 { font-size: 24px; color: #353535; }
h2 { font-size: 20px; color: #353535; }
h3 { font-size: 15px; color: #1c1c19; font-weight: 700; }

.block a:not(.btn) {
	color: #1c1c19;
	text-decoration: underline;
}

.block a:not(.btn):hover {
	color: #f5da33;
}

.img-wrapper {
	position: relative;
    text-align: center;
}

.img-wrapper img {
	max-width: 100%;
}

.heading-box { width: 100%; display: inline-block; margin: 15px 0; padding: 0; }
.heading-box-inner { display: inline-block; }
.heading-box h1,
.heading-box .heading,
.heading-box h2 { display: inline-block; background: url("../assets/images/h1_element.png") no-repeat left center; position: relative; z-index: 1; padding: 0 0 0 60px; margin: 0; }
.heading-with-border h1,
.heading-with-border .heading,
.heading-with-border h2 { float: left; background-position: 17px center; padding: 0 15px 0 75px; }
.heading-box span { height: 25px; position: relative; }
.heading-box .left-border { border-left: 1px dashed #979797; float: left; }
.heading-box .right-border { border-right: 1px dashed #979797; float: right; }
.heading-box .left-border:before, .heading-box .right-border:after { width: 2000px; height: 1px; border-top: 1px dashed #979797; position: absolute; top: 50%; content: ""; }
.heading-box .left-border:before { right: 0; }
.heading-box .right-border:after { left: 0; }
.white-color h1,
.white-color .heading { color: #FFFFFF; }
.heading-box p { padding-top: 25px; }
.heading-box.white-color p { color: #d5d5d5; }
.yellow-bg .heading-box h1 { fill:#FFFFFF; }
.heading-element01 { position: relative; z-index: 0; }
.heading-element01:before { width: 261px; height: 147px; background: url("../assets/images/Element1_01.png") no-repeat right top; content: ""; position: absolute; right: 209px; top: -73px; z-index: -1; }
.heading-element02 { position: relative; }
.heading-element02:before { width: 260px; height: 135px; background: url("../assets/images/DesignElement2.png") no-repeat right top; content: ""; position: absolute; left: -105px; top: -60px; }

.element { position: absolute; }
.element01 { left: 0; bottom: 0; }
.element001 { left: 49%; top: -8px; }
.element02 { right: 0; bottom: 37px; }
.element03 { right: 0; bottom: 10px; }
.element04 { left: 29%; bottom: 0px; }
.element05 { left: 0; top: 0; }
.element06 { left: 0; bottom: 15px; }
.design-element2 { left: -90px; top: 22%; }
.design-element3 { left: 0; bottom: 0; }

.block { width: 100%; float: left; overflow: hidden; position: relative; margin: 0; padding: 50px 0; }
.block1 {
	padding-top: 0;
}
.block1 .heading-box {

}
.image-bg { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.light-grey-bg { background-color: #f2f2f2; }
.grey-bg { background-color: #797979; }
.white-bg { background-color: #FFFFFF; }
.yellow-bg { background-color: #f5da33; }
.container-small { width: 930px; }

.btn { background-color: #1c1c19; border-radius: 16px; border: 1px solid #1c1c19; display: inline-block; color: #d5d5d5; font-size: 12px; font-family: 'Michroma', sans-serif; margin: 0; padding: 0 10px; -webkit-transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; line-height: 28px;}
.btn:hover { background-color: transparent; color: #1c1c19; }
.btn-small { width: 128px; height: 32px; line-height: 28px; }
.btn-yellow { background-color: #f5da33; border-color: #f5da33; color: #1c1c19; }
.btn-yellow:hover { color: #FFFFFF; }
.btn-border { border-color: #d5d5d5; background-color: transparent; }
.btn-border:hover { background-color: #d5d5d5;  }

/*inner page*/
.inner-banner { width: 100%; height: 230px; float: left; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; margin: 0;  padding: 100px 30px 0; }
.breadcrumb-block { background-color: rgba(228,230,236,0.4); padding: 0 !important; }
.B_crumbBox { display: inline-block; text-align: left; list-style-type: none; padding: 10px 0; margin: 0; }
.B_crumbBox > li { float: left; display: inline-block; font-size: 12px; color: #f5da33; font-weight: 700; line-height: normal; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; margin: 0 10px 0 0; }
.B_crumbBox > li.B_currentCrumb { padding: 0 10px; }
.B_crumbBox > li > a { color: #1c1c19; font-weight: 400; text-decoration: none !important; }
.B_crumbBox > li > a:hover { text-decoration: none; color: #f5da33; }
.B_crumbBox > li.B_currentCrumb { color: #f5da33; background-color: #4f4f4f; }
.back-link { padding: 10px 0; }
.back-link a { float: left; display: inline-block; background-color: #4f4f4f; font-size: 12px; color: #f5da33; font-weight: 700; line-height: normal; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 2px 15px; margin: 0; }
.back-link a:hover { color: #535353; } 

/* Form CSS */
.forms { width: 100%; float: left; overflow:hidden; margin: 0; padding: 0; }
.forms h1 { color: #FFFFFF; margin: 0 0 15px; }
.forms .form-group { position: relative; margin-bottom: 30px; }
.forms label { color: #FFFFFF; font-size: 12px; font-weight: 400; }
.forms label span, p.required span { color: #f5da33; }
p.required { font-size: 10px; color: #FFFFFF; margin: 20px 0 5px; padding: 0; }
.forms .form-control { height:30px; background-color: #FFFFFF; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-size: 17px; font-weight: 400; color: #1c1c19; line-height: 28px; margin: 0; -webkit-transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 0 10px; }
.forms textarea.form-control { height: 200px; }
.forms .form-group select { background: #FFFFFF url("../assets/images/down_arrow.png") no-repeat 95% center; -webkit-appearance: none; -moz-appearance: none; }
.forms input.error, .forms textarea.error { border-color: #cf0000 }
.forms label.error { display: block; text-align: left; font-weight: 500; margin-top:0; color: #f5da33; }
.forms .col-xs-12 .row { margin: 0 -5px; }
.forms .col-xs-12 .row > div { padding: 0 5px; }
.forms .bootstrap-filestyle .btn { height: 30px; line-height: 30px; background-color: #FFFFFF; color: #1c1c19; font-size: 12px; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 0 10px; }
.forms .bootstrap-filestyle .btn span { color: #1c1c19; }
.forms .col-lg-4 { /* clear: both; */ }
#contact .col-sm-6:nth-child(2n+1) { clear: both; } 

/* Quick Contact Block CSS */
.quick-contact-block { padding: 0 !important; }
.quick-contact-block #quickContact { width: 715px; float: none; background-color: rgba(0,0,0,0.70); margin: 0 auto; padding: 15px 70px 70px; }
#quickContact .form-group { margin-bottom: 10px; }
#quickContact .btn { position: absolute; left: 50%; bottom: 10px; }

.file-upload-button {
	background: rgba(255,255,255,0.8);
    margin-bottom: 0;
}
.file-upload-button #file-uploader-image {
	float: right;
}
.file-upload-button .qq-upload-button,
.file-upload-button .qq-clear-button {
	border: 0;
	width: 44px;
	height: 30px;
	font-size: 0;
	background: none;
	color: #000;
	padding: 4px 0;
}

.file-upload-button .qq-upload-button:hover,
.file-upload-button .qq-clear-button:hover {
	background: #f5da33;
}
	
	
.file-upload-button .qq-upload-button:before,
.file-upload-button .qq-clear-button:before {
	font-family:"FontAwesome";
	font-size:18px;
	display:block;
}
.file-upload-button .qq-upload-button:before {
	content:"\f0c6";
}
.file-upload-button .qq-clear-button:before {
	content:"\f014";
}
.file-upload-button .title {
	display: block;
}

/* ========== Common CSS Ends ========== */

#wrapper, #header, .navbar, .home-slider, #footer, .footer-bottom { width: 100%; float: left; margin: 0; padding: 0; }

/* Header CSS */
#header { height: 80px; background-color: rgba(28,28,25,0.8); position: fixed; left: 0; top: 0; z-index: 99; }
#header.home-header, #header.home-header .call-info a, #header.home-header .call-info span { background-color: #1c1c19; }
.navbar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; position: relative; }
.navbar-brand { height: auto; background-color: #ffffff; border-radius: 0 0 15px 0; -webkit-border-radius: 0 0 15px 0; -moz-border-radius: 0 0 15px 0; }
.navbar-menu { float: left; padding-top: 40px; padding-left: 40px; }
.navbar-menu ul.navlist { width: 100%; float: left; list-style-type: none; margin: 0; padding: 0; }
.navbar-menu ul.navlist > li { float: left; line-height: normal; margin: 0; padding: 0; }
.navbar-menu ul.navlist li a { float: left; color: #FFFFFF; font-size: 12px; font-weight: 400; font-family: 'Michroma', sans-serif; letter-spacing: 0.8px; line-height: normal; display: inline-block; padding: 11px 0 11px 30px; -webkit-transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.navlist > li.mm-dropdown > ul.inner li a {
	float: none;
}

.navbar-menu ul.navlist > li:first-child a { padding-left: 0; }

.navbar-menu ul.navlist > li:hover > a, .navbar-menu ul.navlist > li.active > a { background-color: transparent; color: #f5da33; text-decoration: none; }
.navlist > li.mm-dropdown > ul.inner { width: 100%; height: auto; background-color: #000000; display: inline-block; border: 0; position: absolute; left: 0; top: 80px; list-style-type: none; text-align: center; margin: 0; padding: 30px; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;z-index: 9999; }

@media (min-width: 1200px) {
	.navbar-menu ul.navlist > li:not(#nav-menu-5) {
		position: relative;
	}
	.navlist > li.mm-dropdown:not(#nav-menu-5) > ul.inner {
		width: 200px;
		padding: 10px;
		top: 40px;
		left: 21px;
		text-align: left;
	}
	.navlist > li.mm-dropdown:not(#nav-menu-5) > ul.inner > li {
		padding: 0;
	}
}

.navlist > li.mm-dropdown:hover > ul.inner { opacity: 1; visibility: visible; }
.navlist > li.mm-dropdown > ul.inner > li { display: inline-block; text-align: left; vertical-align: top; position: relative; margin: 0; padding: 0 30px 0 0; }
.navlist > li.mm-dropdown > ul.inner li a { font-size: 14px; color: #f5da33; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height:normal; display: block; padding: 0; margin-bottom: 5px; text-transform: none; position: relative; }
.navlist > li.mm-dropdown > ul.inner > li:hover > a, .navlist > li.mm-dropdown > ul.inner > li.active > a { background-color: transparent; color: #FFFFFF; }
.navlist > li.mm-dropdown > ul.inner li ul.inner { position: static; left: 0; top: 0; list-style-type: none; padding: 0; margin: 0; }
.navlist > li.mm-dropdown > ul.inner li ul.inner li a { color: #FFFFFF; font-weight: 400; font-size: 12px; padding: 0; margin: 2px 0; }
.navlist > li.mm-dropdown > ul.inner li ul.inner li:hover a, .navlist > li.mm-dropdown > ul.inner li ul.inner li.active a { color: #f5da33; }
.navlist > li#nav-menu-1 { display: none; }
.nav-toggle { position: relative; float: left; }
.nav-toggle:before { font-family:"Ionicons"; position: absolute; left: 3px; top: 12px; font-size: 19px; line-height: 1.16; color: #FFFFFF; }
.down-arrow:before { content: "\f35f"; }
.navbar-right { min-width: 450px; position: relative; }
.call-info { position: absolute; left: 0; bottom: -40px; }
.call-info a, .call-info span { background-color: rgba(28,28,25,0.8); display: inline-block; color: #f5da33; font-size: 15px; font-family: 'Michroma', sans-serif; letter-spacing: 1.1px; line-height: normal; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; padding: 5px 30px; }
.call-info a { display: none; }
.navbar-right .search-form { width:100%; position: absolute; right: 0; top: 0; }
.search-form .form-group input.form-control::-webkit-input-placeholder { display:none; }
.search-form .form-group input.form-control::-moz-placeholder { display:none; }
.search-form .form-group { position:relative; width:0%; min-width:60px; height:60px; overflow:hidden; transition: width 1s; backface-visibility:hidden; margin: 0; }
.search-form .form-group input.form-control { position:absolute; top:0; right:0; outline:none; /* width:100%; */ width:27%; /* height:60px; */ height:40px; font-size: 17px; color: #1c1c19; margin:0; z-index:10; /* background-color: #f5da33; */ border: 0; /* border-radius: 0 0 0 15px; -webkit-border-radius: 0 0 0 15px; -moz-border-radius: 0 0 0 15px; */ }
.search-form .form-group input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1c1c19; 
}
.search-form .form-group input.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #1c1c19; 
}
.search-form .form-group input.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #1c1c19;
}
.search-form .form-group input.form-control:-moz-placeholder { /* Firefox 18- */
  color: #1c1c19; 
}
.form-control-submit, .search-label { width:60px; /* height:60px; */ height:40px; background-color: #f5da33; position:absolute; /* right:0; */ right:183px; top:0; text-align:center; cursor:pointer; line-height:60px; font-size: 26px; color: #1c1c19; border-radius: 0 0 0 15px; -webkit-border-radius: 0 0 0 15px; -moz-border-radius: 0 0 0 15px; border: 0; box-shadow: none; padding:0; margin:0; }
.form-control-submit { border:none; outline:none; z-index:-1; }
.search-label {z-index:90; }
.form-group.sb-search-open, .no-js .sb-search-open { width:100%; }
.form-group.sb-search-open .search-label, .no-js .sb-search .search-label { background: #da6d0d; /* color: #fff; */ color: black; z-index: 11; }
.form-group.sb-search-open .form-control-submit, .no-js .form-control .form-control-submit { z-index: 90; }
ul.quick-menu { float: left; list-style-type: none; position: relative; z-index: 1; margin: 0;  padding: 28px 50px 0 0;  }
.fa-search { position: relative; top: -12px;}
@media (min-width: 1739px) {
    ul.quick-menu {
        padding: 28px 356px 0 0;
    }
}
@media (max-width: 1735px) {
    ul.quick-menu {
        padding: 28px 260px 0 0;
    }
    .search-form .form-group input.form-control {
        width: 193px;
    }
    
}
ul.quick-menu li { float: left; border-left: 1px dashed rgba(255,255,255,0.44); padding: 0 10px; }
ul.quick-menu li:first-child { border-left: 0; }
ul.quick-menu li a { display: inline-block; text-align: center; font-size: 10px; color: #FFFFFF; }
ul.quick-menu li a span { display: block; }
ul.quick-menu li a span.icon-pic { width: 30px; height: 25px; margin: 0 auto 2px auto; background-position: center center; }
ul.quick-menu li:hover a, .navbar-right ul li.active a { color: #f5da33; }
ul.quick-menu li a span.contact-icon { background-image: url("../assets/images/contact.png"); }
ul.quick-menu li:hover a span.contact-icon, ul.quick-menu li.active a span.contact-icon { background-image: url("../assets/images/contact_hover.png"); }
ul.quick-menu li a span.quote-icon { background-image: url("../assets/images/requestaquote.png"); }
ul.quick-menu li:hover a span.quote-icon, ul.quick-menu li.active a span.quote-icon { background-image: url("../assets/images/requestaquote_hover.png"); }
ul.quick-menu li a span.cart-icon { background-image: url("../assets/images/cart.png"); }
ul.quick-menu li:hover a span.cart-icon, ul.quick-menu li.active a span.cart-icon { background-image: url("../assets/images/cart_hover.png"); }
ul.quick-menu li a span.resources-icon { background-image: url("../assets/images/resources.png"); }
ul.quick-menu li:hover a span.resources-icon, ul.quick-menu li.active a span.cart-icon { background-image: url("../assets/images/resources_hover.png"); }

/* Hide items from desktop menu */

@media only screen and (min-width: 1200px) {

	#nav-menu-34,
	#nav-menu-35,
	#nav-menu-37 {
		display: none;
	}

}

/* Home Slider CSS */
.home-slider { position: relative; border-bottom: 24px solid #000000; }
.home-slider:before { width: 480px; height: 24px; background-color: #f5da33; content: ""; position: absolute; left: 50%; bottom: -24px; transform: translateX(-50%); z-index: 3; }
#home-slider,.home-slider{height:700px;}
#home-slider .slick-slide { height: 700px; float: left; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0; padding: 0; }
#home-slider .slick-slide .container { height: 100%; position: relative; }
.slide-caption { width: 50%; height: 300px; /* display: table; */ background-color: rgba(0,0,0,0.70); position: absolute; right:0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); padding: 25px 15px 25px 130px;  }
.slide-caption:after { width: 1000%; height: 100%; background-color: rgba(0,0,0,0.70); content: ""; position: absolute; left: 100%; top: 0; }
.slide-caption-inner { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.slide-caption h1, .slide-caption p { color: #FFFFFF; }
.slide-caption h1 { font-size: 18px; }

#home-carousel { width: 120px; position: absolute; right: 50%; top: 50%; transform: translate(75%, -50%); z-index: 2; }
#home-carousel .slick-slide { width: 100px !important; height: 100px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; cursor: pointer; border: 0; opacity: 0.6; } 
#home-carousel .slick-slide:before { width: 100%; height: 100%; border: 5px solid #f5da33; content: ""; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
 #home-carousel .slick-slide:after { content: "\f488"; font-family:"Ionicons"; font-size: 43px; color: #f5da33; position: absolute; right: -18px; top: 50%; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
#home-carousel .slick-slide:hover:before, #home-carousel .slick-current:before, #home-carousel .slick-slide:hover:after, #home-carousel .slick-current:after { opacity: 1; }
#home-carousel .slick-slide:hover, #home-carousel .slick-current { opacity: 1; }
#home-carousel .slick-slide:focus { outline: none; }
#home-carousel .slick-dots { width: 100%; float: left; position: absolute; left: 155px; bottom: 65px; list-style-type: none; margin: 0; padding: 0; }
#home-carousel .slick-dots li { display: inline-block; margin: 0; }
#home-carousel .slick-dots li button { background-color: transparent; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: 15px; color: #d5d5d5; }
#home-carousel .slick-dots li button:before { display: none; }
#home-carousel .slick-dots li.slick-active button { color: #f5da33; }

/* Home Buckets */

.home-buckets-container .bucket-pic img {
	max-width: 100%;
}

.home-buckets-container .bucket-box .bucket-pic {
	background-repeat: no-repeat;
	background-position: -12px -18px;
	display: block;
	overflow: hidden;
}

.home-buckets-container .bucket-box:hover .bucket-pic {
	background-position: -12px -169px;
}

/* Products Buckets Block CSS */
.buckets-wrapper .row .col-xs-6:nth-child(6n+1) { clear: both; }
.bucket-box { width: 100%; float: left; text-align: center; position: relative; padding: 15px 0; }
.bucket-box a, .bucket-box01 .bucket-inner a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.bucket-box .bucket-pic { width: 123px; height: 120px; display: table-cell; border: 1px solid rgba(213,213,213,0.6); text-align: center; vertical-align: middle; position: relative; }
.bucket-box .bucket-pic:before { width: 100%; height: 100%; border: 3px solid #f5da33; content: ""; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.bucket-box .hover, .bucket-box:hover .normal { display: none; }
.bucket-box h3 { font-size: 14px; color: #d5d5d5; font-weight: 400; line-height: normal; margin: 10px 0 0; padding: 0; }
.bucket-box:hover .bucket-pic:before { opacity: 1; }
.bucket-box:hover .bucket-pic { border-color: #f5da33; }
.bucket-box:hover h3 { color: #f5da33; }
.bucket-box:hover svg path { stroke: #f5da33; }​  
.bucket-box:hover .hover { display: inline-block; }
.bucket-box:hover .hover { display: inline-block; }

.bucket-box01 .bucket-inner { width: 100%; float: left; position: relative; margin: 15px 0; padding: 0; }
.bucket-box01 .bucket-pic { width: 100%; height: 268px; float: left; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.bucket-box01 .bucket-details { width: 100%; height: 116px; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.bucket-box01 .media { height: 100%; display: table; }
.bucket-box01 .media-left, .bucket-box01 .media-body { vertical-align: middle; }
.bucket-box01 .media-left { width: 78px; height: 80px; background-color: #000000; padding: 10px; }
.bucket-box01 .media-left img {
	width: 100%;
}
.bucket-box01 .media-body { width: auto; padding: 10px 30px 10px 10px; }
.bucket-box01 .media-body h5 { font-weight: 800; color: #f5da33; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 5px; }
.bucket-box01 .media-body p { font-size: 14px; color: #FFFFFF; line-height: normal; margin: 0; padding: 0; }
.bucket-box01:hover .bucket-details { height: 100%; }
.btn-pdf { height: 30px; background-color: #4f4f4f; border: 1px solid #4f4f4f; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; line-height: 30px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #FFFFFF; position: relative; padding: 0 30px 0 10px; margin-bottom: 15px; }
.btn-pdf:after { content: "\f103"; font-family:"Ionicons"; color: #f5da33; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.btn-pdf:hover, .btn-pdf:focus { color: #4f4f4f; background-color: #FFFFFF; }

.connected-block { background-image: url("../assets/images/map.png"); background-repeat: no-repeat; background-position:  right center; padding-bottom: 15px !important; }
.connected-block .btn { margin-top: 15px; }

/* fabrication Services Block CSS */ 
.fabrication-block { z-index: 0; padding-bottom: 100px; }
.fabrication-block .container { padding-left: 80px; padding-right: 80px; }
.fabrication-block:before { width: 100%; height: 410px; background-color: #f5da33; content: ""; position: absolute; left: 0; top: 0; z-index: -1; }
.fabrication-block .heading-box p { padding-left: 100px; padding-right: 100px; }
.fabrication-block .row { margin: 0 -4px; }
.fabrication-block .fabrication-box { padding: 40px 4px 50px; }
.fabrication-block .fabrication-box img { filter: grayscale(0); transition: all 0.5s ease; }
.fabrication-block .fabrication-box:hover img { filter: grayscale(1) }
.fabrication-block .heading-box h1 { background: url("../assets/images/h1_element_white.png") no-repeat left center; }

/* Projects Block CSS */
.projects-block { padding-bottom: 80px; }
.projects-block .heading-box { margin-bottom: 85px; }
.projects-left { /* height: 596px; */ display: table; }
.projects-content { height: 100%; vertical-align: middle; display: table-cell; padding-right: 15px; }
.projects-content .btn {
	position: relative;
}
.projects-slider { width: 100%; float: left; padding: 0 30px; }
.projects-slider .media-left, .projects-slider .media-body { width: 50%; vertical-align: middle; padding: 0; }
.projects-slider .media-left img { width: 100%; }
.projects-slider .media-body { background-color: #1c1c19; position: relative; overflow: visible; padding: 35px; }
.projects-slider .media-body p { color: #d5d5d5; font-size: 12px; text-align: center; margin: 0; }
.projects-slider .media { margin: 0; padding: 0; border-top: 1px solid #FFFFFF; }
.projects-slider .media .media-body:before { width: 0; height: 0; border-style: solid; content: ""; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.projects-slider .media:nth-child(1) .media-body:before { border-width: 18px 18px 18px 0; border-color: transparent #1c1c19 transparent transparent; left: -18px; }
.projects-slider .media:nth-child(2) .media-body:before { border-width: 18px 0 18px 18px; border-color: transparent transparent transparent #1c1c19; right: -18px; }
.projects-slider .flex-control-paging li a { width: 70px; height: 4px; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.projects-slider .flex-control-paging li a.flex-active { background: #1c1c19; border-color: #1c1c19; }
.projects-slider .flex-direction-nav a { width: 35px; height: 35px; text-align: center; text-shadow: none; margin: 0; transform: translateY(-50%); }
.projects-slider .flex-direction-nav .flex-prev { left: -10px; }
.projects-slider .flex-direction-nav .flex-next { right: -10px; }
.projects-slider .flex-direction-nav a:before { content: "\f360"; font-family:"Ionicons"; font-size: 33px; color: #1c1c19; line-height: normal; }
.projects-slider .flex-direction-nav a.flex-next:before { content: "\f362"; }

.siderbar-menu h5 { color: #4f4f4f; border-left: 1px solid #979797; padding-left: 10px; padding-bottom: 15px; margin: 0; }
.siderbar-menu ul { width: 100%; float: left; list-style-type: none; padding: 0 0 0 5px; }
.siderbar-menu > ul { border-left: 1px solid #979797;  }
.siderbar-menu > ul > li { width: 100%; display: inline-block; position: relative; line-height: inherit; }
.siderbar-menu > ul > li a { font-size: 14px; font-weight: 700; color: #4f4f4f; display: block; padding: 5px; margin: 0; text-decoration: none !important; } 
.menu-toggle:before { width: 32px; height: 32px; text-align: center; content: "\f363"; font-family:"Ionicons"; font-size: 19px; color: #4f4f4f; position: absolute; right:0; top: 0; line-height: 32px; cursor: pointer; }
.siderbar-menu > ul > li a:hover, .siderbar-menu > ul > li.active > a { color: #f5da33; }
.siderbar-menu > ul > li ul.inner li:hover a, .siderbar-menu > ul > li ul.inner li.active a { text-decoration: underline; color: #4f4f4f; }
.arrow-down:before { content: "\f35f" !important;  }
.siderbar-menu > ul > li > ul li { line-height: inherit; }
.siderbar-menu > ul > li > ul li a { font-size: 10px; font-weight: 400; }
.siderbar-menu > ul > li > ul { display: none; }
.siderbar-menu > ul > li.active > ul { 
	display: block !important; 
}
.siderbar-menu > ul > li.active .menu-toggle:before {
	content: "\f35f";
}
.siderbar-menu .btn { width: 100%; margin-bottom: 15px; text-align: left; position: relative; padding: 0 25px; }
.siderbar-menu .btn:before { font-family: 'FontAwesome'; content: "\f101"; font-size: 17px; color: #4f4f4f; font-weight: 300; position: absolute; right: 15px; top: 0; }

.projects-gallery .project-pic { cursor: pointer; overflow: hidden; padding: 0; }
.projects-gallery .project-pic img { width: 100%; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; }
.projects-gallery .project-pic:hover img { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); }

.testimonials-slider { text-align: center; padding: 0 100px 80px; }
.quote-box { width: 100%; display: inline-block; text-align: center; margin-bottom: 15px; }
.quote-box span { display: inline-block; padding: 0 10px; }
.testimonials-slider p { font-size: 24px; color: #4f4f4f; text-align: center; margin-bottom: 20px; }
.testimonials-slider span.name { font-size: 15px; font-style: italic; font-weight: 700; color: #000000; }
.testimonials-slider .flex-control-nav { left: 0; bottom: 20px; }
.testimonials-slider .flex-control-paging li a { width: 12px; height: 12px; background-color: #FFFFFF; border: 1px solid #1c1c19; }
.testimonials-slider .flex-control-paging li a.flex-active { background-color: #f5da33; border-color: #979797; }

.video-box { width: 100%; height: 450px; float: left; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: relative; }
.video-box a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.video-icon { position: absolute; left: 50%; top: 50%; font-size: 202px; line-height: 1; color: #ffffff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
.zoom-icon { font-size: 16px; color: #FFFFFF; line-height: 1; position: absolute; right: 15px; bottom: 15px; }
.video-box:hover .video-icon {
	color: #f5da33;
}

.no-banner { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.no-banner .inner-banner { height: 195px; background-image: none !important; }
.no-banner .breadcrumb-block { background-color: transparent; }
.no-banner .B_crumbBox > li > a { color: #FFFFFF; }
.contact-page { background-image: url("../assets/images/contact_bg.jpg"); }
.rfq-page { /* background-image: url("../assets/images/rfq_bg.jpg"); */ background-color: #1c1c19; }
.contact-page .forms-block .forms:before { background: #000000 url("../assets/images/contact_bg.jpg") no-repeat 50% 50%; }
.rfq-page .forms-block .forms:before { background: #000000 url("../assets/images/rfq_bg.jpg") no-repeat 50% 50%; }
.forms-block { padding: 0 !important; }
.forms-block .forms { width: 100%; float: left; position: relative; z-index: 0; padding: 40px 70px 20px; }
.forms-block .forms:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); -webkit-filter: blur(10px); }
.forms-block .forms:after { width: 100%; height: 100%; background-color: #7a7a7a; content: ""; position: absolute; left: 0; top: 0; opacity: 0.8; z-index: -1; }
.forms-block p { color: #FFFFFF; }
.forms input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.forms input[type=checkbox].css-checkbox + label.css-label { padding-left:23px; height:15px;  display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:12px; vertical-align:middle; cursor:pointer; }
.forms input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; }
.forms label.css-label { background-image:url("../assets/images/checkbox_bullet.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.forms .checkbox-box { margin-top: 24px; }
#rfq .checkbox-box { margin-top: 0; }
.forms-block textarea.form-control { height: 284px; }
.map { width: 100%; height: 366px; margin-top: 25px; }
.map iframe {
	border: 0;
	width: 100%;
	height: 100%;
}
.company-info { padding-top: 30px; }
.company-info p { color: #d5d5d5; font-size: 12px; margin: 0; }
.company-info p strong { font-size: 14px; }
.rfq-page .forms-block .forms { padding-bottom: 50px; }
.rfq-page .forms-block textarea.form-control { height: 230px; }

/* Footer CSS */
#footer { background-color: #1c1c19; border-top: 24px solid #000000; position: relative; padding: 50px 0 0; }
#footer:before { width: 480px; height: 24px; background-color: #f5da33; content: ""; position: absolute; left: 50%; top: -24px; transform: translateX(-50%); z-index: 3; }
#footer p { font-size: 12px; color: #d5d5d5; line-height: normal; }
#footer h4 { color: #d5d5d5; font-size: 15px; margin-bottom: 20px; }
ul.connected-link { list-style-type: none; margin: 0; padding: 0; }
ul.connected-link li { font-size: 12px; color: #d5d5d5; position: relative; margin-bottom: 20px; padding-left: 30px; }
ul.connected-link li a { color: #d5d5d5; }
ul.connected-link li:before { font-family:'FontAwesome'; font-size: 15px; position: absolute; left: 0; top:0; }
ul.connected-link li:nth-child(1):before { content: "\f2bc"; }
ul.connected-link li:nth-child(2):before { content: "\f095"; }
ul.connected-link li .btn { margin-top: 15px; }
ul.quick-links { float: left; list-style-type: none; margin: 40px 0 0; padding: 0; }
ul.quick-links li { min-width: 100px; float: left; border-left: 1px dashed rgba(255,255,255,0.44); text-align: center; padding: 0 10px; }
ul.quick-links li:first-child { border-left: 0; }
ul.quick-links li a { display: inline-block; text-align: center; font-size: 12px; color: #FFFFFF; }
ul.quick-links li a span { display: block; }
ul.quick-links li a span.icon-pic { min-height: 60px; margin: 0 auto }
ul.quick-links li a span .hover, ul.quick-links li a:hover span .normal { display: none; }
ul.quick-links li a:hover { color: #f5da33; }
ul.quick-links li a:hover span .hover { display: inline-block; }
ul.quick-links li a:hover span .hover { display: inline-block; }
.footer-bottom { border-top: 1px solid #979797; position: relative; margin-top: 40px; padding: 10px 0; }
.footer-bottom p { margin: 0; padding: 0; }
.footer-bottom a { color: #d5d5d5; }
.footer-bottom a:hover { color: #f5da33; }
.footer-logo { text-align: center; position: absolute; left: 50%; bottom: 35px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.footer-logo a { display: inline-block; background-color: #1c1c19; padding: 0 5px; }

/* Content block layouts */

#middle .block.no-bg + .block.no-bg {
	padding-top: 0;
}

#middle .nested > .block {
	padding: 0;
}

.bg-left,
.bg-right {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.bg-left-50,
.bg-right-50 {
	width: 50%;
}

.bg-right {
	right: 0;
}

/* Gallery slider */

/************* Gallery & Buckets Styling *********/
.gallery{
	clear:both;
}

.gallery .ion-arrow-expand:before {
    content: "\f25e";
    color: white;
    position: absolute;
    bottom: 0px;
    right: 3px;
    font-size: 24px;
}

.gallery .slick-prev, 
.gallery .slick-next {
	height: 48px;
}

.gallery img {
	width: 100%;
}
.gallery .img-wrapper {
    margin:10px 1%;
    float:left;
    position:relative;
}
.gallery.fullwidth .img-wrapper{
	width:100%;
	margin:10px auto;
	float:none;
}
.gallery.two-cols .img-wrapper {
    width:48%;
}
.gallery.three-cols .img-wrapper{
    width:31%;
}
.gallery.four-cols .img-wrapper{
    width:23%;
}
.gallery.five-cols .img-wrapper{
    width:18%;
}

/* ****************************************** Gallery Slider */

.gallery-slider,
.gallery.carousel,
.single-slider,
.single-slider-auto {
	width: 90%;
    margin: 0 auto;
}

.gallery-slider .slick-slide img,
.single-slider .slick-slide img,
.single-slider-auto .slick-slide img {
	margin: 0 auto;
}

.gallery-slider .slick-prev:before, 
.gallery-slider .slick-next:before,
.single-slider .slick-prev:before, 
.single-slider .slick-next:before,
.single-slider-auto .slick-prev:before, 
.single-slider-auto .slick-next:before,
.gallery.carousel .slick-prev:before, 
.gallery.carousel .slick-next:before {
	content: "\f105";
	font-family: "fontawesome";
	font-size: 48px;
	color: #000;
	font-weight: 400;
}

.gallery-slider .slick-prev:before,
.gallery.carousel .slick-prev:before,
.single-slider .slick-prev:before,
.single-slider-auto .slick-prev:before {
	content: "\f104";
}

.gallery-slider-wrapper a.content-button.white-btn {
	width: 570px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px;
}

/* ****************************************** Timeline */

.timeline-item p.year {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 18px;
}

.timeline-item p.caption {
	margin-bottom: 0;
}

.timeline-images-wrapper img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.timeline::before {
    content: "";
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 100%;
    width: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 49.6%;
}

.timeline {
	position: relative;
}

.timeline-item {
	background: #E9E9E9;
	width: 46%;
	margin: 20px 0;
	padding: 15px;
	position: relative;
	visibility: hidden;
}
.timeline-item.animated {
	visibility: visible;
}
.timeline-item:first-child {
	margin-top: 0;
}
.timeline-item:nth-child(2) {
	margin-top: 80px;
}
.timeline-item-wrapper:nth-child(odd) .timeline-item {
	float: left;
	clear: left;
}
.timeline-item-wrapper:nth-child(even) .timeline-item {
	float: right;
}
.timeline-item:hover {
	background: #fff;
	box-shadow: inset 0 0 0 1px #1c1c19;
	-moz-box-shadow: inset 0 0 0 1px #1c1c19;
	-webkit-box-shadow: inset 0 0 0 1px #1c1c19;
	z-index: 9;
}

.timeline-item:before {
	content:"";
	background: #ebebeb;
	height:5px;
	width:32px;
	display: block;
	position: absolute;
	top:45px;
}
.timeline-item-wrapper:nth-child(odd) .timeline-item::before {
	right:-32px;
}
.timeline-item-wrapper:nth-child(even) .timeline-item::before {
	left:-32px;
}
.timeline-item:hover::before {
	background: #f5da33;
}

.timeline-item::after {
	content:"";
	background: #193735;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0 0 0 4px #fff;
	-moz-box-shadow: 0 0 0 4px #fff;
	-webkit-box-shadow: 0 0 0 4px #fff;
	height:18px;
	width:18px;
	display: block;
	position: absolute;
	top:38px;
}
.timeline-item:hover::after {
	background: #f5da33 !important;
	box-shadow: none;
	height:26px;
	width: 26px;
	top:35px;
}
.timeline-item-wrapper:nth-child(odd) .timeline-item::after {
	background: #1c1c19;
	right:-10.5%;
}
.timeline-item-wrapper:nth-child(odd) .timeline-item:hover::after {
	right:-11%;
}
.timeline-item-wrapper:nth-child(even) .timeline-item::after {
	background: #1c1c19;
	left:-10.5%;
}
.timeline-item:nth-child(even):hover::after {
	left:-11.5%;
}

/*
@media only screen and (min-width: 1200px) {
  .cd-is-hidden {
    visibility: hidden;
  }

  .cd-timeline__img.cd-timeline__img--bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s;
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}
*/


/* ************** Quote Cart ************* */

.fa-cart-plus::before,
.fa-trash::before {
    font-family: "FontAwesome";
}

#topspot-catalog-product-listing-table .description,
#topspot-catalog-product-listing-table .sku,
#topspot-catalog-product-listing-table .name {
	display: none;
}

#topspot-catalog-product-listing-table th.controls::after {
	content: "Add to Quote";
}

#mini-cart {
	position: relative !important;
	right: auto !important;
	top: auto !important;
/* 	display: block !important; */
}

#mini-cart i {
	display: block;
	width: 30px;
	height: 30px;
	background-color: #222;
}

#quote-cart-form {
	background-color: rgba(0,0,0,0.80);
	padding: 20px;
}

#topspot-catalog-filters-form input {
	width: 70%;
	float: left;
}

.topspot-catalog-refresh-filter-btn {
	margin-left: 10px;
}

#topspot-catalog-product-filters h3 {
	display: none;
}

#topspot-catalog-product-listing {
	overflow-x: scroll;
	clear: both;
}

.topspot-catalog-cart-product-table {
	color: #fff;
}

.topspot-catalog-cart-product-table .description .attribute-table {
	padding-left: 15px;
}

.topspot-catalog-cart-product-table label,
.topspot-catalog-cart-product-table .customization,
.topspot-catalog-cart-product-table .sku,
.topspot-catalog-cart-product-table .name {
	display: none !important;
}

.topspot-catalog-cart-product-table input,
.topspot-catalog-cart-product-table textarea {
	color: #73725A;
}

.topspot-catalog-cart-product-table .controls i {
	color: #fff;
}

#mini-cart {
	display: none;
}

span.topspot-catalog-cart-number {
	display: inline-block !important;
	margin-left: 2px;
}

/* ********* PDF Viewer ********** */

.pdf-ctas {  }
/*
.pdf-ctas > a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    min-width: 190px;
    margin: 10px;
    padding: 0 1.25em;
    background: #0a9107;
    border: 1px solid #055204;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
    text-shadow: 0 2px 2px #055204;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
}
.pdf-ctas > a:hover {
    background: #0cb809;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
}
*/
.pdf-ctas > a {
	margin: 10px 0;
}
.pdf-ctas #btn_rfq {  }
.pdf-ctas #btn_dl_pdf {  }
.pdf-iframe {
    position: relative;
    padding-bottom: 129.4%; /* 8.5:11 */
    padding-top: 0px;
    height: 0;
}
.pdf-iframe iframe,
.pdf-iframe object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.pdf-iframe {
	margin-bottom: 30px;
}
.pdf-iframe .resp { display: none; }
@media only screen and (max-width: 1199px) {
    .pdf-iframe .default { display: none !important; }
    .pdf-iframe .resp { display: block !important; }
}

@media only screen and (max-width: 767px) {
	
	.pdf-ctas > a {
		display: block;
		width: 100%;
		margin-bottom: 16px;
	}
	
}

/* Parallax Objects */

	
.parallax-item-wrapper:nth-child(odd) .parallax-item {
	background: #eee;
}

.parallax-item-wrapper:nth-child(even) .parallax-item {
	background: #fff;
}

.parallax-item-wrapper:nth-child(odd) .parallax-item .timeline-images-wrapper {
	float: left;
	margin-right: 10px;
}

.parallax-item-wrapper:nth-child(even) .parallax-item .timeline-images-wrapper {
	float: right;
	margin-left: 10px;
}

.parallax-item .year {
	margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

.parallax-item {
	padding: 10px;
}

@media only screen and (max-width: 767px) {
	
	.parallax-item-wrapper .parallax-item .timeline-images-wrapper {
		float: none !important;
	}
	
	
}

@media only screen and (max-width: 1199px) {
	
	.parallax-item-wrapper {
		transform: translateZ(0) scale(1) !important;
	}
	
	.parallax-item {
		margin-top: 0 !important;
	}
	
}

@media only screen and (min-width: 1200px) {

	.parallax-wrapper {
	  -ms-perspective: 1px;
	  perspective: 1px;
	  height: 100vh;
	  overflow-x: hidden;
	  overflow-y: auto;
	  min-height: 2000px;
	}
	
	.parallax-item-wrapper {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background: none;
	  justify-content: center;
	}
	
	
	.parallax-padding {
		height: 20000px;
	}
	
	
	.parallax-item {
	  min-height: 400px;
	}
	
	/* Change margin for the first item only */
	
	.parallax-item.object-1 {
		margin-top: 50px;
	}

}

/* Internet Explorer */

#update-browser {
	z-index: 10000;
    position: fixed;
    width: 100%;
    background: #eee;
    text-align: center;
    padding: 20px;
    display: none;
}

#update-browser .title {
	font-weight: bold;
	text-transform: uppercase;
}

#update-browser ul {
	list-style: none;
    padding-left: 0;
}