/*
Theme Name: Iva Theme
Author: Logica Technology
Version: 1.0
*/

/* Table of Content
==================================================
  1. Animations
  2. Document Setup (body, common classes, etc)
  3. Misc and Re-usable Elements
  4. Navigation
  5. Hero (Video / Image / Slider)
  6. About Us Section 
  7. Quote Section
  8. What We Do 
  9. Achievements 
  10. Portfolio 
  11. Pricing Tables 
  12. Features
  13. Testimonials 
  14. Clients 
  15. Team Section 
  16. Request a Quote CTA 
  17. Blog Section on HomePage
  18. Twitter Section 
  19. Contact Form 
  20. Callout Box 
  21. Footer 
  22. Portfolio Single 
  23. Single Post 
  24. Page Elements Used in Inside Pages 
  25. Single Page
  26. Media Queries
*/

#video {
	background: url(../images/videobg.jpg) no-repeat center;
	width: 800px;
	height: 542px;
	margin:0px auto;
}
.lit {
	color: #90d8f9!important;
}
#slideshow {
	margin:  0px auto;
	position: relative;
	background-color: #000;
}
#maps h1 {
	font-size: 24px;
	font-weight: 100;
	line-height: 23px;
	margin-bottom: 0;
	text-transform: uppercase;
	padding: 20px;
}
#trig1 {
	width: 50px;
	margin-top: 100px;
	height: 230px;
	margin-left: 215px;
	margin-top: 16px;
	position: absolute;
	z-index: 5;
}
#tip1 {
	width: 200px;
	text-align: center;
	background-color: #000;
	color: #fff;
	position: absolute;
	z-index: 4412321321;
}
#strip {
	width: 100%;
	height: 9px;
	background-image: url(../images/strip.jpg);
	background-size: 100% 100%;
	margin-bottom: -2px;
}
.slideoverlay {
	background: url("../images/overlay-pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0.32);
	content: " ";
	height: 100%;
	left: 0;
	opacity: 1.0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.slideoverlaylower {
	background: url("../images/overlay-pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0.32);
	content: " ";
	height: 100%;
	left: 0;
	opacity: 1.0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.animated {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: relative;
	z-index: 1;
}
 @-webkit-keyframes dragonAnimate {
 0% {
 opacity: 0;
 left: 0px;
}
 100% {
 opacity: 1;
 left: 500px;
}
}
@keyframes dragonAnimate {
 0% {
 opacity: 0;
 left: 0px;
}
 100% {
 opacity: 1;
 left: 500px;
}
}
#arrow {
	width: 46px;
	height: 57px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	bottom: 50px;
	-webkit-animation: bounce 1s infinite alternate;
	-moz-animation: bounce 1s infinite alternate;
	-ms-animation: bounce 1s infinite alternate;
	animation: bounce 1s infinite alternate;
}
 @-webkit-keyframes bounce {
 0% {
bottom: 120px;
}
 100% {
bottom: 90px;
}
}
 @-moz-keyframes bounce {
 0% {
bottom: 120px;
}
 100% {
bottom: 90px;
}
}
.dragonanimation {
	-webkit-animation: dragonAnimate 5s 1; /* Safari 4+ */
	-moz-animation:   dragonAnimate 5s 1; /* Fx 5+ */
	-o-animation:      dragonAnimate 5s 1; /* Opera 12+ */
	animation:       dragonAnimate 5s 1; /* IE 10+, Fx 29+ */
}
#slideshow > div {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
}

/* CSS3 Animations
================================================== */

@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;
}
}
/* =========================================================== 
    2. Document Setup (body, common classes, structure etc)
============================================================ */

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

html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: #FFFFFF;
	font: 15px/26px "Open Sans", Helvetica, Arial, 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: 'Open Sans', sans-serif;
	color: #333333;
	margin-bottom: 25px;
}
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: 700;
}
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: #d3145a;
	font: 15px/26px 'Open 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 */
    }
}
/* =========================================================== 
    3. Misc and Re-usable Elements
============================================================ */

/* #Repeating Elements
================================================== */

section {
	padding: 80px 0 0 0;
}
section section {
	background-color: #fff;
}
.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: lowercase;
	font-size: 41px;
	line-height: 70px;
	font-weight: 700;
}
.section-title:after {
	position: relative;
	display: block;
	content: "";
	height: 2px;
	width: 30px;
	margin: 10px auto 20px;
	background: #d3145a;
}
.section-tagline {
	font: 18px/29px 'Open Sans', Arial, 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;
}
#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: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !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: 0;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 40px;
	height: 60px;
	line-height: 60px;
	font-size: 74px;
	text-align: center;
	color: rgba(255, 255, 255, .7);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
	z-index: 6;
	-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, .95);
	-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: 80px;
	height: 80px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 999;
	-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;
}
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, header nav a.active {
	color: #d3145a;
}
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: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	position: absolute;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	border: none;
}
#header-section.altmenu ul li a {
	color: #fff;
}
#header-section.altmenu ul li a:hover {
	color: #e39c2e;
}
#header-section.altmenu.header-show ul li a, #header-section.altmenu.header-show ul li a {
	color: #fff;
}
#header-section.altmenu.header-show ul li a:hover, #header-section.altmenu.header-show ul li a.active {
	color: #e39c2e;
}
/* 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;
}
/* =========================================================== 
    5. Hero (Video / Image / Slider / Canvas)
============================================================ */

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

