/*
Theme Name: Driftor Pro
Theme URI: https://alexathemes.net/themes/driftor-wordpress-theme/
Author: Alexathemes
Author URI: https://www.alexathemes.net/
Description: In today’s fast-paced world, having a strong online presence is not optional—it’s essential. For businesses in the transportation and courier industries, this is even more critical. Whether you’re managing a logistics company, a freight service, or a courier business, a professional website can propel your operations to the next level. Meet our Premium Transport WordPress Theme, specially designed to cater to the needs of transport and courier businesses. Packed with features that combine functionality, aesthetics, and flexibility, this theme ensures you stand out in the competitive market. Let’s dive into the unparalleled offerings that make this theme a perfect match for your business.
Requires at least: 5.8
Tested up to: 6.0 & above
Requires PHP: 5.6
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: driftor
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

Driftor Pro WordPress Theme has been created by Alexathemes(alexathemes.net), 2024.
Driftor 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;}
html { overflow-x: hidden;}
body{ margin:0; padding:0; font-family:'Lexend'; line-height:26px; color:#525a52; font-size:15px; background-color:#ffffff; font-weight:400; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; overflow-x:hidden; }
#pagewrap { position:relative;}
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:400; }
h1{ font-size:55px; }
h2{ font-size:45px; }
h3{ font-size:25px; }
h4{ font-size:22px; }
h5{ font-size:20px; }
h6{ font-size:18px; }
.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:#191919; font-weight:400; font-size:18px; line-height:40px; border-left: 5px solid #ffad2b; 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:400; font-size:32px; color:#191919; }
blockquote.align-right { padding:40px 80px 40px 35px; text-align:right; margin:40px 0; color:#191919; font-weight:400; font-size:18px; line-height:40px; border-right: 5px solid #ffad2b; 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:400; font-size:32px; color:#191919; }
hr, .hr {border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0 0 20px; padding:0;}
a{ text-decoration:none; -webkit-transition:0.3s; transition:0.3s; }
a:hover{ 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; }
.container{ width:1200px; 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 { /* Code for Firefox */
  color: #ffffff;
  background-color: #ffad2b;
}

::selection {
  color: #ffffff;
  background-color: #ffad2b;
}

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

