/*
 * Theme Name: ZoneStrap
 * Theme URI: http://www.topzonemedia.com/zonestrap
 * Author: TopZone Media Group
 * Author URI: http://www.topzonemedia.com
 * Description: A mobile-first, responsive WordPress theme by TopZone Media.
 * Version: 1.0
 * License: GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Tags: two-columns, right-sidebar
 * Text Domain: ZoneStrap
 */

body { font-family: 'Lato', sans-serif; font-size:20px; line-height:24px; color:#979797; font-weight:400; margin:0; padding:0;}

a, a:hover{ color:#1e1e1e;}
a:focus{ outline:none !important;}

.vDay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.vDay a span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}
.pb70{ padding-bottom:70px;}
.pb80{ padding-bottom:80px;}

.mb0{ margin-bottom:0 !important;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}

.whitebtn{ background:#fff; border-radius:10px; min-width:140px; padding:16px 16px; display:inline-block; font-size:16px; color:#1e1e1e; font-weight:400; text-align:center; text-decoration:none; text-transform:uppercase; transition:all ease 0.6s;}
.whitebtn:hover, .whitebtn:focus{ background:#999; color:#fff; text-decoration:none;}

.blackbtn{ background:#1e1e1e; border-radius:10px; min-width:140px; padding:16px 16px; display:inline-block; font-size:16px; color:#fff; font-weight:400; text-align:center; text-decoration:none; text-transform:uppercase; transition:all ease 0.6s;}
.blackbtn:hover, .blackbtn:focus{ background:#373737; color:#fff; text-decoration:none;}

.fontl{ font-weight:300;}

.bordertxt{ width:70%; margin:0 auto; padding:30px 25px; border:1px solid #ddd; border-radius:4px;}

img{ max-width:100%; height:auto;}
img.alignleft{ float:left; margin:10px 20px 15px 0;}
img.alignright{ float:right; margin:10px 0 15px 20px;}
img.aligncenter{ margin:0 auto 15px; display:block;}

h1, h2, h3, h4, h5, h6{ margin:0 0 10px; color:#1e1e1e; font-weight:300; text-transform:uppercase;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#1e1e1e; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color:#1e1e1e; text-decoration:none;}
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus{ color:#1e1e1e; text-decoration:none;}
h1{ font-size:30px; line-height:36px;}
h2{ font-size:22px; line-height:28px;}
h3{ font-size:18px; line-height:24px; font-weight:400;}
h4{ font-size:16px; line-height:22px;}
h5{ font-size:14px; line-height:20px;}
h6{ font-size:12px; line-height:16px;}

/*----Header----*/
header{ float:left; width:100%; margin-bottom:50px;}
.home header{ margin-bottom:0;}
.toppart{ float:left; width:100%; padding:16px 0;}
.toppart ul{ float:right; margin:0; padding:0; list-style:none;}
.toppart ul li{ float:left; margin-left:15px; font-size:16px; font-weight:300; padding:0 0 0 27px;}
.toppart ul li a{ color:#979797; text-decoration:none; transition:all ease 0.6s;}
.toppart ul li a:hover{ color:#1e1e1e; text-decoration:none;}
.toppart ul li:nth-child(1) { background:url(images/topicon1.png) left center no-repeat;}
.toppart ul li:nth-child(2) { background:url(images/topicon2.png) left center no-repeat;}
.toppart ul li:nth-child(3) { background:url(images/topicon2.png) left center no-repeat;}
.logopart{ float:left; background:#1e1e1e; width:100%; padding:30px 0; }
.logo, .adressinfo{ float:left}
.logo{ width:35%;}
.adressinfo{ width:65%; padding:18px 0 0;}
.adressinfo ul{ float:right; margin:0; padding:0; list-style:none;}
.adressinfo ul li{ float:left; width:33.3%; border-left:2px dashed #5c5c5c; margin:0; padding:5px 15px; font-size:18px; line-height:22px;}
.adressinfo ul li:first-child{ border:none; margin-left:0; padding:0 15px 0 0; text-align:right;}
.adressinfo ul li:last-child{ font-size:24px;}
.adressinfo ul li:last-child a { display:block; margin-top:10px;}
.adressinfo ul li a{ color:#979797; text-decoration:none;}
.adressinfo ul li a.whitebtn{ color:#1e1e1e;}
.adressinfo ul li a.whitebtn:hover{ color:#fff;}
.adressinfo ul li i{ float:left; width:30px; height:37px; margin:4px 8px 0 0;}
.adressinfo ul li:nth-child(2) i{ background:url(images/location-icon.png) top left no-repeat;}
.adressinfo ul li:nth-child(3) i{ background:url(images/whatsapp-icon.png) top left no-repeat;}

/*----Main Navigation----*/
#primaryNavigation { position:fixed; bottom:0; width:100%; margin:0; z-index:999; left:0;}
#primaryNavigation .navbar-collapse, #socialDropup { position:absolute; bottom:54px; width:101%; background:#454545; border:none; text-align:center;}
#primaryNavigation .dropdown-menu { text-align:center;}
#navBarsBtn { border:none; height:54px; margin:0 20px 0 0; padding:0; color:#fff; line-height:54px;}
#navBarsBtn:hover, #navBarsBtn:focus { background:none;}
#navBars { font-size:1.3em;}
#mobileIcons { height:54px; line-height:52px; padding:0 20px;}
#mobileIcons a { margin:0 20px 0 0; display:inline-block; font-size:15px; color:#fff; text-decoration:none;}
#mobileIcons a:hover, #mobileIcons a:focus { color:#fff; text-decoration:none;}
#socialDropup a { background:#181818; width:36px; height:36px; line-height:36px; margin:10px 0; display:inline-block; font-size:15px; color:#fff; text-align:center; transition:all ease 0.6s;}
#socialDropup a:hover{ background:#000;}
.menufollowus{ float:left; background:#454545; width:100%; height:56px; clear:both;}
.mainnavigation, .followus{ float:left;}
.mainnavigation{ width:70%;}
.followus{ width:30%; padding-top:10px;}
.mainnavigation .navbar-default{ background:none; border:none; border-radius:0;}
.mainnavigation .navbar-collapse{ padding:0;}
.mainnavigation .navbar-default li{ position:relative; padding:0 22px;}
.mainnavigation .navbar-default li:first-child{ padding-left:0;}
.mainnavigation .navbar-default li:last-child{ padding-right:0;}
.mainnavigation .navbar-default li:after{ width:3px; height:15px; content:"|"; position:absolute; top:15px; right:0; color:#fff;}
.mainnavigation .navbar-default li:last-child:after{ display:none;}
.mainnavigation .navbar-default li a{ font-size:16px; color:#fff; line-height:56px; font-weight:900; text-transform:uppercase; padding:0; margin:0;}
.mainnavigation .navbar-default li a:hover, .mainnavigation .navbar-default li a:focus{ color:#999;}
.mainnavigation .navbar-default li.active a, .mainnavigation .navbar-default li.active a:hover{ background:none; color:#999;}
.mainnavigation .navbar-default .dropdown-menu{ background:none; border:none; box-shadow:none; padding:0;}
.mainnavigation .navbar-default .dropdown-menu li{ padding:0;}
.mainnavigation .navbar-default .dropdown-menu li:after{ display:none; }
.mainnavigation .navbar-default .dropdown-menu li a{ background:#000; padding:4px 15px; font-size:13px; color:#fff; line-height:32px; text-align:left; }
.mainnavigation .navbar-default .dropdown-menu li a:hover{ background:#373737; color:#fff;}
.mainnavigation .navbar-default .dropdown-menu li.active a, .mainnavigation .dropdown-menu li.active a:hover{ background:#373737; color:#fff;}
.followus ul{ float:right; margin:0; padding:0; list-style:none;}
.followus ul li{ float:left; margin-left:5px;}
.followus ul li i{ background:#181818; width:34px; height:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; transition:all ease 0.6s;}
.followus ul li i:hover{ background:#999; color:#fff;}
.followus h4{ color:#fff; font-weight:900; text-transform:uppercase; margin:6px 6px 0 0;}

/*----Home Animation----*/
.sliderhome { background:#f5f5f5;  clear:both;}
#carousel-custom { position:relative; }
.carousel-indicators li { background-color:#000; border:2px solid #FFF;}
.masthead .btn-large:hover { background-color:#333; transition: all 0.2s;}
#carousel-custom .item img { width:100%; height:100%; max-height: 550px;}
.masthead { position:absolute; z-index:9999; top:155px; left:0; background:rgba(255, 255, 255, 0.7);  margin-top:85px; padding:30px 30px 30px 140px;}
.masthead h2 { font-size:32px; font-weight:700; text-transform:uppercase; margin:3px 0 10px;}
.masthead h3 { text-transform:uppercase; font-weight:900; font-size:28px; margin:0; color:#fff}
.masthead p { font-size:25px; line-height:30px; color:#3d3d3d; font-weight:300; margin-bottom:15px;}
.masthead .blackbtn{ padding:16px 40px; font-size:20px;}
.carousel-indicators { position:absolute; bottom:10px; left:50%; z-index:15; width:100px !important; padding-left:0; margin-left:auto !important;
margin-right:auto !important; text-align:center; list-style:none; display:none;}
.carousel-indicators .active { background-color:#CE171F; border:2px solid #fff;}

/*----Content----*/
.content{ font-size:20px; line-height:26px; color:#000000; font-weight:300;}
.content p{ margin-bottom:25px;}
.content ul{ margin-bottom:30px;}
.content ul li{ font-size:18px; margin-bottom:10px; }

.contactmap{ width:100%; border:none;}

/*----Massage----*/
.massage{ padding:50px 0 0; position:relative;}
.massage:before { background:#f4f4f4; content:""; display:block; width:100%; height:250px; position:absolute; top:0; padding:50px 0 0;}
.massagebox { font-size:18px; line-height:26px; color:#1c1c1c; font-weight:300; margin:0 0 40px;}
.massagebox img{ max-width:100%; min-height:120px; margin-bottom:30px; border: solid 4px #454545;}
.massagebox h3{ font-size:20px; font-weight:400; text-transform:uppercase; margin-bottom:20px;}
.massagebox h3 a{ color:#1e1e1e; text-decoration:none;}
.massagebox .readmore{ margin-left:5px;}
.readmore{ font-size:18px; color:#000; font-weight:400; text-decoration:none;}
.readmore:hover{ color:#000; text-decoration:none;}

@media (min-width: 992px){
.massage .col-md-3 {width: 20%;}
}

/*----Appointement----*/
.appointement{ background:url(images/appointement-bg.jpg) top center no-repeat #303030; background-size:100%; padding:70px 0 50px; font-size:32px; line-height:36px; color:#fff; text-align:center;}
.appointement p{ margin-bottom:30px;}
.appointement .whitebtn{ font-size:24px; padding:17px 35px;}

/*----Services----*/
.services{ padding:50px 0 20px; line-height:28px; text-align:center;}
.services h2{ font-size:34px;}
.services h5{ margin-bottom:30px;}
.services p{ margin-bottom:30px;}
.services .whitebtn{ border:1px solid #b5b5b5; padding:17px 45px; font-size:20px; color:#979797;}
.services .whitebtn:hover{ color:#fff;}

/*----Mailing List----*/
.mailinglist{ background:url(images/mailing-list-bg.jpg) top center no-repeat #333; background-size:cover; padding:150px 0; font-size:26px; color:#c7c7c7; text-align:center;}
.mailinglist h2{ font-size:45px; line-height:45px; color:#fff; text-transform:none; margin:0 0 10px;}
.mailinglist form{ padding:20px 0 0;}
.mailinglist input{ height:70px; border:none; vertical-align:top; width:100%;}
.mailinglist input[type="email"]{ background:#fff; max-width:400px; font-size:23px; color:#878686; padding:0 30px;}
.mailinglist input[type="submit"]{ background:#d7d7d7; max-width:170px; font-size:28px; color:#fff; padding:0 40px; transition:all ease 0.6s;}
.mailinglist input[type="submit"]:hover{ background:#1e1e1e;}

/*----Testimonials----*/
.testimonials{ font-size:16px; line-height:24px; color:#999; padding-top:40px; padding-bottom: 10px; }
.testimonials .carousel { min-height: 205px; }
.testimonials h2{ font-size:25px; text-align:center; margin-bottom:20px;}
.testimonials p{ position:relative; padding:0 45px 0 55px;}
.testimonials p:before{ background:url(images/quote.png) no-repeat; width:33px; height:29px; content:""; display:inline-block; position:absolute; top:8px;
left:0;}
.testimonials p:after{ background:url(images/quote.png) no-repeat; width:33px; height:29px; content:""; display:inline-block; position:absolute; bottom:8px;
right:0; transform:rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/*----Studio Gallery----*/

.studiogallery{ font-size:0;}

#thumbnail-slider
{
 width:100%;
 max-width:980px;
 margin:0 auto;
 padding:0;
 box-sizing:border-box;
 position:relative;
 -webkit-user-select: none;
 user-select:none;
}

#thumbnail-slider div.inner
{
 position:relative;
 overflow:hidden;
 padding:0;
 margin:0;
}

#thumbnail-slider div.inner ul
{
 white-space:nowrap;
 position:relative;
 left:0; top:0;
 list-style:none;
 font-size:0;
 padding:0;
 margin:0;
 float:left!important;
 width:auto!important;
 height:auto!important;
}

#thumbnail-slider ul li
{
 display:inline-block;
 margin-top:20px;
 margin-bottom:90px;
 margin-left:-40px; margin-right:-40px;
 -webkit-transform:scale(0.7);
 transform:scale(0.7);
 -webkit-transition:-webkit-transform 0.5s;
 transition:transform 0.5s;
 box-sizing:content-box;
 text-align:center;
 vertical-align:top;
 padding:0;
 position:relative;
 list-style:none;
 backface-visibility:hidden;
}

#thumbnail-slider ul li.active
{
 -webkit-transform:scale(1);
 transform:scale(1);
 background-color:transparent;
 margin-top:80px;
}

#thumbnail-slider .thumb
{
 width:100%;
 height: 100%;
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center center;
 display:block;
 position:absolute;
 font-size:0;
 cursor:inherit;

}

#thumbnail-slider .active .thumb
{
 -webkit-transform: translateX(0px) translateZ(0px) rotateY(0deg);
 transform: translateX(0px) translateZ(0px) rotateY(0deg);
}

#thumbnail-slider-pause-play {display:none;} /*.pause*/
#thumbnail-slider-prev, #thumbnail-slider-next {display:none;}

/*----Gallery Page Test----*/

#gallery-con, #gallery-con1
{
  max-width: 960px;
  height: 315px;
  margin: 0 auto 0;
  padding: 0;
  position:relative;
}

/* line 72, scss/index.scss */

#gallery-con #gallery-main, #gallery-con1 #gallery-main1
{
  margin: 0 auto;
  padding: 0;
  position: static;
  z-index: -1;
  left:0;
  right:0;
  text-align:center;
}

#gallery-main, #gallery-main1
{
 max-width:360px;
}

#gallery-main img, #gallery-main1 img
{
  height: 300px;
}

/* line 79, scss/index.scss */

#gallery-con #gallery-hidden, #gallery-con1 #gallery-hidden1,
#gallery-con .gallery-hidden, #gallery-con1 #gallery-hidden1
{
  margin: 0;
  padding: 0;
  position: absolute;
  display: none;
  z-index: -1;
}

/* line 87, scss/index.scss */

#gallery-con #thumbnails, #gallery-con1 #thumbnails {
  width:100%;
  height: 132px;
  background:none;
  z-index: 10;
  margin-top:0;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity:1;
}

/* line 97, scss/index.scss */

#gallery-con #thumbnails:hover, #gallery-con1 #thumbnails:hover {
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
}

/* line 102, scss/index.scss */

#gallery-con #thumbnails #thumbcon, #gallery-con1 #thumbnails #thumbcon1 {
  width:100%;
  height: auto;
  display: inline-block;
  margin:20px 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  text-align:center;
}

#gallery-con #thumbnails #thumbcon img, #gallery-con1 #thumbnails #thumbcon1 img
{
 margin:0 1px !important;
}

/* line 111, scss/index.scss */

#gallery-con #thumbnails #thumbcon .thumb, #gallery-con1 #thumbnails #thumbcon1 .thumb {
  width:66px;
  height:50px;
  display: inline;
  margin: 12px 5px;
  opacity:1;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  border:1px solid #fff;
  padding:1px;
}

/* line 121, scss/index.scss */

#gallery-con #thumbnails #thumbcon .thumb:hover, #gallery-con1 #thumbnails #thumbcon1 .thumb:hover {
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px;
  -o-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px;
}

/* line 128, scss/index.scss */

#gallery-con #thumbnails #thumbcon .selected, #gallery-con1 #thumbnails #thumbcon1 .selected {
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px;
  -o-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px;
  border:1px solid #000;
  padding:1px;
}

/* line 135, scss/index.scss */

#gallery-con #thumbnails .ui-button, #gallery-con1 #thumbnails .ui-button
{
  cursor:pointer;
  display:none !important;
}

#gallery-con #thumbnails #left-arrow, #gallery-con1 #thumbnails #left-arrow1 {
  margin-top: 50px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  float: left;
}

/* line 161, scss/index.scss */

#gallery-con #thumbnails #right-arrow, #gallery-con1 #thumbnails #right-arrow1 {
  margin-top: 50px;
  margin-right: 10px;
  margin-left: 10px;
  display: inline-block;
  float: left;
}

/* line 170, scss/index.scss */

#gallery-con #thumbnails #playtoggle, #gallery-con1 #thumbnails #playtoggle {
  float: right;
  margin-top: -40px;
  margin-right: 10px;
}

/* line 176, scss/index.scss */

#gallery-con #thumbnails .icon, #gallery-con1 #thumbnails .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(https://www.backtobasicsamarillo.com/wp-content/themes/images/sprites.png);
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 22;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* line 187, scss/index.scss */

#gallery-con #thumbnails .icon-play, #gallery-con1 #thumbnails .icon-play {
  background-position: 0 0;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* line 191, scss/index.scss */

#gallery-con #thumbnails .icon-pause, #gallery-con1 #thumbnails .icon-pause {
  background-position: -32px 0;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* line 195, scss/index.scss */

#gallery-con #thumbnails .icon-arrow-right, #gallery-con1 #thumbnails .icon-arrow-right {
  background-position: -64px 0;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* line 199, scss/index.scss */

#gallery-con #thumbnails .icon-arrow-left, #gallery-con1 #thumbnails .icon-arrow-left {
  background-position: -96px 0;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*----Lightbox Gallery----*/

/*----Pages----*/
.downloadbtn{ margin:20px 0; padding:0; list-style:none; text-align:center;}
.downloadbtn li{ display:inline-block; margin:15px 4px 0;}
.ourteam{ border:1px solid #d7d7d7; margin:0 0 30px; padding:30px 15px; font-size:18px; line-height:24px;}
.ourteam h3{ font-style:italic;}
.ourteam h3 span{ font-size:14px;}
.ourteam p:last-child{ margin-bottom:0;}
.therapist{ font-size:16px; line-height:20px; text-align:center;}
.therapist img{ border:1px solid #373737; margin-bottom:25px; padding:1px;}
.therapist .blackbtn{ margin-bottom:15px;}
.serviceprice{ max-width:570px; margin:0 auto 30px; border:1px solid #d7d7d7;}
.serviceprice > .col-md-6{ border-right:1px solid #d7d7d7;}
.serviceprice > .col-md-6:last-child{ border-right:none;}
.serviceprice .row{ border-bottom:1px solid #d7d7d7; margin-bottom:15px; padding-bottom:15px;}
.serviceprice .row:first-child{ padding-top:15px;}
.serviceprice .row:last-child{ border:none; margin-bottom:0;}
.serviceinfo{ min-height:182px; padding-left:0; font-size:15px; line-height:18px;}
.serviceinfo h3{ margin-bottom:5px;}
.serviceinfo p{ margin-bottom:10px;}
.serviceinfo ul{ margin:0; padding:0; list-style:none;}
.serviceinfo ul li{ font-size:13px; color:#000; font-weight:400; margin-bottom:5px;}
.serviceinfo ul li .price{ float:right;}
.deepservice{ font-size:14px; line-height:15px;}
.deepservice h3{ margin-bottom:2px;}
.deepservice p{ margin-bottom:5px;}
.deepservice ul li{ margin-bottom:4px;}
.basicservice{ float:left; width:100%; margin:0 !important; padding:0 ; list-style:none; text-align:center;}
.basicservice li{ float:left; width:16.5%; margin:0 !important; padding:15px 15px 15px; font-size:16px !important; line-height:20px; color:#272727; font-weight:400; text-align:center;}
.basicservice img{ border-radius:10px; display:block; margin:0 auto 4px;}
.basicplan { background:#373737; border-radius:10px; box-shadow: 0 0 20px rgba(189, 195, 199, 0.8); margin:0 0 30px; padding:50px 20px 20px; font-size:18px; color:#fff; font-weight:700; text-align:center; text-transform:uppercase; transition:all ease 0.6s}
.basicplan:hover{ background:#000;}
.basicplan h3{ font-size:28px; color:#fff; font-weight:900; margin-bottom:40px;}
.basicplan h4{ font-size:16px; color:#fff; font-weight:700; margin-bottom:40px;}
.basicplan .whitebtn{ margin:30px 0; padding:18px 35px;}
.basicplan small{ font-weight:400;}

/*----Blog----*/
.blog article{ float:left; width:100%; border:1px solid #d7d7d7; margin:0 0 20px; padding:25px 25px 10px; font-size:16px; line-height:22px;}
.singleblog article{ font-size:16px; line-height:22px;}
.blog h1{ text-transform:none;}
.blogimg{ float:left; width:40%; margin:0 0 25px;}
.blogtxt{ float:left; width:60%; padding:0 0 0 20px;}
.blogtxt.fulltxt{ float:left; width:100%; padding:0;}
.blogtxt .readmore{ background:#1e1e1e; border-radius:4px; width:100px; height:34px; line-height:32px; margin:20px 0 0; display:block; font-size:14px; color:#fff; text-align:center; transition:all ease 0.6s;}
.blogtxt .readmore:hover{ background:#000;}

.singleblog .attachment-category-thumb { max-width: 250px; float: left; margin: 0 20px 0 0; }

.post-categories { list-style-type:none; padding:0; margin:0; clear:both;}
.post-categories li { display:inline-block; margin:1em 1em 1em 0;}
.post-categories li a { background:#ccc; padding:0.7em 1.3em; color:#000; text-decoration:none;}

/*----Feature Slider----*/
.sidebar .featureslider{ min-height:320px;}
.sidebar .featureslider img{ width:260px !important; height:200px !important; margin:0 auto 15px; display:block;}
.sidebar .featureslider h3 { color:#1e1e1e;}
.sidebar .featureslider h4, .featureslider h4 a{ text-align:center; color:#1e1e1e;}
.carousel-control{ top:40%; opacity:1; text-shadow:none; width:10%; cursor:default;}
.carousel-control.left, .carousel-control.right{ background:none; color:#1e1e1e; font-size:24px;}
.left.carousel-control span, .right.carousel-control span { cursor:pointer;}

/*----Sidebar----*/
.sidebar .widget{ background:#373737; margin:0 0 20px; padding:20px; font-size:15px; line-height:20px; color:#fff;}
.sidebar h3{ margin:0 0 15px; color:#fff; font-weight:400;}
.sidebar ul{ margin:0; padding:0; list-style:none;}
.sidebar ul li{ border-bottom:1px solid #4d4d4d; margin:0 0 10px; padding:0 0 6px; font-size:16px; line-height:20px; }
.sidebar ul li:last-child{ border:none; margin:0; padding:0;}
.sidebar a{ color:#fff; text-decoration:none;}
.sidebar a:hover{ color:#999; text-decoration:none;}
.sidebar .tagcloud a { background:#fff; border-radius:3px; margin:0 0 6px; padding:7px 11px; display:inline-block; font-size:13px !important; color:#000; font-weight:400; transition:all ease 0.6s;}
.sidebar .tagcloud a:hover{ background:#454545; color:#fff;}

/*----Footer----*/
footer{ float:left; width:100%; font-size:15px; color:#fff;}
footer h3{ color:#979797; font-weight:400; text-transform:uppercase;}
.footer1{ float:left; background:#373737; width:100%; padding:50px 0 0;}
.footer1 .widget{ margin-bottom:40px;}
footer a{ color:#fff; text-decoration:none;}
footer a:hover{ color:#fff; text-decoration:none;}
.firstfooter{ color:#747474;}
.firstfooter span{ color:#fff;}
.secondfooter ul{ margin:0; padding:0; list-style:none;}
.secondfooter .widget{ float:left; width:50%; margin:0; padding:0; list-style:none;}
.thirdfooter{ font-size:17px;}
.thirdfooter ul{ margin:0; padding:0; list-style:none;}
.thirdfooter ul li{ display:inline-block; margin-right:4px; margin-left: 4px; }
.thirdfooter i{ background:#7e7e7e; width:55px; height:60px; line-height:60px; font-size:18px; color:#fff; text-align:center; transition:all ease 0.6s;}
.thirdfooter i:hover{ background:#999;}
.fourthfooter{ font-size:14px; line-height:18px;}
.fourthfooter ul{ margin:0; padding:0; list-style:none;}
.fourthfooter li { width:100%; display:inline-block; margin-bottom:8px;}
.fourthfooter li:first-child { font-size:23px; }
.fourthfooter li:last-child { margin-top:8px; }
.fourthfooter li i{ float:left; position:relative; top:-2px;}
.fourthfooter .reqquote{ font-size:18px; color:#fff; font-weight:900; text-transform:uppercase;}
.footer2{ float:left; width:100%; font-size:16px; padding:20px 0; color:#9f9f9f; text-align:center;}
.footer2 a{ color:#9f9f9f; text-decoratioin:none;}
.footer2 a:hover{ color:#373737;}
.footer2 ul{ margin:0; padding:0; list-style:none;}
.footer2 p{ margin-bottom:5px;}
#liCense h5, #liCense h6 {color: #fff !important; }

/*----Page Scroll----*/
.scrollup { width:50px; height:50px; opacity:0.3; position:fixed; bottom:70px; right:8px; display:none; text-indent:-9999px;
background:url("images/icon_top_lighttheme.png") no-repeat; z-index:1500;}

@media ( max-width: 1200px)
{
.logo{ width:30%;}
.adressinfo{ width:70%;}
.adressinfo ul li{ font-size:15px;}
.adressinfo ul li:last-child{ font-size:20px;}
.adressinfo ul li a.whitebtn{ font-size:14px;}
.mainnavigation{ width:60%;}
.followus{ width:40%;}
.mainnavigation .navbar-default li{ padding:0 15px;}
.mainnavigation .navbar-default li a{ font-size:14px;}
.masthead {top:80px;}

.serviceprice h3 { font-size:14px; font-weight:400;}
.serviceinfo{ min-height:215px;}
.thirdfooter i { width:30px; height:30px; line-height:28px; font-size:14px;}
}

@media ( max-width: 992px)
{
.testimonials .carousel {min-height: 280px;}
.toppart ul{ float:none; text-align:center;}
.toppart ul li{ float:none; display:inline-block; margin:0 4px;}
.logo{ width:100%; text-align:center;}
.adressinfo{ width:100%;}
.mainnavigation{ width:62%;}
.followus{ width:38%; padding-top:12px;}
.mainnavigation .navbar-default li{ padding:0 12px;}
.mainnavigation .navbar-default li a{ font-size:12px; line-height:53px;}
.mainnavigation .navbar-default li:after{ top:14px;}
.followus ul li{ float:left; margin-left:4px;}
.followus ul li i{ width:30px; height:28px; line-height:28px;}
.followus h4{ font-size:13px; margin:5px 4px 0 0;}
.masthead {top:0; margin-top:60px; padding:30px 30px 30px 40px;}
.massage:before { height:200px;}
.massagebox img{ min-height:180px;}
.serviceprice{ border-bottom:none;}
.serviceprice > .col-md-6 { border-right:none;}
.serviceprice .row:last-child{border-bottom:1px solid #d7d7d7;}
.serviceinfo{ min-height:inherit;}
.deepservice{ font-size:14px; line-height:18px;}
.deepservice h3{ margin-bottom:5px;}
.deepservice p{ margin-bottom:8px;}
.deepservice ul li{ margin-bottom:4px;}
.basicservice li{ width:33.3%;}
.secondfooter{ display:none;}
}

@media ( max-width: 992px) and ( min-width: 769px){
.massagebox {height: 450px;}
.menufollowus .container {width: 100%; padding:0 15px; margin:0 auto;}
}

@media ( max-width: 769px)
{
.massagebox img {max-width: 439px;}
.testimonials .carousel {min-height: 350px;}
.logopart{ padding:20px 0 25px;}
.adressinfo ul li{ font-size:14px;}
.adressinfo ul li:last-child{ font-size:18px; width: 100%; border-left: none; border-top: 2px dashed #5c5c5c; text-align: center; padding-top: 15px; margin-top: 12px;}
.adressinfo ul li a.whitebtn{ font-size:13px;}
.menufollowus{ height:auto;}
.followus{ display:none;}
.menufollowus .navbar-nav{ margin:0;}
.menufollowus nav .navbar-header{ background:#000;}
#primaryNavigation .navbar-collapse { overflow: hidden; overflow-y: auto; height: 600%; }
.mainnavigation .navbar-default ul{ margin:10px 0;}
.mainnavigation .navbar-default ul li{ clear:both;}
.mainnavigation .navbar-default li a{ margin:0 0 8px; color:#fff; line-height:24px; font-size:14px;}
.mainnavigation .navbar-default li a:hover{ color:#999;}
.mainnavigation .navbar-default li.active a, .mainnavigation .navbar-default li.active a:hover{ color:#999; }
.mainnavigation .navbar-default li:after{ display:none;}
.mainnavigation .navbar-default .dropdown-menu{ width:100%; margin:0 0 10px; position:static; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
.mainnavigation .navbar-default li.active a, .mainnavigation .navbar-default li.active a:hover {color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF; }
.mainnavigation .navbar-default .dropdown-menu li{ display:block; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #333;}
.mainnavigation .navbar-default .dropdown-menu li a{ background:none; margin:0 5px; padding:0; font-size:11px; color:#fff; line-height:24px; text-align:center;}
.mainnavigation .navbar-default .dropdown-menu li a:hover{ background:none; color:#999;}
.mainnavigation .navbar-default .dropdown-menu li.active a, .mainnavigation .navbar-default .dropdown-menu li.active a:hover{ background:none; color:#999;}
.sliderhome{ display:none;}
.massagebox{ text-align:center;}
.appointement { font-size:26px; line-height:30px;}
.appointement br { margin-bottom:20px;}
.ourteam{ text-align:center;}
.therapist{ padding-bottom:30px;}
.basicservice li{ width:33.3%; min-height:170px;}
.sidebar{ clear:both;}
footer{ text-align:center; margin-bottom:55px;}
footer .footer1, footer .footer2{ display:none;}
.secondfooter{ padding-top:0;}
.fourthfooter li i{ float:none; display:inline-block; margin-left:-5px; }
}

@media(max-width:767px){
.mainnavigation ul li:nth-child(2) , .mainnavigation ul li:nth-child(3) { }
#primaryNavigation .navbar-collapse{height:auto;}
.singleblog .attachment-category-thumb { max-width: 100%; margin: 0 0 20px 0; }
}

@media ( max-width: 650px)
{
img.alignleft, img.alignright{ float:none; display:block; margin:0 auto 30px;}
.adressinfo ul{ float:none;}
.adressinfo ul li{ width:100%; border-left:none; border-bottom:2px dashed #5c5c5c; margin:0 0 20px; padding:0 0 25px; text-align:center; position:relative;}
.adressinfo ul li:first-child{ border-bottom:2px dashed #5c5c5c; padding:0 0 20px; text-align:center;}
.adressinfo ul li:last-child{ border:none; margin:0; padding:0;}
.adressinfo ul li i { float:none; display:inline-block; position:absolute; top:-10px;}
.adressinfo ul li a{ margin-left:36px;}
.adressinfo ul li:first-child a{ margin-left:0;}
.adressinfo ul li:last-child a{ display:inline;}
.mailinglist input{ height:60px;}
.mailinglist input[type="email"]{ max-width:100%; margin-bottom:30px;}
.mailinglist input[type="submit"]{ max-width:240px;}
.serviceprice .col-xs-5, .serviceprice .col-xs-7{ width:100%;}
.serviceprice .col-xs-5{ text-align:center; padding-bottom:20px;}
.serviceinfo{ padding-left:15px;}
.serviceprice h3 { font-size:18px; font-weight:300;}
}

@media (max-width: 585px) {
.testimonials .carousel { min-height: 425px; }
}

@media ( max-width: 480px)
{
.content{ font-size:17px; line-height:24px;}
.testimonials .carousel { min-height: 500px; }
.appointement .whitebtn{ padding:17px 25px;}
.mailinglist{ font-size:20px; line-height:26px;}
.mailinglist h2{ font-size:36px;}
.testimonials{ font-size:15px; line-height:22px;}
.testimonials p{ padding:0 35px 0 40px;}
.blogimg{ width:100%; margin:0 0 25px;}
.blogtxt{ width:100%; padding:0;}
.copyline{ display:none;}
.footer2 a{ display:block;}
.massagebox img {max-width: 100%;}
}

@media ( max-width: 360px)
{
.testimonials .carousel { min-height: 560px; }
.toppart ul li{ font-size:14px;}
.appointement .whitebtn{ font-size:20px; padding:17px 20px;}
.mailinglist{ padding:80px 0;}
.mailinglist h2{ font-size:32px;}
.basicservice li{ width:50%; min-height:170px;}
.thirdfooter i{ width:40px; height:40px; line-height:40px;}
}

@media ( max-width: 400px) {
.testimonials .carousel {min-height: 540px; }
}

@media ( max-width: 320px)
{
.testimonials .carousel {min-height: 700px; }
}

@media (max-width: 280px){
.testimonials .carousel { min-height: 1010px; }
}

@media ( max-width: 360px)
{
.serviceprice img{ width:100%;}
}