/*
Theme Name:  honeybeautysalon
Theme URI: https://wordpress.org/themes/ honeybeautysalon
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain:  honeybeautysalon

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

@font-face {
  font-family: 'Conv_BrannbollSS_PERSONAL';
  src: url('../fonts/BrannbollSS_PERSONAL.eot');
  src: local('☺'), url('../fonts/BrannbollSS_PERSONAL.woff') format('woff'), url('fonts/BrannbollSS_PERSONAL.ttf') format('truetype'), url('fonts/BrannbollSS_PERSONAL.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.abouttext{
    font-family: 'Conv_BrannbollSS_PERSONAL';
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
body{padding: 0; margin: 0; font-family: 'Roboto', sans-serif;}
body ul{padding-left: 0}
body h1{font-family: 'Conv_BrannbollSS_PERSONAL';}
body ul li{list-style-type: none;}
body i{vertical-align: middle;}
body ul li{list-style-type: none;}
body a, body a:hover{text-decoration: none;}
section{padding-top: 3%;padding-bottom: 3%;}
.fsize{font-size: 48px}
.center{text-align: center;}
.p0{padding: 0;}
.white{color: #fff;}
.yellow{color: #ffd200}
.green{color: #77ca54;}
.bg-blue{background-color: #344d72}
.bg-lblue{background: #3298c0;}
.btn-testi{background-color: transparent; transition: 0.4s all;border: 1px solid #fff; font-size: 14px; border-radius: 0;}
.btn-link{background: #e80000;
    border: 1px solid #801d1d;
    border-top-left-radius: 34px;}
.inputtext {border-radius: 0;height: 46px;border: 3px solid #ffb500;}
.btn-detail{background: #77ca54;transition: 0.4s all;
    border-radius: 0;
    color: #000;
    font-size: 14px;}
    .btn-detail:hover, .btn-testi:hover, .btn-read:hover{background: #e0f5b2;
    border: 1px solid#194506;
    color: #000;}
.f-family{font-family: 'Roboto', sans-serif; font-weight: normal;}
.dd{font-size: 36px;}
.btn-read{background-color: transparent;border: 1px solid #d1dcb7;transition: 0.4s all; border-radius: 0;}   
.btn-submit:hover{color: #da2323;}
.text{font-family: 'Anton', sans-serif;}
.nopadding{padding: 0;}
.table-hover>tbody>tr:hover {
    background-color: #77ca54;
   color: #ffd600;
}
.blink{
            padding: 15px;
    /* text-align: center; */
    line-height: 50px;
    }
    span.deal{
       font-size: 48px;   
    color: #b4ff00;
    animation: blink 1s linear infinite;
    font-family: 'Conv_BrannbollSS_PERSONAL';
    font-weight: 700;
    }
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.table>thead>tr>th {    
    font-size: 20px;
}
/*.table>tbody>tr>td{
    color: #ffe000;
}*/
.SliBg {
    background: url(images/banner1.png) no-repeat left top #24334f;
   background-size: cover;
    background-position: center;
}
.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.carousel-indicators {
    bottom: 10px;
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    max-width: 70px;
    padding-left: 0;
    position: absolute;
    text-align: center;
    z-index: 15;
}
.welSec {
    background: #77ca54;
    background-size: 100%;
    padding: 12px;
    box-sizing: border-box;
    min-height: 339px;
    color: #000
}
/*navbar Starts-------------------------------------------------------------------*/
.topbar{background: #e80000;padding-top: 1%;font-family: 'Roboto', sans-serif; font-size: 18px;   color: #fff}
.navbar-header{    margin-left: -10%;}
ul.top_navbar li{display: inline-block; }
ul.social_nav li{display: inline-block; letter-spacing: 9px;font-size: 18px;}
.navbar{margin-bottom: 0}
.navbar-bg{ position: relative;}
.navbar-brand {padding: 0;}
/*.navbar{margin-bottom: 0;}*/
.navbar-toggle .icon-bar {background: #e80000;}
.navbar-nav li a {  
    font-size: 18px;
    transition: 0.4s all;
    color: #000;}
.nav>li>a:focus, .nav>li>a:hover, .navbar-nav>li.active {   
    background-color: transparent;
   color: #1e5207;}
  .navbar-nav>li.active a {
    color: #1e5207;
}
.logo{position: absolute;
    top: -13px;
    z-index: 999999999;}
.navbar-brand {padding: 0;}
/*.navbar{margin-bottom: 0;}*/
.navbar-brand{height: auto;}
.navbar-toggle .icon-bar {
    background: #10c45c;
}
.navbar-wrapper {
  position: absolute;
  /*top: 4%;*/
  left: 0;
  right: 0;
  z-index: 9999;
}

.navbar-bg-right{
  background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(247,212,89,1),rgba(255,0,0,0));
   
    margin-top: 25px;
}
ul.social_nav li {
    display: inline-block;
    letter-spacing: 9px;
    font-size: 18px;
}
.carousel-indicators .active{background-color: #1d5306;
    border: 2px solid #f2c416;}
    .carousel-indicators li{background-color: #f2c416;}
.bg-about{background: radial-gradient(circle, #87c033, #33910a, #194506);padding: 3%;
    color: #fff;}
#opening, #pricing, #footer{background:  #77ca54; padding: 2%;}    

#services{

  background: url(images/bg-services.png);
  background-size: cover;
}
#services h2{font-weight: normal; text-transform: uppercase;}

#testi{background: url(images/bg-testi.png);background-size: cover;}
#gallery .example-image{margin: 1%;    border: 2px solid #f2b112;}
/*{background: radial-gradient(circle, #87c033, #33910a, #194506);}*/
#facial, #services_,#gallery, #nail, #contact_, #news, #hair, #tattoo, #waxing, #eyelash{    background: radial-gradient(circle, #ffd200, #e2ca3f, #ffdd63);
}
ul.terms li{font-size: 19px;line-height: 2;font-weight: 600;}
.content{    background: rgba(255,255,255,0.3);
    padding: 4%;
    border: 1px solid #fff;
    color: #fff;}
    .content h3{font-weight: 300;}
    .effect5 {
    position: relative;
}
ul.contact_us li {
   list-style-type: none;
    background: #f7d351;
    margin-top: 2%;
    padding: 2%;
    border-radius: 23px;
    color: #194506;
}
    #footer h2{font-family: 'Conv_BrannbollSS_PERSONAL'; color: #fff}
#footer span{font-family: 'Roboto', sans-serif; }

@media only screen and (max-width: 1000px) and (min-width: 750px){
.welSec {
    height: 248px;
    overflow: auto;
    min-height: inherit;
}
}


@media (max-width: 736px){
.carousel-inner>.item>a>img, .carousel-inner>.item>img{
width: 100%;
}
.navbar-nav li a, #opening, .text-right {text-align: center;}
}

@media only screen and (max-width: 1000px) and (min-width: 750px){
.navbar-nav li a {
    font-size: 11px;}

}

.testimonial{
            border-right: 4px solid #65be3a;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
            padding: 30px 30px 30px 130px;
            margin: 0 15px 30px 15px;
            overflow: hidden;
            position: relative;
        }
        .testimonial:before{
            content: "";
            position: absolute;
            bottom: -4px;
            left: -17px;
            border-top: 25px solid #67523d;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            transform: rotate(45deg);
        }
        .testimonial:after{
            content: "";
            position: absolute;
            top: -4px;
            left: -17px;
            border-top: 25px solid #67523d;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            transform: rotate(135deg);
        }
        .testimonial .pic{
            display: inline-block;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            overflow: hidden;
            position: absolute;
            top: 60px;
            left: 20px;
        }
        .testimonial .pic img{
            width: 100%;
            height: auto;
        }
        .testimonial .description{
            font-size: 15px;
            letter-spacing: 1px;
            color: #6f6f6f;
            line-height: 25px;
            margin-bottom: 15px;
        }
        .testimonial .title{
            display: inline-block;
            font-size: 20px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #65be3a;
            margin: 0;
        }
        .testimonial .post{
            display: inline-block;
            font-size: 17px;
            /*color: #29D18B;*/
            font-style:italic;
        }
        .owl-theme .owl-controls .owl-page span{
            border: 2px solid #2A3D7D;
            background: #fff !important;
          border-radius:0 !important;
            opacity: 1;
        }
        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls .owl-page:hover span{
            background: #65be3a !important;
          border-color:#65be3a;
        }
        @media only screen and (max-width: 767px){
            .testimonial{
                padding: 20px;
                text-align: center;
            }
            .testimonial .pic{
                display: block;
                position: static;
                margin: 0 auto 15px;
            }
        }


.current_page_item{
    display: none !important;
}



.alert{
    display: none;
}
.black{color: #194506}