html, body{
  overflow-x: hidden;
  scroll-behavior: smooth;
}

h1{
  font-size: 18pt;
  font-family: titillium web, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

h2{
  font-size: 15pt;
  font-family: titillium web, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}



p{
  font-family: Titillium web, sans-serif;
  font-size: 12pt;
}

.gradient{
  background: rgb(27,117,186);
  background: linear-gradient(90deg, rgba(27,117,186,1) 0%, rgba(0,165,155,1) 100%);
  height: 10px;
  width: 100%;
}

.container1{
  width: 100%;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.margin-top-20{
  margin-top: 20px;
  transition: 0.3s;
}

.margin-top-40{
  margin-top: 40px;
  transition: 0.3s;
}

.margin-top-100{
  margin-top: 100px;
  transition: 0.3s;
}

.padding-right{
  padding-right: 100px;
  transition: 0.3s; 
}

.padding-left{
  padding-left: 100px;
  transition: 0.3s;
}

.right{
  text-align: right;
}

.left{
  text-align: left;
}

.navBtn{
  width: 150px;
  border: none;
  border-radius: 5px;
  background-color: #00A59B;
  padding: 10px 15px;
  color: white;
  font-family: Titillium web, sans-serif;
  font-size: 12pt;
  font-weight: 600;
}

.navInfo{
  font-family: Titillium web, sans-serif;
  font-weight: 600;
  font-size: 14pt;

}

.navbar2 {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.navbar2 a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 550;
  font-family: Titillium Web, sans-serif;
}

.dropdown2 {
  float: left;
  overflow: hidden;
  transition: 0.2s;
  text-align: center;
}

.dropdown2:hover{
  background-color: #033B5E;
  /*background-image: url(../img/navBg.svg);*/
  background-size: cover;
  background-position: center;
}


.dropdown2 .dropbtn2 {  
  border: none;
  outline: none;
  color: white;
  padding: 10px 24px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  transition: 0.3s;
  font-family: Titillium Web, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 550;
}

/*.navbar2 a:hover {
  background-color: #18988B;
}*/


.dropdown-content2 {
  display: none;
  background-color: rgb(3,59,94,1);
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  min-width: 160px;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
  padding: 10px 20px;
}



.dropdown-content2 a {
  float: none;
  color: #fff;
  padding: 26px;
  height: 100px;
  text-decoration: none;
  display: block;
  text-align: left;
  width: 97%;
  transition: 0.3s;
  font-size: 16px;
}

/*.dropdown-content2 a:hover {
  color: white;
  text-decoration: none;
}*/

/*.a1{
  background-image: url(../img/a/a1.jpg);
  background-size: cover;
}

.a1:hover{
  transform: scale(1.02);
  background-position: bottom;
}
*/

.a1{
  background-color: rgb(0,165,155,1);
  transition: 0.25s all ease-in;
}

.a1:hover{
  background-color: rgb(0,165,155,0);
  background-image: url(../img/a/a1.jpg);
  transform: scale(1.02);
  background-size: cover;
  background-position: bottom;
}


.a2{
  background-image: url(../img/a/a2.jpg);
  background-size: cover;
}

.a2:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a3{
  background-image: url(../img/a/a3.jpg);
  background-size: cover;
}

.a3:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a4{
  background-image: url(../img/a/a4.jpg);
  background-size: cover;
}

.a4:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a5{
  background-image: url(../img/a/a5.jpg);
  background-size: cover;
}

.a5:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a6{
  background-image: url(../img/a/a6.jpg);
  background-size: cover;
}

.a6:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a7{
  background-image: url(../img/a/a7.jpg);
  background-size: cover;
}

.a7:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a8{
  background-image: url(../img/a/a8.jpg);
  background-size: cover;
}

.a8:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a9{
  background-image: url(../img/a/a9.jpg);
  background-size: cover;
}

.a9:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a10{
  background-image: url(../img/a/a10.jpg);
  background-size: cover;
}

.a10:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a11{
  background-image: url(../img/a/a11.jpg);
  background-size: cover;
}

.a11:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a12{
  background-image: url(../img/a/a12.jpg);
  background-size: cover;
}

.a12:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.a13{
  background-image: url(../img/a/a13.jpg);
  background-size: cover;
}

.a13:hover{
  transform: scale(1.02);
  background-position: bottom;
}



.c1{
  background-image: url(../img/c/c1.jpg);
  background-size: cover;
}

.c1:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c2{
  background-image: url(../img/c/c2.jpg);
  background-size: cover;
}

.c2:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c3{
  background-image: url(../img/c/c3.jpg);
  background-size: cover;
}

.c3:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c4{
  background-image: url(../img/c/c4.jpg);
  background-size: cover;
}

.c4:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c5{
  background-image: url(../img/c/c5.jpg);
  background-size: cover;
}

.c5:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c6{
  background-image: url(../img/c/c6.jpg);
  background-size: cover;
}

.c6:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c7{
  background-image: url(../img/c/c7.jpg);
  background-size: cover;
}

.c7:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c8{
  background-image: url(../img/c/c8.jpg);
  background-size: cover;
}

.c8:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c9{
  background-image: url(../img/c/c9.jpg);
  background-size: cover;
}

.c9:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c10{
  background-image: url(../img/c/c10.jpg);
  background-size: cover;
}

.c10:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.c11{
  background-image: url(../img/c/c11.jpg);
  background-size: cover;
}

.c11:hover{
  transform: scale(1.02);
  background-position: bottom;
}



.i1{
  background-image: url(../img/i/i1.jpg);
  background-size: cover;
}

.i1:hover{
  transform: scale(1.02);
  background-position: bottom;
}


.i2{
  background-image: url(../img/i/i2.jpg);
  background-size: cover;
}

.i2:hover{
  transform: scale(1.02);
  background-position: bottom;
}


.i3{
  background-image: url(../img/i/i3.jpg);
  background-size: cover;
}

.i3:hover{
  transform: scale(1.02);
  background-position: bottom;
}


.ins1{
  background-image: url(../img/ins/ins1.jpg);
  background-size: cover;
}

.ins1:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.ins2{
  background-image: url(../img/ins/ins2.jpg);
  background-size: cover;
}

.ins2:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.ins3{
  background-image: url(../img/ins/ins3.jpg);
  background-size: cover;
}

.ins3:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.ins4{
  background-image: url(../img/ins/ins4.jpg);
  background-size: cover;
}

.ins4:hover{
  transform: scale(1.02);
  background-position: bottom;
}


.ins5{
  background-image: url(../img/ins/ins5.jpg);
  background-size: cover;
}

.ins5:hover{
  transform: scale(1.02);
  background-position: bottom;
}



.m1{
  background-image: url(../img/m/m1.jpg);
  background-size: cover;
}

.m1:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.m2{
  background-image: url(../img/m/m2.jpg);
  background-size: cover;
}

.m2:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.m3{
  background-image: url(../img/m/m3.jpg);
  background-size: cover;
}

.m3:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.m4{
  background-image: url(../img/m/m4.jpg);
  background-size: cover;
}

.m4:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.m5{
  background-image: url(../img/m/m5.jpg);
  background-size: cover;
}

.m5:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.m6{
  background-image: url(../img/m/m6.jpg);
  background-size: cover;
}

.m6:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.m7{
  background-image: url(../img/m/m7.jpg);
  background-size: cover;
}

.m7:hover{
  transform: scale(1.02);
  background-position: bottom;
}


.s1{
  background-image: url(../img/s/s1.jpg);
  background-size: cover;
}

.s1:hover{
  transform: scale(1.02);
  background-position: bottom;
}


.s2{
  background-image: url(../img/s/s2.jpg);
  background-size: cover;
}

.s2:hover{
  transform: scale(1.02);
  background-position: bottom;
}


.s3{
  background-image: url(../img/s/s3.jpg);
  background-size: cover;
}

.s3:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.s4{
  background-image: url(../img/s/s4.jpg);
  background-size: cover;
}

.s4:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.s5{
  background-image: url(../img/s/s5.jpg);
  background-size: cover;
}

.s5:hover{
  transform: scale(1.02);
  background-position: bottom;
}

.s6{
  background-image: url(../img/s/s6.jpg);
  background-size: cover;
}

.s6:hover{
  transform: scale(1.02);
  background-position: bottom;
}






.dropdown2:hover .dropdown-content2 {
  display: block;
}

.navItem{
  height: 180px;
}

.slide1{
  height: 380px;
  background-image: url(../img/001.jpg);
  background-size: cover;
}

.slide2{
  height: 380px;
  background-image: url(../img/002.jpg);
  background-size: cover;
}

.slide3{
  height: 380px;
  background-image: url(../img/003.jpg);
  background-size: cover;
}

.slideBg{
  background-image: url(../img/slideBg.svg);
  background-size: cover;
  background-position: right;
  width: 700px;
  position: absolute;
  z-index: 1;
  height: 380px;
  transition: 0.3s;
}

.slidezag{
  color: #fff;
  line-height: 1.1;
  text-transform: uppercase;
  margin-top: 50px;
}

.slidetext{
  color: #fff;
  text-align: justify;
  width: 70%;
  font-size: 12pt;
}

.slider{
  position: relative;
  width: 80%;
  float: right;
  height: 380px;
}

.slideImg{
  height: 380px;
  float: right;
}

.main{
  margin-top: 450px;
}


.aboutLogo{
  margin-right: 20px;
}

.panel{
  background-color: #F1F2F2;
  border-radius: 10px;
  height: 500px;
  transition: 0.3s all ease-in-out;
}

.cardHeaderBg{
  background-color: #033B5E;
  color: white;
  padding: 10px 0px 5px 20px;
  border-radius: 10px;
}

.panel-body{
  padding: 10px 10px 5px 20px; 
}

.serviceName{
  color: #00A59B;
  padding-bottom: 10px;
}

.serviceDesc{
  color: #58595B;
  padding-bottom: 10px;
}

.serviceBg{
  margin-top: 40px;
  background-image: url(../img/hanson2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  height: 80vh;
}

.moreBtn{
  border: none;
  border-radius: 5px;
  background-color: #00A59B;
  padding: 10px 15px;
  color: white;
  font-family: Titillium web, sans-serif;
  font-size: 12pt;
  font-weight: 600;
  transition: 0.3s;
}

.moreBtn:hover{
  background-color: #033B5E;
  color: white;
  text-decoration: none;
}

.greenBg{
  background-image: url(../img/greenBg.svg);
  background-size: cover;
  padding: 20px;
}

.greenBg img{
  width: 550px;
  transition: 0.3s;
}

.lightBlueBg{
  background-image: url(../img/lightBlue.svg);
  background-size: cover;
  background-position: right;
  padding: 20px;
}

.lightBlueBg img{
  width: 550px;
  float: right;
  transition: 0.3s;
}

.contacts{
  background-color: #F1F2F2;
}

.contactsImg{
  background-image: url(../img/contactBg.svg);
  background-size: cover;
  padding: 20px;
  transition: 0.1s;
}

.contactsIn{
  width: 60%;
  background-color: transparent;
  padding: 10px 15px;
  border: 2px solid #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}

::placeholder{
  color: white;
  font-family: titillium web, sans-serif;
}

/*.grupba{
  position: absolute;
  right: 0;
}
*/
.input1{
  width: 25%;
  background-color: #00A59B;
  padding: 15px 20px;
  border: none;
  border-radius: 10px;
  color: white;
  font-family: Titillium web, sans-serif;
  font-weight: bold;
}

#feedback{
  width: 20%;
}

.feedback{
  font-family: Titillium web, sans-serif;
  font-weight: lighter;
  font-style: italic;
  color: white;
  margin-top: 10px;
}

label{
  font-family: Titillium web, sans-serif;
  color: #00A59B;
}

footer{
  background: rgb(27,117,186);
  background: linear-gradient(270deg, rgba(27,117,186,1) 0%, rgba(0,165,155,1) 100%);
  padding: 20px 0px;
}

.footerBtn{
  border: none;
  padding: 10px 0px;
  margin-right:50px;
  background-color: transparent;
  color: white;
  font-family: titillium web, sans-serif;
  text-transform: uppercase;
  transition: 0.3s;
}

.footerBtn:hover{
  text-decoration: none;
}

.footerText{
  color: white;
  font-family: Titillium web, sans-serif;
  width: 100%;
}

.social{
  margin: 10px 20px;
}

input{
  color: white;
}

input:focus{
  outline: none;
  color: white;
}

textarea{
  color: white;
}

textarea:focus{
  color: white;
  outline: none;
}

.form-group{
  width: 100%;
}

.form-group2{
  width: 80%;
}

/*=================================*/
/*Side Nav*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: #033B5E;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.transparent{
  background-color: transparent;
  border: none;
}

.dropdown1:focus{
  border: none;
  outline: none;
  box-shadow: none;
}


.dropdown1{
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
  text-align: left;
  background-color: transparent;
  background-image: url(../img/mobnavBg.svg);
  background-size: cover;
  background-position: right;
  border-radius: 0px;
  margin-bottom: 15px;
  width: 400px; 
  border: none; 
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-left: 8px;
  margin-top: 3px;
}

.sidenav a:hover, .dropdown1:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 36px;
  color: white;
  background-color: transparent;
}


.hamburger{
  position: absolute;
  z-index: 1;
  right: 25px;
  top: 35px;
}

.card-header1{
  padding: 0px;
  border-radius: 0px;
}

.card-body1{
  padding: 0px;
  background-color: #1B75BA;
  transition: 0.3s ease;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/*=================================*/
/*/Side Nav*/

/*==================================*/

/*/Index.html*/
/*=================================*/


#safety{
  background-color: #F1F2F2;
  padding: 30px 0px;
}

.box{
  max-width: 400px;
}

.description{
  width: 90%;
  font-weight: bolder;
}

.aboutTextBox{
  background-color: #1D76BB;
  text-align: center;
  padding: 50px 15px;
  margin-top: 20px;
  color: white;
  font-weight: bolder;
}
/*services*/


.breadcrumb{
  background-color: transparent;
}

.breadcrumb .breadcrumb-item a{
  text-decoration: none;
  color: grey;
  font-family: titillium web, sans-serif;
  font-weight: 600;
}

.serviceImg{
  height: 500px;
}

.serviceImg img{
  height: 200px !important;
  width: 200px !important;
}
.railsys{
  background-image: url(../img/access/rope.png);
  background-size: cover;
}

.netting{
  background-image: url(../img/access/netting.png);
  background-size: cover;
}

.anchor{
  background-image: url(../img/access/collective.jpg);
  background-size: cover;
}

.collective{
  background-image: url(../img/access/collective.png);
  background-size: cover;
}

.man{
  background-image: url(../img/access/man.png);
  background-size: cover;
}

.roofcable{
  background-image: url(../img/access/roofcable.png);
  background-size: cover;
}

.wah{
  background-image: url(../img/access/wah.png);
  background-size: cover;
}

.trolley{
  background-image: url(../img/access/trolley.png);
  background-size: cover;
}

/* .bespoke{
  background-image: url(../img/access/bespoke.png);
  background-size: cover;
} */

.safety{
  background-image: url(../img/access/safety.png);
  background-size: cover;
}

.ropeaccess{
  background-image: url(../img/access/anchor.jpg);
  background-size: cover;
}

.home1{
  background-image: url(../img/access/home1.jpg);
  background-size: cover;
}
.serviceImg #dmo{
  height: 30px !important;
}
.fallarest{
  background-image: url(../img/access/fallarest.png);
  background-size: cover;
}

.building{
  background-image: url(../img/access/building.png);
  background-size: cover;
}

.accessladder{
  background-image: url(../img/compliance/accessladder.png);
  background-size: cover;
}

.davit{
  background-image: url(../img/compliance/davit.png);
  background-size: cover;
}

.lighting{
  background-image: url(../img/compliance/lighting.png);
  background-size: cover;
}

.safetyline{
  background-image: url(../img/compliance/safetyline.png);
  background-size: cover;
}

.guardrail{
  background-image: url(../img/compliance/guardrail.png);
  background-size: cover;
}

.bmu{
  background-image: url(../img/compliance/bmu.png);
  background-size: cover;
}

.mobileman{
  background-image: url(../img/compliance/mobileman.png);
  background-size: cover;
}

.eyebolt{
  background-image: url(../img/compliance/eyebolt.png);
  background-size: cover;
}

.non{
  background-image: url(../img/compliance/non.png);
  background-size: cover;
}

.wind{
  background-image: url(../img/compliance/wind.png);
  background-size: cover;
}

.sitesurvey{
  background-image: url(../img/compliance/sitesurvey.png);
  background-size: cover;
}

.destructive{
  background-image: url(../img/compliance/destructive.png);
  background-size: cover;
}

.technicalman{
  background-image: url(../img/compliance/technicalman.png);
  background-size: cover;
}

.media{
  background-image: url(../img/installation/media.png);
  background-size: cover;
}

.eyebolt{
  background-image: url(../img/installation/eyebolt.png);
  background-size: cover;
}

.horver{
  background-image: url(../img/installation/horver.png);
  background-size: cover;
}

.instfab{
  background-image: url(../img/installation/instfab.png);
  background-size: cover;
}

.hvac{
  background-image: url(../img/installation/hvac.png);
  background-size: cover;
}

.consmain{
  background-image: url(../img/maintenance/consmain.png);
  background-size: cover;
}

.indcom{
  background-image: url(../img/maintenance/indcom.png);
  background-size: cover;
}

.stadium{
  background-image: url(../img/maintenance/stadium.png);
  background-size: cover;
}

.energy{
  background-image: url(../img/maintenance/energy.png);
  background-size: cover;
}

.industry{
  background-image: url(../img/maintenance/industry.png);
  background-size: cover;
}

.tank{
  background-image: url(../img/maintenance/tank.png);
  background-size: cover;
}

.accessprod{
  background-image: url(../img/special/accessprod.png);
  background-size: cover;
}

.nettingsol{
  background-image: url(../img/special/nettingsol.png);
  background-size: cover;
}

.metalsol{
  background-image: url(../img/special/metalsol.png);
  background-size: cover;
}

.steelmesh{
  background-image: url(../img/special/steelmesh.png);
  background-size: cover;
}

.steelprod{
  background-image: url(../img/special/steelprod.png);
  background-size: cover;
}

.features{
  color: #1B75BA;
}

.card{
  background-color: transparent;
}

.card-header{
  border-radius: 0px;
}

.card-body{
  background-color: #F1F2F2;
}

.btn-link{
  font-family: Titillium web, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #1B75BA;
  transition: 0.3s ease-in-out;
}

.btn-link:hover{
  text-decoration: none;
}

.btn-link:focus{
  background-color: #1B75BA;
  color: #fff;
  text-decoration: none;
}



/*/services*/



@media screen and (min-width: 1920px){
.serviceDesc{
    width: 550px;
}

}




@media screen and (max-width: 1480px){
  .dropdown2{
    width: 150px;
  }
}

@media screen and (max-width: 1395px){
  .panel{
    height: 600px;
  }
}

@media screen and (max-width: 1199px){
  .panel{
    height: 470px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1120px){

.margin-top-20{
  margin-top: 10px;
}

.margin-top-40{
  margin-top: 30px;
}

.margin-top-100{
  margin-top: 50px;
}

.padding-right{
  padding-right: 20px; 
}

.padding-left{
  padding-left: 20px;
}

.greenBg img{
  width: 480px;
}
.lightBlueBg img{
  width: 480px;
  float: right;
}

.slideBg{
  width: 500px;
  position: absolute;
  z-index: 1;
  height: 380px;
}

.slidetext{
  width: 65%;
}



.form-group{
  width: 100%;
}

}


@media screen and (max-width: 992px){


.first{
  order: 1;
}

.second{
  order: 2;
}

.third{
  order: 3;
}

.four{
  order: 4;
}

.five{
  order: 5;
}

.six{
  order: 6;
}

.seven{
  order: 7;
}

.eight{
  order: 8;
}

.nine{
  order: 9;
}

.ten{
  order: 10;
}

.eleven{
  order: 11;
}

.oniki{
  order: 12;
}

.greenBg{
  float: right;
}

.greenBg img{
  width: 550px;
  transition: 0.3s;
}
.lightBlueBg{
  background-image: url(../img/lightBlue.svg);
  background-size: cover;
  background-position: right;
  padding: 20px;
}

.lightBlueBg img{
  width: 550px;
  float: right;
  transition: 0.3s;
}

.rightContent{
  padding: 0px 60px;
}

.contactsImg{
  background-color: #033B5E;
  padding: 20px;
  transition: 0.3s;
}

.contactsIn{
  width: 100%;
}

.input1{
  width: 50%;
}

.padding{
  padding: 0px 40px;
}

.footerText{
  text-align: center;
}

.right{
  text-align: center;
}

.slideBg{
  background-image: url(../img/fullBg.svg);
  width: 100%;
  position: absolute;
  top: 460px;
  height: 380px;
  padding: 30px 30px;
  order: 14;
}

.slidezag{
  color: #fff;
  line-height: 1.1;
  text-transform: uppercase;
  margin-top: 10px;
}

.slidetext{
  color: #fff;
  text-align: justify;
  width: 90%;
  font-size: 12pt;
}

.slider{
  width: 100%;
  height: 380px;
  position: absolute;
  top: 85px
  order: 13;
}

.slideImg{
  height: 380px;
  float: right;
}

.main{
  margin-top: 800px;
}

.margin-top-40{
  margin-top: 20px;
}



}

@media screen and (max-width: 885px){
  .hidden-885{
    display: none;
  }
}

@media screen and (max-width: 768px){
  .hidden-768{
    display: none;
  }

.greenBg{
  width: 550px
}

.lightBlueBg{
  width: 550px;
}



.rightContent{
  margin-top: 20px;
  padding: 0px 20px;
}

.serviceDesc{
    text-align: justify;
}

.panel{
  height: 400px;
  margin-bottom: 40px;
}

.mobileMargin{
  margin-top: 0px;
}

}


@media screen and (max-width: 558px){
.greenBg img{
  width: 400px;
  transition: 0.3s;
  float: right;
}
.lightBlueBg img{
  width: 400px;
  float: left;
  transition: 0.3s;
}


.right{
  text-align: center;
}

.footerText{
  text-align: center;
}

footer{
  padding: 15px 0px;
}



}