@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
body { font-family: 'Quicksand', sans-serif; }
/*************************
*****Margin & Padding*****
**************************/
*{ margin: 0;padding: 0; } .pad_0 { padding:0px; }
.pad_5 {padding: 5px;}.pad_10 {padding: 10px;}
.pad_20 {padding: 20px;}.pad_30 {padding: 30px;}
.pad_40 {padding: 40px;}.pad_50 {padding: 50px;}
.pad_top10 { padding-top: 10px; }.pad_top20 { padding-top: 20px; }
.pad_top30 { padding-top: 30px; }.pad_top40 { padding-top: 40px; }
.pad_top50 { padding-top: 50px; }
.pad_bottom10 { padding-bottom: 10px; }.pad_bottom20 { padding-bottom: 20px; }
.pad_bottom30 { padding-bottom: 30px; }.pad_bottom40 { padding-bottom: 40px; }
.pad_bottom50 { padding-bottom: 50px; }
.pad_left10 { padding-left: 10px; }.pad_left20 { padding-left: 20px; }
.pad_left30 { padding-left: 30px; }.pad_left40 { padding-left: 40px; }
.pad_left50 { padding-left: 50px; }
.pad_right10 { padding-right: 10px; }.pad_right20 { padding-right: 20px; }
.pad_right30 { padding-right: 30px; }.pad_right40 { padding-right: 40px; }
.pad_right50 { padding-right: 50px; }
/*Margin*/
.margin_0 { margin: 0px; }.margin_10 { margin: 10px; }
.margin_20 { margin: 20px; }.margin_30 { margin: 30px; }
.margin_40 { margin: 40px; }.margin_50 { margin: 50px; }
.margin_top10 { margin-top: 10px; }.margin_top20 { margin-top: 20px; }
.margin_top30 { margin-top: 30px; }.margin_top40 { margin-top: 40px; }
.margin_top50 { margin-top: 50px; }
.margin_bottom10 { margin-bottom: 10px; }.margin_bottom20 { margin-bottom: 20px; }
.margin_bottom30 { margin-bottom: 30px; }.margin_bottom40 { margin-bottom: 40px; }
.margin_bottom50 { margin-bottom: 50px; }
.margin_left10 { margin-left: 10px; }.margin_left20 { margin-left: 20px; }
.margin_left30 { margin-left: 30px; }.margin_left40 { margin-left: 40px; }
.margin_left50 { margin-left: 50px; }
.margin_right10 { margin-right: 10px; }.margin_right20 { margin-right: 20px; }
.margin_right30 { margin-right: 30px; }.margin_right40 { margin-right: 40px; }
.margin_right50 { margin-right: 50px; }
/*-=-=-=-=-=-=-=-=-=-*/
/* index page */
/*-=-=-=-=-=-=-=-=-= */
/*common css*/
.title{color:black; font-weight:bold; font-size:25px;}
.title-center{text-align:center; font-weight:bold; font-size:25px;}
.title-border{border-bottom:2px solid #609abc; padding:4px 0px; letter-spacing:1px;}
.my_btn { color: #FFF; background:#58c0ef; padding: 10px 38px; font-size: 14px; font-weight: bold; border-radius: 0px; display:inline-block; cursor: pointer; box-shadow: inset 0 0 0 0 #f7ad00;
transition: all ease 0.8s; }
.my_btn:hover{ box-shadow: inset 0 100px 0 0 #f7ad00; color:#fff;}
/*common css ends*/
/*header top*/
.header-top{background-color:#2C3038; color:#fff;padding: 10px 0 0;}
.header-top ul{margin-bottom: 10px;padding-left: 0px;}
.header-top ul li{list-style-type: none;display:inline-block;}
.header-top .header-top-left a{color: #fff;}
.header-top-right li {margin-right: 20px;}
.header-top-right li a{color:#fff; font-size:17px;}
.header-top-right li a:hover{color:#f7ad00;}

/*header-top ends*/
.navbar {padding: 6px 0px 15px;}
.navbar-brand {padding: 0px;}
.nav > li > a {font-size:17px;}
.navbar-right {margin-top: 10px;}
.navbar-inverse .navbar-nav > li > a {color: black;}   
.navbar-inverse { background-color: white; border-color:white;}
.navbar-inverse .navbar-nav > li > a:hover{color:#58c0ef;}
.navbar-inverse .navbar-nav > .active > a{color:#58c0ef; background-color:white;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover{color:#58c0ef; background-color:white;}
/*header ends*/
/*-=-=-=-=-=-=-=-=-=-*/
    /* about-us section */
/*-=-=-=-=-=-=-=-=-= */
.about-us{background-color:#f7f7f7;}
.about-us-left{padding:37px 10px 55px 0px; height:329px;}
.about-us-left p{padding-top:30px; font-size:15px;color:#848484;}
.about-us-left a{font-size:16px; color:#58c0ef;text-decoration: none;}
.icon-box{text-align:center;width: 100%;top: 18%;border-left: solid 1px #e8e8e8; height:329px;}
.icon-box span{color: #48c7ec;font-size: 40px;}  
.about-us-right {position: relative;height: 329px;-webkit-transition: height 0.8s; transition: height 0.8s;}
.about-us-right .overlay { width: 100%; height: 0px;
position: absolute; top: 0; visibility: hidden; background:#58c0ef;
-webkit-transition: height 0.8s; transition: height 0.8s;}

.about-us-right:hover .overlay{ height: 330px; visibility: visible; }
.overlay-text{padding:70px 10px 0px; text-align:center; color:white; }
.overlay .overlay-text{font-size:15px;}
.overlay .overlay-text span {font-size:40px;}
.overlay .overlay-text a{color:white;}
/*about-us ends*/
/*-=-=-=-=-=-=-=-=-=-*/
/* Service Grids */
/*-=-=-=-=-=-=-=-=-= */
.service {padding: 40px 0px;}
.service_box h3{ color: #000;} .service_box p{ color: #848484;} 
.service_box{margin-top:60px;margin-bottom:50px;}
.service_box { position:relative; overflow:hidden; border: 1px #f4f4f4 solid; padding: 5px; text-align: center; }
 .service_box:after { pointer-events: none; position: absolute; z-index: -1; content: '';
top: 98%; left: 10%; right: 10%; height: 15px; width: 80%; opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
transition-duration: 0.3s; transition-property: transform, z-index: 9; }
.sbox_overly .label{padding: 1.2em 1.6em 1.3em;}
.sbox_overly { position:absolute; top:-100%; right:0; background:rgba(16, 37, 46, 0.9); width:100%; height:190px; padding:25% 0; text-align:center; z-index:2;  
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.service_box:hover .sbox_overly {top:0px;}
 /*button begins*/
/*-=-=-=-=-=-=-=-=-=-*/
/* testimonial Grids */
/*-=-=-=-=-=-=-=-=-= */
.testimonial{background-color:#222; color:white; padding:40px 0px;}
/* carousel */58c0ef
#quote-carousel {padding: 0 10px 30px 10px;}
/* Control buttons  */
#quote-carousel .carousel-control { background: none; color: white; font-size: 2.3em; text-shadow: none; margin-top: -54px; }
/* Previous button  */
#quote-carousel .carousel-control.left {left: -12px;}
/* Next button  */
#quote-carousel .carousel-control.right {right: -12px !important;}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; }
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li { 58c0efbackground: #c0c0c0; }
#quote-carousel .carousel-indicators .active { background: #58c0ef; }
/* End carousel */
.item blockquote { border-left: none; margin: 0;}
.item blockquote img { margin-bottom: 10px; }
.item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left;   margin-right: 10px; }
/* ==========================
   about-us page begins
   ========================= */
.about_bar{background-color:#f6f6f6;padding:60px 0px;}
.about_bar .about_tag {font-size: 17px; text-align: center;margin-bottom: 60px;}
/*-=-=-=-=-=-=-=-=-=-*/
/* Team page */
/*-=-=-=-=-=-=-=-=-= */
.team{padding:50px 0px 20px;}
.team_box {
    background-color: #f2f2f2;
    padding:  15px;
    border-radius: 4px;
    margin-bottom:  30px;
    min-height: 311px;
}
.team_box h3{margin: 0;color: #58c0ef;padding-bottom: 10px;}
.member_profile{display: block;color: #bbb;font-size: 16px;padding: 5px 0;}
/*-=-=-=-=-=-=-=-=-=-*/
/* Contact us page */
/*-=-=-=-=-=-=-=-=-= */
.contact-content{background-color:#fafafa; padding:50px 0px;}
/*-=-=-=-=-=-=-=-=-=-*/
/* service page */
/*-=-=-=-=-=-=-=-=-= */
.staff_service {padding:25px 0px 40px;}
.staff_service h3 {font-size: 30px;color: #58c0ef;}
.src_text {font-size: 15px; line-height: 26px;margin-bottom: 20px;}
.staff_service .stf-service {padding-top: 20px;}
.staff_service .stf-service ul {padding-left: 20px;}
/*staff_service end*/
.house_service {padding:25px 0px 40px; background-color: #f6f6f6;}
.house_service h3 {font-size: 30px; margin-bottom: 30px;color: #58c0ef;}
.house_service ul {padding-left: 0px; list-style-type: none;font-size: 15px;line-height: 25px;}
.house_service h4 {padding-top: 25px;}
/*house_service end*/
.secrity_service {padding:25px 0px 40px;}
.secrity_service h3{font-size: 30px; margin-bottom: 30px;color: #58c0ef;}
.secrity_service h4{line-height: 25px;}
.secrity_service ul {padding-left: 20px;}
/*secrity_service end*/
.garden_service {padding:25px 0px 40px; background-color: #f6f6f6;}
.garden_service h3{font-size: 30px; margin-bottom: 30px;color: #58c0ef;}
.garden_service h4{line-height: 25px;}
.garden_service ul {padding-left: 20px;}
.garden_service ul li{font-size: 15px;line-height: 25px;}
/*secrity_service end*/
.event_service {padding:25px 0px 40px; }
.event_service h3{font-size: 30px; margin-bottom: 30px;color: #58c0ef;}
.event_service h4{line-height: 25px;}
.event_service ul {padding-left: 20px;}
.event_service ul li{font-size: 15px;line-height: 25px;}
/* ==========================
   footer begins
   ========================= */
.footer-main{background-color:#222; color:white; padding:40px 0px;}
.footer-main span{border-bottom:2px solid #609abc; padding:4px 0px; display:inline-block;}
.footer-main ul{ margin-left:15px;}
.footer-main ul li{padding:10px 0px; list-style-type:square;}
.footer-main ul li:hover{color:#58c0ef;}
footer a{color:white;}
.footer-main img{padding-top:13px;}
address p i{margin-right:10px;font-size:20px;color:#58c0ef;}
/*footer-main ends*/
/*footer-bottom*/
.footer-bottom{background-color:#1d1d1d; color:white;padding-top:10px; padding-bottom:7px;}
address a{color:white;}
/*footer-bottom ends*/
/*Correspondece client Slider*/
  /* ==========================
   Back To Top Icon Css Start
   ========================= */
#return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; display: none;     -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px;     -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top:hover { background-color:#58c0ef; }
#return-to-top:hover i { color: #fff; top: 5px; }
/* ========================
   Main slider Start 
  ========================= */
.fade-carousel {position: relative; height: 500px;}
.fade-carousel .carousel-inner .item { height: 500px; }
.fade-carousel .carousel-indicators > li {
    margin: 0 2px; background-color: #0236B9;
    border-color: #0236B9; opacity: .7;}
.fade-carousel .carousel-indicators > li.active {
  width: 10px; height: 10px; opacity: 1;}
/******    Home Slider Headers     ******/
.home_slider h3 {margin: 0px;/*background: rgba(88,192,239,.65);*/ padding: 10px;}
.home_slider {position: absolute; top: 50%;left: 48%; z-index: 3; color: #fff;
  text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75);
  -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0);
  -ms-transform: translate3d(-50%,-50%,0);-o-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);}
.fade-carousel .carousel-inner .item .home_slider{opacity: 0;-webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; 
    -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s;  }
.fade-carousel .carousel-inner .item.active .home_slider {opacity: 1;
  -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; 
  -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; }
/*********     Slides backgrounds    ********/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4 {
  height: 500px; background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
.fade-carousel .slides .slide-1 {background-image: url(../img/pathmark1.jpg); }
.fade-carousel .slides .slide-2 {background-image: url(../img/pathmark2.jpg); }
.fade-carousel .slides .slide-3 {background-image: url(../img/pathmark3.jpg); }
.fade-carousel .slides .slide-4 {background-image: url(../img/pathmark4.jpg); }
/*-------------------------------*/
/*    Client Slider begins  
/*-------------------------------*/
.client {padding:40px 0px;}
.spe-cor { position: relative; background: #FFF; margin:40px 0px;}
.spe-cor .carousel-correspondence [class*="cloneditem-"] { display: none;}
.spe-cor .carousel-inner { margin-bottom: 20px;}
.spe-cor .thumbnail img { border: 1px solid #DDD;}
.spe-cor .thumbnail { margin-bottom: 0;
  border-radius: 0; padding: 10px; 
  height: auto; position: relative;
  border: none; overflow: hidden;}
.spe-cor .thumbnail:hover, .spe-cor .thumbnail:active, .spe-cor .thumbnail:focus { background: #FFF; }
.spe-cor .thumbnail:after { content: '';
  background: #005fb1; position: absolute;
  height: 5px; width: 100%; left: calc(100% + 10px);
  bottom: 0; -webkit-transition: 0.5s; /* Safari */
  transition: 0.5s; -moz-transition: 0.5s;
}
.spe-cor .thumbnail .caption h3 > a:hover, .spe-cor .thumbnail .caption h3 > a:active, .spe-cor .thumbnail .caption h3 > a:focus {
  color: #005fb1; text-decoration: none;
}
.carousel-correspondence .carousel-control.left, .carousel-correspondence .carousel-control.right, .carousel-video-thumb .carousel-control.left, .carousel-video-thumb .carousel-control.right {
  background-image: none !important;
  color: #c0c0c0; height: 32px; width: 32px;
  border-style: solid; border-width: 1px;
  border-color: rgb(224, 224, 224);
  background-color: rgb(245, 245, 245);
  margin: 0;
}
.carousel-correspondence .carousel-control.left:hover, .carousel-correspondence .carousel-control.right:hover, .carousel-video-thumb .carousel-control.left:hover, .carousel-video-thumb .carousel-control.right:hover { color: #FFF; background: #58c0ef; }
.carousel-correspondence .controls, .carousel-video-thumb .controls {
  padding: 0; margin: 0; position: absolute;
  width: 75px; padding-right: 10px;
  padding-left: 10px; background: none;
  top: 0; right: 0; margin-top: -78px;
  height: 35px; }
.carousel-control > .fa{left:4px; font-size: 30px;top:64%;}
/* ========================
   Responsive Css Start 
  ========================= */
@media screen and (max-width: 480px) {
  /*header-top begins*/
  .header-top-left li span {display: block;width: 100%;padding-top:10px;}
  .header-top-left {list-style-type: none;color: #000;}
  .header-top-left a{color: #000;}
  .navbar-right {margin-bottom: 0;}
  .header-top-right li {margin-right: 20px;display: inline-block;}
  .header-top-right li a{color:#000; font-size:17px;}
  .header-top-right li a:hover{color:#f7ad00;}
  .navbar-collapse {border-top:0;}
  .navbar-brand > img {width: 85%; padding-left: 10px;}
  .navbar-inverse .navbar-toggle {background-color:#58c0ef;}
  .about-us .col-md-3{padding: 15px !important;}
  .icon-box {border-left: 0;}
  .about-us-right {height: 250px;}
  .about-us-right:hover .overlay{ height: 250px;}
  .icon-box {height: 250px;}
  .overlay-text {padding-top: 30px;}
  .about_bar .about_tag {margin-bottom: 0px;}
  .about_bar img{margin-top: 50px;display: block;}
}

@media screen and (max-width: 768px;) {
.about-us .col-md-3{padding: 15px !important;}

span.round-tabs {font-size: 16px; width: 50px; height: 50px; line-height: 50px; }
#quote-carousel .carousel-indicators { bottom: -20px !important; }
#quote-carousel .carousel-indicators li { display: inline-block; margin: 0px 5px; width: 15px; height: 15px; }
#quote-carousel .carousel-indicators li.active { margin: 0px 5px; width: 20px; height: 20px; }
.icon-box {border:none;}
}
@media all and (min-width:1200px) {
.carousel-correspondence .carousel-inner > .active.left, .carousel-correspondence .carousel-inner > .prev {left: -16.666667%;}
.carousel-correspondence .carousel-inner > .active.right, .carousel-correspondence .carousel-inner > .next {
        left: 16.666667%;
    }
.carousel-correspondence .carousel-inner > .left, .carousel-correspondence .carousel-inner > .prev.right, .carousel-correspondence .carousel-inner > .active {
        left: 0;
}
.carousel-correspondence .carousel-inner .cloneditem-2, .carousel-correspondence .carousel-inner .cloneditem-3, .carousel-correspondence .carousel-inner .cloneditem-4, .carousel-correspondence .carousel-inner .cloneditem-5, .carousel-correspondence .carousel-inner .cloneditem-6 {
        display: block;
    }
}

@media all and (min-width:768px) {
.about-us .col-md-3 {padding:0px;}
.icon-box {border:none; padding: 70px 0px}
  #quote-carousel { margin-bottom: 0; padding: 10px 40px 30px 40px; }
.carousel-correspondence .carousel-inner > .active.left, .carousel-correspondence .carousel-inner > .prev { left: -50%;}
.carousel-correspondence .carousel-inner > .active.right, .carousel-correspondence .carousel-inner > .next { left: 50%; }
.carousel-correspondence .carousel-inner > .left, .carousel-correspondence .carousel-inner > .prev.right, .carousel-correspondence .carousel-inner > .active { left: 0; }
.carousel-correspondence .carousel-inner .cloneditem-1, .carousel-correspondence .carousel-inner .cloneditem-2 { display: block; }
}
@media all and (min-width:768px) and (transform-3d), all and (min-width:768px) and (-webkit-transform-3d) {
    .carousel-correspondence .carousel-inner > .item.active.right, .carousel-correspondence .carousel-inner > .item.next {
        -webkit-transform: translate3d(33.333%, 0, 0);
        transform: translate3d(33.33%, 0, 0);
        left: 0;
    }
    .carousel-correspondence .carousel-inner > .item.active.left, .carousel-correspondence .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-33.333%, 0, 0);
        transform: translate3d(-33.333%, 0, 0);
        left: 0;
    }
    .carousel-correspondence .carousel-inner > .item.left, .carousel-correspondence .carousel-inner > .item.prev.right, .carousel-correspondence .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}