Hacked By AnonymousFox

/*

	4. Template

	Source: css/template.css 
	Description: styles headings, preloader, breadcrumbs

*/

/* Base font
---------------------------------------------------------------*/
body {
    font-family: $(bodyFont);
    font-size: $(bodyFontSize)px;
	font-weight: 500;
    line-height: 1.9;
}

/* Headings
---------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    clear: both;
	font-family: $(headingFont);
	margin: 0 0 $(innerVerticalPadding)px;
    line-height: 1.2;
    padding: 0;
	font-weight: 900;
	text-transform: uppercase;
}

h1, h2, h3 {
    line-height: 1.2;
	font-weight: 900;

}

h1 {
    font-size: 65px;
	font-weight: 900;
}

h2 {
    font-size: 45px;
	font-weight: 700;
}	

h3 {
    font-size: 30px;
	font-weight: 500;
}

h4, h5, h6 {
    font-size: 25px;
	line-height: 1.6;
    font-weight: 900;
	margin: 0 0 5px;
    letter-spacing: 0px;
	text-transform: none;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 18px;
}

/* Skin
---------------------------------------------------------------*/
:darkSkinSelector {
    color: $(darkFontColor);
    background-color: $(darkBgColor);
}

:lightSkinSelector {
    color: $(lightFontColor);
    background-color: $(lightBgColor);
}

:lightSkinSelector :any(h1, h2, h3, h4, h5, h6) {
	color: $(lightTitleColor);
}

:lightSkinSelector :any(.btHighlight h1, .btHighlight h2, .btHighlight h3, .btHighlight h4, .btHighlight h5, .btHighlight h6) {
	color: $(lightHeadlineColorLight-9);
}

:darkSkinSelector :any(h1, h2, h3, h4, h5, h6) {
	color: $(darkHeadlineColor);
}

:darkSkinSelector :any(.btHighlight h1, .btHighlight h2, .btHighlight h3, .btHighlight h4, .btHighlight h5, .btHighlight h6) {
	color: $(darkHeadlineColorLight-9);
}

:lightSkinSelector {
	a {
		color: $(lightFontColor);
		transition: color 300ms ease;
	}
	a:hover {
		color: $(accentColor);
	}
}

:darkSkinSelector {
	a {
		color: $(darkFontColor);
		transition: color 300ms ease;
	}
	a:hover {
		color: $(accentColor);
	}
}

:lightSkinSelector :any(select, textarea, input) {
	border: 1px solid $(lightBorderColor);
	color: $(lightFontColor);
}
:lightSkinSelector :any(select:hover, textarea:hover, input:hover) {
	border-color: #CCC;
	box-shadow: 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
:lightSkinSelector :any(select:focus, textarea:focus, input:focus) {
	border-color: #999;
	box-shadow: 5px 0 0 $(accentColor) inset, 0 2px 10px rgba(0,0,0,0.2);
}
:darkSkinSelector :any(select, textarea, input) {
	border: 1px solid $(darkBorderColor);
	color: $(darkFontColor);
}
:darkSkinSelector :any(select:hover, textarea:hover, input:hover) {
	box-shadow: 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
:darkSkinSelector :any(select:focus, textarea:focus, input:focus) {
	box-shadow: 5px 0 0 $(accentColor) inset, 0 2px 10px rgba(0,0,0,0.2);
}

:lightSkinSelector {
	.btRegularTitle :any(h1, h2, h3, h4, h5, h6) {
		color: $(lightTitleColor) !important;
	}
}
:darkSkinSelector {
	.btRegularTitle :any(h1, h2, h3, h4, h5, h6) {
		color: $(darkFontColor) !important;
	}
}
.btAccentTitle :any(h1, h2, h3, h4, h5, h6) {
	color: $(accentColor) !important;
}
.btLightAccentTitle :any(h1, h2, h3, h4, h5, h6) {
	color: $(accentColorLight20) !important;
}
.btDarkAccentTitle :any(h1, h2, h3, h4, h5, h6) {
	color: $(accentColorLight-9) !important;
}
.btAlternateTitle :any(h1, h2, h3, h4, h5, h6) {
	color: $(alternateColor) !important;
}
.btLightAlternateTitle :any(h1, h2, h3, h4, h5, h6) {
	color: $(alternateColorLight20) !important;
}
.btDarkAlternateTitle :any(h1, h2, h3, h4, h5, h6) {
	color: $(alternateColorLight-9) !important;
}

/* Base formating
---------------------------------------------------------------*/
.btContentHolder :any( figure, img, select, embed, iframe ) {
    max-width: 100%;
    height: auto;
}

.btContentHolder .btGoogleMap :any( figure, img, select ) {
	max-width: none;
}

.btContentHolder pre code {
    display: block;
}

.btContentHolder pre {
    overflow: hidden;
}

/* Loader
---------------------------------------------------------------*/
.btLoader {
  margin: 30px auto 30px auto;
  font-size: 6px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid $(accentColor);
  border-left: 5px solid rgba(128, 128, 128, 0.1);
  border-right: 5px solid rgba(128, 128, 128, 0.1);
  border-bottom: 5px solid rgba(128, 128, 128, 0.1);
  animation: btLoader 1.1s infinite linear;
}
 
.btLoader,
.btLoader:after {
  width: 64px;
  border-radius: 50%;
  height: 64px;
}

@-webkit-keyframes btLoader {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(359deg);
  }
}

@keyframes btLoader {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(359deg);
  }
}

/* Template base
---------------------------------------------------------------*/
.btPageWrap {
    position: relative;
    overflow: hidden;
	min-height: 101vh;
	background-color: inherit;
	transition: transform 1s ease-out-quint;
}
 
/* Z indexes
---------------------------------------------------------------*/
.mainHeader {
	z-index: 99996;	
}

.btGhost {
	z-index: 99997;
}

.btPreloader {
	z-index: 99998;	
}

/* Content holder and sidebars
---------------------------------------------------------------*/
.btContentWrap {
	
}

.btNoSidebar .btContentHolder, .btNoSidebar .btContent {
    width: auto;
	padding: 0;
}

:any( .search, .blog, .archive, .single-portfolio ).btNoSidebar .btContentHolder, 
.btContentHolder {
    width: math(1200 - 2*$(pagePadding), px);
    margin: auto;
    /*padding: math($(innerVerticalPadding)*2)px 0 0;*/
}

.btContent {
    width: math(100 - $(sidebarWidth))%;
	padding-top: 0;
}

.btSidebar {
	padding-top: 0;
	width: $(sidebarWidth)%;
} 

.btNoSidebar .btContent {
	padding-top: 0;
}

.btSidebarLeft .btSidebar {
	float: left;
	padding-right: $(sidebarPadding);
}

.btSidebarRight .btSidebar {
	float: right;
	padding-left: $(sidebarPadding);
}

.btSidebarRight .btContent {
	float: left;
}

.btSidebarLeft .btContent {
	float: right;
}

/* Preloader
---------------------------------------------------------------*/
.btPreloader {
	position: fixed;
	top: 0;
	left: 0;
	background-color: inherit;
	width: 100%;
    vertical-align: middle;
    text-align: center;
	transform: translateY(0px);
	opacity: 1;
	transition: all 0.3s ease, opacity 0.3s ease;
	z-index: 999999;
}

.btPreloader.removePreloader {
    transform: translateY(-100%);
	opacity: 0;
    transition: transform 0.2s ease 1s, opacity 0.5s ease 0.5s;
}

.btPreloader .animation .preloaderLogo {
    height: math($(logoHeight)/1.25)px;
	margin-bottom: 10px;
    transform: scale(1);
    width: auto;
}

.btPreloader .animation {
    position: absolute;
    display: block;
    width: 100%;
    transform: translateY(100px) scale(1);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.btPreloader.removePreloader .animation {
    transform: translateY(36px) scale(1);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease 0.5s;
}

.btPreloader p {
	border-top: 1px solid $(lightBorderColor);
	display: inline-block;
	padding: math($(pagePadding)/2, px) $(pagePadding)px;
}

/* Bradcrumbs
---------------------------------------------------------------*/
.btBreadCrumbs {
	ul {
		margin-left: 0;
		padding-left: 0;
		font-size: 12px;
		text-transform: uppercase;
	}
	li {
		display: inline-block;
		margin-left: 0;
		padding-left: 0; 
		padding-right: 0;
	}
	li:after {
		content: " / ";
		padding: 0 5px;
		opacity: 0.5;
	}
}
:lightSkinSelector {
	.btBreadCrumbs {
		ul {
			color: $(lightInactiveColor);
		}
	}
}
:darkSkinSelector {
	.btBreadCrumbs {
		ul {
			color: $(darkInactiveColor);
		}
	}
}

/* Page headline
---------------------------------------------------------------*/
.btPageHeadline {
	margin-bottom: math(2*$(innerVerticalPadding),px);
}