/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,500i,700,700i');
p , a ,li
{
    font-family: 'Roboto', sans-serif; 
    font-size: 15px;
}
a:hover{
    text-decoration: none;
}
  h4{
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    font-weight: 600;
         }
         p{
            font-weight: 500;
         }
html,
body {
    height: 100%;
}
.page-header1{
    margin-top: 2.5%;
}
.page-header2 {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}
@media screen and (min-width: 768px) {
.ash > .no-gutter3.col-md-3  {
 padding-left: 5px;
  padding-right: 7.5px ;
}
.ash > .no-gutter2.col-md-3  {
/* padding-left: 7.5px;*/
  padding-right: 5px ;
  padding-left: 7.5px;
}
.ash > .no-gutter1.col-md-3  {
 padding-left: 5px;
  padding-right: 5px ;
}
.ash > .no-gutter11.col-md-3  {
 padding-left: 5px;
  padding-right: 5px ;
}
}
@media screen and (max-width: 768px) {
.ash > .no-gutter3.col-md-3  {
 padding-left: 3px;
  padding-right: 7.5px ;
}
.ash > .no-gutter2.col-md-3  {
/* padding-left: 7.5px;*/
  padding-right: 3px ;
  padding-left: 7.5px;
}
.ash > .no-gutter1.col-md-3  {
 padding-left: 3px;
  padding-right: 7.5px ;
}
.ash > .no-gutter11.col-md-3  {
 padding-left: 7.5px;
  padding-right: 3px ;
}
.logo{
    width:80px !important;
  
}
}
body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    min-height: 100%;
    height: 100%;
}
.topmenu{
    line-height: 200%;
}
.topmenu > a{
   font-weight: 800;
}
.carousel-indicators li{
    background-color: rgb(107, 193, 118);
   /* border-radius: 0px;*/
}
.carousel-indicators .active{
    border-color: rgb(107, 193, 118);
}
 .capsl{
padding: 10px 10px 10px 10px;
font-weight: lighter;
font-size: 25px;
}
.capsl > span{
background:rgba(0,0,0, 0.5);
}
.carousel-caption > h2 {
  padding: 10px 10px 10px 10px;  
}
.logo{
    width:91px;
    z-index: 100;
    position: absolute;
    top: 0;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #6bc176;
}
@media screen and (min-width: 768px) {
.navbar-inverse .navbar-nav>.active>a , .navbar-inverse .navbar-nav>.active>a:focus{
    border-bottom: #507955 5px solid;
    background-color: #6bc176;
}
.navbar-inverse .navbar-nav>li>a:hover{
    border-bottom: #507955 5px solid;
    background-color: #6bc176;  
}
}

.navbar-nav>li:hover>.dropdown-menu{
    display: block;
}

.navbar-inverse .navbar-nav>.open>a:hover , .navbar-nav>li>.dropdown-menu>a:hover{
     border-bottom:none;
}

.dropdown-menu{
    background-color: #000;
   
}
.dropdown-menu>li>a{
    color: #fff;
}
@media screen (min-width: 768px) and (max-width: 1000px) {
.dropdown-menu {
    display: none !important;
}
.open .dropdown-menu {
    display: block !important;
}
.navbar-nav>li:hover>.dropdown-menu{
    display: block !important;
}

}
@media screen and (max-width: 768px) {
  .dropdown-menu {
    display: none !important;
}
.open .dropdown-menu {
    display: block !important;
}
.navbar-nav .open .dropdown-menu{
    background-color: rgb(12, 33, 52);
}

.bensub{
    height: 400px !important;   
}
 .bentext{
   height: 400px !important; 
 }
 .benbak{
    height: 410px;
}
.moveright{
    left:90%; 
    width:40%
    }
}

.padtop{
    margin-top: 5%;
    margin-bottom: 2%;
}

.appimg{
     height: 198px;
   /* height: 100%;*/
    background-position: center;
    background-size: cover;

}
.apppage{
    width: 100%;
    height: 100%;
}

.col-md-8>.apppage{
    height: 200px;
}

.appcenter{
    display: table; height:190px; overflow: hidden;
}
.appsubcenter{
    display: table-cell; vertical-align: middle;
}

.quote{
    display: table; height:400px; overflow: hidden;
    width: 100%;
}
.qut{
    display: table-cell; vertical-align: middle;
    padding: 10px 10px 10px 10px;
}

.benpage{
    width: 100%;
    height: 100%;
}

.col-md-8>.benpage{
    height: 220px;
}

.bencenter{
    display: table; height:190px; overflow: hidden;
}
.bensubcenter{
    display: table-cell; vertical-align: middle;
}
.benimg{
     height: 270px;
   /* height: 100%;*/
    background-position: center;
    background-size: cover;
   /* width: 100%;*/
  /*   width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;*/
 border: solid 8px #fff;
}

