@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700');
@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* #General
================================================== */

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: #f0f0f0;
	font: 15px/26px;
	font-family: 'Josefin Sans', sans-serif;
	color: #808080;
	-webkit-font-smoothing: antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}


/* Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Josefin Sans', sans-serif;
	color: #444;
	text-align: center;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
	color: #333333;
}

h1 {
	font-size: 41px;
	line-height: 70px;
	text-transform: uppercase;
	font-weight: 300;
}

h2 {
	font-size: 34px;
	line-height: 48px;
}

h3 {
	font-size: 18px;
	line-height: 24px;
}

h4 {
	font-size: 16px;
	line-height: 21px;
}

h5 {
	font-size: 14px;
	line-height: 18px;
}

h6 {
	font-size: 12px;
	line-height: 16px;
}

p {
	margin: 0 0 25px 0;
}

p img {
	margin: 0;
}

a {
	color: #dadada;
	/* font: 15px/26px 'Open Sans', sans-serif;*/
	font-family: 'Josefin Sans', sans-serif;
	text-decoration: none;
	-webkit-transform: translateZ(0);
	-webkit-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	transition: 0.3s all linear;
}

a:focus {
/*outline: thin dotted;*/
}

a:hover,
a:active {
	outline: 0;
}

em,
i {
	font-style: italic;
}

strong,
b {
	font-weight: bold;
}

small {
	font-size: 80%;
}

address {
	font-style: normal;
}

ul,
ol {
	margin-bottom: 20px;
}

ul {
	list-style: none outside;
}

ol {
	list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
	margin-left: 30px;
}

ul.square {
	list-style: square outside;
}

ul.disc {
	list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-left: 30px;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 0
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

hr {
	border: solid #e6e6e6;
	border-width: 1px 0 0;
	clear: both;
	margin: 20px 0 40px;
	height: 0;
}

img {
	max-width: 100%;
	height: auto;
}

@media \0screen {
	img {
		width: auto;
		/* for ie 8 */
	}
}

section {
	display: block;
	/*margin-top: 100px;*/
}

section section {
	background-color: #f0f0f0;
}

.social {
	display: inline-block;
}

.social a,
.social-dark a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: none;
	margin-bottom: 8px;
	font-size: 14px;
	text-align: center;
	margin: 10px 5px;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.social a {
	color: #ccc;
	border: solid 2px #ddd;
	background: #eee;
}

.social a:hover {
	color: #777;
	background: #FFFFFF;
}

.social-dark a {
	color: #999999;
	border: solid 2px #777777;
}

.social-dark a:hover {
	color: #FFFFFF;
	border: solid 2px #FFFFFF;
}

.social a:active,
.social-dark a:active {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}
footer 
.header-social {
	
	float: none;
}

.header-social {
	padding-top: 10px;
	float: right;
}

.mouse-wrapper {
	display: block;
	margin-top: 60px;
	min-height: 20px;
	text-align: center
}

.mouse.mouse-light {
	border: 2px solid #FFFFFF
}

.mouse.mouse-dark {
	border: 2px solid #555555;
}

.mouse {
	display: inline-block;
	height: 40px;
	width: 24px;
	border-radius: 10px;
	transform: none
}

@keyframes rotella {
  0% {
   margin-top: 5px;
  }
  100% {
   margin-top: 25px;
  }
}

.mouse .wheel {
	height: 5px;
	width: 5px;
	border-radius: 50%;
	display: block;
	margin: 5px auto;
	position: relative;
	animation: rotella 2s infinite;
}

.mouse.mouse-light .wheel {
	background: #FFFFFF
}

.mouse.mouse-dark .wheel {
	background: #555555
}

.mouse .wheel {
	-webkit-animation: mouse-wheel 1.2s ease infinite;
	-moz-animation: mouse-wheel 1.2s ease infinite
}

.font-josefin {
	font-family: 'Josefin Sans', sans-serif;
}

.font-serif {
	font-family: serif;
}

.post .column {
	margin-bottom: 25px;
}

.nopadding {
	padding: 0;
}

.nopaddingleft {
	padding-left: 0;
}

.nopaddingright {
	padding-right: 0;
}

.hide {
	display: none!important;
	visibility: hidden;
}

.gray {
	background-color: #f3f3f3;
}

.section-title,
#portfolio-title {
	text-align: center;
}

h2.section-title {
	text-transform: uppercase;
	font-size: 41px;
	line-height: 70px;
	font-weight: 700;
	color: #900;
}

.section-title:after {
	position: relative;
	display: block;
	content: "";
	height: 2px;
	width: 30px;
	margin: 10px auto 20px;
	background: #d3145a;
}

.section-tagline {
	font: 15px/26px 'Poiret One', sans-serif;
	/* font: 18px/29px 'Open Sans', Arial, sans-serif;*/
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	color: #808080;
	text-align: center;
	max-width: 550px;
	margin: auto auto 80px auto;
}

.fixed {
	background-attachment: fixed;
}

#header-section.header-hide.fixed-menu {
	position: fixed;
}

.typed-cursor {
	font-weight: normal;
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}

#qLbar {
	top: 0!important;
}

#qImage {
	width: 155px;
	height: 19px;
	background: url(../images/elements/logo.png) no-repeat;
	left: 50%;
	top: 30%;
	margin-left: -80px;
}

h1.logo {
	line-height: 80px;
	margin-bottom: 0;
}

h1.logo a.text {
	display: block;
	line-height: 80px;
}

.logo img {
	margin-top: 20px;
	max-height: 40px;
	max-width: 180px;
	}

#qLpercentage {
	font: 16px/21px "Montserrat";
}

.lm-button.ls,
.post .lm-button.ls {
	font-size: 11px;
	padding: 5px 18px;
}

.lm-button.lb,
.post .lm-button.lb {
	font-size: 15px;
	padding: 15px 42px;
}

.lm-button:hover,
.post .lm-button:hover {
	text-decoration: none;
	background: #d3145a;
	border-color: #d3145a;
}


/* Portfolio Popup
================================================== */

.mfp-fade.mfp-bg {
	display: none !important;
}

.mfp-fade.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: static !important;
	outline: none !important;
}

.mfp-fade.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-fade.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	display: none !important;
}

.mfp-align-top .mfp-container:before {
	display: none !important;
}

.mfp-fade.mfp-content {
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	min-height: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	border: 3px solid #222;
	border-radius: 30px;
	z-index: 999;
	text-indent: -9999px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	-webkit-animation: pulsing 1s ease-out infinite;
	-moz-animation: pulsing 1s ease-out infinite;
	-o-animation: pulsing 1s ease-out infinite;
	animation: pulsing 1s ease-out infinite;
}

@-webkit-keyframes pulsing {
	0% {
		-webkit-transform: scale(.1);
		opacity: 0.0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2);
		opacity: 0;
	}
}

@-moz-keyframes pulsing {
	0% {
		-moz-transform: scale(.1);
		opacity: 0.0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-moz-transform: scale(1.2);
		opacity: 0;
	}
}

@-o-keyframes pulsing {
	0% {
		-o-transform: scale(.1);
		opacity: 0.0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-o-transform: scale(1.2);
		opacity: 0;
	}
}

