/*

Theme Name: Tradesmen Progression
Theme URI: https://demo-tradesmen.progressionstudios.com
Author: Progression Studios
Author URI: http://progressionstudios.com/
Description: Construction WordPress Theme
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready
Text Domain: tradesmen-progression

*/

/*  Table of Contents

01. CSS RESET FILE
02. PRIMARY STYLES
	A. DEFAULT STYLES
	B. FONT STYLES
	C. CSS3 TRANSITIONS
03. MAIN CONTAINERS
04. PAGE TITLE STYLES
05. HEADER ICONS
06. SEARCH FORM STYLES
07. ELEMENTOR CUSTOM STYLES
08. HEADER TOP STYLES
09. GRID STYLES
10. NAVIGATION STYLES
11. FLEXSLIDER STYLES
12. MOBILE NAVIGATION STYLES
13. SIDEBAR STYLES
14. PAGINATION STYLES
15. BLOG INDEX STYLES
16. BLOG POST STYLES
17. WOOCOMMERCE INDEX STYLES
18. WOOCOMMERCE SINGLE STYLES
19. WOOCOMMERCE CART/CHECKOUT/MY ACCOUNT STYLES
20. WOOCOMMERCE WIDGET STYLES
21. CONTACT FORM STYLES
22. BUTTON STYLES
23. FOOTER STYLES
24. PORTFOLIO STYLES 
25. MASONRY STYLES
26. PRETYPHOTO STYLES
27. PAGE LOADER
28. CUSTOM STYLES
29. RESPONSIVE STYLES

*/


/*
=============================================== 01. CSS RESET FILE ===============================================
*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}.bypostauthor,.gallery-caption,.sticky{background:0 0}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.wp-caption,.wp-caption-text{font-size:11px; font-weight:400; line-height:1.2; color:#282828; }.clearfix-pro:after,.clearfix-pro:before{content:"";display:table}.clearfix-pro:after{clear:both}.lt-ie8 .clearfix-pro{visibility:hidden;width:0;height:0;clear:both}

/*
=============================================== 02. PRIMARY STYLES ===============================================
*/
/* -------------------- A. DEFAULT STYLES -------------------- */
body {
	background:#f8f8f8;
}

a {
	color:#4145ee;
}

a:hover {
	color:#333 !important;
}

img {
	max-width:100%; 
	height: auto; 
}
body iframe {
	border:none;
}

.wpb_gmaps_widget .wpb_wrapper {
	padding:0px !important;
}

.pp_gallery {
	display:none !important;
}
body a img, body a {
	outline:none !important; 
	text-decoration:none;
}
p {
	padding-top:0px; 
	margin:0px;
}
p, ul, ol {
	margin-bottom: 30px;
}
ul, ol {
	margin-left:8px; 
	padding-left:16px;
}
img {
	max-width: 100%;
	height: auto;  
}
video, audio {
	max-width:100%;
}
.alignright {
	float:right; 
	margin:0 0 15px 25px;
}
.alignleft {
	float:left;
	margin:0px 25px 15px 0px;
}
.wp-caption.aligncenter,
.aligncenter {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

body hr {
	background:#e7e8eb;
	height:2px;
	border:none;
	margin:30px 0px 20px 0px;
	width:100%;
	overflow:hidden;
}

blockquote {
	border-left:4px solid #aaaaaa;
	margin-left:0px;
	padding-left:30px;
	line-height:1.8;
}
blockquote a:hover, blockquote a {
	color:#666666;
}
blockquote.alignleft, blockquote.alignright {
	width:32%;
	float:left;
	border-left:none;
	border-top:4px solid #666666;
	padding:15px 15px 0px 15px;
	margin-bottom:0px;
}
blockquote.alignright {
	float:right;
}
table {
	width:100%;
	background:#ffffff;
	border-collapse: separate; 
	border-spacing: 0;
	margin: 0 0 2em;
	max-width: 100%;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
}
	
th, td {
	color:#606060;
	border: 1px solid #eaeaea;
}
table th { 
	background:#eaeaea;
}
table caption, table th, table td {
	font-weight: normal;
	text-align: left; 
}
table th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
table td {
	border-width: 0 1px 1px 0;
}
table tr th, table tr td {
	padding: 8px 12px;
}

/* -------------------- B. FONT STYLES -------------------- */
body,  body input, body textarea, select { 
	line-height: 1.5; 
	font-size:16px;
	font-weight:400;
	color:#666666;
	/* font-family: 'Overpass', sans-serif; */
}

h1, h2, h3, h4, h5, h6 {
	-ms-word-wrap: break-word;
	word-wrap: break-word; 
	padding:0px;
	color:#202427;
	margin:0px 0px 15px 0px;
	line-height:1.4;
	font-weight:600;
	font-family: 'Saira Condensed', sans-serif;
}

h1 { 
	font-size:40px; 
	line-height:1.2;
}
h2 { 
	font-size:35px; 
}
h3 { 
	font-size:27px;
}
h4{
	font-size:24px;
}
h5 {
	font-size:20px;
}
h6 { 
	font-size:18px;
}

/* -------------------- C. CSS3 TRANSITIONS -------------------- */
#pro-scroll-top {
	transition-duration: 250ms; 
	transition-property: color, background-color; 
	transition-timing-function: ease-in-out;
}


.progression-studios-transparent-header #progression-sticky-header, 
#content-pro ul.products h2.woocommerce-loop-category__title,
#content-pro ul.products h2.woocommerce-loop-product__title,
.progression-portfolio-btn,
h2.progression-portfolio-title,
.elementor-icon-list-item .elementor-icon-list-icon i,
.elementor-icon-list-item .elementor-icon-list-text,
.boosted-slider-arrow-down,
h2.progression-tradesmen-progression-slider-title,
h2.overlay-progression-blog-title,
.related-overlay-blog-meta-category-list span,
.overlay-progression-studios-blog-image,
#progression-studios-nav-bg,
h3.helpmeout-loop-category__title,
.wpcrowd-arrow-down,
select,
.sf-menu li.highlight-button a:before,
.mobile-menu-icon-pro,
a, input, textarea {
	transition-duration: 250ms; 
	transition-property: color, background-color, opacity, border; 
	transition-timing-function: ease-in-out;
}

.services-overlay-caption figcaption,
.progression-portfolio-overlay,
.progression-ratency-slider-thumb-gradient {
	transition-duration: 350ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

.progression-portfolio-content,
.helpmeout-categoryoverlay-image-color,
#progression-studios-header-login-container a.progresion-studios-login-icon,
.wpneo-buttons-group button, input.wpneo-submit-campaign, input#wpneo_active_edit_form,
.helpmeout-overlay,
.helpmeout-rewards-select_button button.select_rewards_button,
ul.wpneo-crowdfunding-update li span.round-circle,
button.wpneo_donate_button,
#progression-shopping-cart-toggle a i.shopping-cart-header-icon,
#progression-studios-header-search-icon i,
#boxed-layout-pro input#submit,
.tml-submit-wrap input.button-primary,
body .acf-form .acf-field .acf-input-wrap input, .acf-form-submit input.button,
#boxed-layout-pro button.button,
ul.progression-filter-button-group li:after,
ul.progression-filter-button-group li,
.flex-control-paging li a,
.slider-play-icon,
.single-blog-play-icon,
ul.blog-single-social-sharing li a:before,
.blog-play-icon,
footer#site-footer a,
.tp-thumbs.custom .tp-thumb, .progression-mini-banner-icon,
#progression-shopping-cart-count span.progression-cart-count,
.pp_contract:after, .pp_expand:after,
a.pp_close:before, a.pp_close:after, a.pp_previous:before, a.pp_next:before, .sf-menu a:before  {
	transition-duration: 250ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

#logo-pro img,
.sf-menu a, 
#progression-shopping-cart-count a {
	transition-duration: 250ms; 
	transition-property:  padding-top, padding-bottom, color, background-color, width; 
	transition-timing-function: ease-in-out;
}

header#masthead-pro:after {
	transition-duration: 350ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}


header#masthead-pro {
	transition-duration: 350ms; 
	transition-property: background; 
	transition-timing-function: ease-in-out;
}

.no-hover-transition {
	transition-duration: 0ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

/* Animation For Menus */
@keyframes ProMoveUp {
	from { }
	to { transform: translateY(0px); opacity: 1;  }
}

@keyframes ProMoveOut {
	from { visibility:visible; opacity:1; }
	to {  opacity: 0; visibility:hidden; }
}

li.sfHover ul.sf-mega,
li.sfHover ul.sub-menu {
	transform: translateY(20px);
	opacity:0;
	animation-duration:250ms;
	animation-name: ProMoveUp;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

body #progression-studios-header-search-icon.hide-search-icon-pro #panel-search-progression {
	animation-duration:200ms;
	animation-name: ProMoveOut;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

body #progression-studios-header-search-icon.active-search-icon-pro #panel-search-progression {
	transform: translateY(20px);
	visibility:visible;
	animation-duration:250ms;
	animation-name: ProMoveUp;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
body #panel-search-progression {
	visibility: hidden;
	z-index:5;
	opacity: 0;
}


body #progression-studios-header-login-container.helpmeout-hover-out-class #progression-studios-panel-login {
	animation-duration:200ms;
	animation-name: ProMoveOut;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

body #progression-studios-header-login-container.helpmeout-activated-class #progression-studios-panel-login {
	transform: translateY(20px);
	visibility:visible;
	animation-duration:250ms;
	animation-name: ProMoveUp;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
body #progression-studios-panel-login {
	visibility: hidden;
	z-index:15;
	opacity: 0;
}


/*
=============================================== 03. MAIN CONTAINERS ===============================================
*/
/* -------------------- A. MAIN CONTAINER STYLES -------------------- */
.width-container-pro { 
	width:1200px;
	margin: 0 auto;
	position:relative;
	padding:0px;
}

.progression-studios-header-full-width-no-gap #tradesmen-progression-header-top .width-container-pro,
footer#site-footer.progression-studios-footer-full-width .width-container-pro,
.progression-studios-header-full-width #tradesmen-progression-header-top .width-container-pro,
.progression-studios-page-title-full-width #page-title-pro .width-container-pro {
	width:auto;
	padding-right:50px;
	padding-left:50px;
}

.progression-studios-header-full-width header#masthead-pro .width-container-pro {
	width:auto;
	margin:0px auto;
	padding:0px;
}

@media only screen and (min-width: 960px) {
.progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro,
.progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro {
	padding-right:0px;
}
}

.progression-studios-header-full-width-no-gap header#masthead-pro .width-container-pro {
	width:auto;
	padding-right:20px;
}

#page-title-pro {
	margin-bottom:50px;
}

#content-pro {
	position:relative;
	padding-bottom:50px;
}

#main-container-pro {
	float:left;
	width:71%;
	position:relative;
}

.sidebar {
	float:right; 
	width:26%;	
}

.disable-sidebar-post-progression #main-container-pro {
	width:100%;
}
.disable-sidebar-post-progression .sidebar{
	display:none;
}

.left-sidebar-pro #main-container-pro {
	float:right;
}
.left-sidebar-pro .sidebar {
	float:left;
}


/* -------------------- B. HEADER CONTAINERS -------------------- */
.progression-disable-header-per-page #progression-studios-header-position {
	display:none;
}

.progression-disable-footer-per-page footer#site-footer {
	display:none;
}

.progression-studios-transparent-header #progression-studios-header-position {
	position:absolute;
	width:100%;
	z-index:50;
}

#progression-studios-header-position {
	position:absolute;
	width:100%;
	margin:0 auto;
}


.progression-studios-transparent-header #tradesmen-progression-header-top,
.progression-studios-transparent-header header#masthead-pro {
	background-color:transparent;
	box-shadow: none;
	-webkit-font-smoothing:antialiased;
}

.progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro {
	width:auto;
	padding-right:50px ;
	padding-left:50px ;
}

