/* fluid box */

.background-image{

  background: url(/images/images/homeslider/CityScape.jpg) no-repeat center bottom;

  border-top: 1px solid #CCC;

  border-bottom: 1px solid #CCC;

  margin-top: 45px;

    -moz-box-shadow:    inset  0  8px 8px -8px #696868, 

                        inset  0 -8px 8px -8px #696868;

    -webkit-box-shadow: inset  0  8px 8px -8px #696868, 

                        inset  0 -8px 8px -8px #696868;

     box-shadow:        inset  0  8px 8px -8px #696868, 

                        inset  0 -8px 8px -8px #696868;

}



/* home page service blocks */

.service-block-default {

    border: 1px solid #EEE;

  background: none repeat scroll 0% 0% #fff;

  margin: 15px 0;

  border-radius: 7px;

}

.service-block {

    padding: 20px 20px;

    text-align: center;



}

i.icon-custom {

    width: 90px;

    height: 90px;

    font-size: 50px;

    line-height: 89px;

    margin-bottom: 5px;

    text-align: center;

    display: inline-block;

    color: rgb(255, 255, 255);

    border: 1px solid #FFF;

}

h2.heading-md {

    font-size: 20px;

    line-height: 24px;

    font-weight: 600;

}

/*.service-block-default:hover {

    box-shadow: 0px 0px 8px #999;

}*/







/* =Slider and Large Photo headers

-------------------------------------------------------------- */

.flexslider {

  margin-bottom: 0px;

  height: 480px;

}

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

.flexslider {

  height: 400px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

.flexslider {

  height: 350px;

  }

}

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

.flexslider {

  height: 350px;

  }

}

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

.flexslider {

  height: 350px;

  }

}



.flexslider .container {

  position: relative;

  z-index: 9;

  text-align: left;

  height: 480px;

}

.flexslider .container .carousel-caption {

  -webkit-transition: all 1000ms linear;

  transition: all 1000ms linear;

  position: absolute;

  bottom: 0;

  opacity: 0;

  /* filter: alpha(opacity=0); */

  margin: 0 44% 0 0;

  /*padding: 60px 0px;*/

  background: none;

  text-align: left;

  left: 0;

  right: 0;

}

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

.flexslider .container .carousel-caption {

  margin: 0 35% 0 0 !important;

}

}

@media (min-width:768px) and (max-width:991px) {

.flexslider .container .carousel-caption {

  margin: 0 35% 0 0 !important;

}

}

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

}

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

}

.flexslider .container .carousel-caption h1 {

  display: inline-block;

  margin: 0 0 0px 0;

  padding: 16px 30px;

  background: #000000;

  background: rgba(0, 0, 0, 0.4);

  line-height: 1em;

  color: #ffffff;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

  font-size: 39px;

  font-weight: 300;

  width: auto;

}

.flexslider .container .carousel-caption2 h1 {

  display: inline-block;

  margin: 0 0 0px 0;

  padding: 16px 30px;

  background: #000000;

  background: rgba(0, 0, 0, 0.6);

  line-height: 1em;

  color: #ffffff;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);

  font-size: 50px;

  font-weight: 300;

  width: auto;

}

.flexslider .container .carousel-caption h1.skincolored {

  background: #428bca;

  background-color: rgba(66, 139, 202, 0.6);

}

.flexslider .container .carousel-caption .lead {

  display: inline-block;

  margin: 0;

  padding: 16px 30px;

  background: #000000;

  background: rgba(0, 0, 0, 0.6);

  line-height: 1.25;

  color: #fff;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);

  font-size: 32px;

  font-weight: 300;

  width: 100%;

}

.flexslider .container .carousel-caption .lead.skincolored {

  background: #428bca;

  background-color: rgba(66, 139, 202, 0.5);

}

.flexslider .container .carousel-caption .btn {

  margin-top: 15px;

}

.flexslider .container .carousel-caption .round_badge {

  display: block;

  width: 90px;

  height: 90px;

  padding: 15px;

  text-align: center;

  position: absolute;

  top: 15px;

  right: 120px;

  background-color: #2EEEA3;

  border-radius: 60px;

  color: #ffffff;

  font-weight: 300;

  font-size: 16px;

  line-height: 20px;

}