@keyframes pulsing {
	0% {
		transform: scale(.1);
		opacity: 0.0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

.play_btn .play_btn_icon {
	text-align: center;
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto 20px;
	border: 2px solid #FFFFFF;
	line-height: 90px;
	font-size: 40px;
	color: #FFFFFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.play_btn .play_btn_icon .fa {
	position: relative;
	left: 5px;
	top: -2px;
}

#qLoverlay {
	background-color: #111;
	position: fixed;
	z-index: 666999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.queryloader__overlay__bar {
	top: 0px !important;
}

#qLpercentage {
	line-height: 46px;
	margin-top: -23px !important;
}


/* Parallax
================================================== */

.parallax-background {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-position: center center;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	background-repeat: repeat-y;
}

.parallax-background.fixed {
	background-attachment: fixed !important;
}


/* Fixed Parallax - no scrolling */

.parallax-background.pfixed {
	background-attachment: fixed!important;
}


/* Owl Item - Override
================================================== */

.owl-page {
	display: inline-block;
	margin: 0 3px;
}

.owl-pagination {
	position: absolute;
	bottom: -80px;
	width: 100%;
	text-align: center;
}

.owl-pagination span {
	width: 15px;
	height: 15px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #fff;
}

.owl-pagination .owl-page.active span {
	background-color: #fff;
}

.owl-buttons {
	position: static;
}

.owl-prev,
.owl-next {
	opacity: 1;
	display: block;
	position: absolute;
	top: 40%;
	margin-top: -20px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	font-size: 74px;
	text-align: center;
	color: rgba(240, 240, 240, 1);
	text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);
	z-index: 0;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-prev {
	left: 0;
}

.owl-next {
	right: 0;
}

.owl-prev:hover,
.owl-next:hover {
	color: rgba(255, 255, 255, 1);
	-webkit-transition: 0 none !important;
	-moz-transition: 0 none !important;
	-ms-transition: 0 none !important;
	-o-transition: 0 none !important;
	transition: 0 none !important;
}

.owl-prev:active,
.owl-next:active {
	-webkit-transform: scale(0.94);
	-moz-transform: scale(0.94);
	-o-transform: scale(0.94);
	-ms-transform: scale(0.94);
	transform: scale(0.94);
}

.owl-carousel:hover .owl-prev {
	opacity: 1;
	left: 25px;
}

.owl-carousel:hover .owl-next {
	opacity: 1;
	right: 25px;
}


/* =========================================================== 
    4. Navigation
============================================================ */

#header-section {
	position: fixed;
	line-height: 40px;
	height: 80px;
	border-bottom: 1px solid #e6e6e6;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

header nav {
	text-align: right;
}

header nav li {
	display: inline-block;
	padding: 0 10px;
}

header nav ul {
	margin-bottom: 0;
		float: left;
		list-style-type: circle!important;
}

header nav ul li a {
	display: inline-block;
	padding: 0 5px;
	color: #808080;
	font-size: 12px;
	line-height: 80px;
	text-transform: uppercase;
	letter-spacing: 1.5px
}

header nav a:hover {
	color: #bababa;
}

header nav ul li:last-child {
	padding-right: 0;
}

.header-hide {
	height: 80px;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

#home-content .header-hide {
	position: absolute;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

.header-show {
	position: fixed;
	height: 80px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}


/* Sub Nav */

header nav ul li ul {
	display: none;
	position: absolute;
	margin-left: -15px;
	margin-top: -4px;
}

header nav ul li ul:before {
	content: '';
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f3f3f3;
	position: absolute;
	left: 25%;
	margin-left: -10px;
	top: -10px;
	width: 0;
	height: 0;
}

header nav ul li:hover ul {
	display: block;
}

header nav ul li ul li {
	background: rgb(243, 243, 243);
	background: rgba(243, 243, 243, 0.95);
	display: block;
	line-height: 42px;
	height: 42px;
	min-width: 160px;
	text-align: left;
	padding: 0;
}

.single #header-section,
.single-blog #header-section {
	background: transparent;
	border-bottom: none;
	position: absolute;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

#header-section.altmenu nav ul li ul li a {
	color: #000;
}

header nav ul li ul li a {
	line-height: 42px;
	display: block;
	padding: 0 10px;
	height: 42px;
}


/* Alternative Menu - No Show */

#header-section.altmenu.header-hide {
	background: transparent;
	border-bottom: none;
	position: absolute;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

#header-section.altmenu ul li a {
	color: #fff;
}

#header-section.altmenu ul li a:hover {
	color: #d3145a;
}

#header-section.altmenu.header-show ul li a,
#header-section.altmenu.header-show ul li a {
	color: #000;
}

#header-section.altmenu.header-show ul li a:hover,
#header-section.altmenu.header-show ul li a.active {
	color: #f64747;
}


/* Alternative Menu 3 - Always Visible */

.ha-header.menushow {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

.nohero #header-section {
	position: absolute;
}

.nohero .hero-copy {
	margin: 0;
}

.home-container{
	min-height: 100vh;}

.spacer {
	height: 80px;
}

.hero {
	padding: 0;
}

.hero .container,
.hero-single .container {
	display: block;
	min-height: 100vh;
}

.hero-inner {
	
	text-align: center;
	z-index: 0;
	display:block;
	position: relative;
	padding-top: 120px;
	height: auto;
}

.hero-inner img {
	margin-bottom: 30px;
}

.animate {
	visibility: hidden;
}

.hero-copy {
	color: #fff;
	margin: 0 15px;
	font-size: 22px;
	line-height: 32px;
	font-weight: 300;
}

.hero-copy.bigger {
	font-size: 32px;
}

.hero-copy.dark {
	color: #333;
}

.hero-copy.wide {
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 25px 15px;
}

.tinfont {
	font-size: 14px;
}

.btn-holder {
	display: block;
	margin: 30px 15px;
}


/* Image 
================================================== */

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	/* browsers */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7c000000', endColorstr='#7c000000');
	/* IE */
}

.overlay.canvas {
	z-index: 2;
}

.overlay.lighterbg {
	background: rgba(0, 0, 0, 0.45);
	/* browsers */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7c000000', endColorstr='#7c000000');
	/* IE */
}

.overlay.pattern {
	background: url(../images/elements/pattern.png);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7c000000', endColorstr='#7c000000');
	/* IE */
}

.overlay.light {
	background: rgba(255, 255, 255, 0.6);
	/* browsers */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7c000000', endColorstr='#7c000000');
	/* IE */
}

.hero.parallax-background {
	padding: 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}


/* Canvas
================================================== */

#hero-canvas {
	position: absolute;
	top: 0;
	z-index: 1;
}


/* Video
================================================== */

#top-menu {
	position: fixed;
}

@font-face {
	font-family: 'ytpregular';
	src: url('../fonts/ytp-regular.eot');
}

@font-face {
	font-family: 'ytpregular';
	src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url('../fonts/ytp-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.mb_YTVPlayer:focus {
	outline: 0;
}

.mb_YTVPlayer {
	display: block;
	transform: translateZ(0);
	transform-style: preserve-3d;
	perspective: 1000;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	animation-timing-function: linear;
}

.mb_YTVPlayer.fullscreen {
	display: block!important;
	position: fixed!important;
	width: 100%!important;
	height: 100%!important;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	border: none !important;
}

.mb_YTVPlayer.fullscreen .mbYTP_wrapper {
	opacity: 1 !important;
}

.mbYTP_wrapper iframe {
	max-width: 4000px !important;
}

.inline_YTPlayer {
	margin-bottom: 20px;
	vertical-align: top;
	position: relative;
	left: 0;
	overflow: hidden;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7);
	box-shadow: 0 0 5px rgba(0, 0, 0, .7);
	background: rgba(0, 0, 0, .5);
}

.inline_YTPlayer img {
	border: none!important;
	-moz-transform: none!important;
	-webkit-transform: none!important;
	-o-transform: none!important;
	transform: none!important;
	margin: 0!important;
	padding: 0!important
}


/*CONTROL BAR*/

.mb_YTVPBar .ytpicon {
	font-size: 20px;
	font-family: 'ytpregular';
}

.mb_YTVPBar .mb_YTVPUrl.ytpicon {
	font-size: 30px;
}

.mb_YTVPBar {
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	display: block;
	width: 100%;
	height: 10px;
	padding: 5px;
	position: absolute!important;
	bottom: 0;
	left: 0;
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: border-box;
	text-align: left;
	z-index: 1000;
	font: 14px/16px sans-serif;
	color: white;
	opacity: .1;
}

.mb_YTVPBar.visible,
.mb_YTVPBar:hover {
	opacity: 1;
}

.mb_YTVPBar .buttonBar {
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	background: transparent;
	font: 12px/14px Calibri;
	position: absolute;
	top: -25px;
	left: 0;
	padding: 5px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.mb_YTVPBar:hover .buttonBar {
	background: rgba(0, 0, 0, 0.4);
}

.mb_YTVPBar span {
	display: inline-block;
	font: 16px/20px Calibri, sans-serif;
	position: relative;
	width: 30px;
	height: 25px;
	vertical-align: middle;
}

.mb_YTVPBar span.mb_YTVPTime {
	width: 130px;
}

.mb_YTVPBar span.mb_YTVPUrl,
.mb_YTVPBar span.mb_OnlyYT {
	position: absolute;
	width: auto;
	display: block;
	top: 6px;
	right: 10px;
	cursor: pointer;
}

.mb_YTVPBar span.mb_YTVPUrl img {
	width: 60px;
}

.mb_YTVPBar span.mb_OnlyYT {
	left: 185px;
	right: auto;
}

.mb_YTVPBar span.mb_OnlyYT img {
	width: 25px;
}

.mb_YTVPBar span.mb_YTVPUrl a {
	color: white;
}

.mb_YTVPPlaypause,
.mb_YTVPlayer .mb_YTVPPlaypause img {
	cursor: pointer;
}

.mb_YTVPMuteUnmute {
	cursor: pointer;
}


/* Slider
================================================== */

section#home-content {
	padding: 0;
	position: relative;
	z-index: 99;
}

#main-heading {
	padding: 0;
	margin: 0;
	position: relative;
}

.bannercontainer {
	width: 100%;
	padding: 0;
	z-index: -1;
}

.bannercontainer.hero-fixed {
	position: fixed;
}

.banner {
	width: 100%;
	position: relative;
}


/* Hero - Single Page
================================================== */

.hero-single {
	position: relative;
	padding: 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-color: #444;
	background-image: url(../images/hero3.jpg);
	background-position: bottom;
}

