/*
Theme Name: Sakura Day Spa
Author: Hasan Ahmed Jobayer
Author URI: http://dumketo.github.io/Resume/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Sakura Day Spa

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.
*/

@import url('css/bootstrap.css');
@import url('css/hover-min.css');

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.valentine-btn {padding: 15px 0 15px;}
.valentine-btn a{background: #C30000; padding: 4px; border-radius: 4px; color: #fff;padding: 8px 13px;font-size: 20px;}
.valentine-btn a:hover{color: #fff; text-decoration: none;}


body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", Helvetica, Arial !important;
    color:#ff83b2;
}

ul {list-style: none}

.clear-pm {padding: 0!important;margin: 0!important}
.clear-p{padding: 0!important;}
.clear-m{margin: 0!important;}

.topbar-fixed-section {position: fixed; width: 100%; height: auto; padding: 6px 0 6px; color: #fff; z-index: 99999;    border-bottom: 1px solid #ff83b2; }
.google { margin-top: 0px!important }
.google a:hover { text-decoration: none }
.google a span { padding-left: 2%; color: #ff83b2;font-weight: 700; text-decoration: underline; }
.phone {text-align: center;}
.phone img {vertical-align: text-bottom;}
.phone a { padding-left: 2%; color: #ff83b2; font-size: 17px; }
.phone a:hover { color: #000; text-decoration: none }
.phone a span { padding-left: 4px; color: #ff83b2; font-size: 20pt; }
.email {text-align: center;margin-top: 3px !important;}
.email img {vertical-align: text-bottom;}
.email a { color: #ff83b2 }
.email a:hover { color: #ff83b2; text-decoration: none }
.email a span { padding-left: 4px; color: #ff83b2; font-size: 17pt; }
.social ul li { display: inline-block; padding: 0 2px }
.social-icon{text-align: center;margin-top: 5px;}


.topbar-section { height: auto; color: #222121;border-bottom: 1px solid #ff83b2;}
.top-bar-menu{text-align: left;}
ul.menu { padding: 0 }
.menu a:hover { color: #ff83b2; text-decoration: none }
.menu a { color: #222121;    font-size: 16px;}
.top-bar-menu ul li.current-menu-item a { color: #ff83b2; text-decoration: none }
.top-bar-menu ul li { display: inline;margin-right: 1%;}

/************Cristmas special menu start**************/
li#menu-item-293 {
    background: #FF83B2;
    padding: 6px 5px;
    border-radius: 6px;
}
li#menu-item-293 a {
    color: #fff;
	font-weight: 600;
}
li#menu-item-293 a:hover{color: #fff;}

/************Cristmas special menu end**************/

.head-section {padding:1% 0 0}
.main-menu {padding: 5% 0;}
div#bs-example-navbar-collapse-1 {padding: 0;}
.navbar { margin-bottom: 0!important; border: 1px solid transparent!important; box-shadow: none!important; }
.navbar-default { min-height: 0!important; border-color: transparent!important; background: 0 0!important; }
.navbar-default .navbar-nav li>.active>a:first-child { border: none !important }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #8caf6b!important }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {color: #222121!important;font-size: 17px;}
li#menu-item-90::after {content: "";background: none;}
li#menu-item-84 >a::after {content: "";background: none;}
.nav > li > a{padding: 10px 14px !important;}




li#menu-item-783 {padding: 4px;border-radius: 4px;     padding-top: 9px;   }

li#menu-item-783 a {color: #C30000;   font-size: 20px; font-weight: 700;}
li#menu-item-783 a:hover{color: #C30000;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #ff83b2 !important; box-shadow: none!important;background: transparent !important; }
.navbar-default .navbar-nav>.active>a>span, .navbar-default .navbar-nav>.active>a>span:focus, .navbar-default .navbar-nav>.active>a>span:hover {border-bottom: 3px solid #ff0000 !important;}
button.navbar-toggle { display: none }
.navbar-default .navbar-nav>.active{background: url(img/menu-hover.png);background-repeat: no-repeat;background-position: center bottom;height: 56px;}

.banercaption { padding-top: 18%; }
.banner-form-header { border-top: 4px dotted #ff83b2;border-bottom: 4px dotted #ff83b2; }
.banner-form-header h2 {font-size: 40pt;color: #ff83b2;font-family: 'robotoregular';margin-bottom:20px;text-align: center;text-shadow: #821941 0px 0px 3px;}

.service-section {padding: 2% 0 0;}
.service {margin-bottom: 4%;}

.form-section{background-position: 44% 0;}
.form-head h2{color:#fff;text-align: center;font-size: 40pt;font-weight: 300;margin-bottom: 20px;}
.form-head h2 span a {color: #fff;font-weight: 400;}
.form-head h2 span a:hover {color: #fff;font-weight: 400;text-decoration: none;}
form#form_contact2 .frm_fifth {margin-left: 0;margin-right: 1%;}
form#form_contact2 div#frm_field_87_container {width: 30%;}
form#form_contact2 .form-field { margin-bottom: 10px }
form#form_contact2 .frm_submit input[type=submit]{ margin: 0;padding: 1px 18%;font-size: 19px;border-radius: 0; box-shadow: none;color: #ffffff;background-color: #000000;background-image: linear-gradient(to bottom, #464646, #212121);    border-color: #000000 #000000 #000000;}
form#form_contact2 .frm_submit input[type=submit]:hover { margin: 0;padding: 1px 18%;font-size: 19px;border-radius: 0; box-shadow: none;color: #ffffff;background-color: #212121;background-image: linear-gradient(to bottom, #212121, #212121);border-color: #000000 #000000 #000000;}
form#form_contact2 input[type=text],
form#form_contact2 input[type=email],
form#form_contact2 input[type=tel],
form#form_contact2 input[type=url],
form#form_contact2 textarea { margin: 0; background-color: #fff; border-color: #7a0026; border-radius: 0; }
form#form_contact2 ::-webkit-input-placeholder {color:#a1a1a1;}
form#form_contact2 :-moz-placeholder {color:#a1a1a1;}
form#form_contact2 ::-moz-placeholder {color:#a1a1a1;}
form#form_contact2 :-ms-input-placeholder {color:#a1a1a1;}

.video-section {background: url(img/Testimonials-BG.png);background-size: cover;padding: 2% 0 1%;background-repeat: no-repeat;border-bottom: 1px solid #f9cadc;}
.video-head iframe {margin-top: 2%;}

.main-section {padding: 1% 0 1%;}
.content h2 {color: #ff82b1;font-weight: 300;font-size: 40pt;text-align: center;}
.content h2 span {color: #ff0000;}
.content p {color: #000;font-size: 16px;text-align: justify;}
.content h4 {color: #000; font-size: 17pt;font-weight: bold;}
.content a {color: #000;}
.content h3 {color: #545454;font-weight: bold;font-size: 20pt;}
.content a:hover {color: #000;text-decoration: none;}
.btn.main-readmore { color: #000000;background-color: #a2d05c;background-image: linear-gradient(to bottom, #a2d05c, #7eae35);border-color: #7eae35 #7eae35 #7eae35;font-size: 14pt;border-radius: 0;margin-top: 1%;margin-bottom: 2%;}
.btn.main-readmore:hover { color: #000000;background-color: #7eae35;background-image: linear-gradient(to bottom, #7eae35, #7eae35);border-color: #7eae35 #7eae35 #7eae35; }
.readwid {width: 30% !important;}
.closewid{width: 30% !important;}
ul.content-list li {color: #000; list-style-type: disc;}
.welcome-picture {width: 100%;}

.foter-area{border-top: 1px solid #ff82b1}
.footer-title{background: url(img/footer-title-bg.png);min-height: 45px;background-repeat: no-repeat;padding: 0;margin: 0;background-position: center;}
.footer-title h2{margin: 0;margin-top: 1%;color: #fff;}
.footer_area {text-align: left;margin-bottom: 2% !important}
.footer_area_inner { width: 100%; margin: auto; padding: 2% }
li#get_in_touch-2 {list-style: none;}
html{overflow-x: hidden;}
li#go_plus-2 {list-style-type: none;}
.go_plus_widget_plugin_box {position: relative;top: -15px;}
li#facebook_plugin-2 {list-style-type: none;}
.facebook-wt {height: 377px;overflow: hidden;}
.get_in_touch_widget_plugin_box {background-repeat: no-repeat;position: relative;top: -10px;}
.facebook-wt {background-repeat: no-repeat;position: relative;top: -10px;}
.google-wt {background-repeat: no-repeat;position: relative;top: -10px;}
h3.footer-widget-titel { margin-top: 10px;padding: 5% 0% 0;color: #ff82b1;text-align: left;font-weight: 300;font-size: 28pt;} 
img.get_in_img {width: 8%;margin-right: 3%;}
.get_in .media-body {vertical-align: middle;}
.get_in span {font-size: 20px;}
.get_in span a {color: #000;}
.get_in span a:hover {color: #000;text-decoration: none;}
.widget_text { list-style: none }
.textwidget p { margin-top: 20px; margin-bottom: 19px; color: #a7a6a7 }
.textwidget ul { padding: 0!important }
.textwidget li a { color: #fff }
.textwidget a { color: #fff; text-decoration: none }
.textwidget i { font-size: 23px }
.textwidget a:hover { color: #545454; text-decoration: none }
.foter-botom { padding: 15px; text-align: center!important }
.foter-botom p { margin: 0!important }
.foter-botom a { color: #fff; text-decoration: none }
#copyright { text-transform: capitalize;}
#copyright a:hover { text-decoration: none }
.textwidget .media-body span {font-weight: bold;}
.footer-bottom{border-top:1px solid #939393;padding: 20px 0 16px;}


.inner-banner-section {padding: 20px 0 16px;}
.inner-banner-sec h1 span {font-size: 38pt;text-transform: capitalize;margin-top:1%;font-weight: 400;}
.inner-content-section {padding: 40px 0 16px;}
.inner-content-section p {color: #000;text-align: justify;}
.inner-content-section p a {color: #000;}
.inner-content-section p a:hover {color: #000;text-decoration:none;}
.banner-form{background-color: #ff83b2;}
.banner-form-h{text-align: center;font-size: 30pt;color: #fff;padding: 4% 4% 4%;}
.banner-form-h a {color: #fff;font-weight: 400;}
.banner-form-h a:hover {color: #fff;text-decoration: none;}
.banner-form-b{text-align: center;font-size: 20pt;color: #fff;padding: 4% 4% 0;border-top: 1px solid #fff;}

form#form_contact22 .form-field { margin-bottom: 10px }
form#form_contact22 .frm_submit input[type=submit]{ margin: 0;padding: 1px 18%;font-size: 19px;border-radius: 0; box-shadow: none;color: #ffffff;background-color: #000000;background-image: linear-gradient(to bottom, #464646, #212121);    border-color: #000000 #000000 #000000;}
form#form_contact22 .frm_submit input[type=submit]:hover { margin: 0;padding: 1px 18%;font-size: 19px;border-radius: 0; box-shadow: none;color: #ffffff;background-color: #212121;background-image: linear-gradient(to bottom, #212121, #212121);border-color: #000000 #000000 #000000;}
form#form_contact22 input[type=text],
form#form_contact22 input[type=email],
form#form_contact22 input[type=tel],
form#form_contact22 input[type=url],
form#form_contact22 textarea { margin: 0; background-color: #fff; border-color: #7a0026; border-radius: 0; }
form#form_contact22 ::-webkit-input-placeholder {color:#a1a1a1;}
form#form_contact22 :-moz-placeholder {color:#a1a1a1;}
form#form_contact22 ::-moz-placeholder {color:#a1a1a1;}
form#form_contact22 :-ms-input-placeholder {color:#a1a1a1;}

.divider-inner{border: 2px solid #ffda00 !important;margin: 4% 0;}
.area-we-cover {margin-top: 8%}
.area-we-cover img {margin-bottom: 3%}
.cover-box {background: #e5d904;padding: 2% 10% 2%;;margin-bottom: 2%;font-size: 14pt;text-align: left;}
.cover-box a{color:#363535;}
.cover-box a:hover{color:#363535;text-decoration: none;}


.inner {color: #000 !important;}
.testimonial-itm strong {color: #040607;font-size: 13pt;}
.testimonial-itm span {color: #040607;font-size: 10pt;}


.contact-section{padding: 40px 0 16px;}
.contact-info {padding: 20px 0 20px !important; background: #fff}
.contact-section h3{color: #000;font-size: 20pt;font-weight: bold;margin-top: 0;}
.contact{vertical-align: middle !important;}
.contact a {color: #333132;}
.contact a:hover {color: #333132;text-decoration: none;}
.contact h4 {font-weight: bold;}
.get_in_touch {margin-bottom: 7%;}
.con_in {margin-bottom: 4%;}
.con_in .media-body {vertical-align: middle;}
.con_in span {font-size: 17px;font-weight: 600;}
.con_in span a {color: #000;}
.con_in span a:hover {color: #000;text-decoration: none;}
ul.contact-social {margin-top: 5%;}
form#form_contact3 .form-field { margin-bottom: 8px }
form#form_contact3 .frm_submit {text-align: right;}
form#form_contact3 .frm_submit input[type=submit]{ margin: 0;padding: 1px 4%;font-size: 19px;border-radius: 0; box-shadow: none;color: #ffffff;background-color: #000000;background-image: linear-gradient(to bottom, #464646, #212121);    border-color: #000000 #000000 #000000;}
form#form_contact3 .frm_submit input[type=submit]:hover { margin: 0;padding: 1px 4%;font-size: 19px;border-radius: 0; box-shadow: none;color: #ffffff;background-color: #212121;background-image: linear-gradient(to bottom, #212121, #212121);border-color: #000000 #000000 #000000;}
form#form_contact3 input[type=text],
form#form_contact3 input[type=email],
form#form_contact3 input[type=tel],
form#form_contact3 textarea { margin: 0; background-color: #f8fcff; border-color: #000; border-radius: 0; }
form#form_contact3 ::-webkit-input-placeholder {color:#a1a1a1;}
form#form_contact3 :-moz-placeholder {color:#a1a1a1;}
form#form_contact3 ::-moz-placeholder {color:#a1a1a1;}
form#form_contact3 :-ms-input-placeholder {color:#a1a1a1;}

.about-banner{background: #fff;background-repeat: no-repeat;background-size: cover;padding: 40px 0 16px;}
.about-banner a{font-size: 20px;color: #000;}
.about-banner a:hover{font-size: 20px;color: #000;text-decoration: none;}
aside#recent-posts-2 ul {padding: 0px;}
aside#recent-posts-2 a {color: #000;text-decoration: none;}
aside#recent-posts-2 a:hover {color: #000;text-decoration: none;}
.service_order_now {padding: 4px 16px; font-size: 21px; font-weight: bold; border-radius: 0; box-shadow: none;color: #ffffff !important;background-color: #000000;background-image: linear-gradient(to bottom, #464646, #212121);    border-color: #000000 #000000 #000000;}
.service_order_now:hover{padding: 4px 16px; font-size: 21px; font-weight: bold; border-radius: 0; box-shadow: none;color: #ffffff !important;background-color: #212121;background-image: linear-gradient(to bottom, #212121, #212121);border-color: #000000 #000000 #000000;text-decoration: none;}
.blog-left-img{position: relative;}
.blog-left-date{position: absolute;top: 31px;left: 40px;color: white;font-size: 20pt;}


span.nav-next {float: right;}
.navigations {padding-top: 2%;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} 
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;line-height: 1.42857143;text-decoration: none;color: #337ab7;background-color: #fff;  border: 1px solid #ddd;margin-left: -1px;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination>li {display: inline;}
.contact-form {margin-top: 2%;}

/*dropdown menu*/
.dropdown-menu{padding: 0 !important;background: #fff !important;box-shadow: none !important;}
.dropdown-menu > li > a{ color: #060706 !important; padding: 0 20px !important; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background: none !important;color:#ff7e00 !important; }
.dropdown:hover .dropdown-menu {display: block;}

.portfolio-section{background: #fff;background-repeat: no-repeat;background-size: cover;padding: 40px 0 16px;}

.divider {margin-top: 1%;}

@-moz-document url-prefix() { 
    form#form_contact2 input[type=text], form#form_contact2 input[type=email], form#form_contact2 input[type=tel], form#form_contact2 textarea{height: 34px;}
}

@media all and (min-width:320px) and (max-width:359px) {
  .valentine-btn a {
    display: none;
}
	.logo {width: 100%;}
    .topbar-section{padding: 0 !important;border: 0;}
    .top-bar-menu {display: none;}  
    .main-menu {display: none;}
    .banercaption {padding-top: 41%;}
    .banner-form-header h2 {font-size: 27pt;}
    .form-head h2 {font-size: 25pt;}
    form#form_contact2 div#frm_field_87_container {width: 100%;}
    h3.footer-widget-titel {font-size: 25pt;}
    img.get_in_img {width: 10%;}
    .inner-banner-sec h1 span {font-size: 25pt;}
    .banner-form-h {font-size: 26pt;}
    div#sidebar ul {padding: 0px 0 0 8px;}
    form#form_contact3 .frm_submit {text-align: center;}
    .get_in span {font-size: 15px;}
    span.add {white-space: nowrap;}
    .go-widget {overflow: hidden;}
    .con_in span {font-size: 16px;}
    .inner-banner-sec h1 {margin: 0;}
}
@media only screen and (min-width:360px) and (max-width:479px) {   
    .valentine-btn a {
    display: none;
}
  
    .logo {width: 100%;}
    .topbar-section{padding: 0 !important;border: 0;}
    .top-bar-menu {display: none;}  
    .main-menu {display: none;}
    .banercaption {padding-top: 41%;}
    .banner-form-header h2 {font-size: 27pt;}
    .form-head h2 {font-size: 25pt;}
    form#form_contact2 div#frm_field_87_container {width: 100%;}
    h3.footer-widget-titel {font-size: 25pt;}
    img.get_in_img {width: 10%;}
    .inner-banner-sec h1 span {font-size: 25pt;}
    .banner-form-h {font-size: 26pt;}
    div#sidebar ul {padding: 0px 0 0 8px;}
    form#form_contact3 .frm_submit {text-align: center;}
    .get_in span {font-size: 19px;}
    span.add {white-space: nowrap;}
}

@media (min-width:480px) and (max-width:767px) {
    .valentine-btn a {
    display: none;
}
    .logo {margin: 0 auto;}   
    .topbar-section{padding: 0 !important;border: 0;}
    .top-bar-menu {display: none;}  
    .main-menu {display: none;}  
    .banner-sec {min-height: 200px !important;}
    input#field_e6lis62 {width: 100% !important;}
    form#form_contact3 .frm_submit {text-align: center;}
    div#sidebar ul {padding: 0px 0 0 8px;}
}

@media (min-width:768px) and (max-width:1023px) {

    .logo {margin: 0 auto;}   
    .topbar-section{padding: 0 !important;border: 0;}
    .top-bar-menu {display: none;}  
    .main-menu {display: none;}
    .banner-sec {min-height: 200px !important;}
    .bannerservice{top:0;left: 0;}
    img.get_in_img {width: 6%;}
    .footer-bottom img {margin-bottom: 2%;margin-left: auto;margin-right: auto;}
    input#field_e6lis62 {width: 100% !important;}
    form#form_contact3 .frm_submit {text-align: center;}
    div#sidebar ul {padding: 0px 0 0 8px;}
}

@media (min-width:1024px) and (max-width:1279px) {
    .google a span{font-size: 11px}
    .phonea span {font-size: 18pt;}
    .email a span {font-size: 15pt;}
    .topbar-section {padding-top: 7% !important;}
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover{font-size: 15px;}
    .nav > li > a {padding: 10px 8px !important;}
    form#form_contact2 div#frm_field_87_container {width: 25%;}
    .banner-form-h {font-size: 28pt;}
    span.add {white-space: nowrap;}
}

@media (min-width: 1500px) and (max-width:2000px) {    
    .form-section {background-position: 29% 0;min-height: 252px;}    
}


/* Custom CSS */

.content h1 {
	color: #ff82b1 !important;
	font-size: 40pt !important;
	font-weight: 300 !important;
	text-align: center !important;
}
.mob-rev{display:none}
@media all and (max-width:768px){
  .mob-rev{display:block}
  .mob-rev a {
    font-size: 18px;
    text-align: center;
    display: block;
    background: #ff0060;
    padding: 10px;
    color: #fff;
    font-weight: 600;
}
  .mob-rev { margin: 10px;} 
  
}
ul#menu-inner li {
    padding: 10px;
    border-bottom: 1px solid;
    background: #ff83b2;
}
ul#menu-inner li:hover {
    background: #fff4f8;
}
ul#menu-inner a {
    display: block;
}