/*
 *  Developed for : NEYSI'S BEAUTY SALON;
 *  Developed by  : Arun P Anil ( http://www.xpanzza.com );
 *  Developed at  : GUMAX IT GURUS ( http://www.gumaxitgurus.com );
 *  Date          : 08-06-2018;
 */

/*
*   Index
*
* 1.  General Style
* 2.  Navbar
* 3.  Footer
* 4.  Home Page
*   4.1  services
*   4.2  highlight
*   4.3  aboutus
*   4.4  gallery
* 5.  services-page
*
*/


/* 1.  General Style */

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
a{
  color: inherit;
}
a:hover{
  text-decoration: none;
}
section{
  padding: 50px 0px;
}
h3{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
p{
  line-height: 24px;
}
.font-18 {
  font-size: 18px;
}
.font-24 {
  font-size: 24px;
}
.x-color {
  color: #911439;
}
.title {
  text-align: center;
  padding-bottom: 50px;
}
.title:after {
  content: "";
  display: inline-block;
  background: url("../images/underline.png") no-repeat;
  width: 75px;
  height: 5px;
  position: absolute;
  margin: 0px 0px 0px -40px;
}
.title h2 {
  font-size: 28px;
  text-transform: uppercase;
}
.title h2:before {
    content: "";
    display: inline-block;
    background: url("../images/title-left.png") no-repeat;
    width: 77px;
    height: 77px;
    position: absolute;
    margin: -25px 0px 0px -80px;
}
.title h2:after {
    content: "";
    display: inline-block;
    background: url("../images/title-right.png") no-repeat;
    width: 77px;
    height: 77px;
    position: absolute;
    margin: -25px 0px 0 10px;
}
/* 2.  Navbar */
.top-bar {
  background-color: #fff;
  padding-top: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.top-bar .text-right a {
  padding: 3px;
  border: 1px solid;
  border-radius: 50%;
}
.logo-bar {
  padding: 10px 0px;
}
.logo-bar .media{
  margin-top: 25px;
}
.logo-bar .side-border{
  border-right: 1px solid #ccc;
}
.navbar-default {
    background-color: #1c1c1c;
    border: none;
    margin-bottom: 0px;
}
.navbar-default .navbar-nav li a {
    padding: 20px 40px;
    color: #fff;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav li a:hover {
    color: #fff;
    background-color: #911439;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
/* 3. Footer */
footer{
  padding: 40px 0px;
  background-color: #161616;
  color: #6d6d6d;
}
footer h3 {
  color: #fff;
}
footer h5 {
  color: #bd3f56;
}
footer .carousel-caption {
  position: initial;
  color: #6d6d6d;
  padding-bottom: 0px;

}
footer .carousel-control {

    opacity: 1;
}
footer .carousel-control:focus, footer .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: none;
    outline: 0;
    opacity: 1;
}
footer .carousel-control.left, footer .carousel-control.right {
    background-image: none;
}
footer .carousel-control {
    position: initial;
    padding: 0px 50px;
    font-size: 40px;
    color: #e40613;
    text-align: center;
    text-shadow: none;
    filter: none;
    opacity: 1;
}
footer .contact-info {
  text-align: center;
  padding: 15px 0px;
  margin: 15px 0px;
  border-top: 2px solid #202020;
  border-bottom: 2px solid #202020;
}
footer .contact-info p{
  margin-bottom: 0px;
  font-size: 18px;
  padding: 15px 0px;
}
footer .contact-info .fa{
  color: #911439;
  font-size: 20px;
}
footer .contact-info .center-box{
  border-left: 2px solid #202020;
  border-right: 2px solid #202020;
}
footer .copyright{
  padding-top: 25px;
}
/*  4.  Home Page */
/*   4.1  services */

.services img{
  margin-bottom: 20px;
}

/* 4.2  highlight */
.highlight {
  background-color: #e40613;
  color: #fff;
  padding: 15px 0px;
}
.highlight h2{
  font-size: 22px;
  margin-top: 10px;
}
.highlight .btn-default{
  margin-top: 5px;
  padding: 10px 25px;
  border-radius: 25px;
}

/* 4.3 aboutus */
.aboutus {
  padding: 50px 0px;
  background-color: #f9f9f9;
  color: #000;
}
.aboutus h2{
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.aboutus p{
  line-height: 26px;
}

/*   4.4  gallery */
.gallery {
  padding: 75px 0px;
}
.gallery .col-sm-3{
  padding: 10px 0px;
}

/* 5. services-page */
.services-page img{
  padding:15px 0;
}

.services-page .one, .services-page .two{
  padding: 25px 0px;
}
.services-page .one{
  border-left: 5px solid #e40613;
  border-bottom: 5px solid #e40613;
}
.services-page .two{
  border-right: 5px solid #e40613;
  border-bottom: 5px solid #e40613;
}
/* 6.   contact-page */
.contact-page .well {
  padding: 10%;
}
.contact-page .address-box h3 {
  padding-bottom: 10px;
}
.contact-page .table {
  font-size: 18px;
}
.contact-page .table>tbody>tr>td, .contact-page .table>tbody>tr>th, .contact-page .table>tfoot>tr>td, .contact-page .table>tfoot>tr>th, .contact-page .table>thead>tr>td, .contact-page .table>thead>tr>th {
    padding: 30px 5px;
}