.hero-single h1 {
	text-transform: uppercase;
}

.hero-single .meta {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.hero-single .meta span {}

.hero-single .meta span:after {
	content: '\00B7';
	vertical-align: top;
	color: #d3145a;
	padding-left: 10px;
	font-size: 28px;
	margin-right: 6px;
}

.hero-single .meta span:last-child:after {
	content: '';
}


/* Hero Versions
================================================== */

h1.big_white {
	color: #fff;
	font-size: 56px;
	margin: 10px 15px;
	text-transform: uppercase;
}

h1.big_white.dark {
	color: #333;
}

h1.big_white.border {
	border: 1px solid #a0a0a0;
	padding: 0;
	margin: 0;
	display: inline-block;
	padding: 2px 15px;
}

.big_white span {
	color: #d3145a;
}

.hero-inner.left {
	text-align: left;
}

.no-video {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background0 {
	background-image: url(../images/bg/bg-polcia.jpg);
}

.parallax-background1 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background2 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background3 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background4 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background5 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background6 {
	background-image: url(../images/bg/pleiadi.jpg);
}

.parallax-background7 {
	background-image: url(../images/bg/softwex.jpg);
}

.parallax-background8 {
	background-image: url(../images/bg/quote.jpg);
}

.parallax-background9 {
	background-image: url(../images/bg/pitture.jpg);
}

.parallax-background10 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background11 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background12 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background13 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background14 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background15 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background16 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background17 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background18 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background19 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background20 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background21 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background22 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background23 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background24 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background25 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background26 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background27 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background28 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background29 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background30 {
	background-image: url(../images/bg/parallax-change.jpg);
}

.parallax-background31 {
	background-image: url(../images/bg/parallax-change.jpg);
}


/* Scout
================================================== */

.big_white.scout {
	color: #000;
	font-size: 100px;
	font-weight: 800;
}

.hero-copy.scout {
	color: #000;
}

.hero-btn.scout {
	color: #000;
}


/* Spa
================================================== */

.big_white.spa {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 100;
	font-size: 66px;
	text-transform: none;
}

.hero-copy.spa {
	font-size: 32px;
	line-height: 46px;
}


/* Fashion
================================================== */

.hero-copy.fashion {
	margin: 30px 15px;
}

.big_white.fashion {
	font: 106px/106px "Open Sans", sans-serif;
	font-weight: 100;
	text-transform: none;
}

.btn-holder.fashion a {
	position: absolute;
	bottom: 80px;
	border: 1px solid #fff;
	color: #fff;
}

.btn-holder.fashion a:hover {
	background-color: #fff;
	color: inherit;
}


/* Legal
================================================== */

.hero-copy.legal {
	font-size: 18px;
}


/* Horror
================================================== */

.big_white.horror {
	font-family: "Creepster";
	font-size: 78px;
	line-height: 78px;
	margin: 0px 15px;
}

.btn-holder.horror {
	margin: 20px 15px;
}

.btn-holder.horror a.hero-btn {
	font-family: "Montserrat";
	letter-spacing: normal;
	font-weight: 800;
}

.hero-copy.horror {
	font-family: "Montserrat";
	margin: 15px;
	font-size: 19px;
}

#team-photo.horror {
	background-image: url(../images/halloween/house.html);
	background-position: top;
}


/* Left Align - used in Interior design; to get this look, 
   just add "leftalign" class to "home-content" section and hero class.
================================================== */

.hero-inner.leftalign {
	text-align: left;
}

.leftalign .section-title,
.leftalign #portfolio-title,
.leftalign #quote h2,
.leftalign #quote .quote-author,
.leftalign #testimonials .quote-author,
.leftalign #testimonials blockquote,
.leftalign #testimonials blockquote>a {
	padding-left: 0;
	text-align: left;
}

.leftalign .section-tagline {
	text-align: left;
	max-width: 650px;
	padding: 0 0 80px 0;
	margin: 0;
}

.leftalign .section-title:after {
	margin-left: 0;
}

.leftalign .section-header {
	margin: 0 auto;
	max-width: 1140px;
	width: 90%;
}

.leftalign #posts .single-post {
	margin: 0 auto;
	max-width: 1140px;
	text-align: left;
	padding-left: 15px;
	width: 90%;
}

.leftalign #posts .category {
	margin-right: 5px;
}

.leftalign .section-header>h2,
.leftalign .section-header p,
.leftalign .parallax-quote,
.leftalign .quote-author,
.leftalign #testimonials blockquote,
.leftalign #testimonials .quote-author {
	margin-left: 15px;
}

.leftalign ul.filter,
.leftalign ul.filter-target,
.leftalign #port-filter {
	text-align: left;
	margin-left: -12.5px;
}

.leftalign #features .column,
.leftalign #callout .title,
.leftalign #callout span,
.leftalign #callout-form,
.leftalign .tweet {
	text-align: left;
}


/* GrayScale - apply grayscale class to all images
================================================== */

.grayscale {
	/* Firefox 10+, Firefox on Android */
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	/* IE 6-9 */
	filter: gray;
	/*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
	-webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade {
	-webkit-transition: -webkit-filter .5s;
}

.grayscale.grayscale-fade:hover {
	-webkit-filter: grayscale(0%);
	filter: none;
}

.grayscale-replaced.grayscale-fade svg {
	opacity: 1;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

.grayscale-replaced.grayscale-fade:hover svg {
	opacity: 0;
}


/* Chocolateria
================================================== */

.hero-copy.choco {
	margin: 40px 0;
	font-style: italic;
}

.big_white.choco {
	font: 38px/90px "Montserrat", sans-serif;
	font-weight: 600;
	letter-spacing: 10px;
	text-transform: none;
	border-top: 1px solid #00d3f9;
	border-bottom: 1px solid #00d3f9;
	margin: auto;
	display: inline-block;
}


/* Bar
================================================== */

.hero-copy.bar {
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
	font: 15px/42px "Montserrat", sans-serif;
	color: #fff;
	margin: 40px 0;
	letter-spacing: 5px;
}

.big_white.bar {
	color: #00d3f9;
	font: 38px/90px "Montserrat", sans-serif;
	font-weight: 600;
	padding: 0 30px;
	letter-spacing: 10px;
	border: 3px solid #00d3f9;
	margin: auto;
	display: inline-block;
}

.btn-holder.bar a {
	color: #fff;
}


/* =========================================================== 
    6.  About Us Section
============================================================ */

#about-us.menu-in {
	padding-top: 150px;
}

#about-icons {
	border-top: 1px solid #e6e6e6;
	text-align: center;
}

#about-icons .container {
	width: 100%;
}

#about-icons .column {
	overflow: hidden;
	position: relative;
	padding: 120px 50px;
	min-height: 380px;
}

#about-icons .column:hover {
	background-color: #f3f3f3;
}

#about-icons .column.border {
	border-right: 1px solid #e6e6e6;
}

#about-icons i {
	font-size: 64px;
	color: #d3145a;
}

#about-icons h2 {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 20px 0;
}

#about-icons span.desc {
	opacity: 0;
	display: block;
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	padding: 0 10px;
	-webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

#about-icons .main {
	-webkit-transition: all 300ms cubic-bezier(.07, .58, .39, 1);
	-moz-transition: all 300ms cubic-bezier(.07, .58, .39, 1);
	-o-transition: all 300ms cubic-bezier(.07, .58, .39, 1);
	-ms-transition: all 300ms cubic-bezier(.07, .58, .39, 1);
	transition: all 300ms cubic-bezier(.07, .58, .39, 1);
}


/* Service hover */

#about-icons .main i,
#about-icons .main h2 {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#about-icons .column:hover .service-intro {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

#about-icons .column:hover .desc {
	opacity: 1;
	-webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

#about-icons .column:hover .main {
	margin-top: -75px;
}


/* =========================================================== 
    7.  Quote Section
============================================================ */

#quote {
	position: relative;
	/*    background-image: url(../images/chandler3.jpg); */
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 120px 0;
}

#quote .container {
	position: relative;
}

#quote h2 {
	color: #fff;
	font-weight: 300;
	font-family: 'Open Sans', Arial, sans-serif;
	text-align: center;
}

#quote .quote-author {
	margin-top: 20px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
	font-size: 14px;
	font-weight: 700;
}


/* =========================================================== 
    8. What We Do
============================================================ */

.filter-row {
	background-color: #f3f3f3;
}

ul.filter,
ul.filter-target {
	text-align: center;
	margin-bottom: 0;
}

ul.filter>li,
ul.filter-target>li {
	position: relative;
	display: inline-block;
	margin: 0 25px;
	text-align: center;
}

ul.filter>li a,
ul.filter-target>li a {
	display: inline-block;
	line-height: 90px;
	font-size: 13px;
	color: #adadad;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: center;
}

ul.filter>li.active:after,
ul.filter-target>li.active:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
}

