/*
Theme Name: Camroon Timber
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
  13.1 Header
  13.2 Front Page
  13.3 Regular Content
  13.4 Posts
  13.5 Pages
  13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
  16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/


/*************************
*******Typography******

**************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap');

body {font-family:'Poppins', sans-serif; font-size:14px; line-height:24px; color:#666; background-color:#fff;}
h1, h2, h3, h4, h5, h6 {color:#333;}
h2 {font-size:30px; margin-bottom:20px;}
h3 {font-size:18px;}
.parallax {background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed;}
.parallax, .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {color:#fff;}
.parallax input[type="text"],
.parallax input[type="text"]:hover,
.parallax input[type="email"],
.parallax input[type="email"]:hover,
.parallax input[type="url"],
.parallax input[type="url"]:hover,
.parallax input[type="password"],
.parallax input[type="password"]:hover,
.parallax input[type="tel"],
.parallax input[type="tel"]:hover,
.parallax select,
.parallax textarea,
.parallax textarea:hover {font-weight:300; color:#fff;}
.country select option{color:#151515;}
.btn {border: 0; border-radius: 0;}
.btn.btn-primary:hover {background-color: #017fb5;}
.navbar-nav li a:hover, .navbar-nav li a:focus {outline:none; outline-offset: 0; text-decoration:none;  background: transparent;}
a {text-decoration: none; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
a:focus, a:hover {text-decoration: none; outline: none}
section {padding:60px 0;}
.heading {padding-bottom:40px;}
.preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background: #fff;}
.preloader > i {position: absolute; font-size: 36px; line-height: 36px; top: 50%; left: 50%; height: 36px; width: 36px;
 margin-top: -15px; margin-left: -15px; display: inline-block;}
#home-slider {overflow: hidden; position: relative;}
#home-slider .caption {position: absolute; top: 50%; margin-top: -104px; left: 0; right: 0; text-align: center; text-transform: uppercase; z-index: 15; font-size: 18px; font-weight: 300; color: #fff;}
#home-slider .caption h1 {color: #fff; font-size: 50px; font-weight: 700; margin-bottom: 15px;}
#home-slider .caption h2 {color: #fff; font-size: 45px; font-weight: 700; margin-bottom: 15px;}
#home-slider .caption h2 span {color:#fff;}
.caption .btn-start {color: #fff; font-size: 14px; font-weight: 500; padding:14px 40px; border: 1px solid #6e6d6c; border-radius: 4px; margin-top: 40px;}
.caption .btn-start:hover {color: #fff}
.carousel-fade .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; background-repeat: no-repeat; background-size: cover; height: 654px;}
.carousel-fade .carousel-inner .item:after {content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.4);}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-control { z-index: 2;}
.left-control, .right-control { position: absolute; top: 50%; height: 51px; width: 51px; line-height: 48px; border-radius: 50%; border:1px solid #fff;
z-index: 20; font-size: 24px; color: #fff; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.left-control {left:-51px} 
.right-control {right:-51px;}
.left-control:hover, .right-control:hover {color:#fff;}
#home-slider:hover .left-control {left:30px} 
#home-slider:hover .right-control {right:30px}
#home-slider .fa-angle-down { position: absolute; left: 50%; bottom: 50px; color:#fff; display:inline-block; width:24px; margin-left:-12px;
 font-size: 24px; line-height: 24px; z-index: 999; -webkit-animation: bounce 3000ms infinite; animation: bounce 3000ms infinite;}
.navbar-brand h1 { margin-top: 5px;}
.service-icon { border-radius: 4px; color: #fff; display: inline-block; font-size: 36px; height: 90px; line-height: 90px; width: 90px; 
 margin-top: 30px;	 -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;}
.our-services .col-sm-4:hover .service-icon { background-color: #333;}
.our-services .col-sm-4 { border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding-bottom: 50px;}
.our-services .col-sm-4:nth-child(4), .our-services .col-sm-4:nth-child(5), .our-services .col-sm-4:nth-child(6) { border-bottom:0; padding-top: 60px;}
.our-services .col-sm-4:nth-child(3), .our-services .col-sm-4:nth-child(6) { border-right:0;}
.service-info h3 { margin-top: 35px;}
.service-info p { line-height:20px; }

#about-us {background:url(assets/images-new/visian-bg.webp) repeat; padding: 60px 0;}
#about-us h2 { margin-top: 0; color: #fff;}
#about-us .lead { font-size: 16px; margin-bottom: 10px;}
#about-us h1 { margin-bottom: 30px;}

.progress{ height: 20px; background-color: #fff; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; margin-bottom: 25px;}
.progress-bar{ box-shadow: none; -webkit-box-shadow: none; text-align: right; padding-right: 12px; font-size: 12px; font-weight: 600;}
.progress .progress-bar.six-sec-ease-in-out { -webkit-transition: width 2s ease-in-out; transition: width 2s ease-in-out;}

#portfolio .row > h2 {text-align:center}
#portfolio .container-fluid, #portfolio .col-sm-3 { overflow: hidden; padding: 0;}
#portfolio .folio-item { position: relative;}
#portfolio .overlay { background-color: #000; color: #fff;  left: 0; right:0; bottom:-100%; height: 0; position: absolute; text-align: center; opacity:0;  -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#portfolio .folio-item:hover .folio-image { -webkit-transform: scale(1.5) rotate(-15deg); transform: scale(1.5) rotate(-15deg);}
#portfolio .folio-item:hover .overlay { opacity: 0.8; bottom: 0; height: 100%;}
#portfolio .folio-item:hover .folio-overview .folio-expand { margin-top: 0; margin-left:0;}
#portfolio .folio-item:hover .overlay .folio-info { opacity: 1;  margin-bottom:0; margin-top:0;}


.overlay .overlay-content { display: table; height: 100%; width: 100%;}
.overlay .overlay-text { display: table-cell; vertical-align: middle;}
.overlay .folio-info { opacity: 0; margin-bottom: 75px; margin-top: -75px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.overlay .folio-info h3 { margin-top: 0; color: #fff;}
.folio-overview a { font-size: 18px; color: #333; height: 50px; width: 50px; line-height: 50px; border-radius: 50%; background-color: #fff; display: inline-block; margin-top: 20px; margin-right: 5px;}
.folio-overview a:hover { color: #fff;}
.folio-overview .folio-expand { margin-top: -500px; margin-left: -500px;}
.folio-image, .folio-overview .folio-expand { -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.folio-image img { width: 100%;}
#single-portfolio { padding: 90px 0; background: #f5f5f5; position: relative;}
#single-portfolio img { width: 100%; margin-bottom: 10px;}
#single-portfolio .close-folio-item { position: absolute; top: 30px; font-size: 34px; width: 34px; height: 34px; left: 50%; color: #999;
 margin-left: -17px;}
#team { padding-top: 0;}
.team-members { margin-bottom: 25px;}


.team-member { text-align: center; color: #333; font-size: 14px;}
.team-member:hover .social-icons ul li a.facebook { background-color: #3b5999;}
.team-member:hover .social-icons ul li a.twitter { background-color: #2ac6f7;}
.team-member:hover .social-icons ul li a.dribbble { background-color: #ff5b92;}
.team-member:hover .social-icons ul li a.linkedin { background-color: #036dc0;}
.team-member:hover .social-icons ul li a.rss { background-color: #ff6b00;}
#team .img-responsive { width: 100%;}
.member-info h3 { margin-top: 35px;}
.member-info h4 { font-size: 14px; margin-bottom: 15px; color: #999;}
#features { text-align: center; background-image: url(assets/images-new/features-bg.webp);}
#features i { font-size: 48px;}
#features h3 { margin-top: 15px; font-size: 30px; margin-bottom: 7px; color: #fff;}
#features .slider-overlay { opacity: 0.8;}
.pricing-table { text-align: center;}
.single-table { padding: 30px 20px 20px; border:1px solid #f2f2f2;}
.single-table h3 { margin-top: 0; padding: 0; font-size: 18px; text-transform: uppercase; margin-bottom: 30px;}
.price { font-size: 36px; line-height: 36px;}
.price span { font-size: 14px; line-height: 14px;}
.single-table ul {list-style: none; padding: 0; margin: 30px 0;}
.single-table ul li {line-height: 30px;}
.single-table.featured {color: #fff;}
.single-table.featured h3 {color: #fff;}
.single-table.featured .btn.btn-primary {background-color: #fff;}
#twitter {background-image: url(assets/images-new/twitter-bg.webp);}
#twitter > div {text-align: center; position: relative;}
#twitter-carousel {position: relative; z-index: 15}
.twitter-icon {position: relative; z-index: 15; color: #fff;}
.twitter-icon .fa-twitter {font-size: 24px; height: 64px; width: 64px; line-height: 65px; border-radius: 50%;  position: relative;}
.twitter-icon .fa-twitter:after {position: absolute; content: ""; border-width: 8px; border-style: solid; left: 24px; bottom: -14px;}
#twitter-carousel .item {padding: 0 55px;}
#twitter-carousel .item a {color: #fff;}
.twitter-icon h4 {text-transform: uppercase; margin-top: 25px; margin-bottom: 25px; color: #fff;}
.twitter-left-control, .twitter-right-control {position: absolute; top: 50%; color: #fff; border: 1px solid #fafafa; height:34px; width: 34px;
 line-height: 31px; margin-top: -17px; font-size: 18px; border-radius: 50%; z-index: 15}
.twitter-left-control {left: 80px;} 
.twitter-right-control {right: 80px}
.twitter-left-control:hover, .twitter-right-control:hover {color: #fff;}
.post-thumb {position: relative;}
.post-icon {position: absolute; top:10px; right:10px; height: 30px; width: 30px; line-height: 30px; border-radius:4px; text-align: center; color: #fff; font-size: 12px;}
.post-meta {position: absolute; bottom: 15px; left: 15px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 500;}
.post-meta span {margin-right: 16px;}
#post-carousel .carousel-indicators {bottom: 3px; left: 90%;}
.blog-left-control, .blog-right-control {position:absolute; top:45%; width:30px; text-align: center; color: rgba(255,255,255,.7); font-size: 36px;}
.blog-left-control {left: 0;}
.blog-right-control {right: 0;}
.blog-left-control:hover, .blog-right-control:hover {color: #fff;}
.entry-header h3 a {line-height: 30px;}
.entry-header .date, .entry-header .cetagory {display: inline-block; font-size: 11px; font-weight: 500; margin-bottom:5px; text-transform: uppercase; position: relative;}

.entry-content {font-size: 14px;}
.load-more {display:block; text-align: center; margin-top: 70px;}
.btn-loadmore {border: 1px solid #f2f2f2; color: #666666; font-size: 14px; font-weight: 500; padding: 15px 125px; text-transform: uppercase;}
.btn-loadmore:hover {color:#fff;}
#contact { padding-top: 45px; padding-bottom: 0;}
#google-map { height: 350px;}
#contact-us { background-image:url(assets/images-new/contact-bg.webp); padding-bottom: 90px;}
#contact-us .heading { padding-top: 95px;}
.form-control {background-color:transparent; border-color:rgba(255,255,255,.4); height:50px; border-radius:0; box-shadow:none; width: 100% !important;}  
textarea.form-control { min-height: 180px; resize:none;}
.form-group { margin-bottom: 30px;}
.contact-info { padding-left:70px; font-weight: 300;}
ul.address { margin-top: 30px; list-style: none; padding: 0; margin: 0;}
.contact-info ul li { margin-bottom: 8px;}
.contact-info ul li a { color: #fff;}
.btn-submit { display: block; padding: 12px; width: 100%; color: #fff; border:0; margin-top: 40px;}
#footer { color:#fff;}
.footer-top { position: relative; padding:30px 0}
#footer .footer-bottom { background-color: #340f00; padding:15px 0 5px;}
#footer .footer-bottom {color:#FFF;}
#footer .footer-bottom a:hover { text-decoration: underline;}

.footer-logo { display: inline-block; margin-bottom:20px; max-width:250px; height:auto;}
.social-icons ul {display:flex; gap:10px; justify-content:center; margin:0px; padding:0px;}
.social-icons ul li {margin:0px; padding:0px; list-style:none;}
.social-icons ul li a {font-size:18px; line-height:40px; color:#FFF; background:#340f00; width:40px; height:40px; display:block; border-radius:2px;}
.social-icons ul li a:hover {background:#fff; color:#340f00;}



.page-header .page-title {font-size:30px; line-height:35px; font-weight:700; color:#411503; text-align:left; margin:0; padding-top:0px; padding-bottom:10px;}
.entry-header h1 {font-size:30px; line-height:35px; font-weight:700; color:#411503; text-align:left; padding:0px; margin:25px 0;}
.inner-area .entry-header {background:url(assets/images-new/inner-bg.webp) no-repeat center/cover; padding:80px 0;} 
.inner-area .entry-header h1 {font-size:40px; line-height:50px; font-weight:700; color:#FFF; text-align:left; margin:0px; padding:0px;}
.inner-area .entry-content {padding-top:30px;}
.inner-area .entry-content h1 {font-size:30px; font-weight:700; color:#000; text-align:left; margin-top:0px; margin-bottom:20px;}
.inner-area .entry-content h2 {font-size:20px; font-weight:700; color:#000; text-align:left; margin-top:0px; margin-bottom:20px;}
.inner-area .entry-content h3 {font-size:18px; font-weight:700; color:#000; text-align:left; margin-bottom:1px;}
.inner-area .entry-content p {font-size:15px; line-height:22px; color:#666; text-align:left; margin:0 0 20px;}
.page-id-14 #contact {padding:0px;} 
.page-id-14 .entry-content {padding:0px;} 
.error-404 {text-align:center; padding:20px 0;}
.error-404.not-found .page-header .page-title {font-size:40px; font-weight:700; line-height:50px; color:#000; margin:0px; padding-bottom:15px; text-align:center;}
.error-404.not-found .page-header .page-title span {color:#411503; font-weight:800;}
.error-404 .search-submit .icon {display:none;}
.error-404 .search-form {padding:0px;}
.error-404 .screen-reader-text {font-size:16px; line-height:25px;}
.error-404 .search-form input {font-size:16px; border:1px solid hsl(0, 0%, 80%); padding: 10px 50px 10px 10px;}
.error-404 .search-form .search-submit {background:#411503; border:none; color:#fff; font-family: "Raleway",sans-serif; font-size:16px; font-weight: 500; margin: 20px 0; padding:10px 20px ; text-transform: uppercase;}
.error-404 .search-form .search-submit:hover{background:#0b0601; color:#FFF;}
.preloader > img {position:absolute; top:35%; left:40%; height:auto; width:278; margin-top:-15px; margin-left:-15px; display:inline-block;}
.entry-footer .icon {display:none;}
.cat-links {display:block;}
.cat-links a {font-size:12px; padding:2px 10px; border:1px solid #411503; border-radius:50px; display:inline-block; margin:10px 0;}
.tags-links {display:block;}
.tags-links a {font-size:14px; padding:3px 15px; border:1px solid #411503; border-radius:50px; display:inline-block; margin:10px 0;}
.entry-title a {font-weight:bold!important;}
.entry-header .row .col-sm-12 h2 {font-size:32px; line-height:30px; font-weight:700; color:#fff; text-align:left; padding:0px; margin-top:0px; margin-bottom:10px; text-transform:uppercase;}
.entry-header .row .col-sm-12 p {font-size:14px; line-height:22px; font-weight:400; color:#fff; text-align:left; padding:0px; margin:0px; text-transform:capitalize;}
.entry-content .woocommerce.columns-4 .woocommerce-result-count {font-size:20px; line-height:25px; color:#666; text-align:left; margin:10px 0 10px; text-transform:uppercase;
font-weight:500;}
.entry-content .woocommerce-ordering select.orderby {padding:8px;}
.entry-content .woocommerce.columns-4 ul.products {padding-top:30px; margin-top:30px; border-top:1px solid #ccc;}
.entry-content .woocommerce.columns-4 ul li {text-align:center; border:1px solid #ccc; padding:10px!important;}
.entry-content .woocommerce.columns-4 ul li a {text-align:center;}
.entry-content .woocommerce.columns-4 ul li a h2 {text-align:center; padding-top:15px!important; padding-bottom:0px!important; line-height:20px!important;}
.entry-content .woocommerce.columns-4 ul li a h2 .count {background:none;}
.entry-content .woocommerce.columns-4 ul li a.woocommerce-LoopProduct-link {text-align:center!important;}
.entry-content .woocommerce.columns-4 ul li a.button {background:#411503; color:#FFF; text-align:center;}
.xoo-qv-modal .xoo-qv-container {padding:30px; border: 5px solid #411503; border-radius:5px;}
.xoo-qv-modal .xoo-qv-container .xoo-qv-summary h1 {font-size: 22px; font-weight: 700; color:#411503;}
.xoo-qv-modal .xoo-qv-container .xoo-qv-summary .xoo-qv-plink {background:#411503; color:#FFF;}
.xoo-qv-modal .xoo-qv-container .xoo-qv-summary .xoo-qv-plink:hover {background:#774b15;}
.comments-area h3 {font-family: 'Raleway', sans-serif ; font-size:25px; font-weight:700; color:#764d1b; display:inline-block; border-bottom: 2px solid #764d1b; margin-bottom:10px; padding:10px 0;}
.woocommerce div.product div.images .flex-control-thumbs li {width:16.5%; box-sizing:border-box; border:solid 1px #eee; margin:10px 0.5%;}
.woocommerce div.product .woocommerce-tabs ul.tabs {margin:0px!important; padding:0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background:#411503; border-radius:0px; color:#fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {background:#7a4a10; border-radius:0px; color:#fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {display:none;}
.woocommerce div.product .woocommerce-tabs .entry-content h2 {font-size:20px; line-height:28px; color:#000; font-weight:500;
margin-top:10px; margin-bottom:5px;}
.woocommerce div.product .entry-content {background:#f7f7f7; padding:30px!important;}
.woocommerce div.product .woocommerce-tabs .entry-content h2 {font-size:16px; line-height:22px; color:#000; font-weight:500;}
.woocommerce div.product .woocommerce-tabs .wid-50 {width:48%; float: left; margin-right: 2%;}
.woocommerce div.product .woocommerce-tabs .wid-100 {width:98%;}
.woocommerce div.product .woocommerce-tabs form {margin-top:50px;}
.woocommerce div.product .woocommerce-tabs label {color: #333; display: block; font-weight:500; margin-bottom:1em; font-size:14px;}
.woocommerce div.product .woocommerce-tabs input {width:100%; border:1px solid #bbb; padding:8px; border-radius: 4px; margin-top:5px;}
.woocommerce div.product .woocommerce-tabs select {width:100%; border:1px solid #bbb; padding:8px; border-radius: 4px; margin-top:5px;}
.woocommerce div.product .woocommerce-tabs textarea {margin-top:10px; width:100%; border:1px solid #bbb; height:80px; padding:10px; border-radius:4px; margin-bottom:5px;}
.woocommerce div.product .woocommerce-tabs input[type="submit"] {background: #411503!important; margin:10px 0; width:22%; color:#FFF!important; font-size:16px; font-weight:700; text-transform:uppercase; border:none; font-family: 'Raleway', sans-serif ; padding:10px 0!important;}
.woocommerce div.product .woocommerce-tabs input[type="submit"]:hover {background: #764d1b!important;}
.woocommerce section.related.products {padding:30px 0!important; margin:0!important;}
.woocommerce section.related.products h2 {font-size:25px; line-height:35px; font-weight:700; color:#411503; text-align:left; margin:0 0 20px 0; padding:0px;}
.woocommerce section.related.products ul li {text-align:center; border:1px solid #ccc; padding:10px!important;}
.woocommerce section.related.products ul li a {text-align:center;}
.woocommerce section.related.products ul li a h2 {text-align:center; line-height:20px; padding-top:10px!important; padding-bottom:0px!important;}
.woocommerce section.related.products ul li a.woocommerce-LoopProduct-link {text-align:center!important;}
.woocommerce section.related.products ul li a.button {background:#411503; color:#FFF; font-weight: 400; text-align:center;}
.woocommerce-product-gallery__image {border:1px solid #ddd; height:265px;}
.woocommerce-product-gallery__wrapper div img {width:auto!important; height:100%!important; box-shadow:none!important; display:block!important; margin:0 auto!important;}
aside {margin:0px;}
aside section {background:#f7f7f7; padding:0px 0px 25px 0px;}
aside section h2.widget-title {font-size:18px!important; line-height:34px; color:#FFF!important; background:#411503; padding:5px 15px; font-weight:500!important; position:relative; margin-top:0px!important; margin-bottom:25px!important;}
aside section h2.widget-title:after {content:""; display: block; width: 0; height: 0; border-left:10px solid transparent; border-right:10px solid transparent; border-top: 7px solid #411503; position: absolute; bottom: -7px;}
aside section ul {padding:0 5%; margin:0px;}
aside section ul li {font-size:14px; font-weight:500; line-height:24px; color: #666; list-style:none; padding:5px 0; border-bottom:1px solid #411503; list-style:none;}
aside section form.woocommerce-product-search {padding:0 10px;}
aside section form.woocommerce-product-search input {padding:5px 13px; border:1px solid #ccc; width:70%;}
aside section form.woocommerce-product-search button {background:#411503; color:#FFF; font-weight:400; text-align:center; width:28%; padding:5px 0;
border:none;}
aside section form.woocommerce-product-search button:hover {background:#683e0b;}
aside section ul.product_list_widget {padding:0 5%!important; margin:0px!important;}
aside section ul.product_list_widget li {border:none;}
aside section .tagcloud {padding:0 5%; margin:0px;} 
aside section .tagcloud a {display:inline-block; padding:8px 10px; margin-bottom:5px; margin-right:5px; line-height:1; font-size:11px; text-transform: uppercase; background-color:#fff; border: 1px solid;}
.search-results article {border:1px solid #CCC; padding: 5px 20px; margin-bottom: 20px;}
.search-results article .entry-header h2 {font-size:20px; line-height:22px; font-weight:700; color:#411503; text-align:left; padding:0px; margin-top:20px; margin-bottom:10px;}
.search-results article .entry-header h2 a {font-size:20px; line-height:22px; font-weight:700; color:#411503; text-align:left; margin:0; padding:0px;}
.navigation .nav-links .page-numbers svg {display:none;} 
.page-numbers {padding:5px 10px; border:1px solid #666;}
.page-numbers:hover {background:#411503; color:#FFF;}
.page-numbers .screen-reader-text {position:relative!important;}
.content-area form.search-form input {width:70%; border:1px solid #bbb; padding:8px; border-radius:4px; margin-top:5px; margin-right:1%;}
.content-area form.search-form button svg {display:none;}
.content-area form.search-form button {font-weight:400; text-align:center; width:18%; padding:8px; margin-top:5px; border:1px solid #bbb; background:#411503; color:#FFF; border: none; border-radius:4px;}
.content-area form.search-form button {background: }
.content-area form.search-form button .screen-reader-text {position:relative!important;}

.marquee {padding:30px 0;}
.woocommerce-product-gallery {opacity:1!important}
#services h1 {margin-bottom:30px;}
b {color:#000; font-weight:500;}
#services .our-services .row h2 {margin-bottom:25px;}
#about-us p {line-height:20px;}
#about-us img {margin-top:40px;}
.post-thumbnail img {width:100%; height:auto; margin-bottom:20px;}
.content-area .blog-box {padding:30px; border:1px solid #e1e1e1;}
.content-area .blog-box h3 a {font-size:18px; line-height:24px; font-weight:500;}
.content-area .blog-box h3 {margin:10px 0 0 0;}
.content-area .col-sm-6.wow.blog-box {height:auto;}
.content-area .col-sm-6.wow.blog-box picture img {width:100%; height:100%;}
.prev.page-numbers {display:none;}
.next.page-numbers {display:none;}

.content-area .blog-box .entry-header {height:110px;}
.content-area .blog-box .entry-content {height:230px;}
.content-area .blog-box .entry-header .date::after {bottom:-15px;}
.content-area .blog-box .entry-header .date, .entry-header .cetagory {margin-bottom:20px;}
.content-area .blog-box .more-link {display:inline-block; color:#FFF; font-weight:500; text-align:center; padding:8px 15px; border-radius:5px; background:#8c5b20; margin-top:10px;}
.content-area .blog-box .more-link:hover {background:#74460f;}
.navbar-fixed-top .contactbutton a {margin-right:15px;}
.side-contact p {font-size:14px; line-height:40px; font-weight:bold; margin:0px; color:#000; position:fixed; transition:all 0.9s; z-index:99999; width:325px;}
.side-contact p.phone {background:#f6f6f6 url(assets/images-new/phone-icon.webp) no-repeat left; padding:0px 10px 0px 50px; right:-285px; top:250px;}
.side-contact p.mail {background:#f6f6f6 url(assets/images-new/mail-icon.webp) no-repeat left; padding:0px 10px 0px 50px; right:-285px; top:300px;}
.side-contact p.whatapp {background:#f6f6f6 url(assets/images-new/whatapp.webp) no-repeat left; padding:0px 10px 0px 50px; right:-285px; top:200px;}
.side-contact p.phone:hover {right:0px;}
.side-contact p.mail:hover {right:0px;}
.side-contact p.whatapp:hover {right:0px;}
.blog-posts .row .col-sm-4 {height:650px;}

.payment ul {padding:0px;}
.payment ul li {display:inline-block; list-style:none; margin-right:5px;}
.payment-mthd a img {padding-right:5px!important;}
.load-more {display:block; text-align:center; margin-top:0; margin-bottom:10px;}
table {border-collapse:collapse;}
th, td {border:1px solid orange; padding:10px; text-align:left;}
.post-template-default .section-headform {margin-bottom:40px;}
.section-headform {background:#f1f1f1; padding:50px 0 25px 0; }
.section-headform h2 {font-size:25px; font-weight:bold; text-align:center; margin-top:0px!important; margin-bottom:15px!important;}
.section-headform p {font-size:16px; font-weight:bold; text-align:center; margin-top:0px!important; margin-bottom:15px!important;}
.section-headform .form-head .form-group {margin-bottom:5px;}
.section-headform .form-head .col-sm-3 {padding-right:5px; padding-left:5px;}
.section-headform .form-head input {background:#FFF; border:1px solid #c9c9c9; border-radius:5px; line-height:45px; height:45px!important;}
.section-headform .form-head select.form-control {background:#FFF; border:1px solid #c9c9c9; border-radius:5px; line-height:45px; height:45px!important;}
.section-headform .form-head textarea.form-control {background:#FFF; border:1px solid #c9c9c9; border-radius:5px; min-height:45px; height:45px;}
.section-headform .form-head .btn-submit {background:#4e1904; border:1px solid #4e1904; width:100%; margin:0; line-height:20px; font-size:17px; text-transform: uppercase; font-weight: bold;}
.section-headform .form-head .btn-submit:hover {background:#391203;}
.section-headform .form-head .wpcf7-validation-errors {margin:0px;}
.inner-area .entry-content .thank-you-page {padding:50px 0; text-align:center;}
.inner-area .entry-content .thank-you-page h2 {font-size:60px; line-height:70px; font-weight:700; color:#424242; margin:10px 0 20px 0; padding:0px; text-align:center;}
.inner-area .entry-content .thank-you-page h2 span {color:#ce934b;}
.inner-area .entry-content .thank-you-page p {font-size:16px; line-height:20px; font-weight:700; margin:0px; padding:0px; text-transform:uppercase; text-align:center; letter-spacing:1px;}
.inner-area .entry-content .thank-you-page h4 {font-size:30px; text-transform:uppercase; margin:20px; font-weight:500;}
.thank-you-page a {font-size:18px; color:#ce934b; line-height:22px; text-align:center; font-weight:700; margin:50px 0px 0px 0px; padding:0px; display:block;}
#portfolio .row > h3{text-align: center; font-size: 30px; font-weight: 500; padding: 15px 0;}
#portfolio .products.columns-4 li a{text-align: center;}
#portfolio .products.columns-4 li a.button{display:block; text-align:center; margin:6px auto; clear:both; width:120px;}
#portfolio .row > a{width:200px; display:block; text-align:center; margin:6px auto; clear:both; background:#4a1f0e; color: #fff; text-transform: uppercase; font-weight: 500; padding: 10px; border-radius:5px;}
#portfolio .row > a:hover{background:#461b0a;}
.entry-content img {max-width:100%!important; height:auto;}
.ytp-large-play-button.ytp-button {width:50px!important;}
iframe #player .ytp-large-play-button.ytp-button {width:50px!important;}

.whatsapp-icon, .skype-icon {position: fixed; left:20px; bottom:30px; z-index: 99999;}
.skype-icon {bottom:100px;}
.whatsapp-icon img, .skype-icon img {max-width: 50px; height:auto;}



#portfolio .container .product {background:#4a1f0e; padding:10px;}
#portfolio .product  {text-align:center;}
#portfolio .xoo-qv-button {margin-bottom:10px;}

#portfolio .woocommerce-loop-product__title {color:#FFF;}
a.xoo-qv-button {border:1px solid #FFF!important; color:#fff!important;} 
.xoo-qv-btn-icon {color:#fff!important;}
.category article {padding:40px; border:1px solid #eee; border-radius:10px; background:#eee; margin-bottom:20px;}
.post-template-default article {padding:40px; border:1px solid #eee; border-radius:10px; background:#eee; margin-bottom:20px;} 
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 21.05%!important;}
.video-section {padding:100px 0 0 0;}
.video-section iframe {border:5px solid #592e1b;}



/*-----2023 Update CSS-----*/
.main-nav {padding:25px 0;}
.main-nav .navbar-logo img {max-width:230px; height:auto;}
.main-nav .nav-flex {display:flex; justify-content:space-between; align-items:center;}
.main-nav .menu-header-container ul li {position:relative;}
.main-nav .menu-header-container ul li a {font-size:16px; font-weight:500; color:#fff; padding:0 6px;}
.main-nav .menu-header-container ul li a:hover {color:#ffc71e;}
.main-nav .menu-header-container ul li:hover ul.sub-menu {display:block;}
.main-nav .menu-header-container ul li ul.sub-menu {display:none; padding:0px; position: absolute; background-color:#fff; min-width:225px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.main-nav .menu-header-container ul li ul.sub-menu li {list-style:none;}
.main-nav .menu-header-container ul li ul.sub-menu li a {color:black; padding:6px 15px; text-decoration:none; display:block; text-transform:capitalize; font-size:14px; font-weight:400;} 
.main-nav .menu-header-container ul li ul.sub-menu li a:hover {background:#ddd!important;}
.main-nav .menu-header-container .sub-menu .menu-item-has-children ul.sub-menu {left:100%; display:none; top:0;}
.main-nav .menu-header-container .sub-menu .menu-item-has-children:hover .sub-menu {display:block;}
.main-nav .switcher-box {position:relative; width:173px;}
.main-nav .switcher-box .gtranslate_wrapper {width:173px; position:absolute; right:0; top:50%; transform:translateY(-50%);}

#blog .blog-posts picture img {width:100%; height:auto;}

.woocommerce-product-details__short-description .btn {
    display: inline-block;
    text-align: center;
    margin: 5px 0;
    clear: both;
    background: #4a1f0e;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 5px;
}
.banner-top {
    width: 100%;
    object-fit: cover;
    height: 45px;
}
.banner-top-mobile {
    display: none;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.sticky {
    position: sticky;
    top: 0;
    z-index: 99999
}
.main-nav {
    top: 0
}
@media (max-width:1199px) {
.banner-top {
    height: 38px;
}
}
@media (max-width:991px) {
.banner-top {
    display: none
}
.banner-top-mobile {
    display: block
}
.main-nav {
    top: 100px
}
}
@media (max-width:767px) {
.main-nav {
    top: 45px
}
.banner-top-mobile {
    display: block;
    height: auto;
}
}
@media( min-width:320px) and ( max-width:767px){
.main-nav {padding:25px 0;}
.main-nav .nav-flex	 {display:block;}
.navbar-toggle {margin:0px!important; }
.main-nav .switcher-box {position:relative; margin:5px auto 0; }
.main-nav .switcher-box .gtranslate_wrapper {position:relative; right:0; left:0; top:0; transform:translateY(0%);}
.main-nav .navbar-logo img {margin-bottom:15px;}
.main-nav .menu-header-container ul li a {padding:8px 0; rder-bottom: 1px dotted #824c35;}

	
.video-section video {width:100%; height:auto; margin:50px 0;}
.inner-area .entry-content .thank-you-page {padding:50px 0;}
.inner-area .entry-content .thank-you-page img {width:20%;}
.inner-area .entry-content .thank-you-page h2 {font-size:30px; line-height:30px; margin:10px 0px 10px 0px;}
.inner-area .entry-content .thank-you-page h2 span {color:#49cc85;}
.inner-area .entry-content .thank-you-page h4 {font-size:14x;}
.inner-area .entry-content .thank-you-page p {font-size:14px; line-height:20px; font-weight:700;}
.carousel-fade .carousel-inner .item {height:350px;}
section {padding:0;}
section#contact {padding:0px;}
.contact-info {padding-left:0px;}
.side-contact p.phone {top:250px;}
.side-contact p.mail {top:300px;}
.twitter-left-control, .left-control {display:none;}
.twitter-right-control, .right-control {display:none;}
.caption .btn-start {font-size:10px; padding:8px 25px; margin-top:20px;}
#home-slider .fa-angle-down {bottom:20px;}
#twitter-carousel .item {padding: 0 15px;}
.btn-loadmore {padding:10px 0; display:block; background:#411503; color:#fff}
.section-headform .form-head .btn-submit {width:100%;}
.section-headform .form-head .col-sm-3 {padding-right:15px; padding-left:15px;}
.section-headform textarea.form-control {min-height:70px; height:70px;}
.entry-header h1 {font-size:20px; margin:25px 0 10px;}
.woocommerce div.product .woocommerce-tabs .wid-50 {width:100%;}	
.woocommerce div.product .woocommerce-tabs input[type="submit"] {width:50%;}
.content-area form.search-form button {width:25%;}
.inner-area .entry-header {padding:15px 0;}
.inner-area .entry-header h1 {font-size:20px;}
.entry-content .woocommerce.columns-4 .woocommerce-result-count {font-size:10px; margin:0 0 10px 0;} 
.entry-content .woocommerce-ordering select.orderby {font-size:10px;}
.error-404 .search-form .search-submit {padding:10px 0;}
.error-404 .screen-reader-text {font-size:12px; line-height:25px;}
.error404 img {width:100%;}

#home-slider .caption h2 {font-size:20px;}
#home-slider .caption h1 {font-size:20px;}	
#about-us img {max-width:100%;}
.switcher-box .switcher {position:relative; top:0px; padding:10px 0; margin:0 auto;}
h1 {font-size:20px!important; line-height:30px!important;}
h2 {font-size:18px!important; line-height:28px!important;}
.woocommerce ul.products li.product h2 {
    font-size: 16px !important;
    line-height: 20px !important;
    min-height: 56px; 
}
.preloader > img {left:15%;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 46% !important;
    margin: 2% !important;
}
}

@media (min-width:768px) and (max-width:991px) {
#about-us img {max-width:100%;}
.section-headform .form-head .btn-submit {width:100%;}
aside section h2.widget-title {font-size:14px!important; padding:0px 15px;}
aside section h2.widget-title {margin-bottom:10px !important;}
aside section form.woocommerce-product-search input {font-size:12px; width:100%; margin-bottom:10px;}
aside section form.woocommerce-product-search button {font-size:12px; width:100%;}
.ytp-cued-thumbnail-overlay {display:none;}
}