@import url('https://fonts.googleapis.com/css?family=Stalemate');
@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
/*-----------------------------------------------------------------------------------

    Template Name: Handstand - Gym & Fitness HTMP Template
    Template URI: https://devitems.com/html/coffee-preview/
    Description: This is html5 template
    Author: HasTech
    Author URI: https://devitems.com/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. About Area
    2. Class Area
    3. Schedule Area
    4. Trainer Area
    5. Gallery Area
    6. Event Area
    7. Blog Area
    8. Pricing Area
    9. Newsletter Area
    10. Testimonial Area
    11. Map Area
    12. Newsletter Area

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. About Area
/*----------------------------------------*/

@font-face 
{
      font-family:Gentroyal Free;  
      src: url('../fonts/Gentroyal Free.ttf'); /* IE9 Compat Modes */
      src: url('../fonts/Gentroyal Free.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/Gentroyal Free.ttf2') format('ttf2'), /* Super Modern Browsers */
      url('../fonts/Gentroyal Free.ttf') format('ttf'), /* Pretty Modern Browsers */
      url('../fonts/Gentroyal Free.ttf')  format('truetype'), /* Safari, Android, iOS */
      url('../fonts/Gentroyal Free.svg#svgFontName') format('svg'); /* Legacy iOS */      
}

/*icon Home*/
@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}
.bottom-icon
{
    position: absolute;
    text-align: center;    
    right:20%;
    bottom: 5%;
	font-size: 22pt;
	font-family:Gentroyal Free; 
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	animation: float 6s ease-in-out infinite;
	img { width: 100%; height: auto; }
	
}

/*icon Home*/
.newoaks-chatbot-bubble-switch-button
{
    bottom:55px !important;
    right:55px !important;
}
/*Our Services*/
.tabs:after {
	content: "";
	width: 100%;
	display: inline-block;
}

.tabs {
    list-style: none;
    text-align: center;
    margin: 0 auto 80px;
    max-width: 1200px;
    width: 100%;
    text-align: justify;
}

.tab-content {
	display: none;
}
.sv-col
{
    background: #fff;
    padding: 0;
    margin-top: 30px !important;
    border: 2px solid #fff !important;
}
.tab-content.current{
	display: inherit;
}

.tabs li {
    display: block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 2px;    
    padding: 10px;
    margin-top: 15px;
    width: 45%;
    float: left;
    margin-right: 5%;
    height: 200px;
    text-align: center;
    background:#f5e8c8;
    border-radius:20px;
    border: 2px solid #ca974e;
    /*border-image-slice: 2;
    border-width: 2px;
    border-image-source: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);*/
    text-transform: uppercase;  
    padding-top: 85px; 
}

.tabs li span{
   color: #000;
   transform: translateY(50%); 
}
.tabs li:hover, .tabs li.current{
   /*background: url(../img/about-r.webp) 100% center no-repeat;
   background-size: cover;*/
   background: url(../img/bg-btn.webp) center center no-repeat;
    background-size: cover;
   
}
.tabs li:first-child {
	
}
.sv-left-top
{
    width: 100%;
    font-size: 24pt;
    margin: 0px auto;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: url(../images/bg-text.webp);
    color: transparent;
}
.sv-left-top img
{
    width: 100%;
    max-width: 170px;
    margin: 0px auto;
}
.sv-title
{
    text-align: center;
    font-size: 52pt;
    line-height: 1;
    font-family: mighaila;
}
.sv-line
{
    margin-top: 30px;
    background: #fff;
    padding: 10px 0;
}
.services-text2 {
    overflow: hidden;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.services-text2 .sv-name {
    float: left;
    width: 65%;
    text-align: left;
    padding-left: 0;
}
.services-text2 .price {
    float: left;
    width: 35%;
    text-align: right;
    padding-right: 0;
}
.services-note {
    text-align: left;
    color: #888;
    font-style: italic;
}
.services-text .price
{
    background-image: linear-gradient(to left, #ffe5b2, #fff, #ffe5b2);
    color: #800c00;
    padding: 5px 0;
    font-weight: bold;
}
/*Our Services*/

body
{
    font-size: 12pt;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;   
    color: #000;
    /*background: url(../img/bg-body.webp) center center repeat;*/
    background:#f8f3e7;
}
.logo a
{
    display: block;
    width: 100%;
    padding: 5px 0;
}
.logo a img
{
    width: 100%;
    max-width: 110px;
    padding: 5px 0;
}
#notification
{
    width:100%;
    background: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);
    position: fixed;
    top: 0;
    z-index:99999999;    
    text-align:center;
    color:#fff;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 13pt;
    display:none;
    padding: 5px;
}
.notificationtop a
{
    color:#333;
    text-decoration:none;    
    background:#fff;
    padding:4px 5px 4px 5px;
    font-size:11pt;
    border-radius:5px;
    -moz-border-radius:5px;
    margin-left:10px;
    cursor:pointer;
}
/*.game-bg{position: relative; background: #fff; box-shadow: 0 0 4px 4px #ECECEC; height: 345px}*/
.about-video{
    position: relative; 
    text-align: center; 
    display: inline-block;
    box-shadow: 0 0 4px 4px rgba(0,0,27,0.2);
    margin-top:60px;
}
.game:after{
    position: absolute; 
    left: 0;
    top: 0;
    /*background: rgba(0, 0, 0, 0.5);*/
    width: 100%;
    height: 100%;
    content: "";
}
.game {
  position: relative;
  z-index: 2;
  margin: 10px;
}
.about-content > h2{margin-top: 28px}
.about-content > h2, .section-title h2, .gallery-home h2 {
    color: #c39736;
    font-size: 32pt;
    font-weight:normal;
    margin-bottom: 20px;
    font-family: "Carter One", serif;
    text-transform:uppercase;
}
.section-title h2 span
{
    color: #000;
    text-transform:uppercase;
}
.gallery-home h2 span
{
    color: #333;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
}
.sanitation_img
{
    float:left;
    width:49%;
}
.sanitation_img img
{
    width:100%;
}
.sanitation_txt
{
    float:right;
    width:49%;
    font-size:11pt;
    line-height:25px;
}
.container2
{
    width:95%;
    margin:0px auto;
}
.container_box
{
    margin-bottom:50px;
}
.about-content p
{
    margin-bottom: 35px;
    font-size:12pt;    
}
.about-content p.m-0{margin-bottom: 0px}
.about-content h2 span
{
    color:#000;    
}
.video-icon a {
  left: 0;
  margin-top: -30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  z-index: 9;
}
.video-icon a i{
    color :#fff;
    font-size: 60px;
}
/*----------------------------------------*/
/*  2. Class Area
/*----------------------------------------*/
/*Our Services*/
* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #fff;
  padding: 5px 0;
  color: #000;
}
.caption-container p{
  font-size: 14pt;
  font-weight: 400;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 33.33%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.5;
}