.spacer {
	height: 80px;
}
.hero {
	padding: 0;
}
.hero .container, .hero-single .container {
	display: table;
	height: 100%;
}
.hero-inner {
	text-align: center;
	z-index: 9;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 100%;
}
.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: 39px;
	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/parallax-change.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/parallax-change.jpg);
}
.parallax-background7 {
	background-image: url(../images/bg/parallax-change.jpg);
}
.parallax-background8 {
	background-image: url(../images/bg/parallax-change.jpg);
}
.parallax-background9 {
	background-image: url(../images/bg/parallax-change.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: "Open Sans", sans-serif;
	font-size: 44px;
	font-weight: 600;
	text-transform: none;
	color: #fff;
}
.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.jpg);
	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
============================================================ */
.topborder {
	border-top: 1px solid #e6e6e6;
}
.bottomborder {
	border-bottom: 1px solid #e6e6e6;
}
#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: 400px;
	background: black;
}
#about-icons .column:hover {
	background-color: #202020;
}
#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: 50%;
	left: 0;
	width: 100%;
	padding: 0 50px;
	-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: 170px 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;
}
#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(0.1deg);
	-ms-transform: scale(1.1) rotate(0.1deg);
	-webkit-transform: scale(1.1) rotate(0.1deg);
	-o-transform: scale(1.1) rotate(0.1deg);
	-moz-transform: scale(1.1) rotate(0.1deg);
}
#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(211, 20, 90, 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;
}
#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: #fff;
	text-transform: uppercase;
	font-size: 17px;
}
#portfolio-wrapper .portfolio-category {
	color: #fff;
	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: 60px 0;
}
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;
}

    /* 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) {
 .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: 82px;
}
 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;
}
    /* 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 {
 background-color: #fff;
 bottom: 382px;
 height: 300px !important;
 margin-left: -5.5%;
 overflow-y: scroll;
 position: relative;
 text-align: left;
 width: 100%;
}
 #header-section #navigation ul li {
     /*   background: #fff; */
        display: block;
 width: 100%;
 margin: 0;
 padding: 0;
}
 #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: 60px 0 0 0;
}
 #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) {
 .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;
}
 .hero-copy.horror {
 font-family: "Montserrat";
 margin: 15px;
 font-size: 19px;
}
 #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: 40px 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;
}
 #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;
}
}
/* Media Queries 
=====================================*/
@media (max-width: 765px) {
 .subpageHeader {
 padding-top:8px !important;
}
 .subpageHeader nav#navigation {
 bottom:auto !important;
}
 .subpageHeader h1.logo {
 line-height:59px;
}
 .contactMap {
 margin:40px 0px 0px 0px;
}
}
@media (max-width: 480px) {
 .subpageBanner {
 padding:60px 0px 0px 0px !important;
}
 .videoContainer .container, .videoContainer .container #video, .videoContainer .container #video iframe {
 width:100%;
}
 .videoContainer .container #video {
 background-size:100% auto;
 background-repeat:no-repeat;
 height:275px;
}
 .videoContainer .container #video iframe {
 height: 135px !important;
 margin-top: 37px !important;
 width: 165px !important;
}
 .servicesContainer .column {
 margin-bottom:1px;
}
}
@media (max-width: 600px) and (max-height: 400px) {
 .videoContainer .container, .videoContainer .container #video, .videoContainer .container #video iframe {
 width:100%;
}
 .videoContainer .container #video {
 background-size:100% auto;
 background-repeat:no-repeat;
 height:405px;
}
 .videoContainer .container #video iframe {
 height: 215px !important;
 margin-top: 45px !important;
 width: 230px !important;
}
 .servicesContainer .column {
 margin-bottom:1px;
}
}
@media (min-width: 601px) and (max-width: 750px) {
 .subpageHeader .column.two {
 width:40%;
}
 .videoContainer .container, .videoContainer .container #video, .videoContainer .container #video iframe {
 width:100%;
}
 .videoContainer .container #video {
 background-size:100% auto;
 background-repeat:no-repeat;
}
 .videoContainer .container #video iframe {
 height: 225px !important;
 margin-top: 70px !important;
 width: 275px !important;
}
 #words .column {
 float:none;
 width:100%;
 text-align:center;
}
 .servicesContainer .column, .servicesContainer .column:first-child {
 margin-top:0px !important;
 min-height: 610px !important;
}
}
@media (min-width: 751px) and (max-width: 800px) {
 .subpageHeader {
 padding-top:8px !important;
}
 .subpageHeader .column.two {
 width:40%;
}
 .subpageHeader nav#navigation {
 bottom:auto !important;
}
 .subpageHeader h1.logo {
 line-height:59px;
}
 .videoContainer .container, .videoContainer .container #video, .videoContainer .container #video iframe {
 width:100%;
}
 .videoContainer .container #video {
 background-size:100% auto;
 background-repeat:no-repeat;
}
 .videoContainer .container #video iframe {
 height: 350px !important;
 margin-top: 80px !important;
 width: 350px !important;
}
 #words .column {
 float:none;
 width:100%;
 text-align:center;
}
}
@media (min-width: 801px) and (max-width: 1000px) {
 .subpageHeader {
 padding-top:8px !important;
}
 .subpageHeader .column.two {
 width:40%;
}
 .subpageHeader nav#navigation {
 bottom:auto !important;
}
 .subpageHeader h1.logo {
 line-height:59px;
}
 .videoContainer .container, .videoContainer .container #video, .videoContainer .container #video iframe {
 width:100%;
}
 .videoContainer .container #video {
 background-size:100% auto;
 background-repeat:no-repeat;
}
 .videoContainer .container #video iframe {
 height: 350px !important;
 margin-top: 85px !important;
 width: 350px !important;
}
 #words .column {
 float:none;
 width:100%;
 text-align:center;
}
}
@media (min-width: 1001px) and (max-width: 1200px) {
 .subpageHeader {
 padding-top:8px !important;
}
 .subpageHeader .column.two {
 width:25%;
}
}