/**********************************/
/***Developed By Ajmal Sabu.B*****/
/*******************************/
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
/***********************************
	Reset
***********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  background-repeat: no-repeat;
  zoom: 1; }

ol, ul {
  list-style: none; }

html {
  overflow-y: scroll; }

/***********************************
	Universals
***********************************/
.clear {
  clear: both; }

.nopadd {
  padding: 0;
  margin: 0;
  padding: 0; }

* {
  outline: none; }

* {
  box-sizing: none; }

a:focus {
  outline: none;
  outline-offset: 0; }

/***********************************
	Essentials
***********************************/
body {
  font-family: arial, Sans-serif;
  font-size: 14px; }

a {
  color: -008c8b;
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

a, .btn {
  transition: 0.2s all linear;
  -webkit-transition: 0.2s all linear; }

input, select, textarea {
  padding: 4px;
  font-family: Lucida Grande, Verdana, Sans-serif;
  font-size: 12px; }

.no-pad {
  padding-left: 0;
  padding-right: 0; }

@font-face {
  font-family: 'Josefin Sans';
  src: url("../fonts/JosefinSans.eot");
  src: url("../fonts/JosefinSans.eot?#iefix") format("embedded-opentype"), url("../fonts/JosefinSans.woff") format("woff"), url("../fonts/JosefinSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Chronicle';
  src: url("../fonts/Chronicle.eot");
  src: url("../fonts/Chronicle.eot?#iefix") format("embedded-opentype"), url("../fonts/Chronicle.woff") format("woff"), url("../fonts/Chronicle.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Whitney';
  src: url("../fonts/Whitney-Medium.eot");
  src: url("../fonts/Whitney-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Whitney-Medium.woff") format("woff"), url("../fonts/Whitney-Medium.ttf") format("truetype"), url("../fonts/Whitney-Medium.svg#Whitney-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Regular.eot");
  src: url("../fonts/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.equal, .equal > div[class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 auto; }

.modal-open[style] {
  padding-right: 0px !important; }

.no-padding {
  padding: 0; }

h1, h2, h3 {
  font-family: "Josefin Sans";
  text-rendering: optimizeLegibility; }

p {
  text-rendering: optimizeLegibility; }

body {
  color: #333;
  font-family: "Josefin Sans";
  overflow-x: hidden;
  font-size: 13px; }

.read-more {
  margin-top: 25px;
  transition: 0.2s  all linear; }
  .read-more a {
    background: #d92f29;
    padding: 10px 15px;
    font-size: 18px;
    color: #fff;
    border-radius: 5px; }
    .read-more a:hover {
      background-color: #f24842; }

.sub-head, .main-head {
  text-align: center;
  color: #C9312C;
  text-transform: uppercase;
  font-weight: bold; }

.red-box {
  background: rgba(255, 0, 0, 0.8); }

.red-border {
  border: 10px solid #C9312C; }

.red-text {
  color: #C9312C; }

.green-box {
  background: rgba(132, 194, 36, 0.8); }

.green-border {
  border: 10px solid #85C225; }

.green-text {
  color: #85C225; }

.black-box {
  background: rgba(0, 0, 0, 0.8); }

.white-border {
  border: 10px solid #fff; }

.gold-border {
  border: 10px solid #A67C00; }

.gold-box {
  background: rgba(166, 124, 0, 0.8); }

.gold-text {
  color: #A67C00; }

.white-text {
  color: #fff; }

.white-line {
  border-bottom: 2px solid #fff;
  width: 200px; }

.thin-line {
  border-bottom: 1px solid #1f1b17;
  margin: 20px 0; }

.black-overlay {
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; }

.white-btn {
  background: #fff;
  color: #C9312C;
  padding: 15px 25px;
  font-size: 25px; }
  .white-btn:hover, .white-btn:active {
    background: #e24a45;
    color: #fff; }
  .white-btn:focus {
    color: #C9312C; }

.noleft-pad {
  padding-left: 0; }

.noright-pad {
  padding-right: 0; }

.preloader {
  background-color: #0F0E0C;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000000; }

#load {
  position: absolute;
  width: 600px;
  height: 36px;
  left: 50%;
  top: 40%;
  margin-left: -300px;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

#load div {
  position: absolute;
  width: 20px;
  height: 36px;
  opacity: 0;
  font-family: Helvetica, Arial, sans-serif;
  animation: move 2s linear infinite;
  -o-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  color: #85C225;
  font-size: 20px; }

#load div:nth-child(2) {
  animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s; }

#load div:nth-child(3) {
  animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s; }

#load div:nth-child(4) {
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s; }

#load div:nth-child(5) {
  animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s; }

#load div:nth-child(6) {
  animation-delay: 1s;
  -o-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s; }

#load div:nth-child(7) {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s; }

@keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  35% {
    left: 41%;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  65% {
    left: 59%;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  100% {
    left: 100%;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0; } }
@-moz-keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  35% {
    left: 41%;
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  65% {
    left: 59%;
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  100% {
    left: 100%;
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0; } }
@-webkit-keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  35% {
    left: 41%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  65% {
    left: 59%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  100% {
    left: 100%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0; } }
@-o-keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  35% {
    left: 41%;
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  65% {
    left: 59%;
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  100% {
    left: 100%;
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0; } }
.stage {
  position: absolute;
  right: 15%;
  top: 60px;
  display: none; }

.cubespinner {
  -webkit-animation-name: spincube;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 12s;
  animation-name: spincube;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 15px 15px 0;
  -moz-transform-origin: 15px 15px 0;
  -ms-transform-origin: 15px 15px 0;
  transform-origin: 15px 15px 0; }

.cubespinner div {
  position: absolute;
  width: 30px;
  height: 30px;
  /*border: 1px solid #ccc;*/
  background: rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  line-height: 30px;
  text-align: center;
  font-size: 8px;
  color: #fff; }

.cubespinner .face1 {
  -webkit-transform: translateZ(15px) translateZ(15px);
  -moz-transform: translateZ(15px);
  -ms-transform: translateZ(15px);
  transform: translateZ(15px); }

.cubespinner .face2 {
  -webkit-transform: rotateY(90deg) translateZ(15px);
  -moz-transform: rotateY(90deg) translateZ(15px);
  -ms-transform: rotateY(90deg) translateZ(15px);
  transform: rotateY(90deg) translateZ(15px); }

.cubespinner .face3 {
  -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(15px);
  -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(15px);
  -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(15px);
  transform: rotateY(90deg) rotateX(90deg) translateZ(15px); }

.cubespinner .face4 {
  -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(15px);
  -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(15px);
  -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(15px);
  transform: rotateY(180deg) rotateZ(90deg) translateZ(15px); }

.cubespinner .face5 {
  -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(15px);
  -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(15px);
  -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(15px);
  transform: rotateY(-90deg) rotateZ(90deg) translateZ(15px); }

.cubespinner .face6 {
  -webkit-transform: rotateX(-90deg) translateZ(15px);
  -moz-transform: rotateX(-90deg) translateZ(15px);
  -ms-transform: rotateX(-90deg) translateZ(15px);
  transform: rotateX(-90deg) translateZ(15px); }

@-webkit-keyframes spincube {
  from,to {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  16% {
    -webkit-transform: rotateY(-90deg); }
  33% {
    -webkit-transform: rotateY(-90deg) rotateZ(90deg); }
  50% {
    -webkit-transform: rotateY(-180deg) rotateZ(90deg); }
  66% {
    -webkit-transform: rotateY(-270deg) rotateX(90deg); }
  83% {
    -webkit-transform: rotateX(90deg); } }
@keyframes arrow-round {
  from,to {
    -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  16% {
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg); } }
#topnav {
  /*position: absolute;
  z-index: 555;
  width: 100%;
  top: 25px;   */
  padding: 0 20px;
  background: #C9312C;
  min-height: 10px;
  border-radius: 0;
  border: none;
  margin-bottom: 0; }
  #topnav .navbar-nav {
    display: inline-block;
    float: none;
    padding: 10px 0; }
  #topnav .navbar-collapse {
    text-align: center; }
  #topnav .navbar-nav > .active > a,
  #topnav .navbar-nav > .active > a:focus,
  #topnav .navbar-nav > .active > a:hover,
  #topnav .navbar-nav > li > a:focus,
  #topnav .navbar-nav > li > a:hover {
    background: none;
    color: #000; }
  #topnav .navbar-nav > li {
    float: none;
    display: inline-block; }
  #topnav .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 0;
    border-right: 1px solid #fff;
    line-height: 1; }
  #topnav .navbar-nav > li:last-child > a {
    border: none; }
  #topnav button.navbar-toggle {
    color: #ffffff;
    margin-bottom: 0px !important;
    margin-top: 17px; }
  #topnav .logo-sticky {
    display: none; }
  #topnav.sticky .hidden-dtop {
    display: none; }
  #topnav.sticky button.navbar-toggle {
    margin-top: 5px; }

#topnav.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999; }
  #topnav.sticky .navbar-nav {
    float: right;
    padding: 18px 45px; }
  #topnav.sticky .logo-sticky {
    display: block;
    float: left;
    padding: 0 45px; }
    #topnav.sticky .logo-sticky img {
      max-height: 50px; }

.logo-bar {
  background: #fff;
  color: #fff; }
  .logo-bar .navbar-brand {
    float: left;
    margin: 0;
    padding: 5px;
    height: auto;
    line-height: 1; }
    .logo-bar .navbar-brand > img {
      max-height: 56px; }
  .logo-bar a {
    color: #fff; }
    .logo-bar a:hover {
      color: #000; }
  .logo-bar .top-contact li .fa {
    color: #C9312C; }
  .logo-bar .top-social, .logo-bar .top-contact {
    float: right;
    margin-top: 25px; }
    .logo-bar .top-social li, .logo-bar .top-contact li {
      display: inline;
      margin: 0 5px; }
    .logo-bar .top-social a, .logo-bar .top-contact a {
      color: #666; }
      .logo-bar .top-social a:hover, .logo-bar .top-contact a:hover {
        color: #C9312C; }
  .logo-bar .top-contact li {
    margin: 0 10px;
    color: #666; }
  .logo-bar .top-address {
    float: right; }

.inner-page {
  padding: 50px 0 0; }

#bread-wrapper {
  background: url(../images/bread-img.jpg) no-repeat;
  background-size: cover;
  padding: 50px 0;
  margin-top: 15px;
  position: relative;
  overflow: hidden; }
  #bread-wrapper h3 {
    text-align: center;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 999; }
  #bread-wrapper .breadcrumb {
    background: none;
    color: #fff;
    z-index: 555;
    position: relative;
    text-align: center;
    margin-bottom: 0; }
    #bread-wrapper .breadcrumb > .active {
      text-transform: uppercase;
      color: #85C225; }
    #bread-wrapper .breadcrumb > li + li::before {
      padding: 0 5px;
      color: #ccc;
      content: "\f178";
      font-family: fontawesome; }
    #bread-wrapper .breadcrumb li {
      font-size: 16px; }
      #bread-wrapper .breadcrumb li a {
        color: #fff;
        font-size: 16px;
        text-align: center;
        text-transform: uppercase; }
        #bread-wrapper .breadcrumb li a:hover {
          color: #C9312C;
          text-decoration: none; }

/*Snow Starts*/
#snowflakeContainer {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 300px;
  overflow: hidden;
  height: 100%;
  z-index: 333; }
  #snowflakeContainer .snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 10px;
    line-height: 15px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 333;
    max-height: 300px; }
  #snowflakeContainer h1 {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FF3300;
    padding: 15px;
    color: #FFF;
    margin: 0px; }
  #snowflakeContainer p,
  #snowflakeContainer ol {
    font-family: "Franklin Gothic Medium", "Arial Narrow", sans-serif;
    font-size: 15px;
    color: #CCC; }
  #snowflakeContainer li {
    margin-bottom: 24px;
    padding-left: 10px; }

