@import url(reset.css);
@import url(fonts.css);
@import url(animate.css);
@import url(magnific-popup.css);
@import url(responsive-slider.css);
@import url(../bootstrap/css/bootstrap.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Oswald:700,300);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500);
/* CSS By ThemesFolder */
/* line 12, ../scss/main.scss */
body {
  color: #696868;
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  line-height: 23px;
  margin: 0;
  font-weight: 400;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 23, ../scss/main.scss */
body img {
  max-width: 100%;
}

/* line 28, ../scss/main.scss */
a {
  text-decoration: none;
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  -o-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}

/* line 36, ../scss/main.scss */
a:hover, a:active {
  color: inherit;
  text-decoration: underline;
  opacity: 0.8;
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  -o-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}

/* line 46, ../scss/main.scss */
.clear {
  clear: both;
}

/* line 50, ../scss/main.scss */
.alpha {
  padding-left: 0 !important;
}

/* line 54, ../scss/main.scss */
.omega {
  padding-right: 0 !important;
}

/* line 58, ../scss/main.scss */
.no-padding {
  padding: 0 !important;
}

/* line 62, ../scss/main.scss */
img.border {
  border: 1px solid #B1B1B1;
  margin-bottom: 5%;
  max-width: 100%;
}

/* line 68, ../scss/main.scss */
img.border:hover, img.border:active {
  border: 1px solid #858585;
  cursor: pointer;
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  -o-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}

/* line 77, ../scss/main.scss */
.wrapper {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 78, ../scss/main.scss */
.imgwrp img {
  max-width: 100%;
}

/* line 90, ../scss/main.scss */
.animate-link, #headerweb, .headermini, .headermini .mainlogo, .headermini .mainlogo img, .headermini span, .headermini span label, .mainlogo, .mainlogo img, .mainlogo span, .mainlogo span label, .wrp-gallery .parent-container .content-gal, .wrp-gallery .parent-container .wrp-itemimages:hover .content-gal {
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  -o-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}

/* --------------------- HEADER LAYOUT --------------------- */
/* line 98, ../scss/main.scss */
#headerweb {
  border-bottom: #ffcb00 solid 5px;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  width: 100%;
  z-index: 100%;
  display: block;
  background: #fff;
  z-index: 100;
}

/* line 112, ../scss/main.scss */
.headermini {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
/* line 118, ../scss/main.scss */
.headermini .mainlogo img {
  max-width: 77px;
}
/* line 123, ../scss/main.scss */
.headermini span {
  padding-top: 0 !important;
  font-size: 17px;
}
/* line 127, ../scss/main.scss */
.headermini span label {
  font-size: 9px;
}
/* line 132, ../scss/main.scss */
.headermini ul {
  margin-bottom: 0;
}
/* line 135, ../scss/main.scss */
.headermini .mainmenu {
  margin-top: 10px;
}

/* line 140, ../scss/main.scss */
.navmobile {
  display: none;
  width: 100%;
  background: #ffcb00;
  color: #fff;
  padding: 5px;
  clear: left;
  cursor: pointer;
}

/* line 150, ../scss/main.scss */
.mainlogo {
  text-align: left;
  overflow: hidden;
  display: inline-block;
  float: left;
}
/* line 156, ../scss/main.scss */
.mainlogo img {
  display: inline-block;
  float: left;
}
/* line 161, ../scss/main.scss */
.mainlogo span {
  display: inline-block;
  float: left;
  color: #00376b;
  font-size: 20px;
  padding-top: 10px;
  line-height: normal;
  padding-left: 10px;
  font-family: "Roboto";
  font-weight: 900;
}
/* line 172, ../scss/main.scss */
.mainlogo span label {
  font-weight: normal;
  clear: left;
  display: block;
  font-size: 10px;
  font-weight: 700;
}

/* line 183, ../scss/main.scss */
.mainmenu {
  display: inline-block;
  float: right;
  font-family: "Oswald";
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
}
/* line 191, ../scss/main.scss */
.mainmenu ul li {
  display: inline-block;
  text-align: center;
}
/* line 194, ../scss/main.scss */
.mainmenu ul li a {
  color: #414040;
  border-radius: 3px;
  padding: 10px 15px;
  cursor: pointer;
}
/* line 200, ../scss/main.scss */
.mainmenu ul li a:hover {
  text-decoration: none;
  background: #00376b;
  color: #fff;
}

/* --------------------- END HEADER LAYOUT --------------------- */
/* --------------------- BODYWEB LAYOUT --------------------- */
/* line 213, ../scss/main.scss */
#bodyweb {
  padding-top: 90px;
}

