/*
Theme Name: CRest Beauty Spa Pro
Theme URI: https://www.themescave.com/themes/wordpress-theme-crest-beauty-spa-pro/
Author: themescave
Author URI: https://themescave.com
Description: CRest Beauty Spa is clean and beautiful WordPress Theme focused on Spa and Salon business used in many multipurpose business like Beauty Salon Spa, massage parlours, beauty center, luxury spa, wellness center, hair care products, dermatologist, rehabilitation and rejuvenation health services and chiropractic therapy, meditation center, cosmetics, nail salon, beauty salon, yoga studio, hairdressing, ayurvedic, manicures, pedicures, makeup, mashups, nails, detox, tanning, facials, waxing, massages or other Hair & Barber hair salon, spa and body treatments, massage parlour, male grooming, physiotherapy centre, hospitality and other similar websites, makeup artist, beauty spa and all such related websites.  It is SEO-friendly will improve your site rank soon on major search engines like Google. This theme is a fully responsive and mobile friendly theme that support all type of devices. 
Version: 1.2
Requires at least: 4.0
Tested up to: 6.0
Requires PHP: 5.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crest-beauty-spa-pro
Tags: custom-menu,one-column,right-sidebar,theme-options,threaded-comments,translation-ready,blog,custom-background,custom-colors,custom-header,custom-logo,editor-style,featured-images,full-width-template,two-columns,portfolio

CRest Beauty Spa Pro WordPress Theme has been created by themescave(themescave.com), 2023.
CRest Beauty Spa Pro WordPress Theme is licensed under the GPL.
*/
/* main tags */

/*extra Classes */


*{ margin:0; padding:0; outline:none;}
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#ffffff; line-height:normal; color:#484F5E; font-size:13px;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}

.left-column-10, .left-column-20, .left-column-30, .left-column-40, .left-column-45, .left-column-50, .left-column-60, .left-column-70, .left-column-80, .left-column-90,
.right-column-10, .right-column-20, .right-column-30, .right-column-40, .right-column-45, .right-column-50, .right-column-60, .right-column-70, .right-column-80, .right-column-90{ float:left; padding:0 15px;}

.left-column-10{width:10%;}
.left-column-20{ width:20%;}
.left-column-30{ width:30%;}
.left-column-40{ width:40%;}
.left-column-45{ width:45%;}
.left-column-50{width:50%;}
.left-column-60{width:60%;}
.left-column-70{width:70%;}
.left-column-80{width:80%;}
.left-column-90{width:90%;}

.right-column-10{width:10%;}
.right-column-20{width:20%;}
.right-column-30{width:30%;}
.right-column-40{width:40%;}
.right-column-45{width:45%;}
.right-column-50{width:50%;}
.right-column-60{width:60%;}
.right-column-70{width:70%;}
.right-column-80{width:80%;}
.right-column-90{width:90%;}

.space5{ height:5px; clear:both;}
.left{float:left;}
.right{float:right;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.custom-height{ min-height:20px;}
.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; }
.comments-area{ margin-bottom:15px;}
.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;}
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px;}
#back-top a {width:64px;	display: block;	text-align: center;	font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;	text-decoration: none;color: #ffffff;	/* background color transition */
             -webkit-transition: 1s;
             -moz-transition: 1s;
             transition: 1s;
}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;	/* background color transition */
                -webkit-transition: 1s;
                -moz-transition: 1s;
                transition: 1s;opacity:0.5;
}

