/*----------------------------------MAIN BODY STYLE----------------------------------*/
*{padding: 0px;	margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: 'PT Sans', sans-serif; font-size: 14px; color: #000; background-color: #1881d5; -webkit-animation: bugfix infinite 1s; position: relative;}
a{outline: none; text-decoration: none; color: #000;}
a:hover{text-decoration: underline;}
a img{outline:none; border: none;}

#wrapper{width: 100%; height: auto; overflow: hidden; position: relative;}
.new-line{display: block;}
.cf:before,
.cf:after{content: " "; display: table;}
.cf:after{clear: both;}
.cf{*zoom: 1;}
.inner{max-width: 1200px; position: relative;}
.header-bg{width: 100%; height: 184px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0;}
.gear-bg{height: 1165px; background: url(../images/gear-bg.png) no-repeat center top; background-size: contain; position: absolute; top: 0; left: 0; right: 0;}
/*----------------------------------
	HEADER STYLES
	---------------------------------------------------------------------------------*/
.site-header{width: 100%; height: auto; background-color: rgba(202,202,202,0.8); padding: 12px 0 19px 0; position: relative;}
.site-header .years{width: 148px; height: 124px; background: url(../images/years-icon.png) no-repeat center center; background-size: contain; float: left; margin: 26px 0 3px 0;}

.site-logo{width: 368px; height: 153px; background: url(../images/site-logo.png) no-repeat center center; background-size: contain; position: absolute; left: 50%; margin-left: -184px; top: 0;}
.site-logo a{width: 100%; height: 100%; display: block;}

.site-header .contact-details{width: 220px; height: auto; float: right; margin: 14px 0 0 0;}
.site-header .contact-details span{font-size: 16px; font-weight: 400; display: block;}
.site-header .contact-details span.more-info{margin-bottom: 12px;}
.site-header .contact-details span.call-us{margin-bottom: 9px;}
.site-header .contact-details a{font-size: 22px; font-weight: 700; display: block;}

/*----------------------------------
	INTRO CONTENT STYLES
	---------------------------------------------------------------------------------*/
.intro-content{width: 100%; position: relative; height: auto; position: relative; border-top: 16px solid #f03b34; border-bottom: 16px solid #f03b34; padding: 24px 0;}
.intro-content .featured-img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.5;}
.intro-content .content-wrap{padding: 34px 25px 53px 40px; background-color: rgba(255,255,255,0.8);}
.intro-content .content-wrap h1{margin-bottom: 36px;}
.intro-content .content-wrap p{margin-bottom: 25px;}
.intro-content .content-wrap p:last-child{margin-bottom: 0;}
.intro-content .content-wrap .left-content{margin-top: 18px;}

/*----------------------------------
	SITE MAIN STYLES
	---------------------------------------------------------------------------------*/
.site-main{width: 100%; height: auto; overflow: hidden; padding: 24px 0 37px 0;}
.site-main .content-wrap{padding: 28px 25px 37px 40px; background-color: rgba(255,255,255,0.8);}
.content-wrap h1, .content-wrap h2 { font-size: 55px; font-weight: 400; color: #f03b34; }
.content-wrap p {font-size: 16px; font-weight: 400; line-height: 25px;}
.left-content{width: 64.933920%; float: left;}

.site-main .content-wrap h2{margin-bottom: 18px; line-height: 55px;}
.site-main .content-wrap .left-content .product-table{width: 100%; height: auto; overflow: hidden;}
.site-main .content-wrap .left-content .product-table .column{float: left; height: auto;}
.site-main .content-wrap .left-content .product-table .column.img{width: 17.639077%;}
.site-main .content-wrap .left-content .product-table .column.product-name{width: 20.352781%;}
.site-main .content-wrap .left-content .product-table .column.product-number{width: 27.137042%;}
.site-main .content-wrap .left-content .product-table .column.quantity{width: 18.995929%;}
.site-main .content-wrap .left-content .product-table .column.price{width: 15.875169%;}

.site-main .content-wrap .left-content .product-table .titles{width: 100%; height: auto; background-color: #ee2225; overflow: hidden; padding: 6px 0 5px 0;}
.site-main .content-wrap .left-content .product-table .titles .column span{font-size: 16px; font-weight: 700; color: #fff; display: block;}

.site-main .content-wrap .left-content .product-table .row{width: 100%; height: auto; padding: 8px 0 4px 0; overflow: hidden;}
.site-main .content-wrap .left-content .product-table .row.bg-white{background-color: #fcfdfd;}
.site-main .content-wrap .left-content .product-table .row.bg-lightblue{background-color: #ecf6fb;}
.site-main .content-wrap .left-content .product-table .row .column.img img{display: block; width:80%; }
.site-main .content-wrap .left-content .product-table .row .column span{font-size: 16px; font-weight: 400; display: block; padding-right: 10px;}
.site-main .content-wrap .left-content .product-table .row .column h3{font-size: 16px; font-weight: 400; display: block; padding-right: 10px;}
.site-main .content-wrap .left-content .product-table .row .column.product-number{padding-top: 20px;}
.site-main .content-wrap .left-content .product-table .row .column.quantity{padding-top: 20px; text-align: center;}
.site-main .content-wrap .left-content .product-table .row .column.price{padding-top: 20px; text-align: center;}

.right-content{width: 31.013215%; float: right;}

.right-content .top { width: 100%; height: auto; }
.right-content .top a { text-decoration:none !important; }
.right-content .top a .text-wrap{width: 100%; height: auto; background-color: #f03b34; color: #fff; text-align: center; padding: 20px 5px 14px 5px;}
.right-content .top a .text-wrap h4 {font-size: 38px; color: #fff; font-weight: 700; line-height: 40px;}
.right-content .top a .text-wrap span{font-size: 18px; font-weight: 400; display: block; text-decoration:none;}
.right-content .top a .picbox { display:block; width:100%; height:auto; position:relative; }
.right-content .top a .picbox img { width: 100%; }
.right-content .top a .picbox .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 4px; background-color: rgba(240,59,52,0.6); display: none; }
.right-content .top a .picbox .overlay .icon { width: 80px; height: 80px; background: url(../images/view-icon.png) no-repeat center center; position: absolute; left: 50%; margin-left: -30px; top: 100px; pointer-events: none; }
.right-content .top a .picbox:hover .overlay { display: block; }
.right-content .top a .text-wrap:hover h4 { text-decoration:underline; }
.right-content .top a .text-wrap:hover span { text-decoration:none; }

.right-content .top .nextpic { display:block; width:100%; height:auto; position:relative; margin-top:20px; }
.right-content .top .nextpic a img { width: 100%; }
.right-content .top .nextpic a .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 4px; background-color: rgba(240,59,52,0.6); display: none; }
.right-content .top .nextpic a .overlay .icon { width: 80px; height: 80px; background: url(../images/view-icon.png) no-repeat center center; position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top:-40px; pointer-events: none; }
.right-content .top .nextpic:hover a .overlay { display: block; }

.right-content .bottom { width: 100%; height: auto; }
.right-content .bottom a { text-decoration:none !important; }
.right-content .bottom a .picbox { display:block; width:100%; height:auto; position:relative; margin-bottom:-4px; }
.right-content .bottom a .picbox img { width: 100%; }
.right-content .bottom a .picbox .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 4px; background-color: rgba(240,59,52,0.6); display: none; }
.right-content .bottom a .picbox .overlay .icon { width: 80px; height: 80px; background: url(../images/view-icon.png) no-repeat center center; position: absolute; left: 50%; margin-left: -30px; top: 100px; pointer-events: none; }
.right-content .bottom:hover a .picbox .overlay { display: block; }
.right-content .bottom a .text-wrap{width: 100%; height: auto; background-color: #f03b34; color: #fff; text-align: center; padding: 20px 5px 14px 5px;}
.right-content .bottom a .text-wrap h4{font-size: 38px; color: #fff; font-weight: 700; line-height: 40px;}
.right-content .bottom a .text-wrap span{font-size: 18px; font-weight: 400; display: block;}
.right-content .bottom:hover a .text-wrap h4 { text-decoration:underline; }
.right-content .bottom:hover a .text-wrap span { text-decoration:none; }


.site-main .right-content .contact-info{width: 100%; height: auto; background-color: rgba(24,129,213,0.2); padding: 43px 10px 35px 11.363636%;}
.site-main .right-content .contact-info ul li{list-style: none; font-size: 17px; font-weight: 400;}
.site-main .right-content .contact-info ul li.address{margin-bottom: 20px;}
.site-main .right-content .contact-info ul li.address span{font-weight: 700; display: block;}
.site-main .right-content .contact-info ul li.fax{margin-bottom: 20px;}

/*----------------------------------
	SITE FOOTER STYLES
	---------------------------------------------------------------------------------*/
.site-footer{width: 100%; height: auto; overflow: hidden;}
.site-footer .products{width: 100%; height: auto; border-top: 12px solid #f03b34; border-bottom: 12px solid #f03b34;}

/*
.site-footer .products .simply-scroll-container{position: relative;}
.site-footer .products .simply-scroll-clip{position: relative; overflow: hidden;}
.site-footer .products .simply-scroll-list{overflow: hidden; margin: 0; padding: 0; list-style: none; }	
.site-footer .products .simply-scroll-list li{padding: 0; margin: 0; list-style: none}
.site-footer .products .simply-scroll-list li img{border: none; display: block; width:120px; margin:auto;}

.simply-scroll { width: 100%; height: 90px; margin:0 auto; }
.simply-scroll .simply-scroll-clip { width: 100%; height: 90px; }
.simply-scroll .simply-scroll-list { width:100%; }
.simply-scroll .simply-scroll-list li { float: left; width: 120px; height: 90px; background-position:center center; }
.simply-scroll .simply-scroll-list li img { margin:auto; }
.simply-scroll .simply-scroll-list li a { width:100%; height:100% }
*/

.site-footer .footer-bottom{width: 100%; height: auto; overflow: hidden; background-color: #505050; padding: 25px 0 60px 0;}
.site-footer .footer-bottom .footer-nav{width: auto; float: left;}
.site-footer .footer-bottom .footer-nav li{list-style: none; font-size: 14px; font-weight: 400; color: #fff; display: inline-block; position: relative; padding: 0 9px;}
.site-footer .footer-bottom .footer-nav li::after{content: ''; position: absolute; right: -1px; top: 3px; height: 12px; width: 1px; background-color: #fff;}
.site-footer .footer-bottom .footer-nav li:first-child{padding: 0 9px 0 0;}
.site-footer .footer-bottom .footer-nav li:last-child{padding: 0 0 0 9px;}
.site-footer .footer-bottom .footer-nav li:last-child::after{display: none;}
.site-footer .footer-bottom .footer-nav li a{color: #fff;}

.site-footer .footer-bottom .designed-by{font-size: 14px; color: #1881d5; font-weight: 400; float: right;}
.site-footer .footer-bottom .designed-by a{color: #1881d5;}
.site-footer .hidden-bar { visibility:hidden; }