/* 
    Created on : May 21, 2015, 9:46:21 AM
    Author     : Madhushanka
*/
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@font-face {
  font-family: calibery;
  src: url('../font/Calibri.ttf');
}
body {
  font-family: calibery;
}
/*@blckColour :*/
/*-------------------------public---------------------*/
.aTags:hover {
  text-decoration: none;
}
/*--------------------END PUBLIC--------------------------*/
/* =======================slide 1 ================================= */
#imageLoop {
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
}
/* =====================END slide 1================================ */
/* =======================slide 2 ================================= */
#slide-2-main .secondContent {
  padding: 50px;
}
#slide-2 .second-contant p {
  padding: 5px;
  margin: 0px;
  line-height: 200%;
  width: 60%;
  color: #ffffff;
}
#slide-2 .third-contant p {
  padding: 5px;
  margin: 0px;
  line-height: 200%;
  width: 60%;
  color: #ffffff;
}
#slide-2 .second-contant h3 {
  padding-top: 50px;
  margin: 0px;
  color: #ffffff;
}
[class^="hvrn-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  margin: .10em;
  padding: 1em 2em 1em 2em;
  cursor: pointer;
  background: whitesmoke;
  text-decoration: none !important;
  line-height: 30px;
  font-size: 30px;
  color: #333333;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hvrn-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvrn-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3a3a3c;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvrn-sweep-to-right:hover,
.hvrn-sweep-to-right:focus,
.hvrn-sweep-to-right:active {
  color: white;
}
.hvrn-sweep-to-right:hover:before,
.hvrn-sweep-to-right:focus:before,
.hvrn-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* =====================END slide 2================================ */
/* =======================slide 3 ================================= */
#slide-3-main {
  height: 650px;
  background-color: #3A3A3C;
}
#slide-3-main .firstContent {
  padding: 30px;
  height: 650px;
  color: #ffffff;
}
#slide-3-main .firstContent h1 {
  color: #ffffff;
}
#slide-3-main .secondContent {
  padding: 30px;
  color: #ffffff;
}
#slide-3-main .secondContent h1 {
  left: 1000px;
  color: #ffffff;
}
#slide-3-main .secondContent a {
  color: #ffffff;
  text-decoration: none !important;
}
#slide-3-main .secondContent li {
  height: 60px;
  list-style: none;
  padding-top: 15px;
  cursor: pointer;
}
[class^="hvr1-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  margin: .10em;
  padding: 1em 2em 1em 2em;
  cursor: pointer;
  background: #0070c0;
  text-decoration: none !important;
  line-height: 30px;
  font-size: 30px;
  color: white;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hvr1-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr1-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr1-sweep-to-right:hover,
.hvr1-sweep-to-right:focus,
.hvr1-sweep-to-right:active {
  color: white;
}
.hvr1-sweep-to-right:hover:before,
.hvr1-sweep-to-right:focus:before,
.hvr1-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
[class^="hvr2-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  height: 60px;
  width: 550px;
  margin-bottom: .50em;
  padding: 0.8em 2em 1em 2em;
  cursor: pointer;
  background: #3a3a3c;
  text-decoration: none !important;
  line-height: 30px;
  font-size: 20px;
  color: white;
  border-bottom: 1px solid #616163;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hvr2-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr2-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0070c0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr2-sweep-to-right:hover,
.hvr2-sweep-to-right:focus,
.hvr2-sweep-to-right:active {
  color: #ffffff;
}
.hvr2-sweep-to-right:hover:before,
.hvr2-sweep-to-right:focus:before,
.hvr2-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* =====================END slide 3================================ */
/* =======================slide 4 ================================= */
/* =====================END slide 4================================ */
/* =======================slide 5 ================================= */
#slide-5-main {
  height: 650px;
  background-color: #EBEBEB;
}
#slide-5-main .firstContent {
  margin-top: 50px;
}
#slide-5-main .thirdContent {
  margin-top: 50px;
}
#slide-5-main .secondContent {
  margin-top: 50px;
}
#slide-5-main .firstContent h2 {
  color: #3a3a3c;
}
#slide-5-main .thirdContent h2 {
  color: #3a3a3c;
}
#slide-5-main .secondContent h2 {
  color: #3a3a3c;
}
#slide-5-main .firstContent #pTag1 {
  color: #0070c0;
}
#slide-5-main .secondContent #pTag2 {
  color: #0070c0;
}
#slide-5-main .thirdContent #pTag3 {
  color: #0070c0;
}
#slide-5-main .firstContent #pTag1:hover {
  color: #3a3a3c;
}
#slide-5-main .secondContent #pTag2:hover {
  color: #3a3a3c;
}
#slide-5-main .thirdContent #pTag3:hover {
  color: #3a3a3c;
}
/* =====================END slide 5================================ */
/* =======================slide 6 ================================= */
#slide-6-main h3 {
  padding-top: 30px;
  margin: 0px;
  color: #ffffff;
}
#slide-6-main h3:hover {
  color: #0070c0;
}
#slide-6-main {
  padding-left: -100px;
}
#slide-6-main .firstContent {
  margin-bottom: 8px;
  margin-top: 30px;
  margin-left: -40px;
}
#slide-6-main .hover1:hover h3 {
  color: #0070c0;
}
#slide-6-main .hover2:hover h3 {
  color: #0070c0;
}
#slide-6-main .hover3:hover h3 {
  color: #0070c0;
}
#slide-6-main .firstContent h3 {
  margin-top: -15px;
}
#slide-6-main .firstContent .secondContent i {
  padding-top: 20px;
  padding-right: -40px;
  margin-left: -40px;
  color: white;
}
#slide-6-main .firstContent .secondContent {
  border: 1px solid #e11313;
  height: 130px;
  width: 130px;
  background-color: #e11313;
  float: left;
  margin-right: 20px;
  align: center;
}
/* =====================END slide 6================================ */
/* =======================slide 7 ================================= */
#slide-7-main .secondContent {
  background-color: #0070c0;
  height: 643.49px;
  padding-right: 0px !important;
}
#slide-7-main .secondContent p,
#slide-7-main .secondContent h2 {
  color: #ffffff;
}
#slide-7-main .secondContent {
  padding-top: 30PX;
}
/*line height*/
.line-height {
  line-height: 0.1 !important;
}
.padgingLeft {
  padding-left: 575px;
}
.padgingLeftPic {
  padding-left: 20px;
}
.pTagMargin {
  margin-top: 0px !important;
}
/*line space*/
.line-space {
  margin: 0em 0 !important;
}
.iframeGoogelMap {
  margin: 0px;
  padding: 0px;
  display: block;
}
#slide-7-main .firstContent {
  background-color: rgba(58, 58, 60, 0.57);
  height: 643.49px;
  padding: 0px;
  margin: 0px;
}
.divFacebook {
  height: 80px;
  width: 80px;
  margin-right: 20px;
}
.divFacebook i {
  color: #ffffff;
  padding-top: 10px;
}
.divFacebook:hover i {
  color: #3a3a3c;
}
.divGoogle {
  height: 80px;
  width: 80px;
  margin-right: 20px;
}
.divGoogle i {
  color: #ffffff;
  padding-top: 10px;
}
.divGoogle:hover i {
  color: #3a3a3c;
}
.divTwitter {
  height: 80px;
  width: 80px;
  margin-right: 20px;
}
.divTwitter i {
  color: white;
  padding-top: 10px;
}
.divTwitter:hover i {
  color: #3a3a3c;
}
/* Radial In */
[class^="hvr-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #3a3a3c;
  text-decoration: none;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #3A3A3C;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
.slide7-btn {
  font-size: 25px;
  background-color: #3a3a3c;
  padding: 5px 20px 5px 20px;
  color: #ffffff;
}
.slide7-btn:hover {
  text-decoration: none;
}
/* =====================END slide 7================================ */
/* =====================footer ================================ */
footer .firstContent {
  margin-top: 0px ;
  top: 0px;
  height: 20px;
  color: #ffffff;
}
/* =====================END footer================================ */
.faq h4 {
  border-bottom: 1px solid #b2b2b2;
}
.faq div {
  height: 150px;
}
/* =====================contacts slide 1================================ */
#contacts-2-main {
  background-color: #EBEBEB;
}
.contact-btn {
  font-size: 25px;
  background-color: #0070c0;
  padding: 5px 20px 5px 20px;
  color: #ffffff;
}
.contact-btn:hover {
  text-decoration: none;
}
#contacts-7-main .firstContent-contacts {
  height: 643.49px;
  padding: 0px;
  margin: 0px;
  background-color: #EBEBEB;
  /*padding-top:50px;*/
  /*    padding-left:100px;
        padding-right:100px;
        padding-bottom:50px;*/
}
/* =====================End contacts slide 1================================ */
/* =====================projects================================ */
#projectTbody tr:hover {
  cursor: pointer;
}
.projects {
  background-color: #EBEBEB;
  margin-right: 0.5px;
}
#projects {
  background-color: #EBEBEB;
}
#projects-1 {
  padding-top: 15px;
  height: 100px;
  font-size: 25px;
}
#projects-1 div {
  padding-top: 120px;
}
#projects-1 div a {
  color: #000000;
}
#projects-1 div a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #0070c0;
}
#projects-2 {
  /*margin-top: 100px;*/
}
#projects-2 a:hover {
  text-decoration: none;
}
.sub {
  height: 300px;
}
#mainTile p,
#mainTile h3,
#mainTile h4 {
  padding-left: 20px;
  padding-right: 10px;
}
#mainTile {
  height: 500px;
}
.no-projects {
  color: #cccccc;
}
.title {
  background-color: #242426;
}
.title div h2 {
  margin: 0;
  padding: 20px;
  color: #ffffff;
}
.spacer30 {
  height: 30px;
}
.spacer60 {
  height: 60px;
}
.spacer100 {
  height: 100px;
}
.input-txt {
  margin-bottom: 2px;
}
/* =====================End projects================================ */
/*-----------------Service-------------------*/
#serviceTileDiv {
  display: none;
}
.slickDiv {
  padding-left: 20px;
}
/*-----------------End  Service-------------------*/
/* Large desktop */
@media (min-width: 1200px) {
  /*slider 1*/
  #slide-1-main h2 {
    font-size: 70px;
    margin-left: -100px;
  }
  #slide-1-main p {
    font-size: 18px;
    width: 98%;
    margin-left: -100px;
  }
  /*End slider 1*/
  /****************************/
  /*slider 2*/
  #slide-2 .second-contant h3 {
    font-size: 60px;
  }
  #slide-2 .second-contant p {
    line-height: 30px;
    width: 60%;
    font-size: 16px;
  }
  #slide-2 .third-contant p {
    line-height: 30px;
    width: 60%;
    font-size: 13px;
  }
  /*slider 3*/
  #slide-3 {
    height: 650px !important;
  }
  #slide-3-main .firstContent h1 {
    font-size: 50px;
  }
  #slide-3-main .secondContent h1 {
    font-size: 50px;
  }
  /*End slider 3*/
  /*slider 6*/
  #slide-6-main h3 {
    font-size: 30px;
  }
  #slide-6-main .firstContent h3 {
    font-size: 40px;
  }
  /*End slider 6*/
  /****************************/
  /*slider 5*/
  #slide-5 {
    height: 650px !important;
  }
  #slide-5-main {
    height: 650px;
  }
  #slide-5-main h2 {
    font-size: 50px;
  }
  /*slider 7*/
  #slide-7 {
    height: 643px !important;
  }
  #slide-7-main .secondContent h2 {
    font-size: 50px;
  }
}
/*-------service-----*/
#serviceImgCr {
  height: 150px;
  width: 200px;
  background-size: cover;
}
.serviceTileMain {
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
  display: box;
  text-decoration: none;
  padding: 10px;
  margin: 10px;
  outline: none;
  box-shadow: 0px 1px 1px 0px #b2b2b2;
  overflow: hidden;
}
.allService {
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
  /*display:box ;*/
  text-decoration: none;
  margin: 20px;
  padding: 20px;
  outline: none;
  box-shadow: 0px 1px 1px 0px #b2b2b2;
}
.readMoreService {
  cursor: pointer;
  font: bold;
}
.readlessService {
  cursor: pointer;
  font: bold;
}
.seviceImgDiv {
  padding-right: 0px !important;
  border: 1px solid #999;
  background-color: #0277BD;
  font-size: 25px;
  color: #ffffff;
}
.seviceImgDiv:hover .seviceImgDivMain {
  width: 100%;
  height: 100%;
  display: block;
  background-color: black;
  opacity: 0.5;
  z-index: 1px;
}
/*---/service--------*/
/*------serviceMain-----*/
#serviceMainImg {
  height: 230px;
  background-size: cover;
  background-repeat: no-repeat;
}
/*------serviceMainImg-----*/
/* Portrait tablet to landscape and desktop */
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  /*slider 1*/
  slide-1-main h2 {
    font-size: 50px;
  }
  slide-1-main p {
    font-size: 13px;
  }
  /*End slider 1*/
  /****************************/
  /*slider 2*/
  .second-contant h1 {
    font-size: 35px;
  }
  .second-contant p {
    line-height: 30px;
    width: 70%;
    font-size: 16px;
  }
  .third-contant p {
    line-height: 30px;
    width: 70%;
    font-size: 13px;
  }
  /*end slider 2*/
  /*slider 3*/
  #slide-3-main .firstContent h1 {
    font-size: 60px;
  }
  #slide-3-main .secondContent h1 {
    font-size: 50px;
  }
  /*End slider 3*/
  /*slider 3*/
  #slide-6-main h3 {
    font-size: 30px;
  }
  #slide-6-main .firstContent h3 {
    font-size: 40px;
  }
  /*End slider 6*/
  /****************************/
  /*slider 5*/
  #slide-5-main {
    height: 1650px;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  /*slider 1*/
  slide-1-main {
    right: 300px;
  }
  slide-1-main h2 {
    font-size: 50px;
  }
  slide-1-main p {
    font-size: 13px;
  }
  /*End slider 1*/
  /*.........................................*/
  /*slider 2*/
  .second-contant h1 {
    font-size: 35px;
  }
  .second-contant p {
    line-height: 30px;
    width: 50%;
    font-size: 16px;
  }
  .third-contant p {
    line-height: 30px;
    width: 50%;
    font-size: 13px;
  }
  /*end slider 2*/
  /*slider 3*/
  #slide-3-main .firstContent h1 {
    font-size: 60px;
  }
  #slide-3-main .secondContent h1 {
    font-size: 50px;
  }
  /*End slider 3*/
  /*slider 3*/
  #slide-6-main h3 {
    font-size: 30px;
  }
  #slide-6-main .firstContent h3 {
    font-size: 40px;
  }
  /*End slider 6*/
  /****************************/
  /*slider 6*/
}
/* Landscape phones and down */
@media (max-width: 480px) {
  /*slider 1*/
  #slide-1-main {
    left: 40px;
  }
  /*End slider 1*/
  /*.........................................*/
  /*slider 2*/
  [class^="hvrn-"] {
    margin: .8em;
    padding: 1em 1em 1em 1em;
    font-size: 20px;
  }
  .second-contant h1 {
    font-size: 30px;
  }
  .second-contant p {
    line-height: 20px;
    width: 30%;
    font-size: 13px;
  }
  .third-contant p {
    line-height: 20px;
    width: 30%;
    font-size: 10px;
  }
  /*end slider 2*/
  /*slider 3*/
  #slide-3-main .firstContent h1 {
    font-size: 60px;
  }
  #slide-3-main .secondContent h1 {
    font-size: 50px;
  }
  /*End slider 3*/
  /*slider 3*/
  #slide-6-main h3 {
    font-size: 30px;
  }
  #slide-6-main .firstContent h3 {
    font-size: 40px;
  }
  /*End slider 6*/
  /****************************/
  /*slider 6*/
}
/*# sourceMappingURL=style.css.map */