section{ padding:50px 0;}
h2.section_title{ font-weight:400; font-size:30px; margin-bottom:50px;text-align:center; text-transform: capitalize; font-weight:800; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
.container{ width:1170px; margin:0 auto; position:relative;}
.header.fixed {
    position: fixed;
    top: 0;
    z-index: 999999;
    padding: 14px 25px;
    border-bottom: 1px solid #ccc;
}

.header-top {
    background-color: none;
    color: none;
    line-height:auto;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    padding:9px 0;
}
.left {
    float: left;
}
.header-top .right {
    text-align: right;
}
.right {
    float: right;
}
.header-top .fa {
    margin-right: 5px;
}
.logo h1, .logo a { text-transform: capitalize; }
.right span.phno {
    padding-right: 0;
    margin-right: 0;
}

.mainheader {
    position: relative;
    width: 100%;
    z-index: 999;
  }


/* vacation section end */

/* welcome to our website start */
#welcomeareay{ position:relative; text-align:center;  }
.welcome-boxy{ width:100%; margin:0 auto; z-index:9999; }
.welcome-boxy{  margin:0 auto ; overflow:hidden; }
.welcome-boxy img{ width:100%; height:auto; min-height:80px; }
.welcome-boxy p{ margin-bottom:35px; font-size:15px; line-height:24px;}
.welcome-boxy a.rdmore{border-radius: 30px;  padding:15px 38px;  font:600 16px/22px 'Roboto Condensed', sans-serif; position:relative; bottom:14px; background: none; border:1px solid;}
.welcome-boxy h2.section_title{margin-bottom: 35px;}
.welcome-boxy .right-column-50{text-align: left;}
.welcome-boxy h2.section_title{text-align: left;}
.welcome-boxy .cgymhub_section_subtitle.welcome-boxyclass-subtitle{text-align: left;}




/* welcome to our website end */
/* team section css started */
.team_column {    background:     #f3f3f3;}
.team_column:hover{background-color: #1d9d74;}
.teammember-content{padding:10px 20px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ourteam-thumb{height:350px; overflow:hidden; position:relative; }
.ourteam-thumb img{ min-height:350px; width:100%;}
.team_column{width:23.1%; float:left; margin:0 2.5% 1% 0; position:relative; display:inline; display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.team_column h5{ font-weight:bold; margin-bottom:5px;}
.member-designation{display:block; margin-bottom:5px;}
.teammember-content p{ margin:0 0 30px 0; }
.teamrectangle{position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:0; height:0; border-left:300px solid transparent; border-bottom:70px solid #f3f3f3; box-sizing:border-box;}
.og-grid li:hover .memmberdetails{background-color:rgba(49,202,253,0.7); padding:10px 0; margin-top:-60px; position:relative; display:block;}
.memmberdetails h5{ font-size:18px; color:#fff; margin:0;}
.team-thumb{ background-color:#696969; width:270px; height:310px; overflow:hidden;}
.team-thumb img{ width:100%; height: auto;}
.og-grid li:hover .team-thumb img{ opacity:0.6;}
.member-social-icon{ margin:0;}
.member-social-icon a{ border-radius:100%; margin:0 3px 3px 0; display:inline-block; color:#000; width:35px; height:35px; line-height:35px;}
.member-social-icon a:hover{ color:#fff;}
.teammember-list .menuordernow{ background:none;}
.team-wrap .subtitle{margin-bottom: 50px;}
.menuordernow{ padding:12px 42px; margin:15px 0 0 0; font-weight:bold; display:inline-table; background:#ff0000; color:#ffffff;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; border:1px solid;}


.end, .last{ margin-right: 0 !important; }

.buttonstyle2{ background-color:#555; color:#fff ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }
.textwidget select{ width:100%;}
table{ width:100%}
.clientwrap p { text-align:center; font-size:16px; margin-bottom:25px;}
/* team section css end */

/*Missionvission css*/
.missionvission-wrap h3{ font-size:20px; font-weight:600; border-bottom:1px solid #ccc; padding-bottom:10px; display:inline-block; margin-bottom:30px;}
.missionvission-wrap h5{ font-style:italic; font-size:18px; line-height:24px; border-left:3px solid #ccc; padding-left:20px;}

#ourrecruiters{ text-align:center; font-size:15px;}
.our-recruiters{ margin:0; padding:0;}
.our-recruiters li{ float:left; margin:0 10px; width:18%; box-sizing:border-box;}

/* our css end */
.serviceswrap .one_fourth{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.serviceswrap br{ display: none; }
/* feature section */
.featuresdbox i {
	float: left;
	color: #222;
	text-align: center;
	font-size: 36px;
	line-height: 32px;
	margin-right: 30px;
    margin-top:18px;
}
.features_left .featuresdbox i {
	float: right;
	margin: 18px 0 0 30px;
}




/* = header css
-------------------------------------------------------------- */
.logo{padding: 4px 0 4px; text-align:center; width:auto;}
.header .header-inner{ margin:0 auto; padding:8px 0; position:relative; }
.logo h1{font-weight:400; margin:0px; line-height:28px; margin-top:0;}
.header span.tagline{ font-size:13px; display:block;}
.logo a{ color:#000;}
.logo img{ height:auto; }
.fixed .logo{ padding:6px 0;}
.header{width:100%; height:auto;  padding:0 0 0; z-index:999; position:relative; top:0;  -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; }
.logo.logo-left.header-box{ text-align: center; }
.header-middle.header-box{padding: 16px 0 0; text-align: center; color:#fff;}
.header-middle.header-box a{ color: #fff; }
.header-middle.header-box ul{ text-align: center; display: inline-block; }
.header-middle.header-box ul li{ text-align: left; }
.header-middle.header-box .fa{ margin: 0 10px 0 0; }			
/*.header-box{ display: inline-block; width:100%; }*/
.header-box.header-left{ display: inline-block; width:32%; float:left; }

/*.header-box.header-right {  text-align: right;  float: right;  padding: 0 0 0 0; width: 69%;}*/
/*fixed header css*/
/*body.home .fixed, body.blog .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}*/
/*fixed header home and inner page*/
body .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}
.fixed .header-inner .header-nav ul li a{ padding:20px 20px !important;}
.fixed .header-inner .header-nav ul li ul li a{padding-top:10px !important; padding-bottom:10px !important; }
.header_right {	float: right;
                text-align: right;
}

/* = Header menu css
-------------------------------------------------------------- */
.header-navigation{ margin:0 auto; padding:0; position:relative; width:auto;}
.toggleMenu{display:none;}
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:0px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
/*@media screen and (min-width: 1024px){
    .menu-item-has-children > a:after, .page_item_has_children > a:after {
        font-family: dashicons;
        content: '\f347';
        vertical-align: bottom;
        margin-left: 0.25em;
    }
}*/
.header-top .address i {
    margin-right: 9px;
  }
.header-nav{ padding:0; text-align:center; float:none; line-height:36px;}
.header-nav ul { float:none; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400;}
.header-nav ul li{display:inline-block; margin:0; position:relative; text-align:center;}
.header-nav ul li a{padding:30px 20px; display:block; color:#000; font-weight:600; border-bottom:1px solid transparent; }
.header-nav ul li a:hover, .header-nav ul li.current_page_item a { color:#000; }

.header-nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header-nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #1a1a1a;}



.header-nav ul li ul{display:none; z-index:9999999; position:relative;}
.header-nav ul li:hover > ul{ display:block; width:200px; position:absolute; left:0; text-align:left; }
.header-nav ul li:hover ul li ul{display:none; position:relative;}
.header-nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}

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

.UnderLine{ width:50%; position:relative; display:block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#364558; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

/* = section first css
-------------------------------------------------------------- */

/*services section css*/
.services-wrap .one_third { margin-bottom:0;}
.services-wrap .one_third .fa{ color:#333; font-size:24px; float:left; margin:0 20px 0 0;}
.services-wrap .one_third h4{ margin:0 0 15px;}
.services-wrap .one_third a.rdmore, #aboutsection .one_half a.rdmore, a.rdmore{background:#333333; color:#ffffff; margin-top:25px; display:inline-block; padding:9px 15px;   width: auto;}
.services-wrap .one_third:hover .fa{ color:#28374a;}
.services-wrap .one_third:hover h4{ color:#28374a;}
.services-wrap .one_third:hover a.rdmore, #aboutsection .one_half a.rdmore:hover, a.rdmore:hover{}

#ThemeFeaturd{ padding-bottom:5px;}
#welcomearea,#pageboxes, #bestoffer, #ourgallery, #vacationarea, #newswraper, #Popularfitnessprogrammecv{ border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#ourgallery .container, #ourclients .container{ width: 100%; } 
section#ourgallery{padding:0;}
#ourclients.skillrow .container { width: 1100px; }
#aboutsection .one_half { margin-bottom:0; text-align:right;}
#aboutsection .one_half.last_column {text-align:left;padding:0 0 0;}

#aboutsection .one_half p{ margin-bottom:25px;}
#aboutsection .one_half .hr-style{ left:auto; right:0;}
#aboutsection .one_half .UnderLine{ display:inline-block;}

/*#testimonialsarea{ background-attachment:fixed;}
#testimonialsarea .last_column img{ background-size: multi;  bottom: 0; float: right; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%;}
#testimonialsarea #testimonials{ width:100%; margin:0 auto;}
#testimonialsarea .testimonials-wrap h2{ color:#ffffff;}
.tm_description{ color: #ffffff; }*/

#sidebar #testimonialsarea .testimonials-wrap h2{ color:#000000;}
#sidebar .tm_description{ color: #000000; }
#sidebar #testimonials ul li h6 {
    color: #000000;
}
#sidebar #testimonials .clientdetails span {
    color: #000000;
}

.tmlisting{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.tmlisting img{ float:left; margin:0 25px 0 0;}
.tmlisting h5{ margin:0 0 5px;}
.tmlisting span{ margin-bottom:15px; display:block;}


/* = latest news section css
-------------------------------------------------------------- */
.last { margin-right:0 !important;}
.view-all-btn{ text-align:center;}
.view-all-btn a{ font:400 16px/18px "Roboto",sans-serif; color:#454545; border:1px solid #454545; padding:12px 25px; display:inline-block; border-left:5px solid #454545; }
.view-all-btn a:hover{ border-color: #34c6f6; }

.BlogPost{ width:24%; margin:0 0.5% 3% 0; float:left; }
.BlogPost .recentthumb{ height:auto; overflow:hidden; margin-bottom:0;}
.newstop{ border: 1px solid #ccc; padding: 5px; text-align: center; }
.tpostdetails {    border: 1px solid #ccc;    padding: 9px; text-align: center;}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ margin:0 0 12px 0;}
.BlogPost h5:hover{color:#28374a;}
.BlogPost span{ margin-bottom:10px; display:block; color:#28374a;}

/* = counter section css
-------------------------------------------------------------- */
/* = counter section css
-------------------------------------------------------------- */
.counterlist{ float:none; text-align:center; margin:0; padding:15px; box-sizing:border-box; display: inline-block; vertical-align: top; }
.skillwrap .area_row{display: inline-block; text-align: center; width: 100%;}
.circle_countr{ display:block; margin:0; width:auto; height:auto; padding:30px 30px; }
.counterlist .counter{display:block; font-size:45px; font-weight:800; font-family:'Open Sans', sans-serif; line-height:100%;}
.counterlist h6{font-size:21px; font-weight:600; margin:17px 0 7px 0;}

#ourskills{ position:relative; padding:120px 0;}
#ourskills:before{  bottom: 0; content: "";  position: absolute; left:-77.5%; top: 0px; width:100%;}
#ourskills .subtitle{ margin-bottom:50px;}
.history_thumbnail{ float:left; width:36%;} 
.history_counter { float:right; width:55%; } 

.history_thumbnail_image{ position:relative; width:100%; height:100%;}
.history_thumbnail_image img{ vertical-align:top; }
.history_thumbnail_image:before{  z-index:1; position:absolute; content:''; top:20px; right:35px; background:none; width:50%; height:50%; }
.thumbnail_image{ width:320px; position:relative; z-index:999}
.small_image{ position:absolute; bottom:-55px; right:0; width:210px; height:275px; z-index:999}

/* feature */

.featureslists{ margin-bottom:15px; min-height:70px;}
.featureslists .fa{ font-size:50px; color:#333333; float:left; margin:0 25px 0 0; width:65px; height:65px; line-height:65px; border-radius:0; border:none; text-align:center; }
.featureslists h5{ font-size:16px; font-weight:600; margin-bottom:10px;}
.featureslists p{ font-size:12px; line-height:18px;}

#welcomearea .one_half {width: 35%;margin-right: 2%;}
#welcomearea .one_half.last_column {width: 63%;margin-right: 0%;}
#welcomearea .featureslists{ width: 45%; float: left; margin-right: 25px;}


.serviceswrap .one_fourth{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.serviceswrap br{ display: none; }
/* feature section */
/* featured section */
.features_left{ position:relative; text-align:right;}
.features_right{ position:relative; text-align:left;}
.features_left .featuresdbox .fa{ float:right; margin:0 0 0 30px;}
.featuresdbox{ width:100%; padding:30px; margin:0 0 1% 0; min-height:110px; box-sizing:border-box; background:#ffffff;box-shadow:0px 5px 30px 0px rgba(214,215,216,0.57);}
.featuresdbox .fa{ float:left; color:#222; text-align:center; font-size:36px; width:32px; height:32px; line-height:32px; margin-right:30px; }
.featuresdbox h5{ margin:0 0 15px; position:relative;}
.featuresdboxboxcon{ display:table;}

/* = Team Member Part css
-------------------------------------------------------------- */
section#ourteam{ background-attachment:fixed; background-size:inherit; }
.teammember-list{ float:left; width:29%; margin:0 6% 6% 0; }
.teammember-list img{}
.teammember-list h5{ font-size:17px; color:#fff; margin:7px 0; text-transform:none; font-weight:400;}
.teammember-list p{ color:#fff;}
.member-desination{ color:#fff; font-size:12px; border-bottom:2px solid #34c6f6; padding-bottom:5px; display:inline-block; margin-bottom:10px;}
.member-social-icon{  padding-top:0;}
.member-social-icon a{ margin:0 10px; color:#555;}
.member-social-icon a:hover{ color:#34c6f6;}

.content-area .teammember-list p{ color:#454545;}
.content-area .teammember-list h5, .content-area .member-desination{color:#454545;}




/* = Team Member Part css
-------------------------------------------------------------- */
#team_members {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
.teammember-list{vertical-align:top; display:inline-block; text-align:center; width:23.4%; margin:0 1% 1% 0; float:none; position:relative; box-sizing:border-box; text-align:center; border-radius:0; 
/*                  box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
                  -webkit-box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
                  -moz-box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);*/
}
.teammember-list .thumnailbx{ width:auto; height:auto; overflow:hidden;  border-radius:0%; border:0px solid #fff; margin:0 auto}
.teammember-list img{ width:100%; height:100%; min-height:240px;}
.teammember-list span.title, 
.single-caveteam .titledesbox span.title
{ font-weight:600; color:#222; font-size:22px; position:relative; }

.teammember-list cite,
.single-caveteam .titledesbox cite
{ display:block; font-style:normal; margin:10px 0; color:#222; }

.teammember-list .titledesbox{ text-align:center; padding-top:30px;}
.single-caveteam .titledesbox{text-align:left;}
.member-social-icon{ text-align:center;}
.single-caveteam .member-social-icon{ text-align:left;}
.member-social-icon a{   margin:0 5px 0 0; text-align:center; display:inline-block; width:45px; height:45px; line-height:40px; border-radius:50%;}
.member-social-icon i{ font-size:14px;}
.member-social-icon a:hover{ color:#222;}
.teammember-list:hover .thumnailbx img{ opacity:0.2;}

.teammember-list a.rdmore,
.single-caveteam a.rdmore{margin-top:14px; font-size:14px;}
.team-bottom {    background: #F1F6FB;    padding: 0 0 25px;}
#creativeteam {background-attachment: scroll !important;background-size: auto !important;}


/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.panel {
    margin: 0 auto;
    height: auto;  
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.panel .front,
.panel .back {
    text-align: center;
}

.panel .front {
    height: inherit;
    position: relative;
    top: 0;
    z-index: 900;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.panel.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{width: auto;	height:252px;margin: 0 auto; overflow:hidden;}
.box1 img { width:100%;}
.box2{background-color: #28374a;color:#fff;	width: auto;height:auto;	margin: 0 auto;	padding:0 6px 20px; text-align: center;}
.box2 p{ margin-bottom:20px;}
.topbox{
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    padding-top: 15px;
}



h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
#sidebar #testimonials .tm_thumb{ float:none; width:auto; text-align:center;}
#sidebar #testimonials ul li img{ margin-top:0; float:none;}
#sidebar #testimonials .quovolve-nav{ display:none;}
#sidebar #testimonials ul li .tm_description{ float:none; padding:0; width:auto;}

/* = latest news section css
-------------------------------------------------------------- */
.last { margin-right:0 !important;}
.view-all-btn{ text-align:center; }
.shopbutton{ margin: 15px 0; }
.view-all-btn a{ font:400 16px/18px "Roboto",sans-serif; color:#454545; border:1px solid #454545; padding:12px 25px; display:inline-block; border-left:5px solid #454545; }
.view-all-btn a:hover{ border-color: #34c6f6; }

.posts-wrap{ text-align: center;display: inline-block; }

.BlogPost.oddnumb {
    float: left;
}

.blog-left {
    float: left;
    width: 50%;
}
.blog-right {
    float: right;
    width: 46%;
    text-align: left;
    margin: 9px auto;
    padding: 0 16px;
}
.blog-right .datecomment{ text-align: left; }

.BlogPost {    width: 49%;    margin: 0 0 ;    float: none;    display: inline-block;    vertical-align: top;    border-bottom: none;
               padding-bottom: 0px; height: 269px;}

.BlogPost.lastblog{ border-bottom: none; margin-bottom: 0;}
.BlogPost .recentthumb{ overflow:hidden; margin-bottom:0; position: relative; vertical-align: top;}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ margin:0 0 5px 0;}
.BlogPost h5:hover{color:#1e73be;}
.BlogPost span{ margin-bottom:10px; display:block; color:#1e73be;}
.BlogPost .datecomment{font-size: 12px;
                       position: relative;
                       width: auto;
                       height: auto;
                       background-color:none;
                       overflow: hidden;
                       color:#364558;
                       top: 0;
                       left: 0;
                       text-align: left;
                       border-radius: 3px;
                       padding: 3px;
}


/* = section first css
-------------------------------------------------------------- */
#pagearea .container {    width: 100%;  }
#pagearea{ position:relative; }
section#pagearea{padding: 0 0 50px;}
.box-equal-height {display: inline-block; text-align: center;}
.pagecommoncl{float:none; margin:0; padding:0 5px 5px 5px; position:relative; box-sizing:border-box; text-align:center; vertical-align: top; display: inline-block; }
.Pagee3Column{ width: 33%; }
.Pagee4Column { width: 24%;}
.pagecommoncl h3{ font-weight:700; margin:0 0 25px; line-height:32px; font-size:22px; padding: 0 13px; }
.pagecommoncl h3 a{ color:#161616;}
.pagecommoncl h3 a:hover{ color:#ef7a86;}
.pagecommoncl p{  margin:0 0 30px;}

.pagecommoncl .thumbbx{ margin:0 0 20px 0; padding:0; width:100%; height:186px; position:relative; overflow:hidden;}
.pagecommoncl .thumbbx img{width:100%; height: auto; min-height:186px;}
.pagecontent { padding: 0 13px;}

.one_column{ float:none; width:50%;}
.one_column.pagecommoncl{ margin:0 auto !important;}
.topboxbg{ position:relative; background:#fff; padding:35px 0; transition: all .2s ease-in-out;}
/* .topboxbg:hover{ box-shadow:0 0 30px rgb(193 193 193 / 40%);  transform: scale(1.03);} */
/* .topboxbg:hover .thumbbx img{ opacity:0.5;} */

.one_column{ width:100%;}
.two_column{ width:48%;}
.three_column{ width:30%;}
.five_column{ width:18.3%; margin-right:2%;}


a.pagemore::after {
	width: 35px;
	height: 35px;
	line-height: 35px;
	top: -5px;
	text-align: center;
	content: "\f0da";
	font-size: 14px;
	position: relative;
	font-family: 'Font Awesome 6 Free';
	margin: 0;
	float: right;
	border-radius: 100%;
	border: solid 1px #e8e8e8;
	color: #e8e8e8;
}
.topboxbg a.rdmore{background:none; font-weight:600; font-size:17px;}
/* = social icons css
-------------------------------------------------------------- */
.header-top .social-icons a{ border:0; background-color:none;}
.header-top .address li {
    display: block; margin:0 0 7px 0;
  }
  .header-top .address ul{margin:0;}
  .ccustomsheaderphone {
    margin-right: 15px;
  }
.social-icons a{  width:35px; height:35px; border-radius:50%; line-height:33px; text-align:center; border:1px solid #fff;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:14px; color:#c9c8c8; margin:0 4px 0 0; }
.social-icons br{ display:none;}
.social-icons a:hover{ border-color:#28374a;}

/* --------- Pages ------- */
.content-area{ width:1100px; margin:0 auto; padding:50px 0;}
.site-main{ width:710px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:360px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget, #sidebar .wp-block-group ul, #sidebar .wp-block-group ol,
.wp-block-search__inside-wrapper {margin-bottom:30px; background-color:#f9f9f9; padding:20px; margin-left: 0;}
aside.widget ul, #sidebar .wp-block-group ul, #sidebar .wp-block-group ol{ list-style:disc; }
h3.widget-title, #sidebar .wp-block-group h2,
#sidebar .wp-block-search .wp-block-search__label{ background-color:#34c6f6; padding:12px 15px; margin-bottom:1px; color:#fff;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul li{ list-style:none;}
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#28374a; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .wp-block-search .wp-block-search__label{display:inline-block; font-size:24px;}
.nosidebar{ float:none !important; margin:0 auto;}

/* = skill bar css
-------------------------------------------------------------- */
.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;}
.skillbar-title { font:16px 'Roboto',san-serif;color:#6e6d6d;}
.skillbar-title span { display:block; color:#6e6d6d; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background:#65676a;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#6e6d6d;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#e0dfdf;}


/* = Footer css
-------------------------------------------------------------- */
.footer ul li::before {
    content: "\f105";
    font-size: 14px;
    position: relative;
    vertical-align: top;
    font-family: 'Font Awesome 6 Free';
    margin-right: 15px;
}
#footer-wrapper{ background-color:#364558; position:relative; color:#ffffff;}
.footer ul li a{ color: #fff; }
.footer{ padding:45px 0 35px; border-bottom:none;}
.footer h5{ font-weight:bold; font-size:20px; margin-bottom:10px; border-bottom:none; padding-bottom:15px; color:#ffffff; border-bottom:none; }
.footer p{ margin-bottom:15px;}
.footer ul{ margin:0; padding:0; list-style:inside disc;}
.footer ul li { padding:0;  color:#ffffff;  list-style: none;}
.footer ul li a { color:#ffffff; font:normal 12px/24px 'PT Sans', sans-serif; padding:0;}
.footer ul li a:hover, .footer ul li.current_page_item a { color:#fff; transition: all 0.5s ease 0s; }
.footer ul li ul { display:none;}

.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block; border-right:1px solid}
.cols-1 .widget-column-1 ul li:last-child a{border:none;}

.cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px;}

.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0; }
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0;}
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px;}

/* footer 4 column css*/
.cols-4 .widget-column-1{ width:24%;  float:left; margin:0 4% 0 0; }
.cols-4 .widget-column-2{ width:16%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-3{ width:24%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-4{ width:24%;  float:left; margin-right:0;}

.contactdetail{ line-height:22px; margin-bottom:20px;  padding:0 0 0 20px;} 
.ftcommon { padding: 4px 0 6px; }
.contactdetail i{ margin-right:15px; font-size:16px;}
.contact_right .social-icons{padding:0 0 0 20px;}
.contactdetail p{ margin-bottom:8px;}


.copyright-wrapper { background-color:#333333; position:relative; padding:30px 0; text-align: center;}

/* .copyright-txt {    float: left;    width: 48%;    text-align: left;}
.design-by { float:right; width:49%; text-align: right;} */
.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post img{ float:left; width:70px; margin:3px 10px 5px 0; border:2px solid}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post.last{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.content-area .recent-post h6{ color:#454545;}

/* = Contact Form css
-------------------------------------------------------------- */
.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="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 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;}


#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{width:40%; border:1px solid #eee; padding:15px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
                                                                                                                                                                                                        -webkit-box-shadow: inset 0 0 5px #f1f1f1;
                                                                                                                                                                                                        box-shadow:         inset 0 0 5px #f1f1f1;}
#contactform_main textarea, .wpcf7 form textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; margin:0 5px 0 0;  border:1px solid #eee; padding:13px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
                                -webkit-box-shadow: inset 0 0 5px #f1f1f1;
                                box-shadow:         inset 0 0 5px #f1f1f1; }

#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; }


iframe{ border:1px solid #ccc; padding:9px; margin-bottom:25px;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%; padding-bottom:20px;}
.contact_right h3{ margin-bottom:15px;}
.post-title{ margin-bottom:0px; font-weight:400;}
.post-title a{ color:#3d3d3d;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}
p.read-more a{font:600 12px/22px 'Open Sans', sans-serif;background-color:#28374a; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px;}
.blog-post-repeat .post-thumb.blogsingle{ width:300px; height:auto;}
.blog-post-repeat .post-thumb.blogsingle img{ width:100%; margin-top:7px; }

/*default css*/
.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:#34c6f6;}
h1.entry-title, h1.page-title{ line-height:normal;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto; margin-bottom:15px;}
article p{margin:5px 0 20px 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:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.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:#34c6f6; border-bottom:1px solid #ccc;}


.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;}


/* Buttons */
.button{  background-color:rgba(0, 0, 0, 0.6); color:#fff; font:400 14px/22px 'PT Sans', sans-serif; padding:8px 20px; display:inline-block; }

.frdbox{ width:22%; float:left; margin:0 4% 4% 0; min-height:95px;}
.frdbox .fa{ border:none; color:#333; float:left; width:40px; height:40px; line-height:40px; margin:0 15px 0 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; font-size:50px; }

.frdbox i.fa{ display: inline-block; width: 100%; text-align: center;  float: none; margin:11px 0;}
.frdbox h4{ margin:0 0 10px; color:#28374a;display: inline-block; width: 100%; text-align: center;}
.frdbox p{ margin-left:0;display: inline-block; width: 100%; text-align: center;}

#sidebar #testimonials ul li{ color:#555;}
/* #sidebar aside.widget {    background-color: #364558;} */

/* woocommerce CSS
================================================*/
.woocommerce.single-product div.product h1.product_title {margin-bottom: 15px;}
.woocommerce.single-product div.product p.price{margin-bottom: 15px;}
.woocommerce.single-product .product .summary p{margin-bottom: 20px;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{border-radius: 0;}





/*post nav css*/
.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:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.slider-main{ min-height:auto; background:url(images/loading.gif) no-repeat center center #ffffff; }
.slide_info{ padding: 0px;  text-align: center; float:none;padding: 15px; margin: 0 auto;}
/*.nivo-caption .slide_info h2{text-align:right;}
.nivo-caption .slide_info p{text-align:right;}*/
#slider .nivo-caption{padding:0;  left:6%; right:6%; width:auto; }
.nivo-caption .slide_info{width: 80%; text-align: center;}
.nivo-caption .slide_info p {max-width:none;}
.slide_info .rdmore{border: none;
                    border-radius: 0;
                    padding: 12px 23px;
                    font: 600 16px/22px 'Roboto Condensed', sans-serif;
                    position: relative;
                    bottom: 14px; margin-top:5px;}

.header span.tagline{text-align:left;}
.logo a:hover{ color: #ffffff; }

/*extra css */
.home .sliderlogo.logo.logo-left.header-box {
    position: absolute;
    top: 35%;
    left: 30%;
    right: 30%;

    padding: 15px 10px;
    text-align: center;
    width: auto;
    color: #ffffff;
}
.home .sliderlogo.logo.logo-left.header-box h1{  text-transform: uppercase;}

.logo.logo-left.header-box span.tagline {
    font-size: 15px;   
    margin-top: 8px;
    text-align: center;
    display: inline-block;
}
.headercommon{  }
.header-top-middle{ float: left; }
.header-box.header-right {
    text-align: center;
    float: none;
    padding: 0 0 0 0;
    width:auto;
    margin-top:4px;
}
.right.headercommon li{ line-height: 26px; margin: 0 0 0 13px; display: inline;}
.left.headercommon{padding: 5px 0 0; line-height: 24px;}
.header-top .right{padding: 15px 0 0;}
.header-nav ul li a:hover, .header-nav ul li.current_page_item a
{margin-bottom:0;}
.header-nav ul li a{padding: 17px; margin-bottom:0;border-bottom:0;}

.maintopheader {position: relative; width:100%; z-index: 999; clear:both;}

/* extraa css */
.fourbox{ color:#333333;background:#ffffff; vertical-align:top;}
.top-resourcebox, .resourcebox{ background-color:none;}

/* = Latesr news section css
-------------------------------------------------------------- */
#newswraper{ background-attachment:inherit !important; background-size:auto !important;}
.fourcolumn-news{ width:100%; display:inline-block; text-align:center; margin-top:30px; }
.news-box{ width:33%; float:none; margin:0 5px 0 0;  position:relative; vertical-align:top; display:inline-block;}
.news-box.last {margin-right:0; padding:0;}
.news-box .news-thumb{ height:256px; overflow:hidden; position:relative;}
.news-box .news-thumb img{ width:100%; height:auto; min-height:256px;}
.news-box:hover .news-thumb img{ opacity:0.5;}
.news-box p{ margin:0;}
.news-box h3{margin:0 0 20px; font-weight:600; line-height:32px; }
.news-box .PostMeta{ text-transform:capitalize; font-weight:600; position:absolute; left:0; bottom:0; width:auto; font-size:13px; background:#ff0000; color:#ffffff; padding:5px 25px;}
.news-box .PostMeta a{ color:#ffffff;}
.newsdesc{position:relative; padding:12px 22px 23px;}
.news-box .postdt{margin-bottom: 10px;}
.news-box .poststyle{ margin-top:30px; padding:8px 35px; font-weight:600; display:inline-block; border-radius:35px;}
/*fade*/
.latest-package-thumb img, .news-box .poststyle, .news-box img, .newsdesc, .videobox img, .member-social-icon, .teammember-list .titledesbox, .teammember-list img, .top4box .thumbbx, .ind_col3, .event_thumb img{transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;}

/* testimonial and video section started */

#Videocave .sec_content_main_title {margin-bottom: 30px;}
.videocave-wrap span.sub-title-head {margin-bottom: 5px;}
.left_videobox{padding-right:70px ;}
.right_testimonial{padding-left:70px ;}
.videobox{ position:relative; width:100%; height:100%; overflow:hidden; margin-top:100px; border-radius:5px; }
.videobox:hover img{ opacity:0.5}
#testimonialmain .testimonials-wrap .left_videobox h2 {margin-bottom: 75px;}
.videobox img{ vertical-align:top; opacity: 1; height: 100%; object-fit: cover; width:100%;}
.videobox .playbtn {
	background: url(images/videoplaybtn.png) no-repeat center center;
	border-radius: 100%;
	text-align: center;
	width: 187px;
	height: 187px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.videobox .playbtn::after {
    position: relative;
    top: 0;
    left: 2px;
    content: '\f04b';
    font-family: 'Font Awesome 6 free';
    
    font-weight: 900;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 187px;
}
.videocave-wrap .sec_content_main_title{text-transform:none;}
.videocave-wrap .menuordernow{background:none;}
.videocave-wrap .sec_content_main_title,
.videocave-wrap .subtitle{text-align: left;}
iframe.grtyoutube-iframe{padding:0; border:0; margin-bottom:0;}
#testimonialmain{position:relative;}
/*#testimonialmain::after {
    background: #f6f6f6;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}*/
section .container {
    z-index: 999;
}

/* = Section8 Testimonials Section css
-------------------------------------------------------------- */
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInUp { 0% {-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}100% {-webkit-transform: translateY(0);transform: translateY(0);}} 

/* = Testimonials Section css
-------------------------------------------------------------- */
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
  @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
  @keyframes slideInUp { 0% {-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}100% {-webkit-transform: translateY(0);transform: translateY(0);}} 
.clients-reviews-title{ background:rgb(255 255 255 / 30%); box-shadow:0 10px 40px rgb(39 39 39 / 30%); padding:90px 60px 80px 60px; border-radius: 200px;}
.clients-reviews-title .sec_content_main_title{ font-size:40px; }
.clients-reviews{ padding:70px 60px 75px 0px; border-radius: 200px; border:solid 2px #ffffff; box-shadow:0 10px 40px rgb(39 39 39 / 30%); }
#clienttestiminials{box-sizing:border-box; position:relative; margin:0 auto; }
#clienttestiminials h6{margin:10px 0 0 0; display:inline-block; text-transform:uppercase;font-weight:600; position:relative; padding-bottom:5px;}
#clienttestiminials span{ font-size:13px;display:block; margin-bottom:0;}
#clienttestiminials .tmthumb{ width:100px; height:100px; margin:0 auto 20px auto;overflow:hidden;border-radius:100%;}
#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:100px; }
#clienttestiminials .owl-item{ width:100%; margin:0 auto; position:relative; text-align:center;}
#clienttestiminials .owl-item p{ margin-bottom:20px;}
.testimonial-box-bg{padding:35px; position:relative; margin:20px 0;}



/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px; background-color:#f2f2f2; padding:25px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; }
.tmnllisting h6{ margin-bottom:5px; text-transform:uppercase; font-size:20px;}
.tmnllisting span{ display:block; margin-bottom:15px;}
.tmnllisting p{ margin-bottom:0;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}

/*  Our Blog  */
.blankspace{ height:60px; clear:both;}
/* = Latesr news section css
-------------------------------------------------------------- */



.header-top {
    border-top:none;
}

/* = Section first css
-------------------------------------------------------------- */

@media (min-width: 768px){
	/*equal-height-row*/
	/*.box-equal-height{ display:flex; margin-bottom: 30px;}
	.box-equal-height .top4box .topboxbg, .box-equal-height .top4box .topboxbg .pagecontent{ height:100%; }*/
}


#menu-header-menu .menu-item-has-children > a::after, #menu-header-menu .page_item_has_children > a::after {
	font-family: 'Font Awesome 6 free';
	content: '\f107';
	vertical-align: bottom;
	margin-left: 0.80em;
        font-weight:600;
}





/* new css */
/* Lists ------------------------------------- */

ul,
ol {
	margin: 0 0 3rem 3rem;
}

ul {
	list-style: disc;
}

ul ul {
	list-style: circle;
}

ul ul ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

li {
	line-height: 1.5;
	margin: 0.5rem 0 0 2rem;
}

li > ul,
li > ol {
	margin: 1rem 0 0 2rem;
}

.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
	list-style: none;
	margin: 0;
}

.reset-list-style li {
	margin: 0;
}

dt,
dd {
	line-height: 1.5;
}

dt {
	font-weight: 700;
}

dt + dd {
	margin-top: 0.5rem;
}

dd + dt {
	margin-top: 1.5rem;
}

/* Code -------------------------------------- */

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 0.9em;
	padding: 0.4rem 0.6rem;
}

code,
kbd,
samp {
	background: rgba(0, 0, 0, 0.075);
	border-radius: 0.2rem;
}

pre {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.5;
	margin: 4rem 0;
	overflow: auto;
	padding: 3rem 2rem;
	text-align: left;
}

pre code {
	background: transparent;
	padding: 0;
}


/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 1.5rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -0.8em;
	width: calc(100% + 1.6em);
}

.gallery-item {
	margin: 0.8em 0;
	padding: 0 0.8em;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: 0.8em;
}


/* Inputs ------------------------------------ */

fieldset {
	border: 0.2rem solid #dcd7ca;
	padding: 2rem;
}

legend {
	font-size: 0.85em;
	font-weight: 700;
	padding: 0 1rem;
}

label {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0 0 0.5rem 0;
}

label.inline,
input[type="checkbox"] + label {
	display: inline;
	font-weight: 400;
	margin-left: 0.5rem;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	top: 2px;
	display: inline-block;
	margin: 0;
	width: 1.5rem;
	min-width: 1.5rem;
	height: 1.5rem;
	background: #fff;
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	border-color: #dcd7ca;
	box-shadow: none;
	cursor: pointer;
}

input[type="checkbox"]:checked::before {
	/* Use the "Yes" SVG Dashicon */
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
	position: absolute;
	display: inline-block;
	margin: -0.1875rem 0 0 -0.25rem;
	height: 1.75rem;
	width: 1.75rem;
}

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1;
}

/* COMMENT FOOTER */

.comment-footer-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: 600;
	justify-content: flex-start;
	letter-spacing: 0.030833333em;
	line-height: 1;
	margin: 1.5rem 0 -1rem -1.5rem;
	text-transform: uppercase;
}

.comment-footer-meta > * {
	margin: 0 0 1rem 1.5rem;
}

.comment-reply-link {
    background-color: #1bbde3;
    color: #fff;
    display: inline-block;
    padding: 6px 40px;
  }

.bypostauthor .comment-footer-meta .by-post-author {
	display: block;
}

.comment-footer-meta a {
	text-decoration: none;
}

.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
	text-decoration: underline;
}



/* our service start */

#ourserviceid {background-repeat:repeat !important; background-size: inherit !important}
.our-service{ width:32.333%; padding:5px; float:none; text-align:center; text-align: center; display: inline-block; vertical-align: top;}
.ourserviceclass-wrap{ display: inline-block; text-align: center;}
.our-service-bg{ background:#ffffff; padding:0;}
.our-service .our-service-thumb{height:240px; overflow:hidden;}
.our-service .our-service-thumb img{min-height:240px; vertical-align:top;}
.our-service:hover .our-service-thumb img{ opacity:0.4}
.our-service h3{ font-size:23px; margin:20px 0 20px 0; font-weight:600; position:relative}
.our-service p{ margin:0 0 30px 0; font-size:17px;}
.our-service-con{display:inline-block; padding:30px; position:relative}
.our-service-price{ position:absolute; top:-31px;  right:0; width:62px; height:62px; line-height:62px; margin:0 auto; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:#000000; font-size:20px; color:#ffffff; font-weight:600; } 
.our-service:hover .our-service-price{ background:#000;}

.ourserviceclass-wrap .subtitle {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }

/* our service end */

/* our menu start */




.sec_content_main_title {
	color: #242424;
	font-weight: 900;
	font-size: 55px;
	line-height: 100%;
	text-align: center;
	margin-bottom: 17px;
	position: relative;
	text-transform: none;
	position: relative;
    font-family: 'Open Sans';

}
span.sub-title-head {
	display: block;
	text-transform: capitalize;
	font-weight: 400;
	padding-bottom: 12px;
    font-family: 'Kaushan Script';
font-size: 33px;
color: #121212;
}
.subtitle {
	text-align: center;
	padding-bottom: 15px;
	margin: 0;
    font-size: 17px;
color: #717171;
}

/* opening hours section css */
.left-column-3 {
    width: 33.333%;
  }
  .left-mainfood-section .contact-info-gride-icon i{color:#ff8400;}
  .left-mainfood-section .menuordernow{background: none;}
  .left-mainfood-section {	
	background: #3c8f47;
    min-height: 559px;
}
#openinghourid { padding:0; text-align: center;}
#openinghourid .sec_content_main_title { font-size:30px;
 
        text-transform: uppercase;
        line-height: 60px;
        text-align: left;
        margin-bottom: 30px;
        position: relative;
        font-weight: 700;
    }
#openinghourid .left-column-3{ padding:0;}
#openinghourid .container{ width:100%;}
.contact-opening-image{position:relative; display:inline-block; margin:0; width:100%; overflow:hidden; max-height:559px; }
.contact-opening-image img{ width:100%; height:100%; object-fit:cover; vertical-align:top;}
.bgcolor-hours{ padding:90px 70px !important; background:#3c8f47; min-height: 559px; }
.bgcolor-contact{ padding:90px 70px !important;min-height: 559px; }

.boxlayout .contact-info-gride-con p{ font-size:15px; }
.boxlayout .bgcolor-hours{ padding:53px 30px !important;}
.boxlayout .bgcolor-contact{ padding:53px 30px !important;}
.boxlayout .contact-info-gride{ margin-bottom:13px;}
 
#openinghourid a.morebutton{ background:#ffffff; text-transform:uppercase; color:#000000; padding:10px 29px; border-radius:0; font-weight:400; font-size:16px;} 
.contact-gride{ width:33.333%; padding:10px; float:left; }
.contact-gride-bg{background:#e3edcf; padding:20px 25px 25px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.contact-gride-icon{width:47px; height:45px; margin:0 auto; display:block; overflow: hidden; }
.contact-gride-icon img{ width:100%; height: 100%; object-fit: cover; text-align:center; vertical-align:top;}
.contact-gride h5{margin:10px 0 0 0; font-weight:500; text-align:center; }
.contact-info-gride-con {
    display: table; text-align: left;
}
.contact-info-gride{ width:100%; margin:0 0 13px 0; padding:0; display:inline-block; }
.contact-info-gride-icon{ float:left; width:50px; height:50px; line-height:50px; text-align:center; border:solid 2px #fff; margin:0 15px 0 0; /*display: flex; align-items: center; justify-content: center; border-radius:100%; */}
.contact-info-gride-icon i{ font-size:20px; color:#fff; }
.contact-info-gride h6{ text-transform:uppercase; margin:5px 0; font-size:16px; font-family:'Oswald'; text-align: left;} 
.bgcolor-contact .menuordernow{background: none;}

.workinghours{padding:0; width:100%; margin-bottom:7.4px; padding-bottom:7px; border-bottom:dashed 1px #b0ccb3;}  
.workinghours:last-child, .footer-highlight-border .workinghours:last-child{ border:none; }
.workinghours span{ font-weight:500; float:left; text-align:left; }
.workinghours p{font-family:'Oswald'; font-weight:300;  text-transform:uppercase;color:#fff; text-align:right}
.openinghour-wrap{ display: inline-block; text-align: center;}
.left-column-3{float:none; text-align: center; display: inline-block; vertical-align: top;}
.left-column-3 {width: 33.333%;}
.bgcolor-hours {
    padding: 60px 70px !important;
    background: #3c8f47;
  }
  .bgcolor-contact {
    padding: 60px 70px 57px !important; background-color: #c7a17a;
  }