.flexslider .container .carousel-caption .round_badge strong {

  font-weight: 500;

  font-size: 16px;

  margin-top: 8px;

  display: block;

}

.flexslider .container .carousel-caption .round_badge strong i {

  font-size: 42px;

}

.flexslider a.carousel-control {

  height: 80px;

  margin-top: 0;

  font-size: 120px;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);

  background-color: transparent;

  border: 0;

}

.flexslider .item {

  /*height: 480px;*/

  width: 100%;

  background: no-repeat center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

    -moz-box-shadow:    inset  0  8px 8px -8px #696868, 

                        inset  0 -8px 8px -8px #696868;

    -webkit-box-shadow: inset  0  8px 8px -8px #696868, 

                        inset  0 -8px 8px -8px #696868;

     box-shadow:        inset  0  8px 8px -8px #696868, 

                        inset  0 -8px 8px -8px #696868;

}



.icons {

  display: hidden

}



/* Slider Captions */



/*   floating slider text  */

.slider-text-float {

  position: absolute;

  left: 0px;

  bottom: 20px;

  z-index: 999;

  width: 75%;

}

.zero-height{

  height: 0px !important;

}

.slider-text-float h1 {

  display: inline-block;

  margin: 0 0 0px 0;

  padding: 16px 30px;

  background: #000000;

  background: rgba(0, 0, 0, 0.6);

  line-height: 1em;

  color: #ffffff;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);

  font-size: 40px;

  font-weight: 300;

  width: auto;

}

.slider-text-float h1.skincolored {

  background: #428bca;

  background-color: rgba(66, 139, 202, 0.6);

}

.slider-text-float .lead {

  display: inline-block;

  margin: 0;

  padding: 16px 30px;

  background: #000000;

  background: rgba(0, 0, 0, 0.6);

  line-height: 1.25;

  color: #fff;

  text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);

  font-size: 24px;

  font-weight: 300;

}

.slider-text-float .lead.skincolored {

  background: #428bca;

  background-color: rgba(66, 139, 202, 0.7);

}

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

.flexslider .container .slider-text-float {

  padding: 30px 0px;

  }

.flexslider .container .slider-text-float h1 {

  font-size: 40px;

  }

.flexslider .container .slider-text-float .lead {

  font-size: 16px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

.flexslider .container .slider-text-float {

  padding: 20px 0px;

  width: 85%;

  }

  .flexslider .container .slider-text-float h1 {

    font-size: 30px;

  }

  .flexslider .container .slider-text-float .lead {

    font-size: 16px;

  }

}

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

  .flexslider .container .slider-text-float {

    padding: 20px 0px;

    width: 85%;

  }

  .flexslider .container .slider-text-float h1 {

    font-size: 30px;

  }

  .flexslider .container .slider-text-float .lead {

    font-size: 16px;

  }

}

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

  .flexslider .container .slider-text-float {

    padding: 20px 0px;

    margin: 0;

    width: 100%;

  }

  .flexslider .container .slider-text-float h1 {

    font-size: 30px;

  }

  .flexslider .container .slider-text-float .lead {

    font-size: 16px;

  }

}



/* end slider captions */



/*Call To Action v1

------------------------------------*/

.call-action-v1 p {

  margin-top: 5px;

  font-size: 16px;

  font-weight: 300;

  margin-bottom: 0;

}



.call-action-v1 .call-action-v1-box {

  width: 100%;

  display: table;

  padding: 30px 0;

  vertical-align: middle;

}



.call-action-v1 .call-action-v1-in {

  display: table-cell;

  vertical-align: middle;

}



.call-action-v1 .call-action-v1-in.inner-btn {

  min-width: 250px;

  text-align: right;

}



@media (max-width: 992px) {

  .call-action-v1 .call-action-v1-in,

  .call-action-v1 .call-action-v1-in.inner-btn {

    display: block;

    text-align: center;

  }



  .call-action-v1 .call-action-v1-in p {

    margin-bottom: 20px;

  }

}