.capimg{
    height: 270px;
     background-position: center;
    background-size: cover;
    border-bottom: solid 10px #fff;
    border-top: solid 10px #fff;
}
.captext{
    height: 260px;
     display: table;  
     overflow: hidden;
}
.captextsub{
    display: table-cell; 
    vertical-align: middle;
}

img{
    width: 100%;
}
h1{
    font-size: 30px;
    font-weight: 600;
}
/*h1::before{
     display: inline-block;
    content: "";
    border-top: .3rem solid ;
    border-color: #4cdb71;
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(-1rem);


}
h1::after {
    display: inline-block;
    content: "";
    border-top: .3rem solid #4cdb71;
    width: 60%;
    margin: 0 1rem;
    transform: translateY(-1rem);
}*/

h1 { width:100%; 
    /*text-align:center;*/ 
    padding-left: 4rem;
    border-bottom: .3rem solid #6bc176; 
    line-height:0.1em;
     margin:25px 0 25px; } 
h1 span { 
    background:#fff;
 padding:0 10px; }


.page-header {
    
     border-bottom: none; 
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.smfill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.panel {
    background-color: rgba(0,0,0,1);
    background-color: #fff;
    border: none !important;
    border-radius: 0px;
    margin-top: 1.5%;
    margin-bottom: 3%;
    height:295px;
  
}
.panelh{
     height:295px;
     background-color: rgba(0, 0, 0, 0.5);
     display: table; 
     /* overflow: hidden;*/
     width: 100%;

}
@media(max-width:767px){

    .col-xs-12 > h1{
    text-align: center;
     padding-left: 0rem !important;
}
 .panel {
   
    margin-top: 1%;
    height:150px !important;
  
}
 .panel > .panelh{
     height:150px !important;
    
     width: 100%;

}
.col-xs-6  > .panel > .panelh > .subpnlh{
    font-size: 11px;
}
.subpnlh{
    font-size: 13px !important;
}
h3.whit{
    font-size: 13px !important;
}
p.whit{
    font-size: 10px !important;
}

.aboutsubcenter{
  
   height:160px !important;
   font-size: 12px;
}

.rightcar{
    height: 550px;
    background-color: #fff;
}

.topmenu{
    color: #fff;
    font-size: 8px;

   /* padding-left: 5px;*/
}
 .fa-phone{
  margin-left: 1px;
 }

.rightbdr{
   border-right-style:none !important;
   
}
.rightbdr1{
     border-left-style:none !important;
    
}
.page-header1 {
    margin-top: 7%;
}
.page-header2 {
    margin-top: 7%;
    margin-bottom: 8%;
}
}
.ash{
    background-color: #cccccc;
}
.topmenu{
    color: #fff;
    font-size: 12px;
}

.topmenu > a{
    color: #fff;
    font-size: 12px;
}

.panelh>p.whit{
    display: none;
}
.panelh>.whitebtn{
    display: none !important;
}
.panelh:hover>p.whit  , .panelh:hover>.whitebtn{
    display: block;

}
.panelh:hover>h3.subpnlh{
    display: none;

}

.panelh:hover>h3.whit{
    display: block;

}
p.whit{
    color: #fff;
    font-size: 16px;
    text-align: center;
   margin-top: 20%;
}
h3.whit{
    color: #fff !important;
    font-size: 18px;
     text-decoration: underline;
     vertical-align: center;
     display: none;
     text-align: center;
}


.whitebtn{
    border-radius: 20px !important;
}


   /*.pnlh{
    display: table; height:330px; overflow: hidden;
}*/
.subpnlh{
    display: table-cell; vertical-align: middle;
    color: #fff !important;
    font-size: 18px;
    /*text-decoration: underline;*/
    vertical-align: center;
   /*  display: block;*/
   text-align: center;

}

    #test-1"
    {
        background-color: rgba(0,0,0,0.8);
        z-index: 100;

    }

    .bdr{
        border-top-style: solid;
         border-bottom-style: solid;
       border-color:  #cccccc;
    }
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
/*slider*/


/*sliderend*/



/**** slider ****/

.slcon{
    height: 200px;
}

.slider-container{
     height: 200px;
}

#slider ul
{
    height: 200px;
}

#slider
{
    margin: auto;
    overflow: hidden;
    padding: 20px;
   /* border: 1px solid rgba(0, 0, 0, 0.15);*/
    margin-top: 50px;
   /* border-radius: 10px;
    box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.25);*/
    position: relative;
    width: 600px;
}

#slider li
{
    float: left;
    position: relative;
    width: 600px;
    display: inline-block;
    height: 200px;
}

#slider ul
{
    list-style: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 9000px;
    transition: left .3s linear;
    -moz-transition: left .3s linear;
    -o-transition: left .3s linear;
    -webkit-transition: left .3s linear;
    margin-left: -25px;
  font-family: century gothic;
  color: #666;
}

/*** Content ***/

.slider-container
{
    margin: 0 auto;
    padding: 0;
    width: 550px;
  min-height: 180px;
 /* border-bottom: 1px solid #ccc;*/
}

.slider-container h4
{
    color: #000;
  /*text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.50);*/
}

.slider-container  p
{
    margin: 10px 25px;
   /* font-weight: semi-bold;*/
    line-height: 150%;
    text-align: justify;
}

/*** target hooks ****/

@-webkit-keyframes slide-animation {
    0% {opacity:0;}
    2% {opacity:1;}
    20% {left:0px; opacity:1;}
    22.5% {opacity:0.6;}
    25% {left:-600px; opacity:1;}
    45% {left:-600px; opacity:1;}
    47.5% {opacity:0.6;}
    50% {left:-1200px; opacity:1;}
    70% {left:-1200px; opacity:1;}
    72.5% {opacity:0.6;}
    75% {left:-1800px; opacity:1;}
    95% {opacity:1;}
    98% {left:-1800px; opacity:0;} 
    100% {left:0px; opacity:0;}
}

#slider ul
{
    -webkit-animation: slide-animation 25s infinite;
}

/* use to paused the content on mouse over */

#slider ul:hover
{
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
/*endslider*/
.benbak{
    background-image:url('../images/11.jpg');
    min-height: 260px;
     width: 100%;
    /*height: 100%;*/
    background-position: center;
    background-size: cover;

}
/*txtslider*/
.bensub{
    min-height: 230px;
    background-color: rgba(0,0,0,0.5);
    margin-top: 1.5%;
    display: table;
}

.bentext{
     min-height: 220px;
     display: table;
     width: 95%;
     margin: auto;
}
.carousel-content {
    color:black;
    display:flex;
    align-items:center;
}
.bensub  p{
    color: #fff;
}
.bensub  h4{
    color: #fff;
}

#text-carousel {
  width: 100%;
  height: auto;
  /*padding: 3%;*/
  vertical-align: middle;
}

/*end*/
footer{
    background-color: #0c2134;
}
.ftr{
    color: #fff;
    font-family: sans-serif;
    font-weight: 100 !important;
}
.ftr a{
    color: #fff;
    margin-top: 1px;
}
/*.thin{
font-weight: 100 !important;
padding-top: 5px;
}*/
#containerIntro h4,
#containerIntro p {
    display: inline;
    vertical-align: top;
    font-family: 'Open Sans', sans-serif;
   /* font-size: 16px;*/
    line-height: 45px;
}
 .glyphicon-chevron-left:before {
    content: initial !important;
}
.glyphicon-chevron-right:before {
    content: initial !important;
}

