/*
Theme Name: Buildcon Pro
Theme URI: https://risingthemes.net/shop/buildcon-wordpress-theme/
Author: Risingthemes
Author URI: https://www.risingthemes.net/
Description: Buildcon WordPress theme is fully responsive and elegant WordPress theme made for constructions, civil engineers, contractors, and interior decorator businesses. This theme is fully functional and highly customizable. This theme comes with the easy to handle theme options where you can manage theme fonts, colors, sections, slider settings and more. This theme is compatible with the many popular plugins like wocommerce, jetpack and contact form 7. This theme has extensive documentation where you can easily find and apply the settings for your website. This theme showcase your online work globally and get to engage your customers. A beautifully design theme comes with the attractive homepage sections where you can display all your content related to your business.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: buildcon
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

Buildcon Pro WordPress Theme has been created by Risingthemes(risingthemes.net), 2020.
Buildcon 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:28px; margin:0; padding:0; color:#5c5c5c; font-size:15px; font-family:'Barlow'; 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:28px;}
h3{ font-size:25px;}
h4{ font-size:22px;}
h5{ font-size:20px;}
h6{ font-size:17px;}
.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 #ffbe00; margin-bottom:20px; color:#000000; font:500 15px/28px 'Barlow'; font-style:italic; background-color:#f5f5f5;}
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #ffbe00; margin-bottom:20px; color:#000000; font:500 15px/28px 'Barlow'; font-style:italic; background-color:#f5f5f5;}
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%; margin-bottom:20px;}
.comments-area{ margin-bottom:15px; margin-top:30px;}
.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:rgba(0,0,0,0.9); width:100%; box-shadow:0 1px 10px rgba(0, 0, 0, .2); padding:0 30px; position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000;}
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ float:left; width:15%; padding:33px 0;}
.sticky-header .sticky-left .logo { width:100%;}
.sticky-header .sticky-right{ float:right; }
.sticky-header .sticky-right .sitenav { width:100%;}
.sticky-header .sticky-right .sitenav ul{ border:none; }
.sticky-header .sticky-right .sitenav ul li a{ border:none; padding:35px 20px; }
.sticky-header .sticky-right .sitenav ul li ul li a { padding:10px;}
.sticky-header .sticky-right .sitenav ul li a.parent:before{ top:43%; }
.sticky-header .sticky-right .sitenav ul li:hover > ul{ top:100%; }
.sticky-header .sticky-right .sitenav ul li:hover ul li:hover > ul { top:-8px;}
.boxlayout .sticky-header { left:0; right:0; width:100%; position:fixed; margin:0 auto;}

/*===============================================
** Header Css
*===============================================*/
.header-main{ position:relative; width:100%;}
.header-top { width: 55%; padding-top: 10px; position:relative; border-bottom:1px solid #31343f; }
.header-left { width:70%; }
.header-left { float:left; font:500 14px 'Montserrat';}
.header-left span { display:inline-block; padding:15px 25px 15px 0;}
.header-left span:last-child { border-right:none; margin-right:0; padding-right:0;}
.header-left i{ margin-right:10px;}
.header-right { width:30%; }
.header-right{ z-index:10; text-align:right; float:right; padding:10px 10px;}
.header-left, .header-left a{ color:#ffffff; }

.header{ display: flex; position:absolute; width:100%; z-index:9; background-color:rgb(4 0 0 / 80%) !important;}
.header .container { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ padding: 15px 15px 15px 35px; width:25%; 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{ margin:0; font:400 22px/1 'Montserrat'; color:#ffffff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.logo a{ display:block; }
.logo p{ color:#ffffff; display:block; font:400 15px/18px 'Barlow'; 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{ right:75%; padding-top: 40px; padding-left: 30px; position:relative; text-align:right; float:left;}
.sitenav ul {margin:0; padding:0; font:600 14px 'Barlow'; text-transform:uppercase; display:inline-block; letter-spacing:2px;}
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; }
.sitenav ul li a{ padding:40px 16px; display:block; text-align:center; color:#ffffff; 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:#ffbe00;}
.sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:0px; top:45%; 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:215px; 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; padding:7px 0; border-bottom-left-radius:5px;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; margin-right:0; padding:3px 10px; }
.sitenav ul li ul li a{display:block; padding:10px 10px; position:relative; top:0; text-align:left; background-color:#000; border-radius:5px; }
.sitenav ul li ul li a.parent:before{ content:'\f105'; position:absolute; right:10px; top:10px; 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:215px; top:-8px; -ms-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; }

/*===============================================
** Search Bar Header
*===============================================*/
.search-form-toggle{ font-size:18px; color:#ffbe00; cursor:pointer; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; position:relative; display:none; }
.head-search{ opacity:0; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.9); -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:#ffbe00; width:30px; height:30px; border-radius:30px; float:right; line-height:30px; cursor:pointer; }
.search-contain .search-form{ border-bottom:3px solid #ffbe00; margin:30px 0 0; }
.search-contain .search-form .search-field{ background-color:transparent; border:none; margin-bottom:0; color:#ffbe00; font-size:24px; font-weight:bold; }
.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; }

/*===============================================
** Get A Quote
*===============================================*/
.get-quote { padding:30px 0; position:relative; background-color:#ffbe00;}
.get-quote .container { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; }
.quote-text h5 { font-weight:600; margin-bottom:0;}
.quote-text { margin-right:auto;}

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { bottom:17%; text-align:left; left:7%; width:55%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.1); 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; }
.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:35px; height:35px; line-height:32px; display:inline-block; padding:0; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; font-size:14px; color:#ffffff; position:relative; margin:0 3px; text-align:center; border-radius:50%; border:2px solid #ffffff;}
.social-icons a:hover { background-color:#ffbe00; border-color:#ffbe00; color:#ffffff; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.button{ font:700 15px 'Barlow'; text-transform:uppercase; padding:18px 45px; margin-bottom:4px; line-height:1; display:inline-block; text-align:center; color:#ffffff; background-color:#ffbe00; position:relative; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; border-radius:40px; }
a.button:hover{ background-color:#000000; color:#ffffff; }

a.buttonstyle1{ font:600 17px 'Montserrat'; color:#000000; background-color:#ffffff; padding:15px 25px; display:inline-block; border-radius:5px; letter-spacing:1px; -webkit-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
a.buttonstyle1:hover{ background-color:#000000; color:#ffffff;}

a.sliderbtn{ font:500 14px 'Montserrat'; text-transform:uppercase; padding:15px 25px; line-height:1; display:inline-block; text-align:center; background-color:#ffbe00; color:#ffffff; border-radius:5px; 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:#000000; }

a.ReadMore { text-transform:uppercase; font:500 14px 'Barlow'; color:#000000; display:inline-block; margin-top:15px; padding-bottom:5px; border-bottom:2px solid #ffbe00;}
a.ReadMore:hover { color:#ffbe00;}

.custombtn{ margin-top:60px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; margin-bottom:60px; }
h2.section_title{ font:400 28px/42px 'Oswald'; color:#000000; position:relative; text-transform:uppercase; padding:25px 30px 15px; margin:0 auto 15px; letter-spacing:1px; display:table; text-align:center;}
h2.section_title::before{ content:''; display:inline-block; width:57px; height:15px; border-color:#ffbe00; border-style:solid; border-width:5px 5px 0px 5px;
position:absolute; top:0; left:0; right:0; margin:auto;}
h2.section_title:after { content:''; position:absolute; left:0; right:0; bottom:0; width:57px; border-bottom:5px solid #ffbe00; margin:0 auto;}
.section_head p{ margin:0 auto; width:55%; line-height:24px; }
.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.9); 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;}

/*===============================================
** Grid Columns Css
*===============================================*/
.grid-col-two, .grid-col-three, .grid-col-four{ float:left;}
.grid-col-two{ width:48%; margin-right:4%; margin-bottom:30px;}
.grid-col-three{ width:31.3%; margin-right:3%; margin-bottom:30px;}
.grid-col-four{ width:22.7%; margin-right:3%; margin-bottom:30px;}

/*===============================================
** Section One : How We Build
*===============================================*/
.howwe-box { position:relative; text-align:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
.howwe-box .howwe-box-inner { position:relative; padding:20px 20px; display:block;}
.howwe-box::before, .howwe-box::after{ content:''; width:0; height:2px; position:absolute; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; transition:all 0.5s linear; background-color:#ffbe00;}
.howwe-box .howwe-box-inner::before, .howwe-box .howwe-box-inner::after{ content:''; width:2px; height:0; position:absolute; -webkit-transition:all 0.5s linear; moz-transition:all 0.5s linear; transition:all 0.5s linear; background-color:#ffbe00;}
.howwe-box:hover::before, .howwe-box:hover::after{ width:100%;}
.howwe-box:hover .howwe-box-inner::before, .howwe-box:hover .howwe-box-inner::after{ height:100%;}
.howwe-box::after{ right:0; bottom:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;}
.howwe-box .howwe-box-inner::after{ right:0; bottom:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;}
.howwe-box::before{ left:0; top:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;}
.howwe-box .howwe-box-inner::before{ left:0; top:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;}
.howwe-icon { width:95px; height:95px; line-height:102px; border-radius:50%; border:2px solid #ffbe00; text-align:center; margin:0 auto 15px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
.howwe-icon i { font-size:30px; color:#ffbe00; font-weight:bold;}
.howwe-content { padding:15px 0;}
.howwe-content h6 a { color:#000000; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
.howwe-box:hover .howwe-icon { background-color:#000000; border-color:#000000;}
.howwe-box:hover .howwe-icon i { color:#ffffff;}
.howwe-box:hover .howwe-content h6 a { color:#ffbe00;} 

/*===============================================
** Section Two : Featured Work
*===============================================*/
.ourwork { text-align:center;}
.ourwork .button { margin-top:50px;}
.workbox { width:25%; float:left; position:relative;}
.workthumb { width:100%; position:relative; overflow:hidden;}
.workthumb img { width:100%; height:auto; display:block;}
.workthumb::before { content:''; width:95%; height:95%; position:absolute; top:6px; left:0; right:0; margin:0 auto; background-color:rgba(255, 190, 0, 0.8);   opacity:0; -webkit-transition:all 300ms ease-in-out 0s; transition:all 300ms ease-in-out 0s;}
.workthumb:hover:before { opacity:1;}
.workthumb .workcontent{ width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; z-index:1;}
.workcontent h5{ font-weight:600; text-transform:capitalize; position:relative; top:32%; -webkit-transform:scale(5); -ms-transform:scale(5); transform:scale(5); opacity:0; -webkit-transition:all 0.3s ease-in-out 0.1s; transition:all 0.3s ease-in-out 0.1s;}
.workthumb:hover h5 { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.workthumb .worklinks { padding:0; list-style:none; position:relative; top:32%; -webkit-transform:scale(5); -ms-transform:scale(5); transform:scale(5); opacity:0; -webkit-transition:all 0.3s ease-in-out 0.1s; transition:all 0.3s ease-in-out 0.1s;}
.workbox:hover .worklinks { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:0.3s; transition-delay:0.3s;}
.workthumb .worklinks li { display:inline-block; margin-right:5px;}
.workthumb .worklinks li:last-child { margin-right:0;}
.workthumb .worklinks li a { display:block; width:40px; height:40px; line-height:36px; border-radius:50%; font-size:16px; color:#ffffff; border:2px solid #ffffff; -webkit-transition:all 0.3s ease-in-out 0.1s; transition:all 0.3s ease-in-out 0.1s;}
.workthumb .worklinks li a:hover { border-color:#000000; color:#000000;}

/* Work Page Template */
.feaworkbox { width:32%; float:left; position:relative; margin:0 23px 23px 0;}
.feaworkbox:nth-child(3n+3) { margin-right:0;}
.feaworkbox:hover .worklinks { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:0.3s; transition-delay:0.3s;}
.feaworkbox h5 { color:#ffffff;}

/* Work Page Single */
.worksingle-left { width:45%; float:left; padding-top:15px;}
.worksingle-left ul { margin:0; padding:0;}
.worksingle-left ul li { margin-bottom:10px;}
.worksingle-left .spanleft { width:40%; float:left; color:#ffffff; font:500 16px 'Barlow'; background-color:#000000; padding:15px 15px 15px 15px;}
.worksingle-left .spanleft i { margin-right:10px; color:#ffbe00;}
.worksingle-left .spanright { width:60%; float:right; text-align:left; background-color:#f5f5f5; padding:10px 15px 10px 15px;}
.worksingle-left .spanright ul.social-share-post li { width:30px; height:30px; line-height:30px;}

.worksingle-right { width:50%; float:right;}
.worksingle-right .image-carousel { margin-bottom:30px;}

.related-project { position:relative; border-top:1px solid #e7e7e7; padding-top:30px;}
.related-project h4 { display:inline-block; padding-bottom:10px; border-bottom:2px solid #000000; margin-bottom:30px; font-weight:600;}

/*===============================================
** Section Three : Our Services
*===============================================*/
.services-box { position:relative; margin-bottom:30px;}
.ser-icon { width:70px; height:70px; line-height:75px; float:left; position:relative; margin-top:15px; border-radius:10px; text-align:center; border:2px solid #ffbe00; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.ser-icon i { text-align:center; font-size:30px; color:#ffbe00; display:inline-block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.services-box:hover .ser-icon { border-color:#000000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.services-box:hover .ser-icon i { transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); color:#000000;}
.ser-content { width:70%; float:right;}
.ser-content h6 { margin-bottom:10px; text-transform:uppercase; font-size:16px;}
.services-box:hover a.ReadMore, .services-box:hover h6 a { color:#ffbe00;}

/*===============================================
** Section Four : Counter
*===============================================*/
.sec-counter { position:relative;}
.counter-box { width:23%; float:left; margin:30px 30px 30px 0; padding:20px; text-align:center; border:2px solid #ffbe00; border-radius:5px;}
.counter-box#last { margin-right:0;}
.counter-box h2 { font:700 35px 'Montserrat'; margin-bottom:15px; padding-bottom:15px; position:relative; display:inline-block; margin-right:4px;}
.counter-box h2::after { content:''; position:absolute; width:50px; margin:0 auto; left:0; right:0; bottom:0; border-bottom:2px solid #ffbe00;}
span.plus { font-weight:600; font-size:35px; color:#ffbe00;}
.counter-box h6 { font:600 15px 'Montserrat'; text-transform:uppercase; margin-bottom:0;}

/*===============================================
** Section Five : Our Team
*===============================================*/
.teammember-list { text-align:center; position:relative; margin-top:0; margin-bottom:40px;}
.team-member-wrap { width: 45%; margin: auto;}
.team-thumbnail { position:relative; overflow:hidden; margin-bottom:20px;}
.team-thumbnail img { width:100%; height:auto; display:block;}
.team-thumbnail::before { content:''; width:0; height:100%; background-color:#ffbe00; padding:14px 18px; position:absolute; top:0; left:50%; opacity:0; -webkit-transition:all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition:all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.teammember-list:hover .team-thumbnail:before { width:100%; left:0; opacity:0.8;}
.team-content h6 { margin-bottom:5px; text-transform:uppercase; font-size:14px;}
.team-content cite { font:400 14px 'Barlow'; color:#000000;}
.member-social-icon { width:100%; padding:5px; text-align:center; position:absolute; top:42%; left:0; }
.member-social-icon a { display:inline-block; width:40px; height:40px; line-height:40px; font-size:15px; position:relative; border-radius:50%; background-color:#ffffff; color:#000000; margin-right:5px; opacity:0; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.member-social-icon a:hover { background-color:#000000; color:#ffffff;}
.teammember-list:hover .member-social-icon a { opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:0.3s; transition-delay:0.3s;}

/*===============================================
** Section Six : Gallery
*===============================================*/
.sec-gallery .grid-col-three { width:33.33%; margin:0;}
.gallery-wrap { position:relative; }
.gallery{ text-align:center; }
.gallery-image{ position:relative; overflow:hidden;}
.gallery-image:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1; transition:all 0.4s ease-in-out; transform:scale(0.2,0.2); opacity:0; }
.gallery-image:hover::before { transform:scale(1,1); opacity:1; }
.gallery-image img{ position:relative; display:block; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.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:#ffbe00; text-align:center; z-index:2;}
.gallery-title h5{ margin:0; text-transform:capitalize; font-weight:500;}
.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:2px solid #ffffff; 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; z-index:2;}
.gallery-icon a{ display:block; color:#ffffff;}
.gallery-icon a:hover{ color:#ffffff;}
.gallery-icon:hover { border-radius:50%;}
.gallery-image:hover .gallery-icon{ opacity:1; top:50%; }

/*===============================================
** Section Seven : Client Testimonials
*===============================================*/
#clienttestiminials{ margin:60px 0 0; width:100%; padding:0 0px; }
.testi-desc { margin-bottom:25px; padding:20px 15px; background-color:#ffffff; border-top-right-radius:90px; border:1px solid #e1e1e1; border-bottom-right-radius:90px;}
.testi-desc p{ font:400 15px 'Barlow'; line-height:24px; font-style:italic; color:#797878; }
.tmbottom { background-color:#ffbe00; padding:8px 10px 8px 10px; border-top-left-radius:50px; border-bottom-left-radius:50px;}
.testi-thumb{ width:80px; height:80px; float:left;}
.testi-thumb img{ border-radius:50%; width:100%; height:auto; display:block; border:5px solid #ffffff;}
.testimonials-item .tmttl { width:70%; float:right; padding-top:20px;}
.testimonials-item .tmttl h4 { margin-bottom:0px; text-transform:uppercase;}
.testimonials-item .tmttl span { font:400 14px 'Barlow'; color:#000000;}

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

/* Testimonials Sidebar Rotator */
#testimonials .owl-nav { text-align:left; margin-top:15px;}
#testimonials .owl-carousel .owl-nav button { width:30px; height:30px; line-height:27px;}
#testimonials .owl-carousel .owl-nav button.owl-prev::before, #testimonials .owl-carousel .owl-nav button.owl-next::before {line-height:27px;font-size:15px;}

/*===============================================
** Section Eight : Choose Your Perfect Plan Price
*===============================================*/
.pricing_table{font-size:15px;margin-top:8%;}
.price_col{float:left; text-align:center; z-index:0; width:33.33%; border-left:2px solid #e1e1e1; border-right:2px solid #e1e1e1; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; cursor:pointer;}
.pricing_table .th{ font:500 22px 'Montserrat'; color:#ffffff; padding:15px 0;}
.pricing_table .highlight{ position:relative; z-index:1; margin-top:-26px;}
.price_col:hover { -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); -webkit-box-shadow:0px 5px 15px 1px rgba(0,0,0,1); -moz-box-shadow:0px 5px 15px 1px rgba(0,0,0,1); box-shadow:0px 5px 15px 1px rgba(0,0,0,1);}
.pricing_table .td {padding:12px 10px; border-bottom:1px solid #e1e1e1;}
.pricing_table span { font:700 35px 'Barlow'; color:#ffffff; display:block; margin:-12px -10px; background-color:#1a1c27; padding:30px 15px;}
.price_col .tf a.button { display:block; border-radius:0; padding-top:20px; padding-bottom:20px; font-size:20px; margin-bottom:0;}

/*===============================================
** Section Nine : Latest News
*===============================================*/
.news-box{ position:relative; }
.news-thumb{ position:relative; overflow:hidden;}
.news-thumb img { width:100%; height:auto; display:block; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; transition:all 0.5s ease-in; position:relative;}   
.news-thumb figcaption { background-color:rgba(0,0,0,0.5); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 0.5s 0.4s ease-in-out; -moz-transition:all 0.5s 0.4s ease-in-out; -o-transition:all 0.5s 0.4s ease-in-out; -ms-transition:all 0.5s 0.4s ease-in-out; transition:all 0.5s 0.4s ease-in-out; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%;}
.news-thumb .post-date { -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -o-transform:translateY(-100px); -ms-transform:translateY(-100px); transform:translateY(-100px); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position:relative; background-color:rgba(0, 0, 0, 0.8); text-align:center; margin:0; padding:10px; color:#ffffff; font:500 20px 'Barlow';}
.news-thumb a.ln-read-more { -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:block; text-align:center;}   
.news-box:hover figcaption { opacity:1;-webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s; -webkit-transform:translate(0px, 0px); -moz-transform:translate(0px, 0px); -o-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px);}   
.news-box:hover .post-date { -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.news-box:hover a.ln-read-more { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s;}   
.news-content{ text-align:center; position:relative;}
.news-content h4{ font-weight:400; line-height:28px;}
.news-content h4 a { color:#000000;}
.post-meta{ text-transform:capitalize; margin:10px 0 20px; padding:10px 0px; font:500 14px 'Barlow'; color:#ffffff; background-color:#ffbe00; text-align:center;}
.post-meta a { color:#ffffff;}
.post-meta a:hover { color:#000000;}
.post-meta span{ display:none; position:relative; padding:0 8px 5px;}
.post-meta i { color:#ffffff; display:inline-block; margin-right:5px;}
.ln-read-more{ font:500 17px/18px 'Barlow'; text-transform:uppercase; display:inline-block; background-color:rgba(0, 0, 0, 0.8); color:#ffffff; padding:12px 20px; z-index:0; position:absolute; left:0; right:0; bottom:0;}
.ln-read-more:hover{ background-color:#ffbe00; color:#ffffff; }

/** Blog Page Css
*===============================================*/
.blog-post-repeat{ width:48%; float:left; margin:0 4% 40px 0; text-align:center; }
.blog-post-repeat-full { width:31.3%; float:left; margin-right:3%; margin-bottom:40px; text-align:center;}
.blog-post-repeat.lastcols, .blog-post-repeat-full.lastcols{ margin-right:0; }
.blog-post-repeat article{ position:relative;}
.post-thumb{ position:relative; overflow:hidden;}
.post-thumb img { width:100%; height:auto; display:block; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; transition:all 0.5s ease-in; position:relative; }
.post-thumb figcaption { background-color:rgba(0,0,0,0.5); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 0.5s 0.4s ease-in-out; -moz-transition:all 0.5s 0.4s ease-in-out; -o-transition:all 0.5s 0.4s ease-in-out; -ms-transition:all 0.5s 0.4s ease-in-out; transition:all 0.5s 0.4s ease-in-out; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%;}
.post-thumb .post-date { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position:relative; background-color:rgba(0, 0, 0, 0.8); text-align:center; margin:0; padding:10px; color:#ffffff; font:500 20px 'Barlow';}
.post-thumb a.ln-read-more { -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:block; text-align:center;}   
.blog-post-repeat:hover figcaption, .blog-post-repeat-full:hover figcaption { opacity:1;-webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s; -webkit-transform:translate(0px, 0px); -moz-transform:translate(0px, 0px); -o-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px);}   
.blog-post-repeat:hover .post-date, .blog-post-repeat-full:hover .post-date { -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.blog-post-repeat:hover a.ln-read-more { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s;}
.blog-post-repeat-full:hover a.ln-read-more { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s;}
.blog-post-repeat h4, .blog-post-repeat-full h4 { line-height:28px;}

/*===============================================
** Section Ten : Our Partners
*===============================================*/
.client-wrap { position:relative;}
.client-wrap ul { margin:0; padding:0;}
.client-wrap ul li { width:23%; float:left; padding:10px 10px; margin:0 30px 30px 0; border:1px solid #cdcdcd; list-style:none;}
.client-wrap ul li.last { margin-right:0;}
.client-wrap ul li img { width:100%; height:auto; display:block;}

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ display: none;background-color:#1e1d1c; color:#717271; position:relative; padding:60px 0 0px; font:500 13px/22px 'Montserrat';}
.widget-column{ width: 24%; float: left; padding-left: 1%; margin-left: 1%; margin-bottom:30px; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.footer-cols-two, .footer-cols-three, .footer-cols-four { border-bottom:1px solid #2c2a29;}
.foo-cols img { width:auto; margin-bottom:40px;}
.foo-cols h5{ text-transform:uppercase; color:#ffffff; font:600 23px 'Barlow'; position:relative; padding-bottom:10px;}
.foo-cols h5:after { content:''; position:absolute; left:0; bottom:0; width:70px; border-bottom:2px solid #ffbe00;}
.foo-cols ul.menu li a, .latest-post-content h4 a{ color:#ffffff; }
.foo-cols ul.menu li a:hover, .latest-post-content h4 a:hover{ color:#ffbe00; }
.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-top:30px; }
.widget-getintouch p{ line-height:28px; }
.foo-getintouch p{ margin-bottom:10px; line-height:normal; }
.foo-getintouch address{ font-style:normal; display:block; margin-bottom:10px; }
.widget-getintouch-social{ margin-top:30px; }
.widget-getintouch-social li{ display:inline-block; margin:0 10px; }
.foo-getintouch span { color:#ffbe00;}

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

.footer-nav li{ text-transform:capitalize; margin-bottom:8px; line-height:normal;}
.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-widget { top:5px; position:relative;}
.latest-posts-row{ margin-bottom:15px; padding-bottom:12px; clear: both; overflow: hidden; border-bottom:1px solid #2c2a29; }
#sidebar .latest-posts-row{ border-color:#e1e1e1; }
.latest-posts-row:last-child{ border:none; margin:0; padding:0; }
.latest-post-thumb { width:80px; float:left; margin-right:10px; }
.latest-post-thumb img { margin-bottom:0;}
.latest-post-content h4{ margin:0 0 5px; line-height: 1.3; font:500 14px 'Barlow'; text-transform:capitalize;}
.latest-post-content{ overflow:hidden; }
.latest-post-content p{ line-height:20px; font-size:13px; }

.getintouch-form input[type="text"], .getintouch-form input[type="email"] { background:none; border:1px solid #2c2a29; color:#ffffff; -moz-transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in;}
.getintouch-form textarea { background:none; border:1px solid #2c2a29; -moz-transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in; color:#ffffff; height:80px;}
.getintouch-form input[type="text"]:focus, .getintouch-form input[type="email"]:focus, .getintouch-form textarea:focus { border-color:#ffbe00; color:#ffbe00; box-shadow:-2px 4px 6px -2px #ffbe00; outline:none;}
.getintouch-form input[type="text"]:focus:hover, .getintouch-form input[type="email"]:focus:hover, .getintouch-form textarea:focus:hover { outline:none; box-shadow:-2px 4px 6px -2px #ffbe00;}

#instafeed:after{ content:''; display:table; clear:both;}
#instafeed .instafeed{ position:relative; overflow:hidden;}
.instafeed .insta-thumb img { margin-bottom:0; border-radius:5px;}
#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%); border-radius:5px;}
#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{ padding:30px 0; font-weight:500;}
.copyright-wrapper a{ color:#ffffff; }
.copyright-wrapper a:hover{ color:#ffbe00; }
.copyright-left { float:left;}
.copyright-right { float:right;}
.copyright-left, .copyright-right{ display:inline-block; }

/*===============================================
** About Page Css
*===============================================*/
.aboutleft { position:relative;}
.aboutleft h3 { position:relative; font-weight:700; padding-bottom:20px; margin-bottom:25px;}
.aboutleft h3::before { content:''; position:absolute; left:0; bottom:0; width:70px; border-bottom:4px solid #ffbe00;}
.aboutright { position:relative;}
.aboutright h3 { position:relative; font-weight:700; padding-bottom:20px; margin-bottom:25px;}
.aboutright h3::before { content:''; position:absolute; left:0; bottom:0; width:70px; border-bottom:4px solid #ffbe00;}
.aboutright ul { margin:0 0 30px; padding:0; list-style:disc;}
.aboutright ul li { padding:10px 0 10px 35px; position:relative; list-style:none; line-height:21px;}
.aboutright ul li::before { content:'\f0a4'; position:absolute; font-family:'Font Awesome 5 Pro'; color:#ffbe00; left:0; top:12px; font-size:20px;}

/* What We Offer CSS */
.whatwe-box { position:relative; padding:20px; text-align:center; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.whatwe-icon { width:70px; height:70px; line-height:78px; margin:0 auto 20px; background-color:#ffbe00; border:2px solid transperant; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.whatwe-icon i { color:#ffffff; font-size:25px;}
.whatwe-box:hover .whatwe-icon { border:2px solid #ffbe00; background:none;}
.whatwe-box:hover .whatwe-icon i { color:#000000;}
.whatwe-content { padding:20px 0;}
.whatwe-content h4 { font-weight:500; text-transform:uppercase; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.whatwe-box:hover a { color:#ffbe00;}

/*===============================================
** Services Page
*===============================================*/
.serpage-right { position:relative;}
.serpage-right h6 { color:#ffbe00; text-transform:uppercase; font-size:14px;}
.serpage-right ul { margin:20px 0 0 0; padding:0;}
.serpage-right ul li { list-style:none; font:400 18px 'Barlow'; position:relative; padding:10px 0 10px 25px;}
.serpage-right ul li::before { content:'\f067'; font-family:'Font Awesome 5 Pro'; color:#ffbe00; font-size:12px; font-weight:700; left:0; top:14px; position:absolute;}

/*===============================================
** 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 { text-transform:uppercase; }
.skillbar-title span { display:block; padding:0; height:35px; font-size:13px; line-height:35px; font-family:'Barlow'; letter-spacing:1px; }
.skillbar-bar { height:2px; width:0px; background-color:#ffbe00; }
.skill-bar-percent { position:absolute; right:0; top:0; height:35px; line-height:35px; font-family:'Barlow';}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; background-color:#000000; }

/*===============================================
** Owl Carousel Navigation Css
*===============================================*/
.owl-carousel.owl-theme .owl-nav{ margin-top:30px; }
.owl-carousel .owl-nav button{ width:40px; height:40px; line-height:37px !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 #ffbe00 !important; }
.owl-carousel .owl-nav button:hover{ border-color:#ffbe00 !important; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#ffbe00 !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:20px; right:0; bottom:0; line-height:37px; color:#ffbe00; }
.owl-carousel .owl-nav button.owl-prev{ left:0; }
.owl-carousel .owl-nav button.owl-prev:before{ content:'\f30a'; }
.owl-carousel .owl-nav button.owl-next{ right:0; }
.owl-carousel .owl-nav button.owl-next:before{ content:'\f30b'; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:center; height:300px; }
.innerbanner::before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; }
.innerbanner .container{ padding:15em 0 7em;}
h1.innerpage-title{ display:table; text-transform:capitalize; position:relative; font-size:35px; padding:15px 0px; border-bottom:2px solid #ffbe00;}
/* 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; }

/* 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:#ffbe00; 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:10px; }
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-next { margin-left:auto;}
.nav-next a { justify-content:end;}
.nav-previous { text-align:left;}
.nav-next { text-align:right;}
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; }
#nav-below.post-navigation .meta-nav-icon{ background-color:#000000; width:55px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:40px; }
#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{ border:1px solid #000000; padding:10px 15px; display:inline-block; vertical-align:middle; font:400 17px 'Barlow'; color:#000000;}
#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:5px solid #ffbe00; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#ffbe00; 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:#ffbe00; }
.member-info ul li strong { color:#000000;}
#sidebar.team-testi-sidebar{ float:left; padding-bottom:0; }

/*===============================================
** Contact Page Css
*===============================================*/
.gmap{ position:relative; width:100%; margin-bottom:0; }
.blackmap{ -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); display:block; }
.contact-left { width:33%; float:left;}
.contact-box { margin-bottom:10px; padding:37px; background:transparent; border:1px dashed #000000; border-radius:0 50px; min-height:120px; text-align:center; position:relative;}
.contact-box:hover .contact-icon { background:none; color:#ffbe00;}
.contact-box.last { margin-right:0;}
.contact-icon { width:50px; height:50px; line-height:45px; float:left; background-color:#ffbe00; border:2px solid #ffbe00; font-size:25px; color:#ffffff; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; border-top-right-radius:15px; border-bottom-left-radius:15px; text-align:center;}
.contact-details { text-align:left; float:right; width:75%;}
.contact-details p { line-height:30px;}
.contact-details span { display:block; line-height:30px;}

.contact-content{ width:60%; float:right; text-align:center;}
.contact-content h2 { padding-bottom:15px; margin-bottom:2%;}
#contactform_main { margin:30px 0 0 0;}
#contactform_main input[type="text"], #contactform_main input[type="email"], #contactform_main input[type="tel"]{ font-size:14px; border:1px solid #ebebeb; border-top:none; border-right:none; box-shadow:-6px 6px 6px -2px #ebebeb; -moz-transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in; font-weight:500; border-bottom-left-radius:10px;}
#contactform_main input[type="text"]:focus, #contactform_main input[type="email"]:focus, #contactform_main input[type="tel"]:focus, #contactform_main textarea:focus { border-color:#ffbe00; color:#ffbe00; box-shadow:-2px 4px 6px -2px #ffbe00; outline:none;}
#contactform_main input[type="text"]:focus:hover, #contactform_main input[type="email"]:focus:hover, #contactform_main input[type="tel"]:focus:hover, #contactform_main textarea:focus:hover { outline:none; box-shadow:-2px 4px 6px -2px #ffbe00;}
#contactform_main textarea { height:80px; font-size:14px; font-weight:500; border:2px solid #ebebeb; border-top:none; border-right:none; box-shadow:-6px 6px 6px -2px #ebebeb; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; border-bottom-left-radius:10px;}
#contactform_main input[type="submit"] { display:block; width:100%; font-size:18px;}
.contact-social{ padding:30px 0; text-align:center; margin-bottom:0; background-color:#000000; }
.contact-social .social-icons a{ width:50px; height:50px; line-height:45px; border-radius:0; font-size:22px; }

/*===============================================
** 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; font:500 18px 'Barlow'; text-transform:uppercase;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ position:relative; padding:10px 15px; background-color:#000000; font:400 22px 'Barlow'; color:#ffffff; line-height:normal;} 
h3.widget-title span { display:block; width:100%; text-transform:capitalize; }
#sidebar aside.widget{ margin:0 0 30px; 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; border-bottom:1px solid #ebebeb;}
#sidebar ul li a{ line-height:18px; color:#000000; position:relative; padding-left:22px;}
#sidebar ul li a:hover{ color:#ffbe00;}
#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, #sidebar ul li.cat-item{ padding: 10px 0 10px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none;}
#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, #sidebar ul li.cat-item:first-child{ padding-top:0; }
#sidebar .widget_categories li span { float:right; width:30px; height:30px; line-height:33px; text-align:center; background:transparent; border-radius:100%;}
#sidebar .widget_recent_entries li:hover, #sidebar .widget_recent_comments li:hover, #sidebar .widget_archive li:hover, #sidebar .widget_categories li:hover, #sidebar .widget_meta li:hover, #sidebar ul li.cat-item:hover{ padding-left: 15px; }
#sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_categories li a:before, #sidebar .widget_meta li a:before, #sidebar ul li.cat-item a:before{ content:'\f101'; font-family:'Font Awesome 5 Pro'; position:absolute; left:0; top:0px; color:#5c5c5c;}
#sidebar .widget_tag_cloud a{ border:1px solid; text-transform:uppercase; font-size:15px !important; border-radius:3px; padding:8px 15px; margin-right:10px; display:inline-block; margin-bottom:10px; }
#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:#ffbe00; 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; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { display: none; 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:50px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#000000; -webkit-transition:1s; -ms-transition:1s; transition:1s; font-size:50px; line-height:1; }
#back-top a:hover{ color:#ffbe00; }
#back-top span { width:50px;height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; -ms-transition:1s; transition:1s; opacity:0.8;}

/*===============================================
** Custom Css
*===============================================*/
.error_msg{padding:10px; background-color:#e0f0f7; color:#000000; border:1px #000000 solid; margin:15px 0; font-family:'Montserrat';}
.success_msg{padding:10px; background-color:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0; font-family:'Montserrat';}
.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:17% 30px 90px; }

/*===============================================
** 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:capitalize; font-size:15px; font-family:'Montserrat'; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:400; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#ffbe00; 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:25px; }
.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 ul.products li.product .product-item-inner a.button::before, .woocommerce .return-to-shop a.button::before, .wc-proceed-to-checkout a.button::before, .woocommerce-mini-cart__buttons.buttons a.button::before { content:none;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations{ margin-bottom:25px; background-color:#ffbe00; 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: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:#ffbe00;}
.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:capitalize; 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:#ffbe00; }
.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:#000000; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 1.618em; font-size:18px; font-weight:700; color:#000000; }
.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:#ffbe00;}
.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; font:400 18px 'Montserrat';}
.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: #ffbe00; }
.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:#ffbe00; 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 #ffbe00;}

.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:#ffbe00; 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:'Barlow'; 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:#ffbe00; }

button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; cursor:pointer; font-family: 'Barlow'; 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:'Barlow'; 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: 'Barlow'; 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: 'Barlow'; 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: 'Barlow'; 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:25px; }
.comments-area h3.comment-reply-title small{ margin-left:50px; }
.comments-area .comment-form p.comment-notes { margin-bottom: 2em;  font-family: 'Barlow'; 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:'Barlow'; 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:'Barlow'; 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; }