/*
Theme Name: Woodwork Pro
Theme URI: https://starthemes.net/wordpress-themes/carpenter-wordpress-theme/
Author: Starthemes
Author URI: https://www.starthemes.net/
Description: Woodwork is a nicely design, modern and elegant carpenter WordPress theme best suitable for interior design and furniture shop. This theme comes with plenty of options like font settings, colors, blog layouts, page layouts, homepage sections. slider and more. This theme is mobile friendly and can compatible with all the screen resolutions. This theme has a separate panel for options so you can modify your theme in one panel. This theme is compatible with the latest version fo WordPress and some most popular plugins like wocommerce and contact form 7. You don't need any coding experience for using this theme since all the options are given to change anything. This theme can also have so many font awesome icons you can use it as per your requirements. Well working gallery can showcase your work with the standard way. 
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: woodwork
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

Woodwork Pro WordPress Theme has been created by Starthemes(starthemes.net), 2019.
Woodwork Pro WordPress Theme is released under the terms of GNU GPL
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{outline:none;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:24px; margin:0; padding:0; color:#494848; font-size:15px; font-family:'Roboto Slab'; background-color:#ffffff; font-weight:400; }
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; font-weight:700; }
h1{ font-size:32px;}
h2{ font-size:25px;}
h3{ font-size:22px;}
h4{ font-size:19px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:10px 20px; text-align:left; border-left:5px solid #ae5600; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style:italic; line-height:30px; background-color:#f7f7f7; }
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #ae5600; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style:italic;  line-height:30px; background-color:#f7f7f7; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0 0 25px; padding:0;}
a{ text-decoration:none; -webkit-transition:0.3s; -ms-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:100%; }
.alignright, img.alignright { float: right; margin-left:15px; height:auto; width:100%; margin-bottom:15px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:100%;}
.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:70px 0; position:relative; }
.boxlayout .header .container{ width:100%; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0 !important; }
.full-container .one_half{ margin-bottom:0 !important;}

/*===============================================
** Responsive Header Css
*===============================================*/
.header-responsive{ display:none; }

/*===============================================
** Sticky Header Css
*===============================================*/
.sticky-header{ background-color:#ffffff; width:100%; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000; padding:10px 0; }
.sticky-header .container{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; align-items:center; }
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:20%; }
.sticky-header .sticky-right{ width:80%; }
.sticky-header .sticky-right .sitenav{ text-align:right; }
.sticky-header .sticky-right .sitenav ul{ border:none; }
.sticky-header .sticky-right .sitenav ul li a{ border:none; padding:12px 20px; }
.sticky-header .sticky-right .sitenav ul li a.parent:before{ top:34%; }
.sticky-header .sticky-right .sitenav ul li:hover > ul{ top:40px; }

