/*--------------------------------------------------------------
## THEME 0RNG
## CSS - THEME-DEFAULT.CSS
## Theme 0RNG Default Stylesheet CSS
## Author: M. Jurasovic @mjd
## Author URI: https://mariojurasovic.com/
## Theme URI: https://p6.mariojurasovic.com/
## Version: 1.0.0
## Copyright: (c)2017
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## TABLE OF CONTENTS:
----------------------------------------------------------------
	01. GLOBAL STYLES
	02. NAVIGATION
		02.01. NAVIGATION MAIN
		02.02. NAVIGATION BLOG
		02.03. NAVIGATION ANIMATED DROPDOWN MENU
	03. TYPOGRAPHY
	    03.01. TYPOGRAPHY BLOG
	04. FULLSCREEN - IMAGE (SITE-WRAPPER, COVER, CONTAINER, BTN-LG)
	05. FULLSCREEN - VIDEO (SITE-WRAPPER, COVER, CONTAINER, BTN-LG)
	    05.01. MOUSE ANIMATE ICON
	07. BUTTONS
	08. PATTERNS
	09. COUNTER COUNT-TO FUNFACTS
	10. SKILLS
	11. PORTFOLIO
	12. PRICING FAQ CALL US SECTION
	13. CLIENT TESTIMONIALS - CAROUSEL
	14. IMAGES AND IMAGES FX
	15. PIECHART
	16. BLOG
	    16.01. SIDEBAR MODULES BLOG
		16.02. PAGINATION PAGER BLOG
		16.03. WIDGETS BLOG
		16.04. WELL BLOG
	17. CONTACT DETAILS, CONTACT FORM AND GOOGLE MAPS
	    17.01. CONTACT DETAILS
		17.02. CONTACT FORM
		17.03. GOOGLE MAPS
	18. FOOTER
	19. ANIMATIONS
	20. VIDEO BACKGROUND
	21. BUG FIXES
	22. CSS CUSTOM
	23. SCROLL TO TOP
	24. CSS RESPONSIVE - MEDIA QUERIES
----------------------------------------------------------------
## END 
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 01. GLOBAL STYLES
--------------------------------------------------------------*/
html,
body {
    height: 100%;
    background-color: #e1e1e1;
}
body {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
/*--------------------------------------------------------------
# END  
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 02. NAVIGATION
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 02.01. NAVIGATION MAIN
--------------------------------------------------------------*/
.navbar {
	top: 0px;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
	border-bottom: 1px solid rgba(0,0,0,0.60);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
	-moz-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.navbar-default {
	top: 0px;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0,0,0,0.00);
	border-bottom: 1px solid rgba(0,0,0,0.60);
	-moz-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.navbar-nav>li>a:hover {
    color: #e5e5e5;
}
.nav > li {
    position: relative;
    display: block;
    text-align: left;
}
.dropdown-menu {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 1.0;
	border-bottom: 2px ridge #e5e5e5;
	-moz-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
}
.dropdown-menu>li>a:active,
.dropdown-menu>li>a:hover {
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    border-right: 4px solid #e5e5e5;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.dropdown-header {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.dropdown-menu>li>a {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.navbar-default .navbar-nav>li>a {
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0.00);
    position: relative;
    overflow: hidden;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active {
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
}
.navbar-default .navbar-nav>li>a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #e5e5e5;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>li>a:focus:before,
.navbar-default .navbar-nav>li>a:active:before {
    left: 0;
    right: 0;
}
.navbar-brand > img {
    display: block;
    margin-top: -6px;
}
.navbar-default .navbar-toggle {
    border-color: rgba(0,0,0,0.00);
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 33px;
    margin-bottom: 33px;
	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 .icon-bar {
    background-color: #888888;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/*--------------------------------------------------------------
# 02.02. NAVIGATION BLOG
--------------------------------------------------------------*/
.navbar {
	top: 0px;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
	border-bottom: 1px solid rgba(0,0,0,0.60);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
	-moz-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.navbar-default {
	top: 0px;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
	border-bottom: 1px solid rgba(0,0,0,0.60);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
	-moz-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.navbar-nav>li>a:hover {
    color: #e5e5e5;
}
.nav > li {
    position: relative;
    display: block;
    text-align: left;
}
.dropdown-menu {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 1.0;
	border-bottom: 2px ridge #e5e5e5;
	-moz-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
	box-shadow: 0 5px 9px 2px rgba(0,0,0,0.4);
}
.dropdown-menu>li>a:active,
.dropdown-menu>li>a:hover {
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    border-right: 4px solid #e5e5e5;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.dropdown-header {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.dropdown-menu>li>a {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.navbar-default .navbar-nav>li>a {
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0.00);
    position: relative;
    overflow: hidden;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active {
	background: rgba(0,0,0,0.00);
    background-color: rgba(0,0,0,0.00);
}
.navbar-default .navbar-nav>li>a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #e5e5e5;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>li>a:focus:before,
.navbar-default .navbar-nav>li>a:active:before {
    left: 0;
    right: 0;
}
.navbar-brand > img {
    display: block;
    margin-top: -6px;
}
.navbar-default .navbar-toggle {
    border-color: rgba(0,0,0,0.00);
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 33px;
    margin-bottom: 33px;
	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 .icon-bar {
    background-color: #888888;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/*--------------------------------------------------------------
# 02.03. NAVIGATION ANIMATED DROPDOWN MENU
--------------------------------------------------------------*/
@media (min-width: 768px) {
	.animated {
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
		animation-duration: 200ms;
		-webkit-animation-duration: 200ms;
	}
}
@keyframes animated-dropdown-menu {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
	100% {
		transform:translateY(0rem);
		opacity: 1;
	}
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}
@-webkit-keyframes animated-dropdown-menu {
	0% {
		-webkit-transform: transform;
		transform: transform;
		-webkit-opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-opacity: 1;
	}
	0% {
		-webkit-transform: translateY(1rem);
		transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}
.animated-dropdown-menu {
	-webkit-animation-name: animated-dropdown-menu;
	animation-name: animated-dropdown-menu;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 03. TYPOGRAPHY
--------------------------------------------------------------*/
.heading-hero {
    font-family: "Lobster", sans-serif;
    font-size: 48px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 3%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.paragraph-hero {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.heading-hero-video {
    font-family: "Lobster", sans-serif;
    font-size: 48px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 1%;
    margin-bottom: 1%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.paragraph-hero-video {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
/*HEADING TITLE ORNAMENT*/
.heading-ornament:before {
	content: "";
    background-image: url("../../../assets/ornaments/heading-title-ornament.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
	text-align: center;
    display: block;
    width: 250px;
    height: 65px;
    margin: 0 auto;
	margin-bottom: 10px;
	cursor: pointer;
}
/*HEADINGS*/
.heading-zero {
    font-family: "Lobster", sans-serif;
    font-size: 44px;
    color: #e74c3c;
    text-align: left;
    margin-top: 5%;
    margin-bottom: 1%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.heading-one {
    font-family: "Lobster", sans-serif;
    font-size: 44px;
    color: #e74c3c;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 1%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.heading-two {
    font-family: "Lobster", sans-serif;
    font-size: 44px;
    color: #e74c3c;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.heading-three {
    font-family: "Lobster", sans-serif;
    font-size: 44px;
    color: #ffffff;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.heading-four {
    font-family: "Lobster", sans-serif;
    font-size: 34px;
    color: #e74c3c;
    text-align: center;
    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);
	-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-five {
    font-family: "Lobster", sans-serif;
    font-size: 44px;
    color: #ffffff;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 5%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.heading-six {
    font-family: "Lobster", sans-serif;
    font-size: 44px;
    color: #ffffff;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.heading-contact {
    font-family: "Lobster", sans-serif;
    font-size: 44px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 8%;
    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);
    line-height: 40px;
    height: 75px;
    padding-left: 50px;
	-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 i {
    font-family: "FontAwesome";
    font-size: 42px;
    padding: 0 10px;
	-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;
}
.paragraph-one {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    text-align: justify;
    margin-bottom: 5%;
}
.paragraph-two {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 5%;
}
.paragraph-three {
    font-family: "Lobster", sans-serif;
    font-size: 18px;
    font-weight: 200;
    color: #000000;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
    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);
}
.paragraph-four {
    font-family: "Lobster", sans-serif;
    font-size: 22px;
    font-weight: 200;
    color: #000000;
    text-align: justify;
    margin-top: 5%;
    margin-bottom: 5%;
    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);
}
.paragraph-five {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    text-align: justify;
    margin-top: 5%;
    margin-bottom: 5%;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 8px 11px rgba(0, 0, 0, 0.1);
}
.heading-icon {
    font-family: "FontAwesome";
    font-size: 54px !important;
	-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 ANIMATIONS*/
.heading-hero:hover,
.heading-hero-video:hover {
	display: block;
	vertical-align: middle;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6), 0px 6px 8px rgba(0, 0, 0, 0.1), 0px 10px 14px rgba(0, 0, 0, 0.1);
}
.heading-hero-blog:hover,
.heading-hero-blog-left:hover {
	display: block;
	vertical-align: middle;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6), 0px 6px 8px rgba(0, 0, 0, 0.1), 0px 10px 14px rgba(0, 0, 0, 0.1);
}
.heading-one:hover,
.heading-two:hover,
.heading-three:hover,
.heading-four:hover,
.heading-five:hover,
.heading-six:hover,
.heading-contact:hover,
.heading-contact-details:hover,
.blog-title:hover {
	display: block;
	vertical-align: middle;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6), 0px 6px 8px rgba(0, 0, 0, 0.1), 0px 10px 14px rgba(0, 0, 0, 0.1);
}
.mjd-dropcap {
    font-family: "Lato", 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: "Lato", sans-serif;
    font-size: 5em;
	color: #404040;
    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;
}
/*--------------------------------------------------------------
# TYPED 3D
# Theme Color Toggler Dependancy
--------------------------------------------------------------*/
.typed-3d {
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    font-weight: 600;
    font-style: normal;
    color: #e74c3c;
    text-align: left;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 1%;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.40), 
				 3px 4px 5px rgba(0,0,0,0.10), 
				 4px 5px 8px rgba(0,0,0,0.10)
}
.spacer {
    margin-top: 35%;
    margin-bottom: 5%;
    vertical-align: middle;
    display: table-cell;
}
.spacer-video {
    margin: 0 auto;
    margin-top: 20%;
    vertical-align: middle;
}
.spacer-two {
    margin: 0 auto;
    margin-top: 15%;
    margin-bottom: 10%;
    vertical-align: middle;
    display: table-cell;
}
.spacer-three {
    margin: 0 auto;
    padding: 65px;
    min-height: 100%;
}
.spacer-four {
    margin: 0 auto;
    padding: 50px;
    min-height: 100%;
}
.block {
    display: block;
    margin: 0 auto;
    padding: 40px;
}
.color-toggler {
    color: #e74c3c;
}
.color-white {
    color: #ffffff;
}
.color-black {
    color: #000000;
}
.color-grey {
    color: #afafaf;
}
.color-orange {
    color: #e74c3c;
}
.color-orange-two {
    color: #ff4d4d;
}
/*--------------------------------------------------------------
# 03.01. TYPOGRAPHY BLOG
--------------------------------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    font-family: "Lobster", sans-serif;
    font-weight: 700;
    color: #ffffff;
}
.heading-hero-blog {
    font-family: "Lobster", sans-serif;
    font-size: 63px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 0%;
    margin-bottom: 1%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.paragraph-hero-blog {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3%;
    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-hero-blog-left {
    font-family: "Lobster", sans-serif;
    font-size: 62px;
    text-align: left;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 0%;
    margin-bottom: 1%;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.paragraph-hero-blog-left {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 3%;
    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);
}
.blog-header {
    padding-top: 20px;
    padding-bottom: 20px;
}
.blog-title {
    font-family: "Lobster", sans-serif;
    font-size: 42px;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 0;
    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;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
.blog-description {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e5e5e5;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.blog-main {
    font-size: 18px;
    line-height: 1.5;
}
.blog-post {
    margin-bottom: 40px;
}
.blog-post-title {
    font-family: "Lobster", sans-serif;
    font-size: 42px;
    color: #ffffff;
	text-align: left;
    margin-bottom: 5px;
    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);
	cursor: pointer;
}
.blog-post-title-sm {
    margin-top: 40px;
    margin-bottom: 20px;
    font-family: "Lobster", sans-serif;
    font-size: 42px;
    color: #ffffff;
	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);
	cursor: pointer;
}
.blog-post-subtitle {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Lobster", sans-serif;
    font-size: 28px;
    color: #ffffff;
	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);
	cursor: pointer;
}
.blog-post-paragraph {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #1a1a1a;
}
.blockquote-custom {
	font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #484848;
    text-align: left;
    border: none;
    border-left: 6px solid #e74c3c;
    background: #f9f9f9;
    box-shadow: 1px 3px 4px rgba(0,0,0,0.40);
    padding: 25px 20px;
    margin: 0 0 20px;
	-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;
}
.blockquote-custom:hover {
	font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #484848;
    text-align: left;
    border: none;
    border-left: 6px solid #e74c3c;
    background: #f9f9f9;
    box-shadow: 3px 5px 9px rgba(0,0,0,0.50);
    padding: 25px 20px;
    margin: 0 0 20px;
	-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;
}
.blog-post-blockquote {
	font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #484848;
    text-align: left;
}
.pre-custom {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    display: block;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    text-align: left;
    color: #484848;
    background-color: #f9f9f9;
    border: none;
    border-left: 6px solid #e74c3c;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
	border-radius: 0px;
    box-shadow: 1px 3px 4px rgba(0,0,0,0.40);
    padding: 9.5px;
    margin: 0 0 10px;
	overflow: auto;
}
.blog-post-ol-ul {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 200;
    color: #333333;
    line-height: 1.5;
    text-align: left;
    margin-left: 20px;
    padding: 20px 0;
    list-style-type: square;
}
.blog-post-meta {
    margin-bottom: 20px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1a1a1a;
}
.blog-sidebar-module-description {
    margin-top: 40px;
    margin-bottom: 20px;
    font-family: "Lobster", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #e5e5e5;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 8px 11px rgba(0, 0, 0, 0.1);
}
.blog-comment-heading {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Lobster", sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.0667rem;
    line-height: 1.01;
    color: #e5e5e5;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 8px 11px rgba(0, 0, 0, 0.1);
}
.blog-comment {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #1a1a1a;
}
.color-gray {
    color: #777777;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 04. FULLSCREEN - IMAGE (SITE-WRAPPER, COVER, CONTAINER, BTN-LG)
--------------------------------------------------------------*/
.site-wrapper {
    display: table;
    background: url("../../../assets/bg/bg-mjd.jpg");
    background-size: cover;
    -webkit-animation: 50000ms scroll infinite linear;
    -moz-animation: 50000ms scroll infinite linear;
    -o-animation: 50000ms scroll infinite linear;
    -ms-animation: 50000ms scroll infinite linear;
    animation: 50000ms scroll infinite linear;
    width: 100%;
    height: 100%;
	height: 100vh;
    min-height: 100%;
    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
}
@-webkit-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
@-moz-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
@-o-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
@-ms-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
@keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}
.site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
}
.cover-container {
    margin-right: auto;
    margin-left: auto;
}
.cover {
    padding: 0 20px;
}
.cover .btn-lg {
    padding: 10px 20px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 900;
}
.inner {
    padding: 30px;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 05. FULLSCREEN - VIDEO
--------------------------------------------------------------*/
.fullscreen-bg {
	height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    overflow: hidden;
    z-index: -100;
}
.fullscreen-bg-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%);
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 05.01. MOUSE ANIMATE ICON
--------------------------------------------------------------*/
.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-video {
    position: relative;
    left: 50%;
    margin-top: 17%;
    bottom: 6%;
    border: 2px solid #000000;
    border-radius: 16px;
    height: 40px;
    width: 24px;
    margin-left: -15px;
    display: block;
    z-index: 10;
    opacity: 0.8;
}
.mouse-icon-video .wheel-video {
    -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-video .wheel-video {
    position: relative;
    border-radius: 10px;
    background: #000000;
    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 ANIMATE ICON BLOG
--------------------------------------------------------------*/
.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-video {
    position: relative;
    left: 50%;
    margin-top: 17%;
    bottom: 6%;
    border: 2px solid #000000;
    border-radius: 16px;
    height: 40px;
    width: 24px;
    margin-left: -15px;
    display: block;
    z-index: 10;
    opacity: 0.8;
}
.mouse-icon-video .wheel-video {
    -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-video .wheel-video {
    position: relative;
    border-radius: 10px;
    background: #000000;
    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. LINKS
--------------------------------------------------------------*/
.menu-link ul li a {
    text-transform: uppercase !important;
}
.menu-link:link {
    color: #ffffff;
    text-transform: uppercase !important;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
.menu-link:visited {
    color: #ffffff;
    opacity: 1;
}
.menu-link:hover {
    color: #ffffff;
    opacity: 1;
}
.menu-link:active {
    color: #ffffff;
    opacity: 1;
}
.menu-link:focus {
    color: #ffffff;
    opacity: 1;
}
a:link {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.8;
}
a:visited {
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}
a:hover {
    color: #fff !important;
    text-decoration: none;
    opacity: 1;
}
a:active {
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}
a:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 07. BUTTONS
--------------------------------------------------------------*/
.btn-default,
.btn-default:hover,
.btn-default:focus {
    color: #ffffff;
    text-shadow: none;
    background-color: #e74c3c;
    border: 1px solid #e74c3c;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}
.btn-big:link {
    background-color: #e74c3c !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 1px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 0.8;
    letter-spacing: 1px;
    text-decoration: none;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-big:visited {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big:hover {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big:active {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big:focus {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-two:link {
    background-color: #e74c3c !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 1px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 0.9;
    letter-spacing: 1px;
    text-decoration: none;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-big-two:visited {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-two:hover {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-two:active {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-two:focus {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-three:link {
    background-color: #e74c3c !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 2px solid #fff !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 0.8;
    letter-spacing: 1px;
    text-decoration: none;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-big-three:visited {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-three:hover {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-three:active {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-three:focus {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-video:link {
    background-color: #e74c3c !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 1px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 0.8;
    letter-spacing: 1px;
    text-decoration: none;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-big-video:visited {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-video:hover {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-video:active {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-big-video:focus {
    background-color: #e74c3c !important;
    color: #fff !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-decoration: none;
    opacity: 1;
}
.btn-services,
.btn-services:visited,
.btn-services:hover,
.btn-services:active,
.btn-services:focus {
    display: inline-block;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #e74c3c;
    white-space: nowrap;
    padding: 4px 20px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-user-select: none;
    user-select: none;
}
.btn-read-more,
.btn-read-more:visited,
.btn-read-more:hover,
.btn-read-more:active,
.btn-read-more:focus {
    display: inline-block;
    padding: 5px 25px !important;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
	color: #ffffff !important;
	background: #e74c3c !important;
	background-color: #e74c3c !important;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    border: 1px 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;
    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-portfolio {
    display: inline-block;
    padding: 10px 30px !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    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;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	margin-bottom: 3px;
}
.btn-portfolio:link {
    display: inline-block;
    padding: 10px 30px !important;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #e74c3c !important;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    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;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-portfolio:visited {
    display: inline-block;
    padding: 10px 30px !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #e74c3c !important;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    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;
    cursor: pointer;
    margin-bottom: 3px;
}
.btn-portfolio:hover {
    display: inline-block;
    padding: 10px 30px !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #e74c3c !important;
    background-color: rgba(0,0,0,0.00) !important;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    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;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-bottom: 3px;
}
.btn-portfolio:active {
    display: inline-block;
    padding: 10px 30px !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #e74c3c !important;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    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;
    cursor: pointer;
    margin-bottom: 3px;
}
.btn-portfolio:focus {
    display: inline-block;
    padding: 10px 30px !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #e74c3c !important;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    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;
    cursor: pointer;
    margin-bottom: 3px;
}
.btn-portfolio-figure,
.btn-portfolio-figure:visited,
.btn-portfolio-figure:hover,
.btn-portfolio-figure:active,
.btn-portfolio-figure:focus {
    display: inline-block;
    padding: 5px 25px !important;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
	color: #ffffff !important;
	background: #e74c3c !important;
	background-color: #e74c3c !important;
    text-transform: uppercase;
    line-height: 1.42857143 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    border: 1px 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;
    cursor: pointer;
}
.btn.btn-portfolio-animated-icon {
    overflow: hidden;
}
.btn.btn-portfolio-animated-icon .fa {
    font-size: 14px;
    line-height: 20px;
    padding-top: 20px;
}
.btn.btn-portfolio-animated-icon i,
.btn.btn-portfolio-animated-icon span {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn.btn-portfolio-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-animated-icon:hover span {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
}
.btn.btn-portfolio-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.btn-animated-icon {
    overflow: hidden;
}
.btn.btn-animated-icon .fa {
    font-size: 16px;
    line-height: 20px;
    padding-top: 20px;
}
.btn.btn-animated-icon i,
.btn.btn-animated-icon span {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn.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.btn-animated-icon:hover span {
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
}
.btn.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-contact-animated-icon {
    overflow: hidden;
}
.btn.btn-contact-animated-icon .fa {
    font-size: 32px;
    line-height: 40px;
    padding-top: 40px;
}
.btn.btn-contact-animated-icon i,
.btn.btn-contact-animated-icon span {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn.btn-contact-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.btn-contact-animated-icon:hover span {
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
}
.btn.btn-contact-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);
}
.filter .btn-blog {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.filter .btn-main {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.00);
    color: #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-main:hover,
.btn-main:focus,
.btn-main:active {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e74c3c;
    background-color: rgba(0,0,0,0.00);
    border: 1px solid #e74c3c;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.filter .btn-main-blog {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.00);
    color: #e74c3c;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.filter .btn-main-blog:after {
    font-family: "FontAwesome";
    font-size: 14px;
    color: #e74c3c;
    margin-left: 10px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.filter .btn-main-blog:hover:after {
    font-family: "FontAwesome";
    font-size: 14px;
    color: #e74c3c;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-main-blog:after {
    font-family: "FontAwesome";
    font-size: 14px;
    color: #e74c3c;
    margin-left: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-main-blog:hover:after {
    font-family: "FontAwesome";
    font-size: 14px;
    color: #e74c3c;
    margin-left: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-main-blog:hover,
.btn-main-blog:focus,
.btn-main-blog:active {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e74c3c;
    background-color: rgba(0,0,0,0.00);
    border: 1px solid #e74c3c;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/*--------------------------------------------------------------
# BUTTONS BLOG
--------------------------------------------------------------*/
.btn-main-custom {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #e74c3c !important;
    background-color: rgba(0,0,0,0.00) !important;
    border: 2px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 40px !important;
}
.btn-main-custom:visited {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #e74c3c !important;
    background-color: rgba(0,0,0,0.00) !important;
    border: 2px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 40px !important;
}
.btn-main-custom:hover {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #e74c3c !important;
    background-color: rgba(0,0,0,0.00) !important;
    border: 2px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 40px !important;
}
.btn-main-custom:active {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #e74c3c !important;
    background-color: rgba(0,0,0,0.00) !important;
    border: 2px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 40px !important;
}
.btn-main-custom:focus {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #e74c3c !important;
    background-color: rgba(0,0,0,0.00) !important;
    border: 2px solid #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 40px !important;
}
.btn-submit-xs,
.btn-submit-xs:visited,
.btn-submit-xs:hover,
.btn-submit-xs:active,
.btn-submit-xs:focus {
    color: #fff !important;
    text-shadow: none !important;
    background-color: #e74c3c !important;
    border: 1px solid #e74c3c !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 08. PATTERNS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# JUMBOTRON
--------------------------------------------------------------*/
.jumbotron {
    background: #e74c3c;
    background-color: #e74c3c;
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: left, left, center;
    background-size: cover;
	height: auto;
	padding: 150px 0 100px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 5px 9px 4px rgba(0,0,0,0.60);
    -webkit-box-shadow: 0 5px 9px 4px rgba(0,0,0,0.60);
    -o-box-shadow: 0 5px 9px 4px rgba(0,0,0,0.60);
    box-shadow: 0 5px 9px 4px rgba(0,0,0,0.60);
}
.jumbotron-theme {
    background: #e74c3c;
    background-color: #e74c3c;
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: left, left, center;
    background-size: cover;
	height: auto;
	padding: 150px 0 100px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 5px 9px 4px rgba(0,0,0,0.60);
    -webkit-box-shadow: 0 5px 9px 4px rgba(0,0,0,0.60);
    -o-box-shadow: 0 5px 9px 4px rgba(0,0,0,0.60);
    box-shadow: 0 5px 9px 4px rgba(0,0,0,0.60);
}
/*--------------------------------------------------------------
# PATTERNS
--------------------------------------------------------------*/
.pattern-one {
    background-color: #e1e1e1;
    background: url("../../../assets/patterns/pattern-mjd-7.png") repeat;
}
.pattern-two {
    background-color: #e74c3c;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0px 50px 0px;
}
.pattern-three {
    background-color: #e1e1e1;
    background: url("../../../assets/patterns/pattern-mjd-7.png") repeat;
    padding: 20px 0px 60px 0px;
}
.pattern-four {
    background-color: #e74c3c;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat, no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px 0;
}
.pattern-five {
    background-color: #e74c3c;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.pattern-six {
    background-color: #e74c3c;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat, no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
}
.pattern-seven {
    background-color: #e1e1e1;
    background: url("../../../assets/patterns/pattern-mjd-7.png") repeat;
    padding: 20px 0px 100px 0px;
}
.pattern-eight {
	background-color: #e1e1e1;
    background: url(../../../assets/patterns/pattern-mjd-7.png) repeat;
    padding: 60px 0px 0px 0px;
}
.pattern-nop {
    background-color: #e1e1e1;
    background: url("../../../assets/patterns/pattern-mjd-7.png") repeat;
    padding: 0px;
}
.pattern-dot {
    position: inherit;
    background: url("../../../assets/patterns/pat-mjd-dot.png"), rgba(0, 0, 0, 0.40) repeat;
}
.pattern-grid {
    position: inherit;
    background: url("../../../assets/patterns/pat-mjd-grid.png"), rgba(0, 0, 0, 0.40) repeat;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 09. COUNTER COUNT-TO FUNFACTS
--------------------------------------------------------------*/
.funfacts {
    background-color: #e74c3c;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.funfacts .funfact {
    font: 64px Lato;
    font-weight: 900;
    text-align: center;
    color: #ffffff;
}
.funfacts .funfact .st-funfact-icon {
    font-size: 42px;
    line-height: 90px;
    color: #ffffff;
}
.funfacts .funfact .st-funfact-counter {
    font: 64px Lato;
    font-weight: 900;
    line-height: 68px;
    letter-spacing: 3px;
}
.funfacts .funfact .funfact-title {
    font: 22px Lato;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: 0.1px;
    color: #ffffff;
}
.funfacts .funfact:after {
    content: "";
    display: block;
    width: 58px;
    height: 2px;
    background-color: #ffffff;
    margin: 0 auto;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 10. SKILLS
--------------------------------------------------------------*/
.skills-heading {
    padding-top: 2.2rem;
    padding-bottom: 2.4rem;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 4.4rem;
    color: #e5e5e5;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}
.skills-paragraph {
    padding-bottom: 0.1rem;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 1.4rem;
    color: #e5e5e5;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.skills-block-one {
    border-left: 1px solid #5a5a5a;
}
.skills-block-one,
.skills-block-two,
.skills-block-three,
.skills-block-four {
    padding: 4.2rem;
    border-top: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
    border-bottom: 1px solid #5a5a5a;
    background-color: #e74c3c;
    background: url("../../../assets/patterns/pattern-mjd-squares.png"), rgba(231, 76, 60, 1.0);
    background-repeat: repeat, no-repeat;
    background-position: left, center;
    margin-bottom: -14px;
    text-align: center;
    text-transform: uppercase;
    transition: all 1000ms ease-in-out;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    cursor: url("../../../assets/patterns/cursors/cursor-mjd-scorpio.png"), url("../../../assets/patterns/cursors/cursor-mjd-scorpio.cur"), auto;
}
.skills-block-one:hover,
.skills-block-two:hover,
.skills-block-three:hover,
.skills-block-four:hover {
    border-top: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
    border-bottom: 1px solid #5a5a5a;
    background-color: #ff0025;
    background: url("../../../assets/patterns/pattern-mjd-squares.png"), rgba(255, 0, 42, 0.8);
    background-repeat: repeat, no-repeat;
    background-position: center, center;
    text-align: center;
    text-transform: uppercase;
    transition: all 1000ms ease-in-out;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    cursor: url("../../../assets/patterns/cursors/cursor-mjd-scorpio.png"), url("../../../assets/patterns/cursors/cursor-mjd-scorpio.cur"), auto;
}
.skillsAnim:hover {
    transition: all 1000ms ease-in-out;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    -webkit-animation: shake 1000ms;
    animation: shake 1000ms;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 11. PORTFOLIO
--------------------------------------------------------------*/
.filter input[type="radio"] {
    display: none;
}
.filter {
    text-align: center;
	margin: 0 0 50px 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.filter .btn {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 25px 10px 25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.grid {
    width: 100%;
    padding: 0;
}
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #000000;
    text-align: center;
    cursor: pointer;
    width: 33.33333333%;
    box-sizing: border-box;
}
.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: opacity 300ms, -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 300ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.grid figure figcaption {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption > a {
    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 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background: #e74c3c !important;
	background-color: #e74c3c !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #e74c3c;
    padding: 5px 25px;
}
.grid figure h2 {
    font-family: "Lato", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
    top: 30px;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
.grid figure h2::after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100px;
    margin-left: -40px;
    height: 3px;
    background: #e74c3c;
    content: "";
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.grid figure h2 span {
    font-family: "Lato", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #e74c3c;
}
.grid figure p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #e5e5e5;
    letter-spacing: 0px;
    text-transform: uppercase;
    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 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.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 {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e74c3c;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #e74c3c;
    padding: 5px 10px 5px 10px;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 12. PRICING FAQ CALL US SECTION
--------------------------------------------------------------*/
.pricing {
    padding: 70px 0;
}
.pricing-contact-page {
    padding: 0;
}
.pricing-table {
    border: 1px solid #8e8e8e;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: url("../../../assets/patterns/pattern-mjd-1.jpg") repeat;
	-moz-box-shadow: 0 3px 5px 4px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 3px 5px 4px rgba(0,0,0,0.20);
	-o-box-shadow: 0 3px 5px 4px rgba(0,0,0,0.20);
	box-shadow: 0 3px 5px 4px rgba(0,0,0,0.20);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.pricing-table:hover {
	-moz-box-shadow: 2px 5px 9px 6px rgba(0,0,0,0.40);
	-webkit-box-shadow: 2px 5px 9px 6px rgba(0,0,0,0.40);
	-o-box-shadow: 2px 5px 9px 6px rgba(0,0,0,0.40);
	box-shadow: 2px 5px 9px 6px rgba(0,0,0,0.40);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	transform: scale(1.05);
}
.pricing-table .pricing-header .pt-price {
    font-family: "Lato", sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    line-height: 70px;
    text-align: center;
    padding: 10px 40px;
    background: url("../../../assets/patterns/pattern-mjd-1.jpg") repeat;
    border-radius: 3px 3px 0px 0px;
}
.pricing-table .pricing-header .pt-price small {
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #9a9a9a;
}
.pricing-table .pricing-header .pt-name {
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
    color: #6a6a6a;
    padding: 10px 40px;
    border-top: 1px solid #8e8e8e;
    border-bottom: 1px solid #8e8e8e;
    -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;
    color: #5f5f5f;
    text-align: left;
}
.pricing-table .pricing-body ul li {
    padding: 8px 25px;
    margin: 0;
}
.pricing-table .pricing-body ul li:nth-child(even) {
    background-color: rgba(57, 57, 57, 0.20);
}
.pricing-table .pricing-body ul li .fa-times {
    color: #e74c3c;
}
.pricing-table .pricing-body ul li .fa-check {
    color: #e74c3c;
}
.pricing-table .pricing-footer {
    text-align: center;
    padding: 15px 40px;
    border-top: 1px solid #8e8e8e;
    background: url("") repeat;
}
.pricing-table.featured .pricing-header {
    position: relative;
    overflow: hidden;
}
.pricing-table.featured .pricing-header .pt-price {
    color: #e74c3c;
}
.pricing-table.featured .pricing-header .pt-price small {
    color: #e74c3c;
}
.pricing-table.featured .pricing-header .pt-name {
    color: #e74c3c;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.pricing-table.featured:hover .pricing-header .pt-name {
    color: #ffffff;
    background-color: #e74c3c;
}
.pricing-table.featured .pricing-header .featured-text {
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    background-color: #e74c3c;
    color: #ffffff;
    position: absolute;
    top: 22px;
    left: -28px;
    padding: 5px 0;
    width: 126px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.faq-sec {
    padding: 70px 0px;
}
.faq-sec .block {
    padding-bottom: 5px
}
.faq {
    margin-bottom: 50px;
}
.faq h3 {
    margin-bottom: 15px;
}
.faq h3 i {
    color: #e74c3c;
}
.call-us {
    padding: 50px 0;
    background-color: #e74c3c;
    background-image: url("../../../assets/bgs/bg-mjd-blank.png");
    background-size: cover;
    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;
}
/*--------------------------------------------------------------
# END OF PRICING FAQ CALL US SECTION 
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 13. CLIENT TESTIMONIALS - CAROUSEL
--------------------------------------------------------------*/
.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;
    transition: opacity 300ms;
}
.clients-carousel li:hover {
    opacity: 1;
}
.client-testimonials {
    display: inherit;
    vertical-align: top;
    padding: 40px 0;
    background-color: #e74c3c;
    background-size: cover;
    background-attachment: fixed;
}
.client-testimonial .client-testimonial-img {
    float: left;
    margin-right: 30px;
    position: relative;
}
.client-testimonial .client-testimonial-img:after {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 44px;
    background-color: #e74c3c;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.client-testimonial .client-testimonial-img:before {
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 24px;
    font-weight: 400;
	color: #ffffff;
    text-shadow: 3px 4px 4px rgba(0,0,0,0.60);
    position: absolute;
    bottom: 10%;
    left: 11%;
    z-index: 99;
}
.client-testimonial .client-testimonial-img img {
    border-radius: 50%;
}
.client-testimonial blockquote {
    border-width: 0;
}
.client-testimonial blockquote p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 1px;
    color: #ffffff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.50);
}
.client-testimonial blockquote footer,
.client-testimonial blockquote small,
.client-testimonial blockquote .small {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: oblique;
    color: #444444;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.30);
}
.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
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 14. IMAGES AND IMAGES FX
--------------------------------------------------------------*/
/*IMAGE FX*/
.image-fx-mb {
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}
.image-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;
}
.image-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;
}
.image-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;
}
/*IMAGE THUMBNAIL PORTFOLIO FX*/
.img-thumbnail-portfolio,
body {
    background-color: rgba(0,0,0,0.00);
}
.img-thumbnail-portfolio {
    padding: 4px;
    line-height: 1.42857143;
    border: 0.50px solid #e98c82;
    background-color: rgba(0,0,0,0.00);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    -webkit-filter: brightness(60%);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.img-thumbnail-portfolio:hover {
    padding: 4px;
    line-height: 1.42857143;
    border: 1px solid #e74c3c;
    background-color: rgba(0,0,0,0.00);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    -webkit-filter: brightness(100%);
    transition: all 1000ms ease-in-out;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    -webkit-animation: pulse 1000ms;
    animation: pulse 1000ms;
}
.media-object.img-thumbnail-portfolio,
.nav>li>a>img {
    max-width: none;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 15. PIECHART
--------------------------------------------------------------*/
canvas {
    vertical-align: middle;
}
.piechart {
    margin-bottom: 65px;
}
.piechart.piechart-style1 {
    text-align: center;
}
.piechart.piechart-style1 > div {
    position: relative;
}
.piechart.piechart-style1 > div:after {
    content: "%";
    font-family: "Lato", sans-serif;
    font-size: 30px !important;
    font-weight: 700;
    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: "Lato", sans-serif;
    font-size: 30px !important;
    font-weight: 700 !important;
}
.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.fontfa input {
    display: none !important;
}
.piechart.piechart-style1.fontfa > div:after {
    content: none;
}
.piechart.piechart-style1.fontfa i {
    font-size: 3.2em;
    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%);
}
.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 {
    margin-top: 20px;
}

/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# 16. BLOG
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 16.01. SIDEBAR MODULES BLOG
--------------------------------------------------------------*/
.sidebar-module {
    padding: 15px;
    margin: 0 -15px 15px;
}
.sidebar-module-inset {
    padding: 15px;
    background-color: rgba(0,0,0,0.00);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-color: rgba(0,0,0,0.00) !important;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
    margin-bottom: 0;
}
.sidebar-module-paragraph {
    text-align: justify;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #1a1a1a;
}
.sidebar-module-paragraph-about {
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    color: #e5e5e5;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.sidebar-module-description {
    font: 32px Lobster;
    font-weight: 700;
    color: #e5e5e5;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 8px 11px rgba(0, 0, 0, 0.1);
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 16.02. PAGINATION PAGER BLOG
--------------------------------------------------------------*/
.pager {
    margin-bottom: 60px;
    text-align: left;
}
.pager > li > a {
    width: 140px;
    padding: 10px 20px;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 16.03. WIDGETS BLOG
--------------------------------------------------------------*/
.widgets {
    padding-left: 0px;
}
.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;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.widget ul li .recent-post .post-title {
    font-family: "Lato", 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-sm {
    font-size: 12px;
}
.widget ul li .recent-post .post-meta-sm a {
    font-weight: bold;
    color: #9a9a9a;
}
.widget ul li .recent-post .post-meta-sm a:hover {
    color: #ff0025;
}
.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;
    color: #9a9a9a;
    background-color: rgba(0,0,0,0.00);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-color: #9a9a9a;
    border-width: 1px;
    border-style: solid;
    -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;
    transition: background-color 300ms ease;
}
.widget ul li .badge:hover {
    color: #ff4c4c;
    background-color: rgba(0,0,0,0.00) !important;
    border-color: #ff4c4c;
}
.widget .widget-title {
    margin-top: 40px;
    margin-bottom: 20px;
    font: 32px Lobster;
    font-weight: 700;
    color: #e5e5e5;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4), 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 8px 11px rgba(0, 0, 0, 0.1);
}
.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: #555;
    background-color: rgba(0,0,0,0.00);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 3px 20px;
    border-color: #555;
    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 {
    color: #ffffff;
    background-color: rgba(0,0,0,0.00);
    border-color: #ffffff;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, 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;
}
.input-group .form-control {
	background-color: rgba(255,255,255,0.5);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 15px 20px 20px 10px !important;
}
.form-control:focus {
	border: 1px solid #cccccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 16.04. WELL  BLOG
--------------------------------------------------------------*/
.well {
    min-height: 20px;
    padding: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: rgba(0,0,0,0.00);
    border: 1px solid #eeeeee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 17. CONTACT DETAILS, CONTACT FORM AND GOOGLE MAPS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 17.01 CONTACT DETAILS
--------------------------------------------------------------*/
.contact-details {
    text-align: center;
    padding: 30px 0;
}
.heading-contact-details {
    font-family: "Lobster", sans-serif;
    font-size: 36px;
    text-align: center;
    color: #ffffff;
    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 {
	display: block;
	vertical-align: middle;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6), 0px 6px 8px rgba(0, 0, 0, 0.1), 0px 10px 14px rgba(0, 0, 0, 0.1);
}
.contact-details i {
	font-family: "FontAwesome";
    color: #06a763;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6), 0px 6px 8px rgba(0, 0, 0, 0.3), 0px 10px 14px rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
}
.contact-details h4 {
    color: #ffffff;
    text-align: center;
}
.contact-details p {
	font-family: "Lato", sans-serif;
    font-size: 18px;
	font-weight: inherit;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
}
.contact-details-col-01 {
    text-align: center;
    background: #e74c3c;
    background-color: #e74c3c;
    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: #e74c3c;
    background-color: #e74c3c;
    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: #e74c3c;
    background-color: #e74c3c;
    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: #ee3333;
    background-color: #ee3333;
    box-shadow: 6px 7px 18px rgba(0,0,0,0.90);
	transform: scale(1.03);
}
@media only screen and (max-width: 768px) {
    .contact-details {
		text-align: center;
        padding: 30px 0;
    }
}
/*--------------------------------------------------------------
# 17.02 CONTACT FORM
--------------------------------------------------------------*/
.contact {
    padding-bottom: 80px;
    background-color: #e74c3c;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.heading-contact {
    font-family: "Lobster", sans-serif;
    font-size: 44px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 8%;
    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);
    line-height: 40px;
    height: 75px;
    padding-left: 50px;
	-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 i {
    font-family: "FontAwesome";
    font-size: 42px;
    padding: 0 10px;
	-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;
}
#comments {
    margin-top: 0;
}
#contactform {
    height: 215px;
}
#contactform .right {
    float: right;
}
#contactform input,
#contactform textarea {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    font-style: italic;
    margin-bottom: 14px;
    width: 100%;
    outline: none;
    border: none;
}
#contactform input {
    padding-left: 15px;
    height: 44px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#contactform textarea {
    padding: 15px;
    height: 218px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#contactform .btn i {
    font-size: 32px;
}
#contactform .btn {
    font: 32px Lobster;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    margin: 0 auto;
    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;
    width: 100%;
    height: 100px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #ffffff;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: linear 200ms;
    -moz-transition: linear 200ms;
    -o-transition: linear 200ms;
    transition: linear 200ms;
}
#contactform .btn:hover {
    background: rgba(0, 0, 0, 1);
}
#map-canvas {
    width: 100%;
    height: 135px;
    margin-bottom: 15px;
    border: 2px solid #ffffff;
}
@media only screen and (max-width: 985px) {
    #contactform .btn {
        margin-bottom: 200px;
    }
}
/*--------------------------------------------------------------
# 17.03. GOOGLE MAPS
--------------------------------------------------------------*/
.google-maps-fullwidth {
	margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}
#google-maps {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    transition: all 700ms;
}
#google-maps img {
    max-width: none;
}
.google-maps-pages {
    height: 460px;
}
.google-maps-contact-page {
    height: 600px;
}
#google-maps #google-maps-google-map-pages {
    height: 460px;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    transition: all 700ms;
}
#google-maps #google-maps-google-map-contact-page {
    height: 600px;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    transition: all 700ms;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 18. FOOTER
--------------------------------------------------------------*/
.mastfoot {
    color: #999;
    color: rgba(255, 255, 255, .5);
}
footer {
    padding-top: 100px;
}
.footer-copyright {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.background-footer {
    background: url("../../../assets/bg/bg-mjd-footer.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
footer h1,
h2,
h3,
h4,
h5,
h6,
p {
    color: #999;
}
.footer-heading {
    color: #999;
}
.footer-paragraph {
    color: #999;
}
.footer-heading-one:before {
    content: "";
    background: #ff4c4c;
    top: 0;
    left: 0;
    width: 4px;
    height: 16px;
    margin-right: 5px;
    position: inherit;
    display: inline-block;
}
.footer-heading-one {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #bfbfbf;
    text-transform: uppercase;
}
.footer-paragraph-one p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #bfbfbf;
    -webkit-text-stroke: 0.20px #000000;
}
.link-footer {
    color: #ff4c4c !important;
    transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
}
.link-footer:hover {
    color: #ff0025 !important;
}
.social {
    display: inline-block;
    padding: 4px 6px 4px 6px !important;
    margin-right: -6px !important;
}
.social a {
    border: 1px solid #999 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #999 !important;
    transition: all .40s ease-in-out;
    -webkit-transition: all .40s ease-in-out;
    -moz-transition: all .40s ease-in-out;
    -o-transition: all .40s ease-in-out;
}
.social a:link {
    color: #999 !important;
}
.social a:visited {
    color: #999 !important;
    border-color: #999 !important;
}
.social a:hover {
    color: #FF4C4C !important;
    border-color: #e74c3c !important;
}
.social a:active {
    color: #FF4C4C !important;
    border-color: #e74c3c !important;
}
.subscribe-email {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #777777;
    background-color: rgba(0,0,0,0.0);
    padding-top: 4px;
    padding: 8px;
    margin-right: -4px;
    border: 1px solid #444444;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	outline: none;
	width: 250px;
}
.btn-subscription-custom {
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: 400;
    color: #444444;
    background-color: rgba(0,0,0,0.00);
    text-transform: uppercase;
    line-height: 1.6;
    text-shadow: none;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #444444;
    white-space: nowrap;
    padding: 8px 10px;
    display: inline-block;
    margin-top: -4px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-subscription-custom:visited {
    color: #444444;
    background-color: rgba(0,0,0,0.00);
}
.btn-subscription-custom:hover {
    color: #ffffff;
    background-color: #e74c3c;
}
.btn-subscription-custom:active {
    color: #ffffff;
    background-color: #e74c3c;
}
.btn-subscription-custom:focus {
	outline: none;
}
/*--------------------------------------------------------------
# FOOTER BLOG
--------------------------------------------------------------*/
.mastfoot {
    color: #999;
    color: rgba(255, 255, 255, .5);
}
footer {
    padding-top: 100px;
}
.footer-copyright {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.background-footer {
    background: url("../../../assets/bg/bg-mjd-footer.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
footer h1,
h2,
h3,
h4,
h5,
h6,
p {
    color: #999;
}
.footer-heading {
    color: #999;
}
.footer-paragraph {
    color: #999;
}
.footer-heading-one:before {
    content: "";
    background: #ff4c4c;
    top: 0;
    left: 0;
    width: 4px;
    height: 16px;
    margin-right: 5px;
    position: inherit;
    display: inline-block;
}
.footer-heading-one {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #bfbfbf;
    text-transform: uppercase;
}
.footer-paragraph-one p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #bfbfbf;
    -webkit-text-stroke: 0.20px #000000;
}
.link-footer {
    color: #ff4c4c !important;
    transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
}
.link-footer:hover {
    color: #ff0025 !important;
}
.social {
    display: inline-block;
    padding: 4px 6px 4px 6px !important;
    margin-right: -6px !important;
}
.social a {
    border: 1px solid #999 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #999 !important;

    transition: all .40s ease-in-out;
    -webkit-transition: all .40s ease-in-out;
    -moz-transition: all .40s ease-in-out;
    -o-transition: all .40s ease-in-out;
}
.social a:link {
    color: #999 !important;
}
.social a:visited {
    color: #999 !important;
    border-color: #999 !important;
}
.social a:hover {
    color: #ff4c4c !important;
    border-color: #e74c3c !important;
}
.social a:active {
    color: #ff4c4c !important;
    border-color: #e74c3c !important;
}
.subscribe-email {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #777777;
    background-color: rgba(0,0,0,0.0);
    padding-top: 4px;
    padding: 8px;
    margin-right: -4px;
    border: 1px solid #444444;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	outline: none;
	width: 250px;
}
.btn-subscription-custom {
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: 400;
    color: #444444;
    background-color: rgba(0,0,0,0.00);
    text-transform: uppercase;
    line-height: 1.6;
    text-shadow: none;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #444444;
    white-space: nowrap;
    padding: 8px 10px;
    display: inline-block;
    margin-top: -4px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-subscription-custom:visited {
    color: #444444;
    background-color: rgba(0,0,0,0.00);
}
.btn-subscription-custom:hover {
    color: #ffffff;
    background-color: #e74c3c;
}
.btn-subscription-custom:active {
    color: #ffffff;
    background-color: #e74c3c;
}
.btn-subscription-custom:focus {
	outline: none;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 19. 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;
}
.animInfinityOne {
    -webkit-animation: flip 8s ease-in-out infinite;
    animation: flip 8s ease-in-out infinite;
}
.animInfinityTwo {
    -webkit-animation: wobble 8s ease-in-out infinite;
    animation: wobble 8s ease-in-out infinite;
}
.animInfinityThree { 
	-webkit-animation: bounce 8s ease-in-out infinite;
	animation: bounce 8s ease-in-out infinite;
}
.animInfinityFour { 
	-webkit-animation: rubberBand 8s ease-in-out infinite;
	animation: rubberBand 8s ease-in-out infinite;
}
.animInfinityFive { 
	-webkit-animation: zoomIn 8s ease-in-out infinite;
	animation: zoomIn 8s ease-in-out infinite;
}
.animInfinitySix { 
	-webkit-animation: pulse 8s ease-in-out infinite;
	animation: pulse 8s ease-in-out infinite;
}
.animHoverOne:hover {
    -webkit-animation: pulse 1000ms;
    animation: pulse 1000ms;
}
.animHoverTwo:hover {
    -webkit-animation: wobble 1000ms;
    animation: wobble 1000ms;
}
.animHoverThree:hover { 
	-webkit-animation: bounce 1000ms;
	animation: bounce 1000ms;
}
/* PNG Signature Animation on Hover */   
.customAnimOne:hover {
    -webkit-animation: pulse 800ms;
    animation: pulse 800ms;
}
/* Theme Pulse on Hover */   
.thememjd-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(231, 76, 60, 0.9);
	-webkit-animation: thememjdpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: thememjdpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: thememjdpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: thememjdpulse 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
.thememjd-pulser:hover {
	-webkit-animation: thememjdpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: thememjdpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: thememjdpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: thememjdpulse 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes thememjdpulse {
	to {
	box-shadow: 0 0 0 45px rgba(231, 76, 60, 0);
	}
}
@-moz-keyframes thememjdpulse {
	to {
	box-shadow: 0 0 0 45px rgba(231, 76, 60, 0);
	}
}
@-ms-keyframes thememjdpulse {
	to {
	box-shadow: 0 0 0 45px rgba(231, 76, 60, 0);
	}
}
@keyframes thememjdpulse {
	to {
	box-shadow: 0 0 0 45px rgba(231, 76, 60, 0);
	}
}
.thememjd-pulser-dark {
	position: relative;
	cursor: pointer;
	border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	box-shadow: 0 0 0 0 rgba(100, 30, 30, 0.9);
	-webkit-animation: thememjdpulserdark 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: thememjdpulserdark 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: thememjdpulserdark 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: thememjdpulserdark 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
.thememjd-pulser-dark:hover {
	-webkit-animation: thememjdpulserdark 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: thememjdpulserdark 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: thememjdpulserdark 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: thememjdpulserdark 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes thememjdpulserdark {
	to {
	box-shadow: 0 0 0 45px rgba(100, 30, 30, 0);
	}
}
@-moz-keyframes thememjdpulserdark {
	to {
	box-shadow: 0 0 0 45px rgba(100, 30, 30, 0);
	}
}
@-ms-keyframes thememjdpulserdark {
	to {
	box-shadow: 0 0 0 45px rgba(100, 30, 30, 0);
	}
}
@keyframes thememjdpulserdark {
	to {
	box-shadow: 0 0 0 45px rgba(100, 30, 30, 0);
	}
}
/*--------------------------------------------------------------
# ANIMATIONS BLOG
--------------------------------------------------------------*/
.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;
}
.animInfinityOne {
    -webkit-animation: flip 8s ease-in-out infinite;
    animation: flip 8s ease-in-out infinite;
}
.animInfinityTwo {
    -webkit-animation: wobble 8s ease-in-out infinite;
    animation: wobble 8s ease-in-out infinite;
}
.animInfinityThree { 
	-webkit-animation: bounce 8s ease-in-out infinite;
	animation: bounce 8s ease-in-out infinite;
}
.animInfinityFour { 
	-webkit-animation: rubberBand 8s ease-in-out infinite;
	animation: rubberBand 8s ease-in-out infinite;
}
.animInfinityFive { 
	-webkit-animation: zoomIn 8s ease-in-out infinite;
	animation: zoomIn 8s ease-in-out infinite;
}
.animInfinitySix { 
	-webkit-animation: pulse 8s ease-in-out infinite;
	animation: pulse 8s ease-in-out infinite;
}
.animHoverOne:hover {
    -webkit-animation: pulse 1000ms;
    animation: pulse 1000ms;
}
.animHoverTwo:hover {
    -webkit-animation: wobble 1000ms;
    animation: wobble 1000ms;
}
.animHoverThree:hover { 
	-webkit-animation: bounce 1000ms;
	animation: bounce 1000ms;
}
/* PNG Signature Animation on Hover */   
.customAnimOne:hover {
    -webkit-animation: pulse 800ms;
    animation: pulse 800ms;
}
/* Theme Pulse on Hover */   
.thememjd-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(231, 76, 60, 0.9);
	-webkit-animation: thememjdpulser 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: thememjdpulser 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: thememjdpulser 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: thememjdpulser 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
.thememjd-pulser:hover {
	-webkit-animation: thememjdpulser 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: thememjdpulser 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: thememjdpulser 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: thememjdpulser 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes thememjdpulser {
	to {
	box-shadow: 0 0 0 45px rgba(231, 76, 60, 0);
	}
}
@-moz-keyframes thememjdpulser {
	to {
	box-shadow: 0 0 0 45px rgba(231, 76, 60, 0);
	}
}
@-ms-keyframes thememjdpulser {
	to {
	box-shadow: 0 0 0 45px rgba(231, 76, 60, 0);
	}
}
@keyframes thememjdpulser {
	to {
	box-shadow: 0 0 0 45px rgba(231, 76, 60, 0);
	}
}
.thememjd-pulser-dark {
	position: relative;
	cursor: pointer;
	border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	box-shadow: 0 0 0 0 rgba(100, 30, 30, 0.9);
	-webkit-animation: thememjdpulserdark 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: thememjdpulserdark 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: thememjdpulserdark 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: thememjdpulserdark 2000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
.thememjd-pulser-dark:hover {
	-webkit-animation: thememjdpulserdark 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: thememjdpulserdark 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: thememjdpulserdark 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
	animation: thememjdpulserdark 1000ms infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes thememjdpulserdark {
	to {
	box-shadow: 0 0 0 45px rgba(100, 30, 30, 0);
	}
}
@-moz-keyframes thememjdpulserdark {
	to {
	box-shadow: 0 0 0 45px rgba(100, 30, 30, 0);
	}
}
@-ms-keyframes thememjdpulserdark {
	to {
	box-shadow: 0 0 0 45px rgba(100, 30, 30, 0);
	}
}
@keyframes thememjdpulserdark {
	to {
	box-shadow: 0 0 0 45px rgba(100, 30, 30, 0);
	}
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 20. WKSB SCROLLBAR
--------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 0.70em;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.0);
    background: rgba(0, 0, 0, 0.90);
}
::-webkit-scrollbar-thumb {
    background: rgba(231, 76, 60, 1.00);
    outline: 1px solid rgba(231, 76, 60, 1.00);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.0);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.0);
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 21. BUG FIXES
--------------------------------------------------------------*/
/**
 * 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
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 22. CSS CUSTOM
--------------------------------------------------------------*/
/*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 {
	margin-top: 30px;
}
.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 {
    box-sizing: content-box;
    height: 0;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
    -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.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);
}
.hr-custom-light-shadow {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
	-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 #eeeeee;
	-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 #202020;
}
#hr-dark {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #202020;
}
.hr-custom {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e5e5e5;
}
/*MISC*/
.br-light {
	border-right: 1px solid rgba(255,255,255,0.20);
}
.cursor-pointer {
	cursor: pointer;
}
/*COLS ROWS EQUALS*/
.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;
	}
}
/* THEME COLORS */
.color-theme {
	color: #e74c3c !important;
}
a.color-theme {
	color: #e74c3c;
}
.color-purple {
	color: #e74c3c;
}
a.color-purple {
	color: #e74c3c;
}
/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 23. SCROLL TO TOP
--------------------------------------------------------------*/
#stt {
    font-size: 22px;
    line-height: 42px;
    color: #ffffff;
	border: 1px solid rgba(255,255,255,1.00);
    border-radius: 2px;
    background-color: #e74c3c;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    display: none;
    display: block;
    z-index: 99999;
    position: fixed;
    padding: 0 !important;
    opacity: 0.70;
    -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: #e74c3c;
    opacity: 1.00;
}
#stthover:hover {
    font-size: 22px;
    line-height: 42px;
    color: #ffffff;
    background-color: #e74c3c;
    text-decoration: none;
}
#stt:active,
#stt:focus {
    outline: none;
    text-decoration: none;
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 24. CSS RESPONSIVE - MEDIA QUERIES
--------------------------------------------------------------*/
@media (min-width: 768px) {
    .masthead {
        position: fixed;
        top: 0;
    }
    .mastfoot {
        position: fixed;
        bottom: 0;
    }
    .site-wrapper-inner {
        vertical-align: middle;
    }
    .masthead,
    .mastfoot,
    .cover-container {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .masthead,
    .mastfoot,
    .cover-container {
        width: 700px;
    }
}
@media (min-width: 768px) {
    .navbar-brand>img {
        display: block
    }
    .navbar-wrapper {
        margin-top: 20px;
    }
    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar-wrapper .navbar {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
    .featurette-heading {
        font-size: 50px;
    }
}
@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
}
@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 (min-width: 992px) and (max-width: 1199px) {
    .piechart.piechart-style2 .chart-container canvas,
    .piechart.piechart-style3 .chart-container canvas {
        margin-bottom: 10px;
    }
    .piechart.piechart-style2 .chart-container .doughnut-legend,
    .piechart.piechart-style3 .chart-container .doughnut-legend {
        float: none;
        clear: both;
    }
    .piechart.piechart-style2 .chart-container,
    .piechart.piechart-style3 .chart-container {
        margin-bottom: 30px;
    }
}
@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: 20px;
        padding-bottom: 20px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background: #000000;
        border: none;
    }
    .home .hero-txt .hero-title {
        font-size: 30px;
        line-height: normal;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container > .navbar-header, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {
		margin-right: -15px;
		margin-left: -15px;
        border: none;
		border-bottom: 2px ridge #e5e5e5;
	}    
	.navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background-color: rgba(0,0,0,0.95);
        border: none;
		border-bottom: 2px ridge #e5e5e5;
    }
    .home .hero-txt .hero-title {
        font-size: 42px;
        line-height: normal;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1170px) {
    .home .hero-txt .hero-title {
        font-size: 46px;
        line-height: normal;
    }
}
@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 (max-width: 767px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background-color: rgba(0,0,0,0.95);
        border: none;
		border-bottom: 2px ridge #e5e5e5;
    }
    .fullscreen-bg {
        background: url("../../../assets/video/bg-video-jpeg-1.jpeg") center center / cover no-repeat;
    }
    .fullscreen-bg-video {
        display: none;
    }
}
/*--------------------------------------------------------------
# CSS RESPONSIVE - MEDIA QUERIES BLOG
--------------------------------------------------------------*/
@media (min-width: 768px) {
    .masthead {
        position: fixed;
        top: 0;
    }
    .mastfoot {
        position: fixed;
        bottom: 0;
    }
    .site-wrapper-inner {
        vertical-align: middle;
    }
    .masthead,
    .mastfoot,
    .cover-container {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .masthead,
    .mastfoot,
    .cover-container {
        width: 700px;
    }
}
@media (min-width: 768px) {
    .navbar-brand>img {
        display: block
    }
    .navbar-wrapper {
        margin-top: 20px;
    }
    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar-wrapper .navbar {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
    .featurette-heading {
        font-size: 50px;
    }
}
@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
}
@media (min-width: 1440px) {
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .piechart.piechart-style2 .chart-container canvas,
    .piechart.piechart-style3 .chart-container canvas {
        margin-bottom: 10px;
    }
    .piechart.piechart-style2 .chart-container .doughnut-legend,
    .piechart.piechart-style3 .chart-container .doughnut-legend {
        float: none;
        clear: both;
    }
    .piechart.piechart-style2 .chart-container,
    .piechart.piechart-style3 .chart-container {
        margin-bottom: 30px;
    }
}
@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: 20px;
        padding-bottom: 20px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background: #000000;
        border: none;
    }
    .home .hero-txt .hero-title {
        font-size: 30px;
        line-height: normal;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container > .navbar-header, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {
		margin-right: -15px;
		margin-left: -15px;
        border: none;
		border-bottom: 2px ridge #e5e5e5;
	}    
	.navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background-color: rgba(0,0,0,0.95);
        border: none;
		border-bottom: 2px ridge #e5e5e5;
    }
    .home .hero-txt .hero-title {
        font-size: 42px;
        line-height: normal;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1170px) {
    .home .hero-txt .hero-title {
        font-size: 46px;
        line-height: normal;
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background-color: rgba(0,0,0,0.95);
        border: none;
		border-bottom: 2px ridge #e5e5e5;
    }
}
/*--------------------------------------------------------------
# END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# CSS RESPONSIVE - MEDIA QUERIES BLOG
--------------------------------------------------------------*/
/* 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
--------------------------------------------------------------*/