ul.filter>li.active a,
ul.filter>li a:hover,
ul.filter-target>li.active a,
ul.filter-target>li a:hover {
	color: #d3145a;
}

#option-section {
	padding: 80px 0;
	background-color: #fff;
}

#option-section .container .row:first-child {
	display: block;
}


/* Progress Bars
/*------------------*/

.progress-text {
	margin-bottom: 10px;
	color: #adadad;
}

.progress-text span {
	float: right;
}

.progress-bar {
	position: relative;
	height: 3px;
	margin: 0 0 15px 0;
	background: #c4c4c4;
	width: 100%
}

.progress-bar>span {
	width: 0%;
	display: block;
	height: 100%;
	background-color: #d3145a;
}

.chart {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 120px;
	text-align: center;
}

.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.chart span {
	line-height: 120px!important;
	text-align: center;
}

.progress-circle {
	display: inline-block;
	text-align: center;
	margin: 0 30px 0 0;
}


/* =========================================================== 
    9. Achievements
============================================================ */

#achievements {
	position: relative;
	padding: 130px 0 120px 0;
	text-align: center;
}

#achievements .container {
	position: relative;
}

.stats span {
	display: block;
	text-align: center;
	color: #fff;
}

.stats .icon {
	margin: auto;
	width: 120px;
	height: 120px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	transition: all 500ms;
}

.post .stats .icon {
	background: transparent;
	border: 1px solid #d3145a;
}

.stats .icon:hover {
	background: #d3145a;
	color: #fff;
}

.stats i {
	height: 120px;
	line-height: 120px;
	font-size: 48px;
}

.stats .number {
	font-size: 48px;
	font-weight: 300;
	color: #d3145a;
	margin: 40px 0 15px 0;
}

.stats .desc {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}


/* =========================================================== 
    10. Portfolio
============================================================ */

#port-filter {
	text-align: center;
	line-height: 90px;
	margin-bottom: 0;
}

#port-filter li {
	display: inline-block;
	padding: 0 25px;
	line-height: 14px;
}

#port-filter li:last-child {
	border-right: 0;
}

#port-filter li a {
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #adadad;
}

#port-filter li a:hover,
#port-filter li.active a {
	color: #d3145a;
}

#portfolio-wrapper>div {
	width: 25%;
	overflow: hidden;
	position: relative;
}

#portfolio-wrapper>div img {
	width: 100%;
	display: block;
	margin: 0;
	border: solid;
	border-width: 0px;
	border-color: #eee;
	transform: scale(0.8) rotate(0.1deg);
	-ms-transform: scale(0.8) rotate(0.1deg);
	-webkit-transform: scale(0.8) rotate(0.1deg);
	-o-transform: scale(0.8) rotate(0.1deg);
	-moz-transform: scale(0.8) rotate(0.1deg);
}

#portfolio-wrapper>.block.gallery img {
	position: absolute;
	z-index: 1;
	top: 0;
}

#portfolio-wrapper .block.gallery img.base {
	z-index: -1;
	display: block;
	position: static;
}

#portfolio-wrapper .block.gallery img.active {
	z-index: 3;
}

#portfolio-wrapper>.block:hover img {
	backface-visibility: hidden;
	-webkit-transition: all 700ms;
	-moz-transition: all 700ms;
	transition: all 700ms;
	transform: scale(1.1) rotate(2deg);
	-ms-transform: scale(1.1) rotate(2deg);
	-webkit-transform: scale(1.1) rotate(2deg);
	-o-transform: scale(1.1) rotate(2deg);
	-moz-transform: scale(1.1) rotate(2deg);
}

#portfolio-wrapper .block .portfolio-hover,
#portfolio-wrapper .block .video-hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
	-webkit-transition: opacity 400ms ease 0s;
	-moz-transition: opacity 400ms ease 0s;
	transition: opacity 400ms ease 0s;
	cursor: pointer;
	z-index: 5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#portfolio-wrapper .block .portfolio-info {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -20px;
	color: #730000;
}

#portfolio-wrapper .block:hover .portfolio-hover,
#portfolio-wrapper .block:hover .video-hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
}

#portfolio-wrapper .portfolio-title {
	color: #730000;
	text-transform: uppercase;
	font-size: 17px;
}

#portfolio-wrapper .portfolio-category {
	color: #000;
	font-size: 12px;
}


/* Portfolio isotope Animation
======================== */

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}


/* =========================================================== 
    11. Pricing Tables
============================================================ */

#pricing-tables {
	padding-bottom: 90px;
}

.table {
	border: 1px solid #e6e6e6;
	padding: 80px 35px;
	text-align: center;
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	max-width: 350px;
	margin: auto;
}

.table.popular,
.table:hover {
	border: 1px solid #e6e6e6;
	background-color: #fff;
}

.table .price {
	font: 64px/64px 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
	color: #d3145a;
	display: block;
}

.table ul li {
	list-style: none;
	text-align: center;
}

.table-title {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-bottom: 20px;
}

.table .lm-button {
	margin: 35px 0 0 0;
	text-decoration: none!important;
	border: 1px solid #d3145a;
	color: #d3145a;
}

.table .lm-button:hover {
	border: 1px solid #d3145a;
	background-color: #d3145a;
	color: #fff;
}

.table .lm-button.fill {
	background-color: #d3145a;
	color: #fff;
}

.table .lm-button.fill:hover {
	background-color: transparent;
	color: #d3145a;
}

.table-desc {
	display: block;
	margin: 15px 15px 0 15px;
	text-align: center;
	font: 14px/21px 'Open Sans', Arial, sans-serif;
}


/* =========================================================== 
    12. Features
============================================================ */

#features {
	text-align: center;
	padding-bottom: 80px;
}

#features i {
	font-size: 46px;
	color: #d3145a;
}

#features h3 {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 20px 0;
}

#features .column p {
	margin-bottom: 55px;
}

#features .section-title {
	margin-bottom: 80px;
}


/* =========================================================== 
    13. Testimonials
============================================================ */

#testimonials {
	position: relative;
	padding: 130px 0;
}

#testimonials .testimonial {
	width: 90%;
	max-width: 1140px;
	margin: auto;
}

#testimonials blockquote,
#testimonials blockquote a {
	font-size: 30px;
	line-height: 42px;
	color: #fff;
	font-weight: 300;
	text-align: center;
}

#testimonials blockquote a {
	text-decoration: underline;
}

#testimonials .quote-author {
	margin-top: 20px;
	color: #fff;
	text-align: center;
	display: block;
	font-size: 14px;
}


/* =========================================================== 
    14. Clients
============================================================ */

#clients {
	padding: 45px 0;
}

#clients img {
	opacity: 0.8;
	height: 80px;
}


/* =========================================================== 
    15. Team Section
============================================================ */

#team-photo {
	position: relative;
	background-image: url(../images/bg/team.jpg);
	min-height: 1000px;
	padding: 170px 0;
	width: 33.33%;
	float: left;
}

#team-photo.spa {
	background-image: url(../images/bg/spa2.jpg);
}

#team-members {
	width: 66.66%;
	float: left;
	text-align: center;
}

#team-members.full {
	width: 100%;
	float: none;
}

#team-members .row {
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
}

#team-members .row .column {
	height: 499px;
}

#team-members .row .column:first-child {
	border-right: 1px solid #e6e6e6;
}

#team-members.full .row .column {
	border-right: 1px solid #e6e6e6;
}

#team-members img {
	border-radius: 50%;
	max-width: 240px;
}

#team-members .team-image {
	margin-top: 70px;
}

#team-members .team-image a {
	color: #fff;
}

#team-members .team-image a:hover {
	color: #d3145a;
}

#team-members .team-image i {
	font-size: 28px;
	margin: 110px 5px 0 5px;
}

#team-members .team-image {
	position: relative;
}

#team-members .team-image span {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -120px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background-color: rgba(25, 25, 25, 0.7);
	-o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
	-ms-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
	-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
	-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
	transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

#team-members .column:hover .team-image span {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

#team-members h3 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 40px 0 0 0;
}

#team-members span {
	font-size: 12px;
	text-transform: uppercase;
}

#team-members .column>i {
	display: block;
}


/* =========================================================== 
    16. Request a Quote CTA
============================================================ */

#quote-request {
	background-color: #d3145a;
	padding: 80px 0;
}

#quote-request.dark {
	background-color: #222;
}

#quote-request .column {
	float: none;
}

#quote-request p {
	display: inline-block;
	text-transform: none;
	color: #fff;
	font-size: 40px;
	line-height: 58px;
	font-weight: 300;
	margin-bottom: 0px;
}

#quote-request .lm-button {
	float: right;
	vertical-align: top;
	color: #fff;
	margin: 5px 0;
	border: 1px solid #fff;
}

#quote-request .lm-button:hover {
	background-color: #fff;
	color: #d3145a;
}


