@charset "utf-8";*{margin:0;padding:0}body{background:#fff;font-family:Roboto!important}img{border:none}@font-face{font-family:aquavitregular;src:url(../fonts/aquavit-webfont.eot);src:url(../fonts/aquavit-webfont.eot#iefix) format('embedded-opentype'),url(../fonts/aquavit-webfont.woff) format('woff2'),url(../fonts/aquavit-webfont.woff) format('woff'),url(../fonts/aquavit-webfont.ttf) format('truetype'),url(http://jackieyatessalon.com/fonts/aquavit-webfont.svg#aquavitregular) format('svg');font-weight:400;font-style:normal}
.ser-head li:first-child {
    color: #4b4b4b !important;
    font-size: 70px !important;
    line-height: 70px;
     margin:0 10px 0 0 !important;
}
.ser-head li {
    color: #000;
    font-size: 70px;
    font-weight: bold;
    line-height: 60px;
	display: inline-block;
	color:#4b4b4b;
}
.ser-head > li:last-child {
    margin: 0 0 0 15px;
	letter-spacing: 5px;
	  font-size: 35px;
	  display: block;
	  color:#000;
}
h2 { padding-top:25px;}
.active{ background-color: #000;
    color: #fff;
    outline: 0 none;
    text-decoration: none;}
.dropdown-menu1 .active a{color:#fff}

.haircolor{ margin:0 0 0 15px;}
.header-top{background:#f5f5f5;color:#4d4c4c}
.logo>img{width:100%;height:auto;max-width:514px}
.hdr{margin:15px 0 0}
.logo{display:inline-block;margin:15px 20px;text-decoration:none}
.hdr-right{text-align:right}
.logoarea{text-align:center}
.num{font-size:24px;font-weight:400;color:#fff;margin:8px 0;text-align:right}
.social{margin:0 20px 0 0}
.social ul{list-style:none}
.social ul li{display:inline-block}
.social ul li a{text-decoration:none;margin:0 0 0 9px}
.apps{margin:5px 20px 5px 0;display:none}
.welcome-area{display:none}
.apps a{display:inline-block;margin:0 3px}
.mainnav{clear:both;/* border-bottom:2px solid #924a17; */ border-bottom:2px solid #924a17; padding:0 5px}
.maincontent{margin:0}
.slider{position:relative}
.slider img{width:100%;height:auto;max-width:1110px;margin:0 0}
.service-box{position:relative;text-align:center;margin:3px 0; display: inline-block; float: none;}
.service-box img{width:100%;height:auto;max-width:308px}
.inercon{padding:15px 0;}
.inercon h2{color:#231F20;font-size:30px;font-weight:700; padding-top:0;}
.inercon .img-responsive{margin:5px}
.inercon h3{color:#975223;font-size:32px;border-bottom:1px solid #5a3905;margin:0 0 20px}
.inercon .pera{color:#5a3905;font-size:15px;font-weight:300}
.inercon p{color:#000;font-size:15px;font-weight:300;line-height:24px}
.iner-rt{text-align:center}
.iner-rt img{display:inline-block;border-radius:6px}
.srv-area{margin:0 0 15px; text-align:center;}
.hairarea{border:1px solid #5a3905;padding:0;float:left;margin:0 2% 0 0;width:32%;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#000 0,#0f0f0f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,#0f0f0f));background:-webkit-linear-gradient(top,#000 0,#0f0f0f 100%);background:-o-linear-gradient(top,#000 0,#0f0f0f 100%);background:-ms-linear-gradient(top,#000 0,#0f0f0f 100%);background:linear-gradient(to bottom,#000 0,#0f0f0f 100%)}
.hairarea1{border:1px solid #5a3905;padding:0;float:left;margin:0;width:32%;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#000 0,#0f0f0f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,#0f0f0f));background:-webkit-linear-gradient(top,#000 0,#0f0f0f 100%);background:-o-linear-gradient(top,#000 0,#0f0f0f 100%);background:-ms-linear-gradient(top,#000 0,#0f0f0f 100%);background:linear-gradient(to bottom,#000 0,#0f0f0f 100%)}
.hair{width:50%;float:left}
.hair h3{font-size:30px;font-weight:300;color:#c3c3c3;padding:22px 5px;text-transform:uppercase}
.hair a{background:#5a3905;color:#fff;padding:5px 10px 6px;display:inline-block;border-radius:0 4px 4px 0;font-size:17px;font-weight:300;margin:0 0 20px;text-transform:capitalize}
.hairimg{float:left;width:50%}
.appoint-area{background:#ebebeb;text-align:center;padding:15px 0}
.appoint{background:url(../images/appoint-img.png) 10px 15px no-repeat #5a3905;font-size:20px;color:#fff;text-decoration:none;font-weight:300;display:inline-block;padding:12px 40px;border-radius:8px;margin:0 2% 0 0}
.giftcard{background:url(../images/gift-img.png) 10px 15px no-repeat #5a3905;font-size:20px;color:#fff;text-decoration:none;font-weight:300;display:inline-block;padding:12px 40px;border-radius:8px;max-width:260px;width:100%;text-align:left}
.footer{margin:20px 0 0;color:#000;font-size:15px;padding:20px 0;background:#cdcdcd}
.footnav{list-style:none;margin:10px 0;text-align:center}
.footnav li{display:inline-block;color:#fff;background:url(../images/li.png) center right no-repeat}
.footnav li:last-child{background:0 0}
.footnav li a{text-decoration:none;color:#fff;font-size:15px;padding:0 12px;text-transform:capitalize}
.footnav li a:hover{color:#F08A00}
.footer a{color:#000;padding:0 5px 0 0}
.develp{color:#2b2b2b;font-size:15px}
.develp a{color:#2b2b2b}
.footer p{font-size:17px;color:#080808}
.galimg{margin:0 0 10px;text-align:center;overflow:hidden;height:200px}
.galimg img{max-width:275px;width:100%}
.listhair{margin:0 0 0 15px}
.list_ul{list-style:inside!important}
.num>a{color:#4d4c4c;text-decoration:none}
.num>a:hover{text-decoration:underline}
.stafarea{/* height:260px; */text-align:center;margin:0 0 15px}
.stafarea img{width:100%;height:auto}
.stafimg{height:405px;overflow:hidden; background:#000;}
.stafarea a {display:table; width:100%;}
.stafimg  {/*display:table-cell;*/ vertical-align:middle; width:100%;}
.social1{margin:0;text-align:right}
.social1 ul{list-style:none}
.social1 ul li{display:inline-block}
.social1 ul li a{text-decoration:none;margin:0;padding:0}
.mainnav .navbar-collapse.in {overflow-y: visible;}
.apps1{margin:15px 0 10px;text-align:right}
.apps1 a{display:inline-block;margin:3px;padding:0}
.bottom-text{background:rgba(171,171,171,.75);bottom:0;left:0;margin:0 auto;padding:7px 0;position:absolute;right:0;max-width:250px;width:89%;font-family:Centaur;font-weight:700;color:#302f2f;font-size:20px}
.gift-card{left:0;position:absolute;top:70px;z-index:9}
.col-lg-6.col-md-6.col-sm-6.col-xs-12.pull-right.num>span{color:#4d4c4c;margin:0 10px}
li.sub.dropdown:hover ul.dropdown-menu1.sub-menu{display:block}
.dropdown-menu1{background-clip:padding-box;background-color:#cecdcd;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.176);display:none;float:left;font-size:14px;left:156px;list-style:none none;margin:0;min-width:200px;padding:0;position:absolute;text-align:left;top:0;width:100%;z-index:1000}
#services_ul li ul.dropdown-menu1.sub-menu li{display:block!important}
.dropdown-menu1>li>a{clear:both;color:#000;display:block;font-weight:400;line-height:1.42857;padding:10px 20px;white-space:nowrap}
.rslides_tabs{margin:0 auto;max-width:1110px;padding:10px 0;text-align:center;width:100%}
.rslides_tabs li:first-child{margin-left:0}
.rslides_tabs li{display:inline;float:none;margin-right:1px}
.rslides_tabs a{background:#7d7d7d;border-radius:100%;display:inline-block;height:auto;line-height:0;padding:8px;text-indent:-9999px;width:auto;margin:0 2px}
.rslides_tabs .rslides_here a{background:#673f20;color:#fff;font-weight:700}
.social2{position:fixed;right:0;top:35%}
.social2 ul{list-style:none}
.gift-card,.social2{display:block}
.navbar-nav{position:relative}
.ageve img{display:inline-block!important}
.bdy-hd{margin:0 3px}
.num span{color:#4d4c4c}
li.dropdown:hover ul.dropdown-menu{display:block}
.dropdown a{cursor:pointer}
.galryimg{/* height:252px; */ height:252px; overflow:hidden}
.galryimg img{width:100%;height:auto}
.side-style {
    margin: 30px 0 0;
}
.side-style > h2 {
    font-size:18px!important;
    font-weight: normal!important;
    margin:0 0 5px;
    text-transform: uppercase;
}
.side-style .list-group {
    margin: 0;
}

.side-style .list-group a {
  background-color: transparent;
  border-color: transparent;
  color: #5c5c5c;
  padding: 7px 12px;
}

.side-style .list-group a.active, .side-style .list-group a:focus, .side-style .list-group a:hover { background-color: transparent; border-color: transparent; color: #000; }

.spot1 h2 {
    border-bottom:none;
    color: #000;
    margin: 20px 0;
    text-transform: uppercase;
}

.spot1 a {
    border: 1px solid #a0a0a0;
    color: #a0a0a0;
    display: inline-block;
    margin: 12px 0 0;
    padding: 5px 12px;
}

.spot1 a:hover {
    border: 1px solid #000;
    color: #000;
}
/* appointment_bg{background:url(http://jackieyatessalon.com/images/req.jpg) right top/cover no-repeat;min-height:600px} */
 .chemical_bg{/*background:url(../images1/ServicesMenu.png) right top/cover no-repeat;min-height:600px*/} 
/*.extension_bg{background:url(http://jackieyatessalon.com/images/extention.jpg) right top/cover no-repeat;min-height:600px}
.gentleman_bg{background:url(http://jackieyatessalon.com/images/gentleman1.jpg) right top/cover no-repeat;min-height:600px}
.waxing{background:url(http://jackieyatessalon.com/images/waxing.jpg) right top/cover no-repeat;min-height:600px}
.make-up{background:url(http://jackieyatessalon.com/images/makeup.jpg) right top/cover no-repeat;min-height:600px}
.color_bg,.facial_bg{background:url(http://jackieyatessalon.com/images/facial.jpg) right top/cover no-repeat;min-height:600px}
.airbrush_bg{background:url(http://jackieyatessalon.com/images/tanning.jpg) right top/cover no-repeat;min-height:600px}
.body_bg{background:url(http://jackieyatessalon.com/images/body-treatment.jpg) right top/cover no-repeat;min-height:600px}
.speciality_bg,.styling_bg{background:url(http://jackieyatessalon.com/images/styling.jpg) right top/cover no-repeat;min-height:600px}
.eyelash_bg{background:url(http://jackieyatessalon.com/images/eyelash.jpg) right top/cover no-repeat;min-height:600px}*/
.btn-black{background-color:#000;border-color:#000;color:#fff}
.stylish_heading{margin:20px 0}
.req-img{ display:none;}
.appointment_bg {
  background: rgba(0, 0, 0, 0) url("https://dpc1.ftcdn.net/jpg/00/99/24/34/500_F_99243499_NkKxPWwbGLXpcjaenR5qr7Zd90R77FML.jpg") no-repeat scroll right center;
} 
/* .chemical_bg {
    background: rgba(0, 0, 0, 0) url("../images/chemical.jpg") no-repeat scroll 140px top / cover ;
    min-height: 600px;
} */
@media(max-width:1024px){

.gift-card,.social2,.gift-card1{display:none}
.bottom-text{max-width:auto;width:80%}
.srvc{position:relative!important}
.nav>li{position:relative}
.ageve img{max-width:250px;height:auto;width:100%}
.galryimg{height:217px}
.req-img{display: block;float: right; width: 50%;}
.appointment_bg{ background:#fff;}
/**************************/
.chemical_bg{ background:none;}
.extension_bg{ background:none;}
.gentleman_bg{ background:none;}
.speciality_bg{ background:none;}
.speciality_bg, .styling_bg{ background:none;}
.body_bg{ background:none;}
.airbrush_bg{ background:none;}
.eyelash_bg{ background:none;}
.color_bg, .facial_bg{ background:none;}
.waxing{ background:none;}
.make-up{ background:none;}
.inercon {
    padding: 15px;
}
h2{padding-left:15px; padding-right:15px;}
}

@media(max-width:980px){

.hairimg img{margin:5px 0 0}
.bottom-text{max-width:auto;width:80%}
.gift-card,.social2{display:none}
.logo>img{max-width:405px}
}

@media(max-width:800px){
.hairimg img{margin:5px 0 0}
.hair a{margin:0 0 5px}
.bottom-text{max-width:auto;width:80%}
.gift-card,.social2{display:none}
.galryimg{height:174px}
}

@media(max-width:768px){

.galryimg{height:166px}
}

@media(max-width:736px){

.gift-card,.social2{display:none}
.logoarea{text-align:center}
.logo{margin:5px 20px}
.hdr-right{margin:0 0 10px;text-align:center}
.num{margin:0 20px 10px 0}
.hair{text-align:center;width:100%}
.hairimg{width:100%;text-align:center;border-top:1px solid #5a3905}
.hairimg img{max-width:165px;display:inline-block}
.rslides_nav{background:url(../images/arrow2.png) left top no-repeat;height:50px;width:40px;top:60%;left:-11px}
.rslides1_nav.next{background-position:right top;right:-11px}
.apps,.social{display:none}
.apps1,.social1{display:block}
#services_ul li{display:block!important}
.dropdown-menu li{display:block}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-left:0;margin-right:0}
.stafarea{height:auto}
.ageve{text-align:center;margin:25px 0}
.csfour{width:100%;height:auto;max-width:97px;margin:10px 0 0}
.csfour1{width:100%;height:auto;max-width:150px;margin:0}
.logo>img{max-width:402px}
.galryimg{height:239px}


}
@media(max-width:767px){
.stafimg{height:auto!important;}
.inercon {
    padding: 15px;
}
.spleft { width:100%!important; float:none;}
.spright {width:100%!important; float:none;}
.inercon h3 { margin-top:15px;}
.apps1,.social1{display:block; text-align:center;}
.footer p { text-align:center;}
}

@media(max-width:667px){

.galryimg{height:219px}

}

@media(max-width:640px){

.inercon h2,.inercon h3{font-size:32px}
.gift-card,.social2{display:none}
.bottom-text{font-size:18px;width:83%}
.num{font-size:18px;text-align:center;margin:5px 0 7px}
.logo>img{max-width:514px}
.galryimg{height:210px}
.req-img{display: block;float: right; width: 100%;}

}

@media(max-width:600px){

.galryimg{height:175px}

}

@media(max-width:514px){

.galryimg{height:155px}

}

@media(max-width:480px){

.hairarea,.hairarea1{width:100%;margin:0 0 2%}
.appoint{margin:0 0 10px}
.inercon h2,.inercon h3{font-size:20px}
.service-box{text-align:center}
.service-box img{width:100%}
.galryimg{height:140px}
.ser-head li:first-child{ font-size:60px !important}

}

@media(max-width:414px){

.rslides_nav{background:url(../images/arrow1.png) left top no-repeat;height:29px;width:23px;top:68%;left:-7px}
.rslides1_nav.next{background-position:right top;right:-7px}
.num{font-size:15px;text-align:center}
.stafimg{height:auto}
.dropdown-menu1{left:125px}
.galare2{width:100%!important}
.galryimg{height:250px}

}

@media(max-width:360px){

.appoint{padding:12px 30px 12px 45px;background:url(../images/appoint-img.png) 10px 12px no-repeat #5a3905;font-size:18px}
.rslides_nav{top:73%}
.col-lg-3.col-md-6.col-sm-6.col-xs-6.service-box{margin:10px 0;width:100%}
.galryimg{height:200px}

}

@media(max-width:320px){

.rslides_nav{top:80%}
}
.vimeo-box{margin-bottom:20px;}

#demo-wrapper
        {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            padding: 40px 20px 0px 20px;
        }
        #demo-left
        {
            width: 15%;
            float: left;
        }
        #demo-right
        {
            width: 85%;
            float: left;
        }
        #hWrapperAuto
        {
            margin-top: 20px;
        }
        #demo-tabs
        {
            width: 100%;
            height: 50px;
            color: White;
            margin: 0;
            padding: 0;
        }
        #demo-tabs div.item
        {
            height: 35px;
            float: left;
            background-color: #2F2F2F;
            border: solid 1px gray;
            border-bottom: none;
            padding: 0;
            margin: 0;
            margin-left: 10px;
            text-align: center;
            padding: 10px 4px 4px 4px;
            font-weight: bold;
        }
        #contents
        {
            width: 100%;
            margin: 0;
            padding: 0;
            color: White;
            font: arial;
            font-size: 11pt;
        }
        #demo-tabs div.item.active-tab
        {
            background-color: Black;
        }
        #demo-tabs div.item.active-tabc
        {
            background-color: Black;
        }
        #v1, #v2
        {
            margin: 20px;
        }
        .visible
        {
            display: block;
        }
        .hidden
        {
            display: none;
        }
        #oldWrapper
        {
            margin-left: 100px;
        }
        #contents a
        {
            color: yellow;
        }
        #contents a:hover
        {
            text-decoration: none;
            color: Gray;
        }
        .heading
        {
            font-size: 20pt;
            font-weight: bold;
        }
		.time-box {padding: 0 0px;}
		.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:100px;
    max-height:auto;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
	display:none;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat; display:none;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}

 .btn1{font-size: 16px;
    width: 200px;}
	
.time-box label {
    width: 100px;
}

.time-box .bg {
    background: #f3f4f6 none repeat scroll 0 0;
}
.ser-head{list-style:none;margin:25px 0 10px 0;}
/*.ser-head li{color: #4b4b4b;
    font-size: 80px;
    font-weight: bold;
    line-height: 60px;
	 display: inline-block;
	 margin:0 10px 0 0;
	}
.ser-head li:last-child{color: rgb(0, 0, 0);
    font-size: 35px !important;
    margin: 0 0 15px 15px !important;
	letter-spacing:5px;
	line-height: 50px;
	 display:block;}*/
	 

.navbar-nav {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.nav > li {
    display: inline-block;
    float: none !important;
    margin: 0;
    position: relative;
    text-align: center;
}
.navbar-nav > li > a {
    margin: 0 0px;
    padding:10px 8px;
}

@media (max-width:1200px) {

.navbar-nav > li > a { margin: 0; padding: 10px; font-size:16px!important;}

}

@media (max-width:1024px) {

.nav > li {
    display: block;
    float: none !important;
    margin: 0;
    position: relative;
    text-align: center;
}

}

.gallerysec { margin:20px 0;}

.spleft {
    width: 25%;
    float: left;
}
.spleft img{width:100%; height:auto;}
.spright {
    width: 73%;
    float: right;
}
.specialsec {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.btn {
    background: #000;
    color: #FFF;
    padding: 7px 15px;
}

.color { margin:0 0 20px 0;}
.color img { width:100%; height:auto; border:1px solid #eee; margin-bottom:20px;}

/*ribbon*/

.gift-card1 {
    right: 0;
    position: absolute;
    top: 70px;
    z-index: 9;
}

.galryimg { margin:10px 0;}
.iinul { padding-left:20px;}
.iinul li { margin:10px 0;}
.dropdown-menu{margin-left:0px;}
.serimg img{ width:100%; height:auto;}