.active,
.demo:hover {
  opacity: 1;
}
.sv-iteam
{
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    float:left;
    border: 2px solid #ca974e;
    /*border-image-slice: 2;
    border-width: 2px;
    border-image-source: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);*/
    border-radius:360px 360px 0 0;
    height: auto;
    padding: 30px 30px 40px 30px!important;
    margin-top: 4%;
    background: #fff;
    height: 500px;
}
.sv-l
{
    width: 35%;
    float: left;
    margin-right: 5%;
}
.sv-r
{
    width: 60%;
    float: right;
    margin-top:40px;
}
/*Our Services*/
.Counters
{
    width: 100%;
    max-width: 250px;
    background: rgba(255,255,255,0.7);
    border:2px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    color:#000;
    margin-top:10px;
}
.policy p
{
    margin: 5px 0 20px 0;
}

.bg-gray2 {
    background: url(../img/bg-svhome.webp) center center no-repeat;
    background-size:cover;
}
.borderservices
{
    text-align:center;
    margin-bottom:30px;
    display:none;
}

.homeservices_l, .homeservices_r
{
    width:90%;
    margin: 0 1%;
    float:left;
    border: 1px solid #fff;
    height: 350px;
    padding: 70px 30px !important;
    padding-top: 50px !important;
    background: #000;
    border: 2px solid;
    border-image-slice: 2;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #666, #af8566, #fff, #af8566, #666);
    margin-bottom: 40px;
}
.homeservices_r
{
    float:right;
}
.homeservices_img
{
    width:100%;
}
.img_none
{
    display:none;
}
.single-content p
{
    font-size: 12pt;
    color: #000;
}
.single-content img
{
    border-radius:360px 360px 0 0;
    padding:3px;
    border:1px solid #f8f3e7;
}
.single-img, .portfolio-img{
    position: relative;
    display: inline-table;
    height: 100%;
}
.single-img:after, .portfolio-img:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    transform: scaleY(0);
    background: rgba(215, 97, 134,0.7);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-class:hover .single-img:after, .single-class:hover .gallery-icon, .grid-item:hover .portfolio-img:after, .grid-item:hover .gallery-icon, .single-blog:hover .gallery-icon{
    opacity: 1;
    transform: scaleY(1);
}
.gallery-icon {
  bottom: 0;
  height: 40px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
    opacity: 0;
    z-index: 9;
  transform: scaleY(0);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-img i{
    color :#fff;
    font-size: 35px;
    z-index: 99;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: table-cell;
    vertical-align: middle;
    background: transparent;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: auto;
    line-height: 42px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-img i:hover{
    color: #af8566;
    background: #fff;
    transform: scale(1);
}
.single-img img
{
	padding-bottom:1em;
}
.single-content h3{
    font-size: 18px;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    padding: 20px 40px;
    text-align:center;
    border: 2px solid;
    border-image-slice: 2;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #666, #af8566, #fff, #af8566, #666);
    margin-bottom: 20px;
}
.single-content h3 a{
    color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-content h3:hover a{
    opacity:0.8;
}
.single-content ul{
    margin: 0;
    padding: 20px 0 20px 40px;
    list-style: none;
}
.single-content ul li{
    display: inline-block;
    color: #494848;
    font-size: 14px;
    margin-right: 30px;
}
.single-content ul li:last-child{
    margin-right: 0px;
}
.single-content ul li i{
    color: #000;
    font-size: 18px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.gift-home {
    background: url(../img/bg-black.webp) left center no-repeat;
    background-size: cover;
    border: 1px solid #000;
    padding: 70px 40px;
}

/*service page*/

.blog-area
{
	overflow:hidden;
	width:100%;	
	/*background: url(../img/bg-body.webp) center center repeat;*/
	background:#f8f3e7;
    min-height: 550px;
}
.group
{
	overflow:hidden;
	width:100%;	
}
.groupservices
{
	width:100%;
	margin: 0px auto;
}
.groupservices1
{
    padding: 70px 0px 70px 0px;
}
.groupservices-box
{
	width:100%;
	margin: 0px auto;
}
.sv-box
{
	width:100%;
	margin: 0px auto;
	border: 1px solid #f0f0f0;
	border-radius: 50px 0 50px 0;
	padding: 20px 30px 0px 30px;	
	background: url(../img/bg-sv.webp) center center no-repeat;
	background-size:cover;
	box-shadow:0px 5px 15px #eee;
}
.col
{
	width:100%;
	margin-bottom:2em;
	overflow:hidden;
}
.blog-content h4
{
	font-size:11pt;
	color:#5e5e5e;
	line-height:32px;
}
.blog-content h4 span
{
	color:#565657;
	font-weight:600;
}
.service_title {
    font-size: 90pt;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: normal;
    padding: 20px 0;
    max-width: 550px;
    margin: 0px auto;
    color: #ce9747;
    font-family:Gentroyal Free; 
}
.service_title_note
{
    font-size:12pt;
    text-align:center;
    margin-top:30px;
    font-style:italic;
}
.small-title
{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 18pt;
    margin-top: 40px !important;
    margin-bottom: 20px;
    background: linear-gradient(to right, #fff, #fff6e8, #ce9747, #fff6e8, #fff);
    position: relative;
}
.row_svpage
{
    font-weight: 600;
    border-bottom: 1px dashed #999;
    margin: 15px 0;
    font-size: 13pt;
    overflow: hidden;
    padding-bottom: 10px;
    color: #666;
}
.row_name
{
    width: 65%;
    float: left;
    color: #000;
    text-transform:capitalize;
}
.row_note {
    color: #666;
    font-size: 11pt;
    font-weight: 300;
    margin-top: 5px;
    line-height: 1.5;
    width: 100%;
    overflow: hidden;
    font-style: italic;
}
.row_note ul
{
    padding-left:15px;
}
.row_note ul li
{
    font-style:italic;
    color:#af8566;
    margin-left:10px;
    list-style-type:disc;
}
.price
{
    text-align:right;
    width: 35%;
    float: left;
    color: #000;
}
.sv-img
{
    width: 100%;
    max-width: 620px;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: 40px;
    text-align:center;
}
.sv-img img
{
    padding:5px;
    border: 1px solid #ce9747;
    margin-top:10px;
    border-radius:20px;
}
.img-item-sv
{
    
}
.img-item-sv img
{
    margin:20px 0px;
}
.img_mb2
{
    display: none;
}

.about_bottom
{
    with: 100%;
    margin: 0px auto;
    text-align: center;
}
.service_bottom_title
{
    font-size: 23pt;
    color: #f3d2c1 ;
    margin-bottom: 20px;
}
.service_bottom_text
{
    font-size: 15pt;
    gont-weight: bold;
}
.service_bottom_note
{
    margin-bottom: 15px;
}
/*----------------------------------------*/
/*  3. Schedule Area
/*----------------------------------------*/
.scehedule-table thead{
    background: #F1F1F1;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    width: 100%;
}
.scehedule-table table {
  width: 100%;
}
.scehedule-table thead th{
    text-align: center;
    padding: 20px 0;
}
.scehedule-table td {
  width: 12.5%;
}
td{padding: 35px 0px 28px 0; border-right: 1px solid #E9E9E9;}
td.time p{
    font-size: 16px;
    color: #757575;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
tr{border-bottom: 1px solid #E9E9E9 ;border-left: 1px solid #E9E9E9;}
td h4{
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    margin-bottom: 8px;
}
td p{
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    
    margin-bottom: 8px;
    line-height: 14px;
}
td.purple{background: #B2A1C7}
td.olive{background: #C2D69B}
td.blue{background: #99CCFF}
td.pink{background: #FF91B8}
/*----------------------------------------*/
/*  4. Trainer Area
/*----------------------------------------*/
.single-trainer, .blog-pic{
    position: relative;
    overflow: hidden;
}
.blog-pic img{
    margin-left: 20px;
}
.single-trainer:hover{
    box-shadow: 0 0 4px 4px #ECECEC;
}
.single-trainer:after, .blog-pic:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(215, 97, 134, 0.79) none repeat scroll 0 0 padding-box content-box;
    opacity: 0;
    transform: scaleY(0);
    padding: 15px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-trainer:hover::after, .single-trainer:hover .trainer-hover h3, .single-trainer:hover .trainer-hover ul, .single-blog:hover .blog-pic:after {
    opacity: 1;
    /*transform: scaleY(1);*/
}
.trainer-hover{
    position: absolute;
    left: 0;
    top: 50%;
    margin: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 99;
    margin-top: -32px;
}
.trainer-hover h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.trainer-hover ul{
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.trainer-hover ul li{
    display: inline-block;
    border: 1;2px solid #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin: 0 5px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.trainer-hover ul li a{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.trainer-hover ul li:hover{
    background: #fff;
}
.trainer-hover ul li:hover a{
    color: #000
}
/*----------------------------------------*/
/*  5. Gallery Area
/*----------------------------------------*/
.portfolio-img {
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
} 
.portfolio-img::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 padding-box content-box;
  padding: 7px;
}
.portfolio-img::before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.grid-item:hover .portfolio-img::before{
    opacity: 1;
}
.grid-item:hover .portfolio-img{
    box-shadow: 0px 0px 4px 4px #ECECEC;
}
.grid .grid-item:first-child, .grid .grid-item:nth-child(2), .grid .grid-item:nth-child(3), .grid .grid-item:nth-child(4), .grid .grid-item:nth-child(5), .grid .grid-item:nth-child(6) {
    padding-bottom: 30px;
}
.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
  z-index: 99999;
}
.load a{
    background: #008C99;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 25px 4px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin-top: 50px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.load a:hover{
    color: #008C99;
}
/*----------------------------------------*/
/*  6. Event Area
/*----------------------------------------*/
.event-content{z-index: 2; position: relative;}
.event-wrapper{
    background: #fff;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    padding: 50px 80px;
    box-shadow: 0 0 4px 4px #ddd;
    position: relative;
    z-index: 9;
    margin: 0 42px; 
}
.event-area .section-title p {
  margin-bottom: 75px;
}
.event-wrapper:before{
    position: absolute;
    left: 30px;
    top: -20px;
    box-shadow: 0 0 4px 4px #ddd;
    background: #fff;
    height: 100%;
    content: "";
    right: 30px;
}
*/
.event-content h3{
    font-size: 20px;
    color: #757575;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
.event-content p{
    padding: 0 60px;
    margin-bottom: 20px;
}
.event-content h4{
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
}
.event-content h5{
    font-size: 16px;
    color: #494848;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
/*----------------------------------------*/
/*  7. Blog Area
/*----------------------------------------*/
.blog-pic{
    width: 100%;
}
.single-blog{display: inline-block}
.blog-content {
  width: 100%;
}
.blog-content h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 18pt;
    color: #757575;
    font-weight: 500;
    margin-bottom: 12px;
}
.blog-content h6{
    
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 400;
    margin-bottom: 15px;  
}
.blog-content p{margin-bottom: 15px}
.blog-content a{
    color: #757575;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-content a:hover{color: #000}
/*----------------------------------------*/
/*  8. Pricing Area
/*----------------------------------------*/
.single-table{
    box-shadow: 0 0 4px 4px #E2E2E2;
}
.single-table:hover .table-head h2, .single-table:hover .table-body, .single-table:hover .table-body a{
    background: #000;
}
.single-table:hover .table-head h2, .single-table:hover .table-body ul li, .single-table:hover .table-body a{
    color: #fff;
}
.single-table:hover .table-body ul li{
    border-bottom: 1px solid #5DC0A8;
}
.single-table:hover .table-body ul li:last-child{
    border-bottom: none;
}
.single-table:hover .table-body a{
    box-shadow: 0 0 4px 4px #59BBA3;
}
.table-head h2{
    font-size: 20px;
    color: #757575;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding: 25px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.table-head h1{
    background: #fff;
    font-size: 48px;
    
    font-weight: 400;
    padding: 25px 0;
}
.table-head h1 span{
    font-size: 12px;
    color: #494848;
    
    font-weight: 700;
    text-transform: uppercase;
}
.table-body{
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.table-body ul{
    margin: 0;
    padding-top: 33px;
    padding-bottom: 30px;
    list-style: none;
}
.table-body ul li{
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #EAE8E8;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.table-body ul li:last-child{
    display: block;
    padding-bottom: 0;
    border-bottom: none;
}
.table-body a {
    background: #f1f1f1 none repeat scroll 0 0;
    border-radius: 25px;
    box-shadow: 0 0 4px 4px #e2e2e2;
    color: #000;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 33px;
    position: relative;
    text-transform: uppercase;
    top: 19px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/*----------------------------------------*/
/*  9. Newsletter Area
/*----------------------------------------*/ 

/*----------------------------------------*/
/*  10. Testimonial Area
/*----------------------------------------*/
.client-area .section-title p {
  margin-bottom: 5px;
}
.single-testimonial {
    background: #000 none repeat scroll 0 0;
    color: #ffffff;
    margin: 50px 85px;
    padding: 48px 105px;
    position: relative;
    text-align: center;
}
.single-testimonial i{
    position: absolute;
    height: 115px;
    width: 115px;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 5px 0px #ababab;
    left: -45px;
    top: -45px;
    content: "";
    font-size: 70px;
    line-height: 120px;
	color: #fff;
}
.single-testimonial p{
    margin-bottom: 25px;
	color: #fff;
}
.single-testimonial h6{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	color: #fff;
}
.testimonial-owl.owl-carousel .owl-item img {
  display: block;
  transform-style: preserve-3d;
  width: auto;
  text-align: center;
  margin: auto;
  margin-bottom: 15px;
  border-radius: 50%;
}
/*----------------------------------------*/
/*  11. Map Area
/*----------------------------------------*/
.map-area{z-index: 1}
/*----------------------------------------*/
/*  12. Newsletter Area
/*----------------------------------------*/
.reviewsgroup
{
    overflow: hidden;
    padding: 10px 10px 30px 10px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #ccc;
    background: #fff;
    text-align: left;
}
.reviews
{
    overflow: hidden;
}
.reviewsimg
{
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.reviewsimg img
{
    width: 60px;
    height: 60px;
}
.reviewsname
{
    display: inline-block;
    float: left;
    font-size: 12pt;
}
.reviewsname span
{
    font-weight: bold;
}
.reviewsyelp
{
    width: 60px;
    float: right;
    text-align: center;
    padding-top: 2px;
}
.reviewsyelp img
{
    border: none;
}
.reviewsstar
{
    margin-bottom: 20px;
}
        
.reviewstxt
{
    font-size: 11pt;
}
        
.groupreviews_bt
{
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 30px;
}
.reviewsus
{
    display: inline-block;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 10px;
}
        
.groupreviews_bt .review_bt
{
    display: block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f1f1f1;
    color: #fff;
    margin-bottom: 5px;
    float: left;
    margin-right: 10px;
}
.groupreviews_bt .review_bt:hover
{
    background-color: #ccc;
}
        
.yelp
{
    background: url(../img/reviews/yelp.png) 16px 6px no-repeat;
}
.yellowpages
{
    background: url(../img/reviews/logo-yp.png) 16px 0px no-repeat;
}
.fb_review
{
    background: url(../img/reviews/fb.png) 25px 6px no-repeat;
}
.gp_review
{
    background: url(../img/reviews/gp.png) 25px 6px no-repeat;
}
/* end reviews */

.newsletter-wrapper
{
    background: url(../img/bg_footer.webp) 0px 0px repeat;
    /*background: rgba(0,0,0,0.9);*/
    padding: 55px 40px;
    margin-top: -110px;
    z-index: 2;
    position: relative;
	border-radius: 3px;
     
}

.newsletter-content h2{
    font-size: 25px;
    color: #e9ca94;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
     background: -webkit-linear-gradient(#b8780f, #fdee01);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing:1.5px;
}
.newsletter-content.section-title h2:after{background: none}
#mc-form {
  position: relative;
  width: 680px;
  margin: auto;
}
#mc-form > input {
    color: #ffff;
    font-size: 13px;
    margin-top: 20px;
    padding: 0 15px;
    background: #fff;
    border: none;
    height: 45px;
}
.newsletter-form input#mc-email::-moz-placeholder {color: #eaeaea;} 
.newsletter-form input[type="email"]::-webkit-input-placeholder {color: #eaeaea;}
#mc-form .default-btn {
  background: #000 none repeat scroll 0 0;
  border: medium none;
  color: #666666;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  height: 45px;
  line-height: 34px;
  padding: 0 35px;
  position: absolute;
    font-weight: 600;
  right: 0px;
  top: -10px;
    border-radius: 0;
    text-transform: capitalize;
}
#mc-form .default-btn:hover{color: #000 !important }
#mc-form .default-btn:before {background: #fff none repeat scroll 0 0;z-index: -1}
.newsletter-area .default-btn:before, .newsletter-area .default-btn:after{display: none} 
.contact-form form{margin-top: 50px}

.blog-content h4 span
{
	float: right;
}

/*them*/
.groupmenu_m
{
     display:none;    
}
/* Subbar */
#subbar
{
	width: 130px;
    height: 40px;
    position: fixed;
    z-index: 99;
    right: 0px;
    top: 35%;
    border-top-right-radius: 4px;
    -mox-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    background: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);
    cursor: pointer;
    opacity: 1.0;
}
#subbar:hover
{
	opacity:0.9;
}
#book-online
{
	width: 130px;
    height: 40px;
    position: fixed;
    z-index: 99;
    right: 0px;
    top: 45%;
    border-top-right-radius: 4px;
    -mox-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    background: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);
    cursor: pointer;
    opacity: 1.0;   
    display: none;
}
#book-online:hover
{
	opacity:0.9;
}
#booking-menu
{
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
    height: 43px;
    display: block;
    background: linear-gradient(to left, #666, #af8566, #fff, #af8566, #666);
    border: 2px solid;
    border-image-slice: 2;
    border-width: 2px;
    border-image-source: linear-gradient(145deg, #666, #af8566, #fff, #af8566, #666);
}
#booking-menu:hover
{
    background: #fff;
}

.button {
                animation: glowing 1300ms infinite;
            }
                  
            .button {
                margin: 15px auto;
                color: #ffffff;
                cursor: pointer;
                border-radius: 100px;
                border: 0px solid #000;
            }
                .button.pulse-button {
                    animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
                    font-size:12pt;
                }

                /* Initiate color change for pulse-on-hover */
                .button.pulse-button-hover {
                    animation: colorShift 10000ms infinite ease-in;
                }

                /* Continue animation and add shine on hover */
                .button:hover,
                .button:focus {
                    animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in, hoverShine 200ms;
                }

 @keyframes colorShift {
                0%, 100% {
                    background: linear-gradient(321deg, #f9df84, #d6a033, #f9df84, #d6a033);
                }

                33% {
                    background: linear-gradient(140deg, #d6a033, #f9df84, #d6a033, #f9df84);
                }

                66% {
                    background: linear-gradient(321deg, #f9df84, #d6a033, #f9df84, #d6a033);
                }
            }

            /* Declare border pulse animation */
@keyframes borderPulse {
                0% {
                    box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(214,160,51,0.7);
                }

                100% {
                    box-shadow: inset 0px 0px 0px 3px rgba(214,160,51,.2), 0px 0px 0px 10px rgba(255,255,255,0);
                }
            }

         
/*Subbar*/

/*servcies*/
.titlesub_s
{
    font-size:13pt;
    color:#706190; 
    letter-spacing:1px; 
    font-weight:600;  
}
/*services*/

/*Egift*/
#egiftcontent
{
    overflow:hidden;
    min-height:300px;
}
.error
{
    font-size:13pt;
    line-height:28px;
    margin:30px 0px;
}
.error a
{
    color:#000;
}
.error a:hover
{
    text-decoration:underline;
}
.textbox2
{
    width:100%;
    max-width:500px;
    border:1px solid #999;
}
.egiftcontent
{
    overflow:hidden;
    width:100%;
    text-align:center;  
    color: #000;
    font-size: 36px;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.card_m
{
    max-width: 650px;
    width: 98%;
    border: 1px dashed #ccc;
    background: #f1f1f1;
}

#egifttopnote
{
	font-weight: bold;	
	color: #000000;
}

.egiftrow
{
	text-align: left;
	margin-top: 20px;
}

#egiftlibrary
{
	text-align: left;
	margin-top: 20px;
}

#egiftlibrary img
{
	margin: 5px;
	border: 2px solid #e5e5e5;
	padding: 2px;
	cursor: pointer;
}

#egiftlibrary img:hover
{
	border: 2px solid #e81c24;
}

.egiftbox
{
	float: left;
	width: 208px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 20px;
}

#cardimg img
{
	width: 100%;
}

#egiftmessagegroup
{
	font-family: Arial;
	font-size: 10pt;
	line-height: 140%;
	overflow: hidden;
	background: #f1f1f1;
	color: #000;
}

.calendar
{
	position: relative;
	border: 1px solid #e5e5e5;
	background: #ffffff;
}

.searchbutton 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	cursor: pointer;
	padding:6px 24px;
}.searchbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.searchbutton:active {
	position:relative;
	top:1px;
}

.textbox
{
	width: 250px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 25px;
	border: 1px solid #cccccc;
}

#productcart
{
	text-align: center;
	width: 350px;
	border: 1px dashed #e5e5e5;
	margin-bottom: 30px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	float: right;
	margin-right: 10px;
}

#productcart img
{
	border: none;
}

#egifttabbar
{
	margin-bottom: 20px;
	overflow: hidden;
}

.egifttab
{
	float: left;
	height: 35px;
	margin-right: 10px;
	width: 200px;
	font-size: 12pt;
	color: #fff;
	background: #f2c781;
	text-align: center;
	font-weight: bold;
	line-height: 32px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
}

.egifttab a
{
	height: 35px;
	width: 200px;
	display: block;
	color: #fff;
	text-decoration: none;
}

.egifttab a:hover
{
	background: #666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
}

.giftselect
{
	background: #666;
}
#dragguide
{
	width: 195;
	height: 19px;
	background: url(../img/dragguide.webp) 0px 0px no-repeat;
	display: none;
}

.gifttextarea
{
    width: 90%;
	max-width: 500px; 
	height: 80px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cccccc;
}
/*Egift*/

  /* Promotions */
.grouppro
{
    text-align:center;
    overflow:hidden;
    margin:20px 0px;
    margin-top:70px;
}
.proimg
{
    margin-bottom:10px;
}
.proimg img
{
    border:1px solid #f1f1f1;
}

.promotion-content
{
    overflow:hidden;
    margin-bottom:40px;
    padding:20px;
    border: 2px solid;
    border-image-slice: 3;
    border-width: 3px;
    border-image-source: linear-gradient(120deg, #666, #af8566, #e08e50, #af8566, #666);
}
.promotion-content h3
{
    text-align:center;
    background: linear-gradient(120deg, #666, #af8566, #e08e50, #af8566, #666);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin-top:30px;
}
.promotion-content li
{
    line-height:35px;
}
.promotion-content span
{
    font-size:15pt;
    background: linear-gradient(120deg, #666, #af8566, #e08e50, #af8566, #666);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight:bold;
}
/* Promotions */

/* Reviews */
.reviews
{
    text-align:left;
	width:97%;
	overflow:hidden;
	margin-bottom:20px;
	padding:10px;
	background:#d8d8d8;
	color:#000;
	border-radius:10px;
	-moz-border-radius:10px;
	margin-top:30px;
}
.star
{
   margin-top:70px;    
   
}
.reviews a
{
     float:right;    
}
.add
{
     float:left;    
      
}
.add samp
{
     font-size:12pt;
     font-weight:bold;
     color:#000; 
}
.img_user
{
    float:left;
    margin-right:10px;
    width:60px;
    height:60px;
}
.img_user img
{
    width:60px;
    height:60px;
}
.noidung
{
    margin:10px;    
}
#nutyelp
{
    overflow:hidden;
}
.imgreviews
{
     background:#f4e2a6;
     width:120px;
     height:40px;   
     float:left;
     text-align:center;
     margin-left:5px;
     border-radius:10px;
     margin-bottom:20px;
 }
.page
{
    text-align:center;
    color:#000;
}
.page a
{
    padding-left:5px;
    text-decoration:none;
    color:#000;
    padding-right:5px;
 }
 .page a:hover, .page a.selected-re
 {
     font-weight:bold;
     line-height:0.5%;
     text-decoration: underline; 

 }
.reviewsname
{
    display:inline-block;
    float:left;
}
.reviewsname span
{
    font-weight:bold;
}
.reviewsyelp
{
    width:60px;
    float:right;
    text-align:center;
    padding-top:2px;
    margin-right:10px;
}
.reviewsyelp img
{
    border:none;
}
.reviewsstar
{
    margin-bottom:20px;
    margin-left:15px;
}

.reviewstxt
{
    margin-left:15px;
    margin-right:15px;
    
}
.groupreviews_bt
{
    overflow:hidden;
}
.reviewsus
{
    font-weight:bold;
    margin:70px 0px 10px 0px;
    text-align:left;
}
.content .review_bt
{
    display:block;
    width:80px;
    height:40px;
    line-height:40px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#eeeeee;
    color:#fff;
    margin-bottom:5px;
    float:left;
    margin-right:10px;
}
.content .review_bt:hover
{
    background-color:#ccc;   
}
.yelp
{
    background: url(../img/reviews/yelp.webp) 14px 6px no-repeat;
}
.pages
{
    background: url(../img/reviews/logo-yp.webp) 16px 0px no-repeat;
}
.face
{
    background: url(../img/reviews/fb.webp) center 5px no-repeat;
}
.gp
{
    background: url(../img/reviews/googlepuls.webp) center 6px no-repeat;
}
.reviewsimg img
{
    border:none;
}
#reviewsgroup 
{
    height: auto;
    width: 100%;
}
#newsgroup 
{
    height: auto;
    width: 100%;
}
#formwait
{
	display: none;
	margin:auto;
	text-align:center;
}
#moreBtn
{
	width: 100%;
	max-width: 100px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin: 0px auto;
	font-size:12pt;
	height: 40px;
	line-height: 30px;
	border: 1px solid #eaeaea;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #9a782b;
}
#moreBtn:hover
{
	color: #666;
}
.newmore a
{
    text-decoration: underline; 
    color:#955c2e;   
}
.newmore a:hover
{
    text-decoration: none;  
}
.review-box
{
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 50px 0px;
    background: #e3e3e3;
    color: #333;
}
.review-title
{
    font-size: 30pt;
    font-weight: bold;
    color: #a61e22; 
    text-align: center;  
    padding-bottom: 20px; 
}
.review-text
{
    font-size: 20pt;
    font-weight: bold;  
    line-height: 1.7;
}
/* Reviews */

.row_box
{
    padding:50px 0px 100px 0px;    
}
/*about*/
.about-section
{
    width: 100%;
    /*background: url(../img/bg-body.webp) center center repeat;*/
    background:#f8f3e7;
    padding-bottom: 100px;
}
.about-l
{
    margin-top: 35px;
}
.about-section-txt
{
    margin-top: 50px;
}

.about-r h4, .about-title h4, .bottom-r h4
{
    
   font-size: 26pt;
   text-align: center;
   font-family: "Carter One", serif;
   text-transform: uppercase;
   font-weight:normal;
   line-height: 1.3;
}
.about-title h4
{
   color:#ca974e;
}
.contact-title h4
{
   color:#000;
   font-size: 20pt;
   text-transform: uppercase; 
   font-weight: 500;
}
.line2
{
    margin: 0px auto;
    width: 200px;
    height: 17px;
}
.line3
{
    width: 100%;
    max-width: 150px;
    margin: 0px auto;
}
.about-txt
{
   text-align: justify;
   margin-top: 20px;
   font-weight: 400;
}
.about-img img
{
    
    /*filter: drop-shadow(0 0 5px #af8566);*/
    margin-bottom: 20px;
    border-radius:40px 0px;
    padding:5px;
    border: 1px solid #c39736;
    
}
.about-r, .bottom-r
{
   text-align:center;
   background: url(../img/bg-black.webp) center center no-repeat;
   background-size: cover;
   color: #000;
   /*padding: 0 0 0 100px;*/
   display: block;
   overflow: hidden;
   border-radius:30px;
   border: 2px solid #ffeaa2;
}
.about-r-inside, .bottom-r-inside
{
    /*background: url(../img/about-r.webp) 100% center no-repeat;
    background-size: cover;
    border-left: 2px solid #ccc;*/
    padding: 100px 20px;
    box-shadow: 3px 3px 10px #ccc;
    display: block;
    overflow: hidden;
}
.icon-about-l
{
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 100%;
    max-width: 200px;
    display: none;
}
.about-r h4, .bottom-r h4
{
   font-size: 20pt;
   color: #000;
}
.about-r-txt
{
   margin-bottom: 20px;
   font-weight: 400;
}
.divider_double 
{
    width: 100%;
    margin: 0px auto;
    height: 1px;
    border-top: 3px double #ccc;
    margin: 70px 0px;
}
.gitf-home img
{
    /*border:3px solid #c39736;
    border-radius:30px;*/
}
.gitf-home:hover
{
    transition: transform .5s;
}
.gitf-home:hover
{
    transform: scale(1.05);
}
#sign-home
{
    cursor:pointer;
}
/*review*/
.reviews-page h3
{
    font-size: 17pt;
    line-height: 1.7;
}
.social-reviews
{
    overflow: hidden;
    width: 100%;
    max-width: 690px;
    margin: 0px auto;
    text-align: center;
    margin-top: 20px;
}
.social-reviews a
{
    display: block;
    width: 24%;
    float: left;
    margin-right: 1%;
    text-decoration: none;
}

.social-reviews a img
{
    width: 100%;
    max-width: 150px;
}
/*review*/
.mb-block
{
  display: none;
}          
/*mobile*/
@media screen and (max-width: 1338px)
{
    .groupcontent
    {
        width:90%;
        margin:0px auto;    
    }
}
@media screen and (max-width: 1170px)
{
    .borderservices
    {
        display:block;
        margin-top:-50px;
    }
    .homeservices_l, .homeservices_r
    {
        height: 580px;
    }
}
@media screen and (max-width: 1024px)
{
    .button.pulse-button {
        animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
        font-size: 10pt;
    }
    .mb-none
    {
        display: none;
    }
    .mb-block
    {
        display: block;
    }
    .social
    {
        margin-top:30px;   
    }   
    .blog-pic
    {
        width: 82%;
        margin-left:10%;
    }
    .blog-content
    {
        width: 85%;
        float: none;
        margin:0px auto; 
    }
    .blog-content h2
    {
        text-align:center;    
    }
	.img_services2
	{
	    margin:0px;    
	}
	.img_none
    {
        display:block;
    }
    .homeservices_l, .homeservices_r
    {
        width:49.5%;
        height: 540px;
    }
    .contact-title h4
    {
        margin-top: 30px;    
    }
    .tabs li {
     padding-bottom: 2px;    
    padding-top: 75px !important;
    margin-top: 15px;
    width: 45%;
    float: left;
    margin-right: 5%;
    height: 200px;
    text-align: center;
    }

}

@media screen and (max-width: 768px)
{
    
    .review-box
    {
        width: 96%;
        margin: 0px auto;    
    }
    .top
    {
        padding-bottom: 0px;  
    }
    #subbar 
	{
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        right: -45px;
        border-top-left-radius: 5px;
        -moz-border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        -moz-border-bottom-left: 0px;
        top: 45%;
        border: 1px solid #fff;
    }
    #book-online 
	{
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        right: -45px;
        border-top-left-radius: 5px;
        -moz-border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        -moz-border-bottom-left: 0px;
        top: 70%;
        border: 1px solid #fff;
    }

     #notification
    {
        font-size:10pt;    
    }
    .notificationtop a
    {
        font-size:9pt;
    }
    .groupcontent
    {
        width:100%;    
    }
    .gallery_img img
    {
        width:100%;
        max-width:370px;
    }
    .social-icons
    {
        margin-left:31%;
    }
    .social
    {
        margin-top:0px;   
     } 
    .single-testimonial 
    {
        padding:10px;
        width:90%;
        margin:0px auto;
    }
    .single-footer-widget
    {
        text-align:center;
     }
    .single-slide2{background-position: center center; background-size: cover}
    .single-slide1{background-position: center 30%; background-size: cover}
    .single-testimonial i{
        height: 30px;
        width: 30px;
        left: -20px;
        top: 0px;
        font-size: 20pt;
        line-height: 30px;
    }
    .blog-pic
    {
        width: 100%;
        margin:0px;
    }
    .blog-content
    {
        width: 100%;
    }
    .groupfbye
    {
        display:none;    
    }
    .Counters
        {
            width: 100%; max-width: 250px; margin:0px auto;
        }
        
    .groupmenu_m
	{
		width:100%;
		overflow:hidden;    
		display:block; 
		position: fixed;
		bottom: 10px;
		padding:5px 0px;
		background:rgba(255,255,255,0.7);
	}
	.groupmenu_m ul
	{
		margin:0px;
		padding:0px;
		
	}
	.groupmenu_m ul li
	{
		width:25%;
		float:left;
		padding-top:3px;       
		text-align:center;    
		list-style-type:none;
        box-shadow: 0 0 20px rgb(235 207 167 / 20%);
		padding: 5px 0;
		background: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);
		border-right: 1px solid #d0d0d0;
		border-radius:10px;
	}

        .groupmenu_m ul li a {
            color: #000;
            text-decoration: none;          
            font-size: 10pt;
            font-weight:500;
        }
	.groupmenu_m ul li:hover
	{
		
		background:#ffeaa2;
		color: #000;
		border:none;  
	}
	#direction_m, #ser_m
	{
		cursor:pointer;	
	}
    .about-title h4, .about-r h4
    {
        font-size: 22pt;    
    }
    .logo
    {
        width: 100%;
        max-width: 120px;
        float: none; 
           
    }
    .content-wrapper
    {
        width: 100%;
        float: none;    
    }  
    .mobile-none  
    {
        display:none;
    }
    
}

/*mobile*/
.newsletter-form
{
    display:none;    
}

/*social*/
.single-footer-widget ul li
{
    margin-top: 10px;
}
ul.social-icon li, ul.top-social-menu li {
    display: inline-block;
}
ul.social-icon li a i.fa, ul.top-social-menu li a i.fa{
    color: #000;
    font-size: 15px;
    padding: 0.7em 0;
    width: 35px;
    height: 35px;
    line-height: 20px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; 
}
ul.top-social-menu li a i.fa{
    color: #000;
    font-size: 15px;
    padding: 0.7em 0;
    width: 35px;
    height: 35px;
    line-height: 20px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; 
}
.social-icon i.fa:hover {
    background: #fff;
    color: #000;
}

/*social*/
/*social-top*/
.top-social-menu
{
  width: 100%;
  max-width: 160px;
  margin: 0px auto;
  overflow: hidden;
  text-align: center;
  margin-top: 20%;
  border-left: 1px solid #ccc;
  padding: 0 0 10px 10px !important; 
}
.about-social-menu
{
  width: 100%;
  overflow: hidden;
  max-width: 120px;
  margin: 0px auto;
}
ul.top-social-menu li a i.fa{
    background: none;
}
.top-social-menu li, .about-social-menu li
{
    /*width: 21.3%;*/
    width:32%;
    float: left;
    height: 110px;
    line-height: 110px;
}
.about-social-menu li
{
    height: 100%;
    line-height: 100%;
}
.top-social-menu li a, .about-social-menu li a {
  color: #000;
  font-size: 14px;
}
.top-social-menu i.fa:hover {
    background: #fff;
    color: #000;
}
/*contact*/
.content
{
	overflow:hidden;
	width:100%;
	text-align:left;
	/*min-height:300px;*/
}


.groupcontact
{
	padding-top:30px;
	overflow:hidden;
	width:100%;
	max-width:1000px;
	margin:auto;
	color:#3a4556;
}
.contact_l
{
	max-width:320px;
	width:100%;
	float:left;
}
.contact_r
{
	max-width:650px;
	width:100%;
	float:right;
}
.contact_l p
{
	margin:0px;
	margin-bottom:20px;
} 
.contact_l a
{
	color:#c0d0dd;
	text-decoration:none;
}
.contact_l a:hover
{
	color:#ed2f53;
}
.contact_title
{
	font-size:15pt;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
}
/*Contact form*/
#form
{
				
}
.txtbox
{
	border: 1px solid #ccc;
	height: 30px;
	width: 100%;
}
.textarea
{
	min-height: 100px;
}
.formrowtop
{
	font-weight: 600;
}
.formrow
{
	margin-bottom: 10px;
}
.buttonrow
{
	text-align: center;
}
#bSend
{
	width: 100%;
	max-width: 200px;
	background: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);
    border: 1px solid #ffeaa2;
    color: #000;
	text-align: center;
	cursor: pointer;
	margin: 0px auto;
	padding: 12px;
	text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
}
#bSend:hover
{
    opacity:0.8;
}
#formnotify, #formnotifyS
{
	width: 90%;
	max-width: 400px;
	min-height: 160px;
	background: #fff;
	border: 1px solid #ccc;
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -200px;
	padding: 10px;
	text-align: center;
	box-shadow: 2px 2px 5px #666;
	z-index: 99999;
	display: none;
}
#formnotifycontent, #formnotifycontentS
{
	font-size: 12pt;
	color: #666;
	margin-top: 30px;
}
#formnotifyok, formnotifyokS
{
	margin: 0px auto;
	margin-top: 20px;
	width: 100px;
	height: 35px;
	line-height: 35px;
	color: #a79a9a;
	background: #fff;
	cursor: pointer;
	border:1px solid #a79a9a;
}
#formnotifyok:hover, #formnotifyokS:hover
{
	background: #666;
	color:#fff;
}
#formpwait, #formpwaitS
{
	float: left;
	margin-left: 20px;
	display: none;
}
/*Contact form*/
.map-contact img
{
	width: 100%;
	max-width: 80px;
}
/*contact*/
/*them*/
@media screen and (max-width: 1550px)
{
    .main-menu ul li a
    {
        padding: 0 2px;
        font-size: 10pt;
    }
}
@media screen and (max-width: 1300px)
{
    .main-menu ul li a
    {
        padding: 0 2px;
        font-size: 9pt;
    }
}
@media screen and (max-width: 1180px)
{
    .contact_l, .contact_r
    {
	    width:100%;
	    float:none;
    }
    .main-menu ul li a
    {
        padding: 0;
        font-size: 9pt;
    }
}
@media screen and (max-width: 1060px)
{
    .main-menu ul li a
    {
        padding: 0 1px;
        font-size: 8pt;
    }
    .logo a
    {
        max-width: 90px;
    }
}
@media screen and (max-width: 860px) {
   
    .row_svpage {
    font-size: 12pt;
}

}
@media screen and (max-width: 767px) {
    .sv-l, .sv-r {
        width: 100%;
        float: none;
        margin-right: 0;
        
    }
    .column {
        width: 50%;
        padding: 10px;
    }
    .bottom-icon
    {
        position: relative;
        left: 0;
        bottom: 0;
    }
    .tabs li {
        width: 45%;
        margin: 2.5%;
    }

}

@media screen and (max-width: 580px) {

    .header-sticky.sticky {
        height: 125px;
    }
}
@media screen and (max-width: 650px)
{
    .single-footer-widget ul li i
    {
        display: none;
    }
    .social-icon li i
    {
        display: block !important;
        margin-bottom: 30px;
    }
    .review-title
    {
        font-size: 20pt;
    }
    .review-text
    {
        font-size: 12pt;
    }
    .container2
    {
        width:90%;
        margin:0px auto;
    }
    .service_title {
        font-size: 60pt;
    }
    .groupservices
    {
	    padding: 30px 15px;
    }
    .sv-box
    {
       padding: 10px 0; 
    }
    .map-contact, .map-contact p
    {
	    text-align: center;
    }
}
@media screen and (max-width: 580px)
{
	.reviews-page h3 {
        font-size: 11pt;
    }
	#what-set
	{
		font-size: 20pt !important;
	}
	.single-slide2{background-position: center center;}
    
    .homeservices_l, .homeservices_r
    {
        width:100%;
        height: 100%;
        padding: 70px 20px 20px 20px !important;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 500px)
{
	.social-icons
    {
        margin-left:31%;
    }
    .about-r
    {
        margin-top: 20px;  
    }
    .gift-home
    {
        margin-top: 20px;  
    }
    .single-content h3 a
    {
        font-size: 18pt;  
    }
    .blog-pic img {
        margin-left: 0px;
    }
}
@media screen and (max-width: 480px)
{
    .social-icons
    {
        margin-left:21%;
    } 
}
@media screen and (max-width: 375px) {
   
    .row_svpage {
    font-size: 10pt !important;
}

}
@media screen and (max-width: 320px)
{
    .container2
    {
        width:94%;
        margin:0px auto;    
    } 
    .game {
      margin: 0px;
    }
	 .title-amazing
	 {
		 font-size: 2.2em !important;
	 }
	 
	 .clearfix-pt, .hidden-sm
	 {
		 display: none;
	 }
	 .about-content > h2, .section-title h2, .gallery-home h2
	 {
		 font-size: 29pt;
	 }
}
.main-menu ul {
    margin-bottom: 0;
}
.main-menu ul li .active {
    color: #c39736;
    text-decoration:underline;
}
.description
{
	font-size: 11pt;
	color: #181818;
	font-weight: 500;
	font-style: italic;
}

.sub-title
{
	text-align: center;
	font-weight: bold;
	font-size: 14pt;
}

.amazing
{
	font-size: 22pt !important;
}

.btn-black
{
    color: #000;
    padding: 12px;
    margin-top: 30px;
    width: 170px;
    background: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);
    border: 1px solid #f8f3e7;
 }
 
 .btn-black:hover
{
	opacity: 0.9;
	background: #f8f3e7;
	color: #c39736;
 }
.btn-gift
{
    background: #fff;
    color: #333;
    border: 2px solid;
    border-image-slice: 2;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #666, #af8566, #fff, #af8566, #666);
    padding: 10px 50px;
    border-radius: 15px;
    margin-top: 30px;
}
 .title-amazing
 {
	 color: #fff;
	 font-style: italic;
	 font-family: 'Stalemate', cursive;
	 font-weight: 300;
	 font-size: 3.3em;
	 
 }
 
 .clear-pb
 {
	 padding-bottom: 2em;
 }
 
 .lunch
 {
	padding-bottom: 15px;
 }
 
 .lunch-square
 {
	padding: 1.1em;
	border: 1px solid #000;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px;
 }
/*Host-a-party*/
.txt_hostparty
{
    margin-top:20px;
    color:#000;
    margin-bottom:20px;
}
.img_hostparty
{
	width:100%;
	margin-top:20px;
	text-align:center;
	
}

.img_hostparty img
{
	padding-bottom: 15px;
	padding-right:15px;
	max-width:500px;
}

.contact_r
{
	max-width:650px;
	width:100%;
    margin:0px auto;
    margin-top:40px;
    float: none;
}
.contact_title
{
	font-size:15pt;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
}
#bPartySend
{
	width: 100%;
	max-width: 150px;
	background: #6d6c71;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin: 0px auto;
	height: 35px;
	line-height: 35px;
}
#bPartySend:hover
{
    opacity:0.8;
}
#Btn_Party
{
	width: 100%;
	max-width: 200px;
    background: linear-gradient(145deg, #ca974e, #ffeaa2, #ca974e 70%);
    border: 1px solid #fff;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin: 0px auto;
	padding: 12px;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 30px;
}
#Btn_Party:hover
{
    opacity:0.8;
}
.contact_party
{
    width: 100%;
    max-width: 650px;
    overflow: hidden;  
    margin: 0px auto;
    background:#fdfbf6;
    padding:30px;
    border-radius:5px;
    box-shadow: 0 2px 6px #ccc; 
}
/*End-Host-a-party*/
 .form-wrapper
 {
	padding: 5px;
 }
 
 .clearfix-pt
 {
	 padding-top:55px;
 }
 
 #lunch-menu li
 {
	 padding: 3px;
 }
 
 #set-apart li
 {
	 list-style-type: disc;
	 font-size: 12pt;
	 line-height:1.5;
 }
 
 .bg-grey
 {
	/*background-color: rgba(237,237,237, 0.4);*/
	background-color: transparent;
 }
 
 .row_description
 {
	 font-size: 13pt;
	 font-style: italic;
 }
 
 #relax-line
 {
	 font-family: 'Stalemate', cursive;
	 color: #9a782b;
	 font-size: 40pt !important;
 }