/*
Theme Name: Voyage Pro
Theme URI: https://flythemes.net/wordpress-themes/travel-wordpress-theme/
Author: Flythemes
Author URI: https://www.flythemes.net/
Description: Voyage is a travel WordPress theme is a pre-designed template specifically created for websites related to travel, tourism, and hospitality. It includes various design elements, features, and functionality suitable for travel websites, such as beautiful image galleries, customizable sliders, booking systems, and much more. Travel WordPress themes usually have a responsive design, which means they adapt to different screen sizes, such as desktops, laptops, tablets, and mobile devices, ensuring your website looks great on any device. A travel WordPress theme can save you a lot of time and effort in designing and developing your travel website from scratch. Using a pre-designed template, you can easily create a professional and visually appealing website showcasing your travel destinations, accommodations, and activities.
Version: pro 1.0
Tested up to: 5.4.2 & above
Requires PHP: 7.2 & above
License: GNU General Public License version 3
License URI: license.txt
Text Domain: voyage-pro
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Voyage Pro WordPress Theme has been created by Flythemes(flythemes.net), 2023.
Voyage Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{ outline:none; }
body{ margin:0; padding:0; font-family:'Poppins'; line-height:26px; color:#4a4a4a; font-size:14px; background-color:#ffffff; font-weight:400; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; overflow-x: hidden; }
img{ margin:0; padding:0; border:none; }
.bypostauthor{ margin:0; padding:0; }
section img, img{ width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1.2; font-weight:700; }
h1{ font-size:32px; }
h2{ font-size:24px; }
h3{ font-size:20px; }
h4{ font-size:18px; }
h5{ font-size:16px; }
h6{ font-size:12px; }
.left{ float:left; }
.right{ float:right; }
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:40px 35px 40px 80px; text-align:left; margin:40px 0; color:#2c2c2c; font-weight:500; font-size:22px; line-height:40px; border-left: 5px solid #3fd0d4; background-color: rgba(191, 191, 191, 0.2); font-style: italic; }
blockquote.align-left:before{ content:'\f10d'; position:absolute; top:30px; left:30px; font-family:'Font Awesome 6 Pro'; font-weight:700; font-size:32px; color:#2e2d2a; }
blockquote.align-right{ padding:40px 80px 40px 35px; text-align:right; margin:40px 0; color:#2c2c2c; font-weight:500; font-size:22px; line-height:40px; border-right: 5px solid #3fd0d4; background-color: rgba(191, 191, 191, 0.2); font-style: italic; }
blockquote.align-right:after{ content:'\f10e'; position:absolute; top:30px; right:30px; font-family:'Font Awesome 6 Pro'; font-weight:700; font-size:32px; color:#2e2d2a; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0 0 20px; padding:0;}
a{ color: #2e2d2a; text-decoration:none; -webkit-transition:0.3s; transition:0.3s; }
a:hover{ color: #3fd0d4; text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.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 { float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.alignright, img.alignright { float: right; margin-left:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:auto;}
.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;}
.lastcols{ margin-right:0 !important;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:60px 0; position:relative; }
.boxlayout .header .container{ width:100%; }
.container{ width:1280px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0 !important; }
.full-container .one_half{ margin-bottom:0 !important;}
::-moz-selection { color: #ffffff; background-color: #3fd0d4; }
::selection { color: #ffffff; background-color: #3fd0d4; }

/*===============================================
** Responsive Header Css
*===============================================*/
.header-responsive{ display:none; }

/*===============================================
** Sticky Header Css
*===============================================*/
.sticky-header{ background-color:#2e2d2a; width:100%; left:0; right:0; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000; padding:0; }
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:12%; }
.sticky-header .sticky-right{ width:88%; }
.sticky-header .logo{ padding: 10px 0; top: 0; transform: translateY(0); }
.sticky-header .sticky-right .sitenav{ text-align:right; padding:0; }