/* line 218, ../scss/main.scss */
.wrp-baner {
  display: block;
  width: 100%;
}
/* line 221, ../scss/main.scss */
.wrp-baner img {
  width: 100%;
}
/* line 224, ../scss/main.scss */
.wrp-baner .responsive-slider .pages {
  bottom: 50px;
}
/* line 227, ../scss/main.scss */
.wrp-baner .responsive-slider .pages .page {
  border: #999999 solid 7px;
  opacity: 1;
  margin-left: 5px;
  margin-right: 5px;
}
/* line 233, ../scss/main.scss */
.wrp-baner .responsive-slider .pages .page.active {
  border: #ffcb00 solid 7px;
}
/* line 236, ../scss/main.scss */
.wrp-baner .main-titlebaner {
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: "Oswald";
  font-size: 48px;
  font-weight: 700;
}
/* line 249, ../scss/main.scss */
.wrp-baner .subtitle-baner {
  position: absolute;
  left: 0;
  right: 0;
  top: 39%;
  display: block;
  width: 100%;
  text-align: center;
  font-family: "Oswald";
  font-weight: 300;
  font-size: 30px;
  color: #fff;
}
/* line 262, ../scss/main.scss */
.wrp-baner .slider-control {
  background: #fff;
  color: #ffcb00;
  width: 60px;
  height: 60px;
  border-radius: 50% !important;
  text-align: center;
}

/* line 272, ../scss/main.scss */
h2 {
  font-family: "Oswald";
  font-weight: 700;
  display: block;
  text-align: center;
  font-size: 36px;
}

/* line 280, ../scss/main.scss */
.wrp-wedo {
  background: #fff;
  border-radius: 10px 10px 0 0;
  margin-top: -50px;
  color: #696868;
  overflow: hidden;
  position: relative;
  display: block;
  padding-top: 40px;
  padding-bottom: 20px;
  text-align: center;
}
/* line 291, ../scss/main.scss */
.wrp-wedo h2 {
  margin-bottom: 30px;
  color: #414040;
}

/* line 296, ../scss/main.scss */
.wrp-itemwedo {
  display: block;
  color: #696868;
  margin: 0 auto;
  width: 95%;
  margin-top: 30px;
  padding-bottom: 30px;
}
/* line 303, ../scss/main.scss */
.wrp-itemwedo .wrp-imgdo {
  margin: 0 auto;
  margin-bottom: 10px;
  padding-top: 41px;
  display: block;
  border-radius: 50%;
  border: #666666 solid 2px;
  width: 106px;
  height: 106px;
}

