/*
Theme Name: CoolRestx Pro
Theme URI: https://themestulip.com/themes/spa-wordpress-theme/
Author: ThemesTulip
Author URI: https://themestulip.com
Description: Coolestx is a beauty and spa wordpress theme fully responsive, the best WP themes which are specifically designed for Spa Salon online website.
Version: 1.0
Requires at least: 4.0
Tested up to: 5.8
Requires PHP: 5.2
Stable tag: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coolrestx-pro
Tags: custom-menu,one-column,right-sidebar,theme-options,threaded-comments,translation-ready,custom-background,custom-colors,custom-header,custom-logo,editor-style,featured-images,full-width-template,two-columns,e-commerce,photography,portfolio

coolrestx WordPress Theme has been created by tulip Themes(themestulip.com), 2021.
coolrestx 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:20px; color:#484F5E;}
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;}
.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;}
.subtitle{text-align:center;}
#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:800; font-size:30px; margin-bottom:20px;text-align:center; text-transform: capitalize; }

#slider{ width:100%; margin:0; padding:0; position:relative; }
.container{ width:1100px; margin:0 auto; position:relative;}
#ourgallery .container, #ourclients .container{ width: 100% }
.header.fixed {
    position: fixed;
    top: 0;
    z-index: 999999;
    padding: 14px 25px;
}

.header-top {
    background-color: #595959;
    color: #fff;
    line-height: 36px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    padding: 5px 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: 10px;
    margin-right: 5px;
}

.fourbox h3::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.BlogPost h5::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* = header css
-------------------------------------------------------------- */
.logo{float:left; padding:0; text-align:right;}
.header .header-inner{ margin:0 auto; padding:9px 0; position:relative; width:1100px;}
.logo h1{font-weight:400; margin:0px; line-height:28px;}
.header span.tagline{ font-size:13px; display:block; margin-top: 8px;}
.logo a{ color:#000;}
.logo img{ height:55px; }
.fixed .logo{ padding:6px 0;}
.header{width:100%; height:auto;  padding: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: left; }
.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:35%; }
.header-box.header-right {  text-align: right;float: right;width: 63%;}
/*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:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.header-nav{ padding:0; text-align:left; float:none;}
.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:20px 20px; display:block; color:#000; font-weight:600; border-bottom:none; }
.header-nav ul li a:hover, .header-nav ul li.current_page_item a { color:#000; border-bottom:none; }
.header-nav ul li li a:hover, .header-nav ul li ul li.current_page_item a{border-bottom: 1px solid;}

.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; background-color:rgba(255,255,255,1.0);}
.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:201px; top: 0px;}

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

.UnderLine{ width:10%; 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:#4C4C4C; 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;}

/* = Video Galley CSS
-------------------------------------------------------------- */
.vid_galle_left{ width:54%; float:left;}
.vid_galle_left p{ margin-bottom:30px;}
.vid_galle_right{ width:34.2%; float:right; margin:0; padding:0;}
.videobox{ position:relative; width:100%; display: table; height:100%; overflow:hidden; min-width:60px; min-height:60px;}
.videobox img{ vertical-align:top; width:100%;}
#section7 .videobox{ border-radius:5px;}
#section7 .videobox:hover img{ opacity:0.4;}
.videobox .playbtn {
    background: url(images/videoplaybtn.png) no-repeat  22px 7px;

}
.videobox .playbtn{background-color: #ff9c00; position:absolute;width:60px;height:60px;left:50%; text-align:center; margin:auto;top:50%; transform:translate(-50%,-50%); border-radius:100%;}
/*.videobox .playbtn:before { content: "\f0da"; font-family: 'Font Awesome 5 Solid'; line-height:60px; margin:0 auto; text-align:center; position:relative; color:#ffffff; font-size:30px;}
*//*Video Gallery*/
.most_video{ position:relative;}
.most_video_bg, .most_images_bg{ background:#000; height:200px; overflow:hidden; position:relative}
.most_video_bg img, .most_images_bg img{ min-height:200px;}
.most_video_bg img{ opacity:0.4; vertical-align:top;}
.video-title-desc{ text-align:center; padding:30px 50px; width:100%; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:999;}
.video-title-desc h3{color:#ffffff; margin:0 0 20px;}
.video-title-desc p{color:#ffffff; margin:0 0 30px;}
.most_video_bg i{ font-size:30px; text-align:center; color:#ffffff; background:#0F0; height:56px; width:56px; line-height:56px; -webkit-border-radius:100%; -moz-border-radius:100%;border-radius:100%;}
.most_video_bg:hover i{ color:#575757; background:#ffffff;}
.videogalley_wrapper .owl-nav{ margin:0;}
.videogalley_wrapper .owl-prev, .videogalley_wrapper .owl-next{ bottom:47%;}
.videogalley_wrapper .owl-prev{ left:-45px;}
.videogalley_wrapper .owl-next{ right:-45px;}
.videogalley_wrapper br{ display:none;}

.most_images h3{ color:#ffffff; position:absolute; bottom:0; padding:20px 10px; text-align:center; right:0; left:0; margin:0;}
.most_images:hover .most_images_bg img{ opacity:0.4}

/* = section first css
-------------------------------------------------------------- */
/* = Section first css
-------------------------------------------------------------- */
#pagearea{padding:0 0 90px;  z-index:9999; background-color:#f6f6f6;  }

#pagearea .container{ z-index:999999;}

.four_column{ width:25%; min-height:320px; float:left; margin:0; padding:50px 30px; position:relative; box-sizing:border-box; text-align:center;}
.four_column p{ color:#fff; margin:0; line-height:24px; }
.four_column h3{ font-size:24px; font-weight:600; color:#ffffff; margin:0 0 25px;}
.four_column .thumbbx{ margin:0 auto 30px auto; overflow:hidden; height:66px; width:70px; position:relative; }
.four_column .thumbbx img { height:66px; width:inherit; max-height:inherit; min-width:inherit;}
.pagecontent{ padding:0; position:relative; }

.one_column{ min-height:inherit; float:none !important; margin:0 auto !important; text-align:left; padding:30px; display:inherit !important; width:100%;}
.one_column .thumbbx{ float:left; margin:0 30px 0 0;}

.two_column{width:50%;}
.three_column{ width:33.333%;}
.five_column{width:20%;}
.six_column{ width:33.333%;}

a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }
.pagemore{ color:#111 ; border:1px solid #717171; padding:10px 25px; display:inline-block; border-radius:25px; }
.pagemore:hover{ color:#111 ; }



/*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:#595959; color:#ffffff; margin-top:25px; display:inline-block; padding:5px 15px; border:1px solid #A8B1B8; }
.services-wrap .one_third:hover .fa{ color:#595959;}
.services-wrap .one_third:hover h4{ color:#595959;}
.services-wrap .one_third:hover a.rdmore, #aboutsection .one_half a.rdmore:hover, a.rdmore:hover{ border-color:#595959; color:#595959;}

#ThemeFeaturd{ padding-bottom:5px;}
#welcomearea, #wrapsecond, #ThemeFeaturd, #ourclients, #creativeteam, #testimonialsarea, #aboutsection, #commonsection{background: #F7F6F6; border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#commonsection .commonsection-wrap{ text-align: center; }
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#aboutsection .one_half { margin-bottom:0; text-align:left;}
#aboutsection .one_half.last_column {text-align:left;padding:0 0 0;}
.about-wrap h2.section_title{ margin-bottom: 50px; }

#aboutsection .one_half p{ margin-bottom:25px;}
#aboutsection .one_half .hr-style{ left:auto; right:0;}
#aboutsection .one_half .UnderLine{ display:inline-block;}
.page-template .tm_description{ color:#595959;}
#testimonialsarea{ background-attachment:fixed;}
#testimonialsarea .last_column img{ background-size: cover;  bottom: 0; float: right; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%;}
#testimonialsarea #testimonials{ width:100%; margin:0 auto;}

.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 1.0% 3% 0; float:left;}
.newsdetails{ padding: 10px; text-align: center; }
.BlogPost .recentthumb{ height:170px; overflow:hidden; margin-bottom:0}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ color:#595959; margin:0 0 25px;  position: relative; padding-bottom: 30px;}
.BlogPost h5:hover{color:#595959;}
.BlogPost span{ margin-bottom:10px; display:block; color:#595959;}

/* = new section start =*/

/*= welcome section css start =*/
#welcomearea h6.sub-title-head:after, #pagearea h6.sub-title-head:after, #section2 h6.sub-title-head:after, #section5 h6.sub-title-head:after{ display:none;}
#welcomearea h6.sub-title-head, #pagearea h6.sub-title-head, #section2 h6.sub-title-head, #section5 h6.sub-title-head { text-align:left; display:block;}



/* = Latesr news section css
-------------------------------------------------------------- */
.twocolumn-news{ width:100%; }
.news-box.news-box-full{ width:50%; float:left; padding:0 15px 0 0;}

.news-box.news-box-full .news-thumb{ width:100%; height:485px; float:none; }
.news-box.news-box-full .news-thumb img{min-height:485px;}
.news-box.news-box-full .news-thumb:before{position:absolute; content:''; left:0; bottom:0; background:url(images/news-shadow.png) repeat-x bottom center; width:100%; height:100%; }

.news-box.news-box-full h6{ font-size:36px; color:#ffffff;}
.news-box.news-box-full .newsdesc{padding:45px 40px; width:100%; position:absolute; width:100%; left:0; bottom:0;}
.newsrightcolumn{ width:50%; float:right; padding:0 0 0 15px;}

.news-box{padding:0; width:100%; margin:0 0 30px 0;  position:relative;}
.news-box .news-thumb{width:270px;height:230px;overflow:hidden;position:relative;float:left;margin:0 25px 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.news-box .news-thumb img{object-fit:cover; vertical-align:top; width:100%; height:auto; min-height:230px;} 
/* .news-box:hover img{ opacity:0.6;}*/
.news-box p{ margin-bottom:15px;}
.news-box h6{ margin:0 0 15px 0; font-weight:600; line-height:38px; font-size:28px;}
.news-box .PostMeta{ font-size:13px; text-transform:capitalize; color:#666666; padding:15px 0 0 0; margin:0;}
.news-box .PostMeta a{ color:#666666; }
.news-box .PostMeta span{ margin-right:10px;}
.news-box .PostMeta i{ color:#cc3333; margin-right:10px;}
.news-box.news-box-full .PostMeta i{ font-size:0;}
.newsdesc{ position:relative; padding:0; display:table; }
.news-box .postdt{font-size:15px; position:absolute; background:#ffffff; color:#000; left:20px; top:20px; padding:12px 15px; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; line-height:20px;}
.news-box .postdt i{ margin-right:10px;}
.news-box .postdt strong{ display:block; font-size:19px}
.news-box .poststyle{ font-weight:500; font-size:15px; padding:0; color:#222222; letter-spacing:3px; text-decoration:underline;}
.news-box .poststyle:hover{ text-decoration:none;}
.blogpostwrap .subtitle{ border:none; padding:0;}

h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}



/* = counter section css
-------------------------------------------------------------- */
.skillwrap{text-align: center;}
.counterlist { vertical-align: top;
               width: 20%;
               padding: 30px 0;
               color: #fff;
               float: none;
               margin: 00 20px;
               text-align: center;
               display: inline-block;
}
.counterlist .fa,
.counterlist .fas,
.counterlist .fab,
.counterlist .far,
.counterlist .fal{ font-size:40px;}
.counterlist .counter{ display:block; font-size:50px; color:#ffffff; line-height:70px;}
.counterlist h6{ font-size:18px; color:#fff; margin-bottom:0; text-transform:uppercase;}

#section4 .subtitle{font-size:17px; color:#ffffff; text-align:center; line-height: normal;}

.featureslists{ margin-bottom:15px; min-height:70px;}
.featured_list_content{ text-align: center;margin-bottom: 40px;font-size: 14px; }
.featureslists .fa, .featureslists .fas, .featureslists .far, .featureslists .fal, .featureslists .fab{ font-size:30px;  float:left; margin:0 25px 0 0; width:65px; height:65px; line-height:65px; border-radius:50%; border:1px solid; text-align:center; }
.featureslists h5{ font-size:16px; font-weight:600; margin-bottom:10px;}
.featureslists p{ font-size:12px; line-height:18px;}

.serviceswrap .one_fourth{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.serviceswrap br{ display: none; }

/* = Team Member Flipbox css
-------------------------------------------------------------- */
.team-wrap{text-align:center; display:inline-block; width:100%;}
.team_column{ width:32%; float:none; text-align:center; margin:0 0.60% 2% 0; position: relative;	display: inline-block;}
.team_column h5{ margin-bottom:5px;}
.team_column h5 a{ color:#333;}
.member-designation{ color:#595959; text-transform:uppercase; display:block; margin-bottom:8px;}

.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;}
.test{ position:relative;}
.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-designation{ color:#595959; font-size:12px;  display:inline-block; text-transform:uppercase; font-style: italic; }
.member-social-icon{ margin-bottom:20px;}
.member-social-icon a{ margin:0 2px 2px 0; display:inline-block; color:#000; width:35px; height:35px; line-height:35px;}
.member-social-icon a:hover{ color:#fff;}
.quovolve-nav.quovolve-nav-below{ clear: both; }
.doctors-top-content {
    color: #6d7a8c;
    text-align: center;
    margin-bottom: 45px;
}

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





/*------------------our client -----------------*/
.bestplatform-wrapper .owl-controls { position:absolute; top:50%; transform:translateY(-50%); width:100%;}
.bestplatform-wrapper .owl-controls .owl-nav{ width:100%;margin:0; padding:0;}
.bestplatform-wrapper .owl-controls .owl-nav .owl-prev{left:-45px;}
.bestplatform-wrapper .owl-controls .owl-nav .owl-next{right:-45px;}

.boxlayout .bestplatform-wrapper .owl-controls .owl-nav .owl-prev{left:0;}
.boxlayout .bestplatform-wrapper .owl-controls .owl-nav .owl-next{right:0;}


.bestplatformtitle{ width:25%; float:left;}
.bestplatformtitle .sec_content_main_title{ font-size:46px; line-height: normal; font-weight: 800;}
.bestplatformslider{ width:75%; float:left; padding:0 0 0 70px;}


.bestplatform{ padding:30px; background:#ff0000; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.bestplatform-thumb{width:70px; height:59px; margin:0 auto; overflow:hidden;}
.bestplatform-thumb img{ min-height:59px;}
.bestplatform-content{ padding:0; position:relative;min-height:62px;}
.owl-carousel .owl-item .bestplatform-content h5 {
    position: relative;
    margin: 25px 0 0 0;
    line-height: 30px;
    color: #ffffff;
    padding: 0 0 0 0;
    background: none;
    font-size: 20px;
}

.shortdesc{ text-align:center; padding:0;  position:relative; margin:0 auto 20px; width:70%;}
.quovolve-nav.quovolve-nav-below{ clear: both; }

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

.buttonstyle2{border:1px solid; background-color:#555; color:#fff ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:0 !important;-moz-border-radius:20px; -webkit-border-radius:20px;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }
/* 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 4% 0; min-height:110px; box-sizing:border-box; background:#ff0000;}
.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;}
.phno {    margin-right: 20px;}


/*-=-=-=-=-=-=-=-=-=-=- */
/* 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:auto;margin: 0 auto; overflow:hidden;}
.box1 img { width:100%;}
.box2{background-color: #595959;color:#fff;	width: auto; height:auto; margin: 0 auto;	padding:20px; text-align: left;}

/* = Section8 Testimonials Section css
-------------------------------------------------------------- */
#clienttestiminials{box-sizing:border-box; position:relative; }
#clienttestiminials .item{ margin:0 auto; position:relative;}
#clienttestiminials h6{ margin:0px; font-size:18px; color:#242424; position:relative; padding-bottom:5px;}
#clienttestiminials span{ font-size:14px; color:#717171; padding-left:15px;}
#clienttestiminials .tmthumb{ width:65px; height:65px; float:left; margin:0 30px; overflow:hidden; border-radius:100%; }
#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:65px; }
#clienttestiminials .leftttl{ padding-top:25px;}
.arrow_box{ padding:50px 40px; position:relative; background-color:#fff; border-radius:10px; margin-bottom:30px;}
.arrow_box:after {
    top: 100%;
    left:11%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width:15px;
    margin-left:-15px;
}
.arrow_box i{ font-size:40px; float:left; margin:0 20px 0 0; color:#e3e3e3;}
.arrow_box p{ padding-left:60px;}

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;}
#sidebar #testimonials .clientdetails span{ color: #555; }

/* welcome coolrestx */
.custombtn {
    margin-top: 30px;
}
a.morebutton {
    background-color: #05305a;
    border:1px solid #05305a;
    color: #fff;
    padding: 10px 20px;
    font: normal 16px/20px 'Roboto Condensed';
    text-transform: uppercase;
    display: inline-block;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}


/* = social icons css
-------------------------------------------------------------- */
.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:#595959;}

/* --------- 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{margin-bottom:30px; background-color:#f9f9f9; padding:20px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ 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:#3b3b3b; 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;}

/* = 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
-------------------------------------------------------------- */
.contactdetail .fa{color:#440a67;}
#footer-wrapper{ background-color:#4C4C4C; position:relative; color:#ffffff;}
.footer ul li a{ color: #fff; }
.footer{ padding:45px 0;}
.footer h5{ font-weight:400; font-size:20px; margin-bottom:30px; border-bottom:none; padding-bottom:15px; color:#ffffff; }
.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; } 
.contactdetail .fa{ margin-right:15px; font-size:16px;}
.contactdetail p{ margin-bottom:8px;}


.copyright-wrapper { background-color:#595959; position:relative; padding:15px 0;}
.copyright-txt {	float: left;	width: 50%;	text-align: left;}
.design-by { float:right; width:48%; text-align: right;}
.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post img{ float:left; width:55px; 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%;}
.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:#595959; 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:50%; float:left; margin:0 ; min-height:95px; padding: 45px; border:1px solid #e4e4e4;}
.frdbox i{ border:1px solid #F02D73; color:#F02D73; 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:16px; }
.frdbox h4{ margin:0 0 10px; color:#595959;}
.frdbox p{ margin-left:55px;}

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

/* Photogallery CSS
================================================*/
.controls {display: inline-block;width:100%;margin: 0 0 30px;vertical-align: top;text-align:center;}
.controls li {
    margin-left: 20px;
    cursor: pointer;
    list-style-type: square;
    display: inline-block;
    text-transform: uppercase;
    padding: 7px;
    border-radius: 0;
    border: 1px solid;
}
hr { margin: 0 0 30px;height: 0;border: 0 none;border-top: 1px solid #eee;}
#Grid { margin:0;}
#Grid:after {content: '';display: inline-block;width: 100%;}
#Grid .mix {
    background-color: #fff;
    width: 25%;
    float: left;
    margin: 0;
    height: auto;
    overflow: hidden;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
    list-style: none;}
#Grid .mix img { width:100%; height:auto; min-height:auto; outline:1px solid #fff; outline:none; outline-offset:-5px; border-radius: 0px;}
#Grid .mix:hover img{ opacity:0.2;}
#Grid .mix a{ display:block; background: #F02D73; color: #fff; margin-bottom: -5px;}
#Grid .mix a:hover{ color: transparent; }
#Grid .mix {display: none;}
#Grid .mix strong{ position:absolute; width:100%; text-align:center; top:40%; color:#fff; opacity:1; display:none; font-size:18px;}
#Grid .mix:hover strong{ display:block; z-index:9999;}
.controls li{font-weight:400;}
.controls li.active, .controls li:hover{ color:#595959; }


/*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:#595959; 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{ opacity: 0.8;  padding: 9px;  text-align: right;}
.slide_info a.button{background: #440a67;
                     color: #ffffff;
                     border: 1px solid #ffffff;
                     font-weight: bold;}
.header span.tagline{text-align:left;}

/* resource box */
/* = section first css
-------------------------------------------------------------- */
#pageboxes {padding-top:0;}
#pageboxes .fourbox a.rdmore.fourreadmore{text-transform:uppercase; padding:5px 40px;}
.pageclmn{display:inline-block; text-align:center;}
.fourbox{vertical-align:top; color:#595959; width:271px; float:none; margin:0 0 4px 0; text-align:center; position:relative; min-height:280px;padding:50px 35px; display:inline-block;}
.fourbox p{line-height:20px; text-align: left; }
.fourbox h3{ font-size:18px; font-weight:400; color:#595959; margin:0 0 15px;}
.fourbox .thumbbx .fa,
.fourbox .thumbbx .far,
.fourbox .thumbbx .fas,
.fourbox .thumbbx .fab,
.fourbox .thumbbx .fal{ font-size: 60px; }
.fourbox .thumbbx {
    border: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 0 auto 20px;
    border-radius: 0;
    -moz-border-radius: 50%;
    -wbkit-border-radius: 50%;
}
.resourcecontent{ opacity: 0.8; text-align:left; }
.fourbox .thumbbx img {	width: auto;	height: auto;	min-height:auto;	margin: 0 0 0 0;}

/* feature list */
.frdbox{padding: 40px; width:32%; float:left; margin:0 2% 2% 0; min-height:95px; box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);}
.frdbox i{ border:1px solid; 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:16px; }
.frdbox h4{ margin:0 0 10px; }
.frdbox p{ margin-left:55px;}
.frdbox h4{font-weight: 600;}

/* counter list */

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

/* reservation section */
.reservation{ border: 0; }
#reservation h2{ color: #ffffff; }
.page .rtb-booking-form legend {
	font-size: 20px;
	background: #f9f9f9;
	width: 100%;
	color:#364558;
	padding: 13px 7px;
}
.page .rtb-booking-form .message textarea {
	min-height: 6em;
	margin: 10px 0 0;
}
.rtb-booking-form fieldset{ border: 0; }
.rtb-booking-form label{ font-size: 17px; }
.rtb-booking-form input {
    width: 100%;
    max-width: 320px;
    padding: 7px 10px;
    margin: 8px 0 7px 0;
}
.rtb-booking-form button {
	background-color: #FD7444;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	padding: 5px 40px 8px;
	border: 0 none;
}

select#rtb-party {
	margin: 13px 0 0;
	width: 199px;
	padding: 7px 0;
}

.officehour .one_half .commonbox {
    background-color: rgba(255, 162, 0, 0.6);
    padding: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    min-height: 254px;
    position: relative;
}

.time_table {
    margin-bottom: 30px;
}
.time_table .time_row {
    border-bottom: 1px solid #ffcc00;
    padding: 10px;
}
.time_row .title {
    width: 55%;
    display: inline-block;
}
.time_row .start_time {
    width: 45%;
    display: inline-block;
}
.officehour .one_half .button2 {
    position: static;
    left: 0%;
    bottom: 0;
    margin-top: 28px;
    border-radius: 0;
}
.button2 {
	background-color: #fff;
	font: 400 30px/30px 'Playball', sans-serif;
	color: #000;
	padding: 10px 75px;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}