/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700|Open+Sans:400italic,400,300,600,700&subset=latin,latin-ext);


body{
    font-family: 'Titillium Web', sans-serif;
    margin:0;
    padding:0;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Titillium Web', sans-serif;
}

a:hover{
    text-decoration: none;
}

/* Header */
header#header{
    position:relative;
    width:100%;
    min-height:140px;
    z-index:9;
}

header#header #header-top{
    position:relative;
    width:100%;
    height:40px;
}
header#header #header-top nav{margin-top:10px;}
header#header #header-top nav > ul{}
header#header #header-top nav > ul > li{
    display:inline-block;
    padding-right:10px;
    border-right: 1px solid #dadada;
    margin-right:10px;
    color:#707070;
    font-size:11px;
    font-family: 'Open Sans', sans-serif;
}
header#header #header-top nav > ul > li > a{color:#707070;}
header#header #header-top nav > ul > li:last-child{padding-right: 0; margin-right: 0; border-right: none;}

header#header #header-bottom{
    position:relative;
    width:100%;
    height:100px;
    background:#b01940;
}

header#header #header-bottom #logo{
    display:block;
    position: relative;
    width:142px;
    height:75px;
    background: url(../img/sprite.png) no-repeat 0 0;
    margin-top:10px;
    float:left;
}

header#header #top-nav{display:block; float:right;}
header#header #top-nav ul{list-style: none;}
header#header #top-nav li{position:relative;}
header#header #top-nav a{}
header#header #top-nav > ul{margin:0; padding:0;}
header#header #top-nav > ul > li{display:inline-block;}
header#header #top-nav > ul > li:first-child{margin-left:0;}
header#header #top-nav > ul > li:last-child{margin-right:0;}
header#header #top-nav > ul > li > a{font-weight: 600; color:#fbb9ca; font-size:14px; display:block; width:100%; height:100px; line-height:100px; padding:0 20px;}
header#header #top-nav > ul > li > a:hover{color:#ffffff; background:#961536;}
header#header #top-nav > ul > li:hover > ul{display:block;}
header#header #top-nav > ul > li:hover > a{color:#ffffff; background:#961536;}
header#header #top-nav > ul > li > ul{position:absolute; display:none; margin:0; padding:0 0 0 0; width:200px; top:100%; left:0;}
header#header #top-nav > ul > li > ul > li{padding:10px; background: #961536;}
header#header #top-nav > ul > li > ul > li > a{color:#ffffff;}
header#header #top-nav > ul > li > ul > li:hover{background: #b01940;}
header#header #top-nav > ul > li > ul > li:hover > ul{display:block;}
header#header #top-nav > ul > li > ul > li > ul{position:absolute; left:100%; top:0; padding:0; display: none; width:300px;}
header#header #top-nav > ul > li > ul > li > ul > li{background: #910b10; padding:10px;}
header#header #top-nav > ul > li > ul > li > ul > li > a{color: #ffffff;}
header#header #top-nav > ul > li > ul > li > ul > li > ul{padding: 10px 0 10px 5px; margin: 0;}
header#header #top-nav > ul > li > ul > li > ul > li > ul > li{}
header#header #top-nav > ul > li > ul > li > ul > li > ul > li > a{color:#fff;}

header#header #mobile-menu{padding:20px 0;}
header#header #mobile-menu button{border:1px solid #b01940; margin:0 auto; width:45px; float:none;}
header#header #mobile-menu button span{background: #b01940;}
header#header #mobile-menu .mobile{}
header#header #mobile-menu .mobile ul{list-style: none; margin:0; padding:0;}
header#header #mobile-menu .mobile ul > li{}
header#header #mobile-menu .mobile ul > li > a{display:block; color:#961536; border-bottom:1px solid #961536; padding:5px 0;}
header#header #mobile-menu .mobile ul > li > ul{ margin:-1px 100px; width:190px; border-left:1px solid #961536; border-top:1px solid #ffffff; display:none;}
header#header #mobile-menu .mobile ul > li > ul > li{}
header#header #mobile-menu .mobile ul > li > ul > li > a{padding-left:15px;}

