/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Raleway', sans-serif;
*/
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {margin: 0; padding: 0; background: #FFFFFF; color: #383838; font-family: 'Raleway', sans-serif; width: 100%; }
*, *:after, *:before {box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }

/*----------- Banner section -----------*/

.container { max-width: 1202px; width: 100%; margin: 0 auto; padding: 0 20px; }
.clearfix { clear: both; }
.banner-flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; }
.banner-box { position: relative; width: 100%; }
.width-70 { width: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; -webkit-flex-basis: 60%; }
.banner-box.width-70 { height: 440px; }
.width-70 .banner-summary { padding: 40px; }
.banner-half-boxes { padding-left: 7px; width: 40%; }
.banner-summary { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; padding: 20px 20px; color: #fff; }
.banner-summary h1 { font-size: 35px; margin: 0 0 40px; font-weight: 600; letter-spacing: 4px; color: #FFF; font-family: 'Raleway',sans-serif; text-transform: none; }
.btn-primary { padding: 16px 41px; color: #FFF; text-decoration: none; border: 2px solid #fff; display: inline-block; text-transform: uppercase; font-weight: 600; letter-spacing: 1.4px; }
.btn-primary:hover { background: #FFF; color: #222; border-color: #FFF; }
.banner-summary h2 { font-size: 25px; margin: 0 0 40px; font-weight: 600; letter-spacing: 1.6px; line-height: 1.4em; color: #fff; font-family: 'Raleway',sans-serif; text-transform: none; }
.air-safety { font-size: 50px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: #c84923; font-weight: bold; padding: 10px 0; line-height: normal; }


.banner-half-boxes .banner-summary .btn-primary { position: absolute; bottom: 20px; left: 20px; }
.banner-half-boxes .banner-box { height: 49%; width: 100%; margin-bottom: 2%; }
.banner-half-boxes .banner-box:last-child { margin-bottom: 0; }
.banner-img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; }


/*----------- Services section -----------*/

.services { padding: 43px 0 30px; }
.flexbox { display: -webkit-box; display: -ms-flexbox; -webkit-display: flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.service-box { width: 150px; text-align: center; }
.service-icon { height: 85px; display: flex; align-items: center; margin: 0 auto; justify-content: center; }
.service-icon img { max-height: 100%; max-width: 100%; display: block; }
.service-box p { margin: 11px 0 0; color: #002a3a; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; line-height: 1.6em; height: 48px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

/*----------- Services section -----------*/

.safety-topices ul {-webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; column-count: 3; padding: 0 0 0 25px; margin: 0; list-style: none; }
.safety-topices ul li { position: relative; margin: 12px 0; padding-left: 17px; font-size: 20px; }
.safety-topices ul li:before { position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 100%; background: #555a5c; content: ""; }
.safety-topices ul li a { font-size: 100%; color: #00a3e0; text-decoration: none; letter-spacing: 0.05em;  font-weight: normal; }
.title { text-transform: uppercase; color: #000; font-size: 32px; letter-spacing: 2.4px; margin: 0 0 5px; font-family: 'Raleway', sans-serif; font-weight: bold; }

.our-work p { font-size: 20px; font-weight: normal; line-height: 1.5em; }
.left-sec { float: left; width: 60%; }
.buttons .btn-primary { border-color: #00a3e0; color: #00aae7; padding-left: 20px; padding-right: 20px; margin-right: 10px; margin-bottom: 5px;  }
.buttons .btn-primary:hover { background: #00a3e0; border-color: #00a3e0; color: #FFF; }
.our-work p { font-size: 24px; font-weight: normal; line-height: 1.4em; letter-spacing: 0.05em; margin: 20px 0 30px; }
.ads { float: right; }


.safety-topices > .container { border-top: 2px solid #e0e0e0; padding-top: 30px; }
.our-work { padding-top: 47px; padding-bottom: 47px; }