/*===============================================
** Sticky Header Css
*===============================================*/
.sticky-header { background-color:#191919; width:100%; left:0; right:0; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-400px; -webkit-transition:all .3s; transition:all .3s; z-index:40000; padding:0; }
.sticky-header .container { width:1250px;}
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:14%; }
.sticky-header .sticky-right{ width:86%; }
.sticky-header .logo { padding:10px 10px;}
.sticky-header .sticky-right .sitenav{ text-align:right; padding:0; }
.sticky-header .sticky-right .sitenav ul li a { padding-top:28px; padding-bottom:28px;}
.sticky-header .sticky-right .sitenav ul li a, .sticky-header .sticky-right .sitenav ul li.current_page_item ul li a { color:#ffffff;}
.sticky-header .sticky-right .sitenav ul li.current_page_item a, .sticky-header .sticky-right .sitenav ul li a:hover, .sticky-header .sticky-right .sitenav ul li.current_page_item ul li a:hover, .sticky-header .sticky-right .sitenav ul li.has-sub ul li.current_page_item a:hover { color:#ffad2b;}
.sticky-header .sticky-right .sitenav ul li:hover > ul { background-color:#191919;}

/*===============================================
** Box Layout Css
*===============================================*/
.boxlayout .header .container{ width:100%; }
.boxlayout .slider-main{ min-height:468px; }
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding-top:50px; padding-bottom:50px; }
.boxlayout .site-main { width:800px;}

/*===============================================
** Top Header Css
*===============================================*/
.top-header { position:relative; color:#ffffff; background-color:#ffad2b;}
.top-header .container { width:1200px;}
.top-head-inner { position:relative;}
.top-head-left { position:relative;}
.top-header .top-header-col { position:relative; font-size:15px; font-weight:400; margin-right:20px; font-family:'Lexend';}
.top-header .top-header-col a { color:#ffffff;}
.top-header .top-header-col a:hover { color:#191919;}
.top-header .top-header-col span { display:inline-block; width:45px; height:45px; line-height:45px; font-size:16px; margin-right:10px; color:#ffffff; background-color:#191919; text-align:center; -webkit-transition:all 0.3s; transition:all 0.3s;}
.top-head-left .top-header-col:last-child, .top-head-right .top-header-col:last-child { margin-right:0;}
.top-head-right { position:relative;}
.top-head-right .social-icons a { width:45px; height:45px; line-height:45px; margin:0 1px; border:none; border-radius:0; background-color:#191919; color:#ffffff;}
.top-head-right .social-icons a:hover { background-color:#ffffff; color:#191919; border:none; border-radius:0;}

/*===============================================
** Header Css
*===============================================*/
.header-main{ position:relative; width:100%;}
.header { position:absolute; left:0; right:0; top:0; z-index:9;}
.header .container { width:1250px;}
.header-inner { position:relative; padding-left:275px; display:block;}
.header-left { width:18%; position:absolute; top:22px; left:0; display:flex; align-items:center; justify-content:center; background-color:#ffffff; border-radius:5px; z-index:5;}

.header-top { position:relative; display:block; padding:19px 0px; margin-left:auto;}
.header-top-pattern { position:absolute; top:0; left:-99999px; bottom:0; right:-99999px;}
.header-top-pattern:before { content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:linear-gradient(180deg, #191919 -20%, #191919 1076%); z-index:-2;}
.header-top-inner { position:relative;}
.head-top-left-contact { position:relative; display:block;}
.head-top-left-contact .top-header-col { position:relative; font-size:15px; font-weight:400; margin-right:20px; font-family:'Lexend';}
.head-top-left-contact .hdrgt-icon { margin-right:20px;}
.head-top-left-contact .top-header-col .hdrgt-icon i { margin-right:0; width:35px; height:35px; line-height:34px; font-size:16px; text-align:center; border:2px solid; color:#ffad2b;}
.head-top-left-contact .top-header-col .hdrgt-text { position:relative; display:block;}
.head-top-left-contact .top-header-col .hdrgt-text h4 { color:#ffad2b; font-size:15px; font-weight:500; margin-bottom:2px;}
.head-top-left-contact .top-header-col a { color:#ffffff;}
.head-top-left-contact .top-header-col a:hover { color:#ffad2b;}
.head-top-left-contact .top-header-col span { display:block; font-size:13px; color:#ffffff;}

.head-top-right-social { position:relative; display:block; z-index:5;}
.head-top-right-social .social-icons a { width:35px; height:35px; line-height:33px; color:#ffad2b; border-radius:0;}
.head-top-right-social .social-icons a:hover { color:#ffffff;}

.header-bottom { flex:0 0 auto; position:relative; z-index:8; padding-left:25px; margin-left:auto;}
.head-quote-btn { position:relative; margin-left:20px;}

/*===============================================
** Header Style One Css
*===============================================*/
.header-style-one .header-inner { padding-left:0;}
.header-style-one .header-left { position:relative; top:0;}
.header-style-one .header-right { position:relative; margin-left:auto;}

/*===============================================
** Header Style Two Css
*===============================================*/
header.header-style-two .header-left { top:32px;}
header.header-style-two .header-right { margin-left:auto; padding-top:15px; padding-bottom:15px;}
header.header-style-two .navigation { background-color:#191919; opacity:0.7;}
header.header-style-two .navigation .nav-inner { padding-left:275px;}
header.header-style-two .navigation .sitenav { margin-left:auto;}
header.header-style-two .navigation .sitenav ul { font-weight:500;}
header.header-style-two .navigation .sitenav ul li a { color:#ffffff; padding:25px 10px;}
header.header-style-two .navigation .sitenav ul li a:hover, header.header-style-two .navigation .sitenav ul li.current_page_item a, header.header-style-two .navigation .sitenav ul li.has-sub ul li.current_page_item a:hover { color:#ffad2b}
header.header-style-two .navigation .sitenav ul li:hover > ul { background-color:#191919;}
header.header-style-two .header-right .top-header-col { margin-right:20px;}
header.header-style-two .header-right .top-header-col .hdrgt-icon { margin-right:20px;}
header.header-style-two .header-right .top-header-col .hdrgt-icon i { font-size:14px; margin-right:0; width:30px; height:30px; line-height:28px; text-align:center; border:2px solid; color:#ffad2b;}
header.header-style-two .header-right .top-header-col span { display:block; font-size:14px; color:#ffffff;}
header.header-style-two .header-right .top-header-col span a { color:#ffffff;}
header.header-style-two .header-right .top-header-col span a:hover { color:#ffad2b;}
header.header-style-two .header-right .head-top-right-social .social-icons a { width:30px; height:30px; line-height:28px; font-size:14px;}
header.header-style-two .nav-inner .head-quote-btn a:before { background-color:#ffffff;}
header.header-style-two .nav-inner .head-quote-btn a:hover { color:#191919;}

/*===============================================
** Header Style Three Css
*===============================================*/
header.header-style-three { position:relative; background-color:#191919; top:0;}
header.header-style-three .header-left { top:0;}
header.header-style-three .header-right { margin-left:auto; z-index:6;}
header.header-style-three .header-right .sitenav { padding-left:20px;}
header.header-style-three .header-right .sitenav ul li a { padding-top:25px; padding-bottom:25px;}
header.header-style-three .header-right .head-quote-btn a:before { background-color:#ffffff;}
header.header-style-three .header-right .head-quote-btn a:hover { color:#191919;}

/*===============================================
** Site Logo Css
*===============================================*/
.logo { position:relative; padding:20px;}
.logo img { width:auto; height:auto; display:block; margin: 0 auto; }
.logo h1 { margin:0; font:400 42px/1 'Lexend'; color:#ffffff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.logo a { display:block; }
.logo p { color:#ffffff; display:block; font:400 14px/16px 'Lexend'; margin:0; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle { display: none; position: relative; margin:15px 0; text-transform:uppercase; font-weight:400; }
.toggle a { width:auto; padding:28px 25px; text-align:left; border-left:1px solid; color:#ffad2b; }
.toggle a:hover { color:#ffffff; }
.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; text-align:center; z-index:9;}
.sitenav ul {margin:0; padding:0; font-family:'Lexend'; font-size:15px; font-weight:400; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; letter-spacing:3px;}
.sitenav ul li a { padding:22px 7px; display:block; text-align:left; color:#ffffff; position:relative; text-transform:capitalize; z-index:1; perspective:1000px; -webkit-transition:all 0.2s linear; transition:all 0.2s linear;}

.sitenav ul li a span { display:block;}

/* = 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:hover { color:#ffad2b; }
.sitenav ul li.has-sub ul li a{ background-color: transparent; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul { display:none; z-index:9999; position:absolute; left:-9999px; border-top:5px solid #ffad2b; border-bottom:5px solid #ffad2b; }
.sitenav ul li:hover > ul {display:block; width:220px; padding-bottom:10px; position:absolute; left:auto; top:100%; text-align:left; -webkit-animation:growOut 400ms ease-in-out forwards; animation:growOut 400ms ease-in-out forwards; -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; background-color:rgba(25,25,25,0.8);}
.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:hover > ul li a:before, .sitenav ul li:hover > ul li a:after { top:5px;}

@keyframes growOut {
	0% {
		transform: scale(0);
	  }
	  80% {
		transform: scale(1.1);
	  }
	  100% {
		transform: scale(1);
	  }
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; right:-220px; top:-6px; -webkit-animation:growOut 400ms ease-in-out forwards; animation:growOut 400ms ease-in-out forwards; -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; }

/*===============================================
** Slider Css
*===============================================*/
#slider{ width:100%; margin:0; padding:0; position:relative; }
.slider-main{ min-height:400px; position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto; }
#slider:before, .innerbanner:before { background-color:rgba(0,0,0,0.6); content: ''; position: absolute; left: 0; top: 0; z-index: 7; width: 100%; height: 100%; }
#slider a.button{ margin-right:20px; }
.show-header-image{ padding:10em 0; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons{ white-space:nowrap; }
.social-icons a { width:40px; height:40px; line-height:38px; display:inline-block; padding:0; -webkit-transition:0.3s; transition:0.3s; font-size:16px; color:#191919; position:relative; margin:0 4px; text-align:center; border:2px solid; border-radius:30px; }
.social-icons a:hover { color:#ffad2b; border-radius: 16px 10px; }
.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: #ffad2b; font-weight: 400; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; text-transform: uppercase; }
a.main-button span{ display:block; }
a.main-button:hover{ background-color:#191919; color:#ffffff;}

a.buttonstyle1 { position:relative; padding:5px 15px; display:inline-flex; align-items:center; overflow:hidden; background-color:transparent; font-size:16px; color:#191919; line-height:35px; font-weight:700; text-transform:capitalize; border-radius:4px; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; z-index:2;}
a.buttonstyle1:before { content:''; position:absolute; top:0px; bottom:0; left:100%; right:-50px; background-color:#191919; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); border-radius:0%; -webkit-transition-duration:800ms; transition-duration:800ms; z-index:1;}
a.buttonstyle1:after { content:''; position:absolute; top:0px; left:0px; bottom:0px; right:0px; opacity:1; -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1); -webkit-transition-duration:800ms; transition-duration:800ms; background-color:#ffad2b; z-index:-1;}
a.buttonstyle1 span { position:relative; display:inline-flex; align-items:center; z-index:1;}
a.buttonstyle1:hover { color:#ffffff;}
a.buttonstyle1:hover::before { left:0px; right:0px; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
a.buttonstyle1:hover::after { -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transition-duration:1500ms; transition-duration:1500ms;}

a.sliderbtn { position:relative; padding:5px 15px; display:inline-flex; align-items:center; overflow:hidden; background-color:transparent; font-size:16px; color:#191919; line-height:35px; font-weight:700; text-transform:capitalize; border-radius:4px; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; z-index:2;}
a.sliderbtn:before { content:''; position:absolute; top:0px; bottom:0; left:100%; right:-50px; background-color:#ffffff; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); border-radius:0%; -webkit-transition-duration:800ms; transition-duration:800ms; z-index:1;}
a.sliderbtn:after { content:''; position:absolute; top:0px; left:0px; bottom:0px; right:0px; opacity:1; -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1); -webkit-transition-duration:800ms; transition-duration:800ms; background-color:#ffad2b; z-index:-1;}
a.sliderbtn span { position:relative; display:inline-flex; align-items:center; z-index:1;}
a.sliderbtn:hover { color:#191919;}
a.sliderbtn:hover::before { left:0px; right:0px; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
a.sliderbtn:hover::after { -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transition-duration:1500ms; transition-duration:1500ms;}

.custombtn{ margin-top:40px; }

/*===============================================
** Section Title Css
*===============================================*/
.section_head_second { margin-bottom:50px; padding-top:20px; position:relative; text-align:center;}
.section_head_second h4.section_sub_title { position:relative; z-index:5; display:inline-block; padding:0 0 10px; margin-bottom:5px; font:500 20px/25px 'Lexend'; color:#ffad2b; text-transform:capitalize;}
.section_head_second h2.section_title { font:400 55px/1.3 'Lexend'; color:#191919; position:relative; margin-bottom:0; display:block; text-transform:capitalize; letter-spacing:0.6px; padding:0;}

.section_head { margin:0 auto 50px; overflow:hidden; position:relative; text-align:center;}
.section_head h4.section_sub_title { position:relative; z-index:5; display:inline-block; font:500 20px/25px 'Lexend'; color:#ffad2b; text-transform:capitalize;}
h2.section_title { font:400 55px/1 'Lexend'; color:#191919; position:relative; display:block; text-transform:capitalize; letter-spacing:0.6px; padding:0;}
.section_head p{ line-height:1.6; margin-bottom:0;}
.full-container .section_head p{ width:58%;}

.sec-devider { padding-top:10px; padding-bottom:10px; line-height:0; display:block;}
.seperate-devider { position:relative; width:90px; border-top:6px double #191919; display:flex; margin:0 auto; direction:ltr; min-height:5px; background-image:none; background-size:20px; background-repeat:round;}
.seperate-devider:before { content:''; position:absolute; left:0; top:-11px; width:28px; border-bottom:15px solid #ffffff; line-height:20px; font-weight:600; text-align:center; -webkit-animation:heading-move 7s infinite linear; animation:heading-move 7s infinite linear;}
.seperate-devider:after { content:"❯❯"; position:absolute; left:0; top:-15px; font-size:17px; letter-spacing:-1px; height:20px; width:26px; line-height:20px; font-weight:600; color:#ffad2b; text-align:center; -webkit-animation:heading-move 7s infinite linear; animation:heading-move 7s infinite linear;}

@-webkit-keyframes heading-move {
	0% {
		-webkit-transform: translateX(-1px);
		-ms-transform: translateX(-1px);
		transform: translateX(-1px);
	}
	50% {
		-webkit-transform: translateX(72px);
		-ms-transform: translateX(72px);
		transform: translateX(72px);
	}
	100% {
		-webkit-transform: translateX(-1px);
		-ms-transform: translateX(-1px);
		transform: translateX(-1px);
	}
}
@keyframes heading-move {
	0% {
		-webkit-transform: translateX(-1px);
		-ms-transform: translateX(-1px);
		transform: translateX(-1px);
	}
	50% {
		-webkit-transform: translateX(72px);
		-ms-transform: translateX(72px);
		transform: translateX(72px);
	}
	100% {
		-webkit-transform: translateX(-1px);
		-ms-transform: translateX(-1px);
		transform: translateX(-1px);
	}
}

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before { content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); 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 .section_head .seperate-devider, .secbg-overlay .section_head .seperate-devider { border-color:#ffffff;}
.sec-overlay .section_head .seperate-devider:before, .secbg-overlay .section_head .seperate-devider:before { border-bottom:0;}

.secbg-overlay { position:relative;}
.secbg-overlay h1, .secbg-overlay h2, .secbg-overlay h3, .secbg-overlay h4, .secbg-overlay h5, .secbg-overlay h6, .secbg-overlay p, .secbg-overlay h2.section_title, .secbg-overlay ul li{ 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:25px; }
.custom-heading h6 { position:relative; display:inline-block; margin-bottom:10px; padding:10px 20px; font:400 16px/20px 'Lexend'; color:#191919; background-color:#ffad2b; border-radius:30px; text-transform:uppercase;}
.custom-heading h2 { font-weight:700; position:relative; letter-spacing:1px; line-height:1.1; margin-bottom:0px;}

/*===============================================
** 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-column{ flex-direction:column; }
.align-flex-vert{ align-items:center; }
.align-flex-hori{ justify-content:space-between; }
.align-stretch{ align-items:stretch; }
.flex-reverse{ flex-direction:row-reverse; }
.flex-end{ justify-content: flex-end; }

.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 *===============================================*/
.about-main { position:relative;}
.about-iconbox { position:relative; margin:40px 0;}
.about-iconbx-inner { position:relative; padding:0 22px 22px; background-color:#f4f1ed;}
.about-iconbx-inner h4 { position:relative; margin-bottom:40px; font-size:18px; font-weight:500;}
.about-iconbx-inner h4:before { content:''; position:absolute; bottom:-23px; left:0; width:81px; height:6px; background-color:#ffad2b; -webkit-transform:skewX(-25deg); -ms-transform:skewX(-25deg); transform:skewX(-25deg);}
.about-iconbox-icon { position:relative; width:93px; height:58px; border:2px solid #ffad2b; border-top:0; margin-bottom:30px; z-index:0; -webkit-transition:all .4s ease; transition:all .4s ease;}
.about-iconbox-icon:before { content:''; position:absolute; top:-11px; left:-4px; width:6px; height:6px; border-radius:50px; background-color:#191919; z-index:1; -webkit-transition:all .4s ease; transition:all .4s ease;}
.about-iconbox-icon:after { content:''; position:absolute; top:-11px; right:-4px; width:6px; height:6px; border-radius:50px; background-color:#191919; z-index:1; -webkit-transition:all .4s ease; transition:all .4s ease;}
.about-iconbx-thumb { position:relative; text-align:center;}
.about-iconbx-thumb i { position:relative; margin-top:-30px; display:inline-block; width:80px; height:80px; font-size:40px; line-height:80px; color:#ffad2b; background-color:#ffffff; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.about-iconbox-num { position:absolute; top:35px; right:22px; font-size:50px; font-weight:700; color:transparent; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#acacaf; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.about-iconbx-content p { margin-bottom:0;}
.about-iconbox:hover .about-iconbox-icon { border-color:#191919;}
.about-iconbox:hover .about-iconbox-icon:before, .about-iconbox:hover .about-iconbox-icon:after { background-color:#ffad2b;}
.about-iconbox:hover .about-iconbx-thumb i { background-color:#ffad2b; color:#191919; -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1);}
.about-iconbox:hover .about-iconbox-num { -webkit-text-stroke-color:#ffad2b; -webkit-transform:rotateY(360deg); -ms-transform:rotateY(360deg); transform:rotateY(360deg);}

/*===============================================
** Counter Section Second CSS
*===============================================*/
.counter-main{ position:relative; }
.counter-box { position:relative; padding-top:50px;}
.counter-inner { position:relative; border:2px solid #ffffff; padding:80px 20px 25px; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.count-icon { position:absolute; top:-20px; left:0; right:0; margin:0 auto; display:inline-block; width:125px; height:70px; line-height:70px; background-color:#191919; border:2px solid #ffad2b; border-top:0; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.count-icon:before { content:''; position:absolute; top:-11px; left:-4px; width:6px; height:6px; border-radius:50px; background-color:#ffad2b; z-index:1;}
.count-icon:after { content:''; position:absolute; top:-11px; right:-4px; width:6px; height:6px; border-radius:50px; background-color:#ffad2b; z-index:1;}
.count-icon i { position:absolute; left:0; right:0; top:-30px; width:110px; height:92px; line-height:92px; margin:0 auto; font-size:46px; color:#ffad2b; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.count-content { position:relative;}
.count-content h6 { font-size:16px; color:#ffffff; margin-bottom:0; text-transform:uppercase;}
.count-number h3 { font-size:48px; font-weight:700; line-height:1em; display:inline-block; color:#ffffff;}
.count-number span { font-size:45px; font-weight:500; color:#ffffff; margin:0px 0 0px 10px;}
.counter-box:hover .count-icon i { background-color:#ffad2b; color:#191919; -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1);}

/*===============================================
** Services Section Third Css
*===============================================*/
.services-main { position:relative;}
.services-box { position:relative; width:100%; margin:0px 0 20px;}
.ser-inner { position:relative; border:1px solid #191919; padding:29px; border-radius:5px;}
.ser-left-box { flex:0 0 25%; display:flex; align-items:center;}
.ser-left-box h4 { font-size:17px; margin-bottom:0;}
.ser-icon { background-color:#191919; border-radius:50%; color:#ffad2b; display:inline-block; font-size:24px; height:55px; width:55px; line-height:55px; margin-right:20px; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.ser-center-box { position:relative; flex:0 0 58%; padding:0 15px;}
.ser-content p { margin-bottom:0; font-size:15px;}
.ser-thumb { overflow:hidden; position:absolute; right:10px; top:calc(50% - 136.5px); transform:translateY(-15px) rotate(-25deg); visibility:hidden; opacity:0; -webkit-transition:all 400ms ease; transition:all 400ms ease; z-index:9;}
.ser-thumb img { width:100%; height:auto; display:block;}
.ser-right-box { flex:0 0 16%; text-align:center;}
.services-box:hover .ser-icon { background-color:#ffad2b; color:#191919;}
.services-box:hover .ser-thumb { opacity:1; visibility:visible; -webkit-transform:translate(0) rotate(-25deg); -ms-transform:translate(0) rotate(-25deg); transform:translate(0) rotate(-25deg); z-index:1;}

/*===============================================
** Features Section Four Css
*===============================================*/
.features-box { position:relative; margin:15px 0;}
.fea-inner { position:relative; display:flex; align-items:center; padding:30px 20px 30px; overflow:hidden; border:2px solid #ffffff;}
.fea-inner:before { content:''; position:absolute; left:0; top:0; width:127px; height:100%; background-color:#ffad2b; -webkit-transform:skewX(-30deg); -ms-transform:skewX(-30deg); transform:skewX(-30deg); -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-transition:all 400ms ease; transition:all 400ms ease; z-index:1;}
.fea-inner:after { content:''; position:absolute; left:0; top:0; width:0; height:100%; background-color:#ffad2b; -webkit-transform:skewX(-30deg); -ms-transform:skewX(-30deg); transform:skewX(-30deg); -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-transition:all 400ms ease; transition:all 400ms ease; z-index:2;}
.fea-icon { display:inline-block; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.fea-icon i { position:relative; width:96px; height:96px; display:flex; align-items:center; justify-content:center; font-size:40px; border-radius:50%; margin-right:30px; color:#191919; -webkit-transition:all 300ms ease; transition:all 300ms ease; z-index:3;}
.fea-icon i:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; border:2px dashed #ffad2b; background-color:#ffffff; z-index:-1; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.fea-content { position:relative; z-index:9;}
.fea-content h4 { font-size:20px; margin-bottom:10px;}
.fea-content h4 a { color:#ffffff;}
.fea-content p { margin-bottom:0;}
.features-box:hover .fea-inner:before { width:180%;}
.features-box:hover .fea-inner:after { width:127px;}
.features-box:hover .fea-icon i { color:#ffad2b; -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1);}
.features-box:hover .fea-content h4 a, .features-box:hover .fea-content p { color:#191919;}
.features-box:hover .fea-icon i:after { background-color:#191919; border-color:#ffad2b;}

/*===============================================
** Working Process Section Eight Css
*===============================================*/
.process-box { position:relative; margin:35px 0;}
.process-inner { position:relative; border:2px solid rgba(255,255,255,0.1); padding:30px 0px 0px; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.process-icon { position:absolute; top:-20px; left:0; right:0; margin:0 auto; display:inline-block; width:100px; height:63px; line-height:63px; border-radius:0 0 50px 50px; background-color:#191919; border:2px solid #ffad2b; border-top:0; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.process-icon:before { content:''; position:absolute; top:-11px; left:-4px; width:6px; height:6px; border-radius:50px; background-color:#ffffff; z-index:1; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.process-icon:after { content:''; position:absolute; top:-11px; right:-4px; width:6px; height:6px; border-radius:50px; background-color:#ffffff; z-index:1; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.process-icon i { position:absolute; left:0; right:0; top:-30px; width:85px; height:85px; line-height:85px; margin:0 auto; font-size:35px; color:#191919; background-color:#ffffff; border-radius:100%; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.process-content { position:relative; padding:40px 15px 30px;}
.process-content h4 { margin-bottom:15px;}
.process-number { position:absolute; left:0; right:0; bottom:-26px; width:52px; height:52px; line-height:52px; border-radius:50%; margin:0 auto; color:#191919; background-color:#ffad2b; font-size:20px; text-align:center; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.process-box:hover .process-icon i { background-color:#ffad2b; color:#191919; -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1);}
.process-box:hover .process-number { background-color:#ffffff; color:#191919;}
.process-box:hover .process-icon { border-color:#ffffff;}
.process-box:hover .process-icon:before, .process-box:hover .process-icon:after { background-color:#ffad2b;}

/*===============================================
** Request Quote Section Nine Css
*===============================================*/
.request-main { position:relative;}
.request-quote { position:relative;}
.request-form { position:relative; width:50%; background-color:#191919; padding:60px 50px 60px 80px;}
.request-form h4 { margin-bottom:10px; font-size:16px; font-weight:500; color:#ffad2b; text-transform:uppercase;}
.request-form h2 { color:#ffffff; font-size:45px; text-transform:capitalize; padding-bottom:20px; margin-bottom:30px; border-bottom:2px solid #ffffff;}
.request-form .reqfrm-left { width:47%; margin:15px 8px; color:#ffffff;}
.request-form .reqfrm-left option, .request-form .reqfrm-right option { color:#000000;}
.request-form .reqfrm-right { width:47%; margin:15px 8px; color:#ffffff;}
.request-form input[type="number"] { width:22%; margin:15px 8px; padding-left:10px; padding-right:10px; color:#ffffff;}
.request-form textarea { height:80px; margin:15px 8px; font-size:15px; width:97%; color:#ffffff;}
.request-form .wpcf7-list-item { margin:15px 8px;}
.request-form .wpcf7-form label { margin:0 18px 20px 0;}
.request-form label span.wpcf7-list-item-label { color:#ffffff; font-size:14px; text-transform:capitalize; margin-left:5px;}
.request-form input[type="checkbox"] { background:none; border:2px solid #ffffff;}
.request-quote .request-form input[type="submit"] { color:#191919; font-size:18px; font-weight:700; text-transform:uppercase;}
.request-quote .request-form input[type="submit"]:hover { background-color:#ffffff; color:#191919;}
.request-video { position:relative; width:50%;}
.request-video .video-box-vid { position:relative; top:45%; margin:0 auto;}

/*===============================================*  Theme Shortcode Css End  *===============================================*/
/*===============================================
** Iconbox Css
*===============================================*/
.iconbox { position: relative; border:2px solid #ffad2b; padding: 2em; margin: 20px 0; }
.iconbox-icon { width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50px; background-color:#191919; color: #ffffff; font-size: xx-large; margin-bottom: 30px; transition: all .4s ease-in-out; }
.icon-more a {   display: inline-block; background-color:#ffad2b; color: #ffffff; padding: 5px; width: 40px; height: 40px; text-align: center; line-height: 30px; border-radius: 25px; animation: icon-more-animate 1.9s linear 0s infinite; }
.iconbox:hover .iconbox-icon { background-color:#ffad2b; -webkit-transform:scale(-1) rotate(180deg); -ms-transform:scale(-1) rotate(180deg); transform:scale(-1) rotate(180deg);}
.iconbox:hover .icon-more a { background-color:#191919; color: #ffffff; }

@-webkit-keyframes icon-more-animate {
	0% {
		transform: translateX(0);
		opacity: 1;
	}
	50% {
		transform: translateX(10px);
		opacity: 0.5;
	}
	100% {
	    transform: translateX(0);
	    opacity: 1; 
	}
}
@keyframes icon-more-animate {
	0% {
		transform: translateX(0);
		opacity: 1;
	}
	50% {
		transform: translateX(10px);
		opacity: 0.5;
	}
	100% {
	    transform: translateX(0);
	    opacity: 1; 
	}
}

/*===============================================
** Info box Css
*===============================================*/
.infobox{ margin:20px 0; }
.infobox-num{ position: relative; }
.infobox-num .infobox-number { background-color:#ffad2b; color: #ffffff; height: 34px; width: 34px; line-height: 34px; font-size: 14px; text-align: center; display: inline-block; position: relative; top: 6px; border-radius: 20px; }
.infobox-num .infobox-number:before { content:attr(data-content); position:absolute; font-size:100px; color:#191919; line-height:60px; z-index:-1; font-weight:bold; font-family:'Lexend'; opacity:.2; }
.infobox-num .infobox-number:after{ position: absolute; left: 42px; top: 18px; width: 30px; height: 1px; content:""; background-color:#ffad2b; }
.infobox-content{ margin-left:48px; }
.infobox-content h4 { margin-bottom:5px; font-weight:400;}
.infobox-content p { margin-bottom:0;}

.infobox:hover .infobox-num .infobox-number:before { -webkit-transform:rotateX(360deg); -ms-transform:rotateX(360deg); transform:rotateX(360deg); -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.infobox:hover .infobox-content h4 a { color:#ffad2b;}

/*===============================================
** Pricing Box Css
*===============================================*/
.pricing-col { position:relative; margin:30px 0;}
.price-inner { position:relative; background-color:#191919; padding:40px 30px 15px; border-radius:15px; box-shadow:0px 30px 40px rgba(0, 0, 0, 0.03); -webkit-transition:0.4s; transition:0.4s;}
.price-table-inner { gap:30px; display:flex; position:relative;}

.price-item { position:relative; max-width:220px;}
.price-item h3 { font-size:22px; color:#ffffff; font-weight:600; padding-bottom:10px; margin-bottom:10px; text-transform:capitalize;}
.price-item p { font-size:16px; color:#ffffff; margin-bottom:0px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.7);}
.price-item h2 { font-size:55px; font-weight:700; color:#ffffff; padding-top:5px; padding-bottom:25px; margin-bottom:0; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.price-item h2 sup { position:relative; top:13px; font-weight:400;}

.price-list { position:relative;}
.price-list ul { margin:0; padding:0;}
.price-list ul li { position:relative; list-style:none; color:#ffffff; margin-bottom:25px; padding-left:25px; font-size:14px; display:flex; align-items:center;}
.price-list ul li:before { content:'\e4be'; position:absolute; font-family:'Font Awesome 6 Pro'; font-size:16px; top:0; left:0; color:#ffad2b;}

.pricing-col.highlighted-col .price-inner { background-color:#ffad2b;}
.pricing-col.highlighted-col .price-item h3, .pricing-col.highlighted-col .price-item h2, .pricing-col.highlighted-col .price-item p, .pricing-col.highlighted-col .price-list ul li, .pricing-col.highlighted-col .price-list ul li:before { color:#191919;}

.pricing-col a.buttonstyle1:before { background-color:#ffffff;}
.pricing-col a.buttonstyle1:hover { color:#191919;}
.pricing-col.highlighted-col a.buttonstyle1:after { background-color:#191919;}
.pricing-col.highlighted-col a.buttonstyle1:hover { color:#191919;}
.pricing-col.highlighted-col a.buttonstyle1 { color:#ffffff;}
.pricing-col.highlighted-col .price-item p { font-size:15px; border-color:rgba(0,0,0,0.9);}

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

/*===============================================
** Popup video Css
*===============================================*/
.video-box-vid { width: 80px; height: 80px; line-height: 80px; margin: 50px auto; text-align: center; font-size: 28px; border-radius:50%; }
.video-box-vid a { position: relative; display: block; width: 100%; height: 100%; background-color:#ffad2b; border-radius: 50%; 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: 100%; background-color:#ffad2b; 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: 100%; background-color:#ffad2b; 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; 
	}
}

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:50px; -ms-border-radius:3px; -webkit-border-radius:3px; 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; }
.skill-bg { width:100%; background-color:#191919; border-radius:20px; padding:2px;}
.skillbar-title { color:#191919; text-transform:uppercase; }
.skillbar-title span { display:block; color:#191919; padding:0; height:35px; font-size:14px; line-height:35px; letter-spacing:1px; }
.skillbar-bar { height:5px; width:0px; background-color:#ffad2b; border-radius: 20px; }
.skill-bar-percent { position:absolute; right:0; top:0; height:35px; line-height:35px; color:#191919; font-family:'Lexend';}
.skill { width:46.98%; float:left; }
.skill-bar { margin:60px 0 0 0; }

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

.owl-carousel .owl-nav button { width:38px; height:38px; border-radius:0 !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 #ffad2b !important; }

.owl-carousel .owl-nav button:hover{ border-color:#191919 !important; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#191919 !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:400; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#ffad2b; }

.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:#191919; color:#ffffff; position:relative;}

/* Footer Default Top */
.foot-def-top { position:relative; padding:25px 0; background-color:#000000;}
.foot-df-inner { position:relative;}
.foot-def-left { position:relative; width:20%;}
.foot-df-logo { position:relative; padding-right:40px; border-right:3px solid #ffad2b;}

.foot-def-right { position:relative; width:70%;}
.foot-def-right h4 { font-size:16px; margin-bottom:7px; color:#ffad2b; text-transform:uppercase;}
.foot-def-right h3 { font-size:30px; margin-bottom:0; color:#ffffff; text-transform:capitalize;}
.foot-def-right .def-sub-news { position:relative; top:18px;}
.foot-def-right .def-sub-news input[type="email"] { color:#ffffff;}
.foot-def-right .def-sub-news input[type="submit"] { position:absolute; right:2px; top:2px; color:#191919; padding:10px 18px;}
.foot-def-right .def-sub-news input[type="submit"]:hover { background-color:#ffffff; color:#191919;}
.foot-def-right .def-sub-news p { margin:0;}

/* Footer Wrapper Inner */
.foot-wrap-inner { position:relative; padding:60px 0 40px;}
.widget-space{ margin-bottom:20px; }
.foo-cols h5.footer-widget-title { position:relative; font:400 25px/25px 'Lexend'; padding-bottom:15px; text-transform:uppercase; letter-spacing:1px; display:block; color:#ffffff;}
.foo-cols h5.footer-widget-title:before { content:''; position:absolute; bottom:0; left:0; border-radius:10px; height:2px; width:120px; background-color:transparent; background-image:-webkit-linear-gradient(linear, left top, right top, #ffad2b), to(transparent); background-image:linear-gradient(to right, #ffad2b, transparent);}
.foo-cols ul.menu li a, #footer-wrapper a { color:#ffffff; }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover { color:#ffad2b; }

/*===============================================
** Footer Layouts Css
*===============================================*/
.footer-space{ padding:0; position:relative; z-index:9;}

/* Footer Style One */
#footer-wrapper.footer-one { padding-bottom:0;}
#footer-wrapper.footer-one .foot-wrap-inner { padding-top:40px; border-top:2px solid #ffad2b;}
.foot-one-box { position:relative; padding:40px 0; text-align:center; color:#ffffff;}
.foot-one-box i { font-size:40px; margin-bottom:25px; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.foot-one-box h5 { position:relative; color:#ffad2b; margin-bottom:15px; padding-bottom:15px;}
.foot-one-box h5:after { content:''; position:absolute; left:0; right:0; bottom:0; width:100px; height:2px; margin:0 auto; background-color:#ffad2b;}
.foot-one-box p { margin-bottom:0;}
.foot-one-box a { color:#ffffff;}
.foot-one-box.foot-one-middle { border-left:2px solid #ffad2b; border-right:2px solid #ffad2b;}
.foot-one-box:hover i { color:#ffad2b; -webkit-transform:scale(-1) rotate(180deg); -ms-transform:scale(-1) rotate(180deg); transform:scale(-1) rotate(180deg);}

/* Footer Style Two */
.foot-style-two { position:relative; text-align:center; padding-bottom:20px;}
.foot-two-logo { position:relative; width:15%; margin:0px auto; padding-top:40px; text-align:center;}
.foot-two-box { padding:0 35px; position:relative; text-align:center;}
.foot-two-box i { font-size:40px; margin-bottom:25px; color:#ffffff; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.foot-two-box h4 { position:relative; font-weight:700; font-size:20px; color:#ffad2b; border:1px solid; display:block; margin-bottom:30px; padding:7px 20px; text-transform:capitalize; letter-spacing:1px; border-radius:30px;}
.foot-two-box p { margin-bottom:0;}
.foot-two-box:hover i { color:#ffad2b; -webkit-transform:scale(-1) rotate(180deg); -ms-transform:scale(-1) rotate(180deg); transform:scale(-1) rotate(180deg);}
.foot-style-two .foot-two-social { padding-bottom:40px; }
.foot-two-social .social-title h4 { font-weight:700; font-size:20px; color:#ffad2b; border:1px solid; text-align:center; display:inline-block; padding:7px 30px; margin-bottom:30px; text-transform:capitalize; letter-spacing:1px; border-radius:30px;}

/* Footer Style Three */
#footer-wrapper.footer-three .foot-wrap-inner { padding:0;}
.foot-three-box { position:relative; padding:30px 20px; text-align:center;}
.foot-three-box .foot-three-icon { margin:0 auto 15px; text-align:center;}
.foot-three-box .foot-three-icon i { font-size:30px; color:#ffffff; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.foot-three-info { flex:0 0 80%; position:relative; margin-left:auto; color:#ffffff;}
.foot-three-info h5 { position:relative; color:#ffffff; margin-bottom:15px; padding-bottom:15px;}
.foot-three-info h5:after { content:''; position:absolute; left:0; right:0; bottom:0; width:100px; height:2px; margin:0 auto; background-color:#ffad2b;}
.foot-three-info p { margin-bottom:0;}
.foot-three-middle { padding-top:30px; padding-bottom:30px; background-color:#000000; border-left:2px solid #ffad2b; border-right:2px solid #ffad2b;}
.foot-three-middle .foot-three-icon { margin:0 auto 15px;}
.foot-three-box.foot-three-middle .foot-three-info { text-align:center;}
.foot-three-box:hover i { color:#ffad2b; -webkit-transform:scale(-1) rotate(180deg); -ms-transform:scale(-1) rotate(180deg); transform:scale(-1) rotate(180deg);}
.foot-three-bottom { position:relative; padding:40px 0; background-color:#000000;}
.foot-three-logo { width:50%; margin:0 auto;}
.foot-three-news { position:relative;}
.foot-three-news p { margin-bottom:0;}
.news-title h4 { font-size:20px; font-weight:500; color:#ffad2b; display:block; text-align:left; margin-bottom:5px;}
.news-form { position:relative; top:27px;}
.foot-three-news .news-form input[type="email"] { margin-bottom:0; font-size:15px; box-shadow:none; color:#ffffff; border-color:#ffffff;}
.foot-three-news .news-form .wpcf7-submit { position:absolute; top:1px; right:1px; background:url(images/footnews-bg.png) no-repeat center #ffad2b; font-size:0; width:40px; height:40px; padding:0; margin-top:0;}
.foot-three-social { position:relative; text-align:right;}
.foot-three-social .social-title h4 { font-size:20px; font-weight:500; color:#ffad2b; display:block; margin-bottom:5px;}
.foot-three-social .social-icons { margin-top:35px;}

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin:0; }
.foo-cols.col-3 .getintouch-logo{ width:75%; margin-bottom:15px; }
.getintouch-logo{ margin:0 0 30px; width:50%; }
#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:12px; position:relative; }
.widget-getintouch-info li:before{ position:absolute; left:0; font-family:'Font Awesome 6 Pro'; font-weight:400; 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:28px; }
.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: #191919 !important; background-color:#ffad2b; }
.widget-getintouch-social li a:hover { color:#191919 !important; background-color:#ffffff; }

.footer-nav li{ margin-bottom:12px; width:100%; display:block; }
.footer-nav li a{ display:block; margin-bottom:8px; position:relative; padding-left:20px; }
.footer-nav li a:before{ content:'\f101'; font-family:'Font Awesome 6 Pro'; position:absolute; font-weight:400; 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:18px; padding-bottom:18px; clear: both; overflow: hidden; border-bottom:1px solid; }
.latest-posts-row:last-child{ border:none; margin:0; padding:0; }
.latest-post-thumb { width:56px; padding:1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; position:relative; }
.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.4; font-size:14px; font-weight:500;}
.latest-post-content p{ font-size:13px; line-height:20px; margin-bottom:0; }

.download-brochure{ position: relative; }
.download-brochure a { padding:20px 20px 20px 80px; font-size:18px; display:block; background-color:#ffad2b; 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:#191919; position:absolute; font-weight:400; line-height:60px; }
.download-brochure a:hover { color:#ffffff; }

.newsletter{ margin-top:30px; }
.newsletter input[type=email]{ margin:0; height:60px; text-align:center; }
.newsletter button { width:100%; height:50px; background-color:#ffad2b; border:none; color:#ffffff; font-size:20px; cursor:pointer; -webkit-appearance:button; -moz-appearance:button;appearance:button; }

.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:#ffad2b; }
.widget-about-conte .sub-wid-abt-hd { color:#191919; 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: 30px; height: 30px; line-height: 30px; }
ul.widget-about-social li a { background-color:#ffad2b; color:#ffffff !important; display: block; height: 100%; line-height: 30px !important; }
ul.widget-about-social li a:hover { background-color: #191919; }

.opening-hrs{ margin-bottom:30px; }
.opening-hrs h6 { font-size:16px; text-transform:uppercase; color:#ffad2b; letter-spacing:2px; }
.opening-hrs .opening-hrs-list{ text-align:right; }
.opening-hrs .opening-hrs-list li{ line-height:1; 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 { position:relative; background-color:#ffad2b;}
.copyright-inner { padding:15px 0; position:relative; text-align:center;}
.copyright-wrapper, .copyright-wrapper a { color:#191919; }
.copyright-wrapper a:hover { color:#ffffff; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:left;}
.innerbanner .container { padding:15em 0 7em;}
h1.innerpage-title { position:relative; font-size:45px; text-align:center; margin:0; padding:0; color:#ffffff; letter-spacing:2px; z-index:7; display:block;}
h1.innerpage-title span { display:inline-block;}
h1.innerpage-title.without-banner { border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:1em 0; }
.innerpage-title.innerbanner-equal-padding{ padding:4em 0; }
.innerpage-banner.without-banner { background-color:#191919; text-align:left; }
.innerpage-banner.without-banner .container{ padding:15em 0 7em; }

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

/*===============================================
** Breadcrumb Css
*===============================================*/
.breadcrumbs { position:relative; max-width:100%; background-color:#000000; color:#ffffff; display:block; line-height:18px; padding:10px 120px; text-align:center; opacity:0.8; -webkit-clip-path:polygon(10% 0, 90% 0, 100% 100%, 0 100%); clip-path:polygon(10% 0, 90% 0, 100% 100%, 0 100%); z-index:7; }
.breadcrumbs span { font-size:15px; font-weight:400; display:inline-block; text-transform:capitalize;}
.breadcrumbs span a { position:relative; padding:5px 10px; color:#ffad2b; display:inline-block;}
.breadcrumbs span a:hover { color:#ffffff;}
.breadcrumbs span.current-item { padding:5px 10px 5px; color:#ffffff;}

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat { margin-bottom:40px; position:relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display:block;}
.blog-post-repeat article{ position:relative;}
.blog-post-repeat .blog-post-inner { position:relative; -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms;}
.blog-post-repeat .post-thumb { position:relative; overflow:hidden;}
.blog-post-repeat .post-thumb:before { content:''; position:absolute; top:0; left:0; height:6px; width:0; background-color:#ffad2b; z-index:1; -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms;}
.blog-post-repeat .post-thumb:after { content:''; position:absolute; width:0; height:100%; left:0; top:0; opacity:0; background:linear-gradient(to right,#000000,rgb(15 12 30 / 54%)); -webkit-transition:all .3s; transition:all .3s;}
.blog-post-repeat .post-thumb img { width:100%; height:auto; display:block; -webkit-transition:all .3s; transition:all .3s;}
.blog-post-repeat .latest-post-para { text-align:center;}
.blog-post-repeat .latest-post-para h4.post-title { font-size:18px; text-transform:capitalize;}
.blog-post-repeat:hover .blog-post-inner { box-shadow:0 5px 83px 0 rgba(0,0,0,.12);}
.blog-post-repeat:hover .post-thumb:before { width:100%; visibility:visible; opacity:1;}
.blog-post-repeat:hover .post-thumb:after { opacity:1; width:100%; -webkit-transition:all .3s; transition:all .3s;}
.blog-post-repeat:hover .post-thumb img { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02);}

/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto; }
.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:#191919; color:#ffffff; padding:5px 15px; display:inline-block; border-radius: 30px; }
.pagination ul li .current, .pagination ul li a:hover { background-color:#ffad2b; color:#ffffff !important; }

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

/*===============================================
** 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 { font-size:14px; text-align:left; padding:5px 15px; border-bottom:5px solid #ffad2b; margin-top:0; color:#191919; display:flex; justify-content:space-between; align-items:center;}
.blog-post-single .post-meta a { color:#ffad2b;}
.blog-post-single .post-meta a:hover { color:#ffffff;}
.blog-post-single .post-meta span i { margin-right:5px; color:#ffad2b;}
.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:400;}
.blog-post-single .post-meta .post-cate { position:relative; padding:0; background:none; top:0; left:0; margin-bottom:0;}
.blog-post-single .post-meta .post-cate:after { content:none;}
.blog-post-single .social_share a:hover { color:#ffffff;}

/* 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:#191919; padding:5px 10px; color:#ffffff; font:15px 'Lexend';}
.prev-page a:hover, .next-page a:hover { color:#ffffff; background-color:#ffad2b;}
.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:#ffad2b; width:60px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:25px; }
#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 20px; width:76%; text-align: center; display: inline-block; vertical-align: middle; font-weight:400; }
#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 #ffad2b; 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:400; color:#ffad2b; line-height:normal; margin:0 0 20px; }
.single-team-info span.teamedu { color:#191919;}
#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:#191919; }
#sidebar .member-info ul li:before { content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#ffad2b; }
#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:#ffad2b; margin-right:5px; color:#ffffff; text-align:center; font-size: 12px; }
.member-single-social a:hover { background-color:#191919; color:#ffffff; }

/*===============================================
** Contact Page Css
*===============================================*/
.gmap { position:relative; margin-top:30px;}
.conactinfo{ position:relative; margin-bottom:50px; padding-bottom:50px; }
.inner-conactinfo { position:relative;}

.con-page-inner { position:relative; padding:20px; border:1px solid #191919;}
.con-page-inner:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; -webkit-transform:translate(10px, 10px); -ms-transform:translate(10px, 10px); transform:translate(10px, 10px); border-color:#ffad2b; z-index:-1;}
.con-page-info-icon { height:60px; width:60px; line-height:60px; display:block; margin-bottom:10px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.con-page-info-icon i { font-size:32px; color:#191919; -webkit-transition:all .5s ease; transition:all .5s ease;}
.con-page-info-cont { position:relative; text-align:left;}
.con-page-info-cont h5 { font-size:22px; font-weight:700; position:relative; border-top:1px solid #191919; padding-top:15px; margin:15px 0 10px; display:block;}
.con-page-info-cont h5:before { content:''; position:absolute; top:-1px; left:0; width:0; height:2px; background-color:#191919; -webkit-transition:all .25s ease-in-out; transition:all .25s ease-in-out;}
.con-page-info-cont h5:after { content:''; position:absolute; top:-6px; right:-12px; width:12px; height:12px; background-color:#ffad2b; -webkit-transition:all .5s ease; transition:all .5s ease;}
.con-page-info-cont p { margin-bottom:0;}
.con-page-info-cont a { color:#525a52;}

.cont-inbx-btn { position:absolute; top:0; right:0; z-index:2;}
.inbx-btn { font-size:22px; width:50px; height:50px; text-align:center; line-height:56px; display:inline-block; color:#ffffff; background-color:#ffad2b; box-shadow:inset 4px 4px 8px rgba(255,255,255,.5),inset -4px -4px 8px rgba(0,0,0,.35); border-radius:50%; position:relative; top:-15px;}
.inbx-btn-icon { position:relative; overflow:hidden; display:inline-flex; margin-left:-2px;}
.inbx-btn-icon:before { content:'\e09f'; font-family:'Font Awesome 6 Pro'; position:absolute; top:10px; right:0; width:1em; height:auto; -webkit-transform:scale(.26) translate(-56px,65px); -ms-transform:scale(.26) translate(-56px,65px); transform:scale(.26) translate(-56px,65px); -webkit-transition:transform .4s ease-in-out,opacity .4s ease-in-out; transition:transform .4s ease-in-out,opacity .4s ease-in-out;}
.cont-button-icon { display:inline-block; -webkit-transition:transform .4s ease-in-out,opacity .4s ease-in-out; transition:transform .4s ease-in-out,opacity .4s ease-in-out;}
.con-page-info:hover .inbx-btn-icon:before { top:0; -webkit-transform:scale(1) translate(3px,-4px); -ms-transform:scale(1) translate(3px,-4px); transform:scale(1) translate(3px,-4px);}
.con-page-info:hover .cont-button-icon { -webkit-transform:scale(.26) translate(45px,-50px); -ms-transform:scale(.26) translate(45px,-50px); transform:scale(.26) translate(45px,-50px);}

.con-page-info:hover .con-page-inner:before { -webkit-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px); border-color:transparent;}
.con-page-info:hover .con-page-info-icon { -webkit-animation:cmt-bounce .5s ease-in-out 50ms; animation:cmt-bounce .5s ease-in-out 50ms;}
.con-page-info:hover .con-page-info-icon i { color:#ffad2b;}
.con-page-info:hover .con-page-info-cont h5:before { width:100%; background-color:#ffad2b; z-index:5;}
.con-page-info:hover .con-page-info-cont h5:after { background-color:#191919;}

@-webkit-keyframes cmt-bounce {
	0% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-12px);
	}
	100% {
	    transform: translateY(0);
	}
}
@keyframes cmt-bounce {
	0% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-12px);
	}
	100% {
	    transform: translateY(0);
	}
}

.contact-content .wpcf7-form label { color:#282828; }
.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; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding: 10px;  }
.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:#ffad2b; }

.form-group{ margin-bottom:30px; }
.form-group textarea { color:#000000;}
.form-group.half { width:48%; margin-right:4%; float:left; }
.form-group.half p { margin-bottom:0;}
.form-group.half input[type="text"], .form-group.half input[type="tel"] { color:#000000;}
.form-group.half.last{ margin-right:0; }
.form-group.half.last input[type="email"], .form-group.half.last input[type="text"] { color:#000000;}
.form-group.third{ width:32%; margin-right:2%; float:left; }
.form-group.third.last{ margin-right:0; }
.form-group input[type="submit"] { display:block; width:100%; font-size:20px; font-weight:400;}

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:370px; 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; font:700 18px/25px 'Lexend'; color:#ffffff; text-transform:uppercase; letter-spacing:1px; display:block; margin-bottom:30px; padding:7px 20px; background-color:#191919; border-bottom:5px solid #ffad2b; -webkit-transition:all .4s; transition:all .4s;}

#sidebar aside.widget{ margin:0 0 35px; padding:0; position:relative; }
#sidebar .widget_search .widget_content input[type="search"] { color:#191919;}

.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:#191919; position:relative; }
#sidebar ul li a:hover { color:#ffad2b;}
#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:#ececec; 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:#191919; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption { font-weight:400; margin-bottom:0; background-color:#191919; 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:#ffad2b; color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover { background-color:#191919; }
#sidebar #wp-calendar tfoot td a{ padding:5px; }

.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-newsletter{ position:relative; }
.widget-newsletter p{ margin-bottom:20px; }
.widget-newsletter form{ position:relative; }
.widget-newsletter input[type=email]{ margin-bottom:0; padding-left:10px; font-size:15px; box-shadow:none; color:#ffffff; border-color:#ffffff;}
.widget-newsletter .wpcf7-submit { position:absolute; top:2px; right:2px; background:url(images/footnews-bg.png) no-repeat center; font-size:0; width:40px; height:38px; padding:0; margin-top:0; }

/*===============================================
** 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 3px 0 0; height:35px; width:35px; line-height:35px; text-align:center; background:transparent; }
ul.social-share-post li a { display:block; color:#ffffff !important; }
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:#ffad2b; -webkit-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover { color:#191919; }
#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:#ffad2b; 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;}

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

/****************** Search Result and Sorting *************************/
.woocommerce .woocommerce-result-count{ margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:0; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select { padding:10px 30px 10px 10px; color:#191919; background-color: #ffffff; border: 1px solid #e5e5e5; position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image: url(...); }

.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: 1em; }

/*************** Product Thumbnail and overlay elements ****************************/
.woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; margin-bottom:20px; }
.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:400; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc { background-color:#ffad2b; 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:#000000; color:#ffffff; }
.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 10px; }
.woocommerce .star-rating span:before { color:#ffad2b; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:10px 0 10px; }
.woocommerce ul.products li.product .price { font-size: 18px; font-weight:400; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color:#f15958; }
.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{ position:absolute; bottom:20px; left:0; right:0; -webkit-transition:all 400ms linear 0ms; transition:all 400ms linear 0ms; display:flex; justify-content:center; opacity:0; }
.product .product-item-inner:hover .woo-add-to-cart{ opacity:1; }
.woocommerce .product-item-inner .woo-add-to-cart a { border-radius:50%; font-size:0; width:40px; height:40px; padding:0; margin:0 7px; display:inline-flex; align-items:center; justify-content:center; background-color:#f15e42; border-color:transparent; -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); transition-delay: 30ms; }
.woocommerce .product-item-inner .woo-add-to-cart a:before{ font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; left:0; right:0; font-size:16px; }
.woocommerce .product-item-inner a.add_to_cart_button:before{ content:'\f07a'; }
.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'; }
.product .product-item-inner a.add_to_cart_button.added{ display:none; }
.product .product-item-inner:hover .woo-add-to-cart a{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
.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{ background-color:#ffad2b; 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{ background-color:#191919; color:#ffffff; }

/*************** 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:#ffad2b; display:inline-block; color:#ffffff; }
.woocommerce .widget_product_tag_cloud a:hover{ background-color:#000000; }
.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:400 !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: 400; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; }
.single-product .product .onsale { left:0; background-color:#ffad2b; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.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:#191919; 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:#ffad2b;}
.woocommerce div.product p.stock{ color:#ffffff; font-weight:400; 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 #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 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:#ffad2b; 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; color:#000000;}
.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:400; 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:400; 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:#ffad2b; }
.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:400; 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:#ffad2b; 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 #ffad2b;}

/*===============================================
** 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{ font-weight:400; 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; }

/*===============================================
** 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:400; 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:#ffad2b; 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:#ffad2b; margin-bottom:30px; }
.author-img{ margin: 0; width: 125px; height: 125px; position:absolute; }
.author-bio-box{ padding-left:145px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box a:hover { color:#191919; }
.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 #aeaeae; outline:0; resize:none; line-height:20px; background:none; color:#191919; font-family:'Lexend'; 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:#ffad2b; }

button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; font-family: 'Sintony'; border:none; outline:none; padding:12px 20px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-color:#d83030; color:#ffffff;  }
html input[type=button],input[type=reset],input[type=submit]{ 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-family:'Sintony'; font-size:12px; margin:0 0 8px; color:#000000; font-weight:400; }

/*===============================================
** 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:400; 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-family: 'Sintony'; font-weight:400; text-transform:uppercase; letter-spacing:1px; font-size:12px; }
.comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; left:-20px; }
.comment-content p{ font-family: 'Sintony'; 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-family: 'Sintony'; 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-family:'Sintony'; font-size:12px; margin:0 0 5px; color:#000000; font-weight:400; }
.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:400; 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-family:'Sintony'; 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; }
.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:400; 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; }

/*===============================================
** About Page Css
*===============================================*/
.wp-block-group .wp-block-columns h4.wp-block-heading { display:inline-block; border-radius:30px;}
.wp-block-social-links .wp-social-link a { justify-content:center; font-size:22px;}
.wp-block-social-links .wp-social-link a:hover { color:#ffad2b !important;}

/*===============================================
** Block Patterns Css
*===============================================*/
.wp-block-group.nivo-caption { width:70%;}
.wp-block-group.nivo-caption:before { content:''; position:absolute; left:0; top:0; width:50%; height:5px; background-color:#ffad2b; z-index:8;}
.wp-block-group.nivo-caption:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:5px; background-color:#ffad2b; z-index:8;}
.wp-block-group.nivo-caption .wp-block-button a.wp-block-button__link:hover, .wp-block-column.ser-right-box .wp-block-button a.wp-block-button__link:hover { color:#ffffff !important;}
.wp-block-column.about-iconbox .wp-block-group.about-iconbox-num { top:18px;}
.wp-block-group.services-box .wp-block-group.ser-inner .wp-block-column.ser-center-box .wp-block-group.ser-thumb { right:-150px;}
.wp-block-column.news-box .wp-block-group.post-meta { display:flex; justify-content:space-between; align-items:center;}
.wp-block-column.request-video .wp-block-group .video-box-vid { position:relative; margin-top:60%;}