/*
Theme Name: Builder Pro
Theme URI: https://alexathemes.net/themes/builder-wordpress-theme/
Author: Risingthemes
Author URI: https://www.alexathemes.net/
Description: Builder WordPress theme specifically designed and developed for constructions, building, architect, builders, engineers and other building provided services. This is a fully responsive theme that works perfectly with multiple devices like desktop, tablet, mobile etc. Builder WordPress theme comes with many options given in the theme options panel that can easily be customizable. The demo file comes with the theme so you can set up all the demo content on one click. This theme has custom widgets where you can easily change or modify the content of widgets. This theme is tested with the latest version of WordPress and many popular plugins like contact form 7, woocommerce. It is comes with a unique style slider where you can add upto 10 slider images also you can use the slider settings like slider effect, timing etc in the options panel. This theme has used latest animation effects so you can find the theme attractive. This theme is coded with latest SEO standard so you can get more traffic to your website. The sections given in the theme has perfectly match with the requirement of the building or construction theme. 
Version: pro 1.0
Tested up to: 5.4.2 and above
Requires PHP: 7.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: builder
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

Builder Pro WordPress Theme has been created by Risingthemes(alexathemes.net), 2021.
Builder 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{ margin:0; padding:0; font-family:'Raleway'; line-height:28px; color:#555555; font-size:15px; background-color:#ffffff; font-weight:400; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; overflow-x: hidden; }
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:42px;}
h2{ font-size:38px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
.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 #ffbc13; margin-bottom:20px; color:#212427; font-weight:500; font-size: 16px; font-style:italic; line-height:30px; background-color:#f7f7f7; }
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #ffbc13; margin-bottom:20px; color:#212427; font-weight:500; font-size: 16px; font-style:italic;  line-height:30px; background-color:#f7f7f7; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0 0 20px; padding:0;}
a{ text-decoration:none; -webkit-transition:0.3s; transition:0.3s; }
a:hover{ text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft { float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.alignright, img.alignright { float: right; margin-left:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding: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(33,36,39,0.9); width:100%; left:0; right:0; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000; padding:0; }
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:20%; }
.sticky-header .sticky-left .logo { padding:20px 0;}
.sticky-header .sticky-left .logo h1 { font-size:22px;}
.sticky-header .sticky-right{ width:80%; text-align:right;}
.sticky-header .sticky-right .sitenav{ text-align:right; padding:0; display:inline-block;}
.sticky-header .sticky-right .sitenav ul li a{ margin:0; }
.sticky-header .sticky-right .sitenav ul li ul li a{ padding:10px 10px; }
.sticky-header .sticky-right .sitenav ul li ul li a.parent{ padding:10px 10px 10px 25px; }
.boxlayout .sticky-header .sticky-right .sitenav ul li { margin-right:10px;}
.boxlayout .sticky-header .sticky-right { width:63%;}

/*===============================================
** Top Header Css
*===============================================*/
.top-header{ position:relative; color:#ffffff; }
.top-header-right { width:100%; text-align:right; padding:10px 0;}
.top-header-right ul { margin:0; padding:0;}
.top-header-right ul li { display:inline-block; position:relative; padding:0 15px; border-right:1px solid #ffbc13;}
.top-header-right ul li:last-child { border-right:none; padding-right:0;}
.top-header-right ul li i { color:#ffbc13; margin-right:7px;}
.top-header-right ul li a { color:#ffffff;}

.top-header .top-header-right ul li .social-icons a { border:none; width:30px; height:30px; line-height:30px; margin-right:5px;}
.top-header .top-header-right ul li .social-icons a i { color:#ffffff;}
.top-header .top-header-right ul li .social-icons a i:hover { color:#ffbc13;}

/*===============================================
** Header Css
*===============================================*/
.header-main{ position:absolute; width:100%; z-index:9;}
.header { position:absolute; width:100%; left:0; right:0; top:45px; background-color:rgba(33,36,39,0.9);}
.header .container, .navigation .container { width:1250px; margin:0 auto;}
.header-right { display:flex; align-items:center; justify-content:space-between;}

/*===============================================
** Site Logo Css
*===============================================*/
.logo { width:20%; display:table; vertical-align:middle; padding:0; margin:0; position:relative; z-index:9;}
.logo:before { right:-50px; width:120%; -webkit-transform:skew(-30deg); -ms-transform:skew(-30deg); transform:skew(-30deg);}
.logo:after { right:10%; width:2000px;}
.logo:before, .logo:after { background-color:#ffffff; content:''; position:absolute; bottom:-15px; height:150%; z-index:-1;}

.logo img{ width:auto; height:auto; display:block; }
.logo h1{ margin:0; font:700 35px/1 'Raleway'; color:#ffffff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-transform:uppercase; letter-spacing:1px; }
.logo a{ display:block; }
.logo p{ color:#ffffff; display:block; font:400 14px/16px 'Raleway'; 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; color:#212427; }
.toggle a:hover{ color:#ffbc13; }
.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; margin:0; padding:0 35px; display:flex; align-items:center; justify-content:space-between;}
.sitenav ul {margin:0; padding:0; font-family:'Raleway'; font-size:14px; font-weight:400; text-transform:uppercase; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; letter-spacing:1px; }
.sitenav ul li a{ padding:31px 15px; margin:0; display:block; text-align:left; color:#ffffff; position:relative; }

.sitenav ul li a:before { background-color:#ffbc13; width:0; height:2px; content:''; display:inline-block; position:absolute; bottom:20px; left:0; -webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.sitenav ul li a:after { background-color:#ffbc13; width:2px; height:0; content:''; display:inline-block; position:absolute; bottom:20px; left:0; -webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.sitenav ul li:hover a:before { width:100%;}
.sitenav ul li:hover a:after { height:8px;}
.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:#ffbc13; position:relative; }
.sitenav ul li.current-menu-item a:before { width:100%;}
.sitenav ul li.current-menu-item a::after { height:8px;}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul li:last-child a{ padding:10px; }
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; border-top:3px solid #ffbc13; border-bottom:3px solid #ffbc13; }
.sitenav ul li:hover > ul{display:block; width:205px; position:absolute; left:auto; top:100%; text-align:left; -ms-animation: fadeIn .5s ease-in-out; -webkit-animation: fadeIn .5s ease-in-out; animation:fadeIn .5s ease-in-out; background-color:rgba(33,36,39,0.9);}
.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:before { content:none;}
.sitenav ul li ul li a{display:block; padding:10px; position:relative; top:0; text-align:left; }
.sitenav ul li ul li a.parent{ margin:0;}
.sitenav ul li ul li a:after, .sitenav ul li ul li a:before { content:none;}
.sitenav ul li ul li a.parent:before { content:none;}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; right:-205px; top:-4px; -ms-animation: fadeIn .3s ease-in-out; -webkit-animation: fadeIn .3s ease-in-out; animation:fadeIn .3s ease-in-out; }

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { width:72%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.5); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:600px; position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto; }
#slider a.button{ margin-right:20px; }
.show-header-image{ padding:15em 0; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons{ white-space:nowrap; }
.social-icons a{ width:40px; height:40px; line-height:36px; display:inline-block; padding:0; -webkit-transition:0.3s; transition:0.3s; font-size:16px; color:#212427; position:relative; text-align:center; border:2px solid; border-radius:30px; margin-right:8px; }
.social-icons a:hover { color:#ffbc13; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.main-button{ font-family:'Karla'; font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:20px 30px; margin-bottom:4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color:#ffbc13; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
a.main-button span{ display:block; }
a.main-button:hover{ background-color:#212427; color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; background-color:#ffbc13; color:#212427; border:2px solid #212427; padding:10px 20px 10px; font:700 15px/18px 'Raleway'; display:inline-block; letter-spacing:3px; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
a.buttonstyle1:before { position:absolute; top:-6px; left:-6px; content:''; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); border:solid; border-width:0 2px 2px 0; border-color:inherit; display:inline-block; padding:3px; -webkit-transition:all .5s ease-out; transition:all .7s ease-out; }
a.buttonstyle1:after { position:absolute; bottom:-6px; right:-6px; content:''; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); border:solid; border-width:2px 0 0 2px; border-color:inherit; display:inline-block; padding:3px; -webkit-transition:all .5s ease-out; transition:all .7s ease-out;}
a.buttonstyle1:hover{ color:#212427; border-color:#212427; }
a.buttonstyle1:hover:before, a.buttonstyle1:hover:after { border-color:#212427;}
a.buttonstyle1:hover:before { left:99%; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
a.buttonstyle1:hover:after { right:99%; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}

a.buttonstyle2 { position:relative; z-index:0; display:inline-block; cursor:pointer; background-color:#212427; padding:15px 35px;}
a.buttonstyle2 span { font:700 16px 'Raleway'; position:relative; z-index:1; display:block; padding-right:25px; padding-left:0; transition:color .3s ease; transform:scaleX(.9); transform-origin:center left; letter-spacing:5px; text-transform:uppercase; color:#ffffff;}
a.buttonstyle2:hover span { color:#212427;}
a.buttonstyle2 em { position:absolute; z-index:1; top:50%; right:18px; width:22%; height:2px; transition:all .3s ease; transform:scaleX(.25); transform-origin:center right; background-color:#ffffff;}
a.buttonstyle2:hover em { transform:scaleX(1); background-color:#212427;}
a.buttonstyle2:before { top:0; right:auto; left:0;}
a.buttonstyle2:after { right:0; bottom:0; left:auto;}
a.buttonstyle2:before, a.buttonstyle2:after { position:absolute; width:0; height:50%; content:''; -webkit-transition: .3s cubic-bezier(.785, .135, .15, .86); transition: .3s cubic-bezier(.785, .135, .15, .86); background-color:#ffbc13;}
a.buttonstyle2:hover { background-color:#212427;}
a.buttonstyle2:hover::before { right:0; left:auto; width:100%;}
a.buttonstyle2:hover::after{right:auto; left:0; width:100%;}

a.sliderbtn { position:relative; text-transform:uppercase; color:#ffffff; border:2px solid #ffffff; padding:10px 20px 10px; font:700 15px/18px 'Raleway'; display:inline-block; letter-spacing:3px; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
a.sliderbtn:before { position:absolute; top:-8px; left:-8px; content:''; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); border:solid; border-width:0 2px 2px 0; border-color:inherit; display:inline-block; padding:3px; -webkit-transition:all .5s ease-out; transition:all .7s ease-out;}
a.sliderbtn:after { position:absolute; bottom:-8px; right:-8px; content:''; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); border:solid; border-width:2px 0 0 2px; border-color:inherit; display:inline-block; padding:3px; -webkit-transition:all .5s ease-out; transition:all .7s ease-out;}
a.sliderbtn:hover { color:#ffbc13; border-color:#ffbc13; }
a.sliderbtn:hover:before, a.sliderbtn:hover:after { border-color:#ffbc13;}
a.sliderbtn:hover:before { left:100%; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
a.sliderbtn:hover:after { right:100%; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}

.custombtn{ margin-top:40px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; margin-bottom:50px; position:relative;}
.section_head h4.section-sub-title{ font:700 20px 'Raleway'; position:relative; text-transform:capitalize; display:inline-block; font-weight:600; color:#ffbc13; letter-spacing:1.5px; padding:0px 15px 0; margin-bottom:0px;}

section.sec-overlay .full-container h4.section-sub-title, section.secbg-overlay .full-container h4.section-sub-title { margin-left:90px;}
section.sec-overlay .full-container h2.section_title, section.secbg-overlay .full-container h2.section_title { margin-left:90px;}

h2.section_title{ font:400 40px/1.2 'Raleway'; color:#212427; position:relative; text-transform:uppercase; margin:0 auto 10px; display:block; z-index:1;}
.heading-line { height:5px; width:90px; background-color:#212427; margin:10px auto; position:relative; border-radius:30px;}
.heading-line:before { content:''; position:absolute; left:0; top:-2.7px; height:10px; width:10px; border-radius:50%; background-color:#ffbc13; -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-name:MOVE-Rs-Dot; animation-name:MOVE-Rs-Dot;}

section.sec-overlay .heading-line { background-color:#ffffff;}

@keyframes MOVE-Rs-Dot {
  0% { -webkit-transform:translateX(0); transform:translateX(0);}
100% { -webkit-transform:translateX(88px); transform:translateX(88px);}
}

@keyframes MOVE-Rs-Dot {
  0% { -webkit-transform:translateX(0); transform:translateX(0);}
100% { -webkit-transform:translateX(88px); transform:translateX(88px);}
}

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title { color:#ffffff; }

/*===============================================
** Section Background Css
*===============================================*/
.secbg-overlay{ position:relative; }
.secbg-overlay h2.section_title, .secbg-overlay a{ color:#ffffff; }

/*===============================================
** Section Shortcode Css
*===============================================*/
.section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin-bottom:30px; text-align:center;}
.custom-heading h2{ position:relative; margin-bottom:0px; letter-spacing:1px; text-transform:uppercase;}
.custom-heading h4{ font:400 20px 'Raleway'; position:relative; text-transform:capitalize; display:inline-block; font-weight:600; line-height:130%; letter-spacing:1.5px; padding:0; margin-bottom:10px;}

/*===============================================
** Grid Columns Css
*===============================================*/
.grid-col-two, .grid-col-three, .grid-col-four{ float:left; }
.grid-col-two{ width:48%; margin-right:4%; margin-top:4%; }
.grid-col-three{ width:32%; margin-right:2%; margin-top:2%; }
.grid-col-four{ width:23.5%; margin-right:2%; margin-top:2%; }

/*===============================================
** Flex Css
*===============================================*/
.flex-element{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; flex-direction:row; }

/*===============================================* Theme Shortcode Css Start *===============================================*/
/*===============================================
** Features Section First Css
*===============================================*/
.feature-box { width:33.33%; float:left; position:relative; padding:50px 0; z-index:1; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.feature-inner { width:50%; margin-left:25%; color:#ffffff;}
.feature-inner span { color:#ffffff; font-size:35px; font-weight:700; margin-bottom:30px; display:block;}
.feature-inner h3 { color:#ffffff;}
.feature-inner a { color:#ffffff; position:relative; font-size:18px; font-weight:700;}
.feature-inner a:hover { color:#ffffff;}
.feature-icon { font-size:15em; color:#ffffff; opacity:0.2; position:absolute; right:10%; top:22%; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.feature-box:hover { -webkit-transform:translateY(-25px); -ms-transform:translateY(-25px); transform:translateY(-25px); z-index:99;}
.feature-box:hover .feature-icon { transform:rotate(-15deg); -webkit-transform:rotate(-15deg); -ms-transform:rotate(-15deg);}

/*===============================================
** Welcome About Section Second Css
*===============================================*/
.welcome_wrap { position:relative;}
.welcome-left { position:relative; width:48%; float:left;}
.welcome-left img { display:block; width:100%; height:auto;}
.welcome-left .wel-left-inner { width:35%; margin:0 auto; text-align:center; position:absolute; padding:15px 25px; background-color:#ffbc13; left:0; right:0; top:38%; box-shadow:0px 0px 30px 10px rgba(33,36,39,0.75); -webkit-box-shadow:0px 0px 30px 10px rgba(33,36,39,0.75); -moz-box-shadow:0px 0px 30px 10px rgba(33,36,39,0.75);}
.welcome-left .wel-left-inner h3 { font-size:25px; font-weight:700; margin-bottom:0; line-height:30px;}
.welcome-right { width:48%; float:right; position:relative;}
.welcome-right h6 { color:#ffbc13;}
.welcome-right h2 { line-height:45px;}
.welcome-right .icon-box { box-shadow:0px 0px 9px 0px rgba(0,0,0,0.50); -webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.50); -moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.50);}
.welcome-right .icon-box h4 { margin-bottom:5px;}
.welcome-right .icon-box h4 a { color:#ffbc13;}
.welcome-right .icon-box a.ReadMore { margin-top:5px; font-weight:700; display:inline-block;}

/*===============================================
** Services Section Third Css
*===============================================*/
.services-module .services-box { position:relative; z-index:1; display:flex; align-items:center; overflow:hidden; text-align:center;}
.services-module .ser-front { border:1px solid rgba(255,255,255,0.3); width:100%; padding:55px 40px;}
.services-module .ser-front .ser-icon { line-height:1; margin-bottom:28px; font-size:44px; color:#ffbc13;}
.services-module .ser-front h3 { font-size:22px; margin-bottom:13px;}
.services-module .ser-front h3 a { color:#ffffff;}
.services-module .ser-front .ser-desc { line-height:24px;}
.services-module.service_back_slide .ser-back { left:-100%; z-index:1;}
.services-module .ser-back { position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; -webkit-transition:all 1s; transition:all 1s; background-size:cover; background-position:center;}
.services-module.service_back_slide .ser-button { left:-200%;}
.services-module .ser-button { position:absolute; z-index:2; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); transition:all 1s;}
.services-module.service_back_slide .services-box:hover .ser-back { left:0; top:0;}
.services-module.service_back_slide .services-box:hover .ser-button { left:50%;}

/*===============================================
** Project Section Four Css
*===============================================*/
.project-main { position:relative;}
.project-box { position:relative;}
.project-inner { width:100%; position:relative;}
.project-thumb { position:relative; display:block; margin:0px; overflow:hidden;}
.project-thumb img { position:relative; display:block; width:100%;}
.overlay-box { position:absolute; left:18px; top:18px; right:18px; bottom:18px; opacity:0; color:#ffffff; text-align:center; -webkit-transition:all 900ms ease; transition:all 900ms ease; -webkit-transform:rotateY(-180deg); -ms-transform:rotateY(-180deg); transform:rotateY(-180deg);}
.overlay-box:before { position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.80; outline:2px solid #ffffff; outline-offset:-20px; background-color:#ffbc13;}
.overlay-inner { position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; padding:10px 0px;}
.overlay-content { position:relative; display:table-cell; vertical-align:middle;}
.overlay-content h3 { position:relative; font-weight:700; line-height:1.4em; margin-bottom:12px;}
.overlay-content h3 a { position:relative; color:#212427;}
.project-category { position:relative; color:#ffffff; font-size:16px; margin-bottom:18px;}
.project-category a { color:#ffffff; font-weight:700;}
.project-category a:hover { color:#212427;}
.project-thumb .pro-link { position:absolute; left:-90px; bottom:0px; width:70px; height:70px; font-size:24px; color:#ffbc13; line-height:70px; margin:0px 3px; font-weight:400; text-align:center; border-radius:0px; display:inline-block; -webkit-transition:all 600ms ease; transition:all 600ms ease; background-color:#212427;}
.project-inner:hover .overlay-box { opacity:1; -webkit-transform:rotateY(0deg); -ms-transform:rotateY(0deg); transform:rotateY(0deg); visibility:visible;}
.project-inner:hover .pro-link { left:-3px; -webkit-transition-delay:500ms; -ms-transition-delay:500ms; transition-delay:500ms;}

/* Project Single */
.project-single { position:relative;}
.prosingle-content { width:65%; float:left; position:relative; padding-right:30px;}
.prosingle-sidebar { width:35%; float:right; position:relative; padding-left:15px;}
.prosingle-sidebar h2 { font-size:20px; position:relative; padding:12px 0 12px 15px; margin:0 0 25px; text-transform:uppercase; font-weight:700; text-align:left; background-color:#eeeeee; letter-spacing:1px;}
.prosingle-sidebar h2:before { content:''; position:absolute; width:2px; height:100%; left:0px; bottom:0; background-color:#ffbc13;}
.prosingle-sidebar h2:after { content:''; position:absolute; width:100%; height:2px; left:0px; bottom:0; background-color:#ffbc13;}
.project-metadata { position:relative; margin-bottom:30px;}
.project-metadata ul { margin:0; padding:0;}
.project-metadata ul li { list-style:none; text-decoration:none; padding:10px 10px 10px 0; position:relative; border-bottom:1px solid #f0f0f0; display:flex;}
.project-metadata ul li .spanleft { width:40%; font-weight:700; color:#212427; position:relative; padding-left:22px;}
.project-metadata ul li .spanleft:before { content:'\f324'; position:absolute; font-size:13px; font-family:'Font Awesome 5 Pro'; color:#ffbc13; left:0; font-weight:400;}
.project-metadata ul li .spanright { width:50%; padding-left:10px;}
.procontact-info { margin-bottom:30px;}
.procontact-info ul { margin:0;}
.procontact-info li { list-style:none; padding:10px 10px 10px 0; position:relative; border-bottom:1px solid #f0f0f0; display:block;}
.proinfo-icon { width:35px; height:35px; float:left; margin-right:10px; text-align:center;}
.procontact-info li i { font-size:28px; color:#ffbc13; position:relative;}
.proinfo-content { width:85%; float:right;}

/* Related Project */
.related-project { position:relative;}
.related-project h2 { font:400 20px 'Raleway'; position:relative; text-transform:capitalize; display:block; font-weight:600; line-height:130%; letter-spacing:1.5px; padding:10px 15px 10px 0; text-align:center; border-top:1px solid; border-bottom:1px solid;}
.relproject-list { width:31%; float:left; margin:30px 25px 0 0; position:relative;}
.relproject-list.lastcols { margin-right:0;}

/*===============================================
** Counter Section Five Css
*===============================================*/
.counter-main{  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.counter-column { position:relative; width:25%; float:left; padding:0 20px;}
.count-box { position:relative; font-size:60px; line-height:1em; color:#ffffff; font-weight:700; padding:20px 0 0 20px;}
.count { position:relative; float:left; margin-right:15px;}
.count span.counter { position:relative; display:inline-block; font-size:60px; line-height:1em; font-weight:700; letter-spacing:5px;}
.counter-ttl { position:relative; display:block; line-height:1.5em; font-weight:400; padding:9px 0;}
.countnumber { position:relative; display:inline-block; z-index:1;}
.counter-effects { width:70px; height:70px; top:-2px; position:absolute; left:0px; right:0; margin:0 auto; -webkit-animation:rotation 12.8s steps(1) 0s infinite; animation:rotation 12.8s steps(1) 0s infinite; z-index:-1;}
.counter-effects .bar { background-color:#ffbc13;}
.counter-effects .bar-top { width:100%; height:7px; position:absolute; top:0; left:0; -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; -webkit-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1); -webkit-animation:bar-top 3.2s linear 0s infinite; animation:bar-top 3.2s linear 0s infinite;}
.counter-effects .bar-right { width:7px; height:100%; position:absolute; top:0; right:0; -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; -webkit-transform:scale(1, 0); -ms-transform:scale(1, 0); transform:scale(1, 0); -webkit-animation:bar-right 3.2s linear 0s infinite; animation:bar-right 3.2s linear 0s infinite;}
.counter-effects .bar-bottom { width:100%; height:7px; position:absolute; right:0; bottom:0; -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top; -webkit-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1); -webkit-animation:bar-bottom 3.2s linear 0s infinite; animation:bar-bottom 3.2s linear 0s infinite;}
.counter-effects .bar-left { width:7px; height:100%; position:absolute; left:0; bottom:0; -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:scale(1, 0); -ms-transform:scale(1, 0); transform:scale(1, 0); -webkit-animation:bar-left 3.2s linear 0s infinite; animation:bar-left 3.2s linear 0s infinite;}

@-webkit-keyframes bar-top {
  0% { transform:scale(0, 1);}
  12.5% { transform:scale(1, 1);}
  87.5% { transform:scale(1, 1);}
  100% { transform:scale(0, 1);}
  }

@keyframes bar-top {
  0% { transform:scale(0, 1);}
  12.5% { transform:scale(1, 1);}
  87.5% { transform:scale(1, 1);}
  100% { transform:scale(0, 1);}
  }

@-webkit-keyframes bar-right {
  0% { transform:scale(1, 0);}
  12.5% { transform:scale(1, 0);}
  25% { transform:scale(1, 1);}
  75% { transform:scale(1, 1);}
  87.5% { transform:scale(1, 0);}
  100% { transform:scale(1, 0);}
  }

@keyframes bar-right {
  0% { transform:scale(1, 0);}
  12.5% { transform:scale(1, 0);}
  25% { transform:scale(1, 1);}
  75% { transform:scale(1, 1);}
  87.5% { transform:scale(1, 0);}
  100% { transform:scale(1, 0);}
  }

@-webkit-keyframes bar-bottom {
  0% { transform:scale(0, 1);}
  25% { transform:scale(0, 1);}
  37.5% { transform:scale(1, 1);}
  62.5% { transform:scale(1, 1);}
  75% { transform:scale(0, 1);}
  100% { transform:scale(0, 1);}
  }

@keyframes bar-bottom {
  0% { transform:scale(0, 1);}
  25% { transform:scale(0, 1);}
  37.5% { transform:scale(1, 1);}
  62.5% { transform:scale(1, 1);}
  75% { transform:scale(0, 1);}
  100% { transform:scale(0, 1);}
  }

@-webkit-keyframes bar-left {
  0% { transform:scale(1, 0);}
  37.5% { transform:scale(1, 0);}
  50% { transform:scale(1, 1);}
  62.5% { transform:scale(1, 0);}
  100% { transform:scale(1, 0);}
  }

@keyframes bar-left {
  0% { transform:scale(1, 0);}
  37.5% { transform:scale(1, 0);}
  50% { transform:scale(1, 1);}
  62.5% { transform:scale(1, 0);}
  100% { transform:scale(1, 0);}
}

/*===============================================
** Why Choose Us Section Six Css
*===============================================*/
.whychoose-item { position:relative; padding:30px 28px 0px; background-color:#ffffff; -webkit-transition:all 250ms ease; transition:all 250ms ease; border:1.5px solid #e9e9e9;}
.whychoose-inner { position:relative; padding:20px 0 0 0;}
.whychoose-icon { transition:box-shadow 0.3s ease, background 0.3s ease; transition:all 550ms ease; text-align:center; margin-bottom:20px;}
.whychoose-icon i { font-size:45px; color:#ffbc13; vertical-align:middle; transition:all 250ms ease; -webkit-transition:all 250ms ease;}
.whychoose-content { overflow:hidden; text-align:center; -webkit-transition:all 550ms ease; transition:all 550ms ease;}
.whychoose-content h5 { padding:0px; margin-bottom:10px; display:inline-block; position:relative; z-index:0; text-transform:uppercase; line-height:22px; transition:all 250ms ease; -webkit-transition:all 250ms ease;}
.whychoose-content p { margin-bottom:0;}
.whychoose-button { opacity:0; text-align:center; -webkit-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px); -webkit-transition:all 750ms ease; transition:all 750ms ease;}
.whychoose-button a { margin:0; font-weight:600; text-align:center; text-transform:uppercase; font-size:16px; letter-spacing:1px; display:contents; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.whychoose-item:hover .whychoose-icon { transition:box-shadow 0.3s ease, background 0.3s ease; -webkit-transition:all 550ms ease; transition:all 550ms ease; opacity:0; -webkit-transform:translate(0px, -43.7px); -ms-transform:translate(0px, -43.7px); transform:translate(0px, -43.7px);}
.whychoose-item:hover .whychoose-content { -webkit-transform:translate(0px, -56.7px); -ms-transform:translate(0px, -56.7px); transform:translate(0px, -56.7px); transition:box-shadow 0.3s ease, background 0.3s ease; -webkit-transition:all 550ms ease; transition:all 550ms ease;}
.whychoose-item:hover .whychoose-button { opacity:1; -webkit-transform:translate(0px, -44.7px); -ms-transform:translate(0px, -44.7px); transform:translate(0px, -44.7px); -webkit-transition:all 750ms ease; transition:all 750ms ease;}

/*===============================================
** Our Team Section Seven Css
*===============================================*/
.teammember-list { position:relative;}
.team-inner { position:relative; overflow:hidden;}
.team-thumb { position:relative;}
.team-thumb:before { position:absolute; content:''; left:0px; top:0px; width:0%; height:100%; z-index:1; -webkit-transition:all 600ms ease; transition:all 600ms ease; background-color:rgba(0,0,0,0.30); border-radius:15px 15px 0px 15px;}
.team-thumb img { position:relative; width:100%; display:block; border-radius:15px 15px 0px 15px; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.member-social-icon { position:absolute; left:30px; top:-100%; opacity:0; z-index:2; padding-top:20px; display:inline-block; transition:all 900ms ease; -webkit-transition:all 900ms ease;}
.member-social-icon:before { position:absolute; content:''; left:0px; top:-30px; right:0px; bottom:-20px; -webkit-transform:skewY(25deg); -ms-transform:skewY(25deg); transform:skewY(25deg); -webkit-transition:all 600ms ease; transition:all 600ms ease; background-color:#212427;}
.member-social-icon li { position:relative; text-align:center; margin-bottom:1px; display:block;}
.member-social-icon li a { position:relative; font-size:18px; color:#ffffff; display:block; z-index:1; padding:10px 15px;}
.member-social-icon li a:hover { color:#ffbc13;}
.team-content { position:relative; margin-left:40px; margin-top:-50px; z-index:4; padding:22px 40px 22px 60px;}
.team-content:before { position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; transition:all 600ms ease; -webkit-transition:all 600ms ease; background-color:#ffbc13; clip-path:polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 9% 50%, 0% 0%);}
.team-content:after { position:absolute; content:''; left:-10px; top:26px; width:30px; height:50px; bottom:26px; background-color:#ffbc13; clip-path:polygon(52% 0, 100% 50%, 55% 100%, 0% 100%, 50% 50%, 0% 0%);}
.team-content h4 { position:relative; line-height:1.3em; font-weight:700; margin-bottom:3px;}
.team-inner:hover .team-content h4 a { color:#212427;}
.team-content span { position:relative; color:#ffffff; font-size:15px; margin-top:8px;}
.team-content .team-arrows-right { position:absolute; right:20px; top:20px; width:60px; height:40px; cursor:pointer; display:block; z-index:20; cursor:pointer; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
.team-content .chevron { position:absolute; width:40px; height:8px; opacity:0; -webkit-transform:scale3d(0.5, 0.5, 0.5); -ms-transform:scale3d(0.5, 0.5, 0.5); transform:scale3d(0.5, 0.5, 0.5); animation:move 3s ease-out infinite;}
.team-content .chevron:first-child { animation:move 3s ease-out 1s infinite;}
.team-content .chevron:nth-child(2) { animation:move 3s ease-out 2s infinite;}
.team-content .chevron:before { left:0; -webkit-transform:skew(0deg, 30deg); -ms-transform:skew(0deg, 30deg); transform:skew(0deg, 30deg);}
.team-content .chevron:after { right:0; width:50%; -webkit-transform:skew(0deg, -30deg); -ms-transform:skew(0deg, -30deg); transform:skew(0deg, -30deg);}
.team-content .chevron:before, .team-content .chevron:after { content:''; position:absolute; top:0; height:100%; width:51%; opacity:0.10; background-color:#000000;}
.team-inner:hover .team-thumb:before { width:100%;}
.team-inner:hover .member-social-icon { top:0%; opacity:1;}

@keyframes move {
  25% { opacity:1;}
  33% { opacity:1; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px);}
  67% { opacity:1; -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transform:translateY(40px);}
  100% { opacity:0; -webkit-transform:translateY(55px) scale3d(0.5, 0.5, 0.5); -ms-transform:translateY(55px) scale3d(0.5, 0.5, 0.5); transform:translateY(55px) scale3d(0.5, 0.5, 0.5);}
}

@-webkit-keyframes move {
  25% { opacity:1;}
  33% { opacity:1; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px);}
  67% { opacity:1; -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transform:translateY(40px);}
  100% { opacity:0; -webkit-transform:translateY(55px) scale3d(0.5, 0.5, 0.5); -ms-transform:translateY(55px) scale3d(0.5, 0.5, 0.5); transform:translateY(55px) scale3d(0.5, 0.5, 0.5);}
}

@-ms-keyframes move {
  25% { opacity:1;}
  33% { opacity:1; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px);}
  67% { opacity:1; -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transform:translateY(40px);}
  100% { opacity:0; -webkit-transform:translateY(55px) scale3d(0.5, 0.5, 0.5); -ms-transform:translateY(55px) scale3d(0.5, 0.5, 0.5); transform:translateY(55px) scale3d(0.5, 0.5, 0.5);}
}

/*===============================================
** Testimonials Section Eight Css
*===============================================*/
#clienttestiminials{ width:100%; }
.testimonials-item{ margin:15px 20px; }
.testi-block { background-color:#212427; color:#ffffff; padding:40px 30px; position:relative;}
.testi-thumb { float:left; border:3px solid #ffbc13; width:90px; height:90px; position:relative; z-index:2;}
.testi-thumb img { width:100%; height:auto; display:block;}
.testi-thumb:after { border-right:3px solid #ffbc13; height:150%; content:''; position:absolute; left:36px; top:-21px; -webkit-transform:skew(25deg); -ms-transform:skew(25deg); transform:skew(25deg); z-index:-1;}
.testi-content { overflow:hidden; padding-left:20px;}
.testi-content p { margin-bottom:0; line-height:24px;}
.testi-title { background-color:#ffbc13; color:#ffffff; padding:15px 20px 15px 70px; display:inline-block; position:relative; z-index:0;}
.testi-title:after { content:''; background-color:#ffbc13; position:absolute; top:0; right:-30px; height:100%; width:150px; z-index:-1; display:block; -webkit-transform:skew(-45deg); -ms-transform:skew(-45deg); transform:skew(-45deg);}
.quote-left { background-color:#212427; color:#ffbc13; position:absolute; left:0; top:0; font-size:30px; width:55px; line-height:55px; height:100%; text-align:center;}
.testi-title h4 { display:inline-block; margin:0px 5px; position:relative; margin-bottom:0; color:#ffffff;}
.testi-position { color:#212427; margin:0px 10px; display:inline-block; position:relative;}
.testi-position:after { border:1px solid #212427; height:50%; content:''; position:absolute; left:-10px; top:5px; -webkit-transform:skew(-25deg); -ms-transform:skew(-25deg); transform:skew(-25deg);}

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px;}

/*===============================================
** Latest Blog Section Nine Css
*===============================================*/
.news-box{ position:relative; padding:0 0px 15px;}
.news-thumb{ position:relative;}
.news-thumb img { width:100%; height:auto; display:block;}
.news-thumb span.post-cate {background-color:#212427; position:absolute; padding:5px 15px 8px; color:#fff; top:10px; left:0; height:36px; z-index:9;}
.news-thumb span.post-cate:before { content:''; position:absolute; background-color:#212427; right:-12px; top:0px; height:100%; width:25px; z-index:1; display:block; -webkit-transform:skew(30deg); -ms-transform:skew(30deg); transform:skew(30deg);}
.news-thumb span.post-cate i { background-color:#ffbc13; color:#212427; margin-right:35px; position:relative; display:inline-block; text-align:center; width:50px; height:36px; line-height:36px; margin-top:-5px; margin-left:-15px;}
.news-thumb span.post-cate i:after { background-color:#ffbc13; content:''; height:100%; position:absolute; right:-12px; width:25px; -webkit-transform:skew(30deg); -ms-transform:skew(30deg); transform:skew(30deg);}
.news-thumb span.post-cate a { color:#ffffff; font-weight:700;}
.news-thumb span.post-cate a:hover { color:#ffbc13;}
.news-overlay { position:absolute; right:0; top:0; width:50%; height:100%;}
.news-overlay:before { background-color:#ffbc13; position:absolute; right:0; top:0; height:100%; width:0; opacity:0.80; z-index:9; content:''; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.news-box:hover .news-overlay:before { width:100%;}
.news-box:hover .news-overlay a.ln-read-more { opacity:1; margin-left:0px; -webkit-transition:all 300ms ease; transition:all 300ms ease; transition-delay:300ms;}
.news-content { position:relative; padding:20px 20px 15px; -webkit-transition:all 300ms ease; transition:all 300ms ease; background-color:#ffffff;}
.date-info-box { position:relative; padding-left:70px; padding-top:5px; min-height:80px;}
.post-date { position:absolute; left:0; top:-70px; height:70px; width:50px; background-color:#212427; font-size:30px; line-height:50px; color:#ffffff; font-weight:700; text-align:center; -webkit-transition:all 500ms ease 300ms; transition:all 500ms ease 300ms;}
.post-date span.month { position:relative; display:block; font-size:12px; line-height:25px; color:#212427; background-color:#ffbc13;}
.news-content h3 { position:relative; display:block; font-size:17px; line-height:22px; top:-5px; margin-bottom:-3px;}
.news-content h3 a { color:#212427;}
.news-box:hover .post-date, .blog-post-repeat:hover .post-date { -webkit-transform:rotateX(360deg); -ms-transform:rotateX(360deg); transform:rotateX(360deg);}
a.ln-read-more{ font:700 18px/24px 'Raleway'; text-transform:capitalize; color:#212427; position:absolute; left:0; right:0; bottom:25px; width:100%; text-align:center; z-index:99; opacity:0; margin-left:-30px;}
a.ln-read-more:hover{ color:#ffffff;}
a.ln-read-more i { display:inline-block; font-size:18px; margin-left:5px;}

/* Post Meta */
.post-meta{ text-transform:capitalize; font-size:13px; text-align:left;}
.post-meta span{ display:inline-block; position:relative; padding:2px 0; }
.post-meta span:last-child{ padding-right:0; }
.post-meta span a{ display:inline-block; color:#212427; padding:2px 22px; margin:0; position:relative; }
.post-meta span a:hover{ color:#ffbc13;}
.post-meta span a i{ margin-right:5px; color:#ffbc13;}
.post-meta span a:before{ position:absolute; left:0; font-family:'Font Awesome 5 Pro'; font-weight:700; color:#ffbc13;}
.blog-post-repeat .post-meta span a:before { left:8px;}
.post-meta span.post-cate a:before{ content:'\f02c'; }
.post-meta span.post-auth a:before{ content:'\f007'; }
.post-meta span.post-comnt a:before{ content:'\f086'; }

/* Blog Page Css */
.blog-post-repeat{ width:48%; float:left; margin:0 4% 3% 0; }
.blog-post-repeat.lastcols{ margin-right:0; }
.blog-post-repeat .post-thumb { position:relative;}
.blog-post-repeat .post-thumb img { width:100%; height:auto; display:block;}
.blog-post-repeat span.post-cate { background-color:#212427; position:absolute; padding:4px 15px 8px; color:#ffffff; top:10px; left:0; height:36px; z-index:9;}
.blog-post-repeat span.post-cate:before { content:''; position:absolute; background-color:#212427; right:-12px; top:0px; height:100%; width:25px; z-index:1; display:block; -webkit-transform:skew(30deg); -ms-transform:skew(30deg); transform:skew(30deg);}
.blog-post-repeat span.post-cate i { background-color:#ffbc13; color:#212427; margin-right:35px; position:relative; display:inline-block; text-align:center; width:50px; height:36px; line-height:36px; margin-top:-5px; margin-left:-15px;}
.blog-post-repeat span.post-cate i:after { background-color:#ffbc13; content:''; height:100%; position:absolute; right:-12px; width:25px; -webkit-transform:skew(30deg); -ms-transform:skew(30deg); transform:skew(30deg);}
.blog-post-repeat span.post-cate a { color:#ffffff; font-weight:700;}
.blog-post-repeat span.post-cate a:hover { color:#ffbc13;}
.blog-overlay { position:absolute; right:0; top:0; width:50%; height:100%;}
.blog-overlay:before { background-color:#ffbc13; position:absolute; right:0; top:0; height:100%; width:0; opacity:0.80; z-index:9; content:''; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.blog-post-repeat:hover .blog-overlay:before { width:100%;}
.blog-post-repeat:hover .blog-overlay a.ln-read-more { opacity:1; margin-left:0px; -webkit-transition:all 300ms ease; transition:all 300ms ease; transition-delay:300ms;}

.post-data{ position:relative; padding:20px 20px 15px; -webkit-transition:all 300ms ease; transition:all 300ms ease; background-color:#ffffff;}
.blog-info-date { position:relative; padding-left:70px; min-height:80px;}
.blog-post-repeat .post-data h3.post-title{ position:relative; margin:0 0 5px 0; text-transform:capitalize; line-height:22px;}
.blog-post-repeat .post-data p { line-height:22px; margin-bottom:0; }
.post-data .post-meta { display:block; margin:0 0 5px; padding:0; border:none; text-align:left;}
.post-data .post-meta span { padding:0;}
.post-data .post-meta span a { color:#212427; font:700 13px 'Raleway'; margin:0;}
.post-data .post-meta span a:hover { background:none; color:#ffbc13;}
.post-data .post-meta span a:before { left:0;}
.post-data .post-meta span i { color:#ffbc13;}

/* Single Posts Css */
article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:20px; }
.blog-post-single header.entry-header{ margin-bottom:10px; }
.blog-post-single .post-meta { margin-top:15px;}
.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; }

/*===============================================
** Client Logo Section Ten CSS
*===============================================*/
.partners { padding:0 30px;}
.partner-logo{ text-align:center; margin:0 auto; }
.partner-logo img{ height:auto; max-width:100%; width:auto; display:inline-block; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -webkit-filter:grayscale(100%); filter:grayscale(100%);}
.partner-logo img:hover {-webkit-filter:grayscale(0%); filter:grayscale(0%);}
.partner-logo a{ display:block; }

/*===============================================
** Footer Css
*===============================================*/
.footer-map { position:relative; margin-top:8%;}
.footer-wrap-top { position:absolute; top:0; left:0; right:0;}
.stripcontwrp { position:relative; margin-top:-5%;}
.foot-top-col { position:relative; width:25%; float:left;}
.foot-col-content { padding:0 2em 2em; width:100%;}
.foot-col-inner { position:relative; text-align:left;}
.foot-col-icon { margin:-2.3em 0 2em; position:relative; width:70px; height:70px; text-align:center; -webkit-transition:0.5s; transition:0.5s;}
.foot-col-icon i {font-size:2.5rem; line-height:70px; transition:0.4s linear; -webkit-transform:rotateY(0deg); -ms-transform:rotateY(0deg); transform:rotateY(0deg);}
.foot-col-inner h4 { text-align:left; position:relative; color:#ffffff; text-transform:uppercase;}
.foot-col-inner p { margin-bottom:0; color:#ffffff;}
.foot-col-inner a { color:#ffffff;}
.foot-col-inner a:hover { color:#212427;}
.foot-top-col:hover .foot-col-icon i { -webkit-transform:rotateY(360deg); -ms-transform:rotateY(360deg); transform:rotateY(360deg);}

/* Subscribe Newsletter */
.foot-newsletter { background-color:#ffbc13; padding:20px 0;}
.footnews-left { width:50%; float:left; padding:10px 20px 0 0;}
.footnews-left h2 { font-size:30px; color:#ffffff; margin-bottom:5px; text-transform:uppercase;}
.footnews-left p { color:#212427; margin-bottom:0; font-weight:500;}
.footnews-right { width:50%; float:right; padding:10px 0 0 20px;}
.foot-newsletter .footnews-right input[type="email"] { background:none; border:none; border-bottom:2px solid #212427; font-weight:600; width:75%; margin-bottom:0; position:relative; top:10px;}
.foot-newsletter .footnews-right input[type="submit"] { background-color:#212427; color:#ffffff; font-weight:700; padding:14px 30px; position:relative; top:10px;}
.foot-newsletter .footnews-right input[type="submit"]:hover { background-color:#ffffff; color:#212427;}
.foot-newsletter .footnews-right p { margin-bottom:0;}

#footer-wrapper{ background-color:#212427; color:#ffffff; position:relative; padding:70px 0 50px; font-weight:400;}
.widget-column{ width:24.2%; float:left; padding-left:1%; margin-left:1%; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.widget-space h3 { color:#ffbc13;}
.foo-cols h5.footer-widget-title{ margin-bottom:25px; text-transform:uppercase; font-weight:500; color:#ffffff; font-size:20px; font-family:'Raleway'; position:relative; letter-spacing:1px; padding-bottom:10px; padding-left:10px;}
.foo-cols h5.footer-widget-title:after { content:''; position:absolute; width:100px; height:2px; left:0px; bottom:0; background-color:#ffbc13;}
.foo-cols h5.footer-widget-title:before { content:''; position:absolute; width:2px; height:15px; left:0px; bottom:0; background-color:#ffbc13;}

.foo-cols ul.menu li a, #footer-wrapper a{ color:#ffffff; }
.foo-cols ul.menu li a:hover{ color:#ffbc13;}
#footer-wrapper a:hover { color:#ffbc13;}

.footer-cols-three .widget-column{ width:32.5%; padding-left:1%; margin-left:1%; }
.footer-cols-two .widget-column{ width:48%; margin-left:4%; }

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin:15px 0 0; }
.getintouch-logo{ margin:0 0 15px; width:70%; }
#sidebar .getintouch-logo{ width:auto; }
#sidebar .widget-getintouch-info li{ padding:0 0 0 40px; }
#sidebar .widget-getintouch-social li a{ line-height:35px; }
.getintouch-logo img{ width:auto; }
.widget-getintouch-info li{ display:block; padding-left:40px; margin-bottom:15px; position:relative; }
.widget-getintouch-info li::before { position:absolute; left:0; font-family:'Font Awesome 5 Pro'; font-weight:300; font-size:18px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#ffbc13;}
.widget-getintouch-info li:first-child::before{ content:'\f3c5'; }
.widget-getintouch-info li:nth-child(2)::before{ content:'\f8d3'; }
.widget-getintouch-info li:nth-child(3)::before{ content:'\f1ac'; }
.widget-getintouch-info li:nth-child(4)::before{ content:'\f0e0'; }
.widget-getintouch-info li:nth-child(5)::before{ content:'\f017'; }
.widget-getintouch-social{ margin-top:15px; }
.widget-getintouch-social li{ display:inline-block; margin:0 5px; width:37px; height:37px; line-height:35px; text-align: center; }
.widget-getintouch-social li a{ display: block; border:1px solid; border-radius:5px; }

.foo-cols input[type="submit"].foot-submit { width:100%; font:700 18px 'Raleway';}

.footer-nav li{ margin-bottom:15px; margin-right:5%; display: block; }
.footer-nav li a{ display:block; margin-bottom:8px; position:relative; padding-left:20px; }
.footer-nav li a:before{ content:'\f101'; font-family:'Font Awesome 5 Pro'; position:absolute; font-weight:300; font-size:20px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; }
.footer-nav li:last-child{ border:none; margin:0; }
.footer-nav ul{ display:none; }

.latest-posts-row{ margin-bottom:15px; padding-bottom:15px; clear: both; overflow: hidden;}
.latest-posts-row:last-child{ border:none; margin:0; padding:0; }
.latest-post-thumb { width:56px; padding:1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; position:relative; }
.latest-post-thumb a{ display: block; width: 100%; height: 100%; position:absolute; left:0; top:0; }
.latest-post-content{ overflow:hidden; display:table-cell; vertical-align:middle; padding-left: 10px; }
.latest-post-content h5{ margin:0 0 5px; line-height: 1.5; text-transform:capitalize; font-weight:500; font-size:15px; }
.latest-post-content p{ line-height:20px; margin-bottom:0; font-size:14px;}

.download-brochure{ position: relative; }
.download-brochure a{ padding:20px 20px 20px 80px; text-transform:uppercase; font:400 17px 'Raleway'; display:block; background-color:#ffbc13; color:#ffffff; position: relative; }
.download-brochure a::before{ content:'\f15c'; font-family:'Font Awesome 5 Pro'; font-size:30px; left:0; width:60px; text-align:center; top:0; bottom:0; background-color:#212427; position:absolute; font-weight:300; line-height:60px; }
.download-brochure a:hover{ color:#ffffff; }

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

.widget-about-image{ min-height:250px; background-position:top center; background-repeat:no-repeat; background-size:cover; margin:0 0 20px; }
.widget-about-conte{ padding:0 12px; }
.widget-about-conte h2.wid-abt-hd{ margin: 0 0 10px; color:#ffbc13; }
.widget-about-conte .sub-wid-abt-hd{ color:#212427; font-style:italic; margin: 0 0 10px; font-size:90%; }
.widget-about-conte p{ font-size:100%; 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 18px; padding:0 !important; }

.opening-hrs{ margin-bottom:30px; padding-top:5px;}
.opening-hrs h6 { font-size:16px; text-transform:uppercase; color:#ffbc13; letter-spacing:2px; }
.opening-hrs .opening-hrs-list{ text-align:right; }
.opening-hrs .opening-hrs-list li{ line-height:1; padding:0 0 20px; margin-bottom:20px; display:block; border-bottom:1px solid; }
.opening-hrs .opening-hrs-list li:last-child { color:#ffbc13; }
.opening-hrs .opening-hrs-list li span{ float:left; }

/*===============================================
** Footer Copyright Css
*===============================================*/
.copyright-wrapper{ background-color:#ffbc13; padding:0; color:#ffffff; text-align:center; }
.copyright-text{ padding: 20px 0; position: relative; z-index:1; margin-right:auto; font-weight:700; }
.designby-text { padding: 20px 0; font-weight:700; position:relative;}
.copyright-wrapper a{ color:#212427; font-weight:700;}
.copyright-wrapper a:hover{ color:#ffffff; }

/*===============================================* Theme Shortcode Css End *===============================================*/
/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
h1.innerpage-title{ display:block; text-transform:uppercase; position:relative; font:700 35px 'Raleway'; margin:0; padding:7em 0 4em; color:#ffffff; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center; flex-direction:row; }
h1.innerpage-title span { padding:10px 25px; position:relative; border-top:1px solid; border-bottom:1px solid;}
h1.innerpage-title span span{ border:none; padding:0; }

.boxlayout h1.innerpage-title{ padding:4em 0 2em; }
h1.innerpage-title.without-banner{ border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:1em 0; color:#212427; }
h1.innerpage-title.without-banner span { border-color:#212427;}
.innerpage-title.innerbanner-equal-padding{ padding:4em 0; }

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

/* About Page */
.about-left { position:relative;}
.about-inner { position:relative; padding:55px 40px 55px 70px;}
.about-inner:before { position:absolute; content:''; left:0px; top:0px; width:40%; height:96%; background-color:#ffbc13; border-radius:0px 100px 0px 0px;}
.about-img { position:relative;}
.about-img img { width:100%; height:auto; display:block;}
.about-title { width:52%; position:absolute; right:40px; bottom:18px; padding:20px 45px; border-radius:25px 0px 0px 0px; background-color:#212427; }
.about-title h3 { position:relative; font-size:20px; color:#ffffff; font-weight:700; line-height:1.6em; margin-bottom:0;}

.about-right { position:relative;}
.about-right h2 { text-transform:uppercase;}
.about-right h5 { color:#ffbc13;}
.about-right span { font-size:24px; color:#ffbc13; font-weight:500;}
.about-right ul { margin:0; padding:0;}
.about-right ul li { width:50%; float:left; padding:10px 25px; list-style:none; text-decoration:none; position:relative; font-weight:500;}
.about-right ul li:before { content:'\f324'; font-family:'Font Awesome 5 Pro'; color:#ffbc13; position:absolute; left:0; font-size:15px;}

.our-faq h2, .our-skill h2 { font-size:30px; margin-bottom:30px;}
section.videosec { color:#ffffff; text-align:center;}
section.videosec h6 { color:#ffbc13;}
section.videosec h2 { color:#ffffff;}
section.videosec .pop-video { padding:3em 0;}

/*===============================================
** Pricing Box Css
*===============================================*/
.pricing-col{ border:1px solid #e0e0e0; position:relative; overflow:hidden; -webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.pricing-col:hover { -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
.pricing-col.highlighted-col { background-color:#212427;}
.pricing-col.highlighted-col .package-name h5 { background-color:#ffbc13;}
.package-name{ padding:0; text-align:left; position:relative; top:55px;}
.package-name h5{ display:inline-block; font-size:14px; font-weight:600; letter-spacing:1.5px; margin:0; padding:10px 15px; color:#ffffff; text-transform:uppercase; background-color:#212427; border-top-right-radius:17px; border-bottom-right-radius:17px;}
.package-price{ font:400 45px 'Raleway'; color:#212427; padding:5px 30px 30px; position:relative; text-align:right;}
.pricing-col.highlighted-col .package-price { color:#ffffff;}
.package-price sup{ font-size:25px; margin:0 5px; font-weight:400;}
.package-price sub{ font-size:17px; margin:0 5px; font-weight:400; padding-left:12px;}
.package-price sub{ position:relative; bottom:0; color:#929292; left:5px }
.package-price sub:before { position:absolute; content:''; top:-15px; left:5px; width:1px; height:49px; background-color:#929292; -webkit-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg);}
.package-price:after { content:''; position:absolute; bottom:-5px; left:0px; right:0px; width:300px; margin:0 auto; height:1px; background-color:#e0e0e0;}
.package-row{ padding:30px 40px; text-transform:capitalize; text-align:left;}
.package-row p{ margin-bottom:10px; padding-bottom:10px; color:#212427; }
.pricing-col.highlighted-col .package-row p { color:#ffffff;}
.package-row p:last-child{ border: none; }
.package-btn{ position:relative; bottom:20px; text-align:right;}
.package-btn .main-button{ font:500 15px 'Raleway'; padding:10px 30px; margin:0; display:inline-block; background-color:#212427; color:#ffffff; border-bottom-left-radius:17px; border-top-left-radius:17px;}
.pricing-col.highlighted-col .package-btn .main-button, .package-btn .main-button:hover { background-color:#ffbc13; color:#ffffff;}
.pricing-col.highlighted-col .package-btn .main-button:hover { background:#ffffff; color:#212427;}

/*===============================================
** Icon Box Css
*===============================================*/
.icon-box {position:relative; -webkit-transition:all .5s ease; transition:all .5s ease; padding:20px 20px 20px 30px; margin-top:30px; background-color:#ffffff; border-radius:10px; }
.icon-box-thumb { width:60px; height:60px; line-height:70px; float:left; position:relative; margin-top:15px; border-radius:10px; text-align:center; border:2px solid #212427; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} 
.icon-box-thumb i { text-align:center; font-size:2em; color:#ffbc13; display:inline-block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transition:all 0.5s linear; transition:all 0.5s linear;}
.icon-box-content { padding-left:100px;}
.icon-box-content h5 { margin-bottom:10px; line-height:30px;}
.icon-box-content p { margin-bottom:0;}
.icon-box:hover .icon-box-thumb { border-color:#ffbc13; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.icon-box:hover .icon-box-thumb i { transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); color:#212427;}

/*===============================================
** Gallery Css
*===============================================*/
.gallery-wrap { position:relative; }
.gallery{ text-align:center; }
.gallery-image{ position:relative; overflow:hidden; background-color:#000000; }
.gallery-image img{ position:relative; display:block; transition:all 0.4s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.gallery-image:hover img { -webkit-transform:scale3d(1.2,1.2,1.2); -ms-transform:scale3d(1.2,1.2,1.2); transform:scale3d(1.2,1.2,1.2); opacity:0.8;}
.gal-icon{ width:50px; height:50px; border-radius:50px; margin:0 auto; text-align:center; line-height:50px; font-size:18px; position:absolute; top:20%; -webkit-transform:translateY(-50%); -ms-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; }
.gal-icon a{ background-color:#ffbc13; display:block; color:#ffffff; }
.gal-icon a:hover{ color:#ffffff; background-color:#212427; }
.gallery-image:hover .gal-icon{ opacity:1; top:50%; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:35px; width:100%; height:35px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.3s linear; transition:0.3s linear; -webkit-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; }
.skillbar-title { text-transform:capitalize; }
.skillbar-title span { display:block; color:#212427; padding:0; height:38px; font-size:15px; line-height:35px; font-family:'Raleway'; letter-spacing:2px; }
.skillbar-bar { height:5px; width:0px;}
.skill-bar-percent { position:absolute; right:0; top:0; color:#212427; font-family:'Raleway'; width:50px; text-align:center; border-radius:50%; font-size:20px;}
.skill { width:46.98%; float:left; }
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; height:5px; background-color:#212427; }

/*===============================================
** Popup Video Box
*===============================================*/ 
.pop-video{ width:120px; margin:0 auto; text-align:center; padding:10em 0; }
.pop-icon{ width:120px; height:120px; border-radius:50%; padding:10px; animation: pulse 2s infinite; font-size:50px; box-shadow:0 0 0 rgba(204,169,44, 0.4); border:2px solid; }
.pop-icon a{ display:block; border-radius:50%; background-color:#ffbc13; width:100%; height:100%; color:#ffffff !important; }
.pop-icon i{ position:absolute; top:50%; left:0; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

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

.owl-carousel .owl-nav button{ width:38px; height:38px; border-radius:0 !important; line-height:36px !important; font-size:0 !important; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #ffbc13 !important; }

.owl-carousel .owl-nav button:hover{ border-color:#212427; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#212427; }

#clienttestiminials .owl-carousel .owl-nav button:hover { border-color:#ffffff !important;}
#clienttestiminials .owl-carousel .owl-nav button:hover::before { color:#ffffff;}

.owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before{ -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:absolute; font-family:'Font Awesome 5 Pro'; font-weight:700; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#ffbc13; }

.owl-carousel .owl-nav button.owl-prev{ left:0; }
.owl-carousel .owl-nav button.owl-prev:before{ content:'\f104'; }
.owl-carousel .owl-nav button.owl-next{ right:0; }
.owl-carousel .owl-nav button.owl-next:before{ content:'\f105'; }

/* 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:#ffbc13; color:#ffffff !important; }

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

/* 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:#212427; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#ffbc13;}
.singleright { float:left; }
.singleleft { float:right; }

#nav-below.post-navigation{ margin:20px 0 40px; padding:20px 0; display:-ms-flexbox; display:flex; align-items:normal; width:100%; justify-content:space-between; }
.nav-previous, .nav-next{ width:50%;  }
.nav-next{ margin-left:auto; }
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; height:100%; }
#nav-below.post-navigation .meta-nav-icon{ background-color:#ffbc13; width:70px; 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%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#nav-below.post-navigation .meta-nav-title{ background-color:#ececec; padding:20px 15px; width:82%; display: inline-block; vertical-align: middle; font-weight:400; font-size:16px; }
#nav-below.post-navigation .nav-previous .meta-nav-title { text-align:left;}
#nav-below.post-navigation .nav-next .meta-nav-title { text-align:right;}
#nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; }

/* Team Single */
#sidebar.team-sidebar, #sidebar.testi-sidebar{ float:left; padding-bottom:0; }
.single-team-thumb, .single-testi-thumb{ margin-bottom:30px; }
.single-team-thumb img, .single-testi-thumb img{ border:8px solid #ffbc13; padding:10px; }
.single-team-info h2, .single-testi-info h2{ margin-bottom:10px; }
.single-team-info span, .single-testi-info span{ display:block; text-transform:uppercase; font-weight:700; color:#ffbc13; line-height:normal; margin:0 0 20px; }
#sidebar .member-info{ margin-top:30px; }
#sidebar .member-info ul{ margin:0; padding:0; list-style:none; }
#sidebar .member-info ul li{ display:block; margin:0 0 15px; padding:0 0 15px; position:relative; }
#sidebar .member-info ul li strong{ color:#000000; }
#sidebar .member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#ffbc13; }
#sidebar .member-info ul li:last-child::before{ content:none; }
.member-single-social a{ width:30px; height:30px; border-radius:30px; line-height:30px; display:inline-block; background-color:#ffbc13; margin-right:5px; color:#ffffff; text-align:center; }
.member-single-social a:hover{ background-color:#212427; color:#ffffff; }

.single-team-content, .single-testi-content{ padding-left:50px; }

/*===============================================
** Contact Page Css
*===============================================*/
.contact-content { padding:1em 0 2em; border-bottom: 1px solid #e6e6e6; }
.contact-page-info { margin-bottom:30px; width:100%;}

.contact-info-box{ margin:20px 0 20px;}
.c-info-box{ padding:30px 40px; margin-bottom:30px; text-align:center; -webkit-box-shadow:0 10px 30px 0 rgba(50,50,50,.16); box-shadow:0 10px 30px 0 rgba(50,50,50,.16); -webkit-transition:all .5s linear; transition:all .5s linear;}
.c-info-icon { display:inline-block; margin:0 auto 20px; position:relative; background-color:#ffbc13; height:80px; width:80px; line-height:80px; text-align:center; color:#212427;}
.c-info-icon:after { bottom:3px; right:3px; content:''; z-index:0; position:absolute; border-left:20px solid transparent; border-bottom:20px solid #212427;}
.c-info-icon:before { top:3px; left:3px; content:''; z-index:0; position:absolute; border-right:20px solid transparent; border-top:20px solid #212427;}
.c-info-icon i { vertical-align:middle; font-size:30px;}
.c-info-box .c-info-desc p { margin-bottom:0;}

.contact-page-content { width:100%; margin:20px 0 20px;}
.contact-content .wpcf7-form label{ color:#212427; }
.contact-content .form-group input[type=text], .contact-content .form-group input[type=email], .contact-content .form-group input[type=tel], .contact-content .form-group textarea{ background-color:transparent; border:1px solid; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding: 10px; background-color:#ffffff; }
.contact-content .form-group input[type=text]:focus, .contact-content .form-group input[type=email]:focus, .contact-content .form-group input[type=tel]:focus, .contact-content .form-group textarea:focus{ border-color:#ffbc13; }

.form-group.half{ width:48%; margin-right:4%; float:left; } 
.form-group.half.last{ margin-right:0; }
.form-group.half.last { margin-right:0;}
.form-group.third{ width:32%; margin-right:2%; float:left; }
.form-group.third.last{ margin-right:0; }

.contact-opening-hrs { padding-top:2em; border-top: 1px solid #e6e6e6;}
.contact-opening-hrs .flex-element { justify-content:center; }
.contact-opening-hrs .single-contact-opening-hrs { margin:0 30px; }
.contact-opening-hrs .single-contact-opening-hrs h4 { color:#ffbc13; margin-bottom:5px; padding-bottom:15px; position:relative; text-align:center;}
.contact-opening-hrs .single-contact-opening-hrs h4::before { content:''; position:absolute; width:30px; margin:0 auto; left:0; right:0; bottom:0; border-bottom:1px solid #212427;}
.contact-opening-hrs .single-contact-opening-hrs strong{ color:#212427; }

.gmap{ position:relative; width:100%; margin-bottom:0; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:300px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ position:relative; padding:12px 0 12px 15px; margin: 0 0 25px; text-transform:uppercase; font-weight:700; text-align:left; background-color:#eeeeee; letter-spacing:1px;}
h3.widget-title:after { content:''; position:absolute; width:100%; height:2px; left:0px; bottom:0; background-color:#ffbc13;}
h3.widget-title:before { content:''; position:absolute; width:2px; height:100%; left:0px; bottom:0; background-color:#ffbc13;}
#sidebar aside.widget{ margin:0 0 25px; padding:0; position:relative; }

.flotRight{ float:right !important;}
.flotLeft { float:left !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; line-height:20px; font-size:14px;}
#sidebar ul li a{ color:#212427; position:relative; }
#sidebar ul li a:hover{ color:#ffbc13;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom:2px dotted #bbbbbb; padding: 9px 0 14px 25px; -webkit-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:uppercase; padding:5px 12px; margin-right:5px; display:inline-block; margin-bottom:8px; font-weight:700; }
#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:#000000; text-transform:uppercase; padding:10px; color:#ffffff; }
#sidebar #wp-calendar th{ background-color:#262729; color:#ffffff; padding:5px; }
#sidebar #wp-calendar tbody td{ background-color:#f9f9f9; padding:5px; }
#sidebar #wp-calendar tbody td a, #sidebar #wp-calendar tfoot td a{ display:block; background-color:#ffbc13; color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#212427; }
#sidebar #wp-calendar tfoot td a{ padding:5px; }

.sidebar-banner{ position:relative; z-index:99; padding:20% 20px; }
.sidebar-banner p{ margin-bottom:30px; }
.sidebar-banner a{ color:#ffffff !important; }
.foo-cols.widget-column .sidebar-banner{ padding:20% 20px; }

.widget-newsletter{ position:relative; }
.widget-newsletter p{ margin-bottom:20px; }
.widget-newsletter form{ position:relative; }
.widget-newsletter input[type=email]{ margin-bottom:0; }
.widget-newsletter .wpcf7-submit{ position:absolute; right:0; top:0; border:none; outline:none; padding:12px 20px; text-transform:uppercase; font-weight:700; background-color:#ffbc13; color:#ffffff; -webkit-appearance:button; -moz-appearance:button;appearance:button; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { padding:0; margin:0; list-style:none; }
ul.social-share-post li { display:inline-block; padding:0; margin:0 8px 0 0; height:40px; width:40px; line-height:40px; text-align:center; background:transparent; }
ul.social-share-post li a{ display:block; color:#ffffff; }
ul.social-share-post li a:hover{ color:#ffffff; box-shadow:0 0 3px 3px rgba(34,43,95,0.3); }

ul.social-share-post li.social-share-twitter{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp{ background-color:#65bc54; }
ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; }
ul.social-share-post li.social-share-mail{ background-color:#d32e2a; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position: fixed; bottom:0px; right:20px; z-index:999;}
#back-top a {width:64px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#212427; -webkit-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover{ color:#212427; }
#back-top span { width:64px;height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; transition:1s; opacity:0.9; }

/*===============================================
** Custom Css
*===============================================*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = Text meant only for screen readers.
-------------------------------------------------------------- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#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 .slider-main{ min-height:568px; }
.boxlayout .slider-main .nivo-controlNav{ bottom:12px;}
.boxlayout .slider-main a.nivo-prevNav { left:88%;}
.boxlayout .slider-main .nivo-controlNav:before { left:10px; top:-74px;}
.boxlayout .news-box .post-meta { font-size:11px;}
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }
.boxlayout .innerbanner .container{ padding:3em 0; }

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

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

/*************** Product Thumbnail and overlay elements ****************************/
.woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; margin-bottom:20px; }
.woocommerce .product-item-thumbnail-holder{ text-align:center;}
.woocommerce .product-item-thumbnail-holder a{ display:block;}
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
img.onhover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:opacity .1s; transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; object-fit: cover; height: 100% !important; }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#ffbc13; 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:#212427; color:#ffffff; }
.woocommerce .soldout { top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/*************** Product Rating, Title and Price ****************************/
.woocommerce .star-rating span:before{ color:#ffbc13; }
.woocommerce ul.products li.product { text-align:center; border:1px solid #ebebeb;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:10px; margin-bottom:15px;}
.woocommerce ul.products li.product .price { font-size: 15px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#000000; }
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price ins{ text-decoration:none; font-size:20px;}
.woocommerce ul.products li.product .price del{ font-size: 13px; }

/*************** Add to Cart Button ****************************/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations { background-color:#ffbc13; color:#ffffff; padding:10px 12px; display:inline-block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; position:relative; font-weight:normal; line-height:normal; border-radius:0; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#242423; color:#ffffff; }

/*************** Sidebar CSS ****************************/
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.woocommerce .widget_price_filter .price_slider_amount{ text-align:left;}
.woocommerce .widget_price_filter .price_slider_amount .button{ float:none; }
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; margin:15px 0 10px; }
.woocommerce .widget_product_tag_cloud a{ font-size:14px !important; padding:6px 14px; margin:3px; background-color:#ffbc13; display:inline-block; color:#ffffff; }
.woocommerce .widget_product_tag_cloud a:hover{ background-color:#212427; }
.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; }
.widget_product_categories .product-categories li span.count{ float: right; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; padding-bottom:15px; font-weight: 500; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; }
.single-product .product .onsale{ left:0; background-color:#ffbc13; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.woocommerce h1.product_title{ margin:0 0 5px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin:0; font-size:24px; font-weight:400; color:#242423; padding:10px 0; }
.woocommerce div.product .woocommerce-product-rating{ margin: 0; padding: 10px 0;}
.woocommerce-product-details__short-description{ padding:10px 0; }
.woocommerce-product-details__short-description p{ margin: 0; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#ffbc13;}
.woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:10px 0px; display:inline-block; font-size: 15px; margin:0; }
.woocommerce div.product p.stock.avail-in-stock{ color:#008000; }
.woocommerce div.product p.stock.few-in-stock{ color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ color:red; }

.woocommerce #content div.product form.cart, .woocommerce div.product form.cart, .woocommerce-page #content div.product form.cart, .woocommerce-page div.product form.cart{ margin:2% 0; }
.woocommerce div.product form.cart div.quantity{ float:none; margin: 0; }
.woocommerce .product .quantity-wrap{ float: left; margin-right:10px; }
.quantity-wrap input.plus, .quantity-wrap input.minus{ display:inline-block; height:38px; border:1px solid #d3ced2; width:36px; color:#d3ced2; cursor: pointer; vertical-align: top; background: none; font-size: 20px; padding: 0; line-height: 36px; }
.quantity-wrap input.plus:hover, .quantity-wrap input.minus:hover{ background-color:#ffbc13; color:#ffffff; border-color:transparent; }
.quantity-wrap .quantity{ display: inline-block; }
.woocommerce .quantity input[type="number"] { -moz-appearance:textfield; width:45px; height:38px; margin:0 3px; vertical-align:top; padding:5px; text-align:center; border:1px solid #d3ced2; }
.woocommerce div.product form.cart .variations select{ margin:0 0 6px; -webkit-appearance:revert; -moz-appearance:revert; appearance:revert; max-width:80%; padding:10px; }
.woocommerce div.product form.cart .variations td.label{ text-transform: capitalize; vertical-align: middle;  }
a.reset_variations{ margin:0; margin-left:15px; }

.woocommerce .summary .product_meta{ clear:both; display:inline-block; position:relative; width:100%; padding:2% 0px; }
.product_meta span{ padding: 2px 0; }
.woocommerce .summary .product_meta .posted_in, .entry-summary .sku_wrapper, .entry-summary .variations label, .woocommerce .summary .product_meta .tagged_as, .brand { display:inline-block; margin:0; font-weight:500; width:100%; clear:both; }
.woocommerce .summary .product_meta > span > :first-child { margin-left: 10px; }
.entry-summary .sku, .woocommerce .summary .product_meta .posted_in a, .woocommerce .summary .product_meta .tagged_as a, .brand span a { font-weight: normal; }

.woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0; padding:0; border-bottom: 2px solid #e1e1e1; clear: both; overflow:visible; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:18px; padding:0; margin:0 10px 0 0; background-color:transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:10px 12px; border-radius:0; position:relative; font-weight:500; color:#555555 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected{ color:#000000 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected:after{ content:''; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color: #ffbc13; }
.woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; }
.woocommerce div.product .woocommerce-tabs .panel h2{ display:none; }

.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{ display:table; float:none; width:100%; border:1px solid #e3e3e3; border-collapse:separate; border-spacing:0; border-bottom:none; }
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th{ width:150px; font-weight:700; padding:10px 5px 10px 25px; border-top:0; margin:0; color:#000000; text-align:left; background:#ffffff; text-transform: capitalize; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td{ font-style:normal; font-weight:400; padding:8px; border-top:0; margin:0; background:#ffffff; border-bottom:1px solid #e3e3e3; }

.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; color:#000000; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
#reviews.woocommerce-Reviews .comment-respond{ box-shadow:none; }
.woocommerce #reviews #comments ol.commentlist li img.avatar{ width:70px; padding:0; border:none; border-radius:50px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text{ margin:0 0 0 90px; border:none; padding:0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin:0; font-size:16px; color:#000000; }
.woocommerce #reviews #comments ol.commentlist li .star-rating{ float:none; font-size:0.8em; margin-bottom:10px; width:7em; }
.woocommerce #reviews #comments ol.commentlist li .star-rating:before{ letter-spacing:5px; }
.woocommerce #reviews #comments ol.commentlist li .star-rating span:before{ color:#ffbc13; letter-spacing:5px; }
.woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type=text], .woocommerce #review_form #respond input[type=email]{ position:relative; width:100%; margin:0 0 25px; padding:20px 24px; font-family:inherit; font-size:12px; font-weight:inherit; line-height: calc(60px - (20px * 2) - 2px); color:#16161b; border-radius:3.3px; border:1px solid #fafafa; background-color:#fafafa; outline:0; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .2s ease-in-out; transition:border-color .2s ease-in-out; height:auto; }
.woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email{ width:100%; }
.woocommerce #review_form #respond input:focus[type="text"], .woocommerce #review_form #respond input:focus[type="email"], .woocommerce #review_form #respond textarea:focus{ background-color:transparent; border:1px solid #ffbc13;}

/*===============================================
** Product Cart Page Css
*===============================================*/
body.woocommerce-cart .site-main{ width:100%; float:none; }
body.woocommerce-cart #sidebar{ display:none; }
.woocommerce table.shop_table{ border-radius: 0; }
.woocommerce .woocommerce-cart-form table.shop_table.cart th{ background-color:#f5f5f5; color:#000000; line-height:40px; }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width:50px; }
.woocommerce table.shop_table tr td:first-child{ border-left:none; }
.woocommerce table.shop_table td{ border-left: 1px solid rgba(0,0,0,.1);}
.woocommerce-cart-form__cart-item.cart_item .product-remove, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail{ text-align:center; }
.woocommerce-cart-form__cart-item.cart_item .product-remove a, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a{ display: inline-block; }
.woocommerce-cart-form__cart-item.cart_item .product-quantity input[type="number"]{ -moz-appearance: revert; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table tr th{ border-right:1px solid #cfd0d2; background-color:#f5f5f5; color:#000000; }
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:60%; float:right; }
.shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; }
.woocommerce a.remove{ line-height:21px; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout{ text-align: right; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a{ font-weight: normal; text-transform: capitalize; font-size: 16px; }

/*===============================================
** Checkout Page Css
*===============================================*/
body.woocommerce-checkout .site-main{ width:100%; float:none; }
body.woocommerce-checkout #sidebar{ display:none; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce-MyAccount-content{ background:#ffffff; border: 1px solid #e8e8e8; padding: 20px 30px; }
.woocommerce .col2-set .woocommerce-billing-fields h3, .woocommerce .col2-set .woocommerce-shipping-fields h3{ text-transform: uppercase; font-size:20px; }
.woocommerce .col2-set .form-row label{ color:#000000; }
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea{ height:10em; line-height: 1.5em; display: block; }
#order_review_heading { margin:30px 0 20px; padding:10px 0; text-transform:uppercase; font-size:18px; }
.woocommerce table.shop_table{ border-collapse: collapse; }
.woocommerce table.shop_table th{ color:#000000; }
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size:13px; font-weight:700; line-height:30px; background:#f5f5f5; color:#000; }
.woocommerce table.shop_table tfoot th{ background-color:transparent;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background-color: transparent; }
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border:1px solid #ebebeb; list-style:outside none none; margin:0; padding:30px; text-align:left; }
.woocommerce #payment ul.payment_methods li{ list-style:none; }
.woocommerce #payment ul.payment_methods img{ width:auto; }

/*===============================================
** My Account Page Css
*===============================================*/
body.woocommerce-account .site-main{ width:100%; float:none; }
body.woocommerce-account #sidebar{ display:none; }
.woocommerce-MyAccount-navigation ul{ margin:0; padding:0; list-style:none; }
.woocommerce-MyAccount-navigation ul li{ list-style:none; margin-bottom:8px; }
.woocommerce-MyAccount-navigation ul li a{ padding:5px 25px; display:block; background-color:#ffbc13; color:#ffffff; }
.woocommerce-MyAccount-navigation ul li a:hover{ background-color:#252525; color:#ffffff; }
.woocommerce-MyAccount-content{ background-color:#f7f7f7; padding:20px; }
.woocommerce-MyAccount-content .woocommerce-info{ margin:0; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset{ padding:15px; margin-bottom:20px; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account legend{ padding:5px 20px; margin-left:7px; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin:0; padding: 1.5rem; background-color:#ffbc13; 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:'Raleway'; 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:#ffbc13; }

button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; font-family:'Raleway'; text-transform:uppercase; font-weight:700; border:none; outline:none; padding:12px 20px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#ffffff; }

.wpcf7-form label{ display:block; text-transform:uppercase; font-family:'Sintony'; font-size:12px; margin:0 0 8px; color:#000000; font-weight:700; }

/*===============================================
** Comment Form And Comment Styling Css
*===============================================*/
.comments-area .comment-list{ margin-bottom: 3em; list-style:none; }
.comments-area .comment-list .comment-body{ margin:0 0 1em; padding:2em 2em 2em 7em; position:relative; display:block; background-color:#f9f9f9; }
.comments-area .comment-author { display:inline-block; position:absolute; left:25px; top:30px; }
.comment-metadata{ position:relative; }
.comment-metadata h4{ display:inline-block; margin-bottom:10px; }
.comment-metadata h4 cite{ font-family: 'Sintony'; font-weight:700; text-transform:capitalize; font-style:normal; font-size:16px; }
.comment-metadata time{ display:inline-block; font-size:11px; }
.comment-metadata .reply{ position:absolute; right:0; top:0; font-family: 'Sintony'; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; }
.comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 5 Pro'; font-weight:300; position:absolute; left:-20px; }
.comment-content p{ font-family: 'Sintony'; font-size:14px; margin:0; }

.comments-area .comment-list ul.children{ margin-left:60px; }

.comment-respond{ margin-bottom:20px; }
.comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:16px; }
.comments-area h3.comment-reply-title small{ margin-left:50px; }
.comments-area .comment-form p.comment-notes { margin-bottom: 2em;  font-family: 'Sintony'; font-weight: 400; font-size:14px; }
.required { color: #c0392b; }
.comment-form-author, .comment-form-email, .comment-form-url{ width:31.3%; float:left; margin-right:3% !important; }
#commentform p.comment-form-url { margin-right:0 !important; }
#commentform p.comment-form-url:after{ content:''; display:table; clear:both; }
#commentform label { display:block; text-transform:uppercase; font-family:'Sintony'; font-size:12px; margin:0 0 5px; color:#000000; font-weight: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, .widget_product_search .woocommerce-product-search button{ position:absolute; right:0; top:0; }

/*===============================================
** 404 Page Css
*===============================================*/
.error-404 .title-404{ text-align:center; font-size:13em; font-weight: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; line-height:1; }
.error-404 .text-404{ font-family:'Sintony'; font-size:18px; color:#9b9b9b; margin-bottom:40px; }
.error-404 .search-form{ width:60%; margin:0 auto 30px; }
.error-404 .search-form input[type=search]{ display:inline-block; width:70%; margin-right:20px; }

/*===============================================
** Search Result Page Css
*===============================================*/
.search-result-form{ width:60%; margin:0 auto; }
.search-result-form input[type="search"]{ width:82%; }
.search-result-box{ border:1px solid #dddddd; margin-bottom:30px; display:table; width:100%; }
.search-result-box .post-thumb{ width:250px; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell;}
.search-result-box .post-summary{ overflow:hidden; padding:2em; position:relative; display:table-cell; vertical-align:middle; }
.search-more a{ text-transform:uppercase; font-weight:700; letter-spacing:1px; }