*{margin: 0px; padding: 0px;}
@font-face {
	font-family: 'roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot');
	src: local('☺'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'oswald-Bold';
	src: url('../fonts/Oswald-Bold.eot');
	src: local('☺'), url('../fonts/Oswald-Bold.woff') format('woff'), url('../fonts/Oswald-Bold.ttf') format('truetype'), url('../fonts/Oswald-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{font-family: arial; font-size: 14px; }
h1, h2, h3, h4, h5, h6{font-family: 'oswald-Bold';}
.red-text{color: #c91d34;}
.blue-text{color: #281f9d;}
.yellow-text{color: #d3b56c;}
.center{text-align: center;}
.left{float: left;}
.right{float: right;}
.text-shadow{text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424,  0 22px 30px rgba(0, 0, 0, 0.6);}
ul li{margin: 10px 0px 10px 15px; line-height: 22px; }
p{margin-bottom: 15px; line-height: 22px;}
.container{width: 960px; padding: 0 15px 15px 15px; margin: 0 auto; position: relative;}
.banner{width: 100%; min-height: 300px; background: url(../images/banner-image.jpg) center no-repeat; background-size: cover;}
.banner-left{width: 70%; padding: 5px 5%;}
h1{font-size: 54px; font-weight: bold; color: #59aae2; margin: 22px 0; line-height: 70px;}
h2{font-size: 34px; color: #fff; letter-spacing: 4px;}
.banner-text{font-size: 34px; font-family: 'oswald-Bold'; color: #efe99b;}
.banner-right{width:20%;}
.section-wrap{width: 100%; margin: 15px 0;}
h3{font-size: 26px;}
.read-box{width: 20px; height: 20px; background: #c91d34; margin-right: 15px; display: inline-block;}
h3 .heading-small-text{font-size: 18px}
.full-width{width: 100%;  display: flex;}
.half-width{width: 44%;margin: 5px 3%; display: inline-flex;}
.list-wrap{ margin: 5px 5%;}
.smaller-text{font-size: .85em}
.watermark{background: url(../images/watermark-logo.png) no-repeat center;}
.col-md-2{width:18%; padding: 0 10px; margin: 10px;}
.col-md-6{width: 60%;padding: 0 10px; margin: 10px;}
.col-md-12{width: 100%;}
.blue-bg{background:  #281f9d;}
h5{font-size: 36px; font-weight: bolder; text-align: right; -ms-transform: skewY(-10deg); /* IE 9 */
  -webkit-transform: skewY(-10deg); /* Safari 3-8 */
  transform: skewY(-10deg); margin: 6px 0; line-height: 42px;}
h5 sup{background: #281f90; border-radius: 50%; padding: 0 5px; font-size: 12px; margin-left: 10px; }  
h5.margin-top{margin-top: 90px;}
.image-wrap{ position: relative;  width: 30%; float: left;}
.image-wrap img{border: 1px solid #ccc; padding: 2%; width: 90%; height: 80px;}
h6{font-size:22px; margin: 20px 0 10px 0; }
.important-text-wrap{width: 35%; background: #ccc; height: 80px; background: url(../images/offter-wrap.png) no-repeat center; background-size: cover; color: #fff; font-size:12px; padding: 6px 30px; }

@media(max-width: 768px){
	.container{width: 100%; padding: 0;}
	.banner-text {font-size: 18px; font-family: arial;}
	h1{font-size:26px; line-height: 40px;}
	h2{font-size: 20px; letter-spacing: 2px;}
	.banner-right img{width: 100%;}
	.section-wrap{width:90%; margin: 15px 5%;}
	.full-width{display: block;}
	.half-width{width: 94%; margin: 0 3%}
	.list-wrap{margin: 0 5%;}
	.col-md-2, .col-md-6{width: 90%; margin: 0%; padding: 0 2%;}
	.image-wrap{width: 100%;}
	.image-wrap img{width: 100%; height: auto;}
	.important-text-wrap{width: 99%; background:#483e7d; padding: 6px 3%; }
	h5{text-align: center;  -ms-transform: skewY(0deg); /* IE 9 */
  -webkit-transform: skewY(0deg); /* Safari 3-8 */
  transform: skewY(0deg);}
  h5.margin-top {margin-top: 10px; }
  h5.right, h5 span.left, h5 sup.right{float: none;}
  h5 span br{display: none;}



}
.important-text-wrap.left p {
	color: #fff;
	font-size: 12px;
	margin-bottom: 15px;
	line-height: 20px;
	margin-top: 4px;
  }
  .fivesteptxt {
	font-family: 'oswald-Bold';
	font-weight: bolder !important;
	font-size: 36px;
    font-weight: bolder;
    text-align: left;
    -ms-transform: unset;
    -webkit-transform: unset;
    transform: unset;
    margin: 6px 0;
    line-height: 42px;
  }
  .important-text-wrap.left {
    text-align: center;
    padding-top: 5px;
}
h5 sup {
    background: #281f90;
    border-radius: 50%;
    padding: 20px 5px;
    font-size: 12px;
    margin-left: 10px;
}
.container.section-wrap h5.yellow-text.right{
	font-size: 36px;
    font-weight: bolder;
    text-align: left;
    -ms-transform: unset;
    -webkit-transform: unset;
    transform: unset;
    margin: 6px 0;
    line-height: 42px;
	font-family: 'oswald-Bold';
}
.CementTile, .BarrelTile {
    font-weight: 900;
    font-family: 'oswald-Bold';
    font-size: 20px;
    margin: 8px 0 10px 0;
}
.col-md-2.left.blue-bg.yellow-text {
    padding-bottom: 24px;
}