/* line 315, ../scss/main.scss */
.wrp-aboutus {
  background: url("../images/bgabout.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  min-height: 300px;
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}
/* line 328, ../scss/main.scss */
.wrp-aboutus h2 {
  margin-bottom: 30px;
}
/* line 331, ../scss/main.scss */
.wrp-aboutus p {
  margin-top: 20px;
  padding-bottom: 20px;
}
/* line 335, ../scss/main.scss */
.wrp-aboutus span {
  display: block;
  clear: left;
  font-size: 24px;
  font-weight: 700;
}

/* line 343, ../scss/main.scss */
.wrp-services {
  display: block;
  overflow: hidden;
  background: #fff;
  display: block;
  padding-top: 40px;
  padding-bottom: 40px;
}
/* line 350, ../scss/main.scss */
.wrp-services .item-services {
  display: block;
  margin-top: 40px;
}
/* line 354, ../scss/main.scss */
.wrp-services h3 {
  font-size: 30px;
  color: #414040;
  font-family: "Oswald";
  font-weight: 700;
}
/* line 360, ../scss/main.scss */
.wrp-services h2 {
  color: #414040;
}

/* line 365, ../scss/main.scss */
.wrp-masterplan {
  display: block;
  min-height: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: silver solid 1px;
  border-bottom: silver solid 1px;
  overflow: hidden;
}

/* line 375, ../scss/main.scss */
.wrp-gallery {
  display: block;
  width: 100%;
  color: #414040;
  background: url("../images/bggallery.jpg") top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}
/* line 386, ../scss/main.scss */
.wrp-gallery h2 {
  margin-top: 0;
}
/* line 389, ../scss/main.scss */
.wrp-gallery h5 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}
/* line 394, ../scss/main.scss */
.wrp-gallery .parent-container {
  margin-top: 30px;
}
/* line 396, ../scss/main.scss */
.wrp-gallery .parent-container a {
  display: inline-block;
}
/* line 399, ../scss/main.scss */
.wrp-gallery .parent-container .wrp-itemimages {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: auto;
  border: #fff solid 7px;
  border-radius: 5px;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 14px;
}
/* line 410, ../scss/main.scss */
.wrp-gallery .parent-container .content-gal {
  position: absolute;
  width: 100%;
  height: 100%;
  float: left;
  background: url("../images/bgopcty-black.png");
  color: #fff;
  left: 0;
  font-size: 14px;
  line-height: normal;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 40px;
  visibility: hidden;
  opacity: 0;
  margin-top: 20px;
  top: 0;
}
/* line 428, ../scss/main.scss */
.wrp-gallery .parent-container .content-gal label {
  font-family: "Oswald";
  font-size: 18px;
  display: block;
  clear: left;
  margin-bottom: 10px;
}
/* line 437, ../scss/main.scss */
.wrp-gallery .parent-container .wrp-itemimages:hover .content-gal {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

/* line 447, ../scss/main.scss */
.wrp-contact {
  display: block;
  background: url("../images/bgcontact.jpg");
  width: 100%;
  min-height: 300px;
  color: #fff;
  padding-top: 40px;
  overflow: hidden;
  padding-bottom: 107px;
}
/* line 456, ../scss/main.scss */
.wrp-contact h2 {
  color: #fff;
  margin-top: 0;
}
/* line 460, ../scss/main.scss */
.wrp-contact h5 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}

/* line 467, ../scss/main.scss */
.google-maps {
  position: relative;
  padding-bottom: 35%;
  height: 0;
  overflow: hidden;
  margin-top: 30px;
}

/* line 474, ../scss/main.scss */
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* line 482, ../scss/main.scss */
.wrp-contactform {
  margin-top: 40px;
  overflow: hidden;
}

/* line 487, ../scss/main.scss */
.wrp-input {
  display: block;
  margin-bottom: 20px;
  clear: left;
  float: left;
  width: 100%;
}
/* line 493, ../scss/main.scss */
.wrp-input input[type="text"] {
  background: #797b7e;
  width: 48.5%;
  margin-right: 3%;
  display: inline-block;
  border-style: none;
  padding: 12px 2%;
  float: left;
  border-radius: 5px;
}
/* line 503, ../scss/main.scss */
.wrp-input input[type="text"]:last-child {
  margin-right: 0;
}
/* line 506, ../scss/main.scss */
.wrp-input input[type="submit"] {
  background: #00376b;
  color: #fff;
  border-radius: 5px;
  padding: 10px 40px;
  border-style: none;
}
/* line 513, ../scss/main.scss */
.wrp-input textarea {
  background: #797b7e;
  width: 100%;
  margin-right: 4%;
  display: inline-block;
  border-style: none;
  padding: 12px 2%;
  float: left;
  border-radius: 5px;
  min-height: 200px;
}

/* line 526, ../scss/main.scss */
.wrp-info {
  display: block;
  margin-top: 20px;
}