header#masthead-pro:after {
	display:none;
	height:1px;
	content:'';
	width:100%;
	position:absolute;
	margin-bottom:-1px;
	background:transparent;
	z-index:1;
}
.progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro:after {
	display:none;
}

header#masthead-pro .width-container-pro.progression-studios-logo-container {
	z-index:50;
}

.progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro,
header#masthead-pro {
	z-index:50;
	position:relative;
	width:100%;
}

.progression-sticky-scrolled header#masthead-pro {
	border:none;
}

header#masthead-pro h1#logo-pro {
	z-index:55;
	margin:0px;
	padding:0px;
	line-height:1;
	font-size:5px;
	border:none;
	float:left;
}

.progression-studios-logo-position-right header#masthead-pro h1#logo-pro,
.progression-studios-logo-position-right h1#logo-pro {
	float:right;
	margin-left:25px;
	margin-right:0px;
}

body .progression-studios-logo-position-center header#masthead-pro h1#logo-pro,
body .progression-studios-logo-position-center h1#logo-pro {
	float:none ;
	margin:0 auto ;
	text-align:center ;
}
body .progression-studios-logo-position-center h1#logo-pro img {
	margin:0 auto ;
}

header#masthead-pro h1#logo-pro a {
	display:block;
}

body #logo-pro img {
	max-width:100%;
}

body.admin-bar .progression-sticky-scrolled {
	margin-top:32px;
}

.progression-studios-sticky-logo {
	display:none;
	float:left;
}
.progression-sticky-scrolled .progression-studios-sticky-logo {
	display:block;
}

.progression-sticky-scrolled .progression-studios-hide-mobile-custom-logo {
	display:none;
}

.progression-sticky-scrolled .progression-studios-custom-logo-per-page-hide-default {
		display:block;
}

.progression-sticky-scrolled .progression-studios-default-logo-hide.progression-studios-default-logo {
	display:none;
}

.progression-studios-custom-logo-per-page-hide-default {
	display:none;
}

#progression-studios-nav-bg {
	position:relative;
	z-index:10;
}

#progression-nav-container {
	float:right;
}

header#masthead-pro.progression-studios-nav-left #progression-nav-container {
	float:left;
}

header#masthead-pro.progression-studios-nav-left h1#logo-pro {
	margin-right:30px;
}

header#masthead-pro.progression-studios-nav-center #progression-nav-container {
	width:1015px;
	margin:0 auto;
	float:none;
}


@media only screen and (min-width: 960px) and (max-width: 1300px) { 
	header#masthead-pro.progression-studios-nav-center #progression-nav-container {
		width:auto;
	}
}
@media only screen and (max-width: 960px) {
	header#masthead-pro.progression-studios-nav-center #progression-nav-container {
		width:auto;
	}
}

header#masthead-pro.progression-studios-nav-center #progression-nav-container nav#site-navigation {
	display:table;
	margin:0 auto;
}

.progression-disable-logo-below-per-page header#masthead-pro .progression-studios-logo-container,
.progression-disable-logo-below-per-page #header-container-logo-progression .progression-studios-logo-container {
	display:none;
}

#progression-shopping-cart-count a {
	margin:0px;
}

#progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search:before {
	content: "\e680";
}

#progression-studios-header-search-icon i.pe-7s-search {
	cursor:pointer;
}
#progression-studios-header-search-icon {
	float:right;
	position:relative;
	margin-left:-3px;
}

#progression-studios-header-search-icon i.pe-7s-search {
	padding-left:8px;
	padding-right:8px;
}

/* Call to Action CSS Button */
ul.progression-studios-call-to-action {
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
	position:relative;
	z-index:5;
}

ul.progression-studios-call-to-action li {
	margin:0px;
	padding:0px;
	display:inline;
}

ul.progression-studios-call-to-action li a {
	display:block;
	float:right;
	font-family: 'Saira Condensed', sans-serif;
	font-weight:600;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:0.02em;
	padding:40px 36px 40px 36px;
	font-size:17px;
	text-shadow:1px 1px 8px rgba(0,0,0, 0.25);
	background: rgba(251,163,28, 1);
	line-height:1;
}

ul.progression-studios-call-to-action li a:hover {
	color:#ffffff;
	background: #fcb626;
}

ul.progression-studios-call-to-action li a i {
	font-size:110%;
	position:relative;
	margin-right:9px;
}

/*
=============================================== 04. PAGE TITLE STYLES ===============================================
*/
#page-title-pro {
	background:#f5f5f5;
	position:relative;
	text-align:left;
	display: table; 
	width: 100%;
}


#page-title-pro:before {
	position:absolute;
	top:0px;
	left:0px;
	content:"";
	display:block;
	width:100%;
	height:100%;
}
#progression-studios-page-title-container {
	display: table-cell;
	vertical-align: middle;
	text-align:left;
}

#page-title-pro h1 {
	word-break: break-word;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	padding:0px 0px;
	line-height:1;
	display:inline-block;
	margin:0 auto 0px auto;
	color:#ffffff;
	font-family: 'Saira Condensed', sans-serif;
	font-weight:500;
	text-transform:uppercase;
	font-size:48px;
	position:relative;
	z-index:5;
}


#page-title-pro ul.progression-post-meta:before {
	content:'';
	top:-30px;
	left:0;
	background:#fcb827;
	position:absolute;
	width:65px;
	height:5px;
}

#page-title-pro ul.progression-post-meta {
	position:relative;
	overflow:visible;
	list-style:none;
	margin:50px 0px 0px 0px;
	padding:0px 0px 15px 0px;
}


#page-title-pro ul.progression-post-meta li a {
	color:rgba(255,255,255, 0.8);
}

#page-title-pro ul.progression-post-meta li a:hover {
	color:rgba(255,255,255, 1);
}


#page-title-pro h4 a {
	
	font-weight:600;
	font-family: 'Saira Condensed', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.02em;
	font-size:18px;
}

#page-title-pro h4:before {
	content:'';
	top:-30px;
	left:0;
	background:#fcb827;
	position:absolute;
	width:65px;
	height:5px;
}

#page-title-pro h4 {
	margin:0 auto 0px auto;
	margin-top:50px;
	font-size:20px;
	position:relative;
	z-index:5;
	color:#fcb827;
	line-height:1.8;
	font-weight:400;
	font-style:normal;
	letter-spacing:0.02em;
	text-transform:uppercase;
}

#page-title-pro h4 p {
	margin-bottom:0px;
}

#page-title-pro h4 a, #page-title-pro h4 a:hover {
	color:rgba(255,255,255, 0.8);
}


body .boosted-slider-arrow-down {
	border-top-left-radius: 4px;
	border-top-right-radius:4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius:0px;
	bottom:0px;
	left:50%;
	width:50px;
	margin-left:-25px;
	font-size:13px;
	height:40px;
	line-height:41px;
}
body .boosted-slider-arrow-down i {
	position:relative;
	top:0px;
} 


/*
=============================================== 05. HEADER ICONS ===============================================
*/

#progression-header-icons-mobile-display ul.progression-studios-header-social-icons {
	float:none;
	margin:0 auto 20px auto;
	text-align:center;
}

.progression-studios-header-left ul.progression-studios-header-social-icons {
	float:left;
	margin-left:20px;
}

.progression-studios-header-right ul.progression-studios-header-social-icons {
	margin-left:20px;
}
ul.progression-studios-header-social-icons {
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
}

ul.progression-studios-header-social-icons li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul.progression-studios-header-social-icons li a {
	display:inline-block;
	text-align:center;
	margin:0px 5px 0px 5px;
	border-radius:50px;
	width:25px;
	height:25px;
	line-height:25px;
	font-size:12px;
	background:rgba(255,255,255,  0.12);
	color:rgba(255,255,255,  0.85);
}

@media only screen and (max-width: 1200px) {
	ul.progression-studios-header-social-icons li a {
		margin-left:3px;
		margin-right:3px;
	}
}

ul.progression-studios-header-social-icons li:last-child a {
	margin-right:0px;
}

ul.progression-studios-header-social-icons li a:hover {
	color:#ffffff;
	background:rgba(255,255,255,  0.2);
}

#masthead-pro .search-form {
	line-height:1;
	padding:28px 0px 0px 0px;
	margin:0px auto;
}

/*
=============================================== 06. SEARCH FORM STYLES ===============================================
*/
.search-form input.search-field:focus {
	outline:none;
}
.search-form {
	text-align:center;
	margin:0 auto;
}

footer#site-footer .search-form,
#content-pro .search-form {
	margin-left:0px;
}

#error-page-index .search-form input.search-field {
	background-color:#ffffff;
}

.search-form input {
	padding:16px 18px;
	margin:0 auto;
	border:none;
}

.elementor-section-stretched .search-form {
	max-width:600px;
}

.search-form {
	max-width:400px;
	margin-bottom:30px;
}

.search-form input.search-field {
	background:#ffffff;
	border:2px solid #dddddd;
	margin:0px;
	width: calc(100% - 60px);
	padding:13px 40px 13px 20px;
	font-size:14px;
	background-image:url(images/search-magnify.png);
	background-position:right 9px;
	background-repeat:no-repeat;
	border-radius:60px;
	box-shadow: 0px 0px 25px rgba(0,0,0,  0.06);
}

.search-form button,
.search-form input.search-submit {
	display:none;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.search-form input.search-field {background-image: url(images/search-magnify@2x.png); background-size:40px 30px;}
}

/*
=============================================== 07. ELEMENTOR CUSTOM STYLES ===============================================
*/
/* Remove Header/Footer from Elementor Canvas */
body.single-elementor_library #progression-studios-header-position,
body.single-elementor_library footer#site-footer {
	display:none !important;
}

.services-overlay-caption figure.wp-caption img {
	margin:0px;
	padding:0px;
}

.services-overlay-caption:hover figcaption {
	opacity:1;
	top:50%;
}

.services-overlay-caption figcaption {
	background:rgba(0,0,0, 0.7);
	cursor:pointer;
	opacity:0;
	position:absolute;
	top:55%;
	left:50%;
	padding:7px;
	transform: translateX(-50%) translateY(-50%);
}

.highlight-pro {
	position:relative;
	display:inline-block;
}

.highlight-pro:before {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	top:5%;
	height:90%;
	z-index:-1;
}

#special-savings-homepage .wpcf7-form input.wpcf7-submit:hover {
	opacity:0.85;
}

/*
=============================================== 08. HEADER TOP STYLES ===============================================
*/
.progression-studios-header-left, .progression-studios-header-right {
	float:left;
	width:68%;
	min-height:1px;	
}

.progression-studios-header-left p, .progression-studios-header-right p {
	margin:0px;
}

.progression-studios-header-right {
	width:32%;
	text-align:right;
}

#progression-header-top-right-container,
.progression-studios-header-right .widget {
	float:right;
}

#progression-header-top-left-container,
.progression-studios-header-left .widget {
	float:left;	
}

.progression-studios-header-left .widget {
	padding-right:40px;
}

@media only screen and (max-width: 1250px) {
	.progression-studios-header-left .widget {
		padding-right:28px;
	}
}

.progression-studios-header-left .widget, .progression-studios-header-right .widget {
	padding-top:12px;
	padding-bottom:12px;
}

#tradesmen-progression-header-top .textwidget {
	display:inline-block;
}

#tradesmen-progression-header-top {
	color:#2e2e2e;
	font-size:14px;
	letter-spacing:0.5px;
	letter-spacing:0.03em;
	line-height:1;
	position:relative;
	z-index:55;
	font-weight:400;
	font-family: 'Saira Condensed', sans-serif;
	text-transform:uppercase;
}

#tradesmen-progression-header-top span.progression-mini-banner-icon {
	display:none;
}
#tradesmen-progression-header-top .widget i {
	font-size:110%;
	position:relative;
	margin-bottom:-5px;
	margin-right:7px;
}
#tradesmen-progression-header-top .sf-menu i {
	font-size:110%;
	position:relative;
	top:0px;
	margin-bottom:-5px;
	margin-right:7px;
}