#slider{position: relative; z-index: 8;}
#slider #slide-box{
    position:absolute;
    width:700px;
    height:85px;
    background: #ffffff;
    left:50%;
    bottom:-50px;
    margin-left:-350px;
    z-index:9;
    -webkit-box-shadow: 0px 6px 10px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 6px 10px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 6px 10px 0px rgba(50, 50, 50, 0.4);
}
#slider #slide-box #ls{width:445px; float:left; padding:15px 20px;}
#slider #slide-box #ls h3{margin:0 0 10px 0; padding:0;}
#slider #slide-box #rs{position:relative; width:255px; height:85px; background: #b01940; color:#ffffff; float:right;}
#slider #slide-box #rs p{text-align:center; font-size:25px; font-weight:200; margin:0; padding:10px 0 0 0;}
#slider #slide-box #rs a{
    display:block;
    position:absolute;
    left:50%;
    width:145px;
    height:35px;
    margin-left:-72px;
    color:#ffffff;
    line-height: 35px;
    background:#9c1437;
    text-align: center;
    bottom:0;
}
#slider #main-slider{overflow: hidden;}
#slider #main-slider ul{list-style: none; margin:0; padding: 0;}
#slider #main-slider ul li{position:relative; max-height:440px; overflow: hidden;}
#slider #main-slider ul li > img{width:100%;}
#slider #main-slider ul li > .category-list{position:absolute; width:100%; height:100%; left:0; top:0;}
#slider #main-slider ul li > .category-list .category{
    position:absolute;
    width:175px;
    height:45px;
    color:#ffffff;
    line-height: 45px;
    text-align: center;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
}
#slider #main-slider ul li > .category-list .category:before{
    content:"";
    position:absolute;
    border:3px solid #ffffff;
    width:13px;
    height:13px;
    border-radius:100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    right:-4px;
    bottom:-4px;
}
#slider #main-slider ul li > .category-list .category:after{
    content:"";
    position:absolute;
    border:1px solid #ffffff;
    width:22px;
    height:22px;
    border-radius:100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    right:-8px;
    bottom:-8px;
}
#slider #main-slider ul li > .category-list .category.el{background:#d36d6e; right:45%; bottom:13%;}
#slider #main-slider ul li > .category-list .category.el:before{background:#d36d6e;}

#slider #main-slider ul li > .category-list .category.epilasyon{background:#eedd54; right:37.4%; bottom:45%; color:#6a6161;}
#slider #main-slider ul li > .category-list .category.epilasyon:before{background:#eedd54;}

#slider #main-slider ul li > .category-list .category.cilt{background:#cbb55c; left:68.4%; bottom:81%; color:#ffffff;}
#slider #main-slider ul li > .category-list .category.cilt:before{background:#cbb55c; left:-4px; right:auto;}
#slider #main-slider ul li > .category-list .category.cilt:after{left:-8px; right:auto;}

.section-info{text-align: center; font-family: "Open Sans", sans-serif; max-width: 620px; width: 100%; margin:0 auto 50px auto; }
.section-info h2{color:#9c1437; font-size:45px; font-weight: 300; margin:0; padding:0 0 20px 0;}
.section-info p{color:#a7a7a7; font-size:14px; font-weight: 300;}

#services{padding:100px 0 80px 0;}
#services .col-md-4{border-right:1px solid #dadada; margin-bottom:30px;}
#services .col-md-4:nth-child(3n){border-right:none;}
#services .service{text-align: center;}
#services .service .image{display:block; width:140px; height:140px; margin:0 auto;}
#services .service h2{font-size:17px; font-weight:300;}
#services .service h2 a{color:#b01940;}

#gallery{background:#f6f5f5; padding:40px 0 100px 0;}
#gallery #main-gallery.carousel{padding:0 30px;}
#gallery #main-gallery.carousel > a{position:absolute; font-size:35px; color:#858585; top:50%; margin-top:-25px; display:inline-block;}
#gallery #main-gallery.carousel > a.next{right:0;}
#gallery #main-gallery.carousel > a.prev{left:0;}
#gallery #main-gallery.carousel ul.slides{margin:0; padding:0; list-style: none;}
#gallery #main-gallery.carousel ul.slides li{margin:0 10px; max-height: 150px; overflow:hidden; display:none;}
#gallery #main-gallery.carousel ul.slides img{max-width: 100%; width:100%;}

#main-staff{position:relative; background:url(../img/bg/staff.jpg) no-repeat; background-size: cover; text-align: center; padding:50px 0 0 0;}
#main-staff img{max-width: 100%;}
#main-staff a{
    display:block;
    position: absolute;
    bottom:-30px;
    left:50%;
    width:215px;
    height:55px;
    margin-left:-107px;
    color:#ffffff;
    line-height: 55px;
    background: #b01940;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#happy-client{padding:100px 0;}
#happy-client .col-md-4{border-right:1px solid #dadada;}
#happy-client .col-md-4:nth-child(3n){border-right:none;}
#happy-client .comment{overflow:hidden;}
#happy-client .comment .image{
    position:relative;
    width:90px;
    height:90px;
    border:3px solid #d4d4d4;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    float:left;
    margin-right:20px;
    margin-top:15px;
}
#happy-client .comment .image:before{
    position:absolute;
    width:35px;
    height:35px;
    content: '\201C';
    background: #000000;
    opacity:.3;
    border:3px solid #d4d4d4;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    right:-5px;
    top:-10px;
    font-family: Trebuchet MS, Arial;
    font-size:28px;
    color:#ffffff;
    text-align:center;
}
#happy-client .comment .image img{
    max-width: 100%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
