/*
Theme Name: SKT Spa Pro
Theme URI: http://www.sktthemes.net/shop/beauty-spa-wordpress-theme/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Spa is a responsive multipurpose WordPress theme which can be used for multiple purposes and industries. So photo gallery, portfolio, or any business, blogging etc can be done. It has the ability to change colour of links and certain elements so that it suits the colour of your logo. Also the theme comprises of several blocks on the homepage making it a complete theme so that one may add anything he wants on the home page. Also it uses a very easy to use theme options whereby one can easily set up social icons and other elements with ease and without having any knowledge of HTML. SKT Spa is 100% responsive pixel perfect WordPress theme which comprises of different page templates and widgets to help able to edit and handle the theme easily. Can be used for any kind of business, blogging, photo, or portfolio purposes. Easy to set up menu using Appearance menus. Compatible with all major browsers and iPhone and iPad friendly as well. Comes with a beautiful parallax slider. One can also set up this theme as a store as its compatible with WooCommerce and also other popular plugins like Contact form 7. It is translation ready and can be translated for any language. Also it has custom header as well as custom background. Check demo at: http://sktthemesdemo.net/spa/

Version: pro2.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: skt-spa
Tags: green,gray, white, dark, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

SKT Spa WordPress Theme has been created by SKT Themes(sktthemes.net), 2016.
SKT Spa WordPress Theme is released under the terms of GNU GPL
*/

/* font-family: 'Open Sans', sans-serif, Arial; */
/* =========== Fonts =========== */
/*
font-family: 'Roboto', sans-serif;
font-family: 'Lobster', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Lato', sans-serif;
*/