.service_badge_home1{

  display: block;

  width: 100px;

  height: 100px;

  padding: 18px;

  text-align: center;

  top: 26px;

  margin: 0 auto;

  border-radius: 60px;



  font-weight: 300;

  font-size: 62px;

  line-height: 20px;



 /* background-color: #D9534F;*/

  margin-bottom: 30px;

  

  color: #EEA236;

  background-color: #fff;

  border: 2px solid #EEA236;







  -moz-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.service_badge_home2{

  display: block;

  width: 100px;

  height: 100px;

  padding: 18px 13px;

  text-align: center;

  top: 26px;

  margin: 0 auto;

  border-radius: 60px;

  font-weight: 300;

  font-size: 62px;

  line-height: 20px;

  color: #5CB85C;

  background-color: #fff;

  border: 2px solid #5CB85C;

  margin-bottom: 30px;

  -moz-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.service_badge_home3{

  display: block;

  width: 100px;

  height: 100px;

  padding: 18px 13px;

  text-align: center;

  top: 26px;

  margin: 0 auto;

  border-radius: 60px;

  font-weight: 300;

  font-size: 62px;

  line-height: 20px;

  color: #5BC0DE;

  background-color: #fff;

  border: 2px solid #5BC0DE;

  margin-bottom: 30px;

  -moz-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.service_badge_home4{

  display: block;

  width: 100px;

  height: 100px;

  padding: 18px 15px;

  text-align: center;

  top: 26px;

  margin: 0 auto;

  border-radius: 60px;

  color: #fff;

  font-weight: 300;

  font-size: 62px;

  line-height: 20px;

  background-color: #555;

  margin-bottom: 30px;

  -moz-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.feature-bottom {

  margin-bottom: 0 !important;

}

.surrounding-margin {

  margin: 35px 0px;

}

.home-newsletter .ccmod-span input{

    border-radius: 4px !important;

    border-width: small !important;

    border-style: solid !important;

    transition: all 0.3s linear 0s !important;

    background: #333 !important;

    font-family: "Open Sans",Georgia,Times,serif !important;

    color: #fff !important;

    letter-spacing: 0.03em !important;

    height: 46px !important;

    padding: 15px 15px 12px;

    font-size: 16px

    

}

.home-newsletter .span2 input{

  margin: 0 auto;

  display: block;

}

.submit-align-inside {

  text-align: left;

}

.newsletter-module {

  margin-top: 60px;

  margin-bottom: -12px;

}

@media (max-width: 767px) {

  .span2{

    width: 100% !important;

  }

  .ccmod-span, .span2 {

    padding: 15px 15px;

  }

  .submit-align-inside {

    text-align: center;

  }

  .newsletter-module {

    margin-top: 30px;

    margin-bottom: -12px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .home-newsletter .ccmod-span input{

    width: 100% !important;

  }

}

@media (min-width: 991px) {

  .newsletter-module {

    margin-top: 36px;

    margin-bottom: -12px;

  }

}

.badge-hover1 a:hover, .badge-hover1 a:focus {

  -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -webkit-transition: all .2s ease-in;

    transition: all .2s ease-in;

  color: #fff;

  background-color: #EEA236;

  border: 2px solid #EEA236;

}

.badge-hover2 a:hover, .badge-hover2 a:focus {

  -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -webkit-transition: all .2s ease-in;

    transition: all .2s ease-in;

  color: #fff;

  background-color: #5CB85C;

  border: 2px solid #5CB85C;

}

.badge-hover3 a:hover, .badge-hover3 a:focus {

  -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -webkit-transition: all .2s ease-in;

    transition: all .2s ease-in;

  color: #fff;

  background-color: #5BC0DE;

  border: 2px solid #5BC0DE;

}

.safari-only {

  display: none;

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

/* Safari and Chrome 

.myClass {

 color:red;

}

*/

/* Safari only override */

::i-block-chrome,.safari-only {

   display: inline;

  }

}



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

  .flexslider .container .carousel-caption h1 {

    font-size: 38px !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .flexslider .container .carousel-caption h1 {

    font-size: 28px !important;

  }

}

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

  .flexslider .container .carousel-caption h1 {

    font-size: 27px !important;

  }

}

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

  .flexslider .container .carousel-caption h1 {

    font-size: 27px !important;

  }

}

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

  .flexslider .container .carousel-caption h1 {

    font-size: 22px !important;

  }

}