#tradesmen-progression-header-top a {
	color:#2e2e2e;
}

#progression-header-top-right-container .sf-menu li.normal-item-pro ul {  left: auto; right:18px; }
#progression-header-top-right-container .sf-menu li.normal-item-pro ul ul {  left: 100%; right:auto; }

#tradesmen-progression-header-top #progression-header-top-right-container .sf-menu {
	margin-right:-20px;
}

#tradesmen-progression-header-top .sf-menu a {
	text-align:left;
	color:#2e2e2e;
	padding-left:16px;
	padding-right:16px;
	background:none;
}

#tradesmen-progression-header-top .sf-arrows .sf-with-ul {
	padding-right: 35px;
}
#tradesmen-progression-header-top .sf-arrows .sf-with-ul:after { 
	right: 29px;
}

#tradesmen-progression-header-top .sf-menu li li a {
	text-decoration:none;
	margin:0px;
	padding:13px 0px;
	font-size:12px;
}

#tradesmen-progression-header-top .sf-menu ul {
	border-top:none;
	padding:10px 28px;
	border-radius:0px;
}
#tradesmen-progression-header-top .sf-mega {
	z-index:60; 
	display:none; 
	left:0px; 
	position:absolute; 
	box-sizing: border-box ; 
	width:100%; 
	padding:0px;
	 margin:0px;	
}

#tradesmen-progression-header-top .sf-mega {
	width:1200px; 
	left:50%; 
	margin-left:-600px;
}

#tradesmen-progression-header-top .sf-menu .sf-mega {
	padding-top:0px; 
	padding-bottom:0px;
}
#tradesmen-progression-header-top .sf-menu .sf-mega  ul {
	padding-top:0px; 
	padding-bottom:0px;
}
#tradesmen-progression-header-top .sf-menu .sf-mega  ul  {
	border-top:none;
	margin-top:0px;
}
#tradesmen-progression-header-top .sf-mega li li a {
	padding-right:25px;
}/* Mega Padding-right fix to allow more space */

#tradesmen-progression-header-top .sf-mega li li:last-child a {
	padding-bottom:18px;
}

#tradesmen-progression-header-top .sf-mega ul {
	background:none;
	margin:0;
	border:none;
}

/*
=============================================== 09. GRID STYLES ===============================================
*/
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression {
	float:left; 
	margin-right:2%; 
	min-height:2px;
 }
.grid2column-progression { 
	width: 49%;
}
.grid3column-progression {
	width: 32%; 
}
.grid4column-progression {
	width: 23.5%;
}
.grid5column-progression {
	width:18.4%;
}
.grid6column-progression {
	width:15%;
}

body .lastcolumn-progression {
	margin-right:0% !important;
}

#progression-studios-lower-widget-container .widget,
#widget-area-progression .widget {
	float:left;
	margin-right:4%;
}

.footer-1-pro .widget  { 
	width:100%;
	margin-right:0%; 
	margin-left:0%;
}
.footer-2-pro .widget  { 
	width:48%; 
}
.footer-3-pro .widget  { 
	width:30.5%; 
}
.footer-4-pro .widget  { 
	width:22%; 
}
.footer-5-pro .widget  { 
	width:16.5%; 
}

#progression-studios-lower-widget-container .footer-5-pro .widget:nth-child(5),
#progression-studios-lower-widget-container .footer-2-pro .widget:nth-child(2),
#progression-studios-lower-widget-container .footer-3-pro .widget:nth-child(3),
#progression-studios-lower-widget-container .footer-4-pro .widget:nth-child(4),
#widget-area-progression .footer-5-pro .widget:nth-child(6),
#widget-area-progression .footer-2-pro .widget:nth-child(3),
#widget-area-progression .footer-3-pro .widget:nth-child(4),
#widget-area-progression .footer-4-pro .widget:nth-child(5) {
	margin-right:0%;
}

/*
=============================================== 10. NAVIGATION STYLES ===============================================
*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; }
.sf-menu li.normal-item-pro ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu li.normal-item-pro ul ul { top:0; left:100%; }
.sf-menu > li { float: left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }

/* MEGA MENU ESSENTIAL STYLES */
header .sf-mega {z-index:20; display:none; left:50%; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px;	 }
header .sf-mega {width:1200px; left:50%; margin-left:-600px;}

.sf-mega .sf-mega-section { width:33%; float:left; }
.sf-mega .sf-mega-section.columns-pro-1 { width:100%; }
.sf-mega .sf-mega-section.columns-pro-2 { width:50%; }
.sf-mega .sf-mega-section.columns-pro-3 {width:33%; }
.sf-mega .sf-mega-section.columns-pro-4 { width:25%; }
.sf-mega .sf-mega-section.columns-pro-5 {width:20%; }
.sf-mega .sf-mega-section.columns-pro-6 { width:16.5%; }

/*** DEFAULT NAVIGATION SKIN ***/
.sf-menu ul{min-width:9em}.sf-menu a{line-height:1;padding:.75em 1em;text-decoration:none;zoom:1;cursor:pointer;color:#13a}.sf-menu li{background:#BDD2FF;white-space:nowrap}.sf-menu ul li{background:#AABDE6}.sf-menu ul ul li{background:#9AAEDB}.sf-menu li.sfHover,.sf-menu li:hover{background:#CFDEFF}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff}

.sf-menu .menu-item-language .submenu-languages {
	position:absolute;
}

/* NEW THEME SKIN */
.sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover {
	background:none;
}

/* Button Highlight */
.sf-menu li.highlight-button { 
	position:relative; 
	margin-right:8px;
	margin-left:8px;
}
.sf-menu li.highlight-button li a:before {
	display:none;
}
.sf-menu li.sfHover.highlight-button a:before {
	width:100%;
}
.sf-menu li.sfHover.highlight-button a,
.sf-menu li.current-menu-item.highlight-button a,
.sf-menu li.highlight-button a, .sf-menu li.highlight-button a:hover {
	color:#ffffff;
	background:none;
}
.sf-menu li.highlight-button a {
	overflow:visible;
}

.sf-menu li.highlight-button a:before {
	bottom:auto;
	top:50%;
	left:3px;
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:40px;
	z-index:-1;
	margin:0px;
	opacity:1;
}

.sf-menu li.highlight-button a:before { 
	height:40px;  /* + 28px */
	margin-top:-21px;   /* + 28px and divided by 2 */
	border:2px solid #ffffff;
	border-radius:4px;
}
.sf-menu li.highlight-button a:hover:before {
	background:transparent;
}
#tradesmen-progression-header-top .progression-studios-header-right h2.mega-menu-heading {
	text-align:left;
}


nav#site-navigation {
    font-weight: 600;
	font-family:'Saira Condensed', sans-serif;
	letter-spacing: 0px;
	text-transform:uppercase;
}

.mobile-menu-icon-pro {
	color:#707070;
	padding:41px 0px 41px 10px;
	margin:0 auto;
	font-size:18px;
	line-height:1;
}

.progression-studios-nav-count-cat-off span.progression-studios-nav-cat-count {
	display:none;
}
span.progression-studios-nav-cat-count {
	display:inline-block;
	border-radius:30px;
	text-align:center;
	height:18px;
	padding:0px 6px;
	line-height:18px;
	font-size:10px;
	margin-bottom:-6px;
	position:relative;
	top:-2px;
	margin-left:6px;
	color:#ffffff;
	background:rgba(255,255,255,  0.11);
}

.sf-menu ul span.progression-studios-nav-cat-count {
	height:16px;
	padding:0px 5px;
	line-height:16px;
	font-size:9px;
}

.sf-menu a {
	line-height:1;
	color:#292935;
	font-size:18px;
	padding:27px 15px;
}

.progression-studios-nav-cart-icon-off #progression-shopping-cart-toggle,
.progression-studios-search-icon-off #progression-studios-header-search-icon {
	display:none !important;
}

#progression-studios-header-search-icon:hover i.pe-7s-search,
#progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search,
#progression-inline-icons .progression-studios-social-icons a:hover,
.mobile-menu-icon-pro:hover,
.sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a {
	color:#4145ee;
	background:none;
}

.sf-menu a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.current-menu-item a:before {
	opacity:0;
	background:#888888;
	width:0%;
    width: calc(100% - 30px);
}

#progression-inline-icons .progression-studios-social-icons a:hover {
	background:none;
}

#tradesmen-progression-header-top .sf-menu a:before {
	display:none;
}

.sf-menu a:before {
	content:"";
	display:block;
	position:absolute;
	left:0px;
	margin-top:17px;
	height:2px;
	background:#888888;
	opacity:0;
	bottom:0px;
	width:0px;
	margin-left:15px;
}

.sf-menu .sf-mega:before {
	display:none ;
}
.sf-menu li li a:before {
	display:none;
}

.sf-menu ul ul ul ul li:after,
.sf-menu ul ul ul li:after,
.sf-menu ul ul li:after,
.sf-menu ul li:after,
.sf-menu li:first-child:after {
	display:none;
}

/* Banner Icon */
.progression-mini-banner-icon {
	position:absolute;
	top:8px;
	right:9px;
	line-height:1;
	padding:4px 7px 3px 7px;
	font-size:9px;
	border-radius:20px;
	background:#4145ee;
	color:#ffffff;
}

.sf-menu li li .progression-mini-banner-icon {
	font-size:8px;
	top:14px;
	right:0px;
}
.sf-menu li .sf-mega h2 .progression-mini-banner-icon {
	top:22px;
	right:0px;
}

.sf-menu li .sf-mega .progression-mini-banner-icon {
	top:14px;
	right:0px;
}

/* Fix for divider */
#main-nav-mobile {
    font-weight: 600;
	font-family:'Saira Condensed', sans-serif;
}

ul#progression-studios-panel-login,
#progression-checkout-basket,
#panel-search-progression,
.sf-menu ul {
    font-weight: 600;
	font-family:'Saira Condensed', sans-serif;
	box-shadow: 2px 2px 20px rgba(0,0,0,  0.15);
	-webkit-font-smoothing:subpixel-antialiased;
}

.sf-menu ul a {
	-webkit-text-stroke: 0px;
}

.sf-menu ul.sf-mega:before {
	left:50px;
}

.sf-menu ul:before {
	border-bottom:8px solid #cc5b44; 
}

.sf-menu ul ul:before {
	display:none;
}

.sf-menu .sf-mega {
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
}
.sf-menu .sf-mega ul {
	padding:0px; 
	margin:0px;
	background:none;
	box-shadow:none;
}

.sf-menu li li {
	padding-right:0px;
	padding-left:0px;
}

.sf-menu ul {
	padding:24px 28px 20px 36px;
}

.sf-menu ul ul {
	margin-left:28px;
}

ul#progression-studios-panel-login li a {
	display:block;
	text-transform:normal;
	line-height:1;
	font-size:11px;
	padding:15px 0px 15px 0px;
	border-bottom:1px solid rgba(255,255,255, 0.08);
}

.sf-menu li li a {
	text-transform:normal;
	font-size:11px;
	padding:13px 0px 13px 0px;
	border-bottom:1px solid rgba(255,255,255, 0.08);
}

.progression-sticky-scrolled .sf-menu li li a {
	padding-top:13px;
	padding-bottom:13px;
}


.sf-menu .deep-level li:last-child a {
	padding-bottom:20px;
}

.sf-menu li li:last-child li:last-child a,
.sf-mega li:last-child li:last-child li:last-child a,
.sf-mega li:last-child li:last-child a,
.sf-menu li li:last-child a {
	border:none;
}

.sf-menu li li:last-child li a,
.sf-mega li:last-child li a {
	border-bottom:1px solid rgba(255,255,255, 0.08);
}

.sf-menu li.sfHover li a,
.sf-menu li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a {
	background:none;
	color:#888888;
}