*{ margin:0; padding:0;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#ffffff; line-height:20px;}
img{ margin:0; padding:0; border:none;}
section img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
ul{ list-style:none; margin:0; padding:0;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:13px; margin-top:4px; margin-bottom:6px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-left:10px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}
section{ padding:70px 0 50px 0;}
section h2 {font-weight:700; font-size:38px; padding:0 0 35px 0; }
section h2.sectiontitle{ text-align:center;}
section h3{ border-bottom:1px solid #cccccc; padding-bottom:15px;} 
a.contact-button{ visibility:hidden; width:15%; margin:0 auto;}

#slider{ width:100%; margin:0; padding:0; position:relative;}
#slider .top-bar{ margin:0; padding:16px 0 20px; position:relative; text-align:center;}
#slider .top-bar h2{font-weight:900; padding:10px 0 20px 0; text-align:center; text-transform:uppercase; text-shadow:2px 2px 2px #4d4d4d; -moz-text-shadow:2px 2px 2px #4d4d4d; -webkit-text-shadow:2px 2px 2px #4d4d4d; -o-text-shadow:2px 2px 2px #4d4d4d;}
#slider .top-bar p{ color:#ffffff; font-weight:normal; margin:0 0 10px 0; line-height:24px; text-align:center; text-shadow:1px 1px 1px #4d4d4d; -moz-text-shadow:1px 1px 1px #4d4d4d; -webkit-text-shadow:1px 1px 1px #4d4d4d; -o-text-shadow:1px 1px 1px #4d4d4d;}

#slider .top-bar a.contact{ font:400 14px 'Roboto Condensed', sans-serif; padding:12px 18px; margin-top:21px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-left:10px;}

.contact-banner a{ font:400 14px 'Roboto Condensed', sans-serif; padding:12px 2px; margin-top:21px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-left:10px;}


#slider .top-bar a.read{font:400 14px 'Roboto Condensed', sans-serif; padding:12px 18px; margin-top:21px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-right:10px; background-color:#86cd65;}
#slider .top-bar a.read:hover{background-color:#a2a2a2;}
/*-----------------------------------ANIMATION STYLES---------------------------------------------*/
@-moz-keyframes bounce {

  0% {-moz-transform: translateY(0); transform: translateY(0);}
  20% { -moz-transform: translateY(0); transform: translateY(0);}
  40% {-moz-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-moz-transform: translateY(0); transform: translateY(0);}
  60% {-moz-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-moz-transform: translateY(0); transform: translateY(0);}
  100% {-moz-transform: translateY(0); transform: translateY(0);}
}

@-webkit-keyframes bounce {

  0% {-webkit-transform: translateY(0); transform: translateY(0);}
  20% {-webkit-transform: translateY(0); transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-webkit-transform: translateY(0); transform: translateY(0);}
  60% {-webkit-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-webkit-transform: translateY(0); transform: translateY(0);}
  100% {-webkit-transform: translateY(0); transform: translateY(0);}
}

@-o-keyframes bounce {

  0% {-o-transform: translateY(0); transform: translateY(0);}
  20% {-o-transform: translateY(0); transform: translateY(0);}
  40% { -o-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-o-transform: translateY(0); transform: translateY(0);}
  60% {-o-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-o-transform: translateY(0); transform: translateY(0);}
  100% {-o-transform: translateY(0); transform: translateY(0);}
}

@-ms-keyframes bounce {

  0% {-ms-transform: translateY(0); transform: translateY(0);}
  20% {-ms-transform: translateY(0);transform: translateY(0);}
  40% {-ms-transform: translateY(-30px);transform: translateY(-30px);}
  50% {-ms-transform: translateY(0);transform: translateY(0);}
  60% {-ms-transform: translateY(-15px);transform: translateY(-15px);}
  80% {-ms-transform: translateY(0);transform: translateY(0);}
  100% {-ms-transform: translateY(0);transform: translateY(0);}
}

@keyframes bounce {

  0% {transform: translateY(0);}
  20% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  50% {transform: translateY(0);}
  60% {transform: translateY(-15px);}
  80% {transform: translateY(0);}
  100% {transform: translateY(0);}
}

.main-container{margin:0; padding:0;}
body.home .fixed, body.blog .fixed{position:fixed !important; top:0 !important; margin:0; padding:0; z-index:99;}
.fixed .header-inner .logo{ margin-top:13px !important;}
.fixed .header-inner .nav ul li:hover ul{ top:45px !important;}
.fixed .header-inner .nav ul li a{ padding:17px 15px !important;}
.header .header-inner .logo{float:left; margin-top:20px; }
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1160px;}
.header .header-inner .logo h1{font-weight:400; line-height:28px;}
.header .header-inner .logo a{ color:#ffffff;}
.container{ width:1160px; margin:0 auto; padding:0; position:relative;}

.toggle{display:none;}
.header, .topbararea{width:100%; height:auto; position:relative; padding:0;}
.header .header-inner .nav{ margin:0; padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:0; padding:0; font-family:'Roboto Condensed', sans-serif; font-weight:400;}
.header .header-inner .nav ul li{display:inline-block; margin:0; position:relative;}
.header .header-inner .nav ul li a{padding:35px 15px; display:block;}
.header .header-inner .nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header .header-inner .nav ul li ul li a:hover{}
.header .header-inner .nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px;}

.topfirstbar{ margin:0 auto; position:relative; width:1160px;}

.topbarleft{float:left; text-align:left; color:#FFF; padding:7px 0 7px 0; }
.topbarleft a{color:#ffffff;}
.topbarleft a:hover{color:#525252;}

.topbarright{float:right; text-align:right; color:#FFF;}
.topbarleft h2, .topbarright h2{color:#3e3e3e; font-size:15px; font-weight:400;}
.box{position: relative; width: auto;}
.searchtop{width: 200px; height:34px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; float: left; display: none; background-color:#7e7e7b; border:none; padding-left:5px; color:#fdfdf1;}

.srchicon{width: 36px; height:34px; position: absolute; right: 0; background:url(images/btn-search.png) top right no-repeat; border:none; cursor:pointer; clear:both;}

.topsocial{position:relative; float:left; width:100%;}
.topsocial span{position:relative; left:0; top:-4px; text-align:left; padding-right:5px; left:-45px;}
.topsocial .icon{background-size: 40% auto; height: 20px; margin-bottom: 2px !important; width: 20px;}
.topsocial a{ position:relative; top:5px; left:-45px;}

.logo .tagline{ display:block; font-size:13px; line-height:10px;}

/* --------- Homepage --------- */
.services { width:100%; margin:0 auto; position:relative; visibility:hidden; text-align:center;}
.fourbox{ width:23.4%; height:auto; display:inline-block; margin:0 20px 20px 0; padding:0 0 15px; position:relative; transition:0.3s; border:1px solid #f5f6f6; vertical-align: top; box-sizing:border-box; min-height:375px; text-align:center;}
.fourbox .thumbbx { height:170px; overflow:hidden;}
.fourbox .thumbbx img { width:100%; height:auto;}
.fourbox h2 { color:#fff; font-weight:300; font-size:25px; text-transform:uppercase; text-align:center; padding:20px 0; border-bottom:none;}
.fourbox h2 span { font-weight:bold;}
.fourbox p {line-height:20px; padding:2%; margin-bottom:20px !important;}
.fourbox .read-more{font:300 14px 'Roboto Condensed', sans-serif; text-align:center; padding:8px 15px; background-color:#86cd65; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.fourbox:hover .read-more {background-color:#525252;}
.services p{margin-bottom:20px;}

.one_column{ width:100%;}
.two_column{ width:48%;}
.three_column{ width:32%;}
.five_column{ width:18%;}
.six_column{ width:15.5%; margin-right:1%;}

/*------------------------------------------- SERVICES END -------------------------------------------*/

.contact-banner { text-align:center;}
.banner-bg { background:url(images/contact-banner.jpg) no-repeat top center; width:100%; height:100%; padding:55px 0; background-size:cover; background-position:center center;}
.contact-banner h3{color:#ffffff; font-weight:700; font-size:35px; padding:0 0 20px 0; text-align:center; text-transform:uppercase; border-bottom:none;}

/*------------------------------------------- CONTACT BANNER END -------------------------------------------*/

.popular-procedures{ width:100%; margin:0 auto; position:relative; visibility:hidden; text-align:center;}
.popular-procedures p{text-align:center; margin-bottom:50px;}
#popular-box{width:23.05%; height:auto; display:inline-block; margin:0 20px 20px 0; position:relative; transition:0.3s; border-left: 1px solid #f5f6f6; border-top: 1px solid #f5f6f6; border-right: 1px solid #f5f6f6; border-bottom: 3px solid #86cd65;}

#popular-box:nth-of-type(4){margin-right:0px;}
#popular-box img { display: block; margin:auto;}
#popular-box h2 { color:#fff; font-weight:300; font-size:25px; text-transform:uppercase; text-align:center; padding:20px 0; border-bottom:none;}
#popular-box h2 span { font-weight:bold;}
#popular-box p {line-height:20px; padding:4%; margin-bottom:20px !important;}
 
#popular-box .read-more{font:300 14px 'Roboto Condensed', sans-serif; text-align:center; padding:8px 10px; display:inline-block; margin:25px auto; background-color:#86cd65; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#popular-box:hover{cursor:pointer;}
#popular-box:hover .read-more{background-color:#ffffff; color:#86cd65;}
#popular-box:hover p{color:#FFF;}
#popular-box:hover h2{color:#FFF;}

#popular-box .pplimgthumb{ height:170px; overflow:hidden;}
#popular-box .pplimgthumb img{ width:100%; height:auto;}

.message-thumb{ width:525px; background-color:#ffffff; padding:7px; border:1px solid #f6f6f6; overflow:hidden; visibility:hidden; line-height:9px;}
.message-desc{ visibility:hidden;}

.latest-news{width:100%; margin-bottom:40px;}
.textstyle1{ margin-bottom: 40px; text-align: center;}
.news-box{ width:31.62%; display:inline-block; visibility:hidden; margin-right:2.4%; margin-bottom:1.4%; vertical-align:top;}
.boxphotoarea{ height:214px; overflow:hidden;}
.boxphotoarea img{ width:100%;}
.news-box:nth-of-type(3){margin-right:0;}
.news-box:nth-of-type(6){margin-right:0;}
.news-box:nth-of-type(9){margin-right:0;}
.news-box:nth-of-type(12){margin-right:0;}
.news-box:nth-of-type(15){margin-right:0;}
.news-box:nth-of-type(18){margin-right:0;}
.news-box:nth-of-type(21){margin-right:0;}

.news-box img:hover{opacity:0.3;}
.boxphotoarea:hover{padding:0;}

.news-box .news-thumb img { margin:0; padding:0; width:100%;}
.news { padding:15px 0 20px; display:block;}
.news h2 { color:#3d3d3d; font-weight:normal; font-size:18px; text-align:left; padding-bottom:10px; display:table; border-bottom:none;}
.more { width:35px; height:35px; background:#4a4a4a url(images/white-arrow.png) no-repeat center center; border-radius:50%; display:inline-block; margin:10% 0 0 22%;}
.more:hover { background:#86cd65 url(images/white-arrow.png) no-repeat center center;}
.last { margin-right:0 !important; float:right !important;}
.see-all-button {  border:1px solid #444; display:table; font-size:16px; font-weight:700; margin:50px auto 0; padding:10px 20px; text-align:center; text-transform:uppercase; transition: all 0.3s ease 0s; color:#f0efef;}
.see-all-button:hover { background:#86cd65; border:#86cd65 solid 1px; color:#fff;}
.postmore a{border-radius: 4px; display: inline-block; font: 400 14px "Roboto Condensed",sans-serif; margin-bottom: 6px; margin-top: 12px; padding: 8px 20px;}
.postdesc{padding:10px 0 10px 0;}


/*------------------------------------------- LATEST NEWS END -------------------------------------------*/

.testimonials{ width:100%;}
.testimonials p{text-align:center;}
#testimonials{margin-top:-90px;}

.testimonial-box{width:48.71%; float:left; background-color:#F00;}
.testimonial-post{width:100%;  padding:16px 35px 40px; position:relative; box-sizing:border-box;}
.testimonial-box h2{ color:#c6c5c5; font-weight:normal; font-size:18px; padding:0; text-align:center;  padding-bottom:13px; margin-bottom:13px; border-bottom:none;}
.clientphoto{float:left; width:30%;}
.clientphoto img{text-align:left; float:left; margin-right:20px;}

.clienttxt{float:right; text-align:left; width:65%;}
.clienttxt .fa{color:#86cd65; font-size:16px;}
.clienttxt p{text-align:left !important; padding-top:5px;}
.quote{ background:url(images/quote.png) left top no-repeat; width:16px; height:13px;}
.name{ text-align:left; color:#86cd65;}

.owl-carousel{margin-top:20px;}
#owl-demo .item{display: block; margin: 5px; text-align: center;}
.owl-theme .owl-controls{margin-top: 35px; text-align: center;}
.owl-theme .owl-controls .owl-buttons div{display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100); opacity: 1; text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1; *display: inline;}
.owl-theme .owl-controls .owl-page span{display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #9c9b9b;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100); opacity: 1; background-color:#86cd65;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

/*TEstimonials List CSS*/
.listing{ margin-bottom:30px;}
.listing .tml_thumb{ width:25%; float:left; margin:0 30px 0 0;}
.listing .descriptionbx{ width:70%; float:right;}
.listing .descriptionbx h5{ margin-bottom:5px;}
.listing .descriptionbx span{ margin-bottom:15px; display:block}

/*------------------------------------------- TESTIMONIALS END -------------------------------------------*/
#ourgallery{margin-top:-40px; padding-top:0px;}
.our-projects{padding-bottom:60px;}
.our-projects p{text-align:center; margin-bottom:20px;}

/*------------------------------------------- OURPROJECTS END -------------------------------------------*/
.green-banner{ text-align:center;}
.green-banner h3{color:#ffffff; font-weight:700; font-size:30px; padding:0 0 20px 0; text-align:left; border-bottom:none; line-height:36px;}
.green-banner p{text-align:left;}
#wecare{margin-top:-70px; margin-bottom:-40px;}


.green-banner a{ font:400 14px 'Roboto Condensed', sans-serif; padding:8px 20px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-top:12px; margin-bottom:6px;}
/*------------------------------------------- WECARE BANNER END -------------------------------------------*/
#some-facts { width:auto; margin:0 0 30px 100px;}
#some-facts li { width:160px; height:160px; display:inline-block; text-align:center; border:#ffffff solid 2px; border-radius:50%; margin:0 40px; text-transform:uppercase; background-color:#f7f7f7; box-shadow:0 0 2px 1px #eaeaea; -moz-box-shadow:0 0 2px 1px #eaeaea; -webkit-box-shadow:0 0 2px 1px #eaeaea; -o-box-shadow:0 0 2px 1px #eaeaea;}
#some-facts li h2 { padding:55px 0 10px 0 !important; font-size:30px; border-bottom:none;}
#some-facts li h5{ font:16px "Roboto",sans-serif; color:#757575;}
/*------------------------------------------- SOME FACTS END -------------------------------------------*/

.our-team { width:auto;}
.team-desc{ visibility:hidden;}
.team-div{ visibility:hidden;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#d6d5d5;}
.team-members { margin:0; padding:0;}
.team-col { width:22.39%; margin:0 0 40px 26px; padding-bottom:10px; float:left; border:1px solid #f1f1f1;}
.team-col img{ width:100%;}
.team-col h3 { color:#f0efef; font-weight:normal; font-size:18px; padding:15px; border-bottom:none;}
.team-col p{ padding:15px;}
/*------------------------------------------- OUR TEAM END ------------------------------------------- */

.stat{ visibility:hidden;}
.client_banner{ margin:0; padding:0;}
.client_banner .client{ width:18%; margin:0 29px 10px 0; padding:0; display:inline-block;}
.client_banner .client img{ width:100%;}
/*------------------------------------------- Client END -------------------------------------------*/

/* --------------------------- SOCIAL ICONS --------------------*/
.social-icons{ margin:0; padding:0; text-align:center;}
.icon{width:35px; height:34px; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:inline-block; margin:0 2px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; border:2px solid;}
.facebook{background-image:url(images/social-icons/fb-icon.png);}
.twitt{background-image:url(images/social-icons/twitt-icon.png);}
.gplus{background-image:url(images/social-icons/gplus-icon.png);}
.linked{background-image:url(images/social-icons/linkedin-icon.png);}
.pinterest{background-image:url(images/social-icons/pinterest-icon.png);}
.youtube{background-image:url(images/social-icons/y-tube-icon.png);}
.vimeo{background-image:url(images/social-icons/vimeo-icon.png);}
.rss{background-image:url(images/social-icons/rss-icon.png);}
.instagram{background-image:url(images/social-icons/instagram-icon.png);}
.tumblr{background-image:url(images/social-icons/tumblr-icon.png);}
.flickr{background-image:url(images/social-icons/flickr-icon.png);}
.yahoo{background-image:url(images/social-icons/yahoo-icon.png);}
.dribble{background-image:url(images/social-icons/dribble-icon.png);}
.kick{background-image:url(images/social-icons/kickstarter-icon.png);}
.stumble{background-image:url(images/social-icons/stumbleupon-icon.png);}
.zerply{background-image:url(images/social-icons/zerply-icon.png);}
.sound{background-image:url(images/social-icons/soundcloud-icon.png);}
.path{background-image:url(images/social-icons/path-icon.png);}
.klout{background-image:url(images/social-icons/klout-icon.png);}
.behance{background-image:url(images/social-icons/behance-icon.png);}
.envato{background-image:url(images/social-icons/envato-icon.png);}
.codepen{background-image:url(images/social-icons/codepen-icon.png);}
.vine{background-image:url(images/social-icons/vine-icon.png);}
.technorati{background-image:url(images/social-icons/technorati-icon.png);}
.github{background-image:url(images/social-icons/github-icon.png);}
.foursquare{background-image:url(images/social-icons/foursquare-icon.png);}
.five{background-image:url(images/social-icons/fivehundred-icon.png);}
.speaker{background-image:url(images/social-icons/speakerdeck-icon.png);}
.wordpress{background-image:url(images/social-icons/wordpress-icon.png);}
.yelp{background-image:url(images/social-icons/yelp-icon.png);}
.aboutme{background-image:url(images/social-icons/aboutme.png);}
.eyeme{background-image:url(images/social-icons/eyeme.png);}
.xing{background-image:url(images/social-icons/xing.png);}
.mail{background-image:url(images/social-icons/email.png);}
.blogger{background-image:url(images/social-icons/blogger.png);}
.blip{background-image:url(images/social-icons/blip.png);}
.wechat{background-image:url(images/social-icons/wechat.png);}
.badoo{background-image:url(images/social-icons/badoo.png);}
.bebo{background-image:url(images/social-icons/bebo.png);}
.netlog{background-image:url(images/social-icons/netlog.png);}
.tagged{background-image:url(images/social-icons/tagged.png);}
.line{background-image:url(images/social-icons/line.png);}
.space{background-image:url(images/social-icons/myspace.png);}
.hifive{background-image:url(images/social-icons/hifive.png);}
.zorpia{background-image:url(images/social-icons/zorpia.png);}
.vk{background-image:url(images/social-icons/vk.png);}
.meetup{background-image:url(images/social-icons/meetup.png);}
.askfm{background-image:url(images/social-icons/askfm.png);}
.meetme{background-image:url(images/social-icons/meetme.png);}
.classmates{background-image:url(images/social-icons/classmates.png);}
.ning{background-image:url(images/social-icons/ning.png);}
.kiwibox{background-image:url(images/social-icons/kiwibox.png);}
.rocket{background-image:url(images/social-icons/rocketlawyer.png);}
.zillow{background-image:url(images/social-icons/zillow.png);}
.whatsapp{background-image:url(images/social-icons/whatsapp.png);}
.medium{background-image:url(images/social-icons/medium.png);}

/* --------- Pages ------- */
.content-area{ width:1160px; margin:0 auto; padding:50px 0;}
.site-main{ width:800px; margin:0; padding:0; float:left;}
#sidebar{ width:270px; margin:0; padding:0; float:right;}

/* ------------ Footer -------- */
#footer-wrapper{position:relative; padding:45px 0 0;}
.footer { width:1160px; margin:auto;}
.widget-column-1 { width:29%; float:left; margin:0 30px 20px 0;}
.widget-column-2 { width:22%; float:left; margin:0 30px 20px 0;}
.widget-column-3 { width:22%; float:left; margin:0 30px 20px 0;}
.widget-column-4 { width:18%; float:right; margin:0 0 20px 0;}

.footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4{ padding:0; margin-bottom:30px;}
.footer-col-1 h2, .footer-col-2 h2, .footer-col-3 h2, .footer-col-4 h2{ font-weight:700; font-size:17px; margin-bottom:20px; text-transform:uppercase;}

.footer-nav { margin:0; padding:0;}
.footer-nav li { display:block; padding:0;}
.footer-nav li a { color:#8e8d8d; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/gry-arrow.png) no-repeat 0 3px; padding:0 0 0 20px;}
.footer-nav li a:hover { color:#86cd65; background:url(images/gry-arrow.png) no-repeat 0 -9px; transition: all 0.5s ease 0s; overflow:hidden;}
.timingbox{width:100%;}
.footer-col-3 span{color:#86cd65; font-size:16px; text-align:left; clear:both;}

.footer-col-3 a{ font:400 14px 'Roboto Condensed', sans-serif; padding:8px 20px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-top:12px; margin-bottom:6px;}

.openingday{float:left; text-align:left; padding-bottom:11px;}
.openingtime{float:right; text-align:right; padding-bottom:11px;}
.yes{background-color:#86cd65; padding: 5px 15px;}

.recent-post { margin:0px; padding:0px; list-style:none;}
.recent-post ul{ list-style:none !important;}
.recent-post li {line-height:18px; padding:0 0 5px 0px; background:none; margin-bottom:5px; list-style:inside;}
.recent-post li img { float:left; margin:0 20px 0 0; border:#2d2d2d solid 3px;}
.recent-post li span { color:#86cd65; font-size:11px;}
.recent-post li a {color:#d6d6d6; text-decoration:none;}
.recent-post li a:hover, .recent-post li:hover{ text-decoration:none; color:#86cd65 !important;}
.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}

.phone-no{margin-top:16px; margin-bottom:16px; line-height:24px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no strong {width:35%; display:inline-block;}

.copyright-wrapper { position:relative; padding:25px 0;}
.copyright { width:1160px; margin:auto;}
.copyright-txt { float:left;}
.copyright-txt span { color:#86cd65;}
.design-by { float:right;}

/* ------ Contact Form ------ */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#d6d6d6;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form textarea{height:150px; width:400px; border:1px solid #cccccc; background-color:#f1f1f1; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
.wpcf7 form input[type="submit"]{ margin:0; padding:5px 20px; background-color:#86cd65; border:1px solid #cccccc; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}

/* --- skills bar --- */
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; margin-top:25px;}
.skillbar-title { font:16px 'Roboto',san-serif;color:#8e8d8d;}
.skillbar-title span { display:block; background-color:transparent; color:#8e8d8d; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background:#86cd65;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#8e8d8d;}
.pricing_table{font-size:15px;}
.price_col{transition: left 0.5s;}
.price_col{float:left; text-align:center; background:#2c3e50; color:#fff; margin-top:10px; z-index:0;}
.pricing_table .th{font-size:24px; font-weight:bold; color:#fff; padding:10px 0;}
.pricing_table .highlight{background:#86cd65; box-shadow:0 0 10px rgba(0,0,0,0.75); z-index:1; margin-top:0; z-index:1; position:relative;}
.pricing_table .highlight .th{padding-top:20px;}
.pricing_table .highlight .tf{padding-bottom:30px;}
.pricing_table .td, .pricing_table .tf{padding:20px 0; border-top:1px #fff solid;}
.pricing_table .tf a{background:#86cd65; color:#fff; border:1px #ccc dashed; padding:8px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pricing_table .tf a:hover{background-color:#2c3e50;}
.pricing_table .highlight .tf a{background-color:#2c3e50;}
.pricing_table .highlight .tf a:hover{background-color:#86cd65;}
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#86cd65;}
h1.entry-title, h1.page-title{padding-bottom:20px; font-size:30px; line-height:30px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto;}
article p{margin:10px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:4px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:4px 10px; cursor:pointer;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; margin-left:13px;}
.photobooth .eleven strong {color:#333; font-size:24px; font-style:italic; margin-bottom:13px; display:block; }
.photobooth .eleven p {color:#555; font-size:18px; }
.photobooth .five {font-size:24px; color:#555; margin-top:0; padding-top:0; line-height:31px; }
.photobooth .filter-gallery {position:relative; margin:0 auto 30px auto; text-align:center; display:table; }
.photobooth .filter-gallery ul {list-style:none !important; overflow:hidden; background-color:#525252;}
.photobooth .filter-gallery ul li {float:left; padding:15px; width:auto;}
.photobooth .filter-gallery ul li.current {font-weight:bold;}
.photobooth .gallery ul{list-style:none !important; margin:0;}
.photobooth .gallery ul li {background:#000; float:left; cursor:pointer; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; background:url("images/camera-icon.png") 50% 0 no-repeat; margin:0 1.3% 1.3% 0; width:24%; line-height:40px; height:193px; overflow:hidden;}
.photobooth .gallery ul li p {color:#111; margin:0; padding:10px 0; position:absolute; width:100%; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.photobooth .gallery ul li p span {margin-top:0px; display:block; font-weight:bold; }
.photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:none; text-align:center; bottom:0; opacity:0.8; width:100%;}
.photobooth .gallery ul li img {vertical-align:middle; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; width:324px; height:auto; min-height:193px; }
.photobooth .gallery ul li:hover img {opacity:0.3; }
.photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:50%; opacity:0.8; }
.photobooth .gallery ul li:hover p {color:#111; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:0; opacity:0.8; }
.photobooth .gallery ul li:hover p span {margin-top:20px; display:block;}
.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#86cd65;}
.webicon{font-size:20px;}
#sidebar ul li{margin:5px 0;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
h3.widget-title{ font-size:18px; border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:15px;}

/* contact form */
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea{width:50%; border:1px solid #eee; padding:5px;}

/* woocommerce */
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#86cd65;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}

.hdr_buy_pro{font-size:14px; font-weight:bold; line-height:18px;}
.hdr_buy_pro a{color:#fff; background:#86cd65; padding:3px 10px;}
.hdr_buy_pro a:hover{background:#fff; color:#86cd65;}
@media screen and (min-width:940px){
	.hdr_buy_pro{position:absolute; top:0; right:0; }
}
@media screen and (min-width:720px) and (max-width:939px){
	.hdr_buy_pro{position:absolute; top:28px; right:290px; }
}
@media screen and (max-width:719px){
	.hdr_buy_pro{display:block; text-align:center; padding-bottom:10px;}
}




/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width:990px;
	height:450px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:330px;
	height:100%;
	text-align:center;
}
.ca-more{
	position: absolute;
	bottom: 10px;
	right:0px;
	padding:4px 15px;
	font-weight:bold;
	background: #ccbda2;
	text-align:center;
	color: white;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	text-shadow:1px 1px 1px #897c63;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.ca-icon{
	width:233px;
	height:189px;
	position:relative;
	margin:0 auto;
	background:transparent url(../images/animal1.png) no-repeat center center;
}
.ca-item-2 .ca-icon{
	background-image:url(../images/animal2.png);
}
.ca-item-3 .ca-icon{
	background-image:url(../images/animal3.png);
}
.ca-item-4 .ca-icon{
	background-image:url(../images/animal4.png);
}
.ca-item-5 .ca-icon{
	background-image:url(../images/animal5.png);
}
.ca-item-6 .ca-icon{
	background-image:url(../images/animal6.png);
}
.ca-item-7 .ca-icon{
	background-image:url(../images/animal7.png);
}
.ca-item-8 .ca-icon{
	background-image:url(../images/animal8.png);
}
.ca-item h3{
	font-family: 'Coustard', sans-serif;
	text-transform:uppercase;
	font-size:30px;
	color:#000;
	margin-bottom:20px;
	height:85px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	background:#b0ccc6;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	font-style: italic;
	font-family: "Georgia","Times New Roman",serif;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#000;
	font-family: 'Coustard', sans-serif;
	color:#60817a;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#333333; padding:5px 10px; color:#ffffff; font:15px 'Roboto',san-serif;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#86cd65;}
#respond, ol.comment-list{  clear:left;}

/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:255px; overflow:hidden;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}

.singleright { float:left; }
.singleleft { float:right; }
.sitefull{ width:100% !important;}
.nosidebar{ margin:0 auto; float:none; }
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}
.slider-main{ background:url(images/loading.gif) no-repeat center center #ffffff; min-height:500px; }