/*
Theme Name: Nails & Spa
Theme URI: http://beautyworld.lowd.ca/
Description: this theme only design for Beauty World Nails & Spa
Author: Ibrahim
Version: 1.0
*/
 @import url('css/bootstrap.min.css');
 @import url('css/font-awesome.min.css');
 
*,*:before,*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body{padding: 0; margin: 0; background: url(img/top-bag.png) repeat-x 0 -11px; font: 12px/1.7 'Lucida Sans Unicode','Lucida Grande',sans-serif;}
ul{padding: 0; margin: 0; list-style-position: inside; list-style-type: square;}
a, a:hover{text-decoration: none;}
*:focus{outline:none !important;}
.container{max-width: 940px;}

/*	==============  header ==============   */
.top_section .header{padding:40px 0 10px; position: relative;}
.top_section .header .img-logo{width: 400px; height: auto; margin:0 auto;}
.brack{height:0px; border-top:1px dashed #ddd; margin:0px 0 10px 0; text-align: center;}
.header .top_social{position: absolute; right:0; bottom: 0;}
.top_social a{display: inline-block; height: 30px; clear: left; font-size:12px; text-transform: uppercase; color:#999; vertical-align: middle; padding-top:5px;}
.top_social a.facebook{background:url(img/facebook.png) no-repeat 0 -30px; padding-left:35px; transition:all 0.4s;}
.top_social a.instagram{background:url(img/instagram.png) no-repeat 0 -30px; padding-left:35px;  transition:all 0.4s;}
.top_social a.instagram:hover,.top_social a.facebook:hover{background-position: 0px 0px; color: #598F93;}

/*	==============  main menu ==============   */
.m_menu{padding:30px 0;}
ul.main_menu{text-align: center;}
ul.main_menu>li{display: inline-block; list-style: none;}
ul.main_menu>li>a{color:#222; font-size:130%; padding:7px 10px 7px 15px; text-transform: uppercase;  color:#aaa; transition:color 0.5s;}
ul.main_menu>li>a>i{vertical-align: middle; padding-right:10px; color:#aaa; transition:all 0.5s;}
ul.main_menu>li>a:hover, ul.main_menu>li.active>a{color: #222;}
ul.main_menu>li>a:hover>i, ul.main_menu>li.active>a>i, .navbar-default .navbar-nav > .active > a>i, .navbar-default .navbar-nav > .active > a:hover>i, .navbar-default .navbar-nav > .active > a:focus>i{color: #1BAAE1; padding-right:5px; padding-left: 5px;}

.navbar-collapse li>a{color:#222; font-size:130%; padding:7px 10px 7px 15px; text-transform: uppercase;  color:#aaa; transition:color 0.5s;}
.navbar-collapse li>a>i{width:40px; display: inline-block;}

/*	==============  content area ==============   */
.main_page a{color: #1BAAE1; transition:all 0.4s;}
.main_page a:hover{color: #283891;}

h1.page-title{font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#474747; font-weight: 300; line-height: 1.25; font-size:30px; margin-bottom:40px; background: url('img/h1_back.png') repeat-x center 70%;}
h1.home_title{font-family: "satisfy",cursive; color:#1BAAE1; font-size:300%; background: url('img/h1_back.png') repeat-x center center; text-align: center;}
h1.page-title:after, .home_cnt_bottom h3:after, h1.home_title:after, h1.home_title:before, .services_container h3:after, .services_container h3:before {content:""; display: inline-block; float: right; width:12px; height:12px; border:3px double #aaa; margin-top:19px; background-color: #fff;  -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
h1.home_title>span, h1.page-title>span, .home_cnt_bottom .left h3>span, .services_container h3>span{background-color: #fff; padding:0 5px; display: inline-block;}
.home_content p{font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;font-weight: 400; color: #999999;font-size: 17px; line-height: 1.75;text-align: justify;}
.home_content img{margin: 30px auto 20px; display: block; border:1px solid #eee; padding:5px; }

h1.home_title:before{float: left; margin-top: 12px;}
h1.home_title:after{margin-top: 12px;}
.home_cnt_bottom h3:after{margin-top: 7px;}

.home_cnt_bottom{padding:60px 0 40px; font-size:14px; color:#999;}
.home_cnt_bottom .left h3{c:#fff; font-family: "satisfy",cursive; color:#666; background: url('img/h1_back.png') repeat-x center center;}
.home_cnt_bottom .left h3>span>i{vertical-align: middle;}
.home_cnt_bottom p{padding-left: 10px;}

/*	==============  Service page ==============   */
.services_container {font-size:18px; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666;}
.services_container .left{position: relative;}
.services_container .left a{color:#999;}
.service_left_menu.fixed{position: fixed; top:0; width: 205px;}
.service_left_menu .nav-tabs{border:none; text-transform: capitalize;}
.service_left_menu .nav-tabs>li{float:none; text-align: right;}
.service_left_menu .nav-tabs>li a{background: none; border:none; transition:none !important}
.nav-tabs > li.active > a,.service_left_menu .nav-tabs>li:hover a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border:none !important; background: none !important;  color: #333 !important; border-right:5px solid #1BAAE1 !important; border-radius: 0 !important;}

.services_container .right td{border:none;}
.services_container .right td+td{text-align: right;}
.services_container h3{background: url('img/h1_back.png') repeat-x center 70%; text-align: center; font-weight: 300;}
.services_container h3:after{margin-top: 15px;}
.services_container h3:before{margin-top: 15px; float:left;}

.services_container .right table{margin-bottom: 40px;}
.services_container .table-responsive{border:none;}
.service_left_menu{padding-top:30px;}

/*	==============  Gallery page ==============   */
.gallery_container .flex-direction-nav a{height: auto !important; color:#ccc !important}
.gallery_container .flexslider .flex-viewport li{position: relative;}
.gallery_container .flexslider .flex-viewport li>span{position: absolute; bottom: 0; background-color:rgba(0,0,0,0.6); padding:7px; display: inline-block; width: 100%; color:#fff; font-size:14px; text-align: center;}

/*	==============  bottom ==============   */
.bottom_section{border-top:4px double #777; color:#777; font-size:14px; position: relative;}
.bottom_section a{color: #777; transition:all 0.4s;}
.bottom_section a:hover{color: #666;}
.bottom_section h3{color: #666; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;}
.bottom .contact_us li{list-style: none; font-size:14px}
.bottom .contact_us i{color:#666;}

.bottom_section:after{content:""; display: inline-block; width:20px; height:20px; border:4px double #333; background-color: #fff;  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; position: absolute; top:-12px; left:49.5%;}
/*	==============  footer ==============   */
.footer_section{background-color: #1BAAE1;}
.footer_section .copyright{text-align: center;color: #eee;padding:7px;}
.footer_section .copyright>p{margin: 0; font-size:100%;}

.back_top{position: fixed; right: 50px; bottom:50px; border:1px solid #1BAAE1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; visibility: hidden; transition:all 0.4s;}
.back_top a{padding:15px; display: inline-block;}
.back_top a:hover{background-color: #1BAAE1; color:#fff;}


/* ##################################
############### media query #########
###################################*/

@media (max-width: 768px){
	.service_left_menu.fixed{position:static; width: 100%;}
	.service_left_menu .nav-tabs>li{text-align: center;}
	.navbar-default-width{display: none;}
	.navbar-default{display: block;}
}
@media (min-width: 768px){
	.navbar-default-width{display: block;}
	.navbar-default{display: none;}
} 
@media (max-width: 520px){
	.top_section .header .logo{padding-bottom:25px;}
}