#progression-checkout-basket ul#progression-cart-small li h6,
#progression-checkout-basket .progression-sub-total span.total-number-add,
.sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a,
.sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
	color:#3f3f3f;
	background:rgba(0,0,0, 0);

}


/* MEGA MENU STYLES */
.sf-mega ul.deep-level {
	background:none;
	margin:0;
	border:none;
	border-right:0px solid red;
}
.sf-menu  ul.sf-mega {
	padding-top:0px;
}

.sf-menu .sf-mega li {
	padding-right:0px;
	padding-left:0px;
}

.sf-menu .sf-mega li li {
	padding-right:30px;
	padding-left:30px;
}

.sf-menu .sf-mega li li a {
	padding-left:0px;
}

body .sf-mega ul:after {
	display:block;
	content:'';
	width:2px;
	height:100%;
	position:absolute;
	top:0px;
}

.sf-menu .sf-mega li:first-child  ul:after {
	display:none;
}

.sf-mega h2.mega-menu-heading {
	text-transform:uppercase;
	position:relative;
	font-size:20px;
	font-weight:700;
	color:#ffffff;
	border-right:none;
	border-bottom:1px solid transparent;
	padding:45px 0px 18px 0px;
	margin:0px 30px 12px 30px;
	line-height:1;
	-webkit-text-stroke: 0px;
	letter-spacing:0px;
	-webkit-font-smoothing:subpixel-antialiased;
}

body #progression-sticky-header header .sf-mega h2.mega-menu-heading a,
body header .sf-mega h2.mega-menu-heading a {
	background:none !important;
	color:#ffffff;
	font-size:20px;
	letter-spacing: 0px;
	font-weight:700;
	padding: 0px;
	margin:0px;
	line-height:1;
	border:none;
}

.sf-mega .sf-mega-section:hover, .sf-mega .sf-mega-section, .sf-mega .sf-mega-section li:hover {
	background:none;
}

/* Mega Menu Widget Styling */
.sf-mega .widget-pro {
	padding:20px 30px 10px 30px;
}
.sf-mega .widget-pro h1, .sf-mega .widget-pro h2, .sf-mega .widget-pro h3, .sf-mega .widget-pro h4, .sf-mega .widget-pro h5, .sf-mega .widget-pro h6 {
	color:#1e1e1e;
	margin-bottom:5px;
}
.sf-mega .widget-pro ul li {
	margin-bottom:10px;
}
.sf-mega .widget-pro ul { 
	border:none;
}
.sf-mega .widget-pro a, .sf-mega .widget-pro a:hover {
	border:none;
	padding:0px;
	margin:0px;
	background:none !important;
}

/* Font Awesome Icon Spacing */
ul#progression-studios-panel-login li a i,
.sf-menu i {
	line-height:1;
	margin-right:6px;
	font-size:90%;
	position:relative;
	margin-bottom:-2px;
	margin-top:-2px;
}
ul#progression-studios-panel-login li a i,
.sf-menu li li i {
	font-size:95%;
}
.sf-mega li h2 i {
	margin-right:8px;
}

/* Sub-menu Arrows */
.sf-arrows .sf-with-ul {
	padding-right: 30px;
}
.sf-arrows .sf-with-ul:after { 
	font-weight:normal;
	font-style:normal;
	font-family: FontAwesome;
	border:none;
	content:"\f107";
	font-size:12px;
	top: 50%;
	right: 24px;
	margin-top:-6px;
}
.sf-arrows ul .sf-with-ul:after {
	font:normal normal normal 10px/1 FontAwesome;
	content:"\f105"; 
	margin-top:-5px;
	right:15px;
}

/* Dark and Light Navigation */
@media only screen and (min-width: 959px) {

	.progression_studios_force_dark_navigation_color .progression-sticky-scrolled .sf-menu li.highlight-button a,
	.progression_studios_force_light_navigation_color .progression-sticky-scrolled .sf-menu li.highlight-button a {
		color:#ffffff;
	}

	.progression_studios_force_light_navigation_color .sf-menu a {
		color:#ffffff;
	}
	
	.progression_studios_force_light_navigation_color  .sf-menu li.highlight-button a:hover,
	.progression_studios_force_light_navigation_color  .sf-menu li.highlight-button a {
		color:#232323;
	}
	.progression_studios_force_light_navigation_color  .sf-menu li.highlight-button a:hover:before,
	.progression_studios_force_light_navigation_color  .sf-menu li.highlight-button a:before,
	.progression_studios_force_light_navigation_color #progression-shopping-cart-count span.progression-cart-count {
		background:#ffffff;
		color:#000000;
	}

	
	.progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon:hover,
	.progression_studios_force_light_navigation_color .activated-class #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon,
	
	.progression_studios_force_light_navigation_color #progression-studios-header-login-container a.progresion-studios-login-icon,
	.progression_studios_force_light_navigation_color #progression-studios-header-search-icon i.pe-7s-search, 
	.progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon,
	.progression_studios_force_light_navigation_color #progression-studios-header-search-icon:hover i.pe-7s-search, 
	.progression_studios_force_light_navigation_color #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search, 
	.progression_studios_force_light_navigation_color #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, 
	.progression_studios_force_light_navigation_color #progression-inline-icons .progression-studios-social-icons a:hover, 
	.progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav:hover, 
	.progression_studios_force_light_navigation_color .sf-menu a:hover, 
	.progression_studios_force_light_navigation_color .sf-menu li.sfHover a, 
	.progression_studios_force_light_navigation_color .sf-menu li.current-menu-item a {
		color:#ffffff;
	}

	.progression_studios_force_light_navigation_color #progression-inline-icons .progression-studios-social-icons a {
		color:#ffffff;
	}

	.progression_studios_force_dark_navigation_color .sf-menu a {
		color:#000000;
	}

	.progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a:hover,
	.progression_studios_force_dark_navigation_color  .sf-menu li.highlight-button a {
		color:#ffffff;
	}
	.progression_studios_force_dark_navigation_color  .sf-menu li.highlight-button a:hover:before,
	.progression_studios_force_dark_navigation_color  .sf-menu li.highlight-button a:before,
	.progression_studios_force_dark_navigation_color #progression-shopping-cart-count span.progression-cart-count {
		background:#000000;
		color:#ffffff;
	}	
	
	.progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon:hover,
	.progression_studios_force_dark_navigation_color .activated-class #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon,

	.progression_studios_force_dark_navigation_color #progression-studios-header-login-container a.progresion-studios-login-icon,
	.progression_studios_force_dark_navigation_color #progression-studios-header-search-icon i.pe-7s-search, 
	.progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon,
	.progression_studios_force_dark_navigation_color #progression-studios-header-search-icon:hover i.pe-7s-search, 
	.progression_studios_force_dark_navigation_color #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search, 
	.progression_studios_force_dark_navigation_color #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, 
	.progression_studios_force_dark_navigation_color #progression-inline-icons .progression-studios-social-icons a:hover, 
	.progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav:hover, 
	.progression_studios_force_dark_navigation_color .sf-menu a:hover, 
	.progression_studios_force_dark_navigation_color .sf-menu li.sfHover a, 
	.progression_studios_force_dark_navigation_color .sf-menu li.current-menu-item a {
		color:#000000;
	}

	.progression_studios_force_dark_navigation_color #progression-inline-icons .progression-studios-social-icons a {
		color:#000000;
	}
}

/*
=============================================== 11. FLEXSLIDER STYLES ===============================================
*/
/* RESETS */
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0;  padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* BASE STYLES */
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li {  display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020";  display: block; clear: both;  visibility: hidden;  line-height: 0;  height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block;}

/* DEFAULT THEME */
.flexslider { margin: 0; background: none;  border:none; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport {  max-height: 300px;}
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0;
  }

  .flexslider {
  	-webkit-transform: translateZ(0);
  }
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); 
    font-family: 'FontAwesome'; font-weight: normal; font-style: normal;
    text-align:center;	
    border:none;
    margin: -20px 0 0;
    font-size:19px;
    width:30px;
    line-height:40px;
    height:40px;
    color:#777777;
    background:#ffffff;
	box-shadow: 1px 1px 5px rgba(0,0,0,  0.02);
}
.flexslider .flex-direction-nav a {
	transition-duration: 250ms; 
	transition-property: all; 
	transition-timing-function: ease-in-out;
}

.flexslider:hover .flex-direction-nav a {
	top:50%;
}

.flex-direction-nav a:hover {
	color:#ffffff;
	opacity:1;
	background:#4145ee;
}

.flex-direction-nav a.flex-prev:before {
	content: "\f104";
	position:relative;
	left:-1px;
}

.flex-direction-nav a.flex-next:before {
	content: "\f105";
	position:relative;
	right:-1px;
}

.flex-direction-nav .flex-prev {
	left:0px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.flex-direction-nav .flex-next {
	right:0px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.flexslider:hover .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 15px;
  text-align: center;
  z-index:10;
}
.flex-control-nav li {
	margin:0px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position:relative;
}
.flex-control-paging li {
	width:18px; 
	height:10px; 
	text-align:center;
}

.flex-control-paging li a {
	width:7px;
	height:7px;
	bottom:0px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  position:absolute;
  background:none;
  border:2px solid #ffffff ;
	box-shadow: 1px 1px 3px rgba(0,0,0,  0.25);
  border-radius: 15px;
}
.flex-control-paging li a.flex-active {
  background:#fff ;
  border-color:#fff;
}
.flex-control-paging li a.flex-active {
	cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}


/*
=============================================== 12. MOBILE NAVIGATION STYLES ===============================================
*/
span.progression-mobile-menu-text {
	padding-left:6px;
	position:relative;
	top:-2px;
}

.mobile-menu-icon-pro i {
	min-width:22px;
}
.mobile-menu-icon-pro {
	cursor:pointer;
	line-height:1;
	display:none;
	text-align:right;
	padding-right:6px;
}

.active-mobile-icon-pro .mobile-menu-icon-pro .fa-bars:before {
	content:"\f00d";
}

.menu-collapser {
	display:none !important;
}
#main-nav-mobile {
	line-height:1.6;
	background:#f9f9f9; 
	display:none;
	position:relative;
	width:100%;
	z-index:20;
	box-shadow: 0px 2px 6px rgba(0,0,0, 0.08);
}

@media only screen and (min-width: 960px){ 
	#main-nav-mobile { 
		display:none !important;
	}
}

#main-nav-mobile .sf-menu li li .progression-mini-banner-icon,
#main-nav-mobile .sf-menu li .sf-mega h2 .progression-mini-banner-icon,
#main-nav-mobile .sf-menu li .sf-mega .progression-mini-banner-icon,
#main-nav-mobile .progression-mini-banner-icon {
	top:22px;
	right:70px;
}