/* =========================================================== 
    17. Blog Section on HomePage
============================================================ */

#blog.single {
	padding: 0;
}

#posts {
	background-color: #fff;
	text-align: center;
}

#posts .category {
	display: inline-block;
	font-weight: 300;
	color: #333333;
	letter-spacing: 1px;
	border: 1px solid #e6e6e6;
	margin: 0 5px;
	padding: 3px 8px;
	border-radius: 5px;
	font-size: 13px;
}

#posts .category:hover {
	color: #333333;
	background-color: #f3f3f3;
}

#posts .single-post {
	padding: 46px 0;
	border-bottom: 1px solid #e6e6e6;
}

#posts h2 {
	text-transform: none;
	margin: 20px 0;
	line-height: 55px;
}

#posts h2 a {
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	color: #333333;
	font-size: 32px;
	text-transform: capitalize;
}

#posts a {
	color: #808080;
	font-weight: 300;
}

#posts a:hover {
	color: #d3145a;
}

#posts a.author {
	font-weight: 300;
}

#posts span.date:after,
#posts a.comments:after {
	color: #808080;
	padding: 0 3px 0 5px;
	font-size: 32px;
	vertical-align: top;
	content: '\00B7';
}

#posts .single-post .meta span,
#posts .post .meta a {
	font-weight: 300;
	font-size: 12px;
	text-transform: uppercase;
}

#blog .loadmore {
	display: block;
	height: 90px;
	line-height: 90px;
	background: #d3145a;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

#blog .loadmore:hover {
	background: #fff;
	color: #d3145a;
}


/* =========================================================== 
    18. Twitter Section
============================================================ */

#twitter {
	height: 480px;
	background-color: #222;
	text-align: center;
	padding: 80px 0;
}

#twitter .one-tweet {
	font-size: 30px;
	line-height: 48px;
}

#twitter .time {
	display: block;
	margin-top: 30px;
	color: #fff;
}

#twitter .one-tweet a {
	font-size: 30px;
	font-weight: 300;
	color: #f6f6f6;
}

#twitter .tweet-actions {
	margin-bottom: 0;
}

#twitter .tweet-actions li {
	list-style: none;
	display: inline-block;
	margin: 0 10px;
}

#twitter .tweet-actions li a {
	color: #d3145a;
}

.tweet {
	width: 90%;
	max-width: 1140px;
	margin: auto;
}

.tweet:before {
	font-family: 'FontAwesome';
	content: '\f099';
	color: #fff;
	font-size: 48px;
	line-height: 48px;
}


/* =========================================================== 
    19. Contact Form
============================================================ */

#contact {
	text-align: center;
}

#contact #forms .column {
	position: relative;
}

#contact #form {
	background-color: #fff;
	padding: 90px 0;
}

#contact #forms .column.four:after {
	content: "*";
	color: #d3145a;
	position: absolute;
	pointer-events: none;
	top: 0px;
	z-index: 10;
	padding: 4px 0px;
	right: 25px;
	line-height: 48px;
	font-size: 20px;
	transition: all 0.2s;
	opacity: 0;
}

#contact #forms .column.four.error:after {
	opacity: 1;
}

#contact #forms .column.twelve:after {
	content: "*";
	color: #d3145a;
	position: absolute;
	pointer-events: none;
	top: 0px;
	z-index: 10;
	padding: 4px 0px;
	right: 25px;
	line-height: 48px;
	font-size: 20px;
	transition: all 0.2s;
	opacity: 0;
}

#contact #forms .column.twelve.error:after {
	opacity: 1;
}

#contact input[type="text"] {
	width: 100%;
	background-color: #f3f3f3;
	height: 48px;
	border: 1px solid #e6e6e6;
	margin-bottom: 30px;
}

#contact input[type="text"]:focus,
#contact textarea:focus {
	border: 1px solid #d3145a;
	background-color: #ffffff;
}

#contact input[type="submit"],
#comment input[type="submit"] {
	display: inline-block;
	width: 100%;
	padding: 19px 48px;
	background-color: #fff;
	color: #444;
	text-transform: uppercase;
	margin: 30px auto 0 auto;
}

#contact input[type="submit"]:hover {
	background-color: #d3145a;
	color: #fff;
}

#contact textarea {
	background-color: #f3f3f3;
	border: 1px solid #e6e6e6;
	width: 100%;
	padding: 10px 15px;
}

#contact .column>span,
#contact .column>a {
	color: #808080;
	margin: 15px 0 0 0;
	display: block;
}

#contact .column>a:hover {
	color: #d3145a;
}

#contact i {
	font-size: 42px;
	color: #d3145a;
}

#contact .row.icons {
	margin-top: 80px;
}

#map {
	width: 100%;
	height: 480px;
}

#mapcontent {
	width: 128px;
}


/* =========================================================== 
    20. Callout Box
============================================================ */

#callout {
	position: relative;
	background-image: url(../images/55.jpg);
	padding: 130px 0;
	background-size: cover;
}

#callout .container {
	position: relative;
	text-align: center;
}

#callout .title {
	font-size: 30px;
	line-height: 34px;
	color: #fff;
	font-weight: 300;
	text-align: center;
}

#callout span {
	display: block;
	color: #fff;
	margin: 5px 0;
}

#callout input {
	display: inline-block;
}

#callout input[type="text"] {
	display: inline-block;
	width: 360px;
	background-color: transparent;
	height: 60px;
	border: 1px solid #888;
	color: #fff;
}

#callout input[type="text"]:focus {
	border: 1px solid #d3145a;
}

#callout input[type="submit"] {
	padding: 21px 48px;
	font-size: 13px;
	background-color: #d3145a;
	border: 1px solid #d3145a;
	color: #fff;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-left: 30px;
	text-align: center;
	vertical-align: top;
}

#callout input[type="submit"]:hover {
	background-color: #fff;
	border: 1px solid #fff;
	color: #444;
}

#callout-form {
	text-align: center;
	margin-top: 30px;
}


/* =========================================================== 
    21. Footer
============================================================ */

footer {
	background-color: #222222;
	text-align: center;
	padding: 100px 0;
		height:100vh;
}

footer.light {
	background-color: #f3f3f3;
}

footer .block {
	color: #808080;
	display: block;
}

footer .block a {
	color: #808080;
}

footer .block a:hover {
	color: #d3145a;
}

footer ul {
	margin: 0;
}

footer img {
	margin-bottom: 15px;
}

footer #copyright i {
	color: #d3145a;
	font-size: 12px;
}

#social {
	padding: 10px 0 0 0;
	text-align: center;
}

#social:before {
	position: relative;
	display: block;
	content: "";
	height: 2px;
	width: 30px;
	margin: 10px auto 20px;
	background: #d3145a;
}

#social ul li {
	list-style: none;
	display: inline-block;
	margin: 5px;
}

#social ul li a {
	text-align: center;
	border-radius: 5px;
	color: #808080;
	font-size: 20px;
	border: 1px solid #666;
	height: 32px;
	line-height: 32px;
	width: 32px;
	display: inline-block;
}

#social ul li a:hover {
	border: 1px solid #f64747;
	color: #f64747;
}


/* =========================================================== 
    22. Portfolio Single
============================================================ */

#portfolio-single {
	padding-top: 40px;
	background-color: #fff;
	padding-bottom: 80px;
}

#portfolio-single .container {
	width: 85%;
	max-width: 960px;
}

#portfolio-single header {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9;
}

#portfolio-single header .navigation ul {
	margin-left: 0;
}

#portfolio-single header .navigation li {
	text-align: center;
}

.navigation li.close a {
	background-color: #222;
}

#portfolio-single header .navigation li.close a:hover {
	background-color: #f64747;
	color: #fff;
}

.navigation li.share>ul {
	opacity: 0;
	height: 0px;
	overflow: hidden;
}

.navigation li.share ul li:hover {
	opacity: 0.85;
}

.navigation li.share:hover>ul {
	opacity: 1;
	height: 354px;
	transition: all 0.2s;
}

#portfolio-single header .navigation li a {
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	font-size: 41px;
	line-height: 60px;
	color: #999;
	margin-top: -1px;
}

#portfolio-single header .navigation li.share a {
	font-size: 28px;
}

#portfolio-single header .navigation li.share ul li a {
	border: none;
	font-size: 19px;
	color: #fff;
}

#portfolio-single header .navigation li a:hover {
	background-color: #f6f6f6;
	color: #999;
}

#portfolio-single header .navigation li.share ul li.fb a {
	background-color: #627aad;
}

#portfolio-single header .navigation li.share ul li.tw a {
	background-color: #00aced;
}

#portfolio-single header .navigation li.share ul li.go a {
	background-color: #dd4b39;
}

#portfolio-single header .navigation li.share ul li.ln a {
	background-color: #007bb6;
}

#portfolio-single header .navigation li.share ul li.pin a {
	background-color: #cb2027;
}