/*===============================================
** Header Css
*===============================================*/
.header-main{ position:relative; top:0; z-index:15; width:100%; }
.header{ padding:15px 0; background-color:#2b2b2b; display:block; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; }
.header .container { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; }
.header-left{ width:25%; margin-right:auto; }
.header-right{ width:40%; }
.header-info{ text-align:right; font:700 28px/1.3 'Lato'; color:#ae5600; }
.header-info span{ display:block; text-transform:uppercase; color:#ffffff; font-weight:400; font-size:12px; letter-spacing:1px; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; padding:0; position:relative; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; text-transform:capitalize; }
.logo img{ width:auto; height:auto; display:block; }
.logo h1{ font-weight:700; margin:0; font:400 35px/1 'Lato'; color:#ffffff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.logo a{ display:block; }
.logo p{ color:#ae5600; display:block; font:400 12px/16px 'Roboto'; margin:5px 0 0; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{ display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid #ccc; color:#787878; }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top: 15px; font-size: 28px; left: 14px; }

.sitenav{ position:relative; z-index:9999; text-align:center; margin:0 auto 0 0; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto'; font-size:15px; font-weight:400; text-transform:uppercase; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; }
.sitenav ul li a{ padding:25px 20px; display:block; text-align:center; color:#191919; position:relative; }
.sitenav ul li a span{ display:block; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#ae5600; }
.sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:0; top:40%; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:14px; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; border:none; }
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:100%; text-align:left; -ms-animation: fadeInUp .3s ease-in-out; -webkit-animation: fadeInUp .3s ease-in-out; animation:fadeInUp .3s ease-in-out; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; margin-right:0; }
.sitenav ul li ul li a{display:block; padding:10px; position:relative; top:0; text-align:left; }
.sitenav ul li ul li a.parent:before{ content:'\f105'; position: absolute; right: 8px; top: 9px; font-family: 'Font Awesome 5 Pro'; font-weight:400; font-size: 14px; }

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:-1px; -ms-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; }

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { width:60%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.4); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:740px; position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto; }
.boxlayout .slider-main{ min-height:568px; }
#slider a.button{ margin-right:20px; }
.boxlayout .slider-main .nivo-controlNav{ bottom:16%; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons a{ width:30px; height:30px; line-height:30px; display:inline-block; padding:0; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; font-size:16px; color:#2c2c2c; position: relative; margin:0 3px; text-align:center; border-radius:50%; }
.social-icons a:hover { color:#ae5600; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.main-button{ font-family:'Open Sans'; font-size:14px; font-weight:600; text-transform:uppercase; padding:14px 30px; margin-bottom:4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color:#ae5600; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; border-radius:40px; }
a.main-button span{ display:block; }
a.main-button:hover{ background-color:#252525; color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#252525; padding:12px 25px; font:700 12px/18px 'Roboto'; display:inline-block; letter-spacing:2px; }
a.buttonstyle1:hover{ background-color:#ae5600; color:#ffffff; }

a.sliderbtn{ font-family:'Roboto'; font-size:15px; font-weight:400; text-transform:uppercase; padding:16px 50px; line-height:1; display:inline-block; text-align:center; color:#ffffff;  border:1px solid; border-radius:30px; position:relative; -webkit-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; }
a.sliderbtn:hover{ color:#ffffff; background-color:#ae5600; border-color:transparent; }

.custombtn{ margin-top:60px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; }
h2.section_title{ font:900 32px/42px 'Lato'; color:#2c2c2c; position:relative; text-transform:capitalize; padding:0 0 25px; margin:0 auto 25px; letter-spacing:2px; display:table; }
h2.section_title:after{ content:''; position:absolute; border-bottom:1px solid; border-top:1px solid; height:6px; width:80px; display:block; bottom:0; left:0; right:0; margin:0 auto; color:#ae5600; }
.section_head span{ display:block; font-family:'Roboto Condensed'; color:#ae5600; font-size:20px; text-transform:none; font-weight:400; margin-bottom:5px; line-height:1; }
.section_head p{ margin:0 auto 60px; width:60%; line-height:28px; }
.full-container .section_head p{ width:42%; }

/*===============================================
** 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{ color:#ffffff; }
.sec-overlay h2.section_title:before{ border-color:#ffffff; }

/*===============================================
** Section Shortcode Css
*===============================================*/
.section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin-bottom:30px; }
.custom-heading h2{ text-transform:capitalize; font-weight:700; position:relative; margin-bottom:0px; }
.custom-heading h2 span{ display:block; font-size:50%; margin-bottom:10px; letter-spacing:1px; font-weight:400; }

/*===============================================
** Grid Columns Css
*===============================================*/
.grid-col-two, .grid-col-three, .grid-col-four{ float:left; }
.grid-col-two{ width:48%; margin-right:4%; margin-top:30px; }
.grid-col-three{ width:32%; margin-right:2%; margin-top:30px; }
.grid-col-four{ width:23.5%; margin-right:2%; margin-top:30px; }

/*===============================================
** Page boxes section Css
*===============================================*/
section#pagearea { width:100%; position:relative; padding-top:0; z-index:9; padding:30px 0 0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; }
.pagearea-inner { position:relative; margin-top:-100px; margin-bottom:50px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:stretch; justify-content:space-between; flex-direction: row; }
.featbox { width:33.3333%; padding:30px; margin:0 0 20px 0; position:relative; box-sizing:border-box; text-align:center; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; box-shadow:0 10px 30px 0 rgba(50, 50, 50, 0.1); }
.featbox .thumbbx{ position:relative; width:80px; height:80px; display:table; background-color:#ae5600; margin:20px auto 30px; color:#ffffff; font-size:32px; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; }
.featbox .thumbbx i{ display:table-cell; vertical-align:middle; }
.featbox:hover .thumbbx{ border-radius:50%; background-color:#252525; }
.featbxcntnt h3{ margin-bottom:15px; text-transform:uppercase; display:block; position:relative; letter-spacing:1px; }
.featbxcntnt p{ margin-bottom:20px; word-break:keep-all; }
.featbox:hover{ cursor:pointer; -webkit-transform: scale(1.1); transform: scale(1.1); z-index:99; box-shadow:0 10px 30px 0 rgba(50, 50, 50, 0.2); }

.one_column{ width:100%; }
.two_column{ width:50%; }
.three_column{ width:33.333333%; }
.four_column { width:25%; min-height:403px; }

/*===============================================* Theme Shortcode Css Start *===============================================*/

/*===============================================
** Introduction Css
*===============================================*/
.introduction{ position:relative; display:block; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; }
.introduction .intro-inner{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; flex-direction:row; }
.intro-img{ width:50%; margin-right:50px }
.intro-content{ position:relative; width:60%; }
.intro-title{ margin-bottom:25px; }
.intro-title span{ text-transform:uppercase; display:table; margin-bottom:15px; }
.intro-title h2{ position:relative; display:block; font-size:36px; line-height:1.2em; color:#1a2940; font-weight:700; padding:10px 0 10px 20px; margin-bottom:0;  }
.intro-title h2:before{ content:''; height:100%; width:3px; background-color:#ae5600; position:absolute; left:0; top:0; }
.intro-img.right{ order:1; margin-left:50px; margin-right:0; }

/*===============================================
** Service Css
*===============================================*/
.service-box{ position:relative; text-align:center; margin-bottom:30px; }
.service-thumb{ position:relative; overflow:hidden; margin-bottom:20px; }
.service-more{ position:absolute; bottom:0; width:100%; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.service-more a{ display:block; background-color:#ae5600; color:#ffffff; padding:12px 8px; font-size:16px; }
.service-more a:hover{ background-color:#252525; color:#ffffff; }
.service-box h3{ margin-bottom:0; }
.service-box:hover .service-more{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }

/*===============================================
** Image Boxes Css
*===============================================*/
.image-box{ background-color:#ffffff; text-align:center; position:relative; z-index:1; }
.inner-image-box{ padding:40px 25px; }
.image-box-tumb{ width:70px; height:60px; margin:0 auto 30px; position:relative; }
.image-box-tumb img{ width:auto; position:absolute; left:0; right:0; margin:0 auto; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.image-box-content p{ margin-bottom:0; }
.image-box span{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; box-sizing:border-box; z-index:-1; }
.image-box span:before{ content:''; position:absolute; background-color:#464646; -webkit-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.image-box span:nth-child(1)::before{ left:0; width:0; height:3px; top:0; }
.image-box span:nth-child(2)::before{ right:0; width:3px; height:0; top:0; }
.image-box span:nth-child(3)::before{ right:0; width:0; height:3px; bottom:0;  }
.image-box span:nth-child(4)::before{ left:0; width:3px; height:0; bottom:0;  }
.image-box:hover span:nth-child(1)::before{ width:100%; }
.image-box:hover span:nth-child(2)::before{ height:100%; }
.image-box:hover span:nth-child(3)::before{ width:100%; }
.image-box:hover span:nth-child(4)::before{ height:100%; }

/*===============================================
** Info Strip Css
*===============================================*/
.info-strip{ position:relative; text-align:center; border:1px solid; width:80%; margin:0 auto 50px; }
.inner-info-strip{ padding:70px 50px; }
.info-strip p{ font-size:36px; }
.info-strip h1{ margin-bottom:40px; }
.info-strip-icon{ position:absolute; width:50px; height:50px; bottom:-24px; line-height:50px; border-radius:50%; background-color:#ffffff; color:#000000; font-size:20px; margin:0 auto; left:0; right:0; }

/*===============================================
** Icon Box Css
*===============================================*/
.icon-box{ position:relative; margin-bottom:30px; }
.icon-thumb{ width:52px; height:52px; line-height:52px; float:left; background-color:#3c3c3c; color:#ffffff; text-align:center; margin-right:30px; font-size:22px; }
.icon-content{ overflow:hidden; }
.icon-content h3{ margin-bottom:10px; }
.icon-box:last-child{ margin-bottom:0; }

/*===============================================
** Quote Form Css
*===============================================*/
.quote-form{ position:relative; border:1px solid #ae5600; }
.inner-quote-form{ padding:30px; }
.form-ttl{ position:relative; text-align:center; background-color:#ae5600; padding:30px 20px; color:#ffffff; margin-bottom:20px; }
.form-ttl h2{ color:#ffffff; margin-bottom:10px; position:relative; z-index:5; }
.form-ttl p{ margin-bottom:0; position:relative; z-index:5; }
.form-main textarea.form-control{ height:110px; }
.form-ttl:before{ content:''; width:0; height:0; border-top:30px solid #683300; border-right:30px solid transparent; position:absolute; bottom:-30px; right:-60px }
.form-ttl:after{ content:''; position:absolute; right:-60px; top:0; height:100%; background-color:#ae5600; width:100%; z-index:1; }

/*===============================================
** Info Block Css
*===============================================*/
.info-block{ position:relative; display:block; background-color:#ffffff; border:1px solid #f7f7f7; padding:30px 20px; margin:50px 0 0; transition:all 500ms ease; }
.info-block-title h3{ position:relative; display:block; line-height:30px; text-transform:uppercase; margin-bottom:25px; padding-left:36px; }
.info-block-title h3:before{ position:absolute; content:''; border:1px solid; width:25px; top:14px; left:0px; }
.info-block-bottom{ position:relative; }
.info-block-link{ text-transform:uppercase; font-weight:700; font-size:12px; }
.info-block-count{ font-size:48px; line-height:60px; position:absolute; bottom:-10px; right:0; color:#ffffff; text-shadow:-1px -1px 0 #e0e0e0, 1px -1px 0 #e0e0e0, -1px 1px 0 #e0e0e0, 1px 1px 0 #e0e0e0; }
.info-block-text{ margin-bottom:20px; display:table; width:100%; }
.info-block:hover{ box-shadow:-15px 5px 30px rgba(229, 229, 229, 0.50); transform:translateY(-15px); }

/*===============================================
** Pricing Box Css
*===============================================*/
.pricing-col{ text-align:center; background-color:#ffffff; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); }
.package-name{ padding:30px; background-color:#ae5600; }
.package-name h2{ margin:0; color:#ffffff; text-transform:uppercase; }
.package-price{ font:700 46px 'Sintony'; color:#000000; padding:30px 30px 20px; position:relative; }
.package-price sup, .package-price sub{ font-size:15px; margin:0 5px; }
.package-price sub{ position:relative; bottom:12px; }
.package-price:after{ content:''; position:absolute; bottom:0; left:0; right:0; width:60px; height:2px; background-color:#f2f2f2; margin:0 auto; }
.package-row{ padding:30px; }
.package-btn{ padding-bottom:30px; }
.package-btn .button{ margin:0; display:block; padding:18px; border-radius:0; }

/*===============================================* Theme Shortcode Css End *===============================================*/

/*===============================================
** Project Css
*===============================================*/
.choose-us-left{ width:60%; float:left; }
.choose-us-right{ width:30%; float:right; }

/*===============================================
** Project Css
*===============================================*/
.project-item-image{ position:relative; overflow:hidden; }
.project-item-image img{ position:relative; }
.project-item-title{ position:absolute; bottom:0; left:0; top:auto; width:100%; padding:20px; background-color:#ae5600; -webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; backface-visibility:hidden; -webkit-transition:-webkit-transform 0.4s; -moz-transition:-moz-transform 0.4s; transition:transform 0.4s; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); z-index:2; }
.project-title h3{ margin-bottom:0; color:#ffffff; }
.project-item-image:hover .project-item-title{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }

.project-link{ position:absolute; left:0; right:0; top:0; width:100%; height:100%; z-index:1; text-align:center; background-color:rgba(0,0,0,0.5); -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); -webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; backface-visibility:hidden; -webkit-transition:-webkit-transform 0.8s; -moz-transition:-moz-transform 0.8s; }
.project-link a{ width:50px; height:50px; line-height:50px; border-radius:50px; background-color:#ae5600; color:#ffffff; display:table; position:absolute; left:0; right:0; margin:0 auto; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.project-link a:hover{ background-color:#252525; color:#ffffff; }
.project-item-image:hover .project-link{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }

.project-post-single .post-thumb{ margin-bottom:30px; }
.project-meta ul li{ text-align:right; }
.project-meta ul li strong{ float:left; }

/*===============================================
** Testimonials Css
*===============================================*/
#clienttestiminials{ margin:60px auto 0; width:85%; }
.testi-thumb{ width:180px; height:180px; border-radius:50%; overflow:hidden; border:5px solid #ffffff; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:1; }
.testi-thumb img{ border-radius:50%; }

.testi-content{ background-color:#ae5600; padding:3em 10em; margin-left:6em; position:relative; }

.testi-desc p{ font-weight:400; font-size:17px; line-height:28px; font-style:italic; color:#ffffff; }
.testimonials-item .tmttl h4{ margin:0; }
.testimonials-item .tmttl h4 a{ border-bottom:1px solid; color:#ffb266; }
.testimonials-item .tmttl h4 a:hover{ color: #252525; }
.testimonials-item .tmttl span{ display:inline-block; margin-left:15px; font-family:'Roboto'; font-size:14px; font-style:normal; font-weight:400; color:#252525; }

.testi-content:before{ content:'\f10d'; font-family:'Font Awesome 5 Pro'; font-weight:700; position:absolute; right:30px; top:30px; font-size:40px; color:rgba(255,255,255,0.6); }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden; }
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting .tmnlcont{ overflow:hidden; }
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize;}
#testimonials-widget p{ margin-bottom:15px; }

/*===============================================
** Gallery Css
*===============================================*/
.gallery-wrap { position:relative; }
.gallery{ text-align:center; }
.gallery-image{ position:relative; overflow:hidden; background-color:#000000; }
.gallery-image img{ position:relative; display:block; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0.8; }
.gallery-image:hover img { -webkit-transform:translate3d(0,-56px,0); transform:translate3d(0,-56px,0); }
.gallery-title{ position:absolute; bottom:0; left:0; right:-1px; padding:20px; letter-spacing:1px; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,56px,0); transform: translate3d(0,56px,0); background-color:#ae5600; text-align:center; }
.gallery-title h5{ margin:0; text-transform:uppercase; letter-spacing:2px; color:#ffffff; }
.gallery-image:hover .gallery-title{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.gallery-icon{ width:50px; height:50px; border-radius:50px; margin:0 auto; text-align:center; line-height:50px; font-size:18px; position:absolute; top:20%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; opacity:0; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; overflow:hidden; }
.gallery-icon a{ background-color:#ae5600; display:block; color:#ffffff; }
.gallery-icon a:hover{ color:#ffffff; background-color:#2c2c2c; }
.gallery-image:hover .gallery-icon{ opacity:1; top:50%; }

/*===============================================
** Our Team Css
*===============================================*/
.teammember-list{ text-align:left; background-color:#ae5600; }
.team-thumbnail{ position:relative; overflow:hidden; }
.team-thumbnail img{ -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
.teammember-list:hover img{ opacity:0.2; }

.member-social-icon{ position:absolute; top:30px; right:30px; }
.member-social-icon a{ display:block; width:30px; height:30px; line-height:30px; text-align:center; margin-bottom:5px; background-color:#ffffff; color:#474747; -webkit-transition: -webkit-transform 0.35s; transition:transform 0.35s; transition-delay:0s; -webkit-transform:translate3d(60px,0,0); transform:translate3d(60px,0,0); }
.teammember-list:hover .member-social-icon a{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.teammember-list:hover .member-social-icon a:first-child{ -webkit-transition-delay:0.3s; transition-delay:0.3s; }
.teammember-list:hover .member-social-icon a:nth-child(2){ -webkit-transition-delay:0.25s; transition-delay:0.25s; }
.teammember-list:hover .member-social-icon a:nth-child(3){ -webkit-transition-delay:0.2s; transition-delay:0.2s; }
.teammember-list:hover .member-social-icon a:nth-child(4){ -webkit-transition-delay:0.15s; transition-delay:0.15s; }
.teammember-list:hover .member-social-icon a:nth-child(5){ -webkit-transition-delay:0.1s; transition-delay:0.1s; }

.team-content{ position:absolute; width:100%; bottom:0; padding:20px; -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s; -webkit-transform: translate3d(0,100%,0); transform:translate3d(0,100%,0); }
.team-name h4{ text-transform:uppercase; margin-bottom:5px; font:700 17px/24px 'Rajdhani'; }
.team-name h4 a, .teammember-list:hover span{ color:#ffffff; }
.teammember-list h4 a:hover{ color:#252525; }
.teammember-list:hover .team-content{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }

/*===============================================
** Latest Blog Css
*===============================================*/
.news-box{ position:relative; overflow: hidden; }
.news-thumb{ position:relative; overflow:hidden; }
.news-thumb img{ -webkit-transition: -webkit-transform 1s; transition:transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.news-thumb .post-date{ position:absolute; right:0; top:0; background-color:#ae5600; display:inline-block; padding:10px 20px; color:#ffffff; font-size:14px; z-index:5; }
.news-thumb .post-date i{ margin-right:10px; }

.news-content{ margin:0; text-align:left; position:relative; z-index:10; }
.latest-news-para{ padding:30px 0 0; }
.news-content h3{ margin:0 0 15px; font-family:'Rajdhani'; font-size:22px; font-weight:700; line-height:1.2; }
.news-content h3 a { color: #2d2d2d; }
.latest-news-para p{ line-height:28px; margin-bottom:25px; }

.post-meta{ text-transform:capitalize; font-size:12px; margin:0 0 15px; }
.post-meta span{ display:inline-block; position:relative; padding:2px 30px 2px 0; }
.post-meta span:last-child{ padding-right:0; }
.post-meta span a{ display:block; }
.post-meta span a:after{ content:'/'; position:absolute; top:1px; right:12px; }
.post-meta span:last-child a:after{ content:none; }

.news-box:hover h3 a{ color:#ae5600; }
.news-box:hover img { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }

.ln-read-more{ font:700 13px/18px 'Open Sans'; text-transform:capitalize; display:inline-block; background-color:#2c2c2c; color:#ffffff; padding:10px 20px; z-index:0; border-radius:5px; }
.ln-read-more:hover{ background-color:#ae5600; color:#ffffff; }

/*===============================================
** Counter CSS
*===============================================*/
.counter-main{  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; }
.counter-box { text-align:center; width:25%; }
.inner-counter{ padding:50px 30px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.counter-box h3{ margin:0; font-size:18px; font-weight:600; text-transform:uppercase; letter-spacing:1px; }
.counter-box h3.counter { font:400 50px 'Oswald'; margin:0 0 20px; line-height: normal; display:inline-block; } 
.counter-box span{ display:inline-block; font-size:50px; margin-left:10px; }
.counter-box i{ color:#ae5600; display:block; font-size:50px; margin-bottom:20px; }

/*===============================================
** Client Logo CSS
*===============================================*/
.partner-logo{ text-align:center; }
.partner-logo img{ width:100% !important; margin:0 auto; -webkit-filter:grayscale(1); filter:grayscale(1); }
.partner-logo:hover img{ -webkit-filter:grayscale(0); filter:grayscale(0); }
.partner-logo a{ display:block; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:40px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.3s linear; -ms-transition:0.3s linear; transition:0.3s linear; -webkit-transition-property:width, background-color; -ms-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; }
.skillbar-title { color:#1b1b1b; text-transform:uppercase; }
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; font-size:13px; line-height:35px; font-family:'Roboto Condensed'; letter-spacing:1px; }
.skillbar-bar { height:2px; width:0px; background-color:#ae5600; }
.skill-bar-percent { position:absolute; right:0; top:0; height:35px; line-height:35px; color:#1b1b1b; font-family:'Roboto Condensed';}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; background-color:#a9aeb1; }

/*===============================================
** 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; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #3b3b3b !important; }

.owl-carousel .owl-nav button:hover{ border-color:#ae5600 !important; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#ae5600 !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; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:absolute; font-family:'Font Awesome 5 Pro'; font-weight:700; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#3b3b3b; }

.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:#141414; color:#737373; position:relative; padding:80px 0 50px; }
.widget-column{ width:24%; float:left; padding-left:1%; margin-left:1%; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.widget-space{ margin-bottom:30px; }
.foo-cols h5{ margin-bottom:15px; text-transform:capitalize; font-weight:700; color:#ffffff; font-size:24px; font-family:'Rajdhani'; position:relative; padding-bottom:15px; }

.foo-cols ul.menu li a, #footer-wrapper a{ color:#ae5600; }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover{ color:#737373; }

.footer-cols-three .widget-column{ width:32%; padding-left:2%; margin-left:2%; }
.footer-cols-two .widget-column{ width:48%; margin-left:4%; }

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin:30px 0; }
.getintouch-logo{ margin:0 0 30px; }
.getintouch-logo img{ width:auto; }
.widget-getintouch-info li{ display:block; padding-left:40px; margin-bottom:20px; position:relative; }
.widget-getintouch-info li:before{ position:absolute; left:0; font-family:'Font Awesome 5 Pro'; font-weight:300; font-size:24px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.widget-getintouch-info li:first-child::before{ content:'\f3c5'; }
.widget-getintouch-info li:nth-child(2)::before{ content:'\f0e0'; }
.widget-getintouch-info li:nth-child(3)::before{ content:'\f879'; }
.widget-getintouch-info li:nth-child(4)::before{ content:'\f0ac'; }
.widget-getintouch-social{ margin-top:30px; }
.widget-getintouch-social li{ display:inline-block; margin:0 10px; }

ul.footer-social{ margin:0; padding:0; }
ul.footer-social li{ display:inline-block; width:40px; height:40px; line-height:40px; margin-right:8px; text-align:center; }
ul.footer-social li a{ display:block; background-color:#232323; color:#979797; }
ul.footer-social li a:hover{ color:#ffffff; background-color:#ae5600; }

.footer-nav li{ text-transform:uppercase; margin-bottom:8px; display:inline-block; margin-right:32px; }
.footer-nav li a{ display:block; padding-bottom:8px; position:relative; }
.footer-nav li:last-child{ border:none; margin:0; }
.footer-nav ul{ display:none; }

.latest-posts-row{ margin-bottom:20px; padding-bottom:20px; clear: both; overflow: hidden; border-bottom:1px solid #32412a; }
.latest-posts-row:last-child{ border:none; margin:0; padding:0; }
.latest-post-thumb { width:80px; float:left; margin-right:10px; }
.latest-post-content h4{ margin:0 0 5px; line-height: 1.1; font-size:15px; font-weight:700; text-transform:uppercase; font-family:'Open Sans'; }
.latest-post-content{ overflow:hidden; }
.latest-post-content p{ line-height:20px; font-size:14px; margin-bottom:0; }

.newsletter{ margin-top:30px; }
.newsletter input[type=email]{ margin:0; height:60px; text-align:center; }
.newsletter button{ width:100%; height:50px; background-color:#ae5600; border:none; color:#ffffff; font-size:20px; cursor:pointer; -webkit-appearance:button; -moz-appearance:button;appearance:button; }

.widget-about-image{ min-height:180px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 0 40px; }
.widget-about-conte{ padding:0 12px; }
.widget-about-conte h6.wid-abt-hd{ text-transform:uppercase; font-size:110%; margin: 0 0 5px; }
.widget-about-conte .sub-wid-abt-hd{ color:#ae5600; 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 20px; padding:0 !important; }

.opening-hrs{ margin-bottom:30px; }
.opening-hrs h6{ font-size:16px; text-transform:uppercase; color:#ae5600; letter-spacing:2px; }
.opening-hrs .opening-hrs-list{ text-align:right; }
.opening-hrs .opening-hrs-list li{ line-height:1; padding:0 0 20px; margin-bottom:20px; display:block; border-bottom:1px solid; }
.opening-hrs .opening-hrs-list li span{ float:left; }

#instafeed:after{ content:''; display:table; clear:both; }
#instafeed .instafeed{ position:relative; overflow:hidden; border-radius: 10px; }
#instafeed .instafeed .overlay{ background-color:rgba(0,0,0,0.8); position:absolute; top:0; right:0; left:0; bottom:0; text-align:center; -webkit-transition:all 0.3s ease-in-out; transition:all 0.5s ease-in-out; -webkit-transform:translateY(100%); transform:translateY(100%); }
#instafeed .instafeed .overlay i{ position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; font-size:20px; }
#instafeed .instafeed:hover .overlay{  -webkit-transform:translateY(0); transform:translateY(0); }

#instafeed.col-2 .instafeed{ width:48%; margin-right:2%; float:left; margin-bottom:2%; }
#instafeed.col-2 .instafeed:nth-of-type(2n){ margin-right:0; }

#instafeed.col-3 .instafeed{ width:31.3%; margin-right:3%; float:left; margin-bottom:3%; }
#instafeed.col-3 .instafeed:nth-of-type(3n){ margin-right:0; }

#instafeed.col-4 .instafeed{ width:23.5%; margin-right:2%; float:left; margin-bottom:2%; }
#instafeed.col-4 .instafeed:nth-of-type(4n){ margin-right:0; }

/*===============================================
** Footer Copyright Css
*===============================================*/
.copyright-wrapper{ background-color:#000000; padding:40px 0; color:#737373; text-align:center; }
.copyright-wrapper a{ color:#ae5600; }
.copyright-wrapper a:hover{ color:#737373; }
.copyright-left{ float:left; }
.copyright-right{ float:right; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
.innerbanner .container{ padding:3em 0; }
h1.innerpage-title{ display:table; text-transform:uppercase; position:relative; font-size:36px; margin:0; padding:15px 0; color:#ffffff; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat{ width:48%; float:left; margin:0 4% 30px 0; }
.blog-post-repeat.lastcols{ margin-right:0; }
.blog-post-repeat article{ position:relative; overflow:hidden; }
.post-thumb{ position:relative; overflow:hidden; }
.post-thumb img { -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.post-thumb .post-date{ position: absolute; top:0; right:0; background-color:#ae5600; color:#ffffff; font-size:30px; font-weight:700; padding:15px; text-align:center; transition: all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; z-index: 9; }
.post-thumb .post-date span { display:block; font-weight:400; font-size:50%; margin-top:10px; text-transform:uppercase; }
.post-data{ padding:20px; position:relative; background-color:#f9f9f9; }
.blog-post-repeat ul.post-meta{ margin-left:0; margin-bottom:10px; }

.blog-post-repeat:hover img { opacity:0.4; -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1); }

.blog-post-repeat .post-data{ overflow:hidden; text-align:center; }

/* 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:#000000; color:#ffffff; padding:5px 15px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{ background-color:#ae5600; color:#ffffff !important; }

/* home page posts pagination */
.navigation .page-numbers{ background-color:#383838; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background-color:#037df0; color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; }

/*===============================================
** Single Posts Css
*===============================================*/
.blog-post-single .post-thumb{ margin-bottom:30px; }
article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:20px; }
.blog-post-single header.entry-header{ margin-bottom:20px; }
.post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; }
.post-bottom .post-tags{ float:left; }
.post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
.post-bottom .social_share{ float:right; }

/* Post Nav */
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

#nav-below.post-navigation{ margin:20px 0 40px; padding:20px 0; display:-ms-flexbox; display:flex; align-items:normal; width:100%; justify-content:space-between; }
.nav-previous, .nav-next{ width:50%;  }
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; }
#nav-below.post-navigation .meta-nav-icon{ background-color:#ae5600; width:98px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:60px; }
#nav-below.post-navigation .meta-nav-icon i{ position: absolute; left: 50%; top: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#nav-below.post-navigation .meta-nav-title{ background-color:#ececec; padding:20px 40px; width:76%; text-align: center; display: inline-block; vertical-align: middle; }
#nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; }

/* Team testi Single */
.team-testi-post-thumb{ margin-right:30px; text-align:center; }
.team-testi-post-thumb img{ border:8px solid #ae5600; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#ae5600; line-height:normal; margin:15px 0; }
.team-testi-post-thumb a{ border:2px solid; height:40px; width:40px; display:inline-block; border-radius:50%; line-height:38px; margin:0 5px; }
.member-info{ margin-top:30px; }
.member-info ul{ margin:0; padding:0; list-style:none; }
.member-info ul li{ display:inline-block; width:46%; margin-bottom:15px; padding-bottom:15px; position:relative; margin-left:10px; margin-right:10px; }
.member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#ae5600; }
#sidebar.team-testi-sidebar{ float:left; padding-bottom:0; }

/*===============================================
** Contact Page Css
*===============================================*/
.gmap{ position:relative; width:100%; margin-bottom:0; }

.contact-content .form-group.half{ width:48%; margin-right:4%; float:left; }
.contact-content .form-group.half.last{ margin-right:0; }

.contact-content .form-group.third{ width:32%; margin-right:2%; float:left; }
.contact-content .form-group.third.last{ margin-right:0; }

.contact-content .form-group input[type=text], .contact-content .form-group input[type=email], .contact-content .form-group input[type=tel], .contact-content .form-group textarea{ background-color:transparent; border:1px solid; transition:all 0.3s ease-in-out; -webkit-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:#63b51b; }

.contact-info{ background-color:#f8f8f8; text-align:center; position:relative; }
.contact-info .container{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; }
.contact-info-box{ width:25%; }
.inner-contact-info{ padding:45px 20px 20px; }
.contact-info-icon{ font-size:30px; display:block; margin-bottom:20px; color:#ae5600; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:300px; float:right; background-color:#ffffff; 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{ font-size: 1.294em; font-weight: 700; line-height:36px; letter-spacing: 0.4px; position:relative; padding:5px 15px; background-color:#ae5600; color:#ffffff; } 
h3.widget-title span { display: block; width: 100%; letter-spacing: 0px; text-transform: uppercase; }
#sidebar aside.widget{ margin:0 0 40px; padding:0; position:relative; }

.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }
.textwidget p{ margin-bottom:20px; }

#sidebar ul li{ padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#000000; position:relative; }
#sidebar ul li a:hover{ color:#ae5600;}
#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; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#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:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:0; background-color:black; text-transform:uppercase; padding:10px; color:#ffffff; }
#sidebar #wp-calendar th{ background-color:#2c2c2c; 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:#ae5600; color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#2c2c2c; }
#sidebar #wp-calendar tfoot td{ }
#sidebar #wp-calendar tfoot td a{ padding:5px; }

.sidebar-banner{ position:relative; z-index:99; padding:30% 20px; }
.sidebar-banner p{ margin-bottom:30px; }

.widget-newsletter{ position:relative; }
.widget-newsletter p{ margin-bottom:20px; }
.widget-newsletter form{ position:relative; }
.widget-newsletter input[type=email]{ margin-bottom:0; }
.widget-newsletter .wpcf7-submit{ position:absolute; right:0; top:0; border:none; outline:none; padding:12px 20px; text-transform:uppercase; font-weight:700; background-color:#ae5600; color:#ffffff; -webkit-appearance:button; -moz-appearance:button;appearance:button; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { padding:0; margin:0; list-style:none; }
ul.social-share-post li { display:inline-block; padding:0; margin:0 8px 0 0; height:40px; width:40px; line-height:40px; text-align:center; background:transparent; }
ul.social-share-post li a{ display:block; color:#ffffff; }
ul.social-share-post li a:hover{ color:#ffffff; box-shadow:0 0 3px 3px rgba(34,43,95,0.3); }

ul.social-share-post li.social-share-twitter{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp{ background-color:#65bc54; }
ul.social-share-post li.social-share-googleplus{ background-color:#e65f3d; }
ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px; z-index:999;}
#back-top a {width:64px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#ae5600; -webkit-transition:1s; -ms-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover{ color:#252525; }
#back-top span { width:64px;height:62px; display: block; margin-bottom: 7px; -webkit-transition:1s; -ms-transition:1s; transition:1s; opacity:0.9; }

/*===============================================
** Custom Css
*===============================================*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = Text meant only for screen readers.
-------------------------------------------------------------- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b;	display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none;	top:5px; width:100%; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }
.boxlayout .innerbanner .container{ padding:75px 30px; }

/*===============================================
** Woocommerce Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center; box-shadow:0 0 3px 1px #ddd; }
.woocommerce ul.products li.product .product-item-inner{ padding-bottom:20px; }
.woocommerce .woocommerce-result-count{ font-size:16px; margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:38px; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Assistant'; position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image: url(...); }
.woocommerce-variation-price { margin-bottom:10px; }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; font-size:14px; font-family:'Assistant'; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#ae5600; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; }
.woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; }
.woocommerce ul.products li.product .sale-perc{ opacity:0; }
.woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; }
.woocommerce .woo-entry-new-badge, .woocommerce .soldout{ right:0; background-color:#333333; color:#ffffff; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: 18px; }
.woocommerce ul.products li.product .star-rating{ margin:5px auto 10px;}
.woocommerce ul.products li.product .price { font-size: 18px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.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 del{ font-size: 13px; }
.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:#ae5600; color:#ffffff; padding:12px 25px; display:inline-block; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; text-transform: uppercase; position:relative; font-weight:bold; line-height:normal; border-radius:0; font-size:80%; }
.woocommerce a.add_to_cart_button.added{ display:none; }
.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:#242423; color:#ffffff; }
.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; }
.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:last-child { position: absolute; bottom:0; margin-bottom:0; left:0; right:0; width:100%; color:#fff; padding:14px 20px; z-index:2; opacity:0; visibility: hidden; transition: all 250ms ease-out; transform: translate(0, 100%); -webkit-transform: translate(0, 100%); border-radius:0; }
.woocommerce .product-item-inner:hover .product-item-thumbnail-holder > a:last-child { opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.woocommerce .product-item-thumbnail-holder .added{ display:none !important; }
.woocommerce a.added_to_cart{ margin:1em auto 0; }
#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; }
.widget .woocommerce-product-search, .widget .search-form { position: relative; }
.widget .woocommerce-product-search input[type="submit"], .widget .search-form .search-submit { position: absolute; top: 0px; right: 0px; box-shadow: none; border: none; text-indent: -999px; padding: 0; outline:none; width: 46px; height:41px; z-index: 1; border-radius: 0px 3px 3px 0px; background-image: url(images/findicon.png); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; }
.widget .woocommerce-product-search input[type="submit"]:hover, .widget .search-form .search-submit:hover{ cursor:pointer; }	
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color:#ae5600;}
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#242423;}
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important;; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
a.reset_variations{ margin:0; }
.woocommerce div.product form.cart .variations select{ max-width:50%; padding:10px; }

/*===============================================
** Show another image on hover Css
*===============================================*/
img.onhover{ position:absolute; top:0; left:0; opacity:0; transition:opacity .1s; -webkit-transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce ul.products li.product .product-item-inner:hover img.attachment-woocommerce_thumbnail{ opacity:0; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:uppercase; border-bottom:1px solid #f1f1f1; padding-bottom:15px; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; padding:4em; box-shadow:0 0 12px 4px #CCC; padding-bottom:0; }
.single-product .product .onsale{ left:0; background-color:#ae5600; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#ae5600; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 1.618em; font-size:18px; font-weight:700; color:#242423; }
.woocommerce div.product .woocommerce-product-rating{ float:right; }
.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 5 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#ae5600;}
.woocommerce .quantity .qty{ width:5em; margin:0 20px 0 0; }
.product_meta{ margin-top:15px; margin-bottom:30px; padding-left:0; font-size:13px; list-style:square; color:#757575; }
.product_meta > span { display:block; position:relative; padding-left:15px; margin-bottom:3px; }
.woocommerce .product_meta span span{ display:inline-block; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.product_meta > span:before{ content:"\f111"; font-family:'Font Awesome 5 Pro'; font-weight:700; position:absolute; left:0; top:1px; font-size:6px; margin-right:10px; color:#ae5600; }

.woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0 27px 0 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:20px; font-weight:700; padding:0; margin:0 10px 0 0; background-color:transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:13px 15px; border-radius:0; color:#000000 !important; position:relative; }
.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: #ae5600; }
.woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; }
.woocommerce div.product .woocommerce-tabs .panel h2{ display:none; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; line-height:26px;}
.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; }
.woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; }
.woocommerce-product-details__short-description{ margin-bottom:20px; }
#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:#ae5600; 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; -o-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 #ae5600;}

.woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:0 20px; }
.woocommerce div.product p.stock.avail-in-stock{ background-color:#77a464; }
.woocommerce div.product p.stock.few-in-stock{ background-color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ background-color:red; }

section.related.products h2.woocommerce-loop-product__title{ border-bottom:none; }

/*===============================================
** Product Cart Page Css
*===============================================*/
.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:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table{ padding:20px;}
.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:100%; float:none; }
.shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; }
.woocommerce a.remove{ line-height:21px; }

/*===============================================
** Checkout Page Css
*===============================================*/
.woocommerce-checkout .woocommerce #customer_details{ margin-bottom:50px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields input{ padding:8px 12px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields .select2-container--default .select2-selection--single{ border-radius:0; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order td{ border:none; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart_item td, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal td{ border-bottom:1px solid #dddddd;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ list-style:none; }
.woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px; }
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding:0 1em; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order a.about_paypal{ display:none; }
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img{ width:auto; }
.woocommerce-shipping-fields{ margin-top:20px; }

.woocommerce-order{ text-align:center; }
.woocommerce-thankyou-order-details, .wc-bacs-bank-details{ padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap: wrap; margin-bottom:10px; }
.woocommerce ul.order_details{ margin:3em 0; }
.woocommerce-thankyou-order-details li, .wc-bacs-bank-details li{ -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; padding-left:20px; padding-right:20px; margin-bottom:20px;  border-right:1px solid rgba(129, 129, 129, 0.2); text-align:center; }
.woocommerce-thankyou-order-details li:last-child, .wc-bacs-bank-details li:last-child { border-right: none; }

.woocommerce ul.order_details li:last-of-type{ border:none; margin-right:0; padding-right:0; }
.woocommerce-order section{ padding:20px 0; }

/*===============================================
** My Account Page Css
*===============================================*/
.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:#ae5600; 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: 2.6rem 3.2rem; background-color:#ae5600; margin-bottom:30px; }
.author-img{ margin: 0; width: 70px; height: 70px; position:absolute; }
.author-bio-box{ padding-left:90px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box a:hover{ color:#000000; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** Form And Input type Css
*===============================================*/
form{ position:relative; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{ width:100%; margin:0 0 20px 0; padding:11px 12px; border:1px solid #EBEBEB; outline:0; resize:none; font-size:13px; line-height:17px; background-color:#ffffff; color:#000000; font-family:'Sintony'; 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:#ae5600; }

button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; font-family: 'Sintony'; text-transform:uppercase; font-weight:700; border:none; outline:none; padding:12px 30px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

.wpcf7-form label{ display:block; text-transform:uppercase; font-family:'Sintony'; font-size:12px; margin:0 0 8px; color:#000000; font-weight:700; }

/*===============================================
** Comment Form And Comment Styling Css
*===============================================*/
.comments-area .comment-list{ margin-bottom: 3em; list-style:none; }
.comments-area .comment-list .comment-body{ margin:0 0 1em; padding:2em 2em 2em 7em; position:relative; display:block; background-color:#f9f9f9; }
.comments-area .comment-author { display:inline-block; position:absolute; left:25px; top:30px; }
.comment-metadata{ position:relative; }
.comment-metadata h4{ display:inline-block; margin-bottom:10px; }
.comment-metadata h4 cite{ font-family: 'Sintony'; font-weight:700; text-transform:capitalize; font-style:normal; font-size:16px;  }
.comment-metadata time{ display:inline-block; font-size:11px; }
.comment-metadata .reply{ position:absolute; right:0; top:0; font-family: 'Sintony'; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; }
.comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 5 Pro'; font-weight:300; position:absolute; left:-20px; }
.comment-content p{ font-family: 'Sintony'; font-size:14px; margin:0; }

.comments-area .comment-list ul.children{ margin-left:80px; }

.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:700; }
.comment-form-cookies-consent{ margin-bottom:15px; }
.comment-form-cookies-consent label{ margin-left:1% !important; display:inline-block !important; }
#commentform .logged-in-as{ margin-bottom:15px; }
p.comment-awaiting-moderation { color: #fdac56; }

/*===============================================
** Search Form Css
*===============================================*/
form.search-form{ position:relative; }
form.search-form input.search-submit{ position:absolute; right:0; top:0; }

/*===============================================
** 404 Page Css
*===============================================*/
.error-404 .title-404{ text-align:center; font-size:13em; font-weight:600; color:#d0d0d0; margin-bottom:80px; }
.error-404 .sub-title-404 { font-size:2.4em; text-transform:uppercase; display:block; margin:0 0 30px; color:#000000; display:block; line-height:1; }
.error-404 .text-404{ font-family:'Sintony'; font-size:18px; color:#9b9b9b; margin-bottom:40px; }
.error-404 .search-form{ width:60%; margin:0 auto 30px; }
.error-404 .search-form input[type=search]{ display:inline-block; width:70%; margin-right:20px; }

/*===============================================
** Search Result Page Css
*===============================================*/
.search-result-form{ width:60%; margin:0 auto; }
.search-result-form input[type="search"]{ width:82%; }
.search-result-box{ border:1px solid #dddddd; margin-bottom:30px; display:table; width:100%; }
.search-result-box .post-thumb{ width:250px; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; }
.search-result-box .post-summary{ overflow:hidden; padding:2em; position:relative; display:table-cell; vertical-align:middle; }
.search-more a{ text-transform:uppercase; font-weight:700; letter-spacing:1px; }