#happy-client .comment .info{}
#happy-client .comment .info h5{color:#b01940; font-size:15px;}
#happy-client .comment .info p{font-size:13px; color:#323232;}



#service{
    position:relative;
    padding-bottom:50px;
}
#service #service-header{
    width:100%;
    height:98px;
    background: url(../img/bg/service-bg.jpg) no-repeat #dedede;
    margin-bottom: 50px;
}
#service #service-header h1{
    color:#b01940;
    font-size:30px;
    font-weight: 200;
    margin:30px 0 0 0;
}
#service #service-banner{
    position: relative;
    height:270px;
    overflow: hidden;
    margin-bottom: 50px;
}
#service #service-content{}
#service #service-menu{}
#service #service-menu h2{
    color:#b01940;
    font-size:20px;
    font-weight: 200;
    margin:0 0 10px 0;
}
#service #service-menu ul{
    list-style: none;
    margin:0;
    padding:0;
}
#service #service-menu ul li{
    border-bottom:1px solid #dadada;
    padding:0 0 5px 0;
    margin:0 0 5px 0;
}
#service #service-menu ul li:hover a.post-image, #service #service-menu ul li.active a.post-image{
    border-right: 15px solid #b01940;
}
#service #service-menu ul li:last-child{
    border-bottom: none;
}
#service #service-menu ul li a.post-image{
    display:inline-block;
    width:95px;
    height:57px;
    overflow:hidden;
    vertical-align: middle;
    border-right: 15px solid #f3f3f3;
    margin-right:15px;
}
#service #service-menu ul li a{
    color:#adadac;
    font-size:15px;
}
#service #service-menu ul li a img{
    height:100%;
}

#special-gallery{overflow:hidden;}
#special-gallery ul{list-style: none; margin:0; padding:0;}
#special-gallery ul li{width:100%;}
#special-gallery ul li img{max-width: 100%;}

#special-gallery-controls{margin-top:10px;}
#special-gallery-controls span{display:inline-block; color:#646363; font-size:15px; margin-top:5px;}
#special-gallery-controls a{display:inline-block; color:#646363; margin-left:10px; font-size:20px;}

#staff{
    position:relative;
    padding-bottom:50px;
}
#staff #staff-header{
    width:100%;
    height:98px;
    background: url(../img/bg/service-bg.jpg) no-repeat #dedede;
    margin-bottom: 50px;
}
#staff #staff-header h1{
    color:#b01940;
    font-size:30px;
    font-weight: 200;
    margin:30px 0 0 0;
}
#staff #staff-promo{text-align: center; margin-bottom:30px;}
#staff #staff-promo h2{color:#9c1437; font-size:42px; font-weight: 200; margin-bottom:20px;}
#staff #staff-promo p{color:#a7a7a5; font-weight: 300; font-family: "OpenSans", sans-serif;}

#staff .staff h3{color:#5f5f5e; font-size:15px; font-weight: 400;}
#staff .staff p{color:#b9b9b9; font-size:13px;}