#top-carousel img {
  width: 100%; }
#top-carousel .slider-caption {
  position: absolute;
  top: 35%;
  left: 15%;
  z-index: 555;
  max-width: 30%; }
  #top-carousel .slider-caption h2 {
    background: rgba(132, 194, 37, 0.2);
    color: #fff;
    margin-bottom: 15px;
    display: inline-block;
    padding: 10px;
    text-transform: uppercase; }
  #top-carousel .slider-caption p {
    color: #fff;
    /* background: rgba(0,0,0,0.6);*/
    padding: 10px; }
#top-carousel .slider-caption-home {
  position: absolute;
  top: 35%;
  left: auto;
  right: auto;
  z-index: 555;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center; }
  #top-carousel .slider-caption-home h2 {
    color: #fff;
    display: inline-block;
    font-family: "Josefin Sans";
    font-size: 45px; }
  #top-carousel .slider-caption-home p {
    color: #fff;
    font-size: 30px;
    font-family: "Josefin Sans"; }
#top-carousel .carousel-indicators {
  bottom: 40px; }

/*Carousel Fading*/
.carousel-fade .carousel-inner .item {
  transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control {
  z-index: 2; }
.carousel-fade .carousel-control.left,
.carousel-fade .carousel-control.right {
  background: none; }

/*Carousel Fading*/
.rm-para {
  text-align: center;
  margin-top: 30px; }
  .rm-para .read-more {
    font-size: 15px;
    background: #C9312C;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px; }
    .rm-para .read-more:hover {
      background: #AF100A;
      color: #fff; }

#about {
  padding: 0 40px 0; }
  #about .about-inner {
    border-top: 2px solid #C9312C;
    background: #fff;
    padding: 0 25px 25px; }
  #about h2 {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #C9312C;
    margin: 50px 0 25px; }
    #about h2 span {
      color: #373b3e; }
  #about p {
    text-align: center;
    line-height: 1.5; }
  #about .read-more {
    margin-top: 50px; }

