/*
Theme Name: Tower Pro
Theme URI: https://risingthemes.net/wordpress-themes/construction-wordpress-theme/
Author: RisingThemes
Author URI: https://www.risingthemes.net/
Description: Tower is a fully responsive construction WordPress theme crafted for architecture, builders, construction services and similar business. This theme has a easy to navigate options to make user experience very smooth. This theme is comes with the theme options panel has plenty for useful options which help to build your website as per required. It's a fully responsive theme can perform nicely on all the devices like mobile, tablet etc. It's a modern theme develop with the latest coding standards and can compatible with the many major plugins like contact form 7, wocommerce etc.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: tower
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

Tower Pro WordPress Theme has been created by RisingThemes(risingthemes.net), 2019.
Tower Pro WordPress Theme is released under the terms of GNU GPL
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{outline:none;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:26px; margin:0; padding:0; color:#666666; font-size:15px; font-family:'Roboto'; background-color:#ffffff; font-weight:400; }
img{ margin:0; padding:0; border:none;}
.bypostauthor { margin:0; padding:0;}
section img, img{width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:normal;}
h1{ font:700 36px 'Raleway'; color:#272727;}
h2{ font:700 33px 'Raleway'; color:#272727;}
h3{ font:700 28px 'Raleway'; color:#272727;}
h4{ font:700 25px 'Raleway'; color:#272727;}
h5{ font:700 18px 'Raleway'; color:#272727;}
h6{ font:700 15px 'Raleway'; color:#272727;}
.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 #fab706; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style: italic; line-height:30px; }
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #fab706; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style: italic;  line-height:30px; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0; padding:0;}
a{ text-decoration:none; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
a:hover{ text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin:0; border:none;}
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 {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.alignright, img.alignright { display: inline; float: right; margin-left:25px; 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; }
section.section-content { padding:50px 0;}
.boxlayout .header .container{ width:auto; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0; }
.full-container .one_half{ margin-bottom:0 !important;}

/*===============================================
** Header Css
*===============================================*/
.header{ padding:0; position:absolute; top:0; z-index:99; left:0; right:0;}

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; position:relative; padding:40px 0; width:25%; float:left;}
.logo img{ width:auto; height:auto; display:block; }
.logo h1{font:700 35px 'Oswald'; color:#ffffff; margin:0; text-transform:capitalize; }
.logo a{color:#ffffff;}
.logo p{ font:400 14px 'Assistant'; color:#ffffff; display:block; }

/*===============================================
** Header Right Info Css
*===============================================*/
.header-right { width:70%; float:right;}
.head-right-top { text-align:right; padding:20px 0;}
.headtop-left { display:inline-block; color:#ffffff;}
.headtop-left p { margin-right:20px; display:inline-block;}
.headtop-left i { margin-right:10px;}
.headtop-left a { color:#ffffff;}
.headtop-left span { color:#fab706;}
.headtop-right { display:inline-block;}

/*===============================================
** Navigation Css
*===============================================*/
.navigation { position:relative;  text-align:right;}
.toggle{  display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid #ccc; color:#ffffff; }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 5 Pro'; position:absolute; top: 15px; font-size: 28px; left: 14px; }
.sitenav{ position:relative; display:inline-block;}
.sitenav ul {margin:0; padding:0; font:400 14px 'Open Sans'; text-transform:uppercase; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; /*margin-right:5px;*/}
.sitenav ul li a{padding:10px 12px; display:block; text-align:center; color:#ffffff; position:relative; -webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.3s, color 0.3s;}
.sitenav ul li a::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #fab706; z-index:-1; border-radius:inherit;
opacity:0; -webkit-transform:scale3d(0.6, 0.6, 1); transform:scale3d(0.6, 0.6, 1); -webkit-transition:-webkit-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; -webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);}
.sitenav ul li a:hover::before { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); opacity:1;}

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current-menu-item a, .sitenav ul li a:hover, .sitenav ul li.current-menu-item ul li a:hover{ color:#fab706; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; }
.sitenav ul li:hover > ul{ background-color:rgba(0,0,0,0.5); border:2px solid #000000; display:block; width:200px; position:absolute; left:auto; top:39px; text-align:left; -moz-animation: fadeInUp .3s ease-in-out; -webkit-animation: fadeInUp .3s ease-in-out; animation:fadeInUp .3s ease-in-out; }
.sitenav ul li ul li{display:block; position:relative; float:none; line-height:18px; margin-left:0; }
.sitenav ul li ul li a{display:block; padding:10px 25px 10px 20px; position:relative; top:0; text-align:left; }
.sitenav ul li ul li:first-child a{ padding-left:20px; }

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:197px; top:-2px; -moz-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; }

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { bottom: 40%; width: 76%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.6); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:715px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout .slider-main{ min-height:650px; }

/*===============================================
** Social Icons Css
*===============================================*/
.social-icons a{ width:30px; height:30px; line-height:30px; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#ffffff; border:1px solid #ffffff; position: relative; margin:0 3px; text-align:center;}
.social-icons a:hover { color:#fab706; border-color:#fab706;}
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.morebutton{ font:700 15px 'Raleway'; color:#ffffff; background-color:#fab706; text-transform:capitalize; padding:16px 30px 15px; display: inline-block; text-align:center; position:relative; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
a.morebutton:hover{ background-color:#272727; color:#ffffff;}

a.buttonstyle1{ font:400 15px 'Raleway'; color:#272727; background-color:#ffffff; text-transform:capitalize; padding:10px 30px 10px; display: inline-block; text-align:center; position:relative; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
a.buttonstyle1:hover{ background-color:#272727; color:#ffffff;}

a.button{ text-transform:uppercase; font:400 15px 'Roboto'; color:#000000; background-color:#fab706; padding:15px 45px; border-radius:30px; display:inline-block; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
a.button:hover{ background-color:#000000; color:#ffffff; }

a.ReadMore { font:400 13px 'Open Sans'; color:#fab706; border-top:1px solid #fab706; border-bottom:1px solid #fab706; padding:15px 0; text-transform:uppercase; display:block; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
a.ReadMore:hover { color:#272727; border-color:#272727;}

.custombtn{ margin-top:30px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:left; padding-bottom:25px; }
h2.section_title{ font:400 40px 'Raleway'; color:#272727; position:relative; padding:24px 0 0 30px; margin:0 0 30px; text-transform:uppercase;}
h2.section_title:before { content:''; position:absolute; left:0; top:0; height:50px; border-left:1px solid #fab706;}
h2.section_title:after { content:''; position:absolute; left:0; top:0; width:50px; border-top:1px solid #fab706;}
.sec-overlay h2.section_title, .sec-overlay{ color:#ffffff;}

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:absolute; top:0; left:0; }

/*================================================== 
	SECTION FIRST PAGE BOXES CSS
==================================================== */
section#pagearea { width:100%; position:relative; background-color:#f6f8f7;}
.pagearea-inner { position:relative; margin-top:-130px; z-index:9;}
.fourbox{ padding:30px 0 0; margin-right:30px; margin-bottom:5%; width:31.6%; float:left; text-align:center; position:relative; box-sizing:border-box; background-color:#ffffff; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.fourbox.last_column, .fourbox.three_column.last_column { margin-right:0;}
.fourbox:before {content:''; position:absolute; width:51%; height:45px; -webkit-transform:rotate(12deg); -ms-transform:rotate(12deg); transform:rotate(12deg); background-color:#ffffff; left:3px; bottom:-21px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.fourbox:after { content:''; position:absolute; width:51%; height:45px; -webkit-transform:rotate(-12deg); -ms-transform:rotate(-12deg); transform:rotate(-12deg); background-color:#ffffff; right:3px; bottom:-21px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.fourbox:hover{ cursor:pointer; background-color:#fab706;}
.fourbox:hover:before, .fourbox:hover:after { background-color:#fab706;}
.fourbox .thumbbx{ overflow:hidden; text-align:center; width:110px; height:110px; margin:0 auto; border-radius:50%; background-color:#ffffff; -webkit-box-shadow:3px 3px 3px grey; -moz-box-shadow:3px 3px 3px grey; box-shadow:3px 3px 3px grey;position:absolute; top:-56px; left:0; right:0; z-index:9;}
.fourbox .thumbbx img{ max-width:60px; max-height:60px; margin:24px auto;}
.fourbox .fourbxcontent { padding:20px 50px 50px;}
.fourbox .fourbxcontent p{ line-height:28px; }
.fourbox .fourbxcontent h3{ margin:45px 0 15px; padding-bottom:10px; text-transform:capitalize; display:inline-block; position:relative; font:700 23px 'Roboto'; color:#272727;}
.fourbox .fourbxcontent a.ReadMore { margin-top:15%;}
.fourbox:hover .fourbxcontent a.ReadMore { border-color:#ffffff; color:#ffffff;}
.fourbox:hover .fourbxcontent p { color:#383838;}
/* Page Box Column */
.one_column{ width:100%;}
.two_column{ width:48.7%;}
.three_column{ width:31.6%;}
.four_column { width:23%;}
.fourbox.four_column:before, .fourbox.four_column:after { bottom:-16px;}
.fourbox.two_column:before { -webkit-transform:rotate(9deg); -ms-transform:rotate(9deg); transform:rotate(9deg); left:2px; bottom:-23px;} 
.fourbox.two_column:after { -webkit-transform:rotate(-9deg); -ms-transform:rotate(-9deg); transform:rotate(-9deg); right:2px; bottom:-23px;}
.fourbox.one_column .fourbxcontent a.ReadMore { margin-top:5%;}
.fourbox.one_column:before { height:0px; transform:none;}
.fourbox.one_column:after { height:0px; transform:none;}

/*===============================================
** Section First CSS : Work For You
*===============================================*/
.work-content { position:relative; padding:70px 0;}
.work-we { width:85%; float:right; padding:30px; position:relative;}
.work-we h2 { font:400 40px 'Raleway'; color:#272727; line-height:57px; text-transform:uppercase;}
.work-we h2 span.highlight-title { color:#7c7c7c; font-style:normal; font-weight:normal;}
.work-we span { font-style:italic; font-weight:500;}
.work-we a.ReadMore { display:inline-block; text-align:center; padding-left:50px; padding-right:50px; margin-top:10%;}
.work-we:before { content:''; position:absolute; left:0; top:0; height:50px; border-left:1px solid #fab706;}
.work-we:after { content:''; position:absolute; left:0; top:0; width:50px; border-top:1px solid #fab706;}
.work-thumb { padding-top:70px;}
.work-thumb img { width:90%;}

/*===============================================
** Section Second CSS : Complete Project
*===============================================*/
.project-complete { position:relative;}
.project-count { width:50%; float:left; position:relative;}
.project-count h3.counter { position:absolute; display:inline-block; text-align:right; right:25px; top:37%; z-index:1; font:700 50px 'Roboto'; color:#ffffff; padding:10px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
.project-txt { width:50%; float:right; padding:7% 0 2% 7%;}
.protxt-inner { display:inline-block; width:86%; position:relative; padding:4% 0 0 6%;}
.protxt-inner:before { content:''; position:absolute; left:0; top:0; height:50px; border-left:1px solid #fab706;}
.protxt-inner:after { content:''; position:absolute; left:0; top:0; width:50px; border-top:1px solid #fab706;}
.protxt-inner h2 { font:400 40px 'Raleway'; color:#272727; text-transform:uppercase;}
.protxt-inner h2 span.highlight-title { color:#7c7c7c; font-style:normal; font-weight:normal;}
.protxt-inner p { font-style:italic;}

/*===============================================
** Section Third CSS : What We Do
*===============================================*/
.whatwe { position:relative;}
.whatwe .one_third { margin-bottom:40px;}
.what-we-box { position:relative; text-align:center; overflow:hidden; box-shadow:0 0 5px #a3a3a3; z-index:1; cursor:pointer;}
.what-we-box .whatwe-content{ width:100%; height:100%; line-height:22px; padding:30px; background-color:#fab706; color:#ffffff; position:absolute; top:0;    left:0; z-index:-1; -webkit-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px);}
.what-we-box h4{ text-transform:uppercase; margin-bottom:15px; color:#ffffff; font-weight:400;}
.what-we-box a.buttonstyle1{ margin-top:20px;}
.what-we-box img{ width:100%; height:auto; z-index:1; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.what-we-box:hover img{ -webkit-transform:translateY(100%); -ms-transform:translateY(100%);	transform:translateY(100%);}
.section-content .what-we-box a.buttonstyle1 { margin-top:10px;}

/*===============================================
** Section Fourth CSS : Recent Project
*===============================================*/
.project-bx { position:relative;}
.project-box { margin:15px 0; position:relative; cursor:pointer;}
.project-box.lastcols { margin-right:0;}
.project-thumbnail { width:100%; position:relative; overflow:hidden; text-align:center;}
.project-thumbnail img { width:100%; height:auto; display:block; position:relative; max-width:none; width:-webkit-calc(100% + 50px); width:calc(100% + 50px); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-40px,0, 0); transform:translate3d(-40px,0,0);}
.project-thumbnail:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:-100%; left:0; z-index:1; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.project-box:hover .project-thumbnail:before{ top:0;}
.project-thumbnail figcaption { -webkit-backface-visibility:hidden; backface-visibility:hidden; text-align:center;}
.project-thumbnail figcaption > div { position:absolute; bottom:0; left:0; padding:0 20px 35px; width:100%; height:60%; z-index:2;}
.project-thumbnail figcaption::before, .project-thumbnail figcaption::after { position:absolute; top:0px; right:0px; bottom:0px; left:0px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; z-index:1;}
.project-thumbnail figcaption::before { border-top:5px solid #fab706; border-bottom:5px solid #fab706; -webkit-transform:scale(0,1); transform:scale(0,1);}
.project-thumbnail figcaption::after { border-right:5px solid #fab706; border-left:5px solid #fab706; -webkit-transform:scale(1,0); transform:scale(1,0);}
.project-thumbnail:hover figcaption::before, .project-thumbnail:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.project-thumbnail h3 { margin-bottom:30px; text-transform:capitalize; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0);}
.project-thumbnail h3 a { color:#ffffff;}
.project-thumbnail:hover h3 { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.project-thumbnail span { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); position:absolute; bottom:65%; left:0; right:0; z-index:1;}
.project-thumbnail:hover span { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.project-thumbnail span i { width:35px; height:35px; line-height:35px; font-size:18px; border:1px solid #ffffff; color:#ffffff; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.project-thumbnail span i:hover { border-color:#fab706; color:#fab706;}
.proup-box { width:35%; display:none;}
.proup-box .fancybox-close-small::after { background-color:#000000; color:#ffffff; top:1px; right:1px;}
.proup-box .fancybox-close-small:hover::after { background-color:#ea1b25; color:#ffffff;}
.project-bx .swiper-pagination  { left:0; right:0; margin-top:40px; position:relative;}
.project-bx .swiper-pagination-bullet{ width:14px; height:14px; margin-right:10px; background-color:#000000; border:2px solid #a9a9a9; opacity:1;}
.project-bx .swiper-pagination-bullet-active { background-color:#000000; border-color:#fab706;}

/* Project Page 
=============== */
#projectsbx { margin:1rem 0;}
.toolbar ul { text-align:center;}
.toolbar ul li { font:400 15px 'Assistant'; background-color:#002c41; color:#ffffff; text-transform:uppercase; text-decoration:none; cursor:pointer; display:inline-block; line-height:normal; padding:10px 20px; margin:0 5px 0 0; vertical-align:middle; -webkit-appearance:none; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.toolbar ul li:hover { text-decoration:none;}
.toolbar ul li.active { background-color:#ffb600; color:#ffffff;}
.toolbar ul li:focus { outline:none;}
.tile { width:31%; float:left; margin:30px 14px 0 13px; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all 350ms ease; transition:all 350ms ease; background-color:#000000; position:relative; overflow:hidden; text-align:center; /*cursor:pointer;*/}
.tile img { max-width:100%; min-height: 100%; width:100%; height:auto; position: relative; display: block; opacity: 0.7; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
.scale-anm { transform:scale(1);}
.tile h3 { font:700 28px 'Roboto Condensed'; color:#ffffff; text-align:center; z-index:1; padding:0px 1.5em; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); position:absolute; bottom:45%; left:0; right:0; text-transform:capitalize;}
.tile:hover h3 { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.tile span { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); position:absolute; bottom:35%; left:0; right:0; z-index:1;}
.tile:hover span { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.tile span i { width:35px; height:35px; line-height:35px; font-size:18px; border:1px solid #ffffff; color:#ffffff; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.tile span i:hover { border-color:#fab706; color:#fab706;}
.tile:hover img { opacity:0.2;}
.tile figcaption { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:99;}
.tile figcaption::before, .tile figcaption::after {	position:absolute; top:0px; right:0px; bottom:0px; left:0px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.tile figcaption::before { border-top:5px solid #fab706; border-bottom:5px solid #fab706; -webkit-transform:scale(0,1); transform:scale(0,1);}
.tile figcaption::after { border-right:5px solid #fab706; border-left:5px solid #fab706; -webkit-transform:scale(1,0); transform:scale(1,0);}
.tile:hover figcaption::before, .tile:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}

/* Project Single Page 
====================== */
.single-project-box { position:relative;}
.single-project-box .post-thumb { width:48%; float:left;}
.single-project-box .post-content { width:48%; float:right;}
.single-project-box .post-content h3 { border-bottom:2px solid #272727; padding-bottom:15px;}
.project-info { margin:30px 0;}
.work-info-item { display:inline-block; vertical-align:top; width:48%; padding:15px 15px 0px;}
.work-info-item .roof-icon { float:left;}
.work-info-item .roof-icon i { color:#fab706; font-size:19px;}
.work-info-item .right-info { display:block; overflow:hidden; padding-left:13px;}
.right-info .info-label { margin-bottom:10px; font-weight:600; letter-spacing:0.4px; text-transform:uppercase;}
.right-info .info-sub-label { margin-bottom:10px; color:#717171; font-weight:400; letter-spacing:0.3px;}
.work-info-item .right-info a { color:#717171;}
.work-info-item .right-info a:hover { color:#fab706;} 
.project-tab { width:48%; float:left; margin-top:30px;}
.project-tab h3, .location-map h3 { border-bottom:2px solid #272727; padding-bottom:15px;} 
.location-map { width:48%; float:right; margin-top:30px;}
.location-map iframe { border:5px solid #d4d4d2;}

/* Related Project Single Page 
============================== */
.related-project { margin:5% 0 3%;}
.related-project h2 { border-bottom:2px solid #272727; display:inline-block; padding-bottom:10px;}
.related-project .tile.lastcols { margin-right:0;}

/*===============================================
** Section Five CSS : Our Videos
*===============================================*/
.our-video { position:relative;}
.our-video:before { content:''; width:100%; height:100%; background-color:rgba(255,255,255,0.9); position:absolute; top:0; left:0;}
.video-content { width:30%; float:left; padding:30px 30px 30px; position:relative; margin-top:5%;}
.video-content:before { content:''; position:absolute; left:0; top:0; height:50px; border-left:1px solid #fab706;}
.video-content:after { content:''; position:absolute; left:0; top:0; width:50px; border-top:1px solid #fab706;}
.video-content h2 { font:400 40px 'Raleway'; color:#272727; text-transform:uppercase;}
.video-content h2 span { color:#7c7c7c;}
.video-content a.ReadMore { display:inline-block; text-align:center; padding-left:50px; padding-right:50px; margin-top:10%;}
.video-iframe { width:60%; float:right; border:5px solid #ffffff; -webkit-box-shadow:0px 0px 52px -7px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 52px -7px rgba(0,0,0,0.75); box-shadow:0px 0px 52px -7px rgba(0,0,0,0.75);}

/*===============================================
** Section Six CSS : Counter
*===============================================*/
.counter-box { width:25%; margin:0; float:left; padding:0 2%;}
.count-icon { display:inline-block; margin-right:15px; font-size:3.5em; color:#272727; margin-top:10px;}
.count-text { display:inline-block; width:67%; float:right; text-align:left;}
.count-text h2.counter { margin-bottom:5px; line-height:normal; font-size:35px; color:#ffffff;}
.count-text h5 { margin-bottom:0; text-transform:capitalize; font-weight:400; color:#ffffff;}

/*===============================================
** Section Seven CSS : Our Team
*===============================================*/
.our-team { position:relative;}
.our-team .section_head { width:1170px; margin:0 auto;}
.teammember-list{ position:relative;}
.teammember-list .thumnailbx{ width:100%; margin:0; overflow:hidden; position:relative; z-index:1; -webkit-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.teammember-list .thumnailbx img{ width:100%; height:auto; display:block;}
.thumnailbx:hover{ box-shadow:0 0 20px rgba(0,0,0,0.5);}
.thumnailbx img{ width:100%; height:auto; -webkit-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.thumnailbx .teamcontent{ text-align:center; width:100%; height:100%; padding:35% 0 0; position:absolute; left:0; top:0; z-index:2;}
.thumnailbx:before, .thumnailbx:after, .thumnailbx .teamcontent:before, .thumnailbx .teamcontent:after{ content:''; height:50%; width:50%; background-color:rgba(250,183,6,0.8); position:absolute; left:0; top:100%; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; z-index:1;}
.thumnailbx:before{ -webkit-transition-delay:0.1s; transition-delay:0.1s }
.thumnailbx:after{ left:50%; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.thumnailbx .teamcontent:before, .thumnailbx .teamcontent:after{ z-index:-1; top:100%; -webkit-transition-delay:0.3s; transition-delay:0.3s;}
.thumnailbx .teamcontent:after{ left:50%; -webkit-transition-delay:0.35s; transition-delay:0.35s;}
.thumnailbx:hover:before, .thumnailbx:hover:after{ top:0;}
.thumnailbx:hover .teamcontent:before, .thumnailbx:hover .teamcontent:after{ top:50%;}
.thumnailbx h5{ text-transform:uppercase; margin:0 0 10px 0; opacity:0; -webkit-transform:translateX(-200px); -ms-transform:translateX(-200px); transform:translateX(-200px); -webkit-transition:all 0.3s ease 0.3s; -ms-transition:all 0.3s ease 0.3s; transition:all 0.3s ease 0.3s; display:inline-block; padding:5px 10px; background-color:#ffffff;}
.thumnailbx cite{ text-transform:capitalize; margin-bottom:30px; opacity:0; display:block; -webkit-transform:translateX(-200px); -ms-transform:translateX(-200px); transform:translateX(-200px); -webkit-transition:all 0.3s ease 0.3s; -ms-transition:all 0.3s ease 0.3s; transition:all 0.3s ease 0.3s;}
.thumnailbx .member-social-icon{ text-align:center; padding:0; margin:0; opacity:0; z-index:2; -webkit-transform:translateX(200px);	-ms-transform:translateX(200px); transform:translateX(200px);	-webkit-transition:all 0.3s ease 0.3s; -ms-transition:all 0.3s ease 0.3s; transition:all 0.3s ease 0.3s;}
.thumnailbx:hover h5, .thumnailbx:hover cite, .thumnailbx:hover .member-social-icon{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0);
 transform:translateX(0);}
.thumnailbx .member-social-icon a{ margin:0 4px; display:inline-block; color:#ffffff; border:2px solid #ffffff; border-radius:50%; font-size:15px; line-height:33px; height:35px; width:35px; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.thumnailbx .member-social-icon a:hover{ border-color:#272727; color:#272727; box-shadow:0 0 10px #ffffff;}
.our-team .swiper-pagination, .section-content .swiper-pagination  { left:0; right:0; margin-top:40px; position:relative;}
.our-team .swiper-pagination-bullet, .section-content .swiper-pagination-bullet{ width:14px; height:14px; margin-right:10px; background-color:#000000; border:2px solid #a9a9a9; opacity:1;}
.our-team .swiper-pagination-bullet-active, .section-content .swiper-pagination-bullet-active { background-color:#000000; border-color:#fab706;}

/*===============================================
** Section Eight CSS : Client Testimonials
*===============================================*/
.testimonials-wrap{ width:55%; padding:10px 0 10px 34px; position:relative;}
.testi-desc{  text-align:left; position:relative;}
.testi-desc p { font:400 28px/40px 'Raleway'; color:#ffffff; margin-bottom:30px;}
.testi-thumb{ width:85px; height:85px; float:left; border:3px solid #ffffff; border-radius:50%; position:relative;}
.testi-thumb img { width:100%; height:auto; display:block; border-radius:50%;}
.testi-ttl{ display:inline-block; padding:30px;}
.testi-ttl h4{ text-transform:capitalize; font-size:20px; font-family:'Open Sans'; color:#fab706; margin-bottom:5px;}
.testi-ttl h4 a{ color:#fab706; }
#clienttestimonials .owl-theme .owl-dots { text-align:left; padding-left:35px;}
#clienttestimonials .owl-theme .owl-dots { margin-top:30px;}
#clienttestimonials .owl-theme .owl-dots .owl-dot span { width:52px; height:4px; border-radius:0;}
#clienttestimonials .owl-theme .owl-dots .owl-dot span { background-color:#ffffff;}
#clienttestimonials .owl-theme .owl-dots .owl-dot.active span { background-color:#fab706;}

/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Montserrat'; color:#333333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}
.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}
#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize;}
#testimonials-widget p{ margin-bottom:15px;}

/*===============================================
** Section Nine CSS : Our Blog
*===============================================*/
.latestnews { position:relative;}
.news-box{ padding:0; margin-bottom:2%; width:31.3%; margin-right:3%; float:left; position:relative;}
.news-thumb{ position:relative; overflow:hidden;}
.news-thumb img { width:100%; height:auto; display:block; position:relative;}
.news-thumb .news-icon{ width:50px; height:50px; padding:14px 16px; position:absolute; bottom:0; left:0; font-size:20px; color:#ffffff; background:rgba(250,183,6,0.8); -webkit-transition:all 0.50s ease 0s; -ms-transition:all 0.50s ease 0s; transition:all 0.50s ease 0s;}
.news-thumb .news-icon:hover{ width:100%; height:100%; padding:22px 0 0 88%;}
.news-thumb .postmeta{ width:0; height:0; position:absolute; bottom:0; left:-100%; text-align:center; opacity:0; -webkit-transition:all 0.7s ease 0s;	-ms-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;}
.news-thumb .news-icon:hover .postmeta{ width:100%; height:100%; left:0; padding:13% 10% 12% 10%; opacity:1;}
.news-thumb .postmeta i{ font-size:15px; margin-right:10px;}
.news-thumb .postmeta a { color:#ffffff;}
.news-thumb .postmeta a:hover { color:#272727;}
.news-thumb p{ font-size:14px; text-align:left; margin:5px 0; font-weight:bold;}
.news-desc{  position:relative; text-align:center; padding:30px 0;}
.news-desc h4 { text-transform:capitalize; font-weight:400;}
.news-desc a.ReadMore { margin-top:40px;}

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat { position:relative; margin:0 30px 30px 0; width:48%; float:left; }
.blog-post-repeat-full { position:relative; margin:0 30px 40px 0; width:31%; float:left; }
.blog-post-repeat.lastmar, .blog-post-repeat-full.lastmar, .blog-post-repeat.last { margin-right:0;}
.post-thumb{ position:relative; overflow:hidden;}
.post-thumb img { width:100%; height:auto; display:block; position:relative;}
.post-thumb figcaption{ width:50px; height:50px; padding:14px 16px; position:absolute; bottom:0; left:0; font-size:20px; color:#ffffff; background:rgba(250,183,6,0.8); -webkit-transition:all 0.50s ease 0s; -ms-transition:all 0.50s ease 0s; transition:all 0.50s ease 0s;}
.post-thumb figcaption:hover{ width:100%; height:100%; padding:22px 0 0 88%;}
.post-thumb .postmeta{ width:0; height:0; position:absolute; bottom:0; left:-100%; text-align:center; opacity:0; -webkit-transition:all 0.7s ease 0s;	-ms-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;}
.post-thumb figcaption:hover .postmeta{ width:100%; height:100%; left:0; padding:13% 10% 12% 10%; opacity:1;}
.post-thumb .postmeta i{ font-size:15px; margin-right:10px;}
.post-thumb .postmeta a { color:#ffffff;}
.post-thumb .postmeta a:hover { color:#272727;}
.post-thumb p{ font-size:14px; text-align:left; margin:5px 0; font-weight:bold;}
.post-data{  position:relative; padding:30px 0;} 
.blog-post-repeat .post-data, .blog-post-repeat-full .post-data{ text-align:center;}
.blog-post-repeat .post-data h3, .blog-post-repeat-full .post-data h3 { text-transform:capitalize;}
.post-data a.ReadMore { margin-top:40px;}

/* Blog Post Single */
.blog-post-single .post-thumb-full{ position:relative;}
.blog-post-single .post-thumb-full img { width:100%; height:auto; display:block;}
.blog-post-single .post-data{ overflow:hidden; padding:1.95em 0 0; }
.post_bottom { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; overflow: hidden; clear: both; }
.post_bottom_left{ float: left; width:75%; padding:10px 10px 10px 0; box-sizing: border-box; border-right: 1px solid #cccccc; }
.post_bottom_left .postmeta, .post_bottom_right .postmeta { padding-bottom:0;}
.post_bottom_left .postmeta.right { margin-top:3px;}
.post_bottom_right{ float:left; width:25%; border-left:1px solid #cccccc; text-align:center; box-sizing:border-box; padding:0.67em 0; margin-left:-1px; }
.post_bottom .postmeta{ display:inline-block; }
.post_bottom .postmeta i { margin-right:5px;}
.blog-post-single h3.post-title { margin-bottom:10px;}
.social_share { margin-top:8px; }

/*===============================================
** Section Ten CSS : Client Logo
*===============================================*/
.client-logo .nbs-flexisel-nav-left, .client-logo .nbs-flexisel-nav-right { display:none !important;}
.client-logo .nbs-flexisel-inner { margin-top:0;}
.client-logo .nbs-flexisel-item img, .section-content .nbs-flexisel-item img { max-width:160px; max-height:130px; border:none;}

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#111111; color:#767575; position:relative; padding:70px 0 70px; font:400 14px 'Open Sans'; line-height:30px;}
.footer-inner { width:1170px; margin:0 auto; position:relative;}
.foo-cols{ margin-bottom:50px; }
.footer-cols-two .foo-cols{ width:49%; float:left; margin-right:2%; padding-right:2%; }
.footer-cols-two .foo-cols:nth-child(2){ margin-right:0; padding-right:0; }
.footer-cols-three .foo-cols{ width:32%; float:left; margin-right:2%; padding-right:2%; }
.footer-cols-three .foo-cols:nth-child(3){ margin-right:0; padding-right:0; }
.footer-cols-four .foo-cols{ width:24%; float:left; margin-right:1%; padding-right:1%; }
.footer-cols-four .foo-cols:nth-child(4){ margin-right:0; padding-right:0; }

.foo-cols h3 { font:400 23px 'Raleway'; color:#ffffff; padding-bottom:20px; border-bottom:1px solid #2b2b2b;}
.foo-cols ul { position:relative;}
.foo-cols ul li { width:48%; float:left; position:relative; padding:0px 0 7px 0; margin-right:7px;}
.foo-cols ul li:before { content:'\f105'; font-family:'Font Awesome 5 Pro'; color:#767575; position:absolute; left:0;}
.foo-cols ul li a { padding-left:15px;}
.foo-cols ul li a:hover { color:#fab706;}

/* Footer Social */
.foo-cols .social-icons { margin-top:10%;}
.foo-cols .social-icons a { width:45px; height:45px; line-height:45px; display:inline-block; padding:0; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s; font-size:16px; color:#ffffff; background-color:#282828; border:none; border-radius:3px; position:relative; margin:0 3px; text-align:center;}
.foo-cols .social-icons a:hover { color:#ffffff; background-color:#fab706;}
.foo-cols .social-icons i { margin-right:0;}
.foo-cols i { color:#ffffff; margin-right:10px;}

/* Footer Email Subscribe */
.subscribe { width:55%; margin:0 auto; text-align:center; position:relative;}
.email-sub { margin-bottom:10px;}
.email-sub input[type="email"]{ width:74%; float:left; background-color:#141414; color:#767575; border:none; margin-bottom:0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.email-sub input[type="email"]:focus {-webkit-box-shadow:0px 0px 15px -6px rgba(250,183,6,1); -moz-box-shadow:0px 0px 15px -6px rgba(250,183,6,1); box-shadow:0px 0px 15px -6px rgba(250,183,6,1);}
.subscribe .email-sub input[type="submit"] { display:inline-block; text-transform:uppercase; padding:12px 35px; border:none; font:400 18px 'Raleway'; position:absolute; top:0; right:0; cursor:pointer; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.subscribe ul { text-align:center; margin-top:15px;}
.subscribe ul li { font:400 14px 'Open Sans'; display:inline-block;}
.subscribe ul li a { color:#fab706; padding:5px 15px;}
.subscribe ul li a:hover { color:#767575;}

/* Copyright Wrapper */
.copyright-wrapper { background-color:#090909; position:relative; font:400 14px 'Open Sans';}
.copyright-wrapper a { color:#fab706;}
.copyright-inner {padding:70px 0; width:1170px; margin:0 auto; font:400 14px 'Open Sans'; text-align:center;}
.copyright-txt{ color:#767575; display:inline-block;}
.designby { color:#767575; display:inline-block;}
.copyright-txt a, .designby a { color:#fab706;}

/*===============================================
** Contact Page Css
*===============================================*/
.contact-content { position:relative;}
.one_half_left { width:47%; float:left;}
.contact-left-text { position:relative; padding:10px 0 10px 30px;}
.contact-left-text:before { content:''; position:absolute; left:0; top:0; border-left:7px solid #fab706; height:80px;}
.contact-left-text h5 { color:#8d9297; font-weight:400; text-transform:uppercase; margin-bottom:5px;}
.one_half_right { width:47%; float:right; padding:3% 4%; border-radius:12px; border-top:7px solid #fab706; -webkit-box-shadow:0px 0px 30px -14px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 30px -14px rgba(0,0,0,0.75); box-shadow:0px 0px 30px -14px rgba(0,0,0,0.75); font:400 17px/30px 'Raleway';}
.one_half_right i { font-size:25px; color:#fab706; margin-right:20px; position:relative; top:4px;}
.one_half_right p { border-bottom:1px solid #eaeaea; padding:15px 0;}


/*================================================== 
	CONTACT PAGE FORM
==================================================== */
#contactform_main { margin:5% 0;}
.contact-content #contactform_main input[type=text] { width:49%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 11px 12px 0; color:#333333;}
.contact-content #contactform_main input[type=email] { width:49%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 0px 12px 0; color:#333333;} 
.contact-content #contactform_main input[type=tel] { width:49%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 11px 12px 0; color:#333333;}
.contact-content #contactform_main input[type=url] { width:49%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 0px 12px 0; color:#333333;} 
#contactform_main textarea{ width:100%; margin-right:0; height:130px; border:1px solid #6f6f6f; padding:15px; color:#333333;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit]:hover { background-color:#333333; color:#ffffff;}
#contactform_main input[type=submit] { width:40%; font:700 16px/24px 'Roboto'; border:none; padding-top:12px; padding-bottom:12px;  text-transform:uppercase; cursor:pointer; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; margin-top:20px;}

/* INSTAGRAM WIDGET SIDEBAR
===================================== */
.instagram-widget { padding:0;}
.instafeed { width:48%; float:left; overflow:hidden; margin:0 4% 4% 0;}
.instafeed:nth-child(2n) { margin-right:0;}
.instafeed .insta-thumb{ position:relative; overflow:hidden;}
.instafeed .insta-thumb img{ display:block; height:auto; width:100%; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.instafeed:hover img { opacity:1; -webkit-transform:scale(1.08); transform:scale(1.08);}
.instafeed:hover .insta-thumb .overlay { opacity:1; width:100%; height:auto;}
.instafeed .insta-thumb .overlay { background:rgba(0,0,0, 0.7); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0;  opacity:0; -webkit-transition:.4s ease; transition:.4s ease;}
.instafeed:hover .insta-thumb span { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.instafeed .insta-thumb span { color:#ffffff; text-align:center; position:absolute; margin:auto; left:0; top:40%; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}

/*================================================== 
	PORTFOLIO CSS
==================================================== */
.item-dirt{ position:relative; text-align:center; padding:0px 0; width:100%; height:100%;}
.item-dirt:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:absolute; top:0; left:0; opacity:0; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.item-dirt:hover:before{ opacity:1;}
.item-dirt img{ width:100%; height:auto; display:block;}
.item-dirt .box-content{ width:100%; padding:20px 0 30px; color:#ffffff; opacity:0; position:absolute; bottom:10%; left:0; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.item-dirt:hover .box-content{ opacity:1; bottom:17%;}
.item-dirt .title{ font-size:20px; font-weight:700; text-transform:capitalize; letter-spacing:1px; margin:0 0 10px 0;}
.item-dirt .title a { font:400 22px 'Roboto Condensed'; color:#ffffff;}
.item-dirt .post{ display:block; font:400 16px 'Roboto Condensed'; text-transform:capitalize; margin-bottom:15px;}
.item-dirt .post a { color:#fab706;}
.item-dirt .icon{ padding:0; margin:0; list-style:none;}
.item-dirt .icon li{ display:inline-block; background:none; padding:0; margin:0; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; transition-property:transform; overflow:hidden;}
.item-dirt .icon li a{ display:block; width:40px; height:40px; line-height:40px; border-radius:50%; background-color:#ffffff; font-size:15px; color:#272727; margin-right:5px; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }
.item-dirt .icon li a:hover { background-color:#fab706; color:#ffffff; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}

/* ----- Popup Form Begin ----- */
.popup-box { display:none; width:50%;}
.pop-thumb { width:100%;}
.popup-box .fancybox-close-small::after { background-color:#272727; color:#ffffff; font-size:17px; width:20px; height:20px; line-height:20px;}
.popup-box .fancybox-close-small:hover::after { background-color:red; color:#ffffff;}

/* Portfolio Single */
.portfolio-metadeta{ border-bottom:1px solid #272727; border-top:1px solid #272727; padding:10px 30px; text-align:center; margin-bottom:50px; }
.portfolio-metadata-item{ display:inline-block; margin:0 15px; color:#272727;}
.portfolio-metadata-item a { color:#272727;}
.portfolio-metadata-item span{ color:#272727; font-weight:bold; }
.portfolio-metadata-item span i { color:#fab706; margin-right:5px;}
.portfolio-share{ text-align:center; margin:40px 0; border-radius:0;}
.portfolio-share ul.social-share-post li{ border-radius:0;}
.single-portfolios .image-carousel{ width:65%; margin:50px auto;}
.portfolios ul { margin:0 0 4% 0; text-align:center;}
.portfolios ul li { list-style:none; padding:10px 20px; background-color:#272727; color:#ffffff; font:400 15px 'Assistant'; text-transform:uppercase; margin:0 5px; cursor:pointer; display:inline-block;}
.portfolios ul li.active { background-color:#fab706; color:#ffffff;}

/*===============================================
** Gallery CSS
*===============================================*/
.gallery { position:relative;}
.gallery #mixitup .mix.lastcol { margin-right:0;}
.work-image{ overflow:hidden; background-color:rgba(0,0,0,0.9); position:relative; }
.work-image img{ -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.work-image:hover img { opacity:0.4; -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1); }	
.work-link-icon{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; }
.work-image:hover .work-link-icon{ opacity:1; }
.work-link-icon a{ 	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform:translate3d(-360px,0,0);color:#212121; font:700 16px 'Assistant'; text-transform:capitalize; position:relative; top:45%; background-color:#ffffff; display:inline-block; padding:4px 15px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.work-image:hover .work-link-icon a{ -webkit-transition-delay:0.2s; transition-delay:0.2s; opacity: 1; -webkit-transform:translate3d(0,0,0); transform: translate3d(0,0,0); }

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

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ height:350px; overflow:hidden; position:relative; text-align:center; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; }
.innerbanner .container{ position:absolute; top:60%; left:0; right:0; }
h1.innerpage-title{ color:#ffffff; font:700 40px 'Assistant'; text-transform:uppercase; margin:0; padding-bottom:10px; display:inline-block; border-bottom:3px solid #fab706;}
#crumbs{ display: block; padding:15px 0; line-height:26px; color:#272727; text-transform:uppercase; position: relative; font-size:14px; font-weight:700; font-family:'Assistant'; border-bottom:1px solid #fab706; text-align:center;}
#crumbs a{ padding:0 8px; color:#272727; }
#crumbs i { font-size:10px;}
#crumbs span.current { padding:0 8px; color:#fab706;}
#crumbs a:hover{ color:#fab706; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0;}
.site-main{ width:800px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }

/* Pagination */
.spacer20{ height:20px; clear:both;}
.pagination{ display:table; clear:both; margin:0 auto; }
.pagination ul{ list-style:none; margin:20px 0;}
.pagination ul li{ display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{ background:#0f3cae; color:#ffffff; padding:5px 15px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{ background:#0f3cae; color:#ffffff !important; }

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

/*===============================================
** Single Posts Css
*===============================================*/
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
.blog-post-single .entry-content p{ padding:0; }
.post_bottom_meta{ margin:40px 17px 15px; display:block; clear:both; }
.post_tag i { font-size:14px; float:left; margin-right:8px; line-height:20px; margin-top:3px; }
.post_tag a { display:inline-block; font-size:80%; background:transparent; border:1px solid rgba(0,0,0,0.15); text-decoration:none; padding:3px 10px; float: left; margin:0 4px 4px 0; line-height: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:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.nav-previous, .nav-next{ font:400 15px 'Raleway'; color:#272727; display: inline-block; line-height:18px;}
.nav-previous a, .nav-next a { color:#272727; position:relative; padding:10px 10px 10px 10px;  display:inline-block;}
.nav-previous a:hover, .nav-next a:hover { color:#fab706;}
.nav-previous{ float:left; padding-left:30px; border:1px solid #272727;}
.nav-next{float:right; text-align:right; padding-right:30px; display:inline-block; border:1px solid #272727;}
nav.post-navigation{ display:block; clear:both; margin:0; text-transform:capitalize; padding:40px 0 0; position:relative; overflow:hidden; }
.nav-previous a:before{ content:'\f104'; font-family:'Font Awesome 5 Pro'; position:absolute; left:-18px; font-size: 20px; top:8px; }
.nav-next a:after{ content:'\f105'; font-family:'Font Awesome 5 Pro'; position:absolute; right:-18px; font-size: 20px; top:8px; }

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

/* Team testi Single */
.team-testi-post-thumb{ width:350px; float:left; margin-right:30px; text-align:center; margin-bottom:30px; }
.team-testi-post-thumb img{ border:8px solid #fab706; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#222222; line-height:normal; margin:15px 0; }
.team-testi-post-thumb a{ border:2px solid; height:40px; width:40px; display:inline-block; border-radius:50%; line-height:38px; margin:0 5px; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:320px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0; font-size:18px; font-weight:400;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ font:400 20px 'Roboto Condensed'; color:#272727; line-height: 1.09; letter-spacing: 0.4px; text-transform:capitalize; padding:14px 10px 6px 41px; border-bottom:2px solid #fab706; position:relative;} 
h3.widget-title::before { content:'\f0a4'; font-family:'Font Awesome 5 Pro'; color:#ffffff; position:absolute; left:0; top:10px; width:32px; height:32px; line-height:32px; background-color:#fab706; font-size:18px; text-align:center;}
h3.widget-title span { display: block; width: 100%; letter-spacing: 0px; text-transform:capitalize; }
#sidebar aside.widget{ margin:0 0 30px 15px; padding:0 0 10px; }
.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }

#sidebar ul li{ list-style: disc inside ; padding:8px 0 8px 0px; list-style:none; position:relative; }
#sidebar ul li:before { content:'\f324'; font-family:'Font Awesome 5 Pro'; color:#272727; font-size:12px; position:absolute; left:0; top:9px;}
#sidebar ul li a{ line-height:18px; color:#272727; position:relative; }
#sidebar ul li a:hover{ color:#fab706;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .search-form input.search-field{ width:80%;padding:12px 15px; box-sizing:border-box; display:inline-block; margin-bottom:0; border:1px solid #272727; color:#272727;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center; background-color:#272727; padding: 22px 0; font-size:0; width:20%; height:40px; float:right;}
#sidebar form.search-form{ margin-bottom:0; }
#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px dotted #272727; padding: 9px 0 14px 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:20px;}
#sidebar #wp-calendar th{ background-color:#037df0; color:#ffffff; }
#sidebar #wp-calendar a{ display:block; background-color:#037df0; color:#ffffff; }

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

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { display: inline-block; height: 35px; padding: 0; margin: 0; }
ul.social-share-post li { display: inline-block; padding: 0; margin:2px 5px; height: 33px; width: 33px; line-height: 30px; border-radius: 50%; text-align: center; background: transparent; border: 1px solid rgba(0,0,0,0.15); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
ul.social-share-post li a{ height: 33px; width: 33px; display: inline-block; color: #888; }
ul.social-share-post li a:hover{ color:#ffffff; }
ul.social-share-post li i { line-height: 31px; font-size: 13px; display: block; width: 100%; height: 100%; margin-left: -1px; }
ul.social-share-post li.social-share-twitter:hover{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook:hover{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp:hover{ background-color:#65bc54; }
ul.social-share-post li.social-share-googleplus:hover{ background-color:#e65f3d; }
ul.social-share-post li.social-share-linkedin:hover{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest:hover{ background-color:#cd2127; }

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

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

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position:absolute; width:50px; height:50px; left:0; top:-26px; right:0; z-index:10; background-color:#1a1a1a; margin:0 auto; transform:rotate(45deg);}
#back-top a {display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none;color: #bbb; -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {display:block; position:relative; margin-bottom: 7px;	-webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span:before { content:'\f106'; font-family:'Font Awesome 5 Pro'; position:absolute; color:#ffffff; font-size:30px; transform:rotate(-45deg); left:0px; right:0; top:12px; color:#ffb706;}

/*===============================================
** 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:auto; 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 #000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }

/*===============================================
** Woocommerce Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center; border:1px solid #e9e9e9; padding:10px;}
.imagewrapper { overflow:hidden; margin-bottom:1em;}
.woocommerce ul.products li.product .imagewrapper img{-webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin:0; }
.woocommerce ul.products li.product:hover .imagewrapper img, .woocommerce-page ul.products li.product:hover .imagewrapper img {	-webkit-transform:scale3d(1.2,1.2,1); transform:scale3d(1.2,1.2,1);}
.woocommerce .woocommerce-result-count{ font-size:16px; margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:38px; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:'Font Awesome 5 Pro'; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Assistant'; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.woocommerce span.onsale{ border-radius:0; min-height:inherit; min-width:inherit; padding:8px; letter-spacing:2px; line-height:1; background-color:#fab706; }
.woocommerce ul.products li.product .onsale{ margin:0; left:5px; top:5px; right:auto; text-transform:uppercase; font-size:14px; font-family:'Assistant'; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font:400 18px 'Roboto Condensed'; background-color:#272727; color:#ffffff; padding:8px 10px;}
.woocommerce ul.products li.product .star-rating{ margin:10px auto 10px; color:#ffb200; font-size:15px;}
.woocommerce .star-rating span { display:block; color:#ffb200;}
.woocommerce .star-rating::before { color:#272727;}
.woocommerce ul.products li.product .price { font-size:20px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#272727; background-color:#e9e9e9; margin-top:10px; padding:5px 0;}
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price del{ font-size:18px; color:#000000; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations{ margin-bottom:10px; background-color:#272727; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Roboto Condensed'; letter-spacing:1px; display:block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:10px; text-transform:uppercase; position:relative; font-weight:400; 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.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#fab706; color:#ffffff;}
.woocommerce a.added_to_cart{ display:block; margin:0 0 10px; padding:10px 15px; background-color:#fab706; color:#ffffff; text-transform:uppercase; letter-spacing:1px; font:400 14px/18px 'Roboto Condensed';}
.woocommerce a.added_to_cart:hover { background-color:#272727; color:#ffffff;}
#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:before, .woocommerce ul.cart_list li:before, .woocommerce ul.product_list_widget li:before { content:none !important;}
#sidebar .product-categories li { padding-left:20px;}
#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; border:1px solid #cccccc;}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height:30px; width:30px; line-height:30px !important; padding-left:0 !important; border-radius:0; position:absolute; left:-2px; top:10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding:12px 0 10px; font-size:15px; text-transform:uppercase; }
.widget .woocommerce-product-search, .widget .search-form { position:relative; }
.widget .woocommerce-product-search input[type="submit"]{ position:absolute; top:0px; right:0px; box-shadow:none; border:none; text-indent:-999px; padding:0; outline:none; width:46px; height:52px; z-index:1; border-radius:0px 3px 3px 0px; background-image:url(images/findicon.png); background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:16px 16px; opacity:0.3;}
.widget .woocommerce-product-search input[type="submit"]:hover, .widget .search-form .search-submit:hover{ cursor:pointer; }	
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color:#fab706;}
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#272727;}
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important;; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin:8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
a.reset_variations{ margin:0; }
.woocommerce div.product form.cart .variations select{ max-width:50%; padding:10px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color:#ffffff;}
.woocommerce.widget_product_search input[type="search"] { width:75%; float:left;}
.woocommerce.widget_product_search button { padding:10px 16px; border:none; background-color:#fab706; color:#ffffff; font:400 15px 'Assistant';}

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; border-bottom:1px solid #272727; padding-bottom:15px; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:auto; padding:4em; padding-bottom:0; }
.woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#b1c903; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom:1.618em; font-size:18px; font-weight:700; color:#242423; }
.woocommerce div.product .woocommerce-product-rating{ float:right; }
.woocommerce-Tabs-panel--description ul{ margin:20px 0;}
.woocommerce-Tabs-panel--description ul li{ position:relative; padding-left:25px; margin-bottom:10px; }
.woocommerce-Tabs-panel--description ul li:before{ content:'\f061';font-family:'Font Awesome 5 Pro';position:absolute; left:0; font-size:16px; color:#b1c903;}
.woocommerce .quantity .qty{ width:5em; margin:9px 30px 0 0; height:40px; }
.woocommerce .product_meta{ border-top:1px solid #f1f1f1; padding-top:20px; font-size:16px; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ color:#959595; }
.woocommerce div.product .woocommerce-tabs ul.tabs::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:16px; padding:0; margin-right:10px; background-color:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:12px 26px; border-radius:5px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li .selected{ background-color:#febb2b; color:#ffffff !important; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; line-height:26px;}
.woocommerce #review_form #respond .comment-reply-title{ font-size:22px; font-weight:bold; text-transform:uppercase; margin:20px 0; display:block; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
.woocommerce-tabs{ border-bottom:1px solid #ccc; padding:30px 0 10px; margin-bottom:30px; }
.woocommerce-product-details__short-description{ margin-bottom:20px; }
.flex-viewport { border:1px solid #e9e9e9; margin-bottom:5px;}
.woocommerce div.product div.images .flex-control-thumbs li { border:1px solid #e9e9e9; width:24%; margin-right:5px;}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+4) { margin-right:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs { padding-left:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li a { border-radius:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color:#ffffff;}

/*===============================================
** Product Cart Page Css
*===============================================*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width:150px; height:38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table{ padding:20px;}
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce-cart .wc-proceed-to-checkout{ text-align:center; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }
.woocommerce div.product p.price del { margin-right:10px;}
.woocommerce .cart .button { float:right;}

/*===============================================
** Checkout Page Css
*===============================================*/
.woocommerce-checkout .woocommerce #customer_details{ margin-bottom:50px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields input{ padding:8px 12px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields .select2-container--default .select2-selection--single{ border-radius:0; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order td{ border:none; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart_item td, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal td{ border-bottom:1px solid #dddddd;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ list-style:none; }
.woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px; }
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding:0 1em; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order a.about_paypal{ display:none; }

/*===============================================
** 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; background-color:#272727; color:#ffffff;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background-color:#fab706; color:#272727;}

/*===============================================
** 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:-56px; padding:7px; width:115px; -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 0 0px 0; border-top:1px solid rgba(0,0,0,0.1); padding:2.6rem 3.2rem; background-color:#352f01; }
.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 h4.author-name{ margin:0 0 10px 0; text-transform:uppercase; font-weight:bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style:none; padding:0; margin:0 15px 0 0; font-size:13px; }

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