@charset "utf-8";
p{font-family: 'Open Sans';}
/* Spacing mt-0 - margin top 0  
.d-*-none and .d-*-block*/
.reset{margin: 0px; padding: 0px;}

/* Header */
.header{background: rgba(255,255,255,.6); z-index: 999; position: relative;}
.banner{margin-top: -101px;}
.banner-btn{border: 1px solid #0000ff; background: #FFF; color: #0000ff;  font-family: 'Open Sans'; padding: 10px 25px; display: block; margin: 1px;}
.logo{margin-top: 8px;}
.carousel-caption {    position: absolute;    right: -15%;    bottom: 100px;    left: 7.8%;}

/* One */
.one{background: #f0f0f0;}
.one .row{background: #FFF; position: relative; top: -50px; padding: 15px;}
.one h1{font-size: 22px;  font-family: 'Open Sans';}
.one h1 span{font-weight: bold; color: #0000ff;}
.one-btn{background: #0000ff; padding: 8px 20px; margin-top: 40px; border: none; font-family: 'Open Sans'; color: #FFF; }

.two{background: url(../images/bg-two.jpg) no-repeat #f0f0f0; padding: 40px 0px;}
.two h2{text-align: center; color: #FFF; font-size: 30px; font-weight: bold;}
.two h3{font-family: 'Open Sans'; font-weight: bold; font-size: 22px; text-align: center; }
.two-box{margin-top: 15px;}
.two-inner-box{background: #FFF; padding: 20px 15px;}
.btn-two{background: #0000ff; border-radius: 4px; color: #FFF; font-family: 'Open Sans'; display: block; margin: auto;  border: none; padding: 7px 25px;}

.three{padding: 40px 0px;}
.three h3{font-family: 'Open Sans'; font-weight: bold; text-align: center; font-size: 18px; text-transform: uppercase;}
.textimonial-box{border: 1px solid #ccc; padding: 18px;}
.testimonial-name{font-family: 'Open Sans'; font-size: 20px; font-weight: 600;padding: 33px 90px; margin-left: 15px;}

.four h2{text-align: center; font-weight: bold; font-family: 'Open Sans'}
.four{background: #f5f5f5; padding: 40px 0px;}

.five{background: url(../images/bg-five.jpg); padding: 60px 0px;}
.five p{color: #FFF;}
.five h2{color: #FFF; font-size: 20px;}
.five-paragraph{border: 1px solid #FFF; padding: 10px;}
.five-paragraph span{border-left: 1px solid #FFF; padding: 11px}
/* Navigation */
.navbar{padding: 0px !important;}
.nav-item{padding: 30px 20px;}
.nav-link{ padding: 10px 13px !important; text-transform: uppercase;   font-size: 15px !important;    font-family: 'Open Sans' !important;    color: #2c3d4d !important;    font-weight: 600;}
.navbar-nav .active {background: #0000ff; }
.navbar-nav .active a{color: #FFF !important;}
.navbar-nav .active .nav-link{}
.navbar-nav .active .nav-link:hover{}
.nav-link:hover{ }
/*.navbar-brand:hover{    background: #FFF;    padding: 7px 15px;    border-radius: 5px;    transition: ease-in .2s;} */
/* Tap to Call */
.taptocall{color: #FFF;font-size: 14px !important;border: 1px solid #FFF; width: 50%; margin:5px  auto !important;  padding: 10px 0px;}
.taptocall:hover{background: #FFF; transition: .2s ease-in; color: #000;}


.services ul li{font-size: 18px; font-weight: 600; }

.contact-box{background: #0000ff; padding: 20px 15px;}
.top-footer{background: #151515; padding: 40px 0px;}
.top-footer hr{border:1px solid #00779b; width: 120px; margin: 1px; margin-bottom: 15px;}
.top-footer-btn{background: #0000ff; border: none; color: #FFF; padding: 8px 15px; }
.top-footer p{color: #FFF;}
.top-footer h3{font-size: 20px; color: #FFF; font-family: 'Open Sans';}

.footer{ padding: 15px 0px; background: #0c0c0c; }
.footer p{margin: 0px !important; padding: 0px !important; color: #FFF; text-align: center;}
.footer a{color: #db0000;}
.footer a:hover{text-decoration:none; }



/* Footer */
.footer p{margin-top: 0px; margin-top: 0px;}

/* Form */
.input-text{height: 40px; width: 100%; font-size: 16px; font-family: 'Open Sans'; padding:5px 15px; background: none; border: 1px solid #ccc; color: #FFF;}
.input-textarea{width: 100%; font-size: 16px; font-family: 'Open Sans'; padding: 5px 15px; background: none; border: 1px solid #ccc; color: #FFF;}
.input-submit{ color: #FFF; font-size: 16px; border:none; background: #0000ff; padding: 8px 15px}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: 0px solid #FFF !important;}



/* Page */
.page{  padding: 40px 0px;}
.page h1{font-size: 30px; font-weight: bold; color: #444; font-family: 'Open Sans';}
.page h2{font-size: 24px; font-weight: bold; color: #444; font-family: 'Open Sans';}
.page h3{font-size: 20px; font-weight: bold; color: #444; font-family: 'Open Sans';}
.page h4{font-size: 18px; font-weight: bold; color: #444; font-family: 'Open Sans';}

/* Scroll To Top */
.scrollTop {  position: fixed;    right: 1%;    bottom: 10px;    background-color: #555;    padding: 10px 14px;    opacity: 0;    transition: all 0.4s ease-in-out 0s;    border-radius: 3px;    -webkit-box-shadow: 0px 0px 92px -6px rgba(158,156,158,1); -moz-box-shadow: 0px 0px 92px -6px rgba(158,156,158,1);    box-shadow: 0px 0px 92px -6px rgba(158,156,158,1);}
.scrollTop a { font-size: 30px; color: #FFF;  font-family: 'Open Sans'; }
.scrollTop a{	text-decoration: none; }


/* Banner */
.carousel-indicators li {    width: 10px;     height: 10px;     border-radius: 50%;}
.ug-lightbox .ug-textpanel-title, .ug-lightbox .ug-textpanel-description {    font-size: 19px; color: #e5e5e5;  font-family: 'Open Sans'; font-weight: bold; text-align: center !important; }

/* Gallery */
.ug-lightbox .ug-lightbox-numbers {    padding: 2px 8px;    color: #333;    font-size: 14px;    font-family: 'Open Sans';    background: #FFF;    border-radius: 50px;    font-weight: bold;}
.owl-carousel .owl-item img {  display: inherit;     width: auto;	}
/* box Shadow */
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.nav-item{padding: 30px 7px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.nav-item{padding: 0px !important;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.logo{}
.banner{margin-top: 0px;}
.nav-item{padding: 0px !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  
.header-navbar{background: #333;}
.tap-to-call , .tap-to-sms{color: #ededed !important; border-radius: 4px;}
.navbar-light .navbar-toggler {    color: rgba(0,0,0,.5); border-color: #FFF; background: #FFF; }
.nav-link{color: #FFF !important; }

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}