/*Dummy Block*/
#dummy-block {
  background: url(../images/dummy.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding: 75px 0; }
  #dummy-block .dummy-cont {
    position: relative;
    z-index: 555; }
  #dummy-block .black-overlay {
    background: rgba(0, 0, 0, 0.8); }
  #dummy-block h2 {
    font-family: "Chronicle";
    text-align: center;
    font-size: 45px;
    color: #fff;
    margin-bottom: 15px; }
  #dummy-block p {
    font-family: "Whitney";
    text-align: center;
    color: #fff;
    font-style: italic;
    font-size: 18px; }

/*Dummy Block*/
#services {
  margin-top: -50px; }
  #services .main-box {
    position: relative;
    width: 100%;
    cursor: pointer;
    overflow: hidden; }
    #services .main-box .top-down, #services .main-box .bottom-up {
      /* background: rgba(255,0,0,0.8);*/
      position: absolute;
      top: 0;
      left: 0;
      height: 50%;
      width: 100%;
      z-index: 555;
      transition: 0.2s all linear; }
    #services .main-box .bottom-up {
      bottom: 0;
      top: auto; }
    #services .main-box .caption {
      position: absolute;
      width: 100%;
      z-index: 666;
      height: 100%;
      top: 0;
      left: 0;
      display: flex;
      align-items: center; }
      #services .main-box .caption h2 {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        transform: rotate(180deg), scale(1, 1);
        transition: 0.75s all linear;
        font-size: 23px; }
    #services .main-box .inner-box {
      padding: 15px;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 555;
      opacity: 0;
      transition: 0.75s all ease-in-out;
      transform: scale(0, 0); }
      #services .main-box .inner-box .box-content {
        background: #000;
        /* border: 15px solid #84C224;*/
        z-index: 555;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center; }
        #services .main-box .inner-box .box-content p {
          text-align: center;
          width: 100%;
          /*color: #84C224;*/
          font-size: 16px; }
          #services .main-box .inner-box .box-content p::first-letter {
            font-size: 200%; }
    #services .main-box:hover .top-down, #services .main-box:hover .bottom-up {
      transform: translateY(-100%); }
    #services .main-box:hover .bottom-up {
      transform: translateY(100%); }
    #services .main-box:hover .caption h2 {
      transform: rotate(0deg), scale(0, 0);
      opacity: 0;
      color: #000; }
    #services .main-box:hover .inner-box {
      opacity: 1;
      transform: scale(1, 1); }