#portfolio-single header .navigation li.share ul li.mail a {
	background-color: #404040;
	font-size: 21px;
}

#portfolio-single h1#portfolio-title {
	text-align: center;
}

#portfolio-single h1#portfolio-title:after {
	position: relative;
	display: block;
	content: "";
	height: 2px;
	width: 30px;
	margin: 10px auto 20px;
	background: #d3145a;
}

#portfolio-single h3.category {
	text-align: center;
	margin-bottom: 40px;
}

#portfolio-single #images.slider {
	text-align: center;
	margin-bottom: 30px;
}

#portfolio-single #images img {
	display: inline;
	margin-bottom: 30px;
}

#portfolio-single #info {
	background-color: #f6f6f6;
	padding: 30px;
	text-align: center;
}

#portfolio-single #info .title {
	font-weight: bold;
	display: block;
	color: #333;
}

#portfolio-single #info>span:last-child {
	margin-bottom: 0;
}

#portfolio-single #info .entry {
	margin-bottom: 30px;
	display: block;
}

#portfolio-single #images .owl-pagination {
	position: relative;
	bottom: auto;
}

#portfolio-single #images .owl-pagination .owl-page span {
	border-color: #aeaeae;
}

#portfolio-single #images .owl-pagination .owl-page.active span {
	background-color: #d3145a;
	border: 1px solid #d3145a;
}


/* =========================================================== 
    23. Single Post Page
============================================================ */

#single-post {
	margin: 60px auto;
	max-width: 960px;
}

.post p,
.post span,
.post li {
	color: #333;
	font-weight: 300;
	font-size: 16px;
	line-height: 29px;
}

.post a {
	font-size: 18px;
	color: #d3145a;
}

.post .caption {
	font-style: italic;
	font-size: 15px;
	margin-bottom: 25px;
	display: block;
}

.post .lm-button,
.lm-button {
	font-family: 'Montserrat', 'Open Sans', sans-serif;
	font-size: 13px;
	letter-spacing: 1.5px;
	color: #fff;
	display: inline-block;
	padding: 10px 36px;
	border: 1px solid #888;
	border-radius: 5px;
	text-transform: uppercase;
	border: 1px solid #f64747;
	color: #f64747;
}

.post .caption a {
	font-size: 15px;
}

.post a:hover {
	text-decoration: underline;
}

p.bigletter:first-letter {
	font-weight: bold;
	font-size: 78pt;
	float: left;
	margin-left: -6px;
	line-height: 82px;
	color: #d3145a;
	margin-right: 5px;
}

blockquote {
	font-weight: 100;
	font-size: 21px;
	line-height: 31px;
	padding-left: 20px;
	border-left: 1px solid #d3145a;
	margin: 20px 0;
}

.owl-wrapper blockquote {
	border-left: none;
}

#single-post #tags a {
	display: inline-block;
	font-weight: 300;
	color: #333333;
	letter-spacing: 1px;
	border: 1px solid #e6e6e6;
	margin: 2px;
	padding: 3px 8px;
	border-radius: 5px;
	font-size: 15px;
}

#single-post #tags a:hover {
	color: #d3145a;
	border: 1px solid #d3145a;
	text-decoration: none;
}

#related-posts {
	padding: 25px 0;
	margin: 35px 0 0 0;
}

#related-posts ul {
	margin: 0;
}

h3.single {
	font: 24px/36px 'Open sans', sans-serif;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 25px;
	font-weight: 100;
}

#pagination {
	height: 60px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#pagination a {
	color: #bbb;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 60px;
}

#pagination a:hover {
	text-decoration: none;
	color: #d3145a;
}

#pagination a.prev:before {
	font-family: 'FontAwesome';
	content: '\f177';
	margin-right: 5px;
}

#pagination a.next {
	float: right;
}

#pagination a.next:after {
	font-family: 'FontAwesome';
	content: '\f178';
	margin-left: 5px;
}

#user {
	margin-top: 35px;
	padding: 40px;
	background-color: #f6f6f6;
}

#user .info {
	font-size: 16px;
	line-height: 28px;
	margin-left: 185px;
}

#user .social {
	display: block;
	margin-top: 12px;
}

#user .social a {
	margin-right: 10px;
	font-size: 24px;
	color: #d2d2d2;
}

#user .social a:hover {
	color: #d3145a;
}

#user img {
	float: left;
}

#user .name {
	font-weight: bold;
	color: #333;
}


/* Comments Section */

#comments-section {
	margin-top: 35px;
}

#comments-section p,
#comments-section span {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 5px;
}

#comments-section a.reply {
	font-size: 13px;
}

#comments-section .comment {
	margin-left: 95px;
}

#comments-section .single-comment {
	margin-top: 35px;
}

#comments-section .single-comment.reply {
	margin-left: 60px;
}

#comments-section img {
	border-radius: 50%;
	float: left;
}

#comments-section .comment-meta {
	display: block;
}

#comments-section .more {
	margin-top: 35px;
	text-align: center;
	display: block;
	padding: 20px 0;
	background-color: #f6f6f6;
	color: #808080;
	font-size: 16px;
}

#comments-section .more:hover {
	text-decoration: none;
	background-color: #d3145a;
	color: #fff;
}

#comment {
	margin-top: 35px;
}

#comment input {
	width: 100%;
}

#comment input[type="text"] {
	width: 100%;
	height: 48px;
	border: 1px solid #e6e6e6;
	margin-bottom: 30px;
}

#comment input[type="text"]:focus,
#comment textarea:focus {
	border: 1px solid #d3145a;
}

#comment input[type="submit"] {
	margin-top: 5px;
}

#comment input[type="submit"]:hover {
	background-color: #d3145a;
	color: #fff;
}

#comment textarea {
	border: 1px solid #e6e6e6;
	width: 100%;
}


/* =========================================================== 
    24. Elements Used in Inside Pages
============================================================ */


/* TABS */

.tabable {
	border: 1px solid #e6e6e6;
}

.tabable .tabs {
	padding: 0 30px;
	background: #f6f6f6;
}

.tabable .tab-content-wrap {
	padding: 20px 30px;
}

.tabable .tabs li {
	text-align: center;
	margin-right: 30px;
	line-height: 70px;
	display: inline-block;
	position: relative;
}

.tabable .tabs li.active:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f6f6f6;
}

.tabable .tabs li a {
	text-decoration: none;
	font: 13px/21px "Montserrat", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	color: #808080;
}


/* ACCORDION */

.accordion {
	border: 1px solid #e6e6e6;
}

.accordion .accordion-wrap .title {
	position: relative;
	border-bottom: 1px solid #e6e6e6;
}

.accordion .accordion-wrap .title:after {
	position: absolute;
	right: 25px;
	top: 0;
	font: 30px/66px 'Pe-icon-7-stroke';
	content: "\e688";
}

.accordion .accordion-wrap .title.active:after {
	content: "\e682";
}

.accordion .accordion-wrap .title.active,
.accordion .accordion-wrap .title a:hover {
	background: #f6f6f6;
	color: #333;
}

.accordion-wrap .content {
	padding: 20px 30px;
	border-bottom: 1px solid #e6e6e6;
}

.accordion-wrap .content p {
	margin-bottom: 0;
}

.accordion .accordion-wrap .title a {
	display: block;
	padding: 20px 40px 20px 30px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #808080;
}

.accordion:last-child {
	border-bottom: 0;
}

.tabable .tabs li a:hover,
.tabable .tabs li.active a {
	color: #d3145a;
}


/* ALERTS */

.success,
.errormsg,
.notice,
.general {
	padding: 12px 20px;
	text-align: left;
	font-size: 16px;
	cursor: pointer;
	clear: both;
	margin: 15px;
}

.success:before,
.errormsg:before,
.notice:before,
.general:before {
	float: left;
	padding-right: 12px;
	font-family: 'FontAwesome';
	font-size: 18px;
}

.success:hover,
.errormsg:hover,
.notice:hover,
.general:hover {
	opacity: 0.7;
}

.success {
	color: #669966;
	background-color: #dff0d8;
}

.success:before {
	content: "\f058";
	color: #85C51F;
}

.errormsg {
	color: #cc0000;
	background-color: #ffe2e2;
}

.errormsg:before {
	content: "\f00d";
	color: #ef3d26;
}

.notice {
	color: #996633;
	background-color: #fcf8e3;
}

.notice:before {
	content: "\f06a";
	color: #a67f0d;
}

.general {
	color: #336699;
	background-color: #d9edf7;
}

.general:before {
	content: "\f129";
	color: #666;
}


/* Lists */

ul.checked {
	line-height: 24px;
	font-size: 13px;
}

ul.checked li:before {
	float: left;
	padding-right: 12px;
	font-family: "FontAwesome";
	content: "\f00c";
	color: #d2135a;
	font-size: 14px;
}