.hmftr a{
    color: #000;
    text-decoration: none;

}
.hmftr a:hover{
    color: #6bc176;
    text-decoration: none;

}

.bdrash {
    border-style: solid;
    border-width: 4px;
    border-color: #cccccc;
    border-right-width:8px; 
    border-left-width:8px; 
    background-color: #fff;
}
.bdrash1 {
    border-style: solid;
    border-width: 4px;
    border-color: #cccccc;
   
}
.bdrash2 {
   border-top: 4px solid #cccccc ;
}

.aboutcenter{
    display: table; height:150px; overflow: hidden;
}
.aboutsubcenter{
    display: table-cell; vertical-align: middle;

}

.advbrd{
    min-height: 170px;
}
.advbrd1{
    min-height: 250px;
}

.contdiv{
     box-shadow: 0px 1px 10px #ccc;

}
.mappad{
    padding-top:1.5%;
    padding-bottom:1.5%;
}
 .picpad{
    margin-top: 10px;
 }
.rightbdr{
    border-right: solid 3px #ccc;
    border-bottom: solid 5px #ccc;
}
.rightbdr1{
    border-left: solid 3px #ccc;
     border-bottom: solid 5px #ccc;
}


/*stickybutton*/
.leftb,
.rightb {
  position: fixed;
  top: 0;
  bottom: 0;
 /* height: 2.5em;*/
  width: 74px;
  height: 95px;
  margin: auto;
  /*background: red;*/
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  .rightb {
  width: 45px;
  height: 50px;
}
}
 
.leftb {
  left: 0;
  -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
       -o-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
     -moz-transform: rotate(-90deg) translate(-50%, 50%);
      -ms-transform: rotate(-90deg) translate(-50%, 50%);
       -o-transform: rotate(-90deg) translate(-50%, 50%);
          transform: rotate(-90deg) translate(-50%, 50%);
}
 
.rightb {
   right: 0;
 /*  -webkit-transform-origin: 100% 50%;
      -moz-transform-origin: 100% 50%;
       -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
           transform-origin: 100% 50%;
   -webkit-transform: rotate(90deg) translate(50%, 50%);
      -moz-transform: rotate(90deg) translate(50%, 50%);
       -ms-transform: rotate(90deg) translate(50%, 50%);
        -o-transform: rotate(90deg) translate(50%, 50%);
           transform: rotate(90deg) translate(50%, 50%);*/
}
/*ebdbutton*/