#service-page.inner-page {
  margin-bottom: 50px; }

#services1 .service-content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%; }
  #services1 .service-content img {
    max-height: 75px; }
  #services1 .service-content .sc-inner {
    text-align: center;
    width: 100%; }
    #services1 .service-content .sc-inner h2 {
      margin-top: 0; }
    #services1 .service-content .sc-inner h4,
    #services1 .service-content .sc-inner p {
      padding: 0 50px; }

#quotation .modal-content {
  border: 1px solid #C9312C;
  z-index: 666; }
#quotation .for-cont-page {
  display: none; }
#quotation .modal-header,
#quotation .modal-footer {
  background: #C9312C;
  color: #fff; }
#quotation .white-btn {
  padding: 6px 12px;
  font-size: 14px; }
#quotation .modal-body {
  background: #f9d1d0; }

#portfolio {
  /* padding: 50px 0 0; */
  background: #85C225; }
  #portfolio .main-head {
    color: #fff; }
  #portfolio .gallery-block {
    position: relative;
    overflow: hidden; }
    #portfolio .gallery-block .img-block img {
      transition: 0.7s all ease-in;
      transform: scale(1, 1); }
    #portfolio .gallery-block .black-overlay {
      background: rgba(0, 0, 0, 0.8);
      display: flex;
      align-items: center;
      opacity: 1; }
    #portfolio .gallery-block p {
      color: #fff;
      font-size: 25px;
      transition: 0.2s all linear;
      width: 100%;
      text-align: center; }
      #portfolio .gallery-block p span {
        font-size: 13px;
        color: #85C225; }
    #portfolio .gallery-block:hover .black-overlay {
      opacity: 0;
      z-index: -1; }
    #portfolio .gallery-block:hover .img-block img {
      transform: scale(1.5, 1.5) rotate(5deg); }