ul.arrow {
	line-height: 24px;
	font-size: 13px;
}

ul.arrow li:before {
	float: left;
	padding-right: 12px;
	font-family: "FontAwesome";
	content: "\f054";
	color: #d2135a;
	font-size: 14px;
}

ul.star {
	line-height: 24px;
	font-size: 13px;
}

ul.star li:before {
	float: left;
	padding-right: 12px;
	font-family: "FontAwesome";
	content: "\f006";
	color: #d2135a;
	font-size: 14px;
}

ul.caret {
	line-height: 24px;
	font-size: 13px;
}

ul.caret li:before {
	float: left;
	padding-right: 12px;
	font-family: "FontAwesome";
	content: "\f0da";
	color: #d2135a;
	font-size: 14px;
}

ul.circle {
	line-height: 24px;
	font-size: 13px;
}

ul.circle li:before {
	float: left;
	padding-right: 12px;
	font-family: "FontAwesome";
	content: "\f0a9";
	color: #d2135a;
	font-size: 14px;
}

ul.double-angle {
	line-height: 24px;
	font-size: 13px;
}

ul.double-angle li:before {
	float: left;
	padding-right: 12px;
	font-family: "FontAwesome";
	content: "\f101";
	color: #d2135a;
	font-size: 14px;
}

span.fill {
	color: #fff;
	background-color: #d2135a;
}


/* Social */

ul.social {
	margin: 15px 0;
}

ul.social li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
}

ul.social li a {
	text-align: center;
	border-radius: 5px;
	color: #808080;
	font-size: 20px;
	border: 1px solid #666;
	height: 32px;
	line-height: 32px;
	width: 32px;
	display: inline-block;
}

ul.social li a:hover {
	border: 1px solid #d2135a;
	color: #fff;
}


/* =========================================================== 
    25. Single Page
============================================================ */

#page,
#blog {
	padding-top: 0;
}

#page #single-post {
	max-width: none;
}

.page-single {
	margin-top: 80px;
	background-color: #333333;
	height: 240px;
	padding: 60px 0;
}

.page-single .hero-inner {
	text-align: left;
}

.page-single .hero-inner h1 {
	color: #fff;
	margin-bottom: 0;
}

@media screen and (min-width: 1025px) {
	#header-section nav {
		display: block!important;
		/*float: right;*/
		/*width: auto!important;*/
		height: auto!important;
	}
}


/* =========================================================== 
    26. Responsive Nav
============================================================ */


/* Left - Menu; Only for Desktop Version;
================================================== */

@media screen and (min-width: 1025px) {
	#header-section.leftmenu {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
		background: #fff;
		width: 260px;
		height: 100%;
		line-height: 40px;
		padding: 40px 30px;
		background: rgba(230, 174, 72, 0.9);
		z-index: 101;
		overflow: auto;
	}
	#header-section.leftmenu .column {
		width: 100%;
		text-align: left;
	}
	#header-section.leftmenu nav {
		float: left;
	}
	#header-section.leftmenu nav li a {
		padding: 0;
		line-height: 40px;
		display: block;
		color: #fff;
	}
	#header-section.leftmenu nav li {
		padding: 0;
		display: block;
	}
	section.leftmenu {
		padding-left: 260px!important;
	}
	.big_white.interior {
		font-size: 82px;
		line-height: 92px;
		text-transform: none;
		font-weight: 400;
		text-align: center;
	}
	/* Sub Nav */
	#header-section.leftmenu nav ul li ul {
		position: relative;
		padding-bottom: 15px;
	}
	#header-section.leftmenu nav ul li ul li {
		background: transparent;
		margin-left: 30px;
		height: 32px;
		line-height: 32px;
	}
	#header-section.leftmenu nav ul li ul li a {
		text-transform: capitalize;
	}
	header nav ul li ul:before {
		content: none;
	}
}


/* Tablet Landscape */

@media screen and (max-width: 1024px) {
	/*.logo-mobile{display: none;}*/
	
	.header-social {
	padding-top: 10px;
	 float: none;
}


	.hero-inner img {
		margin-bottom: 10px;
	}
	.leftalign .section-header {
		width: 100%;
	}
	#header-section.leftmenu {
		border-bottom: 0;
	}
	.leftmenu #menu-toggle {
		background: #fff;
	}
	.leftmenu #menu-toggle:after,
	.leftmenu #menu-toggle:before {
		background: #fff;
	}
	#header-section.altmenu {
		padding-top: 80px;
	}
	
	.clientscommercial .owl-controls .owl-buttons .owl-prev,
.clientscommercial .owl-controls .owl-buttons .owl-next{
top: 25%!important;
}

.owl-prev,
.owl-next {
	top: 40%;
	margin-top: -20px;
	width: 140px;
	height: 60px;
	line-height: 60px;
	font-size: 44px;
	color: #fff;
}

	
	
	body.mobile {
		overflow: hidden;
	}
	
	
	header nav ul li ul li a,
	header nav ul li ul li {
		height: auto;
		line-height: inherit;
	}
	header nav ul li ul {
		display: block;
		position: relative;
		margin-left: 0;
		margin-top: 0;
	}
	header nav ul li ul:before {
		border-bottom: transparent;
	}
	
		header nav ul {
	float: none;
	}
	.social{
		display: block;
	}
	
	/* Hamburger by codrops */
	#menu-toggle-wrapper {
		display: block;
		top: 0;
		right: 0;
		position: absolute;
		width: 80px;
		height: 80px;
		z-index: 111;
	}
	#menu-toggle {
		display: block;
		position: absolute;
		top: 50%;
		right: 50%;
		margin-right: -15px;
		width: 30px;
		height: 3px;
		background: #d3145a;
		font-size: 30px;
	}
	#menu-toggle:after,
	#menu-toggle:before {
		content: '';
		position: absolute;
		right: 0;
		width: 100%;
		height: 3px;
		background: #d3145a;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	#menu-toggle:before {
		top: -8px;
	}
	#menu-toggle:after {
		bottom: -8px
	}
	#menu-toggle-wrapper.open #menu-toggle {
		background: 0 0;
	}
	#menu-toggle-wrapper.open #menu-toggle:after {
		-webkit-transform: rotate(-45deg) translate(2px, -8px);
		-moz-transform: rotate(-45deg) translate(3px, -8px);
		-ms-transform: rotate(-45deg) translate(3px, -8px);
		-o-transform: rotate(-45deg) translate(3px, -8px);
		transform: rotate(-45deg) translate(3px, -8px)
	}
	#menu-toggle-wrapper.open #menu-toggle:before {
		-webkit-transform: rotate(45deg) translate(4px, 9px);
		-moz-transform: rotate(45deg) translate(3px, 8px);
		-ms-transform: rotate(45deg) translate(3px, 8px);
		-o-transform: rotate(45deg) translate(3px, 8px);
		transform: rotate(45deg) translate(3px, 8px)
	}
	#menu-toggle,
	#menu-toggle:after,
	#menu-toggle:before {
		-webkit-transition: all .3s cubic-bezier(0.585, -.6, .43, 1.65);
		-moz-transition: all .3s cubic-bezier(0.585, -.6, .43, 1.65);
		-ms-transition: all .3s cubic-bezier(0.585, -.6, .43, 1.65);
		-o-transition: all .3s cubic-bezier(0.585, -.6, .43, 1.65);
		transition: all .3s cubic-bezier(0.585, -.6, .43, 1.65)
	}
	#menu-toggle-wrapper:focus #menu-toggle:before,
	#menu-toggle-wrapper:hover #menu-toggle:before {
		top: -6px
	}
	#menu-toggle-wrapper:focus #menu-toggle:after,
	#menu-toggle-wrapper:hover #menu-toggle:after {
		bottom: -6px
	}
	#menu-toggle-wrapper.open:focus #menu-toggle:after,
	#menu-toggle-wrapper.open:hover #menu-toggle:after {
		bottom: -8px
	}
	#menu-toggle-wrapper.open:focus #menu-toggle:before,
	#menu-toggle-wrapper.open:hover #menu-toggle:before {
		top: -8px
	}
	/* Nav Style for Responsive Menu */
	#header-section #navigation {
		/* width: 100%;*/
		position: relative;
		margin-left: -5.5%;
		text-align: center;
		background-color: #fff;
		overflow-y: scroll;
	}
	#header-section #navigation ul li {
		/*   background: #fff; */
		display: block;
		/*width: 100%;*/
		margin: 0;
		padding: 0;
	}
	
		#header-section #navigation ul li i {display: none;}
	
	#header-section #navigation>ul li:last-child {
		margin-bottom: 40px;
	}
	#header-section #navigation>ul li ul li:last-child {
		margin-bottom: 0;
	}
	#header-section #navigation ul li>a {
		color: #555555;
		line-height: 28px;
		padding: 10px 0;
		border-bottom: 1px solid #EFEFEF;
		display: block;
		padding-left: 30px;
		text-decoration: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.toggle {
		display: block;
		position: relative;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		width: 50px;
		height: 50px;
		background-color: #000;
	}
	#header-section #navigation ul li a:hover {
		background-color: #d3145a;
		color: #fff;
	}
	/*-----------------------------------------------------------------------------------*/
	/*  Other Stuff from top to bottom
/*-----------------------------------------------------------------------------------*/
	section {
		padding: 0px;
	}
	#testimonials {
		padding: 80px 0;
	}
	.owl-pagination {
		bottom: -60px;
	}
	.hide-on-mobile {
		display: none;
	}
	#header-section .column {
		margin: 0;
	}
	#about-icons .column .main {
		margin-top: -75px;
	}
	#about-icons .column span.desc {
		top: 50%;
	}
	#team-photo,
	ul.filter>li.active:after,
	ul.filter-target>li.active:after {
		display: none;
	}
	#team-members {
		width: 100%;
		float: none;
	}
	.section-header {
		padding: 0 5%;
	}
	.table {
		padding: 25px 15px;
	}
	#pricing-tables .lbutton {
		margin: 10px 0 0 0;
	}
	.table .price {
		font: 48px/48px 'Open Sans', Arial, sans-serif;
		font-weight: 300;
	}
	.lbutton {
		padding: 5px 30px;
	}
	#portfolio-wrapper>div {
		width: 50%;
	}
	#about-icons span.desc {
		padding: 0 25px;
	}
	#quote-request {
		text-align: center;
	}
	#quote-request .lbutton {
		float: none;
		margin-left: 15px;
	}
	#quote-request p {
		margin-bottom: 15px;
	}
	.hero-copy.bar {
		bottom: 20px;
	}
	.big_white.scout {
		font-size: 70px;
	}
}


/* Medium screens (640px) */

@media screen and (max-width: 640px) {
	.logo-mobile{display: inherit;
	margin-left: 10px;}
	.hero-inner img {
		margin-bottom: 10px;
		display: none;
	}
	.leftalign ul.filter,
	.leftalign ul.filter-target,
	.leftalign #port-filter {
		text-align: center;
	}
	.leftalign .section-header>h2,
	.leftalign .section-header p,
	.leftalign .parallax-quote,
	.leftalign .quote-author,
	.leftalign #testimonials blockquote,
	.leftalign #testimonials .quote-author {
		margin-left: 0;
	}
	#posts .category {
		margin: 5px;
	}
	.big_white.horror {
		font-family: "Creepster";
		font-size: 38px;
		line-height: 38px;
		margin: 0px 15px;
	}
	#header-section #navigation {
		width: 100%;
		position: relative;
		
		text-align: center;
		background-color: #fff;
		overflow-y: hidden;
	}
	
	header nav ul {
	float: none;
	}
	.social{
		display: block;
	}
	.header-social {
		padding-top: 0px;
	}
	.hero-copy.horror {
		font-family: "Montserrat";
		margin: 15px;
		font-size: 19px;
	}
	
	.mouse-wrapper {margin-top: auto;}
	
	
	#user .info {
		margin-left: 0;
	}
	#user img {
		float: none;
	}
	#comments-section .single-comment.reply {
		margin-left: 10px;
	}
	.big_white.choco {
		font: 28px/60px "Montserrat", sans-serif;
	}
	.big_white.scout {
		font-size: 50px;
	}
	#about-icons .column .desc {
		opacity: 1;
		-webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		-moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		-o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		-ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	.btn-holder.fashion a {
		bottom: 30px;
	}
	.big_white.spa {
		font-size: 36px;
	}
	.hero-copy.spa {
		font-size: 21px;
		line-height: 32px;
	}
	.hero-copy.bar {
		position: absolute;
		bottom: 20px;
		font: 12px/26px "Montserrat", sans-serif;
		color: #fff;
		margin: 20px 0;
		letter-spacing: 2px;
	}
	.big_white.bar {
		color: #00d3f9;
		font: 18px/28px "Montserrat", sans-serif;
		font-weight: 600;
		padding: 10px 30px;
	}
	#map {
		height: 300px;
	}
	#quote-request .lm-button {
		float: none;
	}
	section {
		padding: 0px 0 0 0;
	}
	h1.big_white {
		font-size: 34px;
		line-height: 44px;
		margin: 0 15px;
	}
	.section-tagline {
		margin-bottom: 40px;
	}
	#about-icons .column {
		padding: 20px;
		min-height: 100px;
	}
	#about-icons .column:first-child {
		margin-top: 20px;
	}
	#about-icons .column:hover .main {
		margin-top: 0;
	}
	#about-icons .column .main {
		margin-top: 0;
	}
	#about-icons .column.border {
		border: none!important;
	}
	#about-icons span.desc {
		position: relative;
	}
	#quote {
		padding: 40px 0;
	}
	#quote h2 {
		font-size: 21px;
		line-height: 36px;
	}
	#option-section {
		padding: 40px 0 80px 0;
	}
	#portfolio .container {
		width: 100%;
	}
	ul.filter>li,
	ul.filter-target>li,
	#port-filter>li {
		display: block;
		line-height: 25px;
		border: none;
		margin: 0;
		padding: 0;
	}
	ul.filter>li:after,
	ul.filter-target>li:after,
	#port-filter>li:after {
		content: none!important;
	}
	ul.filter>li a,
	ul.filter-target>li a,
	#port-filter>li a {
		display: block;
		border-top: 1px solid #e6e6e6;
		padding: 10px 0;
		line-height: 26px;
	}
	ul.filter>li:first-child a,
	ul.filter-target>li:first-child a,
	#port-filter>li:first-child a {
		display: block;
		border-top: none;
	}
	.filter-row .container,
	#port-filter .container {
		width: 100%;
	}
	#achievements {
		padding: 60px 0;
	}
	#portfolio-wrapper>div {
		width: 100%;
	}
	#features {
		padding-bottom: 40px;
	}
	#team-members .row,
	#team-members .row .column:first-child {
		border-right: none;
		border-top: none;
	}
	#team-members .row .column {
		border-bottom: 1px solid #e6e6e6;
	}
	#team-members .row:last-child .column:last-child {
		border-bottom: none;
	}
	#team-members .row .column {
		height: 410px;
	}
	#quote-request p {
		font-size: 28px;
	}
	#quote-request .lbutton {
		margin-left: 0;
	}
	#quote-request {
		padding: 40px 0;
	}
	#quote-request p {
		margin-right: 0;
	}
	#posts h2 {
		line-height: 32px;
		padding: 0 20px;
	}
	.leftalign #posts h2 {
		padding-left: 0;
	}
	#posts h2 a {
		font-size: 21px;
	}
	#testimonials {
		padding: 40px 0 60px 0;
	}
	.owl-pagination {
		bottom: -40px;
	}
	.clientscommercial .owl-controls .owl-buttons .owl-prev,
.clientscommercial .owl-controls .owl-buttons .owl-next{
top: 30%!important;
}
	#testimonials blockquote,
	#testimonials blockquote a {
		font-size: 21px;
		line-height: 36px;
	}
	#twitter .one-tweet {
		display: block;
		font-size: 21px;
		line-height: 32px;
		margin: 25px 0;
		color: #fff;
		font-weight: 300;
	}
	#twitter .one-tweet a {
		color: #f3f3f3;
		font-size: 21px;
		font-weight: 300;
	}
	#posts .post {
		width: 90%;
		margin: auto;
	}
	#contact #form {
		padding: 40px 0
	}
	#contact .row.icons {
		margin-top: 40px;
	}
	#map {
		height: 300px;
	}
	#callout {
		padding: 70px 0;
	}
	#callout input[type="submit"] {
		width: 50%;
		margin: 0;
		padding: 20px;
		margin-top: 25px;
	}
	#portfolio-title {
		font-size: 21px;
	}
	#portfolio-single header .navigation>ul {
		margin: 0;
	}
	#portfolio-single header .navigation li {
		float: right;
		margin-right: -1px;
	}
	#portfolio-single header .navigation li a {
		background-color: #fff;
		font-size: 32px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	#portfolio-single header .navigation li.share a {
		font-size: 21px;
	}
	#portfolio-single header .navigation li ul li {
		float: none;
	}
	.hero-copy.bigger {
		font-size: 22px;
	}
	.big_white.fashion {
		font-size: 76px;
		line-height: 78px;
	}
	.queryloader__overlay__bar {
		display: none!important;
	}
}

#features .section-header {
	background-image: url(../images/bg/bg-top.jpg);
	background-repeat: repeat-x;
}

.giusto {
	text-align: justify;
	text-justify: distribute;
}

.titolone {
	font-size: 43px;
	color: #900;
}

.scrollo {
	overflow: visible;
}

.bg-red {
	background-color: #900;
}

.window {
	max-height: 200px;
}