@media only screen and (min-width: 959px) {
	.progression_studios_force_light_navigation_color .progression-mini-banner-icon {background:#ffffff; color:#000000;}
	.progression_studios_force_dark_navigation_color .progression-mini-banner-icon {background:#000000; color:#ffffff;}
}

ul.mobile-menu-pro {
    width: 100%;
    margin: 0;
    padding: 0;	
    list-style-type: none;
	display:block !important;
	overflow:hidden;
	width: 100%; 
}

ul.mobile-menu-pro li {
    position: relative;
    display: inline-block;
}
ul.mobile-menu-pro > li {
	margin-right: -5px;
	border-left: 1px rgba(255,255,255,  0.1);
}
ul.mobile-menu-pro > li:first-child {
	border-left: 0
}
ul.mobile-menu-pro > li:last-child {
	margin-right: 0
}

ul.mobile-menu-pro li a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading {
    display: block;
	text-transform:uppercase;
	color:#ffffff;
	font-size:14px;
	padding:16px 3%;
	margin:0px;
	border:none;
}

body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a,
ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading {
	min-height:55px;
	line-height:55px;
	margin:0px ;
	padding-top:0px ;
	padding-bottom: 0px ;
	text-transform:uppercase;
	font-size:15px;
	color:#ffffff;
}

ul.mobile-menu-pro .sf-mega h2.mega-menu-heading:after {
	display:none;
}

body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a,
body header ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a {
	font-size:18px;
	color:#ffffff;
}
header#masthead-pro.sidebar-header-hidden  ul.mobile-menu-pro .sf-mega li.sf-mega-section, header#masthead-pro.sidebar-header  ul.mobile-menu-pro .sf-mega li.sf-mega-section { 
	margin:0px;
	padding:0px;
	width:auto;
	float:none;
}

ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a {
	padding:0px;
	margin:0px;
	border:none !important;
}
ul.mobile-menu-pro li li a {
	padding-left:30px;
}
ul.mobile-menu-pro li li li a {
	padding-left:35px;
}
ul.mobile-menu-pro li li li li a {
	padding-left:40px;
}
ul.mobile-menu-pro a i {
	padding-right:4px;
}

ul.mobile-menu-pro li .sub-collapser {
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width:50px;
    text-align: center;
    z-index: 999;
    cursor: pointer;
	height:55px;
}
ul.mobile-menu-pro.collapsed li .sub-collapser:before {
	position:absolute;
	top:0px;
	left:0px;
	font:normal normal normal 17px/1 FontAwesome;
	border:none;
	content:"\f107";
	text-align:center;
	line-height:55px;
	width:50px;
	color:rgba(255,255,255,  0.28);
	background:rgba(255,255,255,  0.09);
}
ul.mobile-menu-pro.collapsed li .sub-collapser.expanded {
	transform: rotate(180deg);
}
ul.mobile-menu-pro li .sub-collapser > i { 
	display:none;
}
ul.mobile-menu-pro li ul {
	margin: 0;
	list-style-type: none;
}


ul.mobile-menu-pro li ul {
	padding-left:0px;
}
ul.mobile-menu-pro li ul li {
	background:rgba(255,255,255,  0.04);
}
ul.mobile-menu-pro li ul li li:hover {
	background:rgba(255,255,255,  0.04) !important;
}
ul.mobile-menu-pro li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}
ul.mobile-menu-pro li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}

ul.mobile-menu-pro.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;

}
ul.mobile-menu-pro.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(255,255,255,  0.05);
    box-sizing: border-box;
}

ul.mobile-menu-pro.collapsed li > ul {
    display: none;
    position: static;
}

/* Mega Menu Sections */
ul.mobile-menu-pro .sf-mega {
	background:rgba(255,255,255,  0.04);
	margin:0px;
	border:none;
	padding:0px;
}
ul.mobile-menu-pro .sf-mega .sf-mega-section {
	width:100%;
	float:none;
	border-bottom: 1px solid rgba(255,255,255,  0.1);
}

ul.mobile-menu-pro .sf-mega .sf-mega-section li a {
	border-bottom: 1px solid rgba(255,255,255,  0.1);
}


ul.mobile-menu-pro .sf-mega .sf-mega-section li a, ul.mobile-menu-pro .sf-mega .sf-mega-section, ul.mobile-menu-pro.collapsed li a {
	border-color:rgba(255,255,255,  0.1);
}


/*
=============================================== 13. SIDEBAR STYLES ===============================================
*/
.sidebar {
	color:#999999;
	font-size:15px;
}

.sidebar-item {
	margin-bottom:34px;
	padding:40px 30px 10px 30px;
	background:#ffffff;
	box-shadow:  0 1px 15px  rgba(32,36,39, 0.08);
}

.sidebar a {
	color:#555555;
}

.sidebar ul li.current-cat, .sidebar ul li.current-cat a,
.sidebar a:hover {
	color:#000000;
}

.tagcloud {
	margin-bottom:15px;
}

.sidebar h4.widget-title {
	font-size:22px;
	margin-bottom:26px;
	color:#202427;
	font-weight:500;
	padding-bottom:6px;
	text-transform:uppercase;
	position:relative;
}

.sidebar h4.widget-title:before {
	content:'';
	display:block;
	position:absolute;
	bottom:0px;
	width:22px;
	height:2px;
}

.sidebar ul li:before {
	display:inline-block;
	font-weight:normal;
	font-style:normal;
	content:"—";
	padding-left:1px;
	padding-right:3px;
	position:relative;
	top:0px;
	font-size:70%;
	position:absolute;
	left:0px;
	opacity:0.8;
	
	
	content:"\f178";
	font-family:FontAwesome;
	top:4px;
	
}

.sidebar .widget_recent_entries ul li:before {
	font-size:90%;
	content:"\f0f6";
	font-family:FontAwesome;
	top:1px;
	opacity:1;
}

.sidebar .widget_recent_comments ul li:before {
	font-size:90%;
	content:"\f0e6";
	font-family:FontAwesome;
	top:1px;
	opacity:1;
}

.sidebar ul {
	list-style:none;
	margin:0px 0px 25px 0px;
	padding:20px;
	border: 2px #000 solid;
}

.sidebar ul ul.sub-menu,
.sidebar ul ul.children {
	margin-top:8px;
	border: 0px;
}
.sidebar ul ul {
	margin:0px;
	padding:8px 0px 0px 12px;
}

.sidebar ul ul li:last-child {
	border:none;
	margin-bottom:0px;
	padding-bottom:0px;
}

.sidebar ul li {
	position:relative;
	line-height:1.5;
	margin:0px 0px 8px 0px;
	padding:0px 0px 8px 20px;
}

body .sidebar ul ul {
	margin-left:-15px;
}

body .sidebar ul ul ul ul {
	margin-left:-20px;
}

/* Sidebar Select */
.widget select {
	padding-left:20px; padding-right:50px;
	padding-top:12px;
	font-size:15px;
	padding-bottom:12px;
	background-image:url(images/select-arrow.png);
	background-position:right 18px;
	background-repeat:no-repeat;
	background-size:34px 12px;
	max-width:100%;
	margin-bottom:30px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.widget select {background-image:url(images/select-arrow@2x.png);}
}

/* RSS */
footer#site-footer .widget_rss ul li:before,
.widget_rss ul li:before {
	display:none;
}
.widget_rss ul a.rsswidget {
	display:block;
	margin-bottom:4px;
	font-weight:600;
	font-size:105%;
}

.widget_rss ul span.rss-date {
	display:block;
	font-size:90%;
	opacity:0.8;
	margin-bottom:5px;
}

footer#site-footer  .widget_rss ul li,
.widget_rss ul li {
	padding-left:0px;
}

.widget_rss ul cite {
	display:block;
	font-style:italic;
	padding-top:8px;
	opacity:0.8;
	font-size:90%;
}

/* Calendar */
.widget table#wp-calendar {
	width:100%;
}

.widget table#wp-calendar caption {
	text-align:center;
	font-size:105%;
	padding-bottom:5px;
	color:#444444;
}

.widget table#wp-calendar thead th {
	font-weight:600;
}

.widget table#wp-calendar tr th, .widget table#wp-calendar tr td {
	padding:6px;
	text-align:center;
}

footer#site-footer .widget table#wp-calendar caption,
footer#site-footer table#wp-calendar {
	color:#ffffff;
	font-weight:700;
}

/* Count Styling for Category/Archive */
.widget ul span.count {
	float:right;
	color:#777;
	font-size:10px;
	display:inline-block;
	text-align:center;
	position:relative;
	top:3px;
}

footer#site-footer .widget ul span.count {
	background:rgba(255,255,255, 0.06);
	color:#ffffff;
}

.widget li.recentcomments span.comment-author-link {
	font-style:italic;
}

/* Instagram Widget */
footer#site-footer ul.instagram-pics {
	max-width:390px;
}
.sidebar ul.instagram-pics li,
footer#site-footer ul.instagram-pics li {
	margin:0px;
	padding:0px;
	border:none;
	float:left;
	width:30.6%;
	margin-right:4%;
	margin-bottom:16px;
}

.sidebar ul.instagram-pics li:nth-child(3n),
footer#site-footer ul.instagram-pics li:nth-child(3n) {
	margin-right:0;
}

.sidebar ul.instagram-pics li:before,
footer#site-footer ul.instagram-pics li:before {
	display:none;
}

.sidebar ul.instagram-pics li {
	padding:0px;
}

/*
=============================================== 14. PAGINATION STYLES ===============================================
*/
.post-views.entry-meta {
	display:none;
}

/* Pagination */
#content-pro ul.page-numbers {
	list-style:none;
	margin:25px 0px 10px 0px;
	padding:0px;
	text-align:center;
}
#content-pro ul.page-numbers li {
	margin:0px;
	padding:0px;
	display:inline;
}

/* Blog Post Pagination */
.progression-page-nav {
	margin:20px 0 25px 0;
	list-style:none;
	text-align:center;
	font-size:13px;
}

.progression-page-nav span, .progression-page-nav a {
	display:inline-block;
	text-align:center;
	margin:0px 2px 5px 2px;
	font-size:13px;
	padding:14px 19px;
	line-height:1;
	background:rgba(32,36,39, 0.09);
	color:#1e023d;
	font-weight:700;
	text-transform:uppercase;
}

.progression-studios-blog-excerpt .progression-page-nav a {
	border:none;
}

.progression-page-nav a span {
	padding:0px;
	background:none;
	min-width:none;
	margin:0px;
	border:none;
	color:#070707;
	box-shadow:none;
}

#content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a {
	display:inline-block;
	text-align:center;
	margin:0px 2px 2px 2px;
	font-size:13px;
	padding:14px 19px;
	line-height:1;
	background:#ffffff;
	color:#1e023d;
	font-weight:700;
	box-shadow:  0 0px 4px  rgba(32,36,39, 0.13);
	
}

.progression-page-nav a:hover, .progression-page-nav span, #content-pro ul.page-numbers li a:hover, #content-pro ul.page-numbers li span.current {
	background:#f4f2f6;
	color:#1e023d;
}

#content-pro ul.page-numbers li span.dots {
	display:inline-block;
	padding:0px 5px;
}

/*
=============================================== 15. BLOG INDEX STYLES ===============================================
*/

.progression-studios-blog-excerpt a.more-link {
	display:inline-block;
	border-bottom:none;
	border-radius:30px;
	padding:18px 32px;
	font-size:13px;
	font-weight:600;
	letter-spacing:0.02em;
	color:#282828;
	background:#d6de23;
	text-transform:uppercase;
	font-family: 'Saira Condensed', sans-serif;
}

.progression-studios-blog-excerpt a.more-link i {
	font-size:9px;
	position:relative;
	padding-left:5px;
}

.progression-studios-blog-excerpt a.more-link:hover {
	color:#ffffff;
	background:#9a9a9a;
}

/* Video Style Fixes */
.progression-studios-feaured-image p {
	margin:0px;
	padding:0px;
}

.progression-studios-default-blog-index .wp-video {
	width:100% !important;
	height:auto;
}

/* Hover Transitions */
.progression-studios-feaured-image {
	position:relative;
	overflow:hidden;
	text-align:center;
}

.progression-studios-feaured-image img {
	transition: all 400ms;
}

.progression-studios-default-blog-overlay.progression-studios-blog-image-scale a:hover img,
.progression-studios-blog-image-scale .progression-studios-feaured-image:hover a img {
	transform: scale(1.09);
}

.progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-grey a:hover .progression-studios-feaured-image img,
.progression-studios-blog-image-zoom-grey .progression-studios-feaured-image:hover a img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


.progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-sepia a:hover .progression-studios-feaured-image img,
.progression-studios-blog-image-zoom-sepia .progression-studios-feaured-image:hover a img {
	-webkit-filter: sepia(50%);
	filter: sepia(50%);
}

.progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-saturate a:hover .progression-studios-feaured-image img,
.progression-studios-blog-image-zoom-saturate .progression-studios-feaured-image:hover a img {
	-webkit-filter: saturate(50%);
	filter: saturate(50%);
}

.progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:before,
.progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform: skewX(-25deg);
}

.progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-shine:hover .progression-studios-feaured-image:before,
.progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:hover:before {
	animation: shine_pro 1.2s;
}
@-webkit-keyframes shine_pro {
	100% {
		left: 125%;
	}
}
@keyframes shine_pro {
	100% {
		left: 125%;
	}
}

/*
=============================================== 16. BLOG POST STYLES ===============================================
*/
/*
=============================================== 17. WOOCOMMERCE INDEX STYLES ===============================================
*/
/*
=============================================== 18. WOOCOMMERCE SINGLE STYLES ===============================================
*/
/*
=============================================== 19. WOOCOMMERCE CART/CHECKOUT/MY ACCOUNT STYLES ===============================================
*/
/*
=============================================== 20. WOOCOMMERCE WIDGET STYLES ===============================================
*/
/*
=============================================== 21. CONTACT FORM STYLES ===============================================
*/
/*
=============================================== 22. BUTTON STYLES ===============================================
*/
.wp-block-button a.wp-block-button__link  {
	font-size:22px;
	padding:16px 35px;
	font-weight:600;
	font-family: 'Saira Condensed', sans-serif;
}


#boxed-layout-pro button.button,
#boxed-layout-pro a.button {
	text-transform:uppercase;
}

#boxed-layout-pro .form-submit input#submit,
#boxed-layout-pro button.button,
#boxed-layout-pro a.button {
	line-height:1;
	border:none;
	text-align:center;
	display:inline-block;
	border-radius:60px;
	width:auto;
	padding:16px 35px;
	font-weight:700;
	color:#ffffff;
	background:#6e16ff;
	font-size:15px;
	
	font-weight:700;
	font-family: 'Saira Condensed', sans-serif;
}

/*
=============================================== 23. FOOTER STYLES ===============================================
*/
#progression-studios-footer-page-builder .boosted-elements-progression-advanced-text-container a,
#progression-studios-footer-page-builder .elementor-text-editor a {
	border:none;
}
ul.progression-studios-social-counter-container {
	list-style:none;
	margin:0px;
	text-transform:uppercase;
	text-align:center;
	padding:0px;
}

ul.progression-studios-social-counter-container li {
	display:inline-block;
	margin:0px;
	padding:0px;
}

ul.progression-studios-social-counter-container li:last-child span.progression-elements-social-divider {
	display:none;
}

ul.progression-studios-social-counter-container h3,
ul.progression-studios-social-counter-container a,
ul.progression-studios-social-counter-container {
	color:#ffffff;
}

ul.progression-studios-social-counter-container i {
	border-radius:30px;
	text-align:center;
	line-height:32px;
	width:32px;
	height:32px;
	font-size:16px;
	background:rgba(255,255,255, 0.25);
	color:#ffffff;
	float:left;
	position:relative;
	top:3px;
	margin-right:15px;
	margin-bottom:-5px;
}

span.progression-elements-social-divider,
.progression-elements-social-count-number,
ul.progression-studios-social-counter-container h3 {
	display:inline-block;
	font-weight:400;
	font-size:23px;
}

.progression-elements-social-count-number {
	display:inline-block;
}

.progression-elements-social-count-number span {
	padding-left:8px;
}

span.progression-elements-social-divider {
	display:inline-block;
	padding:0px 36px;
	opacity:rgba(255,255,255, 0.7);
}

/* Copyright */
footer#site-footer #progression-studios-copyright a {
	color:rgba(255,255,255,0.75);
}
footer#site-footer #progression-studios-copyright a:hover {
	color:#ffffff;
}

#copyright-divider-top {
	width:100%;
}
#copyright-text {
	float:left;
	padding:38px 0px;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:0.02em;
	font-weight:500;
	font-family: 'Saira Condensed', sans-serif;
	color:rgba(255,255,255,0.5);
}
.footer-copyright-align-center #copyright-text  {
	float:none;
	text-align:center;
}
.footer-copyright-align-right #copyright-text  {
	float:right;
	text-align:right;
}


/* Scroll to top */
#pro-scroll-top {
	cursor:pointer;
	position: fixed; 
	overflow: hidden; 
	text-indent: 100%; 
	white-space: nowrap; 
	z-index:100;
	height: 50px;
	width: 50px;
	padding:0px;
	margin:0px;
  	bottom: 30px; 
	right: 30px;
	border-radius:60px;
	color:#ffffff;
	background:rgba(0,0,0,  0.3);

}

#pro-scroll-top:before {
	content:"\f105"; display:block;
	font-weight:normal;
	font-family:FontAwesome;
	font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);
	position:absolute;
	z-index:101;
	font-size:18px;
	top:27px;
	left:0px;
	height: 50px;
	width: 50px;
	line-height:50px;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
}


#pro-scroll-top:hover { 
	color:#ffffff;
	background:#bcd13d;
}

.elementor-widget span.count {
	float:right;
	font-size:10px;
	display:inline-block;
	text-align:center;
	width:16px;
	height:16px;
	line-height:16px;
	border-radius:25px;
	background:rgba(255,255,255, 0.08);
	color:rgba(255,255,255, 0.6);
}

/* Category Layout */
ul.progression-studios-category-list {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:-1%;
	margin-right:-1%;
}

ul.progression-studios-category-list li {
	margin:0px;
	padding:0px;
	float:left;
	width:18%;
	margin-left:1%;
	margin-right:1%;
}

ul.progression-studios-category-list li a {
	position:relative;
	display:block;
	font-family:'Fira Sans Condensed', sans-serif;
	width:90%;
	padding:10px 5%;
	line-height:1;
	background:rgba(0,0,0,0.05);
	color:#ffffff;
	margin-bottom:10px;
	font-size:15px;
	border-radius:4px;
}

ul.progression-studios-category-list li a:hover {
	background:rgba(0,0,0,0.1);
}

ul.progression-studios-category-list li a span {
	float:right;
	display:block;
	border-radius:50px;
	position:absolute;
	right:-1px;
	top:0px;
	height:20px;
	font-size:12px;
	width:20px;
	line-height:20px;
	text-align:center;
}

/*
=============================================== 24. PORTFOLIO STYLES ===============================================
*/
/*
=============================================== 26. PRETYPHOTO STYLES ===============================================
*/
/*
=============================================== 27. PAGE LOADER ===============================================
*/
/* https://github.com/tobiasahlin/SpinKit */
.sk-double-bounce,.sk-rotating-plane{width:45px;height:45px;margin:45px auto}.sk-rotating-plane{background-color:#fff;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}45%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}45%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:100%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:45px auto;width:45px;height:45px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,45%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,45%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:45px auto;width:45px;height:45px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:45px;height:45px;margin:45px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}45%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}45.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}45%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}45.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:45px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{content:'';display:block;background-color:#333;border-radius:100%}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:45px auto;width:45px;height:45px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(145deg);-ms-transform:rotate(145deg);transform:rotate(145deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(245deg);-ms-transform:rotate(245deg);transform:rotate(245deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:45px;height:45px;margin:45px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:45px auto;width:45px;height:45px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(145deg);-ms-transform:rotate(145deg);transform:rotate(145deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(245deg);-ms-transform:rotate(245deg);transform:rotate(245deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}45%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}45%{opacity:1}}
.sk-folding-cube{margin:45px auto;width:45px;height:45px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:45%;height:45%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(145px) rotateX(-180deg);transform:perspective(145px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(145px) rotateX(0);transform:perspective(145px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(145px) rotateY(180deg);transform:perspective(145px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(145px) rotateX(-180deg);transform:perspective(145px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(145px) rotateX(0);transform:perspective(145px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(145px) rotateY(180deg);transform:perspective(145px) rotateY(180deg);opacity:0}}

.sk-folding-cube .sk-cube:before, .sk-circle .sk-child:before,
.sk-rotating-plane, .sk-double-bounce .sk-child, .sk-wave .sk-rect, .sk-wandering-cubes .sk-cube, .sk-spinner-pulse, .sk-chasing-dots .sk-child, .sk-three-bounce .sk-child,
.sk-fading-circle .sk-circle:before, .sk-cube-grid .sk-cube{background-color:#fa4e3c;}

@-webkit-keyframes pro-rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes pro-rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); }} @-o-keyframes pro-rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @keyframes pro-rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }
.progression-studios-spinner { height:40px;  width:40px;  margin: 50px auto 45px auto; position: relative; -webkit-animation: pro-rotation .7s infinite linear; -moz-animation: pro-rotation .7s infinite linear; -o-animation: pro-rotation .7s infinite linear; animation: pro-rotation .7s infinite linear; border-left: 5px solid #ededed; border-right: 5px solid #ededed; border-bottom: 5px solid #ededed;  border-top: 5px solid #cccccc;  border-radius: 100%; }

#page-loader-pro { background:#f5f5f5; color:#fa4e3c; }

#page-loader-pro {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	text-align:center;
	color:#ffffff;
}

#center-loader {
	position:fixed;
	margin-top:-80px;
	top:50%;
	width:100%;
}

#loading-pro {
	margin-top:-15px;
	font-weight:700;
	font-size:14px;
}

.finished-loading #center-loader {
	opacity:0;
	transition: all 400ms;
}

.finished-loading {
	opacity:0;
	visibility:hidden;
	transition: all 600ms;
}

#boxed-layout-pro.progression-studios-preloader {	
	margin-top:50px;
	opacity:0;
}
#boxed-layout-pro.progression-studios-preloader.progression-preloader-completed {
	animation-duration:500ms;
	animation-name: ProMoveUpPageLoader;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-delay:350ms;
}

/* Animation For Menus */
@keyframes ProMoveUpPageLoader {
	from { }
	to { opacity: 1;  margin-top:0px; }
}

@keyframes ProMoveUpPageLoaderBoxed {
	from { }
	to { opacity: 1;  margin-top:60px; }
}

/*
============================================== 28. CUSTOM STYLES ====================================================
*/

/* CUSTOM-----------------------------------------------------------------
------------------------------------------------------------------------ */

a:focus, a:hover {text-decoration: none;}