#quote-wrapper {
  background: #C9312C;
  padding: 25px 0; }
  #quote-wrapper h3 {
    font-size: 40px;
    color: #fff;
    margin-top: 10px;
    text-align: center; }
    #quote-wrapper h3 a {
      margin-left: 150px; }

#clients {
  padding: 25px 0; }
  #clients #owl-carousel {
    margin: 40px 0 0; }
    #clients #owl-carousel img {
      margin: 0 auto;
      max-height: 75px; }

#footer-top {
  background: #1b1b1b;
  background-size: cover;
  padding: 50px 0;
  background-attachment: fixed;
  position: relative; }
  #footer-top .container {
    z-index: 999; }
  #footer-top h4 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase; }
  #footer-top p {
    color: #fff; }
  #footer-top .menu-links li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #1f1b17;
    color: #fff;
    text-transform: uppercase; }
    #footer-top .menu-links li a {
      color: #fff;
      font-size: 14px;
      text-transform: uppercase; }
      #footer-top .menu-links li a:hover {
        color: #ccc; }
  #footer-top .icon-links li {
    display: inline-block;
    margin-right: 10px; }
  #footer-top .icon-links .fa {
    font-size: 17px;
    border-radius: 50%;
    padding: 10px 12px;
    color: #fff;
    transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
    background: #000;
    transition: 0.2s all linear; }
    #footer-top .icon-links .fa:hover {
      background: #fff;
      color: #000; }
  #footer-top .icon-links .fa-facebook {
    padding: 10px 14px; }
  #footer-top .icon-links .fa-google-plus {
    padding: 10px 9px; }

.address-block {
  margin-left: 65px;
  position: relative;
  margin-bottom: 5px;
  color: #fff;
  line-height: 1.8; }

