body {

 

}

#custom_carousel .item {



    color:#000;

   /* background-color:#eee; */

    padding:20px 0;

}

#custom_carousel .controls{

    overflow-x: auto;

    overflow-y: hidden;

    padding:0;

    margin:0;

    white-space: nowrap;

    text-align: center;

    position: relative;

   /* background:#ddd; */

    border: 1px solid green;

}

#custom_carousel .controls li {

    display: table-cell;

    width: 1%;

    max-width:90px

}

#custom_carousel .controls li.active {

    background-color:#eee;

    border-top:3px solid #2b98d4;

}

#custom_carousel .controls a small {

    overflow:hidden;

    display:block;

    font-size:10px;

    margin-top:5px;

    font-weight:bold;

    color: #000;

}

/*.page-header {   

    border-bottom: none !important;

    margin: 0px 0 0px !important;

    padding-bottom: 0px !important;

} */

h1, h2, h3, h4, h5, h6 {

    font-weight: 700 !important;

}

.grn-clr{

    color: #023f06;

}

.blck-clr{

    color: #000;

}

h5.offer-font{

    font-size: 25px;

}





#about {

  padding-top: 80px;

  padding-bottom: 80px;

  background-image: url('../images/about-whycora.jpg');

  background-size: cover;

  background-position: center;

}



#about .row *[class*="col-"] {

  margin-bottom: 35px;

}



#about .row *[class*="col-"] > div {

  -webkit-transition: all 0.4s linear;

  -moz-transition: all 0.4s linear;

  -o-transition: all 0.4s linear;

  -ms-transition: all 0.4s linear;

  transition: all 0.4s linear;

  position: relative;

  padding: 15px 20px;

  /*  background-color: rgba(255, 255, 255, 0.81); */

}



#about .row *[class*="col-"] > div i {

  font-size: 50px;

  display: block;

}



#about .row *[class*="col-"] > div h4 {

  margin: 25px 0;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

    color: #fff;

}

#about .row *[class*="col-"] > div h4.bigtxt {

    margin: 11px 0 0 0;

}

#about .row *[class*="col-"] > div h4.last-feature {

    margin: 56px 0;

    font-size: 20px;

}



#about .row *[class*="col-"] > div .border-x::after,

#about .row *[class*="col-"] > div .border-x::before, 

#about .row *[class*="col-"] > div::after,

 #about .row *[class*="col-"] > div::before {

  -webkit-transition: all 0.4s linear;

  -moz-transition: all 0.4s linear;

  -o-transition: all 0.4s linear;

  -ms-transition: all 0.4s linear;

  transition: all 0.4s linear;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 1px;

  width: 20px;

  background-color: #fff !important;

}



#about .row *[class*="col-"] > div .border-x::before,

 #about .row *[class*="col-"] > div::before {

  height: 20px;

  width: 1px;

}



#about .row *[class*="col-"] > div .border-x::after,

#about .row *[class*="col-"] > div .border-x::before {

  top: auto;

  bottom: 0;

  right: 0;

  left: auto;

}



#about .row *[class*="col-"] > div {

  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

}



#about .row *[class*="col-"] > div:hover .border-x::before,

 #about .row *[class*="col-"] > div:hover::before {

  height: 100%;

}



#about .row *[class*="col-"] > div:hover .border-x::after,

 #about .row *[class*="col-"] > div:hover::after {

  width: 100%;

}

.img-sec1 img {

    margin: 25px auto;

    width: 20%;

}

.nav > li > a:hover, .nav > li > a:hover {

    text-decoration: none;

    background-color: #eeeeee;

    color: #000 !important;

}