/*===============================================
** Top Header Css
*===============================================*/
.top-header{ position: relative; color:#ffffff; padding: 4px 0; }
.top-header-col{ position: relative; line-height: 1; }
.top-header-col:not(:last-of-type){ margin-right: 10px; padding-right: 10px; border-right: 1px solid; }
.top-header-col i{ margin-right: 6px; }
.top-header, .top-header a{ color: #ffffff; }
.top-header a:hover{ color: #3fd0d4; }
.top-header-right .header-button a{ padding: 5px 30px; border-radius: 30px; }

/*===============================================
** Header Css
*===============================================*/
.header-main{ position:relative; z-index:20; }
.header{ background-color: #ffffff; }
.header-inner{ padding: 10px 0; }
@media screen and (min-width:1440px){
  .header-inner .container{ width: 1440px; }
}

.site-title-logo{ flex:0 0 14%; position: relative; z-index:1; margin-right: 30px; }
.header-social .social-icons a{ border: none; background-color: #ffffff; border-radius: 0; line-height: 60px; height: 60px; font-size: 1.2em; width: 50px; color: #3fd0d4;  margin: 0; }


/*===============================================
** Site Logo Css
*===============================================*/
.logo{ position:relative; -webkit-transition:0.3s; transition:0.3s; }
.logo img{ width:auto; height:auto; display:block; margin: 0 auto; }
.logo h1{ margin:0; font:700 42px/1 'Poppins'; color:#050c0f; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.logo a{ display:block; }
.logo p{ color:#ffffff; display:block; font:700 14px/16px 'Karla'; margin:0; }

/*===============================================
** Header Style One Css
*===============================================*/
.header-main.header-style-one .site-title-logo{ margin-right: auto; }

/*===============================================
** Header Style Two Css
*===============================================*/
.header-main.header-style-two .site-title-logo{ flex: 0 0 20%; margin: 15px 0; }

/*===============================================
** Header Style Three Css
*===============================================*/
.header-main.header-style-three .site-title-logo{ flex: 0 0 18%; margin: 15px 0; }
.header-main.header-style-three .sitenav{ background-color: #f6feff; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{ display: none; position: relative; margin:15px 0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid; color:#122e53; }
.toggle a:hover{ color:#161b21; }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; top: 15px; font-size: 28px; left: 14px; }

.sitenav{ position:relative; margin:0; z-index:14; }
.sitenav ul {margin: 0; padding: 0; font-family: 'Poppins'; font-size: 14px; font-weight: 600; }
.sitenav ul li{ display: inline-block; position: relative; }
.sitenav > div > ul > li{ line-height: 60px; letter-spacing: 2px; }
.sitenav ul li a{ display: block; color:#212121; position: relative; z-index: 1; }
.sitenav ul li a span{ display: block; position: relative; }
.sitenav > div > ul > li > a > span{ padding: 0 15px; }
.sitenav > div > ul > li > a.parent > span{ padding-right: 20px; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li.has-sub ul li.current_page_item a{ color:#3fd0d4; }
.sitenav ul li a.parent:before{ content:'\2b'; position:absolute; right:4px; top:50%; font-family:'Font Awesome 6 Pro'; font-weight:400; font-size:12px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; border-top:3px solid #050c0f; }
.sitenav ul li:hover > ul{display:block; width:220px; position:absolute; left:auto; top:100%; text-align:left; -ms-animation: fadeIn .5s ease-in-out; -webkit-animation: fadeIn .5s ease-in-out; animation:fadeIn .5s ease-in-out; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; margin-right:0; }
.sitenav ul li ul li a{display:block; padding:10px !important; position:relative; top:0; text-align:left; background-color: transparent; }
.sitenav ul li ul li a.parent{ padding-left:20px !important; }
.sitenav ul li ul li a.parent:before{ content:'\f104'; position:absolute; left:8px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-family:'Font Awesome 6 Pro'; font-weight:400; font-size:14px; }

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; right:220px; top:-4px; -ms-animation: fadeIn .3s ease-in-out; -webkit-animation: fadeIn .3s ease-in-out; animation:fadeIn .3s ease-in-out; }

/*===============================================
** Search Box Css
*===============================================*/
.search-box{ text-align: center; margin-left: 15px; transition: all .4s ease-in-out; }
.srchicon{ font-size:16px; cursor:pointer; }
.searchtop{ width: 450px; display: none; position: absolute; right: 0; top: calc( 100% + 10px); background-color: #212121; padding: 20px; z-index: 15; }
.searchtop form{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.searchtop form label{ flex: 1 0 auto; }
.searchtop input[type="search"] { margin-bottom: 0; border-radius: 0; box-shadow: none; border: 2px solid #ffffff; color: #f7f7f7; }
.searchtop input[type="submit"] { border-radius: 0; box-shadow: none; position: relative !important; padding: 13px 40px 14px; }
.searchtop input[type="submit"]:hover{ background-color: #ffffff !important; color: inherit; }

.searchtop{ display: none; }

.header-meta-data{ display: table; margin-left: auto; }
.head-meta-col{ display: table-cell; padding: 0 20px; vertical-align: middle; }

.pop-cart{ position: relative; }
.pop-cart span{ font-size: 10px; background-color: #3fd0d4; color: #ffffff; position: absolute; top: 0; width: 15px; height: 15px; line-height: 15px; text-align: center; border-radius: 30px; }

/*===============================================
** Header Button Css
*===============================================*/
.header-button a{ background-color: #3fd0d4; color: #ffffff; padding: 8px 16px; display: block; letter-spacing: 1px; border-radius: 30px 14px; }
.header-button a:hover{ background-color: #212121; color: #ffffff; border-radius: 50px; }

/*===============================================
** Slider Css
*===============================================*/
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4) 100%); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 7; }
.slider-main{ min-height:600px; position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto; }
.boxlayout .slider-main{ min-height:468px; }
#slider a.button{ margin-right:20px; }
.boxlayout .slider-main .nivo-controlNav{ bottom:8%; }
.show-header-image{ padding:8em 0; }

.header-social-icons { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50px; background-color: #212121; z-index: 10; border-radius: 50px }
.social-icons.header-social-icons a { margin: 15px auto; color: #ffffff; border: none; font-size: 20px; display: inline-block; width: 100%; }

/*===============================================
** Overlay Shape Css
*===============================================*/
.overlay-shape{ width: 100%; position: absolute; bottom: -70px; z-index: 9; }
body .boxlayout .overlay-shape{ bottom: -58px; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons a{ width:40px; height:40px; line-height:38px; display:inline-block; padding:0; -webkit-transition:0.3s; transition:0.3s; font-size:14px; color:#2e2d2a; position:relative; margin:0 8px 0 1px; text-align:center; border:2px solid; border-radius:30px; }
.social-icons a:hover { color:#3fd0d4; border-radius: 0; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.main-button{ letter-spacing: 1px; padding: 16px 22px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color: #3fd0d4; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; overflow: hidden; }
a.main-button span{ display:block; }
a.main-button:hover{ background-color:#212121; color:#ffffff; }

a.buttonstyle1{ color:#ffffff; background-color:#212121; padding: 14px 27px; display:inline-block; letter-spacing: 2px; text-transform: uppercase; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; overflow: hidden; }
a.buttonstyle1:hover{ background-color:#3fd0d4; color:#ffffff; }

a.sliderbtn{ display:inline-block; text-align:center; font-weight: 500; background-color:#3fd0d4; color:#ffffff; position:relative; overflow:hidden; z-index:1; padding:14px 28px; letter-spacing: 2px; line-height:normal; transition:all 0.4s ease-in-out; border-radius: 14px 30px; }
a.sliderbtn:hover { color:#ffffff; background-color:#212121; border-radius: 50px; }

.custombtn{ margin-top:30px; }

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ margin-bottom:50px; }
h4.section_sub_title{ font: 400 20px/1 'Satisfy'; color: #ffffff; margin-bottom: 10px; display: inline-block; letter-spacing: 2px; background-color: #3fd0d4; border-radius: 30px 14px; padding: 8px 24px 6px; }
h2.section_title{ font: 700 42px/1.2 'Poppins'; color: #212121; position: relative; margin-bottom: 30px; padding-bottom: 20px; letter-spacing: 2px; }
h2.section_title:after{ content: ''; border-top: 3px double #3fd0d4; position: absolute; width: 100px; height: 1px; bottom: 0; left: 0; }
.section_head p{ margin:0; width:70%; line-height:1.6; }
.full-container .section_head p{ width:58%; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color: rgba(46,45,42,0.6); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title, .sec-overlay ul li{ color:#ffffff; }
.sec-overlay h2.section_title:before{ border-color:#ffffff; }

/*===============================================
** Section Shortcode Css
*===============================================*/
.section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin-bottom:40px; }
.custom-heading h2{ font-weight:700; position:relative; margin-bottom:0px; letter-spacing:1px; }
.custom-heading h2 span{ display:block; font-size:50%; letter-spacing:1px; font-weight: 400; }

/*===============================================
** Image Hover Css
*===============================================*/
.image-hover-effect:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff2660; opacity:0.4; content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,-100%,0); transform:  scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,-100%,0); z-index: 0; }
.image-hover-effect:hover::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,100%,0); z-index: 1; }

/*===============================================
** Link Expand Css
*===============================================*/
.link-expand{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

/*===============================================
** Flex Grid System Css
*===============================================*/
.flex-element{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.flex-wrap{ flex-wrap:wrap; }
.flex-nowrap{ flex-wrap:nowrap; }
.flex-row{ flex-direction:row; }
.flex-reverse{ flex-direction:row-reverse; }
.flex-column{ flex-direction:column; }
.flex-col-revers{ flex-direction: column-reverse; }

.align-flex-vert{ align-items:center; }
.align-stretch{ align-items:stretch; }

.align-flex-hori{ justify-content:space-between; }
.flex-end{ justify-content: flex-end; }
.align-flex-center{ justify-content: center; }

.col { -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100%; }
.col-auto { -webkit-box-flex:0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width:auto; max-width:100%; }
.col-1 { -webkit-box-flex:0; -webkit-flex:0 0 8.3333333333%; -ms-flex:0 0 8.3333333333%; flex:0 0 8.3333333333%; max-width:8.3333333333%; }
.col-2 { -webkit-box-flex:0; -webkit-flex:0 0 16.6666666667%; -ms-flex:0 0 16.6666666667%; flex:0 0 16.6666666667%; max-width:16.6666666667%; }
.col-3 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex: 0 0 25%; max-width:25%; }
.col-4 { -webkit-box-flex:0; -webkit-flex:0 0 33.3333333333%; -ms-flex:0 0 33.3333333333%; flex:0 0 33.3333333333%; max-width:33.3333333333%; }
.col-5 { -webkit-box-flex:0; -webkit-flex:0 0 41.6666666667%; -ms-flex:0 0 41.6666666667%; flex:0 0 41.6666666667%; max-width:41.6666666667%; }
.col-6 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex: 0 0 50%; flex:0 0 50%; max-width:50%; }
.col-7 { -webkit-box-flex:0; -webkit-flex:0 0 58.3333333333%; -ms-flex:0 0 58.3333333333%; flex:0 0 58.3333333333%; max-width:58.3333333333%; }
.col-8 { -webkit-box-flex:0; -webkit-flex:0 0 66.6666666667%; -ms-flex:0 0 66.6666666667%; flex:0 0 66.6666666667%; max-width:66.6666666667%; }
.col-9 { -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex: 0 0 75%; flex:0 0 75%; max-width:75%; }
.col-10 { -webkit-box-flex:0; -webkit-flex:0 0 83.3333333333%; -ms-flex:0 0 83.3333333333%; flex:0 0 83.3333333333%; max-width:83.3333333333%; }
.col-11 { -webkit-box-flex:0; -webkit-flex:0 0 91.6666666667%; -ms-flex:0 0 91.6666666667%; flex:0 0 91.6666666667%; max-width:91.6666666667%; }
.col-12 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex: 0 0 100%; flex:0 0 100%; max-width:100%; }

.col, .col-auto, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position:relative; width:100%; padding-right:15px; padding-left:15px; }

.row{ margin-right:-15px; margin-left:-15px; }

/*===============================================* Theme Shortcode Css Start *===============================================*/

/*===============================================
** Infobox Css
*===============================================*/
.infobox{ position: relative; border-radius: 8px; z-index: 1; transition: all .4s ease-in-out; margin: 15px 0; }
.infobox-inner{ padding: 2em; }
.infobox-thumb{ width: 80px; margin-right: 20px; }
.infobox-content{ width: calc(100% - 100px); }
.infobox-shadow{ width: 100px; position: absolute; right: 0; bottom: 0; opacity: .4; z-index: -1; transition: all .4s ease-in-out; }
.infobox:hover .infobox-shadow{ width: 80px; }

/*===============================================
** Introduction Css
*===============================================*/
.about_content .section_head{ text-align:left; margin-bottom: 20px; }
.about_fig{ position: relative; z-index: 1; transition: all 0.4s ease-in-out; }
.inner_about_content{ padding-left:20px; }
.introduction-box.right-side .inner_about_content{ padding-left:0; padding-right:20px; }
.about-since{ margin-bottom: 15px; }
.about-since span{ display: inline-block; background-color: #3fd0d4; color: #fff; padding: 4px 16px; text-transform: uppercase; letter-spacing: 2px; border-radius: 6px; font-size: small; }
.about-video{ position: absolute; left: 0; top: 0; background-color: #040506; width: 70px; height: 70px; text-align: center; line-height: 70px; font-size: 2em; border-radius: 6px; }
.about-video a{ color: #ffffff; display: block; width: 100%; height: 100%; }
.about-btn .main-button{ margin-bottom: 0; display: block; }
.about-cont-icon{ font-size: 2.5em; margin-right: 20px; color: #040506; }
.about-cont-icon h5{ margin-bottom: 0; }
.about-cont-icon h5 a{ color: #3fd0d4; }
.about-cont-icon h6{ margin-bottom: 5px; }
.about-cont-icon h6 a{ color: #4c5165; }
.about-cont-icon h5 a:hover, .about-cont-icon h6 a:hover{ text-decoration: underline; }

/*===============================================
** Destinations Css
*===============================================*/
.destination-category-col{ border-radius: 10px; overflow: hidden; margin: 15px 0; position: relative; height: 300px; }
.inner-destination-cate{ height: 100%; }
.destination-cat-thumb{ position: relative; background-color: #212121; height: 100%; }
.destination-cat-thumb img{ object-fit: cover; object-position: center; width: 100%; height: 100%; opacity: 0.8; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); }
.destination-cat-title{ position: absolute; bottom: 20px; left: 20px; z-index: 1; }
.destination-cat-title h2{ margin: 0; color: #ffffff; letter-spacing: 1px; }
.destination-cat-post-count{ position: absolute; top: 10px; right: 10px; background-color: #3fd0d4; color: #ffffff; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: 2px 20px; border-radius: 8px; font-size: smaller; z-index: 1; }
.destination-category-col:hover img{ opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); }

/*===============================================
** Activites Css
*===============================================*/
.activities-category-col{ position: relative; border-radius: 20px 12px; overflow: hidden; margin: 20px 0; }
.activities-cat-thumb { position: relative; background-color: #151515; }
.activities-cat-thumb img{ opacity: .8; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); }
.activities-cat-title { position: absolute; bottom: 0; text-align: center; padding: 0 5px; width: 100%; -webkit-transform: translateY(-15px); transform: translateY(-15px);  -webkit-transition:-webkit-transform 0.35s; transition: transform 0.35s; }
.activities-cat-title h4{ margin: 5px; color: #ffffff; }
.activities-cat-title span{ background-color: #3fd0d4; color: #ffffff; border-radius: 8px; padding: 2px 15px; }
.activities-category-col p{ margin: 0; }
.activities-hov-icon{ position: absolute; width: 50px; height: 50px; border-radius: 50px; bottom: 0; text-align: center; line-height: 50px; font-size: 34px; color: #ffffff; margin: 0 auto; left: 0; right: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s; transition: all 0.35s; }

.activities-category-col:hover .activities-cat-title{ -webkit-transform: translateY(100%); transform: translateY(100%); }
.activities-category-col:hover .activities-hov-icon{ -webkit-transform: translateY(50%); transform: translateY(50%); bottom: 50%; }
.activities-category-col:hover img{ -webkit-transform: scale(1); transform: scale(1); opacity: .4; }

/*===============================================
** Tour Type Css
*===============================================*/
.tourtype-category-col{ position: relative; margin: 20px 0; }
.tourtype-cat-thumb{ position: relative; overflow: hidden; border-radius: 8px; background-color: #3fd0d4; margin-bottom: 25px; }
.tourtype-cat-thumb img{ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.tourtype-category-col:hover img{ opacity: .2; }
.tourtype-hov-icon { position: absolute; top: 50%; transform: translateY(100%); text-align: center; left: 0; right: 0; font-size: 40px; color: #ffffff; opacity: 0; transition: all .3s ease-in-out; }
.tourtype-category-col:hover .tourtype-hov-icon{ opacity: 1; transform: translateY(-50%); }
.tourtype-cat-title h4{ display: inline-block; margin-bottom: 0; }
.tourtype-cat-title span{ display: inline-block; margin-left: 10px; color: #3fd0d4; }

/*===============================================
** Tour Grid Css
*===============================================*/
.tours-wrap .col-3 .tour-content{ padding: 0 18px 30px; }
.tour-block{ position: relative; margin: 15px 0; }
.tour-image{ border-radius: 8px 8px 0 0; overflow: hidden; position: relative; }
.tour-discount{ position: absolute; top: 15px; left: 15px; border-radius: 14px 10px; color: #ffffff; background-color: #3fd0d4; padding: 2px 20px; font-weight: 600; }
.tour-content{ padding: 0 30px 30px; border: 1px solid #ebe6de; border-top: none; border-radius: 0 0 8px 8px; background-color: #ffffff; position: relative; margin-top: -16px; }
.tour-content:after{ content: ''; width: 100%; height: 20px; border-radius: 20px 20px 0 0; position: absolute; bottom: 100%; left: 0; z-index: 11; background-color: #ffffff; margin-bottom: -1px; }
.tour-content .tour-grid-ttl{ margin-bottom: 10px; }
.tour-content .tour-locat{ font-size: 16px; margin-bottom: 20px; }
.tour-content .tour-locat i{ color: #3fd0d4; margin-right: 5px; }

.tour-content .tour-price{ margin-top: 15px; font-size: 18px; }
.tour-content .tour-price label{ margin-right: 10px; }
.tour-content .tour-price span{ color: #3fd0d4; font-weight: 600; font-size: 24px; }
.tour-content .tour-price span del{ font-size: 14px; margin-left: 5px; color: #212121; font-weight: 400; }

.tour-content .tour-metadata span{ display: inline-block; line-height: 1; margin: 5px 0; }
.tour-content .tour-metadata span i{ font-size: 16px; margin-right: 5px; color: #212121; }
.tour-content .tour-metadata span:not(:last-child){ margin-right: 15px; }
.tour-content .tour-more{ width: 100%; margin-top: 25px; }
.tour-content .tour-more .tour-more-link{ font-size: 18px; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
.tour-content .tour-more .tour-more-link a{ background-color: #3fd0d4; color: #ffffff; display: block; padding: 10px; border-radius: 50px; }
.tour-content .tour-more .tour-more-link a:hover{ background-color: #212121; }

/*===============================================
** Single Tour Css
*===============================================*/
.tour-post-single .tabs-wrapper ul.tabs li{ text-transform: uppercase; letter-spacing: 2px; font-weight: 600; border-radius: 50px; overflow: hidden; line-height: 1; flex: 0 1 auto; margin: 5px; }
.tour-post-single .tabs-wrapper ul.tabs li a{ padding: 14px 30px; }
.tour-post-single .tabs-wrapper .tab_content{ padding: 3em; border-top: 1px solid #dddddd; margin-top: 20px; margin-bottom: 50px; }
.itinerary-wrap{ position: relative; }
.single-itinerary { position: relative; padding-left: 110px; padding-bottom: 62px; }
.single-itinerary:before{ position: absolute; content: ''; background: #e4e8e9; width: 1px; height: 100%; left: 35px; top: 10px; z-index: -1; }
.single-itinerary:last-child{ padding-bottom: 0; }
.single-itinerary:last-child::before{ content: none; }
.itinerary-count { position: absolute; display: inline-block; left: 5px; top: 3px; width: 60px; height: 60px; line-height: 60px; font-size: 22px; color: #ffffff; font-weight: 600; text-align: center; border-radius: 50%; background-color: #3fd0d4; }
.itinerary-count:before{ position: absolute; content: ''; background: #ffffff; width: calc(100% + 10px); height: calc(100% + 10px); left: -5px; top: -5px; border-radius: 50%; box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2); z-index: -1; }

.include-box, .exclude-box{ position: relative; margin-bottom: 30px; }
.include-box li, .exclude-box li{ margin: 0 0 16px; padding-left: 32px; position: relative; line-height: 2; }
.include-box li i, .exclude-box li i{ position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.include-box li i{ color: #43a32d; }
.exclude-box li i{ color: #d80808; }

.trip-facts-value{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; }
.trip-facts-value li{ display: flex; flex-direction: row; flex-basis: 25%; flex-grow: 1; flex-wrap: wrap; align-self: flex-start; padding: 0; margin: 20px 0; max-width: 100%;  min-width: 25%; }
.trip-facts-value li .trip-fact-icon{ font-size: 15px; color: #3fd0d4; display: flex; align-items: center; height: 1.5em; margin-right: 8px; }
.trip-facts-value li label{ font-size: 14px; line-height: 1.5; color: rgba(6,22,38,.4); font-weight: normal; }
.trip-facts-value li div{ line-height: 1.5; width: 100%; flex: auto; margin-top: 6px; }

.tour-gallery-video-wrap{ float: left; margin-bottom: 30px; }
.tour-image-gal-popup, .tour-video-gal-popup{ display: inline-block; }
.tour-image-gal-popup a, .tour-video-gal-popup a{ display: block; width: 100%; height: 100%; background-color: #3fd0d4; color: #ffffff; padding: 5px 20px; border-radius: 30px; }
.tour-image-gal-popup a:hover, .tour-video-gal-popup a:hover{ background-color: #212121; color: #ffffff; }
.tour-image-gal-popup i, .tour-video-gal-popup i, .tour-single-duration i{ margin-right: 5px; }

.tour-single-duration{ float: right; display: table; background-color: #3fd0d4; color: #ffffff; padding: 5px 20px; border-radius: 30px; margin-bottom: 30px; }

.tour-price-box  .tour-price{ position: relative; padding-bottom: 25px; border-bottom: 1px solid #dfdfdf; }
.tour-price-box .tour-discount{ position: relative; inset: 0; width: auto; display: inline-block; padding: 0px 14px; margin-bottom: 15px; }
.tour-price-wrap{ display: flex; flex-wrap: wrap; margin: 0 -15px; }
.tour-price-wrap .tour-price-meta{ padding: 0 15px; width: 50%; display: flex; flex-direction: column; flex: 1 0 50%; align-items: unset; }
.tour-price-wrap .tour-price-meta:nth-child(2n){ border-left: 1px solid #dfdfdf; }
.tour-price-wrap .tour-sale-price{ display: flex; flex-wrap: wrap; align-items: flex-end; grid-gap: 5px; line-height: 1; }
.tour-price-wrap .tour-regular-price{ margin-bottom: 6px; }
.tour-price-wrap .tour-price-from{ margin-right: 5px; }
.tour-price-wrap .tour-offer-amount{ text-decoration: none; font-size: 26px; font-weight: 700; color: #212121; line-height: 1; }

/*===============================================
** Promo Box Css
*===============================================*/
.promo-box { position: relative; border-radius: 16px; background-position: top; background-repeat: no-repeat; overflow: hidden; background-size: cover; }
.inner-promo-box{ padding: 4em; position: relative; z-index: 2; }
.promo-box:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4) 100%); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; }
.promo-title { color: #ffffff; font-size: 36px; letter-spacing: 2px; font-weight: 700; }
.promo-tagline { color: #ffffff; line-height: 1.5; font-weight: 400; margin-bottom: 50px; }
.promo-box p{ margin-bottom: 0; }

/*===============================================
** Services Css
*===============================================*/
.service-box{ background-color: #ffffff; position: relative; margin: 15px 0; border-radius: 12px; overflow: hidden; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.service-thumb{ position: relative; overflow: hidden; }
.service-thumb img{ -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.service-box:hover .service-thumb img{ -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.service-content{ position: relative; padding: 25px; }
.service-icon{ position: absolute; background-color: #3fd0d4; width: 90px; height: 90px; padding: 20px; right: 20px; top: -64px; z-index: 1; border-radius: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all .5s ease-in-out; }
.service-icon img{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 auto; }
.service-box:hover .service-icon{ border-radius: 0% 100% 100% 100%; }

.service-title-wrap a{ padding-bottom: 3px; position: relative; }
.service-title-wrap a:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3fd0d4; transition: all .4s ease-in-out; }
.service-box:hover .service-title-wrap a::after{ width: 100%; }

/*===============================================
** quote Css
*===============================================*/
.get-quote{ padding: 3em; background-color: #ffffff; box-shadow: 0px 10px 30px rgb(26 54 85 / 15%); position: relative; }
.get-quote .quote-form .wpcf7 p{ margin-bottom: 0; }
.get-quote .quote-heading{ margin-bottom: 30px; }
.quote-thumb{ margin-right: 30px; position: relative; }
.right-side .quote-thumb{ margin-right: 0; margin-left: 30px; }
.quote-thumb::before{ content: ''; position: absolute; width: 100%; height: 100%; border: 10px solid #3fd0d4; top: 30px; left: 30px; }

/*===============================================
** quote Css
*===============================================*/
.process-box{ position: relative; text-align: center; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; }
.inner-process-box{ padding: 25px; }
.process-thumb{ width: 80px; height: 80px; line-height: 80px; background-color: #3fd0d4; color: #ffffff; border-radius: 50%; margin: 0 auto 25px; font-size: 2em; text-align: center; position: relative; }
.process-thumb span{ position: absolute; width: 30px; height: 30px; background-color: #040506; top: -5px; right: -5px; font-size: initial; line-height: 30px; border-radius: 20px; }
.col:not(:last-child) .process-box:after{ content: '\f30b'; font-family: 'Font Awesome 6 Pro'; position: absolute; font-weight: 700; font-size: 3rem; left: 100%; top: 50%; color: #3fd0d4; transform: translateY(-50%); z-index: 1; }

/*===============================================
** Service Card Css
*===============================================*/
.services-card{ min-height: 400px; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 15px 0; }
.services-card::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.3) 36%,rgba(0,0,0,.8) 70%); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.service-card-data{ position: absolute; inset: 20px; top: 20px; top: auto; color: #ffffff; }
.service-card-data h3{ margin-bottom: 15px; }
.service-card-data h3 a{ color: #ffffff; }
.service-card-data p{ margin: 0; }

/*===============================================
** Iconbox Css
*===============================================*/
.iconbox.style1{ position: relative; display: table; width: 100%; border-radius: 15px; margin: 10px 0; cursor: pointer; padding: 15px; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s;  }
.iconbox.style1:hover{ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.iconbox.style1 .iconbox-icon, .iconbox.style1 .iconbox-content{ display: table-cell; vertical-align: top; -webkit-transition: 0.5s; transition: 0.5s; }
.iconbox.style1 .iconbox-icon{ width: 90px; text-align: center; }
.iconbox.style1 .iconbox-icon .iconbox-icon-inner{ width: 70px; height: 70px; line-height: 70px; margin-right: 20px; background-color: #3fd0d4; color: #ffffff; font-size: 32px; border-radius: 50px; -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style1 .iconbox-content h4{ margin-bottom: 5px; }
.iconbox.style1 .iconbox-content p{ margin-bottom: 0; }
.iconbox.style1:hover .iconbox-icon .iconbox-icon-inner{ background-color: #2e2d2a; }

/*=============================================================================================*/

.iconbox.style2{ position: relative; margin: 15px 0; padding: 0 12px; cursor: pointer; text-align: center; }
.iconbox.style2 .iconbox-icon{ font-size: 50px; color: #ffffff; position: relative; z-index: 1; }
.iconbox.style2 .iconbox-icon-inner{ position: absolute; color: #ffffff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; z-index: 1; }
.iconbox.style2 .iconbox-shape{ width: 200px; height: 200px; margin: 0 auto; -webkit-transition: 0.5s; transition: 0.5s; }
.iconbox.style2 .icon-more{ text-align: center; font-size: 18px; line-height: 40px; }
.iconbox.style2 .icon-more a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #2e2d2a; color: #ffffff; border-radius: 50px; }
.iconbox.style2:hover .icon-more a{ background-color: #3fd0d4; color: #ffffff; }
.iconbox.style2:hover .iconbox-shape{ transform: rotate(180deg);}

/*=============================================================================================*/

.iconbox.style3{ position: relative; text-align: center; padding: 50px 28px 30px; z-index: 3; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; transition: 0.5s; overflow: hidden; margin: 15px 0; border-radius: 30px; background-color: #ffffff; cursor: pointer; }
.iconbox.style3:hover { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.iconbox.style3 .iconbox-icon{ display: inline-block; vertical-align: middle; text-align: center; position: relative; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; box-sizing: content-box; position: relative; font-size: 60px; color: #3fd0d4; margin-bottom: 50px; }
.iconbox.style3 .icon-more{ width: 40px; height: 40px; text-align: center; font-size: 20px; line-height: 40px; margin: 0 auto; }
.iconbox.style3 .icon-more a{ display: block; height: 100%; width: 100%; background-color: #2e2d2a; color: #ffffff; border-radius: 6px; }
.iconbox.style3:hover .icon-more a{ background-color: #3fd0d4; color: #ffffff; }
.iconbox.style3:before, .iconbox.style3:after{ content: ''; width: 80px; height: 80px; border-radius: 30px; position: absolute; background-color: #212121; z-index: -1; opacity: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.iconbox.style3:before{ top: 0; right: 0; }
.iconbox.style3:after{ bottom: 0; left: 0; }
.iconbox.style3:hover::after{ bottom: -30px; left: -30px; opacity: 1; }
.iconbox.style3:hover::before{ top: -30px; right: -30px; opacity: 1; }

/*=============================================================================================*/

.iconbox.style4{ position: relative; padding: 45px 25px 20px; box-shadow: 0 0 18px 0 rgb(10 27 95 / 10%); -webkit-box-shadow: 0 0 18px 0 rgb(10 27 95 / 10%); margin: 35px 0 20px; cursor: pointer; }
.iconbox.style4 .iconbox-icon{ width: 70px; height: 70px; text-align: center; line-height: 70px; position: absolute; top: -35px; right: 20px; -webkit-transform: scale(.9); transform: scale(.9); background-color: #3fd0d4; color: #ffffff; font-size: 40px; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style4 .icon-more a{ font-size: 40px; }
.iconbox.style4:hover .icon-more a{ color: #3fd0d4; }
.iconbox.style4:hover .iconbox-icon{ background-color: #2e2d2a; color: #ffffff; }

/*=============================================================================================*/

.iconbox.style5{ position: relative; padding: 20px 20px 20px 30px; margin: 20px 0; box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 10%); border-radius: 20px; border-left: 13px solid #2e2d2a; background-color: #ffffff; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; }
.iconbox.style5 .iconbox-icon{ font-size: 52px; margin-bottom: 30px; color: #3fd0d4; -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style5 .icon-more a{ font-size: 40px; }
.iconbox.style5:hover{ border-color: #3fd0d4; }
.iconbox.style5:hover .icon-more a{ color: #3fd0d4; }
.iconbox.style5:hover .iconbox-icon{ color: #2e2d2a; }

/*===============================================
** Popup video Css
*===============================================*/
.video-box-vid{ width: 80px; height: 80px; line-height: 80px; margin: 6% auto; text-align: center; font-size: 28px; border-radius: 12px; }
.video-box-vid a{ position: relative; display: block; width: 100%; height: 100%; background-color: #3fd0d4; border-radius: 12px; z-index: 0; }
.video-box-vid a, .video-box-vid a:hover{ color: #ffffff; }
.video-box-vid a:before{ content: ""; display: block; position: absolute; border-radius: 12px; background-color: #3fd0d4; z-index: -1; opacity: 0.6; width: 110px; height: 110px; top: 50%; left: 50%; right: 0px; transform: translateX(-50%) translateY(-50%); }
.video-box-vid a:after{ content: ""; display: block; position: absolute; border-radius: 12px; background-color: #3fd0d4; z-index: -1; animation: video-toggle-animate 1.9s linear 0s infinite; left: 50%; margin: 0 auto; top: 50%; right: 0px; transform: translateX(-50%) translateY(-50%); }
@-webkit-keyframes video-toggle-animate {
  0% {
    width: 70px;
    height: 70px;
    opacity: 0.8;
  }
  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}
@keyframes video-toggle-animate {
  0% {
    width: 70px;
    height: 70px;
    opacity: 0.8;
  }
  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}

/*===============================================
** Pricing Box Css
*===============================================*/
.pricing-col{ background-color: #ffffff; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1); text-align: center; border-radius: 24px; overflow: hidden; }
.pricing-header{ padding: 30px; }
.package-name h3{ font-size: 30px; margin-bottom: 0; color: #3fd0d4; }
.package-price h2{ font-size: 50px; margin-bottom: 0; margin-top: 20px; }
.package-price .package-duration{ font-weight: 700; color: #040506; }
.package-row{ display: flex; flex-direction: column; margin: 30px 20px; }
.package-btn{ padding-bottom: 30px; }
.package-btn a{ border-radius: 12px; }

.pricing-col.highlighted-col .pricing-header{ background-color: #040506; }
.pricing-col.highlighted-col .package-name h3, .pricing-col.highlighted-col .package-price h2, .pricing-col.highlighted-col .package-price .package-duration{ color: #ffffff; }


/*===============================================*  Theme Shortcode Css End  *===============================================*/
/*===============================================
** Image Slider CSS
*===============================================*/
#image-slider .owl-nav .owl-prev, #image-slider .owl-nav .owl-next{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);  }
#image-slider .owl-nav .owl-prev{ left: 20px; }
#image-slider .owl-nav .owl-next{ right: 20px; }

/*===============================================
** Counter CSS
*===============================================*/
.counter-main{ position:relative; }
.counter-box { margin: 20px 0; position: relative; z-index: 1; border-radius: 30px 50px; }
.inner-counter{ padding: 20px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; flex-wrap: wrap; }
.count-icon{ background-color: #ffffff; box-shadow: 0px 0px 25px rgb(0 0 0 / 10%); width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 26px; margin-right: 20px; border-radius: 15px 25px; }
.counter-box h3{ font-size: 32px; font-weight: 700; display: inline-block; vertical-align: middle; margin-bottom: 5px; line-height: 1; }
.counter-box span{ display: inline-block; font-weight: 700; vertical-align: middle; margin-left: 5px; font-size: 30px; margin-bottom: 10px; }
.counter-box h6.counter-ttl{ margin-bottom:0; }

/*===============================================
** Client Logo CSS
*===============================================*/
.partner-logo{ text-align:center; }
.partner-logo img{ width:100% !important; margin:0 auto; -webkit-filter:grayscale(0); filter:grayscale(0); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.partner-logo:hover img{ -webkit-filter:grayscale(1); filter:grayscale(1); }
.partner-logo a{ display:block; }

/*===============================================
** Certificate rotator CSS
*===============================================*/
.certifiate-wrapper{ margin: 20px; text-align: center; position: relative; }
.inner-certifiate{ background-color: #ffffff; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; padding: 20px 20px 10px; border-radius: 14px; }
.inner-certifiate img{ margin-bottom: 30px; }
.inner-certifiate h4{ margin-bottom: 10px; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom: 20px; width:100%; height:50px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.3s linear; transition:0.3s linear; -webkit-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; }
.skillbar-title { color:#1b1b1b; text-transform:uppercase; }
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; font-size:14px; line-height:35px; letter-spacing:1px; }
.skillbar-bar { height:15px; width:0px; background-color:#3fd0d4; border-radius: 20px; }
.skill-bar-percent { position:absolute; right:0; top:0; height:35px; line-height:35px; color:#1b1b1b; }
.skill { width:46.98%; float:left; }
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; background-color:#2e2d2a; border-radius: 20px; }

/*===============================================
** Owl Carousel Navigation Css
*===============================================*/
.owl-carousel.owl-theme .owl-nav{ margin-top:30px; }

.owl-carousel .owl-nav button{ width:38px; height:38px; border-radius: 6px !important; line-height:36px !important; font-size:0 !important; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #3fd0d4 !important; }

.owl-carousel .owl-nav button:hover{ border-color:#040506 !important; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#040506 !important; }

.owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before{ -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:absolute; font-family:'Font Awesome 6 Pro'; font-weight:700; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#3fd0d4; }

.owl-carousel .owl-nav button.owl-prev{ left:0; }
.owl-carousel .owl-nav button.owl-prev:before{ content:'\f104'; }
.owl-carousel .owl-nav button.owl-next{ right:0; }
.owl-carousel .owl-nav button.owl-next:before{ content:'\f105'; }

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#212121; color:#ffffff; position: relative; padding: 150px 0 40px; }
#footer-wrapper .container{ z-index: 1; }
.widget-space{ margin-top:20px; }
.foo-cols h5.footer-widget-title{ margin-bottom: 30px; padding-bottom: 20px; font: 400 26px/1 'Oswald'; color: #ffffff; position: relative; letter-spacing: 1px; z-index: 1; }
.foo-cols ul.menu li a, #footer-wrapper a{ color:#ffffff; }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover{ color:#3fd0d4; }

.footer-shape { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; }
.footer-shape svg { position: relative; display: block; width: calc(100% + 1.3px); height: 150px; }
.footer-shape .shape-fill { fill: #FFFFFF; }

/*===============================================
** Footer Layouts One Css
*===============================================*/
.footer-layout-one-data .foo-logo{ width: 300px; margin: 30px auto 50px; }
.footer-layout-one-data .foo-logo img{ width: auto; }
.footer-layout-one-data p{ margin-bottom: 50px; }
.footer-layout-one-data .social-icons{ margin-bottom: 30px; }
.footer-layout-one-data .social-icons a{ width: 50px; height: 50px; line-height: 46px; border: 2px solid; font-size: 18px; margin: 0 10px; border-radius: 10px; }
.footer-layout-one-data .social-icons a:hover{ border-radius: 50%; }
.copyright-text{ margin-right: 5px; }

.footerstyle-info{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; align-items: center; margin-bottom: 70px }
.footerstyle-info li{ background-color: #ffffff; color: initial; border-radius: 50px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }
.footerstyle-info li span{ width: 30px; height: 30px; display: inline-block; background-color: #3fd0d4; border-radius: 30px; text-align: center; line-height: 30px; color: #ffffff; margin-right: 10px; }
.footerstyle-info li a{ color: inherit !important; }

/*===============================================
** Footer Layouts Two Css
*===============================================*/
.footer-info{ margin: 30px 0 40px; background-color: #ffffff; padding: 20px 50px; box-shadow: 0 0 10px 5px rgb(0 0 0 / 3%); border-radius: 15px 50px; }
.footer-info-box{ padding: 10px 0; flex: 0 0 33.3%; }
.footer-info-box:not(:first-child){ border-left: 2px solid #e8e8e8; padding-left: 70px; }
.footer-info .footer-info-box i{ width: 50px; height: 50px; color: #3fd0d4; border: 1px solid #e1e1e1; background-color: #ffffff; font-size: 20px; border-radius: 50%; margin-right: 20px; text-align: center; line-height: 50px; }
.footer-info .footer-info-box h5{ margin-bottom: 5px; }
.footer-info .footer-info-box p{ margin-bottom: 0; }
.footer-info, .footer-info a, .footer-info a:hover{ color: initial !important; }

/*===============================================
** Footer Layouts Three Css
*===============================================*/
.footer-layout-three-data{ padding-bottom: 30px; border-bottom: 1px solid #6c6c6c; margin: 20px 0; text-align: center; }
.footer-layout-three-data .social-icons a{ width: 50px; height: 50px; line-height: 50px; border: 1px solid; font-size: 18px; margin: 0 10px; }
.footer-layout-three-data .social-icons a:hover{ border-radius: 50%; }
.footer-lay-menu{ border-bottom: 1px solid #6c6c6c; margin-bottom: 30px; padding-bottom: 20px; text-align: center; }
.footer-lay-menu ul{ margin: 0; padding: 0; list-style: none; }
.footer-lay-menu ul li{ display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin: 0 10px; }
.footer-lay-menu ul li > ul{ display: none !important; }

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin:15px 0 0; }
.foo-cols.col-3 .getintouch-logo{ width: 80%; margin-bottom: 30px; }
.getintouch-logo{ margin:0 0 30px; width:70%; }
#sidebar .getintouch-logo{ width:auto; }
#sidebar .widget-getintouch-info li{ padding:0 0 0 40px; }
#sidebar .widget-getintouch-social li a{ line-height:35px; }
.getintouch-logo img{ width:auto; }
.widget-getintouch-info li{ display:block; padding-left:40px; margin-bottom:15px; position:relative; }
.widget-getintouch-info li:before{ position:absolute; left:0; font-family:'Font Awesome 6 Pro'; font-weight:300; font-size:18px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.widget-getintouch-info li.icon-address:before{ content:'\f3c5'; }
.widget-getintouch-info li.icon-phone:before{ content:'\f8d3'; }
.widget-getintouch-info li.icon-fax:before{ content:'\f1ac'; }
.widget-getintouch-info li.icon-mail:before{ content:'\f0e0'; }
.widget-getintouch-info li.icon-hrs:before{ content:'\f017'; }
.widget-getintouch-social{ margin-top:35px; }
.widget-getintouch-social li{ display:inline-block; margin:0 5px; width:37px; height:37px; line-height:35px; text-align: center; }
.widget-getintouch-social li a{ display: block; color: #ffffff !important; background-color: #3fd0d4; border-radius: 5px; }
.widget-getintouch-social li a:hover{ color: #ffffff !important; background-color: #040506; }

.footer-nav li{ margin-bottom:14px; width:100%; display:block; }
.footer-nav li a{ display:block; margin-bottom:8px; position:relative; padding-left:25px; }
.footer-nav li a:before{ content:'\f356'; font-family:'Font Awesome 6 Pro'; position:absolute; font-weight:700; font-size:12px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; }
.footer-nav li:last-child{ border:none; margin:0; }
.footer-nav ul{ display:none; }

.latest-posts-row{ margin-bottom:15px; padding-bottom:15px; clear: both; overflow: hidden; border-bottom:1px solid #efefef; }
.latest-posts-row:last-child{ border:none; margin:0; padding:0; }
.latest-post-thumb { width:76px; padding:1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; position:relative; border-radius: 5px; }
.latest-post-thumb a{ display: block; width: 100%; height: 100%; position:absolute; left:0; top:0; }
.latest-post-content{ overflow:hidden; display:table-cell; vertical-align:middle; padding-left: 10px; }
.latest-post-content h6{ margin:0 0 5px; line-height: 1.2; }
.latest-post-content p{ line-height:20px; margin-bottom:0; }
.latest-post-content h6, .latest-post-content p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.download-brochure{ position: relative; }
.download-brochure a{ padding:20px 20px 20px 80px; font-size:18px; display:block; background-color:#3fd0d4; color:#ffffff; position: relative; }
.download-brochure a:before{ content:'\f15c'; font-family:'Font Awesome 6 Pro'; font-size:30px; left:0; width:60px; text-align:center; top:0; bottom:0; background-color:#131313; position:absolute; font-weight:300; line-height:60px; }
.download-brochure a:hover{ color:#ffffff; }

.newsletter input[type="text"], .newsletter input[type="email"]{ margin: 0; height: 50px; text-align: left; box-shadow: none; border-radius: 0; color: inherit; }
.newsletter input[type="submit"]{ width:100%; height:40px; background-color:#3fd0d4; border:none; color:#ffffff; cursor:pointer; -webkit-appearance:button; -moz-appearance:button;appearance:button; box-shadow: none; border-radius: 0; }
.newsletter form p{ margin-bottom: 0; }

.sidebar-banner{ position:relative; z-index:99; padding:15% 20px; }
.sidebar-banner p{ margin-bottom:30px; }
.sidebar-banner a{ color:#ffffff !important; }
.foo-cols.widget-column .sidebar-banner{ padding:20% 20px; }

.widget-about-image{ min-height:250px; background-position:top center; background-repeat:no-repeat; background-size:cover; margin:0 0 20px; }
.widget-about-conte{ padding:0 12px; }
.widget-about-conte h2.wid-abt-hd{ margin: 0 0 10px; color:#3fd0d4; }
.widget-about-conte .sub-wid-abt-hd{ color:#262729; font-style:italic; margin: 0 0 10px; font-size:90%; }
.widget-about-conte p{ font-size:90%; line-height:24px; }
ul.widget-about-social{ margin:20px 0 0; padding:15px 0 0; border-top:1px solid #e1e1e1; }
ul.widget-about-social li{ display: inline-block; margin: 5px; padding: 0 !important; width: 40px; height: 40px; line-height: 40px; border-radius: 5px 10px; overflow: hidden; }
ul.widget-about-social li a{ background-color: #3fd0d4; color: #ffffff !important; display: block; height: 100%; line-height: 40px !important; }
ul.widget-about-social li a:hover{ background-color: #2e2d2a; }

.opening-hrs{ margin-bottom:30px; }
.opening-hrs h6{ font-size:16px; text-transform:uppercase; color:#3fd0d4; letter-spacing:2px; }
.opening-hrs .opening-hrs-list{ text-align:right; }
.opening-hrs .opening-hrs-list li{ padding:0 0 15px; margin-bottom:15px; display:block; border-bottom:1px solid; }
.opening-hrs .opening-hrs-list li:last-child{ color:red !important; }
.opening-hrs .opening-hrs-list li span{ float:left; }

/*===============================================
** Copyright Css
*===============================================*/
.copyright-wrapper{ padding: 20px 0; background-color: #171717; }
.copyright-wrapper, .copyright-wrapper a{ color: #ffffff; }
.copyright-wrapper a:hover{ color: #3fd0d4; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; padding: 8em 0; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
h1.innerpage-title{ display:block; position:relative; font-size:36px; margin:0 auto; color:#ffffff; letter-spacing: 1px; }
h1.innerpage-title span{ position: relative; z-index: 1; }
h1.innerpage-title span span { display: inline-block; border: none; padding: 0; width: auto; background: none; }

.innerpage-banner.without-banner{ background-color: #040506; padding: 3em 0; position: relative; }

/* Breadcrumb */
.breadcrumbs{ font-size: 0; background-color: #1e2124; }
.breadcrumbs span > span, .breadcrumbs span > a {   box-shadow: 0 2px 5px rgba(0,0,0,0.26); display: inline-block; position: relative; padding: 10px 14px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 2; }
.breadcrumbs span > span{ background-color: #040506; }
.breadcrumbs span > a{ background-color: #3fd0d4; }
.breadcrumbs span > a:hover{ background-color: #040506; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0; }
.site-main{ width:920px; margin:0; padding:0; float:left; }
.sitefull{ width:100% !important; float:none !important; }

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat{ margin-bottom:50px; position: relative; }
.blog-post-repeat article{ position:relative; }
.post-thumb{ position:relative; }
.blog-post-repeat .post-thumb{ position: relative; overflow: hidden; height: 300px; }
.blog-post-repeat .post-thumb .post-thumb-wrap{ height: 100%; }
.blog-post-repeat .post-thumb a{ display: block; width: 100%; height: 100%; }
.blog-post-repeat .post-thumb img{ object-fit: cover; object-position: center; width: 100%; height: 100%; }
.blog-post-repeat .post-thumb .post-date{ position: absolute; top: 0; left: 0; background-color: #2e2d2a; padding: 6px 1em; color: #ffffff; z-index: 1; }

.post-data{ position:relative; flex: 0 1 60%; padding:2em; margin: 0; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.post-data h3.post-title{ margin:0 0 15px; line-height:1.4; }
.post-data .post-meta{ margin: 0 0 12px; color: #767575; }
.post-data .post-meta span:not(:last-child){ margin-right: 20px; }
.post-data .post-meta i{ margin-right: 8px; }

.post-data .post-cate{ display: block; }
.post-data .post-cate a{ display: inline-block; line-height: 1; }

/* Pagination */
.spacer20{ height:20px; clear:both; }
.pagination{ display: table; clear: both; margin: 0 auto; width: 100%; text-align: center; }
.pagination ul{ list-style:none; margin:20px 0; }
.pagination ul li{ display:inline-block; margin-right:5px; }
.pagination ul li span, .pagination ul li a{ background-color:#2e2d2a; color:#ffffff; padding:5px 15px; display:inline-block; border-radius: 6px; }
.pagination ul li .current, .pagination ul li a:hover{ background-color:#3fd0d4; color:#ffffff !important; }

/* home page posts pagination */
.navigation .page-numbers{ background-color:#2e2d2a; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background-color:#3fd0d4; color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; }

.post-date span{ margin-right:3px; }

/*===============================================
** Single Posts Css
*===============================================*/
article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:20px; }
.blog-post-single header.entry-header{ margin-bottom:20px; }
.blog-post-single .post-meta span{ margin-right: 20px; }
.blog-post-single .post-meta span i{ margin-right: 5px; }
.post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; }
.post-bottom .post-tags{ float:left; }
.post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
.post-bottom .social_share{ float:right; }

/* Post Nav */
.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:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

#nav-below.post-navigation{ margin:20px 0 40px; padding:20px 0; display:-ms-flexbox; display:flex; align-items:normal; width:100%; justify-content:space-between; }
.nav-previous, .nav-next{ width:50%;  }
.nav-next{ margin-left:auto; }
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; height:100%; }
#nav-below.post-navigation .meta-nav-icon{ background-color:#3fd0d4; width:98px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:48px; }
#nav-below.post-navigation .meta-nav-icon i{ position: absolute; left: 50%; top: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#nav-below.post-navigation .meta-nav-title{ background-color:#ececec; padding:20px; width:76%; text-align: center; display: inline-block; vertical-align: middle; font-weight:700; }
#nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; }

/* Team Single */
.single-team-thumb, .single-testi-thumb{ margin-bottom:30px; }
.single-team-thumb img, .single-testi-thumb img{ border:8px solid #3fd0d4; padding:10px; }
.single-team-info h2, .single-testi-info h2{ margin-bottom:10px; }
.single-team-info span, .single-testi-info span{ display:block; text-transform:uppercase; font-weight:700; color:#3fd0d4; line-height:normal; margin:0 0 20px; }
#sidebar .member-info{ margin-top:30px; }
#sidebar .member-info ul{ margin:0; padding:0; list-style:none; }
#sidebar .member-info ul li{ display:block; margin:0 0 15px; padding:0 0 15px; position:relative; }
#sidebar .member-info ul li strong{ color:#000000; }
#sidebar .member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#3fd0d4; }
#sidebar .member-info ul li:last-child::before{ content:none; }
.member-single-social a{ width:30px; height:30px; border-radius:30px; line-height:32px; display:inline-block; background-color:#3fd0d4; margin-right:5px; color:#ffffff; text-align:center; font-size: 12px; }
.member-single-social a:hover{ background-color:#262729; color:#ffffff; }

/*===============================================
** Contact Page Css
*===============================================*/
.contact-page-content{ margin-bottom: 50px; }
.conactinfo{ z-index: 999; position: relative; }
.col-info{ padding: 31px 30px 22px; box-shadow: 0 2px 57px 0px rgba(210, 210, 210, 0.35); position: relative; height: 100%; background-color: #ffffff; }
.con-page-info-icon{ width: 50px; height: 50px; transition: all 0.4s ease-in-out; text-align: center; margin: 0 15px 0 0; background-color: #3fd0d4; border-radius: 50px; }
.con-page-info-icon i{ font-size:20px; color:#ffffff; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.con-page-info-cont h4{ margin-bottom: 10px; }
.contact-content{ position: relative; z-index: 1; background-color: #ffffff; box-shadow: 0 2px 57px 0px rgba(210, 210, 210, 0.35); padding: 3em; }
.contact-content .custom-heading{ margin-bottom: 20px; }
.contact-content .wpcf7-form label{ color:#282828; }
.contact-content .wpcf7-form p{ margin-bottom: 0; }
.contact-content .form-group input[type=text], .contact-content .form-group input[type=email], .contact-content .form-group input[type=tel], .contact-content .form-group textarea{ background-color:transparent; border:1px solid #eeeeee; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding: 10px; background-color:#ffffff;  }
.contact-content .form-group input[type=text]:focus, .contact-content .form-group input[type=email]:focus, .contact-content .form-group input[type=tel]:focus, .contact-content .form-group textarea:focus{ border-color:#3fd0d4; }

.form-group{ margin-bottom: 30px; }
.form-group.half{ width:48%; margin-right:4%; float:left; } .form-group.half.last{ margin-right:0; }
.form-group.third{ width:32%; margin-right:2%; float:left; }
.form-group.third.last{ margin-right:0; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:330px; float:right; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ position: relative; padding: 0 0 20px; margin: 0 0 25px; letter-spacing: 1px; display: block; font-size: 20px; color: #2e2d2a; }
h3.widget-title:after{ content: ''; width: 50px; position: absolute; left: 0; bottom: 0; z-index: -1; background-color: #3fd0d4; height: 5px; }
h3.widget-title:before{ content: ''; position: absolute; right: 0; left: 0; bottom: 2px; z-index: -1; border-bottom: 1px solid #2e2d2a; }
#sidebar aside.widget{ margin:0 0 25px; padding:0; position:relative; }

.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }
.textwidget p{ margin-bottom:20px; }

#sidebar ul li{ padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#2e2d2a; position:relative; }
#sidebar ul li a:hover{ color:#3fd0d4;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px solid #e5e5e5; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-transform:capitalize; }
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:#3fd0d4; color: #ffffff; text-transform:uppercase; padding:3px 12px; margin-right:5px; display:inline-block; margin-bottom:8px; font-weight:400; font-size:12px !important; border-radius:15px; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#2e2d2a; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:0; background-color:#000000; text-transform:uppercase; padding:10px; color:#ffffff; }
#sidebar #wp-calendar th{ background-color:#262729; color:#ffffff; padding:5px; }
#sidebar #wp-calendar tbody td{ background-color:#f9f9f9; padding:5px; }
#sidebar #wp-calendar tbody td a, #sidebar #wp-calendar tfoot td a{ display:block; background-color:#3fd0d4; color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#2e2d2a; }
#sidebar #wp-calendar tfoot td a{ padding:5px; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { padding:0; margin:0; list-style:none; }
ul.social-share-post li { display:inline-block; padding:0; margin:0 8px 0 0; height:40px; width:40px; line-height:40px; text-align:center; background:transparent; }
ul.social-share-post li a{ display:block; color:#ffffff; }
ul.social-share-post li a:hover{ color:#ffffff; box-shadow:0 0 3px 3px rgba(34,43,95,0.3); }

ul.social-share-post li.social-share-twitter{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp{ background-color:#65bc54; }
ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; }
ul.social-share-post li.social-share-mail{ background-color:#d32e2a; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative; }
#back-top {	position: fixed; bottom:20px; right:20px; z-index:999; }
#back-top a { width:60px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#3fd0d4; -webkit-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover{ color:#040506; }
#back-top span { width:60px; height:50px; line-height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; transition:1s; opacity:0.9; }

/*===============================================
** Custom 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;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = Text meant only for screen readers.
-------------------------------------------------------------- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:100%; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1320px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px; }
.boxlayout .content-area{ padding: 50px 0; }

/*===============================================
** Woocommerce Product/Shop Page Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%; }

/****************** Search Result and Sorting *************************/
.woo-wc-order{ background-color: #f3f5ed; height: 64px; width: 100%; border-radius: 24px; background-clip: border-box; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; justify-content: space-between; margin-bottom: 25px; padding: 10px 20px; }
.woocommerce .woocommerce-result-count { font-size: 16px; margin-bottom: 0; z-index: 2; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ background: 0 0; padding: 0 15px 0 0; margin: 0; }
.woocommerce .woo-wc-order .woocommerce-ordering select, .woocommerce .woo-wc-order .woocommerce-ordering select { color: #292d35; font-size: 16px; box-shadow: none; border: none; }
.woocommerce .woo-wc-order .woocommerce-ordering .select-wrap{ position: relative; }
.woocommerce .woo-wc-order .woocommerce-ordering .select-wrap:after{ content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering:  auto; -webkit-font-smoothing: antialiased; -webkit-transform: rotate(90deg); transform: rotate(90deg);  display: block;  line-height: 1em; font-size: 18px;  width: 1em; height: 1em; text-align: center; position: absolute; right: 0;  top: 50%; margin-top: -8px; z-index: 2; pointer-events: none; cursor: pointer; color: #000000; }

/*************** Product Thumbnail and overlay elements ****************************/
.product-item-inner{ text-align:center; -webkit-box-shadow: 0 0 16px 0 rgba(39,48,75,.14); box-shadow: 0 0 16px rgba(39,48,75,.14); padding: 15px; border-radius: 20px; }

.woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; margin-bottom:20px; border-radius: 12px; }
.woocommerce .product-item-thumbnail-holder{ text-align:center; }
.woocommerce .product-item-thumbnail-holder a{ display:block;}
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
img.onhover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:opacity .1s; transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; object-fit: cover; height: 100% !important; }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; border-radius: 12px 0; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#e63a4a; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; }
.woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; }
.woocommerce ul.products li.product .sale-perc{ opacity:0; }
.woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; }
.woocommerce .woo-entry-new-badge, .woocommerce .soldout{ right:0; background-color:#333333; color:#ffffff; border-radius: 0 12px; }
.woocommerce .soldout { top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/*************** Product Rating, Title and Price ****************************/
.woocommerce ul.products li.product .product-item-inner .star-rating{ margin:5px auto 15px; }
.woocommerce .star-rating span:before{ color:#3fd0d4; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:10px 0 10px; }
.woocommerce ul.products li.product .price { font-size: 18px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#2e2d2a; }
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price ins{ text-decoration:none; }
.woocommerce ul.products li.product .price del{ font-size: 16px; }

/*************** Add to Cart Button ****************************/
.woo-add-to-cart a.woocommerce-LoopProduct-link{ display:none !important; }
.woocommerce .product-item-inner .woo-add-to-cart{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content: space-around; align-items: center; background-color: #f0f0f0; border-radius: 16px; padding: 12px; margin-top: 20px; }
.woocommerce .product-item-inner .woo-add-to-cart a, .woocommerce .product-item-inner .woo-add-to-cart .yith-wcwl-add-to-wishlist { margin: 0 !important; }
.woocommerce .product-item-inner .woo-add-to-cart a, .woocommerce .product-item-inner .woo-add-to-cart .yith-wcwl-add-to-wishlist a{ border-radius:12px; width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; background-color:#3fd0d4; text-indent: -99999px; position: relative; font-size: 0; }
.woocommerce .product-item-inner .woo-add-to-cart .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse span, .woocommerce .product-item-inner .woo-add-to-cart .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse span { display: none; }
.woocommerce .product-item-inner .woo-add-to-cart a:before{ content:'\f356'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; left:0; right:0; font-size:16px; text-indent: 0; }
.woocommerce .product-item-inner a.add_to_cart_button:before{ content:'\f07a'; }
.woocommerce .product-item-inner a.yith-wcqv-button:before{ content:'\f00e'; }
.woocommerce .product-item-inner a.add_to_wishlist:before{ content:'\f004'; }
.woocommerce .product-item-inner .yith-wcwl-add-button a.delete_item:before{ content:'\e501'; }
.woocommerce .product-item-inner a.wc-forward:before{ content:'\f291'; }
.woocommerce .product-item-inner a.product_type_external:before{ content:'\f08e'; }
.woocommerce .product-item-inner a.product_type_grouped:before{ content:'\f5fd'; }
.woocommerce .product-item-inner .woo-add-to-cart .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before{ content: '\e4fd'; }
.woocommerce .product-item-inner .woo-add-to-cart .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before{ content: '\e4fe'; }
.woocommerce .product-item-inner .woo-add-to-cart .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .woocommerce .product-item-inner .woo-add-to-cart .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a{ color: #ffffff; }
.product .product-item-inner a.add_to_cart_button.added{ display:none; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations, .view-wishlist, .wishlist-items-wrapper td.product-add-to-cart a, .yith-wcwl-add-button a{ background-color:#3fd0d4; color:#ffffff; padding:10px 12px; display:inline-block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; position:relative; font-weight:normal; line-height:normal; border-radius:0; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover, .view-wishlist:hover, .wishlist-items-wrapper td.product-add-to-cart a:hover, .yith-wcwl-add-button a:hover{ background-color:#242423; color:#ffffff; }
.yith-wcwl-wishlistexistsbrowse, .yith-wcwl-wishlistaddedbrowse{ color: #000000; }
.yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-wishlistaddedbrowse a{ color: #3fd0d4; }

/*************** Sidebar CSS ****************************/
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.woocommerce .widget_price_filter .price_slider_amount{ text-align:left;}
.woocommerce .widget_price_filter .price_slider_amount .button{ float:none; }
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; margin:15px 0 10px; }
.woocommerce .widget_product_tag_cloud a{ font-size:14px !important; padding:6px 14px; margin:3px; background-color:#e63a4a; display:inline-block; color:#ffffff; }
.woocommerce .widget_product_tag_cloud a:hover{ background-color:#1c1f26; }
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
.widget_product_categories .product-categories li span.count{ float: right; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; padding-bottom:15px; font-weight: 500; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; }
.single-product .product .onsale{ left:0; background-color:#e63a4a; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.woocommerce div.product div.images.woocommerce-product-gallery{ border-radius: 12px; overflow: hidden; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.woocommerce h1.product_title{ margin:0 0 5px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin:0; font-size:24px; font-weight:400; color:#242423; padding:10px 0; }
.woocommerce div.product .woocommerce-product-rating{ margin: 0; padding: 10px 0;}
.woocommerce-product-details__short-description{ padding:10px 0; }
.woocommerce-product-details__short-description p{ margin: 0; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#e63a4a;}
.woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:10px 0px; display:inline-block; font-size: 15px; margin:0; }
.woocommerce div.product p.stock.avail-in-stock{ color:#008000; }
.woocommerce div.product p.stock.few-in-stock{ color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ color:red; }

.woocommerce #add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input, .woocommerce .quantity-wrap input{ border-radius: 0; box-shadow: none; }
.woocommerce #content div.product form.cart, .woocommerce div.product form.cart, .woocommerce-page #content div.product form.cart, .woocommerce-page div.product form.cart{ margin:2% 0; }
.woocommerce .woocommerce-variation-price{ margin-bottom: 15px;}
.woocommerce div.product form.cart div.quantity{ float:none; margin: 0; }
.woocommerce .product .quantity-wrap{ float: left; margin-right:10px; }
.quantity-wrap input.plus, .quantity-wrap input.minus{ display:inline-block; height:38px; border:1px solid #d7d7d7; width:36px; color:#d7d7d7; cursor: pointer; vertical-align: top; background: none; font-size: 20px; padding: 0; line-height: 36px; }
.quantity-wrap input.plus:hover, .quantity-wrap input.minus:hover{ background-color:#e63a4a; color:#ffffff; border-color:transparent; }
.quantity-wrap .quantity{ display: inline-block; }
.woocommerce .quantity input[type="number"] { -moz-appearance:textfield; width:45px; height:38px; margin:0 3px; vertical-align:top; padding:5px; text-align:center; border:1px solid #d7d7d7; }
.woocommerce div.product form.cart .variations select{ margin:0 0 6px; -webkit-appearance:revert; -moz-appearance:revert; appearance:revert; max-width:80%; padding:10px; }
.woocommerce div.product form.cart .variations td.label{ text-transform: capitalize; vertical-align: middle;  }
a.reset_variations{ margin:0; margin-left:15px; }

.woocommerce .summary .product_meta{ clear:both; display:inline-block; position:relative; width:100%; padding:2% 0px; }
.product_meta span{ padding: 2px 0; }
.woocommerce .summary .product_meta .posted_in, .entry-summary .sku_wrapper, .entry-summary .variations label, .woocommerce .summary .product_meta .tagged_as, .brand { display:inline-block; margin:0; font-weight:500; width:100%; clear:both; }
.woocommerce .summary .product_meta > span > :first-child { margin-left: 10px; }
.entry-summary .sku, .woocommerce .summary .product_meta .posted_in a, .woocommerce .summary .product_meta .tagged_as a, .brand span a { font-weight: normal; }

.woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0; padding:0; border-bottom: 2px solid #e1e1e1; clear: both; overflow:visible; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:18px; padding:0; margin:0 10px 0 0; background-color:transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:10px 12px; border-radius:0; position:relative; font-weight:500; color:#555555 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected{ color:#000000 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected:after{ content:''; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color: #e63a4a; }
.woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; }
.woocommerce div.product .woocommerce-tabs .panel h2{ display:none; }

.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{ display:table; float:none; width:100%; border:1px solid #e3e3e3; border-collapse:separate; border-spacing:0; border-bottom:none; }
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th{ width:150px; font-weight:700; padding:10px 5px 10px 25px; border-top:0; margin:0; color:#000000; text-align:left; background:#ffffff; text-transform: capitalize; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td{ font-style:normal; font-weight:400; padding:8px; border-top:0; margin:0; background:#ffffff; border-bottom:1px solid #e3e3e3; }

.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; color:#000000; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
#reviews.woocommerce-Reviews .comment-respond{ box-shadow:none; }
.woocommerce #reviews #comments ol.commentlist li img.avatar{ width:70px; padding:0; border:none; border-radius:50px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text{ margin:0 0 0 90px; border:none; padding:0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin:0; font-size:16px; color:#000000; }
.woocommerce #reviews #comments ol.commentlist li .star-rating{ float:none; font-size:0.8em; margin-bottom:10px; width:7em; }
.woocommerce #reviews #comments ol.commentlist li .star-rating:before{ letter-spacing:5px; }
.woocommerce #reviews #comments ol.commentlist li .star-rating span:before{ color:#3fd0d4; letter-spacing:5px; }
.woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type=text], .woocommerce #review_form #respond input[type=email]{ position:relative; width:100%; margin:0 0 25px; padding:20px 24px; font-family:inherit; font-size:12px; font-weight:inherit; line-height: calc(60px - (20px * 2) - 2px); color:#16161b; border-radius:3.3px; border:1px solid #fafafa; background-color:#fafafa; outline:0; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .2s ease-in-out; transition:border-color .2s ease-in-out; height:auto; }
.woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email{ width:100%; }
.woocommerce #review_form #respond input:focus[type="text"], .woocommerce #review_form #respond input:focus[type="email"], .woocommerce #review_form #respond textarea:focus{ background-color:transparent; border:1px solid #e63a4a;}

/*===============================================
** Product Cart Page Css
*===============================================*/
body.woocommerce-cart .site-main{ width:100%; float:none; }
body.woocommerce-cart #sidebar{ display:none; }
.woocommerce table.shop_table{ border-radius: 0; }
.woocommerce .woocommerce-cart-form table.shop_table.cart th{ background-color:#f5f5f5; color:#000000; line-height:40px; }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width:50px; }
.woocommerce table.shop_table tr td:first-child{ border-left:none; }
.woocommerce table.shop_table td{ border-left: 1px solid rgba(0,0,0,.1);}
.woocommerce-cart-form__cart-item.cart_item .product-remove, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail{ text-align:center; }
.woocommerce-cart-form__cart-item.cart_item .product-remove a, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a{ display: inline-block; }
.woocommerce-cart-form__cart-item.cart_item .product-quantity input[type="number"]{ -moz-appearance: revert; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name, .wishlist-items-wrapper td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table tr th{ border-right:1px solid #cfd0d2; background-color:#f5f5f5; color:#000000; }
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:60%; float:right; }
.shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; }
.woocommerce a.remove{ line-height:21px; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout{ text-align: right; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a{ font-weight: normal; text-transform: capitalize; font-size: 16px; }
.wishlist-items-wrapper td.product-name .yith-wcqv-button{ position: relative; margin: 0; text-align: center; width: 40px; height: 40px; line-height: 40px; padding: 0; border-radius: 30px; text-indent: -9999px; }
.wishlist-items-wrapper td.product-name .yith-wcqv-button:before{ content:'\f00e'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; left:0; right:0; font-size:16px; text-indent: 0; }
.wishlist_table tr td, .wishlist_table tr th.product-checkbox, .wishlist_table tr th.wishlist-delete{ text-align: left; }
table.wishlist_table{ font-size: 100%; }
.wishlist_table .product-add-to-cart a { display: inline-block!important; margin: 0!important; text-align: center; }
.wishlist-items-wrapper td.product-add-to-cart{ text-align: center !important; }

/*===============================================
** Checkout Page Css
*===============================================*/
body.woocommerce-checkout .site-main{ width:100%; float:none; }
body.woocommerce-checkout #sidebar{ display:none; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce-MyAccount-content{ background:#ffffff; border: 1px solid #e8e8e8; padding: 20px 30px; }
.woocommerce .col2-set .woocommerce-billing-fields h3, .woocommerce .col2-set .woocommerce-shipping-fields h3{ text-transform: uppercase; font-size:20px; }
.woocommerce .col2-set .form-row label{ color:#000000; }
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea{ height:10em; line-height: 1.5em; display: block; }
#order_review_heading { margin:30px 0 20px; padding:10px 0; text-transform:uppercase; font-size:18px; }
.woocommerce table.shop_table{ border-collapse: collapse; }
.woocommerce table.shop_table th{ color:#000000; }
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size:13px; font-weight:700; line-height:30px; background:#f5f5f5; color:#000; }
.woocommerce table.shop_table tfoot th{ background-color:transparent;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background-color: transparent; }
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border:1px solid #ebebeb; list-style:outside none none; margin:0; padding:30px; text-align:left; }
.woocommerce #payment ul.payment_methods li{ list-style:none; }
.woocommerce #payment ul.payment_methods img{ width:auto; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ max-width:48%; }

/*===============================================
** My Account Page Css
*===============================================*/
body.woocommerce-account .site-main{ width:100%; float:none; }
body.woocommerce-account #sidebar{ display:none; }
.woocommerce-MyAccount-navigation ul{ margin:0; padding:0; list-style:none; }
.woocommerce-MyAccount-navigation ul li{ list-style:none; margin-bottom:8px; }
.woocommerce-MyAccount-navigation ul li a{ padding:5px 25px; display:block; background-color:#3fd0d4; color:#ffffff; }
.woocommerce-MyAccount-navigation ul li a:hover{ background-color:#252525; color:#ffffff; }
.woocommerce-MyAccount-content{ background-color:#f7f7f7; padding:20px; }
.woocommerce-MyAccount-content .woocommerce-info{ margin:0; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset{ padding:15px; margin-bottom:20px; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account legend{ padding:5px 20px; margin-left:7px; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin:0; padding: 1.5rem; background-color:#3fd0d4; margin-bottom:30px; }
.author-img{ margin: 0; width: 100px; height: 100px; position:absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; overflow: hidden; }
.author-bio-box{ padding-left:120px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box a:hover{ color:#000000; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** Form And Input type Css
*===============================================*/
form{ position:relative; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{ width:100%; margin:0; padding:10px 15px; border:1px solid #EBEBEB; outline:0; resize:none; line-height:20px; border-radius: 25px; box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #ffffff; background: none; color:#000000; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus{ border-color:#3fd0d4; }

button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; border:none; outline:none; padding:12px 20px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-color: #3fd0d4; color:#ffffff;  }
html input[type=button],input[type=reset],input[type=submit]{ border-radius: 30px; text-align: center; box-shadow: 3px 3px 8px #b1b1b1, -3px -3px 8px #ffffff; letter-spacing: 2px; }

.wpcf7-form label{ display:block; text-transform:uppercase; font-size:12px; margin:0 0 8px; color:#000000; font-weight:700; }

/*===============================================
** Comment Form And Comment Styling Css
*===============================================*/
.comments-area .comment-list{ margin-bottom: 3em; list-style:none; }
.comments-area .comment-list .comment-body{ margin:0 0 1em; padding:1em 1em 1em 7em; position:relative; display:block; background-color:#f9f9f9; }
.comments-area .comment-author { display:inline-block; position:absolute; left:13px; top:13px; }
.comment-metadata{ position:relative; }
.comment-metadata h4{ display:inline-block; margin-bottom:0; }
.comment-metadata h4 cite{ font-weight:700; text-transform:capitalize; font-style:normal; font-size:16px;  }
.comment-metadata time{ display:inline-block; font-size:11px; }
.comment-metadata .reply{ position:absolute; right:0; top:0; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; }
.comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 6 Pro'; font-weight:300; position:absolute; left:-20px; }
.comment-content p{ font-size:14px; margin:0; min-height:36px; }

.comments-area .comment-list ul.children{ margin-left:60px; }

.comment-respond{ margin-bottom:20px; }
.comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:16px; }
.comments-area h3.comment-reply-title small{ margin-left:50px; }
.comments-area .comment-form p.comment-notes { margin-bottom: 2em; font-weight: 400; font-size:14px; }
.required { color: #c0392b; }
.comment-form-author, .comment-form-email, .comment-form-url{ width:31.3%; float:left; margin-right:3% !important; }
#commentform p.comment-form-url { margin-right:0 !important; }
#commentform p.comment-form-url:after{ content:''; display:table; clear:both; }
#commentform label { display:block; text-transform:uppercase; font-size:12px; margin:0 0 5px; color:#000000; font-weight:700; }
.comment-form-cookies-consent{ margin-bottom:15px; }
.comment-form-cookies-consent label{ margin-left:1% !important; display:inline-block !important; }
#commentform .logged-in-as{ margin-bottom:15px; }
p.comment-awaiting-moderation { color: #fdac56; }

/*===============================================
** Search Form Css
*===============================================*/
form.search-form{ position:relative; }
form.search-form input.search-submit, .widget_product_search .woocommerce-product-search button{ position:absolute; right:0; top:0; }

/*===============================================
** 404 Page Css
*===============================================*/
.error-404 .title-404{ text-align:center; font-size:13em; font-weight:600; color:#d0d0d0; margin-bottom:80px; }
.error-404 .sub-title-404 { font-size:2.4em; text-transform:uppercase; display:block; margin:0 0 30px; color:#000000; line-height:1; }
.error-404 .text-404{ font-size:18px; color:#9b9b9b; margin-bottom:40px; }
.error-404 .search-form{ width:50%; margin:0 auto 30px; }
.error-404 .search-form input[type=search]{ display:inline-block; width:100%; margin-right:20px; }

/*===============================================
** Search Result Page Css
*===============================================*/
.search-result-form{ width:60%; margin:0 auto 50px; }
.search-result-form input[type="search"]{ width:100%; }
.search-result-box{ border:1px solid #dddddd; margin-bottom:30px; display:table; width:100%; }
.search-result-box .post-thumb{ width:250px; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell;}
.search-result-box .post-summary{ overflow:hidden; padding:2em; position:relative; display:table-cell; vertical-align:middle; }
.search-more a{ text-transform:uppercase; font-weight:700; letter-spacing:1px; }

/*===============================================
** Default Gallery Css
*===============================================*/
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item{ float:left; text-align: center; }
.gallery-item img{ box-shadow:0px 0px 4px #999; border:1px solid #ffffff; padding:8px; background-color:#f2f2f2; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gallery img:hover { background-color:#ffffff; }
.gallery .gallery-caption { color:#ffffff; background-color:#000000; padding: 10px 0; }
.gallery-item:hover{ background-color:#CECECE; }

.gallery-columns-2 .gallery-item{ width:48%; margin-bottom:2%; margin-right:4%; }
.gallery-columns-2 .gallery-item:nth-of-type(even){ margin-right:0; }
.gallery-columns-3 .gallery-item{ width:32%; margin-bottom:2%; margin-right:2%; }
.gallery-columns-3 .gallery-item:nth-of-type(3n+3){ margin-right:0; }
.gallery-columns-4 .gallery-item{ width:23.5%; margin-right:2%; margin-bottom:2%; }
.gallery-columns-4 .gallery-item:nth-of-type(4n+4){ margin-right:0; }
.gallery-columns-5 .gallery-item{ width:19.2%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-5 .gallery-item:nth-of-type(5n+5){ margin-right:0; }
.gallery-columns-6 .gallery-item{ width:15.8333%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-6 .gallery-item:nth-of-type(6n+6){ margin-right:0; }
.gallery-columns-7 .gallery-item{ width:13%; margin-right:1.5%; margin-bottom:1.5%; }
.gallery-columns-7 .gallery-item:nth-of-type(7n+7){ margin-right:0; }
.gallery-columns-8 .gallery-item{ width:11.6%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-8 .gallery-item:nth-of-type(8n+8){ margin-right:0; }
.gallery-columns-9 .gallery-item{ width:10.2%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-9 .gallery-item:nth-of-type(9n+9){ margin-right:0; }

.gallery dl, .gallery dt { margin: 0; }

.widget_media_gallery .gallery-item img{ padding: 2px; }
.widget_media_gallery .gallery{ margin: 0; }

/*===============================================
** Secondary Space Styles Css
*===============================================*/
.secondary-menu-area { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: 400px; z-index: 9991; margin-bottom: 20px; overflow-y: auto; }
.secondary-menu-area.left-overlay, .secondary-menu-area.left-push { left: -400px; }
.secondary-menu-area.right-overlay, .secondary-menu-area.right-push { right: -400px; left: auto; }
.secondary-menu-area.full-overlay { position: fixed; left: 0; top: 0; height: 100%; width: 100%; text-align: center; display: none; background: #000; }
.secondary-menu-area-inner { padding: 60px 30px; }
.right-overlay .secondary-menu-area-inner, .left-overlay .secondary-menu-area-inner { padding: 60px 30px; }
.secondary-menu-area .widget ul.sub-menu { font-size: 16px; line-height: 14px; }
.secondary-menu-area .widget .menu-item-object-pp-service a { font-weight: 700; }
.right-overlay .secondary-menu-area-inner .zmm-dropdown-toggle, .left-overlay .secondary-menu-area-inner .zmm-dropdown-toggle { line-height: 1; }
.left-overlay .secondary-menu-area-inner ul.sub-menu, .right-overlay .secondary-menu-area-inner ul.sub-menu { padding-top: 10px; }
.secondary-space-toggle { display: inline-block; position: relative; vertical-align: middle; }
.header-absolute .secondary-space-toggle { display: inline-block; position: relative; vertical-align: middle; height: 50px; padding-top: 14px; margin-right: 10px; }
.header-absolute.boxed-container .sticky-head.header-sticky .navbar .navbar-inner { padding: 0 40px; } 
.secondary-space-toggle>span { display: block; margin: 0px auto; font-size: 19px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.navbar .secondary-space-toggle>span { color: #ffffff !important; }
.secondary-menu-area-inner ul.menu li { position: relative; padding-bottom: 25px; }
.secondary-menu-area.full-overlay > .secondary-menu-area-inner { position: absolute; left: 0; right: 0; top: 50%; bottom: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding: 0; }

/*  Close icon style */
.close { position: absolute; right: 16px; top: 16px; width: 32px; height: 32px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; background: transparent; }
.close:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=100); cursor: pointer; background: transparent; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.close:hover:before, .close:hover:after { transform: rotate(90deg); transition: all ease .4s; }
.close:before, .close:after { position: absolute; content: ' '; height: 16px; width: 2px; background-color: #212121; right: 15px; top: 8px; transition: all ease .4s; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; }
.close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }