/*--------------------------------------------------------------
## CSS - THEME.CSS
## Theme Main Stylesheet CSS
## Author: M. Jurasovic @mjd
## Author URI: http://mariojurasovic.com/
## Theme URI: http://p1.mariojurasovic.com/
## Version: 1.0.0
## Copyright (c)2015-2020
--------------------------------------------------------------*/
/**!
 * CSS Stylesheet
 * CSS Theme Stylesheet
 *
 * Name:	   Theme BW CSS
 * Author:	   M. Jurasovic @mjd
 * Author URI: http://mariojurasovic.com/
 * Date:	   January 01, 2016		
 * Version:	   1.0.0
 **/
 
 
/*--------------------------------------------------------------
## TABLE OF CONTENTS
----------------------------------------------------------------
	00. Global Styles
	01. Paragraphs, headings, links, form-control
	02. Paddings and Margins
	03. Buttons
	04. Typography
	    04.01. Theme Custom Colors and Backgrounds
	05. Sections
	    05.01. Mouse Animate Icon
	06. HPFSS Backgrounds
		06.01. Images and Images FX
	07. Headings
	08. Navigation
	09. Page Headers
	10. Members
	11. Skills
	12. Counter, Services, CTA Call To Action
	13. Piecharts
	14. Portfolio
	15. Blog Featured Posts, Portfolio and Clients Carousel, Testimonials
	16. Features and Pricing
	17. FAQ, Call Us, CTA
	18. Blog Preview
	19. Subscribe
	20. Contact Form and Contact Details Widget
	21. Animations
	22. Google Maps
	23. Footer
	24. Bug Fixes
	25. Scroll To top
	26. WKSB Scrollbar
	27. Theme Bug Fixes
	28. CSS Miscellaneous
	29. Theme Tooltip
	30. Columns and Rows
	31. CSS Responsive - Media Queries
----------------------------------------------------------------
## END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 01. GLOBAL STYLES
--------------------------------------------------------------*/
body {
    font-family: "Open Sans", sans-serif;
    color: #808080;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    word-spacing: 2px;
    -webkit-font-smoothing: antialiased;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 01. PARAGRAPHS, HEADINGS, LINKS, FORM-CONTROL
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Oswald", sans-serif;
    color: #4c4c4c;
    letter-spacing: 1px;
    font-weight: 400;
}
p {
    margin-bottom: 26px;
}
a {
    color: #000000;
    text-decoration: none !important;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
}
a:hover {
    color: #4c4c4c;
}
.form-control {
	display: block;
    height: auto;
	width: 100%;
    padding: 15px 20px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    background-color: rgba(0,0,0,0.00);
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: none !important;
	outline: none;
}
.form-control:focus {
    border-color: #999999 !important;
	outline: none;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 02. MARGINS
--------------------------------------------------------------*/
.mb250 {
    margin-bottom: 250px !important;
}
.mb245 {
    margin-bottom: 245px !important;
}
.mb240 {
    margin-bottom: 240px !important;
}
.mb235 {
    margin-bottom: 235px !important;
}
.mb230 {
    margin-bottom: 230px !important;
}
.mb225 {
    margin-bottom: 225px !important;
}
.mb220 {
    margin-bottom: 220px !important;
}
.mb215 {
    margin-bottom: 215px !important;
}
.mb210 {
    margin-bottom: 210px !important;
}
.mb205 {
    margin-bottom: 205px !important;
}
.mb200 {
    margin-bottom: 200px !important;
}
.mb195 {
    margin-bottom: 195px !important;
}
.mb190 {
    margin-bottom: 190px !important;
}
.mb185 {
    margin-bottom: 185px !important;
}
.mb180 {
    margin-bottom: 180px !important;
}
.mb175 {
    margin-bottom: 175px !important;
}
.mb170 {
    margin-bottom: 170px !important;
}
.mb165 {
    margin-bottom: 165px !important;
}
.mb160 {
    margin-bottom: 160px !important;
}
.mb155 {
    margin-bottom: 155px !important;
}
.mb150 {
    margin-bottom: 150px !important;
}
.mb145 {
    margin-bottom: 145px !important;
}
.mb140 {
    margin-bottom: 140px !important;
}
.mb135 {
    margin-bottom: 135px !important;
}
.mb130 {
    margin-bottom: 130px !important;
}
.mb125 {
    margin-bottom: 125px !important;
}
.mb120 {
    margin-bottom: 120px !important;
}
.mb115 {
    margin-bottom: 115px !important;
}
.mb110 {
    margin-bottom: 110px !important;
}
.mb105 {
    margin-bottom: 105px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mb95 {
    margin-bottom: 95px !important;
}
.mb90 {
    margin-bottom: 90px !important;
}
.mb85 {
    margin-bottom: 85px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb75 {
    margin-bottom: 75px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb65 {
    margin-bottom: 65px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb55 {
    margin-bottom: 55px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb45 {
    margin-bottom: 45px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.no-padding {
    padding: 0 !important;
}
.float-nan {
    float: none;
}
.img-responsive {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/*PADDINGS AND MARGINS*/
.no-pm {
	padding: 0;
	margin: 0;
	padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
.padding-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.padding-40 {
	padding-top: 40px;
	padding-bottom: 0px;
}
.padding-none {
	padding-top: 0px;
	padding-bottom: 0px;
}
.padding-bottom {
    padding-bottom: 3.2rem;
}
.pt-1 {
	padding-top: 1px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-100 {
	padding-top: 100px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-90 {
	padding-bottom: 90px;
}
.pb-100 {
	padding-bottom: 100px;
}
.mt-8 {
	margin-top: 8px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-90 {
	margin-top: 90px;
}
.mt-100 {
	margin-top: 100px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mtb-2050 {
	margin-top: 20px;
	margin-bottom: 50px;
}
.margin-top-100 {
	margin-top: 100px;
}
.margin-bottom-100 {
	margin-bottom: 100px;
}
/*IMAGE ALIGNERS*/
.img-positioner {
    margin: auto;
    cursor: pointer;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.img-margin {
    margin-top: -100px;
    cursor: pointer;
}
/*HORIZONTAL RULES CUSTOM*/
hr.small {
    max-width: 100px;
}
.hr-custom {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #888888;
}
#hr-custom {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #888888;
}
.hr-custom-dark {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #555555;
}
#hr-custom-dark {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #555555;
}
.hr-custom-shadow {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #888888;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
#hr-custom-shadow {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #888888;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
/*THEME DECOR LINE*/
.heading-decor {
}
.heading-decor .decor-before-holder, 
.heading-decor .decor-after-holder {
    width: 100%;
}
.decor-before-holder, 
.decor-after-holder {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 2px;
    width: 50%;
}
.decor-after {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="", endColorstr="#00",GradientType=1);
	margin-top: 2px;
	border-radius: 2px;
	height: 2px;
}
/*THEME DECOR UNDERLINE*/
.decor-underline:after {
    content: "";
    display: block;
    width: 250px;
    height: 4px;
    margin: 10px auto 0;
    background-color: transparent;
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(255,255,255,0.30);
	text-align: center;
	text-decoration: none;
    -webkit-transition: all 900ms ease;
    transition: all 900ms ease;
	cursor: pointer;
}
.decor-underline:hover:after {
    border-color: rgba(255,76,76,0.60);
	text-align: center;
	text-decoration: none;
    -webkit-transition: all 900ms ease;
    transition: all 900ms ease;
	cursor: pointer;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 03. BUTTONS
--------------------------------------------------------------*/
.btn {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 8px 30px;
    margin-bottom: 5px;
    -webkit-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
}
.btn.btn-lg {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 20px 50px;
}
/*BTN READ MORE*/
.btn-read-more,
.btn-read-more:visited,
.btn-read-more:hover,
.btn-read-more:active,
.btn-read-more:focus {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 400;
	color: #ffffff !important;
	background: #000000 !important;
	background-color: #000000 !important;
    text-transform: uppercase;
	text-align: center;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.50);
    border: 2px solid #000000 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    touch-action: manipulation;
	display: inline-block;
    padding: 5px 35px !important;
    margin-bottom: 0;
    cursor: pointer;
}
.btn.btn-read-more-animated-icon {
    overflow: hidden;
}
.btn.btn-read-more-animated-icon .fa {
    font-size: 14px;
    line-height: 20px;
    padding-top: 20px;
}
.btn.btn-read-more-animated-icon i,
.btn.btn-read-more-animated-icon span {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn.btn-read-more-animated-icon i {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transform: translateY(-50%) translateX(-2px);
    -ms-transform: translateY(-50%) translateX(-2px);
    transform: translateY(-50%) translateX(-2px);
}
.btn.btn-read-more-animated-icon:hover span {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
}
.btn.btn-read-more-animated-icon:hover i {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%) translateX(4px);
    -ms-transform: translateY(-50%) translateX(4px);
    transform: translateY(-50%) translateX(4px);
}
.btn-search {
    padding: 13px 18px !important;
}
.btn-submit {
    padding: 13px 50px !important;
}
.btn-submit-two {
    padding: 18px 50px 12px 50px !important;
}
.btn-submit-subscription,
.btn-submit-subscription:visited,
.btn-submit-subscription:hover,
.btn-submit-subscription:active,
.btn-submit-subscription:focus {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
	background: rgba(0,0,0,0.55);
	background-color: rgba(0,0,0,0.55);
    border: 1px solid #808080;
    padding: 13px 25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn.animated-icon {
    overflow: hidden;
}
.btn.animated-icon .fa {
    font-size: 20px;
    line-height: 20px;
    padding-top: 20px;
}
.btn.animated-icon i,
.btn.animated-icon span {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn.animated-icon i {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transform: translateY(-50%) translateX(-8px);
    -ms-transform: translateY(-50%) translateX(-8px);
    transform: translateY(-50%) translateX(-8px);
}
.btn.animated-icon:hover span {
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
}
.btn.animated-icon:hover i {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%) translateX(12px);
    -ms-transform: translateY(-50%) translateX(12px);
    transform: translateY(-50%) translateX(12px);
}
.btn.btn-sm {
    padding: 7px 20px;
    font-size: 14px;
}
.btn.btn-xs {
    padding: 5px 15px;
    font-size: 12px;
}
.btn-default {
    color: #676767;
    border-color: #e5e5e5;
}
.btn-default:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.btn-default-o {
    color: #f2f2f2;
    border-color: #f2f2f2;
    background-color: rgba(0,0,0,0.00);
}
.btn-default-o:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn-main-o {
    color: #000000;
    border-color: #000000;
    background-color: rgba(0,0,0,0.00);
}
.btn-main-o:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.btn-dark-o {
    color: #4c4c4c;
    border-color: #4c4c4c;
    background-color: rgba(0,0,0,0.00);
}
.btn-dark-o:hover {
    color: #ffffff;
    background-color: #4c4c4c;
    border-color: #4c4c4c;
}
.btn-dark {
    color: #ffffff;
    background-color: #4c4c4c;
    border-color: #4c4c4c;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}
.btn-main {
    color: #ffffff;
    background-color: #000000;
    border: 2px solid #000000;
}
.btn-main:hover,
.btn-main:focus,
.btn-main:active {
	color: #000000;
    background-color: #ffffff;
    font-weight: 400;
}
.btn-link {
    color: #000000;
    font-weight: 400;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    color: #4c4c4c;
    text-decoration: none;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 04. TYPOGRAPHY
--------------------------------------------------------------*/
/*TYPOGRAPHY HEADINGS*/
.heading-about {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    text-align: left;
    color: #ffffff;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
    display: block;
    box-sizing: border-box;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
    margin-bottom: 0px;
    -webkit-font-smoothing: antialiased;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
.heading-about:after {
    box-sizing: border-box;
}
.heading-about:before {
	font-family: "FontAwesome";
	content: "\f2d9";
    font-size: 46px;
    font-weight: 700;
    line-height: 48px;
    color: #ffffff;
	text-transform: uppercase;
    text-align: left;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
	position: relative;
	margin: 0 5px 0 0;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
.heading-about:hover:before {
	font-family: "FontAwesome";
	content: "\f2d9";
    font-size: 46px;
    font-weight: 700;
    line-height: 48px;
	color: #242424;
	text-transform: uppercase;
    text-align: left;
    text-shadow: 2px 5px 6px rgba(0, 0, 0, 0.50), 3px 9px 15px rgba(0, 0, 0, 0.30), 4px 18px 23px rgba(0, 0, 0, 0.20);
}
.heading-about:hover {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    text-align: left;
    color: #242424;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
    text-shadow: 2px 5px 6px rgba(0, 0, 0, 0.50), 3px 9px 15px rgba(0, 0, 0, 0.30), 4px 18px 23px rgba(0, 0, 0, 0.20);
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
/*HEADING DECOR*/
.heading-decor {
    margin-bottom: 0px;
}
.heading-decor:after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45), 0px 1px 2px rgba(0, 0, 0, 0.15), 2px 2px 4px rgba(0, 0, 0, 0.15);
    margin-top: 5px;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
.heading-decor:hover:after {
    content: "";
    display: block;
	width: 350px;
    height: 4px;
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(36,36,36,1.00);
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45), 1px 2px 2px rgba(0, 0, 0, 0.15), 2px 3px 4px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
.heading-main {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.heading-main {
    display: block;
    box-sizing: border-box;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0 0 10px;
    margin-bottom: 26px;
    -webkit-font-smoothing: antialiased;
}
.heading-main:after {
    box-sizing: border-box;
}
.heading-main:before {
    box-sizing: border-box;
}
/*THEME PARAGRAPH*/
.paragraph-tbw {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #999999;
    word-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    text-align: justify;
    margin-bottom: 26px;
}
.paragraph-tbw {
    display: block;
    box-sizing: border-box;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0 0 10px;
    margin-bottom: 26px;
    -webkit-font-smoothing: antialiased;
}
.paragraph-tbw:after {
    box-sizing: border-box;
}
.paragraph-tbw:before {
    box-sizing: border-box;
}
/*TYPOGRAPHY PIECHART*/
.piechart-heading {
    font-family: "Oswald", sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 38px;
    color: #4c4c4c;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5%;
    margin-bottom: 5%;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4), 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 9px 11px rgba(0, 0, 0, 0.1);
}
.piechart-paragraph {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #999999;
    word-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    text-align: justify;
    margin-bottom: 26px;
}
.piechart-paragraph {
    display: block;
    box-sizing: border-box;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0 0 10px;
    margin-bottom: 26px;
    -webkit-font-smoothing: antialiased;
}
.piechart-paragraph:after {
    box-sizing: border-box;
}
.piechart-paragraph:before {
    box-sizing: border-box;
}
/*MJD DROPCAP*/
.mjd-dropcap {
    font-family: "Oswald", sans-serif;
    font-size: 5em;
	color: #404040;
    line-height: 0.4em;
    text-transform: capitalize;
	text-decoration: none;
	text-shadow: 2px 3px 4px rgba(0,0,0,0.35);
    float: left;
	display: inline;
    padding: 0.3em 0.2em 0.2em 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.mjd-dropcap:hover {
    font-family: "Oswald", sans-serif;
    font-size: 5em;
	color: #e74c3c;
    line-height: 0.4em;
    text-transform: capitalize;
	text-decoration: none;
	text-shadow: 3px 4px 5px rgba(0,0,0,0.55);
    float: left;
	display: inline;
    padding: 0.3em 0.2em 0.2em 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
/*LETTERS AND LETTERS XL*/
.letter {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #9f9f9f;
}
.letter-xl {
    font-family: "Oswald", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 110px;
    line-height: 120px;
    font-weight: 700;
    letter-spacing: 0px;
    word-spacing: 0px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 20px 0px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.letter-xl:hover {
    font-family: "Oswald", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 110px;
    line-height: 120px;
    font-weight: 700;
    letter-spacing: 0px;
    word-spacing: 0px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 20px 0px;
	text-shadow: 3px 8px 8px rgba(255, 0, 42, 0.50), 4px 9px 13px rgba(255, 0, 42, 0.30), 4px 18px 23px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
/*--------------------------------------------------------------
# 04.01. THEME - CUSTOM COLORS AND BACKGROUNDS
--------------------------------------------------------------*/
/* COLORS */
.color-white {
    color: #ffffff;
}
.color-black {
    color: #000000;
}
.color-black-rgba {
    color: rgba(0,0,0,0.70);
}
.color-dark {
    color: #242424;
}
.color-darker {
    color: #12121f;
}
.color-red {
    color: #ff0025;
}
.color-blue {
    color: #1f4465;
}
.color-yellow {
    color: #fff000;
}
.color-green {
    color: #7ac142;
}
.color-orange {
    color: #ff4c4c;
}
/* BACKGROUNDS */
.background-white {
    color: #ffffff;
}
.background-black {
    color: #000000;
}
.background-black-rgba {
    color: rgba(0,0,0,0.70);
}
.background-dark {
    color: #242424;
}
.background-darker {
    color: #12121f;
}
.background-red {
    color: #ff0025;
}
.background-blue {
    color: #1f4465;
}
.background-yellow {
    color: #fff000;
}
.background-green {
    color: #7ac142;
}
.background-orange {
    color: #ff4c4c;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 05. SECTIONS
--------------------------------------------------------------*/
.section-title {
    margin-bottom: 70px;
}
.section-title-contact-page {
    margin-bottom: 0px;
}
/*SECTION TITLE ORNAMENT*/
.section-title.st-center {
    text-align: center;
}
.section-title.st-center:before {
    margin: auto;
}
.section-title:before {
    content: "";
    display: block;
    width: 250px;
    height: 50px;
    margin: 0 auto;
    background-image: url("../../../assets/ornaments/section-title-ornament.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
/*SECTION TITLE*/
.section-title h3 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #4c4c4c;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 48px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    clear: both;
    position: relative;
    padding: 0 10px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title h3:hover {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #4c4c4c;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 48px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    clear: both;
    position: relative;
    padding: 0 10px;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5), 2px 12px 16px rgba(0, 0, 0, 0.2), 2px 22px 25px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title-white h3 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 48px;
    display: inline-block;
    clear: both;
    position: relative;
    padding: 0 10px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title-white h3:hover {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 48px;
    display: inline-block;
    clear: both;
    position: relative;
    padding: 0 10px;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5), 2px 12px 16px rgba(0, 0, 0, 0.2), 2px 22px 25px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title p {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title p:hover {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5), 2px 12px 16px rgba(0, 0, 0, 0.2), 2px 22px 25px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title-heading {
    font-family: "Oswald", sans-serif;
    font-size: 38px;
    text-transform: uppercase;
    text-align: left;
    color: rgba(0,0,0,0.00);
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 48px;
    -webkit-text-stroke: 1px #4c4c4c;
}
.section-title-paragraph {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
    word-spacing: 2px;
	text-align: justify;
    -webkit-font-smoothing: antialiased;
}
/*SECTION TITLE CONTACT PAGE ORNAMENT*/
.section-title-contact-page.st-center {
    text-align: center;
}
.section-title-contact-page.st-center:before {
    margin: auto;
}
.section-title-contact-page:before {
    content: "";
    display: block;
    width: 250px;
    height: 50px;
    margin: 0 auto;
    background-image: url("../../../assets/ornaments/section-title-ornament.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
/*SECTION TITLE CONTACT PAGE*/
.section-title-contact-page h3 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #4c4c4c;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 48px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    clear: both;
    position: relative;
    padding: 0 10px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title-contact-page h3:hover {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #4c4c4c;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 48px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    clear: both;
    position: relative;
    padding: 0 10px;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5), 2px 12px 16px rgba(0, 0, 0, 0.2), 2px 22px 25px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title-contact-page p {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.section-title-contact-page p:hover {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5), 2px 12px 16px rgba(0, 0, 0, 0.2), 2px 22px 25px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
/*SECTION TITLE CTA*/
.section-title-ctaf {
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
	line-height: 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
	text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.45), 1px 5px 6px rgba(0, 0, 0, 0.15), 2px 9px 11px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
.section-title-ctaf:hover {
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #4c4c4c;
	line-height: 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
	text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.65), 1px 5px 6px rgba(0, 0, 0, 0.25), 2px 9px 11px rgba(0, 0, 0, 0.25);
	margin-bottom: 20px;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
/*BOTTOM LINE ANIMATED DECORATION*/
.bottom-line {
    margin-bottom: 20px;
}
.bottom-line:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #ffffff;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45), 0px 1px 2px rgba(0, 0, 0, 0.15), 2px 2px 4px rgba(0, 0, 0, 0.15);
    margin-top: 5px;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
.bottom-line:hover:after {
    width: 210px;
    background-color: #4c4c4c;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45), 1px 2px 2px rgba(0, 0, 0, 0.15), 2px 3px 4px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    transition: all 1000ms linear;
	cursor: pointer;
}
/*--------------------------------------------------------------
# TYPED CSS
# CUSTOM THEME TYPED CSS
--------------------------------------------------------------*/
.section-typed-cta {
	margin: 0 0 50px 0;
}
.typed-about {
    font-family: "Oswald", sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 54px;
    color: #ffffff;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.40), 
				 0px 8px 13px rgba(0,0,0,0.10), 
				 0px 18px 23px rgba(0,0,0,0.10);
	cursor: pointer;			 
}
.typed-about-dark {
    font-family: "Oswald", sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 54px;
    color: #2d2d2d;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: -1px -1px 1px #444444, 2px 2px 1px #555555;
	cursor: pointer;
}
.typed-cta {
    font-family: "Oswald", sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    color: #ffffff;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.40), 
				 0px 8px 13px rgba(0,0,0,0.10), 
				 0px 18px 23px rgba(0,0,0,0.10);
	cursor: pointer;			 
}
.type-wrap-cta {
    display: block;
    margin: 0px 0px 30px 0px;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 05.01. MOUSE ANIMATE ICON
--------------------------------------------------------------*/
/* MOUSE ICON - STANDARD */
.mouse-icon {
    position: absolute;
    left: 50%;
    bottom: 6%;
    border: 2px solid #ffffff;
    border-radius: 16px;
    height: 40px;
    width: 24px;
    margin-left: -15px;
    display: block;
    z-index: 10;
    opacity: 0.7;
}
.mouse-icon .wheel {
    -webkit-animation-name: drop;
    animation-name: drop;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.mouse-icon .wheel {
    position: relative;
    border-radius: 10px;
    background: #ffffff;
    width: 2px;
    height: 6px;
    top: 4px;
    margin-left: auto;
    margin-right: auto;
}
@-webkit-keyframes drop {
    0% {
        top: 5px;
        opacity: 0;
    }
    30% {
        top: 10px;
        opacity: 1;
    }
    100% {
        top: 25px;
        opacity: 0;
    }
}
@keyframes drop {
    0% {
        top: 5px;
        opacity: 0;
    }
    30% {
        top: 10px;
        opacity: 1;
    }
    100% {
        top: 25px;
        opacity: 0;
    }
}
/* MOUSE ICON - STANDARD */
/* MOUSE ICON - VIDEO */
.mouse-icon-video {
    position: absolute;
    left: 50%;
    bottom: 6%;
    border: 2px solid #000;
    border-radius: 16px;
    height: 40px;
    width: 24px;
    margin-left: -15px;
    display: block;
    z-index: 10;
    opacity: 0.7;
}
.mouse-icon-video .wheel-video {
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.mouse-icon-video .wheel-video {
    position: relative;
    border-radius: 10px;
    background: #000;
    width: 2px;
    height: 6px;
    top: 4px;
    margin-left: auto;
    margin-right: auto;
}
@-webkit-keyframes drop {
    0% {
        top: 5px;
        opacity: 0;
    }
    30% {
        top: 10px;
        opacity: 1;
    }
    100% {
        top: 25px;
        opacity: 0;
    }
}
@keyframes drop {
    0% {
        top: 5px;
        opacity: 0;
    }
    30% {
        top: 10px;
        opacity: 1;
    }
    100% {
        top: 25px;
        opacity: 0;
    }
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 06. HPFSS - BACKGROUNDS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HPFSS - SLIDER INFINITY
--------------------------------------------------------------*/
.hpfss-slider-infinity {
    display: table;
    background-image: url("../../../assets/bg-hpfss/bg-hpfss-slider-infinity/bg-hpfss-slider-infinity.jpg");
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
	height: 100vh;
    min-height: 100%;
    -webkit-animation: 50000ms scroll-infinity infinite linear;
    -moz-animation: 50000ms scroll-infinity infinite linear;
    -o-animation: 50000ms scroll-infinity infinite linear;
    -ms-animation: 50000ms scroll-infinity infinite linear;
    animation: 50000ms scroll-infinity infinite linear;
}
/**!
 * HPFSS - SLIDER INFINITY ANIMATION
 **/
@-webkit-keyframes scroll-infinity {
    100% {
        background-position: -3000px 0px;
    }
}
@-moz-keyframes scroll-infinity {
    100% {
        background-position: -3000px 0px;
    }
}
@-o-keyframes scroll-infinity {
    100% {
        background-position: -3000px 0px;
    }
}
@-ms-keyframes scroll-infinity {
    100% {
        background-position: -3000px 0px;
    }
}
@keyframes scroll-infinity {
    100% {
        background-position: -3000px 0px;
    }
}
/*--------------------------------------------------------------
# HPFSS - VIDEO
--------------------------------------------------------------*/
.hpfss {
    display: table;
    position: relative;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	height: 100vh;
    min-height: 100%;
    z-index: -100;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
.hpfss-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*CENTERING ITEMS VIDEO*/
.position-center-video {
    text-align: center;
	margin: 0 auto;
}
.block-center-video {
	position: relative;
    display: block;
    width: 100%;
    height: 100%;
	margin-top: 50%;
    text-align: center;
    vertical-align: middle;
    opacity: 1.00;
    z-index: 10;
}
/*--------------------------------------------------------------
# HPFSS - JUMBOTRON
--------------------------------------------------------------*/
.jumbotron {
    background: #1a1a1a !important;  
    background-color: #1a1a1a !important;
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: left, left, center;
    height: auto;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	-moz-box-shadow: 0 5px 9px 5px rgba(0,0,0,0.60);
	-webkit-box-shadow: 0 5px 9px 5px rgba(0,0,0,0.60);
	-o-box-shadow: 0 5px 9px 5px rgba(0,0,0,0.60);
	box-shadow: 0 5px 9px 5px rgba(0,0,0,0.60);
}
.bg-jumbotron {
    background: #1a1a1a !important;  
    background-color: #1a1a1a !important;
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: left, left, center;
    height: auto;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	-moz-box-shadow: 0 5px 9px 5px rgba(0,0,0,0.60);
	-webkit-box-shadow: 0 5px 9px 5px rgba(0,0,0,0.60);
	-o-box-shadow: 0 5px 9px 5px rgba(0,0,0,0.60);
	box-shadow: 0 5px 9px 5px rgba(0,0,0,0.60);
}
.cf-bgj {
	margin-right: auto;
    margin-left: auto;
    padding: 0 !important;
}
.no-pm {
	padding: 0;
	margin: 0;
	padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
/*--------------------------------------------------------------
# HPFSS - PATTERNS AND OVERLAYS
--------------------------------------------------------------*/
.pattern-dot {
    position: inherit;
    background: url("../../../assets/patterns/pattern-mjd-dotted.png"), rgba(0, 0, 0, 0.70) repeat;
}
.pattern-grid {
    position: inherit;
    background: url("../../../assets/patterns/pattern-mjd-grid.png"), rgba(0, 0, 0, 0.70) repeat;
}
@media (max-width: 767px) {
    .fullscreen-bg {
        background: url("../../../assets/bg-hpfss/bg-hpfss-video/bg-hpfss-video-jpg.jpeg") center center / cover no-repeat;
    }
    .fullscreen-bg-video {
        display: none;
    }
}
/*--------------------------------------------------------------
# 06.01. IMAGES AND IMAGES FX
--------------------------------------------------------------*/
.img-fx {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
	-moz-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	-webkit-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	-o-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	cursor: pointer;
}
.img-fx img {
    max-width: 100%;
    max-height: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	cursor: pointer;
}
.img-fx img:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
	-moz-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	-webkit-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	-o-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	cursor: pointer;
}
.blog-img-fx {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
	-moz-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	-webkit-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	-o-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	cursor: pointer;
}
.blog-img-fx img {
    max-width: 100%;
    max-height: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	cursor: pointer;
}
.blog-img-fx img:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
	-moz-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	-webkit-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	-o-box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
	box-shadow: 5px 10px 14px 3px rgba(0,0,0,0.40);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	cursor: pointer;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 07. HEADINGS
--------------------------------------------------------------*/
/*CENTERING ITEMS*/
.position-center {
    text-align: center;
	margin: 0 auto;
}
.block-center {
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
	margin-top: 50%;
    text-align: center;
    vertical-align: middle;
    opacity: 1.00;
    z-index: 10;
}
/*CENTERING ITEMS VIDEO*/
.position-center-video {
    text-align: center;
	margin: 0 auto;
}
.block-center-video {
	position: relative;
    display: block;
    width: 100%;
    height: 100%;
	margin-top: 50%;
    text-align: center;
    vertical-align: middle;
    opacity: 1.00;
    z-index: 10;
}
.home .st-brand {
    text-align: center;
    margin-bottom: 50px;
}
.home .st-home-unit {
    display: table-cell;
    position: relative;
    vertical-align: middle !important;
    top: 0px !important;
    left: 50% !important;
}
.home .hero-txt {
    color: #ffffff;
    text-align: center;
}
.home .hero-txt .hero-title {
    font-family: "Oswald", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 70px;
    line-height: 85px;
    font-weight: 700;
    letter-spacing: 8px;
    word-spacing: 4px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 20px 10px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.hero-title {
    font-family: "Oswald", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 70px;
    line-height: 85px;
    font-weight: 700;
    letter-spacing: 8px;
    word-spacing: 4px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 20px 10px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.home .hero-txt .hero-title:hover,
.hero-title:hover {
    font-family: "Oswald", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 70px;
    line-height: 85px;
    font-weight: 700;
    letter-spacing: 8px;
    word-spacing: 4px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 20px 10px;
    text-shadow: 3px 8px 8px rgba(255, 0, 42, 0.50), 4px 9px 13px rgba(255, 0, 42, 0.30), 4px 18px 23px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.home .hero-txt .hero-work {
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.home .hero-txt .hero-work:after {
    content: "";
    display: block;
    width: 200px;
    height: 4px;
    margin: 20px auto 0;
    background-color: rgba(0,0,0,0.00);
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.3);
}
.home .hero-txt a.btn {
    text-transform: uppercase;
}
.home .hero-txt a.btn.left-btn {
    margin-right: 20px !important;
}
.home .hero-txt .hero-sub-title {
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: 300;
    margin-bottom: 70px;
}
.home .hero-txt .hero-img {
    margin-top: 80px;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 08. NAVIGATION
--------------------------------------------------------------*/
.st-highlight {
    color: #000000;
}
/*NAVIGATION NAVBAR DEFAULT*/
.navbar-default {
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.00);
    border-width: 0;
    margin-bottom: 0 !important;
    height: 102px;
    -webkit-transition: background-color 300ms ease, height 300ms ease;
    transition: background-color 300ms ease, height 300ms ease;
}
.st-navbar-mini .navbar-default {
    background-color: rgba(0,0,0,0.80);
    height: 60px;
}
.st-navbar-mini .navbar-default .navbar-brand {
    padding: 15px 15px;
}
.st-navbar-mini .navbar-default .navbar-brand img {
    height: 30px;
}
.st-navbar-mini .navbar-default .navbar-nav > li.active > a,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:hover,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:focus,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:active {
    background-color: rgba(0,0,0,0.50);
}
.navbar-brand {
    height: auto;
    padding: 27px 15px;
    -webkit-transition: padding 300ms ease;
    transition: padding 300ms ease;
}
.navbar-brand img {
    height: 48px;
    -webkit-transition: height 300ms ease;
    transition: height 300ms ease;
}
.navbar-nav > li > a {
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
    text-transform: uppercase !important;
    -webkit-transition: color 300ms ease, background-color 300ms ease, padding 300ms ease;
    transition: color 300ms ease, background-color 300ms ease, padding 300ms ease;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active {
    color: #ffffff !important;
    outline-width: 0;
}
.navbar-nav > li.active > a,
.navbar-nav > li.active a:hover,
.navbar-nav > li.active a:focus,
.navbar-nav > li.active a:active {
    color: #ffffff !important;
}
.navbar-default .navbar-nav > li > a {
    color: #999999 !important;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active a:hover,
.navbar-default .navbar-nav > li.active a:focus,
.navbar-default .navbar-nav > li.active a:active {
    color: #ffffff !important;
    background-color: rgba(0,0,0,0.00);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: rgba(0,0,0,0.00);
}
.navbar-default .dropdown-header {
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #999999;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/*NAVIGATION NAVBAR DEFAULT DROPDOWN MENU*/
.navbar-default .dropdown-menu {
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #999999;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.80);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: -1px !important;
}
.navbar-default .dropdown-menu>li>a {
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #999999;
    text-transform: uppercase;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #999999 !important;
    text-decoration: none;
    background-color: rgba(255,255,255,1.00);
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
/*NAVIGATION MOBILE NAVBAR TOGGLE*/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 8px;
    background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    background-image: none;
    border: 1px solid rgba(0,0,0,0.00);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.navbar-default .navbar-toggle {
	border: none;
    border-color: rgba(0,0,0,0.00);
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #9f9f9f;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 35px;
    height: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/*NAVIGATION MOBILE*/
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid rgba(0,0,0,0.00);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border-color: rgba(0,0,0,0.80);
}
.container-fluid>.navbar-collapse, 
.container-fluid>.navbar-header, 
.container>.navbar-collapse, 
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}
.navbar-fixed-bottom .navbar-collapse, 
.navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}
/*--------------------------------------------------------------
# NAVIGATION
# CSS RESPONSIVE
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	.navbar-collapse {
		background-color: rgba(0,0,0,0.80);
		border-top: 1px solid rgba(0,0,0,0.00);
	}
	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form {
		border-color: rgba(0,0,0,0.80);
	}
}
@media only screen and (max-width: 767.98px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 320px) {}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 09. PAGE HEADERS
--------------------------------------------------------------*/
.page-header {
    background-image: url("../../../assets/bgs/bg-parallax-01.jpg");
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000000;
    padding: 150px 0 100px;
    margin: 0;
    border-width: 0;
}
.page-header .page-title {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 55px;
    letter-spacing: 5px;
    word-spacing: 4px;
}
.page-breadcrumb {
    background-color: #f7f7f7;
    background-color: #000000;
    color: #ffffff;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.01);
    border-botom: 1px solid #f2f2f2;
    padding: 20px 0;
}
.page-breadcrumb .breadcrumb {
    background-color: rgba(0,0,0,0.00);
    border-width: 0;
    border-radius: 0;
    margin-bottom: 0;
    color: #ffffff;
}
.page-breadcrumb .breadcrumb .active,
.page-breadcrumb .breadcrumb > li + li:before {
    color: #ffffff;
}
.page-breadcrumb .breadcrumb a {
    color: #ffffff;
}
.page-content {
    padding: 120px 0;
}
.about {
    padding: 100px 0 0;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 10. MEMBERS
--------------------------------------------------------------*/
.st-member {
    position: relative;
    overflow: hidden;
}
.st-member .st-member-info {
    width: 100%;
    height: 100%;
    padding: 70px 35px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(254, 254, 254, 0.95);
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}
.st-member .st-member-info .progress-bar {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.5s ease 0.2s;
    transition: transform 0.5s ease 0.2s;
}
.st-member .st-member-info .st-member-name {
    font-family: "Oswald", sans-serif;
    display: block;
    color: #4c4c4c;
    font-size: 30px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.st-member .st-member-info .st-member-name:after {
    content: "";
    display: block;
    height: 2px;
    width: 35px;
    background-color: #000000;
    margin: 0 auto;
}
.st-member .st-member-info .st-member-pos {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: 3px;
    font-style: italic;
    margin-bottom: 40px;
}
.st-member .st-member-info .st-member-social {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 70px;
}
.st-member .st-member-info .st-member-social ul {
    margin: 0;
    padding: 0;
}
.st-member .st-member-info .st-member-social ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0;
    padding: 0;
}
.st-member .st-member-info .st-member-social ul li a {
    display: block;
    width: 70px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 1.0);
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: background-color 300ms ease, opacity 300ms ease ease, -webkit-transform 0.5s ease;
    transition: background-color 300ms ease, opacity 300ms ease ease, transform 0.5s ease;
}
.st-member .st-member-info .st-member-social ul li a.facebook:hover {
    background-color: #3c5b9b;
}
.st-member .st-member-info .st-member-social ul li a.twitter:hover {
    background-color: #2daae1;
}
.st-member .st-member-info .st-member-social ul li a.dribbble:hover {
    background-color: #ea4c88;
}
.st-member:hover {
    cursor: pointer;
}
.st-member:hover .st-member-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.st-member:hover .st-member-info .st-member-social ul li a {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.st-member:hover .st-member-info .st-member-social ul li a.facebook {
    -webkit-transition: background-color 300ms ease, opacity 300ms ease ease 0.2s, -webkit-transform 0.5s ease 0.2s;
    transition: background-color 300ms ease, opacity 300ms ease ease 0.2s, transform 0.5s ease 0.2s;
}
.st-member:hover .st-member-info .st-member-social ul li a.facebook:hover {
    background-color: #3c5b9b;
}
.st-member:hover .st-member-info .st-member-social ul li a.twitter {
    -webkit-transition: background-color 300ms ease, opacity 300ms ease ease 300ms ease, -webkit-transform 0.5s ease 300ms ease;
    transition: background-color 300ms ease, opacity 300ms ease ease 300ms ease, transform 0.5s ease 300ms ease;
}
.st-member:hover .st-member-info .st-member-social ul li a.twitter:hover {
    background-color: #2daae1;
}
.st-member:hover .st-member-info .st-member-social ul li a.dribbble {
    -webkit-transition: background-color 300ms ease, opacity 300ms ease ease 0.4s, -webkit-transform 0.5s ease 0.4s;
    transition: background-color 300ms ease, opacity 300ms ease ease 0.4s, transform 0.5s ease 0.4s;
}
.st-member:hover .st-member-info .st-member-social ul li a.dribbble:hover {
    background-color: #ea4c88;
}
.st-member:hover .st-member-info .skills .skill:nth-child(2) .progress-bar {
    -webkit-transition-delay: 300ms ease;
    transition-delay: 300ms ease;
}
.st-member:hover .st-member-info .skills .skill:nth-child(3) .progress-bar {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.st-member:hover .st-member-info .skills .skill:nth-child(4) .progress-bar {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.st-member:hover .st-member-info .skills .skill:nth-child(5) .progress-bar {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.st-member:hover .progress-bar {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 11. SKILLS
--------------------------------------------------------------*/
.skill {
    text-align: left;
}
.skill strong {
    font-weight: 400;
}
.skill span {
    float: right;
}
.progress {
    height: 11px;
    padding: 0 3px;
    background-color: rgba(0,0,0,0.00);
    border: 1px solid #ededed;
    border-radius: 6px;
    box-shadow: none;
}
.progress-bar {
    height: 3px;
    margin-top: 3px;
    border-radius: 2px;
    position: relative;
    box-shadow: none;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-animation-name: process;
    animation-name: process;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.progress-bar-sept {
    background-color: #000000;
}
@-webkit-keyframes process {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes process {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 12. COUNTER, SERVICES, CTA CALL TO ACTION
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# COUNTER
--------------------------------------------------------------*/
.funfacts {
    background-image: url("../../../assets/bgs/bg-parallax-04.jpg");
    background-color: #000000;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    padding: 100px 0;
}
.funfacts .funfact {
    font-family: "Oswald", sans-serif;
    text-align: center;
    color: #ffffff;
}
.funfacts .funfact .st-funfact-icon {
    font-size: 60px;
    line-height: 90px;
    color: #e74c3c;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.funfacts .funfact .st-funfact-counter {
    font-family: "Oswald", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: 3px;
    color: #ffffff;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.funfacts .funfact .funfact-title {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: 2px;
}
.funfacts .funfact:after {
    content: "";
    display: block;
    width: 35px;
    height: 2px;
    background-color: #e74c3c;
    margin: 0 auto;
}
/*--------------------------------------------------------------
# SERVICES
--------------------------------------------------------------*/
.service {
    padding: 100px 0;
}
.section-services {
    margin-bottom: 20px;
}
.st-feature {
    text-align: center;
	cursor: pointer;
}
.st-feature .st-feature-icon {
    width: 102px;
    line-height: 100px;
    font-size: 42px;
    color: #ffffff;
    margin: 0 auto 20px;
    background-color: #000000;
    border-radius: 50%;
    position: relative;
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease;
    transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease, transform 300ms ease;
}
.st-feature .st-feature-title {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    line-height: 45px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    color: #4c4c4c;
    margin-bottom: 10px;
}
.st-feature:hover .st-feature-icon {
    color: #000000;
    border-color: #000000;
    background-color: rgba(0,0,0,0.00);
    -webkit-transform: rotate(360deg) scale(1.8);
    -ms-transform: rotate(360deg) scale(1.8);
    transform: rotate(360deg) scale(1.8);
}
.features-desc {
    padding: 100px 0;
    background-color: #fcfcfc;
}
/*FEATURE PARAGRAPH*/
.feature-paragraph {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #999999;
    word-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    text-align: justify;
    margin-bottom: 26px;
}
.feature-paragraph {
    display: block;
    box-sizing: border-box;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0 0 10px;
    margin-bottom: 26px;
    -webkit-font-smoothing: antialiased;
}
.feature-paragraph:after {
    box-sizing: border-box;
}
.feature-paragraph:before {
    box-sizing: border-box;
}
ul.styled-list li {
    list-style: none;
    padding-left: 0;
}
ul.styled-list li:before {
    content: "\f00c";
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: -1.5em;
    width: 1.5em;
    color: #000000;
}
ul.styled-list.list-caret li:before {
    content: "\f0da";
}
ul.styled-list.list-hand li:before {
    content: "\f0a4";
}
ul.styled-list.list-chevron li:before {
    content: "\f054";
}
ul.styled-list.list-times li:before {
    content: "\f00d";
}
ul.styled-list.list-star li:before {
    content: "\f006";
}
/*--------------------------------------------------------------
# CALL TO ACTION
--------------------------------------------------------------*/
.call-2-action {
    padding: 100px 0;
    background-image: url("../../../assets/bgs/bg-parallax-02.jpg");
    background-attachment: fixed;
    background-color: #000000;
}
.c2a {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    color: #fff !important;
}
.c2a h3 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
}
.c2a h3:after {
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    background-color: #444;
    margin: 15px auto 20px;
}
.c2a p {
    margin-bottom: 40px;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 13. PIECHART
--------------------------------------------------------------*/
.section-piecharts {
    margin-bottom: 20px;
}
canvas {
    vertical-align: middle;
}
.piecharts {
    padding: 20px 0;
	cursor: pointer;
}
.piechart {
    margin-bottom: 25px;
	cursor: pointer;
}
.piechart.piechart-style1 {
    text-align: center;
}
.piechart.piechart-style1 > div {
    position: relative;
}
.piechart.piechart-style1 > div:after {
    content: "%";
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    position: absolute;
    top: 50%;
    left: 66%;
    -ms-transform: translateX(-50%) translateY(-140%);
    -webkit-transform: translateX(-50%) translateY(-140%);
    transform: translateX(-50%) translateY(-140%);
}
.piechart.piechart-style1 input {
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 700;
}
.piechart.piechart-style1 canvas {
    margin-bottom: 38px;
    position: relative;
}
.piechart.piechart-style1 h6 {
    margin-bottom: 16px;
}
.piechart.piechart-style1 p {
    margin-bottom: 0;
}
.piechart.piechart-style1.iconic input {
    display: none !important;
}
.piechart.piechart-style1.iconic > div:after {
    content: none;
}
.piechart.piechart-style1.iconic i {
    font-size: 4.2em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 200px;
    height: 200px;
    line-height: 210px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.piechart.piechart-style2 .chart-container,
.piechart.piechart-style3 .chart-container {
    margin-bottom: 58px;
}
.piechart.piechart-style2 .chart-container canvas,
.piechart.piechart-style3 .chart-container canvas {
    float: left;
    margin-right: 29px;
}
.piechart.piechart-style2 .chart-container ul,
.piechart.piechart-style3 .chart-container ul {
    float: left;
}
.piechart.piechart-style2 .chart-container ul li span,
.piechart.piechart-style3 .chart-container ul li span {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-top: 13px;
    margin-right: 21px;
    position: relative;
    top: 9px;
}
.piechart.piechart-style2 .chart-container ul li:first-child span,
.piechart.piechart-style3 .chart-container ul li:first-child span {
    margin-top: 1px;
}
.piechart.piechart-style2 .chart-container .chart-data,
.piechart.piechart-style3 .chart-container .chart-data {
    display: none;
}
.piechart.piechart-style2 h6,
.piechart.piechart-style3 h6 {
    margin-bottom: 13px;
}
.piechart-button {
	text-align: center;
    margin-top: 25px;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 14. PORTFOLIO
--------------------------------------------------------------*/
.portfolio {
    padding: 100px 0 0;
}
.btn-portfolio {
    font-family: "Oswald", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    background-color: #fff !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #000000 !important;
    padding: 8px 30px !important;
    margin-bottom: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
}
.btn-portfolio:visited {
    color: #fff !important;
    background-color: #000000 !important;
}
.btn-portfolio:hover {
    color: #fff !important;
    background-color: #000000 !important;
}
.btn-portfolio:active {
    color: #fff !important;
    background-color: #000000 !important;
}
.btn-portfolio:focus {
    color: #fff !important;
    background-color: #000000 !important;
}
.btn-portfolio-main {
    font-family: "Oswald", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background-color: #000000 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #000000 !important;
    padding: 8px 30px !important;
    margin-bottom: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
}
.btn-portfolio-main:visited {
    color: #000000 !important;
    background-color: #fff !important;
}
.btn-portfolio-main:hover {
    color: #000000 !important;
    background-color: #fff !important;
}
.btn-portfolio-main:active {
    color: #000000 !important;
    background-color: #fff !important;
}
.btn-portfolio-main:focus {
    color: #000000 !important;
    background-color: #fff !important;
}
/*BTN PORTFOLIO FIGURE*/
.btn-portfolio-figure,
.btn-portfolio-figure:visited,
.btn-portfolio-figure:hover,
.btn-portfolio-figure:active,
.btn-portfolio-figure:focus {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 400;
	color: #ffffff !important;
	background: #e74c3c !important;
	background-color: #e74c3c !important;
    text-transform: uppercase;
	text-align: center;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.50);
    border: 2px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    touch-action: manipulation;
	display: inline-block;
    padding: 5px 35px !important;
    margin-bottom: 0;
    cursor: pointer;
}
.btn.btn-portfolio-figure-animated-icon {
    overflow: hidden;
}
.btn.btn-portfolio-figure-animated-icon .fa {
    font-size: 14px;
    line-height: 20px;
    padding-top: 20px;
}
.btn.btn-portfolio-figure-animated-icon i,
.btn.btn-portfolio-figure-animated-icon span {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn.btn-portfolio-figure-animated-icon i {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transform: translateY(-50%) translateX(-2px);
    -ms-transform: translateY(-50%) translateX(-2px);
    transform: translateY(-50%) translateX(-2px);
}
.btn.btn-portfolio-figure-animated-icon:hover span {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
}
.btn.btn-portfolio-figure-animated-icon:hover i {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%) translateX(4px);
    -ms-transform: translateY(-50%) translateX(4px);
    transform: translateY(-50%) translateX(4px);
}
.filter {
    text-align: center;
}
.filter .btn {
    font-weight: 400;
}
.filter input[type="radio"] {
    display: none;
}
.grid {
    width: 100%;
    padding: 0;
}
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: rgba(0,0,0,1.00);
    text-align: center;
    cursor: pointer;
    width: 33.33333333%;
    box-sizing: border-box;
}
.grid figure img {
    background: rgba(0,0,0,0.60);
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1.00;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.grid figure figcaption {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption > a {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 400;
	z-index: 1000;
    position: absolute;
    right: 50%;
    bottom: 50px;
    margin-right: -70px;
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    -webkit-transition: -webkit-transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms;
}
.grid figure h2 {
    color: #ffffff;
    font-weight: 400;
    margin: 0;
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
    top: 30px;
    opacity: 0;
    -webkit-transition: -webkit-transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
.grid figure h2::after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 80px;
    margin-left: -40px;
    height: 2px;
    background: #e74c3c;
    content: "";
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    opacity: 0;
    -webkit-transition: opacity 350ms, -webkit-transform 350ms;
    transition: opacity 350ms, transform 350ms;
}
.grid figure h2 span {
    color: #e74c3c;
    font-weight: 600;
}
.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
    margin: 0;
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
    top: 100px;
    line-height: 1.5;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
    -webkit-transition: opacity 350ms, -webkit-transform 350ms;
    transition: opacity 350ms, transform 350ms;
}
.grid figure:hover h2 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.grid figure:hover h2::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.grid figure:hover img {
    opacity: 0.3;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.grid figure:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.grid figure:hover figcaption > a {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 15. BLOG, PORTFOLIO AND CLIENTS CAROUSEL, TESTIMONIALS
--------------------------------------------------------------*/
.blog-featured-posts-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-featured-posts-carousell li {
    padding: 0;
    opacity: 0.8;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}
.blog-featured-posts-carousel li:hover {
    opacity: 1;
}
.portfolio-projects-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
}
.portfolio-projects-carousel li {
    padding: 0;
    opacity: 0.8;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}
.portfolio-projects-carousel li:hover {
    opacity: 1;
}
.clients {
    padding: 100px 0;
}
.clients-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clients-carousel li {
    padding: 0 20px;
    opacity: 0.8;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}
.clients-carousel li:hover {
    opacity: 1;
}
.client-testimonials {
    padding: 100px 0;
    background-image: url("../../../assets/bgs/bg-parallax-03.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-color: #000000;
    color: #ffffff;
}
.client-testimonial .client-testimonial-img {
    float: left;
    margin-right: 30px;
    position: relative;
}
.client-testimonial .client-testimonial-img:after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background-color: #ff4444;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.client-testimonial .client-testimonial-img:before {
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 26px;
    color: #ffffff;
    text-shadow: 3px 3px 4px rgba(0,0,0,0.55);
    position: absolute;
    bottom: 11%;
    left: 11%;
    z-index: 99;
}
.client-testimonial .client-testimonial-img img {
    border-radius: 50%;
}
.client-testimonial blockquote {
	background: rgba(0,0,0,0.00);
	background-color: rgba(0,0,0,0.00);
    border-width: 0;
}
.client-testimonial blockquote p {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 300;
    font-style: italic;
	color: #999999;
	text-align: justify;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.55);
}
.client-testimonial blockquote footer,
.client-testimonial blockquote small,
.client-testimonial blockquote .small {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 300;
    font-style: oblique;
	color: #d0d0d0;
	text-align: left;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.40);
}
.client-testimonials-carousel {
    max-width: 800px;
    margin: 0 auto;
}
.client-testimonials-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.client-testimonials-carousel ul li {
    margin: 0;
    padding: 0;
    display: block;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 16. FEATURES AND PRICING
--------------------------------------------------------------*/
.pricing {
    padding: 100px 0;
}
.section-pricing-table {
    margin-bottom: 20px;
}
.pricing-table {
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #ffffff;
	-moz-box-shadow: 0 3px 5px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 5px 4px rgba(0,0,0,0.2);
	-o-box-shadow: 0 3px 5px 4px rgba(0,0,0,0.2);
	box-shadow: 0 3px 5px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.pricing-table:hover {
	-moz-box-shadow: 4px 5px 9px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 4px 5px 9px 6px rgba(0,0,0,0.5);
	-o-box-shadow: 4px 5px 9px 6px rgba(0,0,0,0.5);
	box-shadow: 4px 5px 9px 6px rgba(0,0,0,0.5);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	transform: scale(1.05);
}
.pricing-table .pricing-header .pt-price {
    padding: 10px 40px;
    font-family: "Oswald", sans-serif;
    color: #4c4c4c;
    font-size: 40px;
    font-weight: 400;
    line-height: 70px;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.pricing-table .pricing-header .pt-price small {
    font-size: 13px;
    color: #9a9a9a;
    font-weight: 300;
}
.pricing-table .pricing-header .pt-name {
    padding: 10px 40px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 3px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.pricing-table:hover .pricing-header .pt-name {
    color: #ffffff;
	background-color: #000000;
}
.pricing-table .pricing-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pricing-table .pricing-body ul li {
    padding: 8px 25px;
    margin: 0;
}
.pricing-table .pricing-body ul li:nth-child(even) {
    background-color: #fafafa;
}
.pricing-table .pricing-body ul li .fa-times {
    color: #ff6666;
}
.pricing-table .pricing-body ul li .fa-check {
    color: #000000;
}
.pricing-table .pricing-footer {
    text-align: center;
    padding: 15px 40px;
    border-top: 1px solid #f2f2f2;
}
.pricing-table.featured .pricing-header {
    position: relative;
    overflow: hidden;
}
.pricing-table.featured .pricing-header .pt-price {
    color: #000000;
}
.pricing-table.featured .pricing-header .pt-price small {
    color: #000000;
}
.pricing-table.featured .pricing-header .pt-name {
    color: #000000;
}
.pricing-table:hover.featured .pricing-header .pt-name {
    color: #ffffff;
	background-color: #ff4444;
}
.pricing-table.featured .pricing-header .featured-text {
    font-family: "Oswald", sans-serif;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
	background-color: #000000;
    position: absolute;
    top: 22px;
    left: -28px;
    padding: 5px 0;
    width: 126px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricing-table:hover.featured .pricing-header .featured-text {
	background-color: #ff4444;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 17. FAQ - CALL US - CTA
--------------------------------------------------------------*/
.faq-sec {
    padding: 100px 0 50px;
    background-color: #fcfcfc;
}
.faq {
    margin-bottom: 50px;
}
.faq h3 {
    margin-bottom: 15px;
}
.faq h3 i {
    color: #000000;
}
.call-us {
    padding: 50px 0;
    background-color: #000000;
    text-align: center;
}
.call-us h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 45px;
    vertical-align: middle;
    margin: 0 30px 0 0;
    letter-spacing: 2px;
    word-spacing: 5px;
}
.cta {
    padding: 50px 0;
    background-color: #ffffff;
    text-align: center;
}
.cta p {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-size: 38px;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 3px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.cta h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 45px;
    vertical-align: middle;
    margin: 0 30px 0 0;
    letter-spacing: 2px;
    word-spacing: 5px;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 18. BLOG PREVIEW
--------------------------------------------------------------*/
.blog {
    padding: 100px 0;
}
.blog-post {
    margin-bottom: 30px;
}
/*BLOG TYPOGRAPHY*/
.blog-post .post-title {
    margin-top: 0;
    margin-bottom: 20px;
}
.post-title {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #000000;
    font-size: 38px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.post-subtitle {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #404040;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 6px 7px rgba(0, 0, 0, 0.1), 0px 9px 12px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.post-subtitle:hover {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #303030;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    text-shadow: 1px 5px 4px rgba(0, 0, 0, 0.50), 1px 7px 8px rgba(0, 0, 0, 0.20), 1px 10px 13px rgba(0, 0, 0, 0.20);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.blog-post .post-subtitle {
    margin-top: 0;
    margin-bottom: 20px;
}
.post-paragraph {
	font-family: "Open Sans", sans-serif;
	color: #999999;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    word-spacing: 2px;
    -webkit-font-smoothing: antialiased;
	text-align: justify;
	margin: 0 0 10px;
	margin-bottom: 26px;
}
.blog-comment {
	font-family: "Open Sans", sans-serif;
	color: #999999;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    word-spacing: 2px;
    -webkit-font-smoothing: antialiased;
	text-align: justify;
	margin: 0 0 10px;
	margin-bottom: 26px;
}
/*BLOG BLOCKQUOTE*/
.blockquote-custom {
	font-family: "Open Sans", sans-serif;
    font-size: 17.5px;
	font-weight: 400;
	color: #808080;
	line-height: 26px;
    word-spacing: 2px;
    background: #f4f4f4;
    background-color: #f4f4f4;
    border-left: 5px solid #ff4c4c;
    padding: 20px;
    margin: 0 0 20px;
    box-shadow: 2px 3px 4px rgba(0,0,0,0.35);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}
.blockquote-custom:hover {
    box-shadow: 3px 4px 5px rgba(0,0,0,0.55);
    cursor: pointer;
}
.blog-post-blockquote {
	font-family: "Open Sans", sans-serif;
    font-size: 17.5px;
	font-weight: 400;
	color: #808080;
	line-height: 26px;
    word-spacing: 2px;
    cursor: pointer;
}
/*BLOG THUMBS*/
.blog-post .post-thumb {
    margin-bottom: 40px;
}
.blog-post .post-thumb img {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
/*BLOG META*/
.blog-post .author img {
    border-radius: 50%;
}
.blog-post .post-meta {
    margin-bottom: 10px;
    font-size: 13px;
}
.blog-post .post-meta a {
    font-weight: bold;
    color: #4c4c4c;
}
.blog-post .post-meta a:hover {
    color: #000000;
}
.blog-post .post-meta strong {
    color: #4c4c4c;
}
/*BLOG OL UL*/
.blog-post-ol-ul {
	list-style-type: square;
	margin-left: -20px;
}
/*BLOG WIDGETS*/
.widgets {
    padding-left: 50px;
}
.widget {
    margin-bottom: 60px;
}
.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul li {
    border-bottom: 1px solid #f2f2f2;
}
.widget ul li a {
    display: block;
    -webkit-transition: text-indent 300ms ease, color 300ms ease;
    transition: text-indent 300ms ease, color 300ms ease;
    padding: 5px 0;
}
.widget ul li a:hover {
    text-indent: 20px;
}
.widget ul li a:hover .badge {
    text-indent: 0;
    background-color: #4c4c4c;
}
.widget ul li .recent-post {
    padding: 10px 0;
}
.widget ul li .recent-post .post-thumb {
    display: block;
    float: left;
    margin-right: 15px;
}
.widget ul li .recent-post .post-thumb img {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.widget ul li .recent-post .post-title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 15px;
    margin: 0 0 5px;
}
.widget ul li .recent-post .post-title a {
    display: inline;
}
.widget ul li .recent-post .post-meta {
    font-size: 12px;
}
.widget ul li .recent-post .post-meta a {
    font-weight: bold;
    color: #4c4c4c;
}
.widget ul li .recent-post .post-meta a:hover {
    color: #000000;
}
.widget ul li .recent-post a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
}
.widget ul li .recent-post a:hover {
    text-indent: 0;
}
.widget ul li .badge {
    font-size: 10px;
    font-weight: 300;
    vertical-align: middle;
    margin-top: 5px;
    text-indent: 0;
    background-color: #000000;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}
.widget .widget-title {
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.widget-comment {
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.widget .tagcloud a {
    font-size: 13px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #737373;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 3px 20px;
    border-color: #e5e5e5;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 6px;
    -webkit-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
}
.widget .tagcloud a:hover {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 19. SUBSCRIBE
--------------------------------------------------------------*/
.subscribe {
    padding: 120px 0;
    background-image: url("../../../assets/bgs/bg-parallax-02.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #000000;
}
.subscribe .subscribe-title {
    text-align: center;
    color: #ffffff;
    margin-bottom: 50px;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 300;
}
.subscribe .subscribe-or {
    font-family: "Oswald", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    padding: 30px 0;
    margin: 0;
    text-transform: uppercase;
}
.subscribe .subscribe-social {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.subscribe .subscribe-social li {
    padding: 0;
    margin: 0;
    margin-right: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* SUBSCRIPTION FORM - NEWSLETTER */
#mc-email {
	border: 1px solid #808080;
	border-right: none;
}
.subscribe-form {
	outline: none;
    max-width: 500px;
    margin: 0 auto;
}
.subscribe-form .form-control {
	outline: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 14px 20px 14px 30px !important;
}
.input-group .form-control {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 14px 20px 14px 18px !important;
}
/* SOCIAL ICONS */
a.social {
    font-family: "Oswald", sans-serif;
    letter-spacing: 1px;
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    padding: 8px 20px 8px 65px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    -webkit-transition: background-color 300ms ease, text-indent 300ms ease, padding 300ms ease;
    transition: background-color 300ms ease, text-indent 300ms ease, padding 300ms ease;
}
a.social i {
    display: block;
    background-color: #31ada4;
    width: 50px;
    height: 42px;
    line-height: 42px;
    font-size: 17px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 10px;
    -webkit-transition: text-indent 300ms ease;
    transition: text-indent 300ms ease;
}
a.social:hover {
    background-color: #31ada4;
    text-indent: -10px;
    padding: 8px 30px 8px 65px;
}
a.social:hover i {
    text-indent: 29px;
}
a.social.twitter {
    background-color: #2daae1;
}
a.social.twitter i {
    background-color: #1a87b7;
}
a.social.twitter:hover {
    background-color: #1a87b7;
}
a.social.facebook {
    background-color: #3c5b9b;
}
a.social.facebook i {
    background-color: #2b416f;
}
a.social.facebook:hover {
    background-color: #2b416f;
}
a.social.rss {
    background-color: #fca73a;
}
a.social.rss i {
    background-color: #f58b04;
}
a.social.rss:hover {
    background-color: #f58b04;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    a.social:hover {
        padding: 8px 20px 8px 65px;
    }
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 20. CONTACT FORM AND CONTACT DETAILS WIDGET
--------------------------------------------------------------*/
/*CONTACT FORM*/
.contact {
    padding: 100px 0;
}
.contact-page-widgets {
	padding: 0 0 100px 0;
}
.contact form input,
.contact form textarea {
    margin-bottom: 30px;
}
input.form-control,
textarea.form-control {
    margin-bottom: 25px;
}
input[type="text"].formFieldError,
input[type="email"].formFieldError,
textarea.formFieldError {
    border-color: #e34444 !important;
}
/*CONTACT DETAILS ADDRESS WIDGET*/
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
    list-style: none;
    list-style-type: none;
}
/*CONTACT DETAILS WIDGET*/
.contact-details-section {
	margin: 0 0 60px 0;
}
.contact-details {
    text-align: center;
    padding: 30px 0;
	margin-bottom: 20px;
}
.heading-contact-details {
    font-family: "Oswald", sans-serif;
    font-size: 36px;
	font-weight: 400;
    text-align: center;
    color: #404040;
    margin: 0 auto;
    margin-top: 3%;
    margin-bottom: 3%;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.40), 
				 0px 8px 13px rgba(0,0,0,0.10), 
				 0px 18px 23px rgba(0,0,0,0.10);
    line-height: 40px;
    height: 70px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.heading-contact-details:hover {
    color: #ffffff;
	display: block;
	vertical-align: middle;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    text-shadow: 0px 4px 4px rgba(0,0,0,0.60), 
				 0px 6px 8px rgba(0,0,0,0.10), 
				 0px 10px 14px rgba(0,0,0,0.10);
}
.contact-details i {
	font-family: "FontAwesome";
    color: #ff4c4c;
    text-shadow: 0px 4px 4px rgba(0,0,0,0.60), 
				 0px 6px 8px rgba(0,0,0,0.30), 
				 0px 10px 14px rgba(0,0,0,0.20);
    padding-bottom: 20px;
}
.contact-details h4 {
    color: #404040;
    text-align: center;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
	cursor: pointer;
}
.contact-details p {
    font-family: "Open Sans", sans-serif;
	font-size: 20px;
	font-weight: 400;
    font-style: normal;
    line-height: 1.3;
    color: #444444;
    text-align: center;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
	cursor: pointer;
    margin-bottom: 0;
}
.contact-details-col-01 {
    text-align: center;
    background: #ffffff;
    background-color: #ffffff;
    box-shadow: 4px 5px 11px rgba(0,0,0,0.60);
	padding: 50px 0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
	cursor: pointer;
}
.contact-details-col-02 {
    text-align: center;
    background: #ffffff;
    background-color: #ffffff;
    box-shadow: 4px 5px 11px rgba(0,0,0,0.60);
	padding: 50px 0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
	cursor: pointer;
}
.contact-details-col-03 {
    text-align: center;
    background: #ffffff;
    background-color: #ffffff;
    box-shadow: 4px 5px 11px rgba(0,0,0,0.60);
	padding: 50px 0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
	cursor: pointer;
}
.contact-details-col-01:hover,
.contact-details-col-02:hover,
.contact-details-col-03:hover {
    text-align: center;
    background: #000000;
    background-color: #000000;
    box-shadow: 6px 7px 18px rgba(0,0,0,0.90);
	transform: scale(1.03);
}
.contact-details:hover h4 {
	color: #ff4c4c;
    text-align: center;
}
.contact-details:hover p {
    font-family: "Open Sans", sans-serif;
	font-size: 20px;
	font-weight: 400;
    font-style: normal;
    line-height: 1.3;
	color: #ffffff;
    text-align: center;
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .contact-details {
		text-align: center;
        padding: 30px 0;
    }
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 21. ANIMATIONS
--------------------------------------------------------------*/
.animOne:hover {
    -webkit-animation: pulse 1000ms;
    animation: pulse 1000ms;
}
.animTwo:hover {
    -webkit-animation: wobble 1000ms;
    animation: wobble 1000ms;
}
.animThree:hover {
    -webkit-animation: bounce 1000ms;
    animation: bounce 1000ms;
}
.animFour:hover {
    -webkit-animation: tada 1000ms;
    animation: tada 1000ms;
}
/* Theme BW - Black Pulse on Hover */   
.theme-bw-pulser {
	position: relative;
	cursor: pointer;
	border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9);
	-webkit-animation: tbwpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: tbwpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: tbwpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: tbwpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
.theme-bw-pulser:hover {
	-webkit-animation: tbwpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: tbwpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: tbwpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: tbwpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes tbwpulse {
	to {
	box-shadow: 0 0 0 45px rgba(0, 0, 0, 0);
	}
}
@-moz-keyframes tbwpulse {
	to {
	box-shadow: 0 0 0 45px rgba(0, 0, 0, 0);
	}
}
@-ms-keyframes tbwpulse {
	to {
	box-shadow: 0 0 0 45px rgba(0, 0, 0, 0);
	}
}
@keyframes tbwpulse {
	to {
	box-shadow: 0 0 0 45px rgba(0, 0, 0, 0);
	}
}
/* Theme BW - Red Pulse on Hover */
.theme-bw-red-pulser {
    position: relative;
    cursor: pointer;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: 0 0 0 0 rgba(255, 0, 37, 0.9);
    -webkit-animation: tbwrpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: tbwrpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: tbwrpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
    animation: tbwrpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
.theme-bw-red-pulser:hover {
    -webkit-animation: tbwrpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: tbwrpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: tbwrpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
    animation: tbwrpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes tbwrpulse {
    to {
        box-shadow: 0 0 0 45px rgba(255, 0, 37, 0);
    }
}
@-moz-keyframes tbwrpulse {
    to {
        box-shadow: 0 0 0 45px rgba(255, 0, 37, 0);
    }
}
@-ms-keyframes tbwrpulse {
    to {
        box-shadow: 0 0 0 45px rgba(255, 0, 37, 0);
    }
}
@keyframes tbwrpulse {
    to {
        box-shadow: 0 0 0 45px rgba(255, 0, 37, 0);
    }
}
/* Theme BW - White Pulse on Hover */
.theme-bw-white-pulser {
    position: relative;
    cursor: pointer;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
    -webkit-animation: tbwwpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: tbwwpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: tbwwpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
    animation: tbwwpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
.theme-bw-white-pulser:hover {
    -webkit-animation: tbwwpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: tbwwpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: tbwwpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
    animation: tbwwpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes tbwwpulse {
    to {
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@-moz-keyframes tbwwpulse {
    to {
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@-ms-keyframes tbwwpulse {
    to {
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@keyframes tbwwpulse {
    to {
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 22. GOOGLE MAPS
--------------------------------------------------------------*/
/*Google Maps Pages - Contact Page*/
.jumbotron-google-map {
    color: inherit;
    background-color: none;
    margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
	.jumbotron-google-map {
		padding: 0;
	}
}
#map-page {
	height: 600px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    transition: all 700ms;
}
#map-page img {
    max-width: none;
}
#map-page #google-map {
    height: 600px;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    transition: all 700ms;
	opacity: 1;
}
/*Google Maps - Other Pages*/
#map {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    transition: all 700ms;
}
#map img {
    max-width: none;
}
.close-map {
    height: 0;
}
.open-map {
    height: 460px;
}
#map-btn1-contain {
    width: 100%;
	background: #1f1f1f;
}
a.gmap-btn.btn-show {
    display: block;
}
a.gmap-btn.btn-hide {
    display: none;
}
a.gmap-btn {
    background: 0 0;
    font-family: "Open Sans", sans-serif;
    color: #fff !important;
    font-weight: 600;
    font-size: 14px;
    word-spacing: 2px;
    line-height: 1.3333333;
    height: auto;
    text-align: left !important;
    -webkit-font-smoothing: antialiased;
    position: relative;
    z-index: 2;
    cursor: pointer;
    width: 125px;
    padding: 10px 0;
    margin: 0 auto !important;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
a.gmap-btn.active,
a.gmap-btn:active,
a.gmap-btn:focus,
a.gmap-btn:hover {
    font-family: "Open Sans", sans-serif;
    color: #ff0025 !important;
    font-weight: 600;
    font-size: 14px;
    word-spacing: 2px;
    line-height: 1.3333333;
    height: auto;
}
a.gmap-btn .fa-angle-down {
    padding-left: 5px;
}
.close-map-button,
.open-map-button {
    padding: 5px 0;
    opacity: 1;
}
#map #google-map {
    height: 460px;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    transition: all 700ms;
}
.close-map #google-map {
    opacity: 0;
}
.open-map #google-map {
    opacity: 1;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 23. FOOTER
--------------------------------------------------------------*/
footer {
    padding-top: 100px;
}
.background-footer {
    background: #121214;
    background-color: #121214;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
/*LOGO FOOTER*/
.section-logo-footer {
	text-align: left;
	margin-bottom: 20px;
}
.section-logo-footer img {
	text-align: left;
	display: block;
}
/*FOOTER TYPOGRAPHY*/
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p {
    color: #bfbfbf;
}
.custom-strong {
    font-weight: 700;
}
/*FOOTER HEADINGS*/
.footer-heading {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #bfbfbf;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading:before {
    content: "";
    background: #e74c3c;
    top: 0;
    left: 0;
	width: 4px;
    height: 19px;
	margin-right: 5px;
	position: inherit;
	display: inline-block;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading:hover,
.footer-heading:hover:before {
    text-shadow: 2px 4px 3px rgba(222, 43, 39, 0.40), 6px 6px 8px rgba(222, 43, 39, 0.30), 8px 8px 10px rgba(222, 43, 39, 0.20);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading:hover:before {
    content: "";
    background: #de2b27;
	box-shadow: 2px 4px 3px rgba(222, 43, 39, 0.40), 6px 6px 8px rgba(222, 43, 39, 0.30), 8px 8px 10px rgba(222, 43, 39, 0.20);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading-left {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #bfbfbf;
	text-align: left;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading-left:before {
    content: "";
    background: #e74c3c;
    top: 0;
    left: 0;
	width: 4px;
    height: 19px;
	margin-right: 5px;
	position: inherit;
	display: inline-block;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading-left:hover,
.footer-heading-left:hover:before {
    text-shadow: 2px 4px 3px rgba(222, 43, 39, 0.40), 6px 6px 8px rgba(222, 43, 39, 0.30), 8px 8px 10px rgba(222, 43, 39, 0.20);
	-webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading-left:hover:before {
    content: "";
    background: #de2b27;
	box-shadow: 2px 4px 3px rgba(222, 43, 39, 0.40), 6px 6px 8px rgba(222, 43, 39, 0.30), 8px 8px 10px rgba(222, 43, 39, 0.20);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading-right {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #bfbfbf;
	text-align: right;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading-right:before {
    content: "";
    background: #e74c3c;
    top: 0;
    left: 0;
	width: 4px;
    height: 19px;
	margin-right: 5px;
	position: inherit;
	display: inline-block;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading-right:hover,
.footer-heading-right:hover:before {
    text-shadow: 2px 4px 3px rgba(222, 43, 39, 0.40), 6px 6px 8px rgba(222, 43, 39, 0.30), 8px 8px 10px rgba(222, 43, 39, 0.20);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.footer-heading-right:hover:before {
    content: "";
    background: #de2b27;
	box-shadow: 2px 4px 3px rgba(222, 43, 39, 0.40), 6px 6px 8px rgba(222, 43, 39, 0.30), 8px 8px 10px rgba(222, 43, 39, 0.20);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
/*FOOTER PARAGRAPH*/
.footer-paragraph {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #bfbfbf;
	text-align: justify;
}
.footer-copyright {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.footer-copyright-paragraph {
    font-family: "Oswald", sans-serif;
    font-size: 85%;
    font-weight: 300;
    color: #777777;
    line-height: 18px;
	text-align: center;
}
/*FOOTER LINKS*/
.link-footer {
    color: #808080 !important;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
}
.link-footer:hover {
    color: #bbbbbb !important;
}
.social-footer a {
    display: inline-block !important;
    padding: 1px 5px 1px 5px !important;
    margin-right: -14px !important;
}
.social-footer a {
    color: #808080 !important;
	background: rgba(0,0,0,0.00);
    border: 1px solid #808080 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
}
.social-footer a:link {
    color: #bbbbbb !important;
}
.social-footer a:visited {
    color: #bbbbbb !important;
    border: 1px solid #bbbbbb !important;
}
.social-footer a:hover {
    color: #bbbbbb !important;
    border: 1px solid #bbbbbb !important;
}
.social-footer a:active {
    color: #bbbbbb !important;
    border: 1px solid #bbbbbb !important;
}
/*WIDGET FOOTER TAG CLOUD*/
.widget-footer .tagcloud-footer a {
    font-size: 13px;
    color: #808080;
    background-color: rgba(0,0,0,0.00);
    border: 1px solid #808080;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 3px 20px;
    margin-bottom: 6px;
    -webkit-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
}
.widget-footer .tagcloud-footer a:hover {
    color: #bbbbbb;
    background-color: rgba(0,0,0,0.00);
    border: 1px solid #bbbbbb;
}
/*WIDGET FOOTER RECENT PROJECTS*/
.section-footer-recent-projects {
	margin-bottom: 30px;
}
.subscribe-email {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color: #808080;
	word-spacing: 2px;
	background: none;
	background-color: rgba(0,0,0,0.00);
	border: 1px solid #808080;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 8px;
	outline: none;
	width: 70%;
}
.btn-subscription-custom {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #808080;
    background: none;
    text-transform: uppercase;
    border: 1px solid #808080;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 7px;
    margin-left: -6px;
	outline: none;
    -webkit-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    -moz-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    -o-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
}
.btn-subscription-custom:hover,
.btn-subscription-custom a:hover,
.btn-subscription-custom i:hover {
	color: #e74c3c;
	background: none;
}
#form-control-search-footer {
	color: #808080;    
	background: none;
    border: 1px solid #808080 !important;
    padding: 8px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.btn-search-footer {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
	text-transform: uppercase;
    color: #808080;
	background: none;
    background-color: rgba(0,0,0,0.00);
	border: 1px solid #808080;
    letter-spacing: 1px;
    padding: 7px 10px;
	-webkit-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
	-moz-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
	-o-transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
}
.btn-search-footer:hover,
.btn-search-footer:focus,
.btn-search-footer:active {
    color: #ffffff;
	background: #e74c3c;
    background-color: #e74c3c;
	border: 1px solid #e74c3c;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 24. BUG FIXES
--------------------------------------------------------------*/
/**
 * Bug:
 * skip-link-focus-fix.js causes unexpected outline on elements
 * @link https://github.com/Automattic/_s/issues/543
 */
.content:before {
    content: "tabindex (if any): " attr(tabindex);
}
/**
 * Bug:
 * Slider horizontal scrollbar fix (LayerSlider/Slider Revolution)
 * @link https://www.themepunch.com/faq/extra-space-on-right-side-of-slider-horizontal-scrollbar-5-0/
 */
html {
    overflow-x: hidden;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 25. SCROLL TO TOP
--------------------------------------------------------------*/
#stt {
    font-size: 22px;
    line-height: 42px;
    color: #ffffff;
    background-color: #252525;
    border: 1px solid #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
	text-decoration: none;
	width: 50px;
	height: 50px;
	right: 20px;
	bottom: 15px;
    display: none;
	display: block;
    z-index: 99999;
	position: fixed;
    padding: 0;
	opacity: 0.40;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.20), 
				0px 8px 13px rgba(0, 0, 0, 0.10), 
				0px 18px 23px rgba(0, 0, 0, 0.10);
}
#stt:before {
    font-family: "FontAwesome";
    content: "\f106";
	font-size: 22px;
    line-height: 42px;
    color: #ffffff;
	text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
#stt:hover {
    color: #ffffff;
    background-color: #252525;
    border: 1px solid #ffffff;
	opacity: 1.00;
}
#stthover:hover {
    font-size: 22px;
    line-height: 42px;
    color: #ffffff;
    background-color: #252525;
    border: 1px solid #ffffff;
	text-decoration: none;
}
#stt:active,
#stt:focus {
    outline: none;
	text-decoration: none;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 26. WKSB SCROLLBAR
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 27. THEME BUG FIXES
--------------------------------------------------------------*/
/**!
 * Bug:
 * skip-link-focus-fix.js causes unexpected outline on elements
 * @link https://github.com/Automattic/_s/issues/543
 **/
.content:before {
    content: "tabindex (if any): " attr(tabindex);
}
/**!
 * Bug:
 * Slider horizontal scrollbar fix (LayerSlider/Slider Revolution)
 * @link https://www.themepunch.com/faq/extra-space-on-right-side-of-slider-horizontal-scrollbar-5-0/
 **/
html {
    overflow-x: hidden;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 28. CSS MISCELLANEOUS
--------------------------------------------------------------*/
/* COLORS THEME */
.color-gray {
	color: #808080;
	background: rgba(0,0,0,0.00);
}
.color-gray-light {
	color: #bbbbbb;
	background: rgba(0,0,0,0.00);
}
.color-purple {
	color: #ff4c4c;
	background: rgba(0,0,0,0.00);
}
.background-gray {
	background: #808080;
}
.background-gray-light {
	background: #bbbbbb;
}
.background-purple {
	background: #ff4c4c;
}
.pt-20 {
    padding-top: 20px;
}
.clearfix-left {
    clear: left;
}
.bg-black {
	background-color: #000000;
}
.bg-dark-gray {
	background-color: #1f1f1f;
}
.white {
    color: #c9c9c9;
}
.mjd {
	color: #ff4c4c;
	font-weight: 400;
}
/*PADDINGS AND MARGINS*/
.no-pm {
	padding: 0;
	margin: 0;
	padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
.padding-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.padding-40 {
	padding-top: 40px;
	padding-bottom: 0px;
}
.padding-none {
	padding-top: 0px;
	padding-bottom: 0px;
}
.padding-bottom {
    padding-bottom: 3.2rem;
}
.no-padding {
	padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
.pt-1 {
	padding-top: 1px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-100 {
	padding-top: 100px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-90 {
	padding-bottom: 90px;
}
.pb-100 {
	padding-bottom: 100px;
}
.mt-8 {
	margin-top: 8px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-90 {
	margin-top: 90px;
}
.mt-100 {
	margin-top: 100px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mtb-2050 {
	margin-top: 20px;
	margin-bottom: 50px;
}
.margin-top-100 {
	margin-top: 100px;
}
.margin-bottom-100 {
	margin-bottom: 100px;
}
/*IMAGE ALIGNERS*/
.img-positioner {
    margin: auto;
    cursor: pointer;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.img-margin {
    margin-top: -100px;
    cursor: pointer;
}
/*HORIZONTAL RULES CUSTOM*/
hr.small {
    max-width: 100px;
}
.hr-custom {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #888888;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
#hr-custom {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #888888;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
.hr-dark {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #1a1a1a;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
#hr-dark {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #1a1a1a;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
.hr-custom-light {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dadada;
}
#hr-custom-light {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dadada;
}
.hr-custom-dark {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #555555;
}
#hr-custom-dark {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #555555;
}
.hr-custom-shadow {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #888888;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
#hr-custom-shadow {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #888888;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
.hr-custom-light-shadow {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #999999;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
#hr-custom-light-shadow {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #999999;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}
/*MISC*/
.tac {
    text-align: center;
}
.nicescroll-rails {
    background: rgba(0, 0, 0, 0.1);
    width: 5px;
    z-index: 9999 !important;
}
.nicescroll-rails:hover {
    opacity: 1 !important;
}
.nicescroll-rails > div {
    background: #000000 !important;
}
.centered {
    display: block;
    margin: 0 auto;
}
.cursor-pointer {
	cursor: pointer;
}
/*--------------------------------------------------------------
# CHANGE TEXT SELECTION COLOR 
--------------------------------------------------------------*/
::selection {
	color: #f8f8f8;
	background: #4c4c4c;
}
::-moz-selection {
	color: #f8f8f8;
	background: #4c4c4c;
}
/*--------------------------------------------------------------
# RESPONSIVE IFRAME EMBEDDED VIDEO WRAPPER
--------------------------------------------------------------*/
.responsive-video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.responsive-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 29. THEME TOOLTIP
--------------------------------------------------------------*/
.tooltip.top .tooltip-arrow {
    bottom: 1px;
}
.tooltip-top {
	position: relative;
	display: inline-block;
	font-weight: 700;
	border-bottom: 1px dotted #000000;
}
.tooltip-top .tooltiptext-top {
	visibility: hidden;
	width: 120px;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
}
.tooltip-top:hover .tooltiptext-top {
	visibility: visible;
}
.tooltip .tooltiptext {
	top: -5px;
	left: 105%; 
}
.tooltip .tooltiptext {
	top: -5px;
	right: 105%; 
}
.tooltip-top .tooltiptext-top {
	width: 120px;
	bottom: 100%;
	left: 50%;
	margin-left: -60px;
}
.tooltip .tooltiptext {
	width: 120px;
	top: 100%;
	left: 50%;
	margin-left: -60px;
}
.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: rgba(0,0,0,0.00) rgba(0,0,0,0.00) rgba(0,0,0,0.00) #000000;
}
.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: rgba(0,0,0,0.00) #000000 rgba(0,0,0,0.00) rgba(0,0,0,0.00);
}
.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: rgba(0,0,0,0.00) rgba(0,0,0,0.00) #000000 rgba(0,0,0,0.00);
}
.tooltip-top .tooltiptext-top::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #000000 rgba(0,0,0,0.00) rgba(0,0,0,0.00) rgba(0,0,0,0.00);
}
.tooltip-top .tooltiptext-top {
	opacity: 0;
	transition: opacity 1000ms;
}
.tooltip-top:hover .tooltiptext-top {
	opacity: 1;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 30. COLUMNS AND ROWS
--------------------------------------------------------------*/
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row-centered {
	text-align: center;
}
.row:before, 
.row:after {
    content: "";
    display: table;
}
.row:after {
    clear: both;
}
.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
@media (min-width: 768px) {
	.row.equal {
		display: flex;
		flex-wrap: wrap;
	}
}
.col-centered {
    display: inline-block;
    text-align: center;
    float: none;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 31. CSS RESPONSIVE - MEDIA QUERIES
--------------------------------------------------------------*/
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 41px;
        padding-bottom: 41px;
    }
    .st-navbar-mini .navbar-default .navbar-nav > li > a {
        padding-top: 19px;
        padding-bottom: 20px;
    }
}
@media (min-width: 1440px) {
    .grid {
        width: 100%;
        padding: 0;
    }
    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        background: #000000;
        text-align: center;
        cursor: pointer;
        width: 25%;
    }
}
@media screen and (max-width: 767px) {
    a.gmap-btn {
        text-align: center !important;
    }
}
@media only screen and (min-width: 320px) {
    .home .st-home-unit {
        left: 0% !important;
        float: left;
    }
}
@media only screen and (min-width: 480px) {
    .home .st-home-unit {
        left: 0% !important;
        float: left;
    }
}
@media only screen and (min-width: 768px) {
    .home .st-home-unit {
        left: 12% !important;
        float: left;
    }
}
@media only screen and (min-width: 992px) {
    .home .st-home-unit {
        left: 15% !important;
        float: left;
    }
}
@media only screen and (min-width: 1200px) {
    .home .st-home-unit {
        left: 25% !important;
        float: left;
    }
}
@media only screen and (max-width: 1200px) {
    .home .st-home-unit {
        left: 20% !important;
        float: left;
    }
}
@media only screen and (max-width: 992px) {
    .home .st-home-unit {
        left: 12% !important;
        float: left;
    }
}
@media only screen and (max-width: 768px) {
    .home .st-home-unit {
        left: 10% !important;
        float: left;
    }
}
@media only screen and (max-width: 480px) {
    .home .st-home-unit {
        left: 0% !important;
        float: left;
    }
}
@media only screen and (max-width: 320px) {
    .home .st-home-unit {
        left: 0% !important;
        float: left;
    }
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# CSS RESPONSIVE - MEDIA QUERIES
--------------------------------------------------------------*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {}
/* Small Devices, Tablets */
@media only screen and (max-width: 767.98px) {}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/