/* line 531, ../scss/main.scss */
.item-info {
  color: #fff;
  position: relative;
  padding-left: 70px;
  text-align: left;
}
/* line 536, ../scss/main.scss */
.item-info .fa {
  border: #ffcb00 solid 2px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 15px;
  position: absolute;
}

/* line 549, ../scss/main.scss */
.wrp-socmedbtm {
  display: block;
  margin-top: 20px;
}
/* line 552, ../scss/main.scss */
.wrp-socmedbtm a {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 50%;
  color: #fff;
  padding-top: 15px;
}
/* line 562, ../scss/main.scss */
.wrp-socmedbtm a:hover {
  border: #fff solid 2px;
}
/* line 565, ../scss/main.scss */
.wrp-socmedbtm .fb {
  background: #316393;
  border: #316393 solid 2px;
}
/* line 569, ../scss/main.scss */
.wrp-socmedbtm .gp {
  background: #b04035;
  border: #b04035 solid 2px;
}
/* line 573, ../scss/main.scss */
.wrp-socmedbtm .tw {
  background: #3c78b5;
  border: #3c78b5 solid 2px;
}
/* line 577, ../scss/main.scss */
.wrp-socmedbtm .ld {
  background: #316293;
  border: #316293 solid 2px;
}
/* line 581, ../scss/main.scss */
.wrp-socmedbtm .pts {
  background: #b14135;
  border: #b14135 solid 2px;
}

/* --------------------- END BODYWEB LAYOUT --------------------- */
/* --------------------- FOOTER LAYOUT --------------------- */
/* line 591, ../scss/main.scss */
#footerweb {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
/* line 595, ../scss/main.scss */
#footerweb span {
  font-size: 11px;
  display: block;
  clear: left;
  margin-top: 10px;
}

/* line 602, ../scss/main.scss */
.totop {
  background: url("../images/bg-totop.png");
  text-align: center;
  width: 199px;
  height: 90px;
  margin: 0 auto;
  display: block;
  margin-top: -107px;
  position: absolute;
  left: 0;
  right: 0;
  color: #00376b;
  font-weight: 700;
  font-family: "Oswald";
  padding-top: 65px;
  cursor: pointer;
}

/* line 621, ../scss/main.scss */
.logobtm img {
  max-width: 100px;
}

/* --------------------- END FOOTER LAYOUT --------------------- */
/* Mobile device */
@media (max-width: 767px) {
  /* line 629, ../scss/main.scss */
  .wrp-wedo {
    margin-top: 0;
  }

  /* line 633, ../scss/main.scss */
  .wrp-input input[type="text"] {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 637, ../scss/main.scss */
  .wrp-input input[type="text"]:last-child {
    margin-bottom: 0;
  }

  /* line 641, ../scss/main.scss */
  .navmobile {
    display: block;
  }

  /* line 644, ../scss/main.scss */
  .mainlogo {
    display: block;
    width: 100%;
  }
  /* line 647, ../scss/main.scss */
  .mainlogo img {
    max-width: 85px;
  }
  /* line 650, ../scss/main.scss */
  .mainlogo span {
    padding-top: 0;
    font-size: 15px;
  }
  /* line 653, ../scss/main.scss */
  .mainlogo span label {
    font-size: 7px;
  }

  /* line 658, ../scss/main.scss */
  .mainmenu {
    display: none;
    float: none;
  }
  /* line 662, ../scss/main.scss */
  .mainmenu ul li {
    display: block;
    width: 100%;
    clear: left;
  }
  /* line 666, ../scss/main.scss */
  .mainmenu ul li a {
    display: block;
  }

  /* line 673, ../scss/main.scss */
  .main-titlebaner h2 {
    font-size: 22px;
  }

  /* line 678, ../scss/main.scss */
  .wrp-baner .subtitle-baner {
    display: none;
  }

  /* line 682, ../scss/main.scss */
  .headermini {
    opacity: 0.9;
  }
}
/* Tablet device */
/* Desktop small screen */
/* Desktop large screen */