/*
Theme Name: Building Pro
Theme URI: https://flythemes.net/wordpress-themes/construction-wordpress-theme/
Author: Flythemes
Author URI: https://www.flythemes.net/
Description: Building is a construction WordPress theme specially design and develop for an architect, building companies, building repair, maintenance and those who offer these kinds of services. The layout of this theme looks really nice on all the device such as laptop, tablet, mobile etc. All the necessary theme options and page settings are available in this theme it comes with many colors and fonts options also you can add upto 10 slider images with one click settings. This theme has a professional look for your website. This theme can come with the default text in it so you just need to add your content without adding any additional codes. This theme is compatible with the latest version of WordPress and some most popular plugins like wocommerce and contact form 7.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: building
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

Building Pro WordPress Theme has been created by Flythemes(flythemes.net), 2019.
Building 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:22px; margin:0; padding:0; color:#4C4C4C; font-size:16px; font-family:'Karla'; 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 #feb62a; 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 #feb62a; 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; 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:80px 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;}

/*===============================================
** Top Header Css
*===============================================*/
.top-header{ background-color:#feb62a; padding:10px 0; color:#ffffff; }
.top-header-left{ float:left; line-height:30px; }
.top-header-left ul li{ display:inline-block; margin-right:20px; }
.top-header-left ul li span{ margin-right:10px; }
.top-header, .top-header a, .top-header-right .social-icons a{ color:#ffffff; }
.top-header-right{ float:right; }
.top-header a:hover, .top-header .social-icons a:hover{ color:#222931; }

/*===============================================
** Header Css
*===============================================*/
.header{ padding:0; position:relative; z-index:10; display:block; }
.header .container{ }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; padding:0; position:relative; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; width:22%; display:inline-block; vertical-align:middle; }
.logo img{ width:100%; }
.logo h1{font-weight:700; margin:0; text-transform:uppercase; letter-spacing:3px; font:700 40px/40px 'Rajdhani'; }
.logo a{ color:#222931; display:block; }
.logo p{ color:#feb62a; display:block; font:400 14px/18px 'Karla'; }

/*===============================================
** 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:right; margin:0 0 0 1%; width:74%; display:inline-block; vertical-align:middle; }
.sitenav.extend-width{ width:65%; }
.sitenav ul {margin:0; padding:0; font-family:'Rajdhani'; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing: 0.1em; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; margin-right:10px; }
.sitenav ul li a{ padding:40px 20px 40px 0; display:block; text-align:center; color:#222931; position:relative; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#feb62a; }
.sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:0; top:42%; 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; }
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:94px; 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; }

/*===============================================
** Header Meta
*===============================================*/
.header-search-cart{ position:relative; display:inline-block; vertical-align:middle; width:2%; text-align:right; }
.header-search-cart.extend-width{ width:11%; }
.search-form-toggle{ font-size:14px; cursor: pointer; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; position:relative; display:inline-block; }
.head-search{ opacity:0; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(34,41,49,0.8); -webkit-transition: all 0.25s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); }
.head-search.slow{ opacity:1; z-index:99; -webkit-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); }
.search-contain{ width:600px; left:0; right:0; position:absolute; top:42%; margin:0 auto; }
.search-close { text-align:center; color:#ffffff; background-color:#feb62a; width:30px; height:30px; border-radius:30px; float:right; line-height:30px; cursor:pointer; }
.search-contain .search-form{ border-bottom:3px solid #feb62a; margin:30px 0 0; }
.search-contain .search-form .search-field{ background-color:transparent; border:none; margin-bottom:0; color:#ffffff; font-size:24px; }
.search-contain .search-form .search-submit{ background-color:transparent; font-size:0; background-image:url(images/search-icon.png); background-repeat:no-repeat; background-position:center center; padding:21px 15px; }

.head-mini-cart{ padding-left:15px; margin-left:10px; position:relative; display:inline-block; }
.head-mini-cart:before{ content:''; position:absolute; left:0; width:1px; height:100%; background-color:#feb62a; }
a.cart-customlocation{ position:relative; padding-left:25px; }
a.cart-customlocation:before{ font-family: 'Font Awesome 5 Pro'; font-weight:400; font-size: 14px; content:'\f291'; position:absolute; left:0; top:-1px; }

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { bottom: 40%; width: 76%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(34,41,49,0.7); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:740px; position:relative; background:url(images/loading.gif) no-repeat center center #fff; }
.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; -ms-transition:0.4s; -webkit-transition:0.4s; transition:0.4s; font-size:16px; color:#5c5b5b; position: relative; margin:0 3px; text-align:center; border-radius:50%; }
.social-icons a:hover { color:#ffffff; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.button{ font-family:'Roboto'; font-size:14px; font-weight:700; text-transform:uppercase; padding: 16px 30px 15px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color:#feb62a; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; }
a.button:hover{ background-color:#202020; color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#feb62a; padding:14px 40px; font:700 15px/22px 'Roboto'; display:inline-block; }
a.buttonstyle1:hover{ background-color:#ffffff; color:#202020; }

a.sliderbtn{ font-family:'Roboto'; font-size:14px; font-weight:700; text-transform:uppercase; padding: 14px 30px 13px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #feb62a; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; border:2px solid; }
a.sliderbtn:hover{ color:#222931; }

.custombtn{ margin-top:60px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; padding-bottom:25px; }
h2.section_title{ font:700 38px/42px 'Rajdhani'; color:#222931; position:relative; text-transform:capitalize; padding:20px 0 0; margin:0 0 15px; letter-spacing:1px; }
h2.section_title:before{ width:50px; margin:0 auto; content:''; position:absolute; left:0; right:0; border-top:3px solid #feb62a; top:0; }
.section_head p{ margin:0 auto 30px; width:68%; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(24,24,24,0.8); 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; }

/*===============================================
** 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:20px; }
.custom-heading h2{ text-transform:uppercase; font-weight:700; position:relative; margin-bottom:0px;}
.custom-heading h2 span{ display:block; font-size:40%; margin-bottom:10px; letter-spacing:1px; }

/*===============================================
** Page boxes section Css
*===============================================*/
section#pagearea { width:100%; position:relative; padding-top:0; z-index:9; background-color:#f9f9f9; padding:60px 0; }
.pagearea-inner { position:relative; margin-top:-150px }
.featbox{ padding:0; width:30.5%; float:left; margin:0 4% 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; min-height:348px; box-shadow:0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18); }
.thumbbx{ position:relative; overflow:hidden; }
.thumbbx img{ -ms-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.featbox:hover .thumbbx img{ -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.featbxcntnt{ padding:40px 30px; }

.one_column{ width:100%; margin-right:0; }
.two_column{ width:48%; margin-right:4%; }
.three_column{ width:30.5%; margin-right:4%; }
.four_column { width:23.5%; margin-right:2%; }
.five_column{ width:18.4%; margin-right:2%; }

/*===============================================
** Section First Css : About Us
*===============================================*/
.about-info-content .about-head{ width:70%; }
.about-info-content .about-head h2{ text-transform:uppercase; line-height:1.2; }
.about-info-content p{ line-height:26px; margin-bottom:30px; }
.about-info-content .about-info img{ width:auto; }
.about-info-content .about-info h5{ margin:10px 0 0; text-transform:uppercase; letter-spacing:1px; }
.about-info-content .about-info h5 span{ display:block; font-size:60%; color:#feb62a; margin-top:8px; }

/*===============================================
** Section Second Css : Request A Quote
*===============================================*/
.quote{ display:flex; align-items: center; justify-content: space-between; }
.quote h4{ margin:0; }
.quote_right{ width:300px; margin-left:20px; }

/*===============================================
** Section Third Css : Image Info Box
*===============================================*/
.image_info_box{ position:relative; margin:30px 0; }
.image_info_box_thumb{ position:relative; overflow:hidden; }
.image_info_box_thumb:before{ content:''; width:100%; height:100%; left:0; position:absolute; right:0; background-color:#feb62a; opacity:0.8; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.image_info_box:hover .image_info_box_thumb:before{ -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); }
.image_info_box_link{ position:absolute; width:60px; height:60px; border-radius:50px; opacity:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin:0 auto; line-height:60px; background-color:#222931; left:0; right:0; text-align:center; -webkit-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.image_info_box_link a{ color:#feb62a; display:block; }
.image_info_box:hover .image_info_box_link{ opacity:1; }
.image_info_box_cont{ margin:-50px 20px 0; padding:20px; background-color:#f9f9f9; position:relative; z-index:5; }
.image_info_box_cont h3{ margin-bottom:15px; }
.image_info_box_cont p{ margin-bottom:15px; }
.image_info_box_cont a{ display:inline-block; position:relative; padding:0 0 5px; overflow:hidden; }
.image_info_box_cont a:before{ content:''; position:absolute; left:0; bottom:0; border-bottom:2px solid; width:100%; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.image_info_box_cont a:hover::before{ -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); }

/*===============================================
** Section Fourth Css : Image Info Box
*===============================================*/
.iconbox{ text-align:center; }
.iconbox-icon{ margin-bottom:30px; font-size:40px; color:#feb62a; }
.iconbox h4{ position:relative; padding-bottom:20px; }
.iconbox h4:before{ content:''; position:absolute; width:60px; margin:0 auto; left:0; right:0; bottom:0; height:2px; background-color:#feb62a; }

/*===============================================
** Advance Image Box Css
*===============================================*/
.adv-img-box{ position:relative; overflow:hidden; text-align:left; display:block; }
a.adv-img-link{ position:absolute; bottom:50px; }
.adv-img-caption{ padding:50px; position:absolute; height:100%; width:100%; top:0; bottom:0; color:#ffffff; background-color:#222931; transform:translate(-100%,100%); -webkit-transform:translate(-100%,100%); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.adv-img-caption h3{ color:#ffffff; }
.adv-img-caption p { height: 200px; overflow: hidden; }
.adv-img-box:hover .adv-img-caption{ transform:translate(0); -webkit-transform:translate(0); }

/*===============================================
** Latest News Css
*===============================================*/
.news-box{ position:relative; padding:0; margin-bottom:10px; width:32%; margin-right:2%; float:left; overflow: hidden; border:1px solid #ccc; }
.news-thumb{ position:relative; overflow:hidden; }
.news-thumb img{ -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.news-thumb .post-date{ position:absolute; top:20px; left:20px; background-color:#111111; 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; }
.news-thumb .post-date span{ display:block; font-weight:400; font-size:50%; margin-top:10px; text-transform:uppercase; }
.news-content{ padding:40px 30px; }
.news-content h3{ text-transform:uppercase; margin:5px 0 15px; }
.post-meta{ text-transform:uppercase; font-size:90%; margin-bottom:20px; }
.post-meta span{ display:inline-block; position:relative; padding:2px 20px 2px 20px; }
.post-meta span:last-child{ padding-right:0; }
.post-meta span a{ display:block; }
.post-meta span a:before{ position:absolute; left:0; top:1px; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:12px; }
.post-meta span.post-auth a:before{ content:'\f007'; }
.post-meta span.post-cate a:before{ content:'\f02e'; }
.post-meta span.post-comnt a:before{ content:'\f4b6'; }
.post-meta span a:after{ content:'/'; position:absolute; top:1px; right:6px; }
.post-meta span:last-child a:after{ content:none; }

.news-box:hover .news-thumb .post-date{ top:0; left:0; }
.news-box:hover h3 a{ color:#feb62a; }
.news-box:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }

/*===============================================
** Photogallery Css
*===============================================*/
.gallery-wrap { }
.gallery.lastcols{ margin-right:0; }
.gal-col-two, .gal-col-three, .gal-col-four, .gal-col-five{ float:left; }
.gal-col-one{ width:100%; }
.gal-col-two{ width:49%; margin-right:2%; margin-bottom:2%; }
.gal-col-three{ width:32%; margin-right:2%; margin-bottom:2%; }
.gal-col-four{ width:23.4%; margin-right:2%; margin-bottom:2%; }
.gal-col-five{ width:18.3%; margin-right:2%; margin-bottom:2%; }
.gallery-image{ position:relative; }
.gallery-icon{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; background-color:rgba(243,101,35,0.8); opacity:0; transition:all 0.5s ease-in-out; }
.gallery-icon a{ position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#ffffff; text-transform:uppercase; font-weight:700; font-size:20px; }
.gallery-icon a:hover{ color:#ffffff; }
.gallery:hover .gallery-icon{ opacity:1; }

/*===============================================
** Testimonials Css
*===============================================*/
#clienttestiminials{ width:74%; margin:30px auto 0; text-align:center; }
.testi-desc i{ font-size:40px; color:#feb62a; margin-bottom:30px; }
.testi-desc p{ margin-bottom:35px; padding:0; }
.testi-thumb{ width:80px; margin:0 auto 30px; }
#clienttestiminials .tmttl h4{ display:inline-block; text-transform:uppercase; font:700 20px/24px 'Rajdhani'; }
#clienttestiminials .tmttl h4 a{ color:#feb62a; }
#clienttestiminials .tmttl span{ display:inline-block; margin-left:10px; color:#ffffff; }
.owl-carousel .owl-nav button{ width:50px; height:50px; line-height:40px !important; font-size:30px !important; position:absolute; bottom:40%; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; }
.owl-carousel .owl-nav button.owl-prev{ left:-15%; }
.owl-carousel .owl-nav button.owl-next{ right:-15%; }

/*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 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;}

/*===============================================
** Counter Css
*===============================================*/
.counter-main{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; }
.counter { position:relative; }
.counter-box { text-align:center; width:25%; padding:30px 0 10px; }
.counter-box h3.counter { font:700 40px 'Roboto'; color:#222931; display:inline-block; margin:0 0 20px; line-height: normal; position: relative; width:80%; padding-bottom:25px; } 
.counter-box h3.counter:before{ content:''; position:absolute; border-bottom:3px solid; width:50px; margin:0 auto; bottom:0; left:0; right:0; }
.counter-box h3 { text-transform:uppercase; margin:10px 0 0; font:400 18px 'Assistant'; color:#ffffff; }
.counter-box span { position: relative; right: -10px; font-size: 36px; color: #ffffff; font-weight: 700; }

/*===============================================
** Pricing Css
*===============================================*/
.pricing-col{ text-align:left; position:relative; }
.pricing-col:before{ content:''; height:100%; width:100%; border:5px solid #feb62a; position:absolute; top:0px; left:0; -webkit-transition:all 0.4s linear 0s; transition:all 0.4s linear 0s; }
.package-name{ padding:30px; }
.package-name h2{ margin-bottom:0; }
.package-price{ padding:0 30px 30px; font-size:38px; font-weight:700; font-family:'Rajdhani'; word-spacing:1px; }
.package-price span{ font-size:16px; }
.package-row{ padding:0 30px 0; }
.package-row p{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,0.4); }
.package-row p:last-child{ border:none; }
.package-btn a.button{ display:block; padding:20px 30px; margin:0; font-size:18px; }

.pricing-col.highlighted-col:before{ border-color:#222931; }
.pricing-col.highlighted-col .package-btn a.button{ background-color:#222931; }
.pricing-col.highlighted-col .package-btn a.button:hover{ background-color:#feb62a; }

.pricing-col:hover::before{ border-color:#222931 !important; }
.pricing-col.highlighted-col:hover::before{ border-color:#feb62a !important; }

/*===============================================
** Team Member Css
*===============================================*/
.teammember-list{ width:23.5%; float:left; margin-right:2%; position:relative; overflow:hidden; }
.team-thumbnail{ margin:0; overflow:hidden; position:relative; }
.team-content{ position:absolute; width:100%; height:100%; color:#ffffff; background-color:#111111; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0,73%,0); transform: translate3d(0,73%,0); bottom:0; top:auto; }
.team-name{ padding:20px; }
.team-name h4{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0px; font-size:26px; }
.team-name h4 a{ color:#feb62a; }
.team-name span{ -webkit-transition:0.4s; -ms-transition:0.4s; transition:0.4s; display:block; }
.team-data{ padding:20px; }
.member-social-icon{ position:absolute; bottom:20px; left:20px; right:20px; }
.member-social-icon a{ width:30px; display:inline-block; color:#feb62a; }
.member-social-icon a:hover{ color:#ffffff; }

.teammember-list:hover .team-content{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.teammember-list:hover h4 a { color:#ffffff; }
.team-name h4 a, .teammember-list:hover span { color:#feb62a; }

/*===============================================
** Project Css
*===============================================*/
.mix .inner-wrap{ position:relative; overflow:hidden; }
.mix .project-thumb{ position:relative; overflow:hidden; }
.mix .project-thumb figure a{ display:block; }
.mix .project-thumb figure span.p-hover{ content:''; display:block; width:100%; height:100%; position:absolute; opacity:1; z-index:1; -webkit-transform:translateY(100%) translateZ(0); transform:translateY(100%) translateZ(0); -webkit-transition:all .5s cubic-bezier(.465,.05,.965,.32); transition:all .5s cubic-bezier(.465,.05,.965,.32); background-color: rgba(34,41,49,0.9); }
.project-data{ top:100%; height:100%; left:0; right:0; -webkit-transform: translateY(0); transform: translateY(0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: all .32s cubic-bezier(.465,.05,.965,.32); transition: all .32s cubic-bezier(.465,.05,.965,.32); padding: 43px 37px 26px 33px; position: absolute; overflow: hidden;
text-align: left; z-index: 2; }
.p-footer-data{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.p-cate{ display:block; }
.p-cate a{ display:inline-block; background-color:#feb62a; color:#ffffff; text-transform:uppercase; font-weight:700; font-size:13px; position:relative; margin:0 10px 10px 0; padding:2px 7px 1px; }
.p-cate a:hover{ background-color:#222931; color:#ffffff; }
.p-head-data h5{ text-transform:capitalize; margin-top:13px; font-size:26px; margin-bottom:35px; }
.p-head-data h5 a:hover{ color:#feb62a; }
.p-head-data h5 a{ color:#ffffff; display:block; position:relative; padding-bottom:17px; }
.p-head-data h5 a:before{ content:''; width:30px; height:3px; position:absolute; bottom:0; left:0; background-color:#feb62a; }
.p-head-data p{ margin-bottom:20px; color:#ffffff; }
.p-details{ color:#feb62a; }
.p-details ul{ margin:0; padding:0; }
.p-details ul li{ list-style:none; }
.p-details span{ color:#ffffff; }
.p-footer-data a{ color:#feb62a; text-transform:uppercase; font-weight:700; font-size:94%; }
.p-footer-data a:hover{ color:#ffffff; }

#pagewrap.boxlayout .p-details{ display:none; }

.mix .inner-wrap:hover span.p-hover{ -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); -webkit-transition: all .5s cubic-bezier(.485,.065,.165,.95);transition: all .5s cubic-bezier(.485,.065,.165,.95); opacity: 1; }
.mix .inner-wrap:hover .project-data{ top:0; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:all .68s cubic-bezier(.485,.065,.165,.95); transition:all .68s cubic-bezier(.485,.065,.165,.95); }

/*===============================================
** Single Project Css
*===============================================*/
.project-gallery{ width:66%; float:left; margin-bottom:60px; }
.project-sidebar{ float:right; width:30%; }

.project-sidebar-inner{ padding:30px; background-color:#222931; border-radius:8px; color:#ffffff; }
.project-sidebar-inner h3{ position:relative; text-transform:uppercase; margin-bottom:20px; padding-bottom:20px; color:#ffffff; }
.project-sidebar-inner h3:before{ content:''; position:absolute; bottom:0; left:0; width:30px; height:2px; background-color:#feb62a; }
.details-list ul{ margin:0; padding:0; list-style:none; }
.details-list ul li{ display:block; margin:0 0 28px; }
.details-list ul li strong{ margin-right:5px; }

.project-share{ margin-top:50px; }

/*===============================================
** Client Logo Css
*===============================================*/
.partner-logo img{ width:100% !important; margin:0 auto; -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.partner-logo img:hover{ -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); }

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

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#111111; color:#979797; position:relative; padding:60px 0 40px; font:400 16px/24px 'Karla'; }
.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; }
.foo-cols h5{ margin-bottom:40px; text-transform:uppercase; font-weight:700; color:#ffffff; font-size:22px; font-family:'Rajdhani'; position:relative; padding-bottom:20px; }
.foo-cols h5:before{ content:''; position:absolute; border-bottom:2px solid #feb62a; left:0; bottom:0; width:50px; }

.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-bottom:30px; }
.foo-getintouch p{ margin-bottom:12px; }
.foo-getintouch span{ color:#feb62a; }
.foo-getintouch span.add{ display:block; }
.foo-getintouch address{ font-style:normal; margin-bottom:10px; }
.foo-getintouch p span{ display:block; text-align:left; }

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:#feb62a; }

.widget-column .menu li{ text-transform:capitalize; margin-bottom:10px; }
.widget-column .menu li:last-child a{ border:none; }
.widget-column .menu li a{ color:#ffffff; display:block; padding-bottom:2px; padding-left:30px; position:relative; }
.widget-column .menu li a:before{ content:'\f105'; position:absolute; left:5px; top:auto; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:14px; }
.widget-column .menu li a:hover{ color:#ffffff; }

.latest-posts-row{ margin-bottom:30px; clear: both; overflow: hidden; }
.latest-post-feat-img{ width:80px; float:left; padding-right:10px; }
.latest-post-content h4{ margin: 6px 0; line-height: 1.1; font-size: 16px; }
.latest-post-content{ overflow:hidden; }
.latest-post-content p{ line-height:20px; }
.latest-post-category, .latest-post-content .entry-meta{ line-height:1; font-size:75%; padding:0; text-transform:uppercase; letter-spacing:1px; }
.latest-post-content .entry-meta span{ display:inline-block; }

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

.widget-about-image{ padding-bottom:45%; min-height:130px; background:50% 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:#feb62a; 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; }

/*===============================================
** Footer Copyright Css
*===============================================*/
.copyright-wrapper{ padding:25px 0; background-color:#feb62a; color:#222931; }
.copyright-txt{ float:left; }
.designby{ float:right; }
.copyright-wrapper a{ color:#ffffff; }
.copyright-wrapper a:hover{ color:#222931; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(34,41,49,0.6); position:absolute; top:0; left:0; }
.innerbanner .container{ padding:60px 0; }
h1.innerpage-title{ padding:5px 0; text-transform:uppercase; position:relative; padding-left:25px; font-size:46px; margin:0; }
h1.innerpage-title:before{ content:''; width:3px; line-height:54px; bottom:0; height:auto; position:absolute; left:0; top:0; margin-right:22px; background-color:#feb62a; }
#crumbs{ display: block; line-height:26px; color:#ffffff; text-transform:uppercase; position: relative; font-size:14px; font-weight:700; font-family:'Karla'; margin-top:20px; }
#crumbs .container{ padding:15px 0; }
#crumbs a, #crumbs span{ padding:0 8px; color:#ffffff; }
#crumbs a:hover{ color:#feb62a; }

/* 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%; margin:0 4% 40px 0; float:left; }
.blog-post-repeat article{ position:relative; overflow:hidden; border:1px solid #ccc; }
.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:20px; left:20px; background-color:#111111; 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:40px 30px 20px; }
ul.post-meta{ margin-left:0; }

.blog-post-repeat:hover .post-thumb .post-date { top:0; left:0; }
.blog-post-repeat:hover img { opacity:0.4; -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1); }

/* 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:#222931; color:#ffffff; padding:5px 15px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{ background-color:#feb62a; 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; }

/*===============================================
** Search Page Css
*===============================================*/
.search-result-box{ background-color:#ffffff; padding:0 0 20px 0; box-shadow:0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18); margin-bottom:30px; }
.search-result-form{ width:60%; margin:0 auto 70px; }
.search-result-form input[type=search]{ height:50px; margin-bottom:0; }
.search-result-form form.search-form input.search-submit{ padding-top:15px; padding-bottom:15px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

/*===============================================
** 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{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin:40px 0; padding:20px 0; }
.nav-previous{ float:left; }
.nav-next{float:right; }
.nav-previous, .nav-next{ font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.nav-previous a, .nav-next a{ color:#9c9c9c; position:relative; }
.nav-previous a{ padding-left:30px;  }
.nav-next a{ padding-right:30px; }
.nav-previous a:before{ content:'\f177'; font-family:'Font Awesome 5 Pro'; font-weight:400; position: absolute; height: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; left: 30%; opacity: 0; top:-2px; }
.nav-previous a:hover::before { left:0; opacity: 1; }
.nav-next a:before{ content:'\f178'; font-family:'Font Awesome 5 Pro'; font-weight:400; position: absolute; height: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; right: 30%; opacity: 0; top:-2px; }
.nav-next a:hover::before { right:0; opacity: 1; }

/* Post Comment */
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}

/* Team testi Single */
.team-testi-post-thumb{ margin-right:30px; text-align:center; }
.team-testi-post-thumb img{ border:8px solid #feb62a; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#feb62a; 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:#feb62a; }
#sidebar.team-testi-sidebar{ float:left; padding-bottom:0; }

/*===============================================
** Contact Page Css
*===============================================*/
.contact-elements{ margin-bottom:80px; }
.inner-contact-elements{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; justify-content:space-between; flex-wrap:nowrap;  }
.single-elements{ position:relative; text-align:left; margin-right:20px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; }
.single-elements:last-child{ margin-right:0; }
.elements-thumb{ width:60px; height:60px; border-radius:50px; line-height:62px; text-align:center; color:#ffffff; background-color:#feb62a; margin-right:15px; font-size:22px; }
.elements-text{ overflow:hidden; }
.elements-text h5{ margin-bottom:5px; }

.contact-content{ margin-bottom:80px; }
.contact-content p{ margin-bottom:20px; }
.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.half input[type=text], .contact-content .form-group.half input[type=email], .contact-content .form-group.half input[type=tel], .contact-content .form-group.full textarea{ background-color:transparent; border-bottom:1px solid #222931; border-top:none; border-right:none; border-left:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; padding: 10px 0;  }
.contact-content .form-group.half input[type=text]:focus, .contact-content .form-group.half input[type=email]:focus, .contact-content .form-group.half input[type=tel]:focus, .contact-content .form-group.full textarea:focus{ border-color:#feb62a; }
.contact-content .form-group.full input.send-btn{ background-color:#feb62a; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.contact-content .form-group.full input.send-btn:hover{ background-color:#222931; }

.contact-social{ padding:30px; text-align:center; background-color:#222931; margin-bottom:50px; }
.contact-social .social-icons a{ width:50px; height:50px; line-height:54px; border-radius:0; font-size:22px; }

.gmap{ position:relative; width:100%; margin-bottom:0; }
.blackmap{ -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); display:block; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:320px; 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-bottom:10px; } 
h3.widget-title:before{ content:''; position:absolute; left:-20px; bottom:0; height:1px; width:100%; background-color:#222931; }
h3.widget-title span { display: block; width: 100%; letter-spacing: 0px; text-transform: uppercase; }
#sidebar aside.widget{ margin:0 0 40px; padding:0 0 0 20px; position:relative; }
#sidebar aside.widget:before, #sidebar aside.widget:after{ content:""; position:absolute; left:0; top:0; }
#sidebar aside.widget:before{ width:3px; height:45px; z-index:3; background-color:#feb62a; }
#sidebar aside.widget:after{ bottom:0; width:1px; background-color:#e5e5e5; } 

.sidebar-left #sidebar aside.widget{ padding:0 20px 5px 0; }
.sidebar-left #sidebar aside.widget:before, .sidebar-left #sidebar aside.widget:after{ content:""; position:absolute; top:0; left:auto; right:0; }
.sidebar-left #sidebar aside.widget:before{ width:3px; height:36px; z-index:3; background-color:#feb62a; }
.sidebar-left #sidebar aside.widget:after{ bottom:0; width:1px; background-color:#e5e5e5; } 

.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:#feb62a;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .search-form input.search-field{ width:100%; padding:12px 40px 12px 16px; transition: transform 250ms ease-in-out; font-size: 14px; line-height: 18px; color: #575756; background-color: transparent; border-radius: 50px; border: 1px solid #575756; -webkit-transition: all 250ms ease-in-out; backface-visibility: hidden; transform-style: preserve-3d; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center; padding: 22.5px 0; font-size:0; width:20%; height:40px; float:right;}
#sidebar form.search-form{ margin-bottom:0; }

#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:20px;}
#sidebar #wp-calendar th{ background-color:#feb62a; color:#ffffff; }
#sidebar #wp-calendar a{ display:block; background-color:#feb62a; color:#ffffff; }

.sidebar-banner{ position:relative; z-index:99; padding:20% 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:14px 20px; text-transform:uppercase; font-weight:700; background-color:#feb62a; color:#ffffff; }

/*===============================================
** Search Form Css
*===============================================*/
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s; -ms-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}
form.search-form{margin-bottom:20px; position:relative; }
input.search-field, .post-password-form input[type=password]{border:none; padding:7px 15px;}
form.search-form input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:9px 30px; cursor:pointer; position:absolute; top:0; right:0; text-transform: uppercase; font-size: 16px; }

/*===============================================
** 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; }

/*===============================================
** Comments Css
*===============================================*/
.comment-form-author, .comment-form-email, .comment-form-url{ width: 33%; float: left; margin-right: 3%; }
#commentform p.comment-form-url { margin-right: 0; }
#commentform input[type="text"] { width: 100%; float: left; margin-right: 1%; clear: both; text-indent: 10px; font-size: 90%; padding: 10px 0 !important; margin-bottom: 15px; }

/*===============================================
** Contact Form Css
*===============================================*/
input[type="text"], select, input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"]{ border-radius: 0; box-sizing: border-box; display: block; margin: 0 0 25px; padding: 10px 12px 9px; width: 100%; background-color: #ffffff;  font-family:'Roboto'; font-size:15px; border:1px solid #d8d8d8;}
input.send-btn{ border: none; font-size: 14px; padding: 14px 25px; text-transform: uppercase; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; font-family:'Roboto'; font-weight:700; cursor:pointer; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"]{ height:45px; }
textarea.wpcf7-form-control{ height:150px; }

/*===============================================
** 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:#feb62a; -webkit-transition:1s; -ms-transition:1s; transition:1s; font-size:60px; line-height:1; }
#back-top a:hover{ color:#242c3a; }
#back-top span { width:64px;height:62px; display: block; margin-bottom: 7px; -webkit-transition:1s; -ms-transition:1s; transition:1s; opacity:0.8; }

/*===============================================
** 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 .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; -ms-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:#feb62a; 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{ margin-bottom:15px; background-color:#feb62a; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Assistant'; display:inline-block; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; margin-top:20px; text-transform: uppercase; position:relative; border-radius:30px; font-weight:bold; }
.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{ display: table; margin: 0 auto 15px; }
#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: 52px; 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; opacity: 0.3;}
.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:#feb62a;}
.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:#feb62a; }
.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:#feb62a; }
.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:#feb62a;}
.woocommerce .quantity .qty{ width:5em; margin:15px 30px 0 0; }
.woocommerce .product_meta{ border-top:1px solid #f1f1f1; padding-top:20px; font-size:16px; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ color:#959595; }

.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: #feb62a; }
.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:#feb62a; 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; -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 #feb62a;}

.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; }

/*===============================================
** 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-cart .wc-proceed-to-checkout{ text-align:center; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }

/*===============================================
** 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 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:#feb62a; 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:#222931; }
.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; }

/*===============================================
** 404 Not Found Css
*===============================================*/
h1.title-404{ font-size: 80px; text-transform: uppercase; font-family:'Oswald'; margin:80px 0 50px; }
.text-404{ font-family:'Oswald'; font-size:22px; line-height:36px; margin-bottom:80px; }
.error-404 form{ width:50%; margin:0 auto 50px; position:relative; }
.error-404 form input[type=search]{ height:53px; }
.error-404 form input[type=submit]{ position:absolute; top:0; right:0; text-transform:uppercase; font-weight:700; font-family:'Assistant'; font-size:18px; height: 52px; padding: 0 40px; }

.hidden{ display:none; }