.address-block:before {
  content: "Address";
  left: -65px;
  position: absolute;
  top: 0; }

.phone-block {
  margin-left: 65px;
  position: relative;
  margin-bottom: 5px;
  color: #fff;
  line-height: 1.8; }

.phone-block:before {
  content: "Phone";
  left: -65px;
  position: absolute;
  top: 0; }

.fax-block {
  margin-left: 20px;
  position: relative;
  margin-bottom: 5px;
  color: #fff;
  line-height: 1.8; }

.fax-block:before {
  content: "email";
  left: -20px;
  position: absolute;
  top: 0; }

.email-block {
  margin-left: 65px;
  position: relative;
  color: #fff;
  line-height: 1.8; }
  .email-block a {
    color: #fff; }
    .email-block a:hover {
      color: #ccc; }

.email-block:before {
  content: "email";
  left: -65px;
  position: absolute;
  top: 0; }

footer {
  background: #1f1b17;
  border-top: 1px solid #595653;
  padding: 10px 0; }
  footer p {
    text-align: center;
    color: #fff; }
  footer .design {
    font-size: 11px; }
    footer .design a {
      color: #fff;
      font-size: 11px; }
      footer .design a:hover {
        color: #ccc; }

.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 0;
  display: none;
  text-align: center;
  color: #fff;
  background: #C9312C;
  border: 2px solid #fff;
  z-index: 999; }
  .scrollup:hover .fa, .scrollup:focus .fa {
    color: #fff; }
  .scrollup .fa {
    font-size: 45px;
    margin-top: -6px;
    color: #fff; }

#contact-wrapper.inner-page {
  margin-bottom: 50px; }
  #contact-wrapper.inner-page form {
    padding: 25px;
    border: 1px solid #ccc; }
  #contact-wrapper.inner-page .for-modal {
    display: none; }
  #contact-wrapper.inner-page h4 {
    font-weight: bold;
    margin-bottom: 20px; }
    #contact-wrapper.inner-page h4 span {
      font-weight: normal;
      color: #85c225; }
  #contact-wrapper.inner-page h5 {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc; }
  #contact-wrapper.inner-page .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: none; }
  #contact-wrapper.inner-page .notes {
    background-attachment: local;
    border: none;
    background-image: repeating-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    line-height: 31px;
    padding: 8px 0; }
  #contact-wrapper.inner-page #sendMessage {
    background: #85c225;
    color: #fff;
    transition: 0.2s all linear; }
    #contact-wrapper.inner-page #sendMessage:hover {
      opacity: 0.8; }

.contact-avt {
  left: -20%;
  position: absolute;
  top: -37px;
  z-index: 555; }

#why-us .y-block .yb-inner1, #why-us .y-block .yb-inner2, #why-us .y-block .yb-inner3, #why-us .y-block .yb-inner4 {
  position: relative;
  margin-left: 65px;
  margin-bottom: 25px; }

#why-us .y-block .yb-inner1:before, #why-us .y-block .yb-inner2:before, #why-us .y-block .yb-inner3:before, #why-us .y-block .yb-inner4:before {
  font-family: fontawesome;
  position: absolute;
  left: -65px;
  top: 0;
  z-index: 555;
  color: #85c225;
  font-size: 35px; }

.inner-content {
  margin-top: 50px; }

#why-us .why-us-inner {
  background: #333; }
#why-us .right-image {
  position: relative; }
#why-us .y-block {
  background: #333;
  padding: 10px 25px; }
  #why-us .y-block h2 {
    margin-bottom: 15px;
    color: #85c225; }
  #why-us .y-block h4 {
    color: #85c225;
    font-weight: bold;
    margin-bottom: 10px; }
  #why-us .y-block p {
    color: #fff; }
  #why-us .y-block .yb-inner1:before {
    content: "\f2b5"; }
  #why-us .y-block .yb-inner2:before {
    content: "\f219"; }
  #why-us .y-block .yb-inner3:before {
    content: "\f0fb"; }
  #why-us .y-block .yb-inner4:before {
    content: "\f0d6"; }

