/*
Theme Name: Secure Pro
Theme URI: https://alexathemes.net/themes/security-wordpress-theme/
Author: Secure
Author URI: https://www.alexathemes.net/
Description: Secure is a security WordPress theme dedicated for security services, CCTV shops, bodyguards and other similar security kind of business. If you offer security services or owns a shops having security-related products then this theme will be the best for you. The best part of secure theme is it has comes with the numbers of sections in homepage where you can showcase your work and make a great impression to your users. This theme has numbers of theme options so you can change the colors, font, the slider image and widgets as per your requirement. This theme is very flexible is easy to use for non-coders too. It's a fully functional and responsive theme can perform nicely on all the devices. Since this theme is made of the latest WordPress standards it compatible with the latest version of WordPress and some popular plugin like wocommerce and contact form 7.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: secure
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

Secure Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2019.
Secure Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
*:before, *:after { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; margin:0; padding:0; color:#1d2a2c; font:400 15px/26px 'Roboto'; background-color:#ffffff; /*overflow-x:hidden;*/}
html{ /*overflow-x:hidden;*/ }
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
.bypostauthor { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:normal; font-weight:bold; font-family:'Roboto'; color:#1d2a2c;}
h1{ font-size:40px;}
h2{ font-size:35px;}
h3{ font-size:28px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:15px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:15px 15px 15px 60px; text-align:left; }
blockquote.align-left:before{content: "\f10d"; font-family:'Font Awesome 5 Pro'; color: #767676; font-size: 40px; position: absolute; top:25px; left: 0; }
blockquote.align-right{ padding:15px 60px 15px 15px; text-align:right;  }
blockquote.align-right:before{content: "\f10e"; font-family:'Font Awesome 5 Pro'; color: #767676; font-size: 40px; position: absolute; top:25px; right: 0; }
.hr{border-bottom:1px solid #e8e8e8; height:1px; clear:both; margin:50px 0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline: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; }
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding: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 {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px; padding: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;}
.toggleMenu{display:none;}

/*===============================================
** Section Overlay Css
*===============================================*/
section{ padding:70px 0;}
.section_head{ text-align:center; padding-bottom:25px; }
h6.section_title_small { font:400 15px 'Roboto'; color:#3d3d3d; margin-bottom:25px; padding:10px 20px; background-color:#f5f5f5; display:inline-block;}
h2.section_title{ font:400 40px 'Roboto'; color:#1d2a2c; text-transform:uppercase; text-align:center; line-height:35px; display:block; margin:0 auto 35px; position:relative;}
p.section_text{ line-height:33px; width:67%; margin:0 auto; }
.sec-overlay h2.section_title, .sec-overlay p.section_text, .sec-overlay{ color:#ffffff;}
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(29,42,44,0.9); position:absolute; top:0; left:0; }
.entry-content section { padding:50px 0 70px;}
.entry-content h2.section_title { text-transform:capitalize; font-weight:400;}

/*================================================== 
	HEADER TOP CSS
==================================================== */
.header-top { width:100%; background-color:#1d2a2c; overflow-X:hidden;}
.head-top-left { width:57%; text-align:right; float:left; color:#ffffff; font:400 15px 'Open Sans'; padding:12px 0;}
.head-top-right { float:right; width:37%; text-align:right; position:relative; z-index:1; background-color:#e7c52f;}
.head-top-right::after { bottom:0; content:''; right:-99999px; position:absolute; top:0; width:99999px;}
.head-top-right::after, .head-top-right::before { background-color:#e7c52f;}
.head-top-right::before { bottom:0; content:''; display:block; left:-15px; position:absolute; top:0; transform:skew(30deg); width:40px; z-index:-1;}
.head-top-right span { color:#1d2a2c; margin-right:20px; font:400 14px 'Open Sans';}
.head-top-right span i { margin-right:5px;}
.head-top-right .social-icons { display:inline-block;}

/*================================================== 
	HEADER CSS
==================================================== */
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{ position:relative;}
.header-main { background-color:#ffffff; width:100%;}
.header-inner { width:1170px; margin:0 auto; position:relative;}
.logo{ float:left; position:relative; padding:17px 0;}
.logo h1{ margin:0px; text-transform:uppercase; line-height:normal;}
.logo a{ color:#1d2a2c;}
.tagline, .logo p{ display:block; text-transform:capitalize;}
#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%;}

/*================================================== 
	SOCIAL ICONS CSS
==================================================== */
.social-icons a{ width:30px; height:45px; line-height:45px; margin:0 5px; padding:0; color:#1d2a2c; display:inline-block; text-align:center; font-size:14px;  vertical-align: middle; position:relative; 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;}
.social-icons a:hover { color:#ffffff;}
.social-icons br{ display:none;}

/*================================================== 
	CONTAINER CSS
==================================================== */
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container { width:100%;}
.no-padding { padding:0;}

/*================================================== 
	TOGGLE MENU CSS
==================================================== */
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #1d2a2c; padding:10px 25px 10px 15px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}

/*================================================== 
	HEADER NAVIGATION CSS
==================================================== */
.sitenav{ padding:0; position:relative; display:inline-block; float:right;}
.sitenav ul {margin:0; padding:0; font:400 14px 'Open Sans'; text-transform:uppercase; line-height:normal;}
.sitenav ul li{display:table-cell; position:relative;}
.sitenav ul li a{ padding:35px 15px; margin:0; text-align:center; position:relative; color:#000000; display:inline-block; vertical-align:middle; transition:all 0.2s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -webkit-transform: perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration: 0.3s;}
.sitenav ul li a:before { content:''; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#1d2a2c; -webkit-transform:scaleX(0);
 transform:scaleX(0); -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;} 
.sitenav ul li a:hover:before, .sitenav ul li a:focus:before, .sitenav ul li a:active:before { -webkit-transform:scaleX(1); transform:scaleX(1);}
.sitenav ul li ul li{display:block; position:relative; float:none; top:0;}
.sitenav ul li ul li.menu-item-has-children { position:relative;}
.sitenav ul li ul li a{display:block; position:relative; top:0; text-align:left; padding:12px 12px; margin:0;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a { color:#e7c52f; }
.sitenav ul li.current_page_item a {background-color:#1d2a2c;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:180px; position:absolute; margin-top:0; -moz-animation:fadeInDown .3s ease-in; -webkit-animation:fadeInDown .3s ease-in; animation:fadeInDown .3s ease-in; background-color:#ffffff; -webkit-box-shadow:0px 0px 9px 0px rgba(29,42,44,1); -moz-box-shadow:0px 0px 9px 0px rgba(29,42,44,1); box-shadow:0px 0px 9px 0px rgba(29,42,44,1);}
.sitenav ul ul li:hover > ul{display:block;-moz-animation:fadeInLeft .3s ease-in; -webkit-animation:fadeInLeft .3s ease-in; animation:fadeInLeft .3s ease-in;}
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:180px; top:0;}
.sitenav ul li.current_page_item ul li a{ background-color:transparent;}

/*================================================== 
	HEADER APPOINTMENT BUTTON CSS
==================================================== */
.appoint-btn { float:right; margin-left:30px;}
.appoint-btn a.buttonstyle1 { margin-top:20px;}

/*================================================== 
	INNER BANNER CSS
==================================================== */
.innerbanner{ text-align:center; position:relative; height:300px;}
.innerbanner::before { content:''; position:absolute; top:0; right:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}
.entry-header { position:relative; top:30%; left:0; right:0;}
.entry-container { width:1170px; margin:0 auto;}
.inner-page-title { text-align:center;}
h1.entry-title{ text-transform:capitalize; font:400 35px 'Kaushan Script'; color:#ffffff; padding:0px 0px 10px 0; margin-bottom:0; border-bottom:2px solid #e7c52f; display:inline-block;}

/*================================================== 
	BREADCRUMBS CSS
==================================================== */
.breadcrumb { position:relative; margin-bottom:-17px; overflow:hidden; z-index:2;}
.innerbanner .breadcrumb { position:absolute; bottom:0; left:0; right:0; margin:0 auto;}
#crumbs { color:#ffffff; font:400 15px 'Open Sans'; padding:10px 20px; display:inline-block; background-color:#e7c52f; border-top-left-radius:5px; border-top-right-radius:5px;}
#crumbs a { color:#1d2a2c; font-weight:700;}
#crumbs a:hover { color:#ffffff;}
.contact-banner { position:relative;}

/*================================================== 
	DEFAULT BUTTON CSS
==================================================== */
a.ReadMore{ font:400 15px/25px 'Roboto'; color:#686868; border-bottom:1px solid #686868; text-transform:capitalize; 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; display:inline-block; padding-bottom:5px; position:relative;}
a.ReadMore:hover{ color:#1d2a2c; border-color:#1d2a2c;}
.custombtn{ margin-top:30px;}

a.morebutton { background-color:#e7c52f; font:400 15px 'Open Sans'; color:#ffffff; padding:15px 30px; text-transform:capitalize; display:inline-block; position:relative; 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;}
a.morebutton:hover{color:#ffffff; background-color:#1d2a2c;}

a.buttonstyle1{ padding:10px 35px; margin-top:35px; background-color:#1d2a2c; font:400 14px/25px 'Open Sans'; color:#ffffff; display:inline-block; position:relative; text-transform:uppercase; 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;}
a.buttonstyle1:hover { color:#1d2a2c; background-color:#e7c52f;}

.button{ color:#1d2a2c; background-color:#ffffff; border-radius:29px; padding:16px 28px; text-transform:capitalize; font:700 15px 'Roboto'; display:inline-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;}
.button:hover { color:#ffffff; background-color:#e7c52f;}

/*================================================== 
	SECTION FIRST WELCOME TO SECURITY SERVICES CSS
==================================================== */
.welcome { position:relative;}
.wel-left { float:left; width:60%; padding:5% 3% 3% 6%;}
.wel-left h6 { font:400 15px 'Roboto'; color:#3d3d3d; margin-bottom:15px; padding:10px 20px; background-color:#f5f5f5; display:inline-block;}
.wel-left h2 { font:400 40px 'Roboto'; color:#1d2a2c; text-transform:uppercase;}
.wel-left h2 span { color:#e7c52f;}
.wel-left ul { position:relative; margin-top:5%;}
.wel-left ul li { width:47%; float:left; font:700 16px 'Roboto'; color:#1d2a2c; margin:8px 14px 8px 0;}
.wel-left ul li span { border:1px solid #f1f1f1; padding:7px 12px; display:inline-block; margin-right:20px;}
.wel-left a.morebutton { margin-top:5%; text-transform:uppercase; padding-left:35px; padding-right:35px;}
.wel-right { float:right; width:39%;  position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}
.welthumb { position:relative; display:block; width:100%; height:100%; overflow:hidden; background-color:#e7c52f;}
.welthumb img { width:100%; height:auto; display:block; position:relative; transition:all 0.35s ease 0s; -webkit-transition:all 0.35s ease 0s; -moz-transition:all 0.35s ease 0s; -o-transition:all 0.35s ease 0s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.welthumb:hover img { opacity:0.3; transform:scale3d(1.1,1.1,1); -webkit-transform:scale3d(1.1,1.1,1); -moz-transform:scale3d(1.1,1.1,1); -ms-transform:scale3d(1.1,1.1,1);}
.wel-right:before, .wel-right:after { position:absolute; content:""; right:40px; bottom:40px; background-color:#ffffff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; z-index:1;}
.wel-right:before { height:50%; width:3px;}
.wel-right:after { width:50%; height:3px;}
.wel-right:hover:before { height:90%;}
.wel-right:hover:after { width:88%;}
.wel-right .welthumb:before, .wel-right .welthumb:after { position:absolute; content:""; left:40px; top:40px; background-color:#ffffff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; z-index:1;}
.wel-right .welthumb:before { width:3px; height:50%;}
.wel-right .welthumb:after { width:50%; height:3px;}
.wel-right .welthumb:hover:before { height:90%;}
.wel-right .welthumb:hover:after { width:88%;}

/*================================================== 
	SECTION SECOND SERVICES CSS
==================================================== */
.services { padding:70px 0; position:relative;}
.services-box { position:relative; width:25%; float:left; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}
.services-box .ser-inner { position:relative; padding:15% 0 10%; display:block;}
.services-box::before, .services-box::after{ content:''; width:0; height:3px; position:absolute; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; background-color:#1d2a2c;}
.services-box .ser-inner::before, .services-box .ser-inner::after{ content:''; width:3px; height:0; position:absolute; -webkit-transition:all 0.2s linear; moz-transition:all 0.2s linear; transition:all 0.2s linear; background-color:#1d2a2c;}
.services-box:hover::before, .services-box:hover::after{ width:50%;}
.services-box:hover .ser-inner::before, .services-box:hover .ser-inner::after{ height:50%;}
.services-box::after{ right:0; bottom:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s;}
.services-box .ser-inner::after{ right:0; bottom:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s;}
.services-box::before{ left:0; top:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s;}
.services-box .ser-inner::before{ left:0; top:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s;}
.ser-icon { width:93px; height:93px; margin:0 auto; border-radius:50%; background-color:#1d2a2c; color:#e7c52f; display:table; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}
.ser-icon i { font-size:2.5em; display:table-cell; vertical-align:middle;}
.ser-desc { padding:25px 3% 20px; color:#686868;}
.ser-desc a.ReadMore { margin-top:20px;}
.services-box:hover .ser-icon { background-color:#e7c52f; color:#1d2a2c;}

/*================================================== 
	SECTION THIRD CONSULTATION & FREE ASSISTANCE CSS
==================================================== */
section.consultation { background-attachment:scroll !important;}
.consult-left { float:left; width:60%; position:relative;}
.consult-left h5 { font-weight:400;  background-color:#ffffff; padding:7px 15px; display:inline-block; text-transform:capitalize; margin-bottom:30px;}
.consult-left h2 { font-weight:700; color:#ffffff; text-transform:capitalize; margin-bottom:30px;}
.consult-left span { position:relative; color:#ffffff; display:inline-block; background-color:#1d2a2c; padding:7px 10%; border-radius:5px;}
.consult-left span i { color:#e7c52f; margin-right:5px;}
.consult-left span:before { content:''; position:absolute; left:19px; top:19px; width:32px; height:2px; background-color:#e7c52f;}
.consult-left span:after { content:''; position:absolute; right:19px; top:19px; width:32px; height:2px; background-color:#e7c52f;}

/*================================================== 
	SECTION FOURTH BLOG & NEWS CSS
==================================================== */
.latestnews { position:relative;}
.latestnews a.buttonstyle1 { display:table; margin:3% auto 0; position:relative; padding:7px 6%;}
.latestnews a.buttonstyle1:before { content:''; position:absolute; left:19px; top:19px; width:32px; height:2px; background-color:#e7c52f;}
.latestnews a.buttonstyle1:after { content:''; position:absolute; right:19px; top:19px; width:32px; height:2px; background-color:#e7c52f;}
.latestnews a.buttonstyle1:hover:before, .latestnews a.buttonstyle1:hover:after { background-color:#1d2a2c;}

.news-box{ position:relative; width:31%; margin:30px 3% 0 0; float:left; text-align:left;}
.news-box.last { margin-right:0;}
.news-box .news-thumb{ position:relative; overflow:hidden; text-align:center;}
.news-box .news-thumb img{ display:block; width:100%; height:auto; }
.news-box .news-thumb figcaption { position:absolute; bottom:-20px; width:100%; height:65px; padding:8px 20px 0 0; background-color:#e7c52f; z-index:1; text-align:right; -webkit-transform:skewY(-5deg); -ms-transform:skewY(-5deg); transform:skewY(-5deg);}
.news-box .news-thumb figcaption p { -webkit-transform:skewY(5deg); -ms-transform:skewY(5deg); transform:skewY(5deg);}
.news-box .news-thumb figcaption i { margin-right:10px;}
.news-thumb:before, .news-thumb:after { content:''; width:0; height:0; background-color:rgba(231,197,47,0.4); position:absolute; top:0%; left:0%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.news-thumb:after { top:auto; left:auto; bottom:0%; right:0%;}
.news-box:hover .news-thumb:before, .news-box:hover .news-thumb:after { width:100%; height:100%;}
.news-thumb .news-icon { width:100%; height:100%; padding-top:38%; position:absolute; top:0; left:0; opacity:0; z-index:2; -webkit-transition:all 0.2s ease 0.3s; -moz-transition:all 0.2s ease 0.3s; transition:all 0.2s ease 0.3s;}
.news-box:hover .news-icon { opacity:1;}
.news-thumb .news-icon:before, .news-thumb .news-icon:after { content:''; width:100%; height:100%; border:2px solid transparent; position:absolute; top:50%; left:50%; z-index:-1; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.news-thumb .news-icon:before { width:0;}
.news-thumb .news-icon:after { height:0;}
.news-box:hover .news-icon:before{ width:100%; border-top:3px solid #1d2a2c; border-bottom:3px solid #1d2a2c; -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; transition-delay: 0.4s;}
.news-box:hover .news-icon:after{ height:100%; border-left:3px solid #1d2a2c; border-right:3px solid #1d2a2c; -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; transition-delay:0.4s;}
.news-box .icon{ list-style:none; padding:0; margin:0; z-index:999;}
.news-box .icon li{ display:inline-block;}
.news-box .icon a{ display:block; width:50px; height:50px; line-height:50px; background-color:#ffffff; font-size:20px; color: #1d2a2c; text-align:center; -webkit-transition-delay:all 0.3s ease 0s; -moz-transition-delay:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.news-box .icon i { font-weight:bold;}
.news-box .icon a:hover{ color:#1d2a2c; border-radius:50%; box-shadow:1px 1px 5px #1d2a2c, -1px -1px 5px #1d2a2c;}
.news-box .newsdesc { padding:25px 0 20px; color:#576769;}
.news-box h3{ padding:0; margin-bottom:15px; text-transform:capitalize; line-height:28px;}
.news-box h3 a{ color:#1d2a2c;}
.news-box .postmeta { padding:0; font:400 14px 'Roboto'; color:#1d2a2c;}
.news-box .postmeta i { margin-right:10px; color:#e7c52f;}
.post-category { display:inline-block; margin-right:10px; padding:20px 0 10px;}
.post-author { text-transform:capitalize; display:inline-block; margin-right:10px; padding:20px 0 10px;}
.post-comment { display:inline-block; padding:20px 0 10px;}

/***************************************/
.post-title{ margin-bottom:0px; text-transform:uppercase; padding:10px 0; letter-spacing:1px;}
.post-title a{color:#1d2a2c;transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.blog-post-repeat{ width:48%; float:left; margin:0px 33px 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat .post-thumb, .blog-post-repeat-full .post-thumb{ position:relative; overflow:hidden; text-align:center;}
.blog-post-repeat .post-thumb img, .blog-post-repeat-full .post-thumb img{ display:block; width:100%; height:auto; }
.blog-post-repeat .post-thumb figcaption, .blog-post-repeat-full .post-thumb figcaption { position:absolute; bottom:-20px; width:100%; height:65px; padding:8px 20px 0 0; background-color:#e7c52f; z-index:1; text-align:right; -webkit-transform:skewY(-5deg); -ms-transform:skewY(-5deg); transform:skewY(-5deg);}
.blog-post-repeat .post-thumb figcaption p, .blog-post-repeat-full .post-thumb figcaption p { -webkit-transform:skewY(5deg); -ms-transform:skewY(5deg); transform:skewY(5deg);}
.blog-post-repeat .post-thumb figcaption i, .blog-post-repeat-full .post-thumb figcaption i { margin-right:10px;}
.post-thumb:before, .post-thumb:after { content:''; width:0; height:0; background-color:rgba(231,197,47,0.4); position:absolute; top:0%; left:0%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.post-thumb:after { top:auto; left:auto; bottom:0%; right:0%;}
.blog-post-repeat:hover .post-thumb:before, .blog-post-repeat:hover .post-thumb:after, .blog-post-repeat-full:hover .post-thumb:before, .blog-post-repeat-full:hover .post-thumb:after { width:100%; height:100%;}
.post-thumb .post-icon { width:100%; height:100%; padding-top:38%; position:absolute; top:0; left:0; opacity:0; z-index:2; -webkit-transition:all 0.2s ease 0.3s; -moz-transition:all 0.2s ease 0.3s; transition:all 0.2s ease 0.3s;}
.blog-post-repeat:hover .post-icon, .blog-post-repeat-full:hover .post-icon { opacity:1;}
.post-thumb .post-icon:before, .post-thumb .post-icon:after { content:''; width:100%; height:100%; border:2px solid transparent; position:absolute; top:50%; left:50%; z-index:-1; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.post-thumb .post-icon:before { width:0;}
.post-thumb .post-icon:after { height:0;}
.blog-post-repeat:hover .post-icon:before, .blog-post-repeat-full:hover .post-icon:before{ width:100%; border-top:3px solid #1d2a2c; border-bottom:3px solid #1d2a2c; -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; transition-delay: 0.4s;}
.blog-post-repeat:hover .post-icon:after, .blog-post-repeat-full:hover .post-icon:after{ height:100%; border-left:3px solid #1d2a2c; border-right:3px solid #1d2a2c; -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; transition-delay:0.4s;}
.blog-post-repeat .icon, .blog-post-repeat-full .icon{ list-style:none; padding:0; margin:0; z-index:999;}
.blog-post-repeat .icon li, .blog-post-repeat-full .icon li{ display:inline-block;}
.blog-post-repeat .icon a, .blog-post-repeat-full .icon a{ display:block; width:50px; height:50px; line-height:50px; background-color:#ffffff; font-size:20px; color: #1d2a2c; text-align:center; -webkit-transition-delay:all 0.3s ease 0s; -moz-transition-delay:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.blog-post-repeat .icon i, .blog-post-repeat-full .icon i { font-weight:bold;}
.blog-post-repeat .icon a:hover, .blog-post-repeat-full .icon a:hover{color:#1d2a2c;border-radius:50%; box-shadow:1px 1px 5px #1d2a2c, -1px -1px 5px #1d2a2c;}
.blog-post-repeat .postmeta, .blog-post-repeat-full .postmeta { padding:0; font:400 14px 'Roboto'; color:#1d2a2c;}
.blog-post-repeat .postmeta i, .blog-post-repeat-full .postmeta i { margin-right:10px; color:#e7c52f;}
.blog-post-repeat.lastmar { margin-right:0;}
.blog-post-repeat-full { width:31%; float:left; margin:0px 40px 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat-full.lastmar { margin-right:0;}
.single-post .blog-post-repeat { width:100%; float:none; height:auto; margin-right:0;}

/* ----- Blog Single Post ----- */
.single-blog .blog-post-repeat { background:none;}
.single-blog .blog-post-repeat .single-post-thumb { width:100%; float:none; height:auto; overflow:visible; background:none;}
.single-blog .single-post-thumb img { width:100%; height:auto; display:block; transform:none;}
.single-blog:hover .single-post-thumb img { transform:none; opacity:1;}
.single-blog .postmeta { border-bottom:1px solid #6f6f6f; margin-bottom:20px; padding-bottom:10px;}
.single-blog .post-content-single{ padding:20px 0;}
.single-blog .postmeta .post-author { display:inline-block; border-right:1px solid #6f6f6f; margin:7px 10px 7px 0; padding:0 10px 0 0;}
.single-blog .postmeta .post-date { display:inline-block; padding-right:10px; border-right:1px solid #6f6f6f; margin-top:7px; margin-bottom:7px;}
.single-blog .postmeta .post-comment { display:inline-block; float:none; padding:0 10px; border-right:1px solid #6f6f6f; margin-top:7px; margin-bottom:7px;}
.single-blog .postmeta .post-category { display:inline-block; float:none; padding:0 10px; margin-top:7px; margin-bottom:7px;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

/*================================================== 
	SECTION FIFTH WHY CHOOSE US CSS
==================================================== */
.one_half.whyus { position:relative; margin-bottom:0; margin-right:0; padding:70px 5% 70px 7%; width:50%; color:#ffffff;}
.whyus-box h3 { color:#ffffff; text-transform:uppercase;}
.whyus-box ul { position:relative; margin-top:35px;}
.whyus-box ul li { font:400 22px 'Roboto'; color:#e7c52f; padding:15px 0;}
.whyus-box ul li.last { padding-bottom:0;}
.whyus-box ul li span { display:inline-block; width:50px; height:50px; line-height:50px; border-radius:50%; border:3px solid #e7c52f; margin-right:20px; text-align:center; font-size:18px; position:relative;}
.whyus-box ul li span:before { content:''; position:absolute; left:0; right:0; bottom:-31px; margin:0 auto; width:1px; height:26px; border-right:1px solid #ffffff;}
.whyus-box ul li.last span:before { content:none;}

.one_half.last_column.requestform { position:relative; margin-bottom:0; background-color:#e7c52f; padding:70px 5% 70px 5%; width:50%;}
.requestform .whyus-box h3 { font:700 28px 'Roboto'; color:#1d2a2c; text-transform:uppercase;}
.requestform .whyus-box input[type="text"], .requestform .whyus-box input[type="tel"] { width:100%; height:48px; border-radius:5px; border:none; font:700 15px 'Roboto'; color:#1d2a2c; margin:0 0 20px 0;}
.requestform .whyus-box textarea { width:100%; height:150px; border-radius:5px; border:none; font:700 15px 'Roboto'; color:#1d2a2c;}
.requestform .whyus-box input[type="submit"] { width:100%; height:48px; border-radius:5px; position:relative;}
.requestform .whyus-box input[type="submit"]:hover { background-color:#ffffff; color:#1d2a2c;}

/*================================================== 
	SECTION SIXTH COUNTER CSS
==================================================== */
.counter-box { width:31%; float:left; margin-right:40px; background-color:#f5f9fa; text-align:center; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}
.counter-box .counter-inner { position:relative; padding:10% 0 10%; display:block;}
.counter-box::before, .counter-box::after{ content:''; width:0; height:3px; position:absolute; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; background-color:#1d2a2c;}
.counter-box .counter-inner::before, .counter-box .counter-inner::after{ content:''; width:3px; height:0; position:absolute; -webkit-transition:all 0.2s linear; moz-transition:all 0.2s linear; transition:all 0.2s linear; background-color:#1d2a2c;}
.counter-box:hover::before, .counter-box:hover::after{ width:50%;}
.counter-box:hover .counter-inner::before, .counter-box:hover .counter-inner::after{ height:50%;}
.counter-box::after{ right:0; bottom:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s;}
.counter-box .counter-inner::after{ right:0; bottom:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s;}
.counter-box::before{ left:0; top:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s;}
.counter-box .counter-inner::before{ left:0; top:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s;}
.counter-box#last { margin-right:0;}
.counter-box h1.counter { line-height:45px; display:inline-block; margin-bottom:10px; font:700 50px 'Roboto'; color:#1d2a2c;}
.counter-box span.plus { font-weight:700; font-size:50px; color:#1d2a2c;}
.counter-box h5 { text-transform:capitalize; font-weight:400; color:#77888b; margin-bottom:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}
.counter-box:hover h5 { color:#1d2a2c;}

/*================================================== 
	SECTION SEVENTH OUR TEAM CSS
==================================================== */
.our-team { position:relative;}
.teammember-list{ position:relative; margin:30px 15px 0; text-align:center; overflow:hidden;}
.thumnailbx { position:relative; text-align:center; overflow:hidden;}
.thumnailbx img { width:100%; height:auto; display:block; position:relative; -webkit-transition:opacity 0.45s, -webkit-transform 0.45s; transition:opacity 0.45s, transform 0.45s;}
.teammember-list .thumnailbx:before{ content:''; width:100%; height:100%; background-color:rgba(29,42,44,0.6); position:absolute; top:-100%; left:0; z-index:1; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
.teammember-list:hover .thumnailbx:before{ top:0;}
.titledesbox{ padding:30px 0; position:relative; z-index:9;}
.titledesbox h3{ margin-bottom:10px; text-transform:uppercase;}
.titledesbox cite{ display:block; font:400 15px 'Roboto'; color:#9babb0; text-transform:capitalize;}
.member-social-icon { position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; z-index:2;}
.member-social-icon a{ width:35px; height:35px; line-height:35px; background-color:#1d2a2c; color:#ffffff; position:relative; top:50%; opacity:0; font-size:12px; margin-right:5px; display:inline-block; -webkit-transform:rotateZ(-360deg); -ms-transform:rotateZ(-360deg); transform:rotateZ(-360deg); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.member-social-icon a:hover{ text-decoration:none; color:#ffffff; background-color:#e7c52f;}
.teammember-list:hover .member-social-icon a{ -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); transform:rotateZ(0deg); opacity:1;}
.our-team .owl-prev { left:-90px; top:-115px; width:51px; height:36px; border-radius:0; background-color:#1d2a2c; text-align:center;}
.our-team .owl-prev:before { content:'\f104'; font-family:'Font Awesome 5 Pro';position:absolute; top:5px; font-size:25px; color:#ffffff; font-weight:normal;}
.our-team .owl-next { right:0; top:-115px; width:50px; height:35px; border-radius:0; left:103.4%; background-color:#1d2a2c; text-align:center;}
.our-team .owl-next:before { content:'\f105'; font-family:'Font Awesome 5 Pro';position:absolute; top:5px; font-size:25px; color:#ffffff; font-weight:normal;}

/*================================================== 
	SECTION EIGHT TESTIMONIALS CSS
==================================================== */
.clientsay { position:relative;}
.testimonial-left { width:30%; float:left; color:#ffffff; padding-top:30px;}
.testimonial-left h4 { font-weight:400; padding:8px 30px; background-color:#e7c52f; display:inline-block; text-transform:uppercase;}
.testimonial-left h2 { font-weight:700; color:#ffffff; text-transform:uppercase;}
.testimonial-left p { font:400 15px/30px 'Roboto'; color:#8b9799;}
.testimonial-right { width:65%; float:right;}
.clientsay #clienttestiminials .item { padding:0 25px; margin:30px 0 5%; position:relative;}
.item-slide { background-color:rgba(29,42,44,0.6); width:100%; margin:0 auto; padding:5% 5% 2% 5%;}
.clientsay #clienttestiminials .tmthumb{ width:170px; height:170px; float:left; border-radius:50%; border:3px solid #ffffff;}
.clientsay #clienttestiminials .tmthumb img { width:100%; height:100%; display:block; border-radius:50%;}
.clientsay #clienttestiminials .tmdesc { width:65%; float:right; padding:10px 0;}
.clientsay #clienttestiminials .tmdesc p { font:400 italic 17px/28px 'Open Sans'; color:#ffffff;}
.clientsay #clienttestiminials .tmtitle { margin-bottom:20px;}
.clientsay #clienttestiminials .tmtitle h3{ margin:6% 0 0 0; padding:20px 0 0 0; text-transform:capitalize; font:400 20px 'Open Sans'; color:#ffffff; position:relative;}
.clientsay #clienttestiminials .tmtitle h3 a{color:#ffffff;}
.clientsay #clienttestiminials .tmtitle h3:before { content:''; position:absolute; top:0; left:0; width:51px; border-bottom:1px solid #e7c52f;}
.clientsay .owl-controls .owl-prev, .clientsay .owl-controls .owl-next { background-color:#e7c52f;}

/* TESTIMONIALS
=============== */
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Roboto'; color:#333; }
.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 .tmnlthumb { margin-bottom:15px;}
#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}

/* SIDEBAR TESTIMONIALS
======================= */
#testimonials .quotes span { text-transform:uppercase; display:block; font:700 15px 'Roboto Condensed'; color:#1d2a2c; margin-top:15px;}

/*================================================== 
	SECTION NINE GALLERY CSS
==================================================== */
.frontgallery { position:relative; padding:5% 0 6%; }
.gallery{ text-align:center; }
.gallery.lastcols{ margin-right:0; }
.gal-col-two, .gal-col-three, .gal-col-four, .gal-col-five{ float:left; }
.gal-col-one{ width:100%; }
.gal-col-two{ width:49%; margin-right:2%; margin-bottom:2%; }
.gal-col-three{ width:32%; margin-right:2%; margin-bottom:2%; }
.gal-col-four{ width:23.4%; margin-right:2%; margin-bottom:2%; }
.gal-col-five{ width:18.3%; margin-right:2%; margin-bottom:2%; }
.gallery-image{ position:relative;  margin-bottom:20px; }
.gallery-icon{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; background-color:rgba(29,42,44,0.9); opacity:0; transition:all 0.5s ease-in-out; -webkit-transform:scale(0.2); -ms-transform:scale(0.2); transform:scale(0.2); }
.gallery-icon a{ position:relative; top:45%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#1d2a2c
; text-transform:uppercase; font-weight:700; font-size:20px; display:inline-block; background-color:#ffffff; width:40px; height:40px;}
.gallery-icon a:hover{ color:#1d2a2c; border-radius:50%; background-color:#e7c52f;}
.gallery-icon i{ display:block; line-height:40px; }
.gallery-image:hover .gallery-icon{ opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.gallery-icon h4 { position:relative; top:40%; color:#ffffff; font:400 20px 'Open Sans';}
.frontgallery .owl-controls { bottom:10%;}
.frontgallery .owl-prev, .gallery-wrap .owl-prev { left:-60px; right:0; /*bottom:-165px;*/ margin:0 auto; width:50px; height:50px; border-radius:0; background-color:#f5f9fa; text-align:center;}
.frontgallery .owl-prev:before, .gallery-wrap .owl-prev:before { content:'\f104'; font-family:'Font Awesome 5 Pro';position:absolute; top:13px; font-size:25px; color:#1d2a2c; font-weight:normal;}
.frontgallery .owl-next, .gallery-wrap .owl-next { left:0; right:-60px; /*bottom:-165px;*/ margin:0 auto; width:50px; height:50px; border-radius:0; background-color:#f5f9fa; text-align:center;}
.frontgallery .owl-next:before, .gallery-wrap .owl-next:before { content:'\f105'; font-family:'Font Awesome 5 Pro';position:absolute; top:13px; font-size:25px; color:#1d2a2c; font-weight:normal;}

/*================================================== 
	SECTION TEN SUBSCRIBE AND NEWSLETTER CSS
==================================================== */
.subscribe { position:relative; text-align:center;}
.subscribe h5 { font:700 22px 'Roboto'; color:#ffffff;}
.subscribe h3 { font:400 28px 'Roboto'; color:#e7c52f;}
.subscribe span { display:inline-block; margin:0 20px; font:400 16px 'Roboto'; color:#ffffff;}
.subscribe i { color:#e7c52f; font-size:15px; margin-right:10px;}
.subscribe-box { width:65%; margin:5% auto 0; padding:5% 5%; border:1px solid #5f6869; position:relative; text-align:left;}
.subscribe-box h3 { font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:40px;}
.subscribe-box span { margin:0;}
.subscribe .subscribe-box input[type="email"] { width:470px; float:left; border:none; color:#000000; font-size:15px; margin:0;}
.subscribe .subscribe-box input[type="submit"] { display:inline-block; position:relative; padding:12px 31px; letter-spacing:3px; font-weight:normal; float:right; margin-top:0; bottom:52px;}

/*================================================== 
	SECTION ELEVEN CLIENT LOGO CSS
==================================================== */
.clients { padding:70px 0;}
.client-logo { position:relative;}
.client-logo ul li { margin:0 20px; list-style:none; text-decoration:none;}

/*================================================== 
	SECTION FOOTER CSS
==================================================== */
#footer-wrapper{ background-color:#1d2a2c; position:relative; padding:70px 0 50px; color:#9ca5a6; font:300 14px/26px 'Open Sans';}
#footer-wrapper:before { content:''; position:absolute; width:1300px; border-top:1px solid #5f6869; top:0; left:0; right:0; margin:0 auto;}
#footer-wrapper:after { content:''; position:absolute; width:1300px; border-bottom:1px solid #5f6869; bottom:0; left:0; right:0; margin:0 auto;}
.footer-inner { width:1250px; margin:0 auto; position:relative;}
.foo-cols img { margin-bottom:30px;}
.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 h5 { font:700 18px 'Roboto'; color:#ffffff; text-transform:uppercase; background-color:#2e3b3d; padding:10px 10px 10px 30px; position:relative; margin-top:15px;}
.foo-cols h5:before { content:''; position:absolute; height:42px; border-left:2px solid #e7c52f; left:0; top:0;}
.foo-cols p { margin-bottom:10px;}
.foo-cols i { margin-right:10px;}
.foo-cols #nav_menu-4 h5, .foo-cols #nav_menu-2 h5 { margin-bottom:38px;}
.foo-cols ul li { position:relative; padding-bottom:12px; padding-left:20px;}
.foo-cols ul li::before { content:'\f105'; position:absolute; left:0; font-size:20px; color:#979797; font-family:'Font Awesome 5 Pro';}
.foo-cols .social-icons { margin-top:30px;}
.foo-cols .social-icons a, .contact-details .social-icons a { color:#ffffff; font-size:16px; border:1px solid #324042; width:35px; height:35px; line-height:35px; margin:0 5px; text-align:center;}
.foo-cols .social-icons a:hover, .contact-details .social-icons a:hover { color:#e7c52f; border-color:#e7c52f;}
.foo-cols .social-icons i, .contact-details .social-icons i { margin-right:0;}

/* ----- Copyright Wrapper ----- */
.copyright-wrapper { position:relative; font:400 14px/26px 'Open Sans'; color:#9ca5a6; background-color:#1d2a2c; text-align:center;}
.copyright-inner {padding:30px 0; width:1170px; margin:0 auto;}
.copyright-txt{ font-weight:500; color:#9ca5a6;}

/*================================================== 
	CONTACT PAGE CSS
==================================================== */
#contactform_main { margin:2% 0;}
.contact_form h5 { color:#e7c52f; font-weight:normal; margin-bottom:5px;}
.contact_form h2 { font-weight:normal; text-transform:uppercase; display:inline-block; border-bottom:3px solid #e7c52f; padding-bottom:10px;}
.seccontact { position:relative; margin-bottom:5%;}
.contact-details { width:40%; float:right; background-color:#1d2a2c; padding:40px 20px 20px; color:#ffffff; }
.contact-details h5 { color:#ffffff; text-transform:uppercase; display:inline-block; border-bottom:2px solid #ffffff; padding-bottom:10px;}
.contact-details a { color:#ffffff;}
.contact-details i { margin-right:10px;}
.contact-details p { margin-bottom:5px;}
.contact_form { width:55%; float:left;}
.contact-map { width:100%;}
.contact-map iframe { border:3px solid #d2d2d2; border-radius:5px;}

/*================================================== 
	ABOUT US PAGE CSS
==================================================== */
.about-column h3 { font-weight:normal;}
.about-column i { font-size:2em; margin-right:10px; color:#e7c52f;}

/*================================================== 
	PORTFOLIO CSS
==================================================== */
.item-dirt{ position:relative; padding:0px 0; width:100%; height:100%; text-align:center; overflow:hidden;}
.item-dirt:before{ content:''; width:0; height:200%; background-color:rgba(29,42,44,0.9); position:absolute; top:0; left:-250px; bottom:0; -webkit-transform:skewX(-36deg); -ms-transform:skewX(-36deg); transform:skewX(-36deg); -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.item-dirt:hover:before{ width:200%;}
.item-dirt img{ width:100%; height:auto;}
.item-dirt .port-content{ width:100%; height:100%; padding:22% 15px 0 15px; position:absolute; top:0; left:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.item-dirt:hover .port-content{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.item-dirt .porttitle{ font:400 20px 'Roboto'; color:#ffffff; text-transform:capitalize; margin:0 0 20px;}
.item-dirt .porticon{ padding:0; margin:0; list-style:none;}
.item-dirt .porticon li{ display:inline-block; background:none; padding:0;}
.item-dirt .porticon li a{ display:block; width:35px; height:35px; line-height:35px; font-size:20px; background-color:#ffffff; color:#1d2a2c; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.item-dirt .porticon li a:hover{ border-radius:50%; background-color:#e7c52f; color:#1d2a2c;}

/* PORTFOLIO SINGLE
=================== */
.portfolio-metadeta{ border-bottom:1px solid #e7c52f; border-top:1px solid #e7c52f; padding:10px 30px; text-align:center; margin-bottom:50px; }
.portfolio-metadata-item{ display:inline-block; margin:0 15px; }
.portfolio-metadata-item span{ color:#000000; }
.portfolio-metadata-item span i { color:#e7c52f; 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;}

/*================================================== 
	SKILL BAR CSS
==================================================== */
.skillbar {position:relative; display:block; margin-bottom:35px; 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;}
.skillbar-title { font:700 18px 'Assistant';color:#1d2a2c;}
.skillbar-title span { display:block; color:#1d2a2c; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:10px; width:0px; background-color:#e7c52f; border-radius:9px;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#1d2a2c; font:700 18px 'Roboto Condensed';}
.skill { width:46.98%; float:left;}
.skill-bg{ width:100%; background-color:#1d2a2c; border-radius:9px;}
.content-area .skillbar {position:relative;} 
.content-area .skill-tab { padding:40px 0;}
.content-area .skill-tab .one_half h3, .content-area .skill-tab .one_half.last_column h3 { font:700 25px 'Roboto'; color:#1d2a2c; text-transform:uppercase; margin-bottom:40px;}
/* --------- Pages ------- */
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
.flotRight{ float:right !important;}

/*================================================== 
	SIDEBAR CSS
==================================================== */
aside.widget{ padding:0px 0px 0; color:#1d2a2c;}
aside.widget.widget_search { border:none; padding:0;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ font:700 20px 'Lato'; padding:0px 0 15px; color:#1d2a2c; border-bottom:1px solid #1d2a2c; text-transform:uppercase; position:relative; text-align:center;}
h3.widget-title::after { content:''; position:absolute; width:100px; border-bottom:5px solid #1d2a2c; left:0; right:0; bottom:-3px; margin:0 auto;}

.textwidget { padding:15px 0px;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}
#sidebar ul { padding:15px 15px 0 15px;}
#sidebar ul li, #sidebar ul li.cat-item{ list-style: disc inside ; border-bottom:1px dashed #1d1d1d; padding:8px 0 8px 0;}
#sidebar ul li a, #sidebar ul li.cat-item a{ font:400 14px/18px "Roboto";  padding-left:15px; color:#1d2a2c; position:relative;}
#sidebar ul li a:hover, #sidebar ul li.cat-item a:hover{ color:#e7c52f;}
#sidebar ul li:last-child, #sidebar ul li.cat-item:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar #testimonials { padding:0 15px;}
#sidebar .search-form input.search-field{ width:80%; padding: 12px 15px 11px 15px; box-sizing:border-box; color:#1d2a2c;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #1d2a2c; padding:12px 0 12px 0; font-size:0; width:20%; height:41px;float:right;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;}
#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li, #sidebar ul li.cat-item{ padding: 10px 0 10px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none;}
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child, #sidebar ul li.cat-item:first-child{ padding-top:0; }
#sidebar .widget_categories li span { float:right; width:30px; height:30px; line-height:33px; text-align:center; background:transparent; border-radius:100%;}
#sidebar .widget_recent_entries li:hover, #sidebar .widget_recent_comments li:hover, #sidebar .widget_archive li:hover, #sidebar .widget_categories li:hover, #sidebar .widget_meta li:hover, #sidebar ul li.cat-item:hover{ padding-left: 15px; }
#sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_categories li a:before, #sidebar .widget_meta li a:before, #sidebar ul li.cat-item a:before{ content:'\f101'; font-family:'Font Awesome 5 Pro'; position:absolute; left:0; top:-2px; }
#sidebar .widget_tag_cloud a{ border:1px solid; text-transform:uppercase; font-size:15px !important; border-radius:3px; padding:8px 15px; margin-right:10px; display:inline-block; margin-bottom:10px; }
.widget_content { padding:0 0 20px 0; }

/*================================================== 
	CONTACT FORM CSS
==================================================== */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto'; color:#1d2a2c;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ border:1px solid #cccccc; padding:5px 3px; margin-top:10px; font:13px arial; color:#1d2a2c;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #cccccc; padding:15px; margin:0 8px 8px 0; color:#1d2a2c;}
.wpcf7 form textarea{ margin-right:0; height:130px;}
#contactform_main input[type=text] { width:49%; border:1px solid #dddddd; padding:15px; float:left; margin:0 12px 12px 0; color:#000000;}
#contactform_main input[type=email] { width:49%; border:1px solid #dddddd; padding:15px; float:left; margin:0 0px 12px 0; color:#000000;} 
#contactform_main input[type=tel] { width:49%; border:1px solid #dddddd; padding:15px; float:left; margin:0 12px 12px 0; color:#000000;}
#contactform_main input[type=url] { width:49%; border:1px solid #dddddd; padding:15px; float:left; margin:0 0px 12px 0; color:#000000;} 
#contactform_main textarea{ width:99%; margin-right:0; height:130px; border:1px solid #dddddd; padding:15px; color:#000000;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit] { width:20%; display:table; margin:20px auto 0;}
#contactform_main input[type=submit]:hover { background-color:#1d2a2c; color:#ffffff;}
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:700 16px/24px 'Roboto'; 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;} 
iframe{ width:100%; display:block;}

/*================================================== 
	SEARCH POSTS CSS
==================================================== */
.search-post { padding:30px 0; border-bottom:1px solid #bbbbbb;}
.search-post .post-thumb { width:47%; float:left; position:relative; background-color:#4c82c3; overflow:hidden;}
.search-post .post-thumb img { width:100%; height:auto; 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; }
.search-post:hover .post-thumb img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.search-post figcaption::after {position:absolute; top:15px; right:15px; bottom:15px; left:15px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; border:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.search-post:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.search-post .BlogMeta { position:absolute; top:100%; display:block; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity:0; text-align:left; width:auto; height:auto; left:35px; background-color:#ffffff; font:400 15px 'Roboto'; color:#4c82c3; padding:10px 20px; border-radius:29px;}
.search-post .BlogMeta a { color:#4c82c3;}
.search-post:hover .BlogMeta { -webkit-transition-delay: 0.17s; transition-delay: 0.17s; opacity:0.9; top:75%;}
.search-post .post-content { width:47%; float:right; padding-top:10px;}
.search-post .post-content h3.post-title { margin-bottom:15px;}
.search-post .post-content h3.post-title a { color:#1d2a2c;}

/* ----- default css ----- */
.error_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.success_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.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-color:#1d2a2c; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background-color:#e7c52f; color:#ffffff;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #bbbbbb solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:8px 25px; cursor:pointer; }

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-previous a { padding:5px 10px; 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; display:inline-block; border:1px solid #373735; }
.nav-previous a:hover { border:1px solid #e7c52f;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px; 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;}
.nav-next a { padding:5px 10px; 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; display:inline-block; border:1px solid #373735;}
.nav-next a:hover { border:1px solid #e7c52f;}
nav.post-navigation{padding:30px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px; padding:15px 15px 25px 15px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:0px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bbbbbb;}
.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;}
.comment-author.vcard { width:80px; height:80px; border:5px solid #f2f2f2;}
.comment-author.vcard img { width:100%; height:auto; display:block;}
#commentform label { margin:10px 0;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha { width:47%;}
#commentform input#submit { margin-top:15px; padding-top:12px; padding-bottom:12px; 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;}
h3.comments-title { letter-spacing:1px;}
.comments-area .comment-list ul li { margin-top:10px; margin-bottom:0; border-bottom:none; padding-bottom:0;}
.comments-area .comment-list ul.children li.comment {  padding-left:10%;}
article.comment-body { border:1px solid #f2f2f2; padding:10px;}
.comments-area .comment-list .reply { margin-top:15px;}
.customtab{ margin-top:0px;}

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

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

/*================================================== 
	WOOCOMMERCE CSS
==================================================== */
a.added_to_cart{background:#1d2a2c; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; color:#1d2a2c;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; font-size:15px; color:#1d2a2c;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}

/* WOOCOMMERCE PRODUCTS */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:22.15%; padding:15px; background-color:#eae7e7; border-radius:10px; position:relative;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { text-align:center; padding-bottom:10px; font:700 20px 'Opan Sans'; color:#1d2a2c;}
.woocommerce ul.products li.product .price { font-size:15px; font-weight:700; margin-bottom:0; background-color:#e7c52f; color:#ffffff; padding:5px 10px;}
.item-hidden{ position:relative; overflow:hidden; }

.woocommerce ul.products li.product .button { position:absolute; right:0; bottom:0; border-radius:0; background-color:#000000; margin-top:0; padding:10px 10px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transform: translateX(70%); -webkit-transform: translateX(70%); -moz-transform: translateX(70%); font-size:85%;}
.woocommerce ul.products li.product .button:hover { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); }
.woocommerce ul.products li.product .button::before { content:'\f07a'; font-family:'Font Awesome 5 Pro'; font-size:16px;position:relative; margin-right:14px;}
.woocommerce a.added_to_cart { display:inline-block; position:absolute; right:0; bottom:0; padding:10px 12px; color:#ffffff !important; background-color:#000000; 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; font:700 14px 'Lato'; text-transform:capitalize;}

.woocommerce a.wc-forward { padding-top:9px;}
.woocommerce ul.products li.product .imagewrapper span.onsale { border-radius:50%; padding:10px 9px 9px 5px; width:45px; height:45px; background-color:#e7c52f; text-transform:capitalize; font:700 12px/28px 'Assistant'; position:absolute; top:-2px;}
.woocommerce span.onsale { background-color:#e7c52f; width:50px; height:50px;}
.woocommerce ul.products li.product .price del { margin-right:10px; color:#ffffff; opacity:0.6;}
.woocommerce .star-rating span { display:block; color:#ffb200;}
.woocommerce .products .star-rating{ float:none; margin:5px auto 15px; color:#ffb200;}
.woocommerce ul.products li.product .star-rating { font-size:15px;}
.woocommerce .star-rating::before { color:#000000;}
.imagewrapper { position:relative; overflow:hidden;}
.imagewrapper img { display:block; height:auto; width:100%; margin-bottom:0; 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;}
.woocommerce ul.products li.product:hover img { opacity:1; -webkit-transform:scale(1.08); transform:scale(1.08);}
.woocommerce ul.products li.product:hover .imagewrapper .imgoverlay { opacity:1; width:100%; height:100%;}
.woocommerce ul.products li.product .imagewrapper .imgoverlay { background:rgba(29,42,44, 0.9); 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;}
.woocommerce ul.products li.product a img { margin-bottom:0;}
.woocommerce ul.products li.product:hover .imagewrapper span.search { 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;}
.woocommerce ul.products li.product .imagewrapper span.search { color:#ffffff; font-size:30px; text-align:center; position:absolute; margin:auto; width:100%; height:auto; line-height:30px; left:0; top:45%; 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;}

/* SHOP PAGE PAGINATION 
======================= */
.woocommerce nav.woocommerce-pagination ul { border:none;}
.woocommerce nav.woocommerce-pagination ul li { border:1px solid #1d2a2c; margin-right:5px; border-radius:50%;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce button.button.alt { background-color:#1d2a2c; color:#ffffff;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt:hover, .woocommerce nav.woocommerce-pagination ul li a:hover { background-color:#e7c52f; color:#ffffff;}
.woocommerce nav.woocommerce-pagination ul li:hover { border-color:#e7c52f;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background-color:#1d2a2c; color:#ffffff;}
.woocommerce-page table.cart td.actions .input-text { width:100px; text-align:center;}
.woocommerce-cart table.cart td.actions .coupon .input-text { padding:10px 6px;}
.woocommerce form .form-row input.input-text { line-height:2;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 2em;}

/* SIDEBAR SHOP PAGE
==================== */
#sidebar .widget_shopping_cart_content ul li { list-style:none;}
.woocommerce a.remove { background-color:#f90303; color:#ffffff !important;}
.woocommerce a.remove.remove_from_cart_button { height:1.5em; width:0.5em; background-color:#f90303; color:#ffffff !important; left:0; right:0; text-align:center; padding:0px 5px 0 !important;}

/* CART IN SIDEBAR
================== */
.woocommerce a.remove:hover { background-color:#000000; color:#ffffff !important;}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display:inline;}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-color:#c9c9c9; text-align:center; padding:10px 0;}
.woocommerce-mini-cart__buttons.buttons { text-align:center;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width:35px; height:35px; padding:5px; border:1px solid #c9c9c9;}
.widget_shopping_cart_content { padding:15px 0;}
.woocommerce-message::before, .woocommerce-info::before { color:#e7c52f;}
.woocommerce-message, .woocommerce-info { border-top-color:#e7c52f;}
.woocommerce-error, .woocommerce-info, .woocommerce-message { background-color:#ebe2fa;}

/* WOOCOMMERCE ALL BUTTON
========================= */
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce input.button, .woocommerce button.button { background-color:#1d2a2c; color:#ffffff; font-weight:normal;}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce input.button:hover, .woocommerce button.button:hover { background-color:#e7c52f; color:#ffffff;}
.woocommerce ul.products li.product a.added_to_cart { color:#1d2a2c;}
.woocommerce button.button { margin-top:15px;}
.coupon button.button { margin-top:0;}

/* FILTER BY PRICE IN SIDEBAR
============================= */
.price_slider_wrapper { padding:40px 0;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color:#e7c52f;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color:#000000;}
.woocommerce .widget_price_filter .price_slider { margin-bottom:2em;}

/* WOOCOMMERCE SHOP PAGE DESCRIPTION
==================================== */
.woocommerce div.product .woocommerce-tabs ul.tabs { padding-left:0; display:inline-block; margin-top:5%;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #e7c52f; border-bottom-color:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border-radius:0; box-shadow:none; border:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li { border:none; background-color:#1d2a2c; border-radius:0; margin:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color:#ffffff !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color:#ffffff;}

/* WOOCOMMERCE SINGLE PRODUCTS
============================== */
.woocommerce div.product .product_title { border-bottom:none; font-weight:400; padding-bottom:10px;}
.woocommerce div.product div.images .flex-control-thumbs li { margin:10px 5px 0 0; width:20%; border:1px solid #c9c9c9;}
.woocommerce div.product p.price, .woocommerce div.product span.price { color:#212121;}
.woocommerce div.product form.cart div.quantity { float:none; margin:10px 0;}
.woocommerce .quantity .qty {border:1px solid #c9c9c9; padding:2px 0px 2px 0;}
.woocommerce button.button.alt { margin-top:15px;}
.woocommerce-Tabs-panel h2 { font:700 22px 'Lato'; color:#1d2a2c;}
section.related.products h2 { font:700 22px 'Lato'; color:#1d2a2c; text-transform:capitalize;}

/* SIDEBAR PRODUCT SHOP PAGE
============================ */
#sidebar .widget_content ul.product_list_widget li { list-style:none;}
#sidebar .widget_content ul.product_list_widget li a { padding-left:0; margin-right:5px;}
#sidebar .widget_content ul.product_list_widget li span.product-title { font:400 15px 'Assistant'; color:#1d2a2c; 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;}
#sidebar .widget_content ul.product_list_widget li span.product-title:hover { color:#e7c52f;}

/* MY ACCOUNT PAGE
================== */
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{ padding: 10px 10px 10px 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none; border-bottom:1px dashed #1d2a2c; position:relative; text-align:center;}
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:after { content:''; position:absolute; left:0; right:0; bottom:-3px; width:120px; margin:0 auto; border-bottom:5px solid #e7c52f;}
.woocommerce-account .woocommerce-MyAccount-navigation { width:28%;}

/*================================================== 
	POST NAV CSS
==================================================== */
.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 'Roboto';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
/* ----- back to top css ----- */
#top{ position:relative;}
#back-top {	position:fixed; width:40px; height:40px; right:2%; bottom:3.5%; z-index:10; background-color:#e7c52f; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:all 0.3s ease 0s; -moz-transition-delay:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
#back-top:hover { border-radius:50%; box-shadow:1px 1px 5px #1d2a2c, -1px -1px 5px #1d2a2c;}
#back-top a { display:block; text-align:center; font:11px/100% Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#1d2a2c; -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:#1d2a2c; font-size:30px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);left:-2px; right:0px; top:7px;}

.slider-main{ min-height:498px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative;}
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area { padding:70px 20px;}