#map{
    width:100%;
    height:440px;
}
#contact{padding-bottom:50px;}
#contact #contact-promo{text-align: center; padding:100px 0 30px 0; margin-bottom: 40px; border-bottom:1px solid #dadada;}
#contact #contact-promo .section-title{}
#contact #contact-promo .section-title h2{color:#9c1437; font-weight: 200; font-size:45px; margin:0 0 20px 0;}
#contact #contact-promo .section-title p{color:#a7a7a7; font-size:14px; font-weight: 200; margin-bottom: 40px;}
#contact #contact-promo i{font-size:25px; color:#9c1437; margin:0 auto; text-align: center;}
#contact #contact-promo h4{font-size:18px; margin:10px 0; padding:0; color:#9c1437;}
#contact #contact-promo p{font-size:13px; margin:0 0 5px 0; padding: 0; color:#a19f9f;}
#contact #contact-promo p > a{color:#a19f9f;}

#contact #contact-form{}
#contact #contact-form .form-input{
    overflow:hidden;
    position:relative;
    margin-bottom:20px;
}
#contact #contact-form .form-input input, #contact #contact-form .form-input textarea{
    min-height:55px;
    width:100%;
    background: #f3f3f3;
    border:1px solid #e2e2e2;
    color:#a3a3a3;
    float:left;
    padding:10px 10px 10px 70px;
}
#contact #contact-form .form-input textarea{
    min-height: 130px;
}
#contact #contact-form .form-input .icon{
    position:absolute;
    width:60px;
    height:100%;
    min-height:55px;
    background: #b0193e;
}
#contact #contact-form .form-input .icon i{
    position:absolute;
    width:100%;
    text-align: center;
    top:50%;
    color:#ffffff;
    font-size:20px;
    margin:-10px 0 0 0;
}
#contact #contact-form #captcha{

}
#contact #contact-form #captcha img{
    max-width: 100%;
    border:1px solid #e2e2e2;
    min-height: 55px;
}

#contact #contact-form button{
    height:55px;
    width:150px;
    background:#b0193e;
    border:none;
    color:#ffffff;
}

#contact .alert{
    display:none;
}

#special-staff{position:relative; background:url(../img/bg/staff.jpg) no-repeat; background-size: cover; text-align: center; padding:50px 0 0 0;}

#staff-carousel.carousel{position: relative; padding-bottom: 30px;}
#staff-carousel.carousel > a{position:absolute; font-size:35px; color:#858585; top:50%; margin-top:-50px; display:inline-block;}
#staff-carousel.carousel > a.next{right:-30px;}
#staff-carousel.carousel > a.prev{left:-20px;}
#staff-carousel.carousel ul.slides{margin:0; padding:0; list-style: none;}
#staff-carousel.carousel ul.slides li{margin:0 10px; overflow:hidden; display:none;}
#staff-carousel.carousel ul.slides li p{color:#b01940; font-size:13px; font-weight: bold; margin-top:10px; text-align: left;}
#staff-carousel.carousel ul.slides img{max-width: 100%; width:100%;}

footer#footer{
    background: #f3f3f3;
    padding:50px 0;
}
footer#footer #copyright{
    color:#969696;
}
footer#footer #copyright span.phone{
    font-size:30px;
    font-weight: 600;
}
footer#footer #bottom-nav{

}
footer#footer #bottom-nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
footer#footer #bottom-nav ul li{
    display:inline-block;
    margin-left:20px;
}
footer#footer #bottom-nav ul li a{
    color:#969696;
}
/* Buttons */
.button{
    display:block;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

button.button{
    border:none;
    line-height: normal;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.button.red{
    color:#fff;
    background: #c5161d;
    border-bottom:3px solid #910b10;
}

.button.small{width:140px; height:40px; line-height: 40px;}
.button.medium{width:180px; height:50px; line-height: 50px;}
.button.big{width:220px; height: 70px; line-height: 70px; }

.button.center{margin:0 auto;}

.loader-button{
    position: relative;
    overflow: hidden;
}

.loader-button[data-style=left][data-loading]{padding-left:40px;}
.loader-button[data-style=right][data-loading]{padding-right:40px;}
.loader-button[data-style=left] > .loader-container {left: 8px;}
.loader-button[data-style=right] > .loader-container {right: 8px;}

.loader-button, .loader-button > .loader-container, .loader-button > .loader-text{
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}

.loader-container{
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
}

.success{
    display:none;
}

.gomap{
    position:relative;
    width:100%;
    height:300px;
    display: none;
}