#counter-block {
  margin-bottom: 50px; }
  #counter-block .counter-inner {
    background: #333;
    padding: 50px 0; }
  #counter-block p {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 0; }
    #counter-block p .counter {
      font-size: 45px;
      color: #85c225; }
    #counter-block p .counter-plus {
      font-size: 25px;
      color: #85c225; }

.hidden-dtop {
  display: none; }

@media screen and (max-width: 995px) {
  #top-carousel .slider-caption-home {
    top: 20%; }

  #top-carousel .slider-caption-home h2 {
    font-size: 36px; }

  #top-carousel .slider-caption-home p {
    font-size: 27px; }

  #services .main-box .caption h2 {
    font-size: 16px; }

  #services .main-box .inner-box .box-content p {
    font-size: 13px; }

  #about {
    padding: 0; }

  #quote-wrapper h3 {
    font-size: 30px; }

  .white-btn {
    font-size: 16px;
    padding: 10px 20px; }

  #dummy-block h2 {
    font-size: 36px; }

  #dummy-block {
    background-position: center; } }
@media screen and (max-width: 640px) {
  .mobile-pad {
    padding: 0; }

  .hidden-dtop {
    display: block; }
    .hidden-dtop img {
      max-height: 70px; }

  .noright-pad {
    padding-right: 15px; }

  .noleft-pad {
    padding-left: 15px; }

  #services1 .row {
    margin-bottom: 15px; }

  #top-carousel .carousel-control {
    display: none; }

  #topnav {
    min-height: 50px; }

  #topnav .navbar-nav {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0; }

  #topnav .navbar-nav > li {
    display: block;
    margin-bottom: 10px; }

  #topnav .navbar-nav > li > a {
    border: none;
    text-align: left;
    padding: 0; }

  #topnav.sticky .logo-sticky {
    padding: 0;
    position: absolute;
    top: 0;
    left: 17px; }

  .logo-bar .top-social, .logo-bar .top-contact,
  .logo-bar .top-contact {
    float: right;
    margin-top: 9px; }

  #bs-example-navbar-collapse-1 {
    border: none;
    padding-top: 10px;
    margin-top: 0; }

  #topnav.sticky .navbar-nav {
    padding: 18px 0; }

  #top-carousel .slider-caption-home h2 {
    font-size: 30px; }

  #top-carousel .slider-caption-home p {
    font-size: 20px; }

  #services .col-sm-3,
  #portfolio .col-md-3,
  #footer-top .col-md-3 {
    width: 50%;
    float: left; }

  .equal,
  .equal > div[class*='col-'] {
    display: block; } }
@media screen and (max-width: 480px) {
  #top-carousel .slider-caption-home h2 {
    font-size: 20px; }

  #top-carousel .slider-caption-home p {
    font-size: 17px; }

  #services {
    margin-top: 50px; }

  #quote-wrapper h3 {
    font-size: 20px; }

  #quote-wrapper h3 a {
    margin-left: 15px; }

  .hidden-mob {
    display: none; }

  #dummy-block h2 {
    font-size: 25px; }

  #dummy-block p {
    font-size: 17px; }

  #top-carousel .carousel-indicators {
    bottom: 0; }

  #services1 .service-content .sc-inner h4,
  #services1 .service-content .sc-inner p {
    padding: 0 15px; }

  .logo-bar .top-address {
    float: left; } }
@media screen and (max-width: 360px) {
  #services .col-sm-3,
  #portfolio .col-md-3,
  #footer-top .col-md-3 {
    width: 100%;
    float: none; }

  #top-carousel .slider-caption-home h2 {
    font-size: 16px; }

  #top-carousel .slider-caption-home p {
    font-size: 14px; }

  #dummy-block h2 {
    font-size: 20px; }

  #dummy-block p {
    font-size: 15px; }

  #quote-wrapper h3 a {
    display: inline-block;
    margin-left: 0;
    margin-top: 25px; } }

/*# sourceMappingURL=style.css.map */