.blog-btn-sm {
    background: transparent;
	color: #000;
    cursor: pointer;
    display: inline-block;
	font-weight:500;
	transition: all 0.3s ease-in-out 0s;
    font-size: 16px;
    padding: 7px 18px;
	margin: 0;
    text-align: center;
	border: 2px solid #fcb827;
	height: 40px;
}
.admin-view-add-btn {margin-bottom: 30px;}
.admin-edit-btn, .admin-delete-btn, .admin-view-btn, .admin-cust-btn, .admin-pay-btn, .admin-pdf-btn, .favourite-btn, .fav-saved-btn, .admin-menu-btn, .page-btn {
	display: inline-block; 
	transition: all 0.3s ease-in-out 0s;
    font-size: 16px;
    padding: 3px 7px;
	margin: -5px 0px 0px;
    text-align: center;
    height:33px;
}
.page-btn {
    background-color: #818a91;
    color: #fff;
    border-radius: 3px;
    border:2px solid #818a91;
    padding: 8px 24px 0px;
    height:44px;
}
.admin-edit-btn {background-color: transparent; color: #000; border: 2px solid green;}
.admin-edit-btn:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f040";
}
.admin-pay-btn {background-color: red; color: #000; border: 2px solid red; font-size:14px;}
.admin-pay-btn:before {
    font: normal normal normal 16px/1 FontAwesome;
	content: "\f155"; 
}
.admin-delete-btn {background-color: transparent; color: #000; border: 2px solid red;}
.admin-view-btn {background-color: transparent; color: #000; border: 2px solid #214099;}
.admin-view-btn:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f108";
	padding-right:5px;
}
.admin-pdf-btn {background-color: transparent; color: #000; border: 2px solid #214099;}
.admin-pdf-btn:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f1c1";
	padding-right:5px;
}
.admin-menu-btn {background-color: #fbfbfb; color: #fff; border: 2px solid #ccc; color: #111; margin:0px 0px 20px; font-size:16px;}
.admin-menu-btn:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f0c9";
	padding-right:5px;
}
.admin-cust-btn {background-color: transparent; color: #000; border: 2px solid #214099;}
.admin-cust-btn:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f007";
	padding-right:5px;
}
.admin-btn-before-cog:before {
    font: normal normal normal 16px/1 FontAwesome;
    content:"\f013";
}
.admin-btn-before-none:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "";
	padding-right:0px;
}

.fade-box {
	-webkit-animation: fadein 8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 8s; /* Firefox < 16 */
        -ms-animation: fadein 8s; /* Internet Explorer */
         -o-animation: fadein 8s; /* Opera < 12.1 */
            animation: fadein 8s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.pay-now-btn {margin-top:-5px;}
.admin-edit-btn:hover, .admin-edit-btn:focus, .admin-view-btn:hover, .admin-view-btn:focus, .admin-pdf-btn:hover, .admin-pdf-btn:focus, .admin-cust-btn:hover, .admin-cust-btn:focus, .blog-btn-sm:hover, .blog-btn-sm:focus, .fav-saved-btn:hover, .fav-saved-btn:focus, .options-btn:hover, .options-btn:focus { text-decoration:none; background-color: #fcb827; color: #000; border: 2px #fcb827 solid; }
.admin-delete-btn:hover, .admin-delete-btn:focus { background-color: red; color: #fff; text-decoration:none; }
.admin-pay-btn:hover, .admin-pay-btn:focus, .favourite-btn:hover, .favourite-btn:focus { background-color: darkred; color: #fff; }
.page-btn:hover, .page-btn:focus {color: #000; border: 2px solid #818a91; background: transparent;}
.btn-space {float: left; position: relative; margin-right: 10px;}
.btn-filter {padding: 3px 7px; margin: -15px 0px 0px;}
.left-rel {position:relative; float:left;}
.listing-thumb {padding: 15px 0px 0px 15px;}
.business-data {background-color: #fbfbfb; font-size: 16px; font-weight:500; margin:10px 0px 0px; padding:10px 30px;}
.tag-span {color: #fff; padding: 4px 7px 3px; font-weight: 600; margin-left:5px;}
.back-link {font-size: 18px; color: #fcb827; text-decoration: none; font-family: "Saira Condensed", Sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2px; }

.home-trade-list-box {position: absolute; top:220px; left: 60%; z-index:6; width:400px; color:#e0e0e0;}
.home-trade-list-div {width:50%; position:relative; float:left;}

.top-search-row {padding: 30px 0px 0px 80px; border-bottom: 2px solid #000; background: #fff;}
.bottom-search-row {padding:30px 15px 0px 35px; border: 2px solid #000; background: #fff; margin:30px 0px;}

.admin-page-labels {font-weight: bold;}
.admin-message {background-color: green; padding:10px; margin:20px 0px; }
.admin-msg-text {text-align:center; font-size:18px; color: #fff;}

.options-box {float:none; display: inline-block;}
.options-title {margin-top:40px; background:#000; padding:20px; font-size:28px; color:#fff;}
.options-price {background:#fcb827; padding:20px; font-size:28px; color: #000;}
.options-desc-box {background: #fff; padding:20px; height: 300px;}
.options-desc {padding-bottom:20px; height: 180px;}
.options-btn {padding: 7px 10px; font-size:24px; margin:0px; display: inline-block; transition: all 0.3s ease-in-out 0s; text-align: center; background-color: transparent; color: #000; border: 2px solid green; height: 52px;}
.options-gst {margin-top: 40px; font-size:16px;}

#contact-details {padding:20px; }
.contact-details-inner {padding:20px; background-color: #fff; border: 2px solid #000;}
#contact-details ul {list-style-type: none; padding:0px; margin:0px;}
#contact-details li {border-bottom: 1px solid #fbfbfb; font-size:18px; padding: 6px 0px;}
#contact-details li:hover, #contact-details li:focus { border-bottom: 1px solid #fcb827; }
.dets-icon {padding: 0px 15px 15px 0px; color:#111;}
.details-social {font-size:20px; color: #111; margin-bottom:20px;}
.dets-title {font-weight:bold}
.dets-special {border: 2px dashed #fcb827; margin: 20px 0px 0px; padding:10px;}

.tsf-keyword {display:none;}

.form-no-pad .form-group {margin-bottom:0px !important;}
.form-no-pad .frm_form_fields > fieldset {padding-bottom:0px !important;}

.results-box {box-shadow:3px 3px 10px 1px #ccc; border:2px #fff solid; background: #fff; height:202px; margin: 0px 0px 20px 0px;}
.results-box:hover {box-shadow:none; border: 2px #000 solid;}
.results-img {border: 0px; position:relative; float:left; height:178px; width:178px; margin:10px;}
.results-container {position:relative; padding:20px 3px 0px 220px;}
.results-text {height:175px; overflow:hidden;}
.results-header {color:#fcb827; margin-bottom:10px; font-weight:600;}
.results-loc {color: #111; font-size:14px;}
.results-desc {margin-top:10px; font-size:14px; padding-right:17px;}
.results-tags {text-align:right; font-size:14px; margin-top: -20px}
.results-dts {color: #214099; padding-bottom:5px;}
.home-results-box {min-height:530px; margin: 0px 20px 20px 0px;}
.home-results-box:hover {background-color:#f9f9f9;}
.home-results-img {border: 0px; width:100%; height:250px;}
.home-results-text {padding:15px 10px 0px;}
.home-results-text a {color:#111;}
.home-results-header {margin-bottom: 10px; text-align:center;}
.text-white {color: #fff !important}
.white-bg {background: #fff; padding:20px;}
.listing-type-h2 {font-size:24px; margin-left:15px}
.home-slider-subtitle {font-size:38px}

#footer {margin-top:50px;}
.page-title h1 {font-size:24px;}
.no-records {margin: 60px; font-size:16px; text-align:center;}
.view-row {padding: 12px 0px; }
.fav-row {min-height:50px;}
.browse {padding: 10px 0px; font-size:16px}
.center {text-align:center !important;}
.clear {clear:both;}
.hrdark {border-top:1px solid #333;}
.pad-top {padding-top:20px;}
.right {text-align: right;}
.sidebar-search-filter {background-color: #fbfbfb; border: 1px solid #e9e9e9; margin-left: 0; padding: 30px 20px 0px 20px;}
.page-error {margin:50px 0px 400px; text-align:center;}
.banner {padding-top:20px; text-align:center;}
.results-btn-row-left {padding-bottom:20px; margin-top:-4px;}
.results-btn-row-right {margin-top: -20px; position:relative; min-width:230px; float:right; text-align:right;}
.tradie-gallery {float:left; width: auto; padding: 20px 0px;}
.yellow {color:#fcb827 !important;}
.product-header-image {height:450px; margin:10px 10px 0px}
.home-tab {background: #fff !important; border:1px solid #fff !important;}
.top-5 {margin-top: 5px;}
.terms {text-decoration:underline; front-weight:700;}

.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
    background: #fff !important;
}
.elementor-501 .elementor-element.elementor-element-626b0119 a:hover {
    color: #ffffff !important;
}
.elementor-255 .elementor-element.elementor-element-2853cff .boosted-elements-slider-content .boosted-elements-slide-button-main {
    border: 0px !important;
}
.elementor-255 .elementor-element.elementor-element-2853cff .boosted-elements-slider-content .boosted-elements-slide-button-main {
    font-size: 22px ! important;
    color: #fcb827 !important;
    padding: 0px 25px 0px 0px !important;
	text-decoration: none !important;
}
.elementor-255 .elementor-element.elementor-element-2853cff .boosted-elements-slider-content .boosted-elements-slide-button-main:hover {
    text-decoration: underline !important;
	background-color:transparent !important;
}
.elementor-255 .elementor-element.elementor-element-2853cff .boosted-elements-slider-content .boosted-elements-slide-button-secondary {
    font-size: 22px !important;
    margin-left: 0px !important;
}
.boosted-elements-slider-content .boosted-elements-slide-button-main, .boosted-elements-slider-content .boosted-elements-slide-button-secondary {
    font-size: 18px !important;
    background: transparent !important;
    color: #fcb827 !important;
    padding: 10px 0px 0px !important;
	text-decoration: none !important;
	font-family: "Saira Condensed", Sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}
.boosted-elements-slider-content .boosted-elements-slide-button-main, .boosted-elements-slider-content .boosted-elements-slide-button-secondary:hover {
    text-decoration: underline !important;
	background-color:transparent !important;
}

.review-title {font-size:18px; font-weight: 700; margin-bottom:10px;}
.review-text {font-style: italic;}
.review-text p {margin-bottom:0px;}
.review-rating {margin: 10px 0px;}
.review-info {font-weight:600;}
.review-comment {margin-top:20px; font-size:14px;}

/** STRIPE STYLES **/

.stripe-button-el, .Checkout.is-desktop .Button {
    background-image: none !important;
    padding: 0px !important;
	margin: -5px 0px 0px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
	border: 2px solid green !important;
	height: 31px;
}
.stripe-button-el:hover, .stripe-button-el:focus { text-decoration:none; background-color: #fcb827 !important; color: #000 !important; border: 2px #fcb827 solid !important; }

.stripe-button-el span {
    display: inline-block; 
	transition: all 0.3s ease-in-out 0s;
    font-size: 16px !important;
    padding: 1px 7px 0px !important;
    text-align: center !important;
    height:31px !important;
    line-height: 29px !important;
	background: #fff !important; 
	background-image:none !important;
	color: #000 !important; 
    font-weight: 500 !important;
    font-family: 'Overpass', sans-serif !important;
    text-shadow: none !important;
	box-shadow: none !important;
    border-radius: 0px !important;
}
.stripe-button-el span:hover, .stripe-button-el span:focus { text-decoration:none; background-color: #fcb827 !important; color: #000 !important;}

/** Home page formatting **/

.quote-btn {position:relative; float:left; margin-top:20px;}
.add-business-btn {position:relative; float:right; margin-top:20px;}

/** Featured Tradie box **/
.ft-tradie-section {padding: 90px 0px 30px 0px;}
.ft-tradie-widget-cont {margin: 0px 20px 0px 0px;}
.ft-tradie-widget-cont2 {margin: 0px 0px -7px 0px;}
.ft-tradie-widget-cont3 {margin: -16px 0px 0px 0px;}
.ft-tradie-widget-cont3-div {padding-top: 9px; padding-bottom: 9px;}
.ft-tradie-wgt-c3-div-span {border-top-style: solid; border-top-width: 3px; border-top-color: #fcb827; width: 29px;}
.ft-tradie-heading {color: #25487d; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; }
.ft-tradie-heading-h2 {font-size: 56px; text-transform: uppercase; }
.ft-tradie-btn { font-family: "Saira Condensed", Sans-serif; font-size: 15px; font-weight: 600; text-transform: uppercase; background-color: #191c1e !important; border-radius: 0 !important; padding: 20px 30px 20px 30px !important;}
.ft-tradie-btn:hover, .ft-tradie-btn:focus {background-color: #fcb827 !important;}
.ft-product-header-image {height:340px; margin:10px 10px 0px}

@media(max-width:1024px){
    .ft-tradie-heading-h2 {font-size:50px;}
    .elementor-element.elementor-element-c43eea5 .elementor-heading-title{font-size:19px;}
    .elementor-element.elementor-element-c43eea5 > .elementor-widget-container{padding:140px 0px 20px 10px;}
}
@media(max-width:767px) {
    .ft-tradie-heading-h2 {font-size:40px;}
}

/** Featured top tradies **/
.ft-top-tradie-h2 {font-size: 35px; text-transform: uppercase;}
.ft-top-tradie-img {background-color: #ffffff; background-position: top center; background-repeat: no-repeat; background-size: contain; border-style: solid; border-width: 5px 5px 5px 5px; border-color: #ffffff; box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.08); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.ft-top-tradie-img-h2 {color: #ffffff; font-size: 24px; font-weight: 500; text-transform: uppercase;}
.ft-top-tradie-overlay {background-color: transparent; background-image: linear-gradient(180deg, rgba(2,2,2,0) 55%, rgba(2,0,0,0.84) 100%); opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.ft-top-tradie-cont {padding: 200px 0px 20px 15px; max-height:267px;}
.ft-top-tradie-wrap {padding: 0px 0px 80px 0px;}

@media(max-width:1024px){
    .elementor-element.elementor-element-c43eea5 .elementor-heading-title{font-size:19px;}
    .elementor-element.elementor-element-c43eea5 > .elementor-widget-container{padding:140px 0px 20px 10px;}
    .home-slider-subtitle {font-size:26px}
}

/** CUSTOM RESPONSIVE **/

@media only screen and (min-width: 1600px) {
	.home-trade-list-box {top:280px;}
}

@media only screen and (max-width: 1400px) {
	.home-trade-list-box {display:none;}
	.home-trade-list-div {display:none;}
}
	
@media only screen and (max-width: 1200px) {
	.view-row {padding: 12px 0px 0px; margin-bottom: 25px; background: #fbfbfb; border: 1px solid #ccc;}
	.btn-row {width:100%; height: 45px; margin-top: 10px;}
	.btn-space {margin:10px 10px 10px 0px}
	.pay-now-btn {margin-top:3px;}
	.view-row p {margin:0px; line-height:20px;}	
	.home-trade-list-box {display:none;}
	.home-trade-list-div {display:none;}
}

@media only screen and (max-width: 991px) {
	.home-search-box {margin:30px auto 0px;}
	.home-search-title {font-size: 24px}
	.home-results-box {margin:0px;}
	.elementor-255 .elementor-element.elementor-element-2853cff .boosted-elements-slider-content .boosted-elements-slide-button-secondary { font-size: 17px !important; }
	.elementor-255 .elementor-element.elementor-element-2853cff .boosted-elements-slider-content .boosted-elements-slide-button-main { font-size: 17px ! important; }
}

@media only screen and (max-width: 600px) {
	.results-box {height:540px; overflow:hidden}
	.results-tags {margin-top:0px;}
	.results-img {border: 0px; height:250px; width:94%; margin:10px 10px 0px;}
	.results-container {position:relative; padding:20px 20px 0px;}
	.results-text {clear:both; height:250px; overflow:hidden;}
	.results-header {margin: 20px 0px 10px;}
	.section-heading-title h1 {font-size: 28px}
	.white-bg {background: #fff; padding:10px;}
}
	
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.contact-detail-area { margin-bottom: 50px; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.contact-detail-area { margin-bottom: 50px; }
}	
@media only screen and (max-width: 767px) {
	.elementor-255 .elementor-element.elementor-element-2853cff .boosted-elements-slider-content .boosted-elements-slide-button-secondary { font-size: 14px !important; }
	.elementor-255 .elementor-element.elementor-element-2853cff .boosted-elements-slider-content .boosted-elements-slide-button-main { font-size: 14px ! important; }
	.home-slider-subtitle {font-size:20px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.contact-detail-area { margin-bottom: 50px; }
.product-header-image {height:350px;}
} 

@media only screen and (min-width: 200px) and (max-width: 480px) {
.contact-detail-area { margin-bottom: 50px; }
.product-header-image {height:200px; margin:5px 5px 0px;}
.quote-btn {position:relative; float:left; margin-top:20px;}
.add-business-btn {position:relative; float:left; margin-top:20px;}
}

/*
=============================================== 29. RESPONSIVE STYLES ===============================================
*/

/* ======== #Tablet (768px-959px) ======== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	
	#progression-sticky-header {
		position:relative !important;
	}

	body #boxed-layout-pro {
		width:100%;
	}

	
	body #boxed-layout-pro .width-container-pro,
	.width-container-pro  { 
		width:94% !important; 
		padding-left:0px;
		padding-right:0px;
	}	
	
	.progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro,
	.progression-studios-header-full-width-no-gap #tradesmen-progression-header-top .width-container-pro,
	footer#site-footer.progression-studios-footer-full-width .width-container-pro,
	.progression-studios-page-title-full-width #page-title-pro .width-container-pro,
	.progression-studios-header-full-width #tradesmen-progression-header-top .width-container-pro,
	.progression-studios-header-full-width header#masthead-pro .width-container-pro {
		width:94% !important; 
		position:relative;
		padding:0px;
	}
	
	.progression-studios-header-full-width header#masthead-pro .width-container-pro {
		width:auto; 
		margin:0 auto;
		position:relative;
		padding:0px;
	}
	
	footer#site-footer.progression-studios-footer-full-width .width-container-pro,
	footer#site-footer .width-container-pro {
		width:92% !important; 
	}
	
	.progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro,
	.progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro {
		width:96% !important;
		margin-left:4%;
		padding-right:0;
	}

		
	body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container {
		display:none;
	}
	
	.mobile-menu-icon-pro {
		display:block;
	}
	
	.progression-studios-transparent-header header#masthead-pro {
		position:relative;
	}
	
	body .progression-studios-transparent-header header#masthead-pro:after{
		display:none;
	}

	.progression-studios-hide-mobile-custom-logo {
		display:none;
	}
	
	.progression-studios-custom-logo-per-page-hide-default {
		display:block;
	}
	
	.progression-studios-header-left, .progression-studios-header-right {
		float:none;
		width:100%;
		text-align:center;
	}
	
	#progression-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget {
		display:inline-block;
		float:none;
	}

	#tradesmen-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right,
	#tradesmen-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left,
	#tradesmen-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right {
		display:none;
	}
	
	body .progression-studios-mobile-transparent-header header#masthead-pro {
		position:absolute;
		z-index:50;
		background-color:transparent;
	}
	body .progression-studios-mobile-transparent-header header#masthead-pro:after {
		display:block;
	}
	
	.progression_studios_footer_logo_left #progression-studios-footer-logo,
	.progression_studios_footer_logo_right #progression-studios-footer-logo,
	.footer-copyright-align-right #copyright-text {
	text-align:center;
	float:none;
	}
	#copyright-text {
		text-align:center;
		float:none;
	}
	.footer-copyright-align-right #copyright-text, #copyright-text {
		float:none;
		width:100%;
	}
	
	#tradesmen-progression-header-top ul.progression-studios-header-social-icons {
		float:none;
		margin:0 auto 15px auto;
		text-align:center;
	}
	
	footer#site-footer ul.progression-studios-footer-nav-container-class,
	footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class,
	footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class {
		float:none;
		margin:0 auto;
		text-align:center;
	}
	
	.progression_studios_footer_logo_left #progression-studios-footer-logo,
	.progression_studios_footer_logo_right #progression-studios-footer-logo,
	.footer-copyright-align-right #copyright-text {
		text-align:center;
		float:none;
	}
	
	ul.progression-studios-call-to-action {
		display:none;
	}
	
	#progression-header-icons-inline-display {
		display:none;
	}
	
	h2.progression-blog-title {
		font-size:24px;
	}

	.progression-blog-content {
		padding:30px 30px 20px 30px;
	}

	#page-title-pro h1 {
		font-size:36px;
	}
	
}

/* ======== #Mobile (0px-767px) ======== */
@media only screen and (max-width: 767px) {

    .bottom-search-row {padding:30px 15px 0px;}
    
	#progression-sticky-header {
		position:relative !important;
	}
	

	body #boxed-layout-pro {
		width:100%;
	}

	body #boxed-layout-pro .width-container-pro, .width-container-pro  { 
		width:92% !important; 
		padding-left:0px;
		padding-right:0px;
	}
	.progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro,
	.progression-studios-header-full-width-no-gap #tradesmen-progression-header-top .width-container-pro,
	footer#site-footer.progression-studios-footer-full-width .width-container-pro,
	.progression-studios-page-title-full-width #page-title-pro .width-container-pro,
	.progression-studios-header-full-width #tradesmen-progression-header-top .width-container-pro,
	.progression-studios-header-full-width header#masthead-pro .width-container-pro {
		width:92% !important; 
		position:relative;
		padding:0px;
	}
	
	.progression-studios-header-full-width header#masthead-pro .width-container-pro {
		width:auto; 
		margin:0 auto;
		position:relative;
		padding:0px;
	}
	
	footer#site-footer.progression-studios-footer-full-width .width-container-pro,
	footer#site-footer .width-container-pro {
		width:88% !important; 
	}
	
	.progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro,
	.progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro {
		width:94% !important;
		margin-left:6%;
		padding-right:0;
	}
	
	#main-container-pro, .sidebar,
	.footer-2-pro .widget, .footer-3-pro .widget, .footer-4-pro .widget, .footer-5-pro .widget,
	.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression  {
		width:100%;
		margin-right:0%;
		margin-left:0%;
	}
	

	.sidebar.progression-studios-mobile-sidebar {
		padding-top:0px;
	}
	.sidebar {
		padding-top:60px;
	}
	
	
	
	body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container {
		display:none;
	}
	
	.mobile-menu-icon-pro {
		display:block;
	}

	.progression-studios-hide-mobile-custom-logo {
		display:none;
	}
	
	.progression-studios-transparent-header header#masthead-pro {
		position:relative;
	}
	body .progression-studios-transparent-header header#masthead-pro:after {
		display:none;
	}
	
	.progression-studios-custom-logo-per-page-hide-default {
		display:block;
	}
	
	.progression-studios-header-left, .progression-studios-header-right {
		float:none;
		width:100%;
		text-align:center;
	}
	
	#progression-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget {
		display:inline-block;
		float:none;
	}
	
	#copyright-text {
		text-align:center;
		float:none;
	}
	
	#tradesmen-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right,
	#tradesmen-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left,
	#tradesmen-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right {
		display:none;
	}

	body.admin-bar .progression-sticky-scrolled header#masthead-pro  {
		margin-top:-36px;
	}
	
	.footer-copyright-align-right #copyright-text, #copyright-text {
		float:none;
		width:100%;
	}
	
	
	body .progression-studios-mobile-transparent-header header#masthead-pro {
		position:absolute;
		z-index:50;
		background-color:transparent;
	}
	body .progression-studios-mobile-transparent-header header#masthead-pro:after {
		display:block;
	}
	
	footer#site-footer ul.progression-studios-footer-nav-container-class,
	footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class,
	footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class {
		float:none;
		margin:0 auto;
		text-align:center;
	}
	
	.progression_studios_footer_logo_left #progression-studios-footer-logo,
	.progression_studios_footer_logo_right #progression-studios-footer-logo,
	.footer-copyright-align-right #copyright-text {
		text-align:center;
		float:none;
	}
	
	body .progression-studios-header-left .widget, body .progression-studios-header-right .widget {
		padding-top:8px;
		padding-bottom:8px;
	}
	
	#copyright-divider-top {
		margin:0 auto;
	}

	#progression-header-icons-inline-display {
		display:none;
	}
	
	ul.progression-studios-call-to-action {
		display:none;
	}
	
	#tradesmen-progression-header-top ul.progression-studios-header-social-icons {
		float:none;
		margin:0 auto 10px auto;
		text-align:center;
	}
	
	#page-title-pro h1 {
		font-size:32px;
	}
	#page-title-pro h4 {
		font-size:15px;
	}
	#page-title-pro h4:before {
		height:4px;
	}
	
	h2.progression-blog-title {
		font-size:22px;
	}

	.progression-blog-content {
		padding:30px 20px 25px 20px;
	}

	.progression-portfolio-post-content {
		padding-left:20px;
		padding-right:20px;
	}
	
	.progression-studios-feaured-image-single-portfolio {
		float:none;
		width:100%;
		margin-left:0px;
		margin-bottom:15px;
	}

}