/*
Theme Name: Formative
Theme URI: http://demo.pastelfriday.com/formative/
Author URI: http://themeforest.net/user/janintia
Description: A one-page HTML landing theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: formative
Tags: custom-colors, custom-menu, full-width-template
*/

/*-------------------------------------------------------*/
/* Table of Contents

0. Fonts
1. Normalize
2. Typography
3. Helper Classes
4. Page Loading
5. Sections
6. Buttons
7. Logo
8. Main Navigation
9. Hero Slider
10. Hero Image
11. Hero Video
12. Hero Typing Text
13. Hero Segmenter
14. Tabbed Slider
15. Icon Boxes
16. Portfolio
17. Call To Action
18. Counters
19. Testimonials
20. Segmenter
21. Blog
22. Back To Top
23. Lightbox
24. Team
25. Pricing Boxes
26. Contact Form
27. Form Controls
28. Newsletter
29. Footer
30. Override
/*-------------------------------------------------------*/

/* FONTS */
@font-face {
	font-family: 'Desire';
	src: url('../fonts/desire.eot');
	src: url('../fonts/desire.eot?#iefix') format('embedded-opentype'),
		url('../fonts/desire.woff2') format('woff2'),
		url('../fonts/desire.woff') format('woff'),
		url('../fonts/desire.ttf') format('truetype'),
		url('../fonts/desire.svg#desire') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* NORMALIZE */
body{
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 100%;
  background: #000 !important;
}
ul {
	list-style: none;
	margin: 0;
    padding: 0;
}

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

/* HTML5 RESET */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: separate; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }

/* TYPOGRAPHY */
body {
	/*font-family: 'Poppins', sans-serif;*/
	font-family: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
    font-size: 12px;
	color: #676767;
}

p {
    padding: 0;
    margin: 0 0 24px;
    font-weight: 400;
	font-size: 12px;
    line-height: 21px;
	letter-spacing: 0.2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #454545;
    margin: 0 0 20px;
    padding: 0;
    line-height: normal;
	font-weight: 700;
}

h1 {
	font-size: 40px;
	margin-bottom: 30px;
}

h2 {
	font-family: 'Desire', 'Times New Roman', Georgia, serif;
    font-size: 34px;
    margin-bottom: 30px;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 0px 1px 18px rgba(44, 75, 142, 1);
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	font-weight: 700;
}
h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
    text-transform: capitalize;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:focus, a:hover {
	text-decoration: none;
}
hr.section-hr {
	height: 0;
    width: 100px;
    margin: 0 auto 40px;
	border: 2px solid;
}
hr.hr-light {
	border-color: #fff;
}
ul li {
	line-height: 26px;
}
hr {
	border: 2px solid #f0f3f5;
}
.text-muted {
	color: #898989;
}

/* HELPER CLASSES */
.relative {
	position: relative;
}
.width-100 {
	width: 100%;
}
.img-center {
	margin: 0 auto;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.inline-block-list-item li {
	display: inline-block;
	margin: 0 6px;
}
.block-list-item li {
	display: block;
}
.lined-list li {
	border-bottom: 1px solid;
}
.pt-30 {
	padding-top: 30px;
}
.pt-40 {
	padding-top: 40px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-60 {
	margin-bottom: 60px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 30px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-30 {
	margin-right: 30px;
}
.mb30-sm {
	margin-bottom: 30px;
}
.plr-25 {
	padding: 0 25px;
}
.fa.pull-right {
    margin-left: 14px;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-medium, .text-medium li {
	font-size: 17px;
	line-height: 26px;
}
.big-icon {
	font-size: 36px;
	text-align: center;
	margin-bottom: 20px;
}
.rounded {
	margin: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.rounded.semi {
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	-ms-border-radius: 20%;
	-o-border-radius: 20%;
	border-radius: 20%;
}
.rounded.small {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.rounded:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
	-webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
	-o-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
	-ms-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.09);
}
.bg-light {
	/*background: #fff;*/
}
.bg-gray {
	/*background: #fafafa;*/
}
.bg-dark {
	/*background: #000;*/
}
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6,
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6,
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,
.bg-primary p.lead, .bg-secondary p.lead, .dark-bg p.lead,
.bg-primary, .bg-secondary, .dark-bg {
	color: #fff;
}
.bg-primary hr.section-hr {
	border-color: #fff;
}
.container-wide {
	width: 100%;
	position: relative;
}
.container.inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.1);
}
.parallax {
	background-attachment: fixed; 
	background-position: center;
    background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background: transparent;
}

/* PAGE LOADING */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 99999999999999;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}

body.pace-done .loading-overlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}
.loading-overlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
}

/* SECTIONS */
.row {
}
.page-section {
	padding: 30px 0;
	overflow: hidden;
}
.page-section .section-heading {
	position: relative;
}
.section-heading .sub-heading {
	color: #f78d1f;
	opacity: 1;
    display: inline-block;
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
.section-heading h2 {
	color: #fff;
	position: relative;
	font-size: 36px;
	line-height: 46px;
}
.section-heading.heading-left .section-hr {
	margin-left: 0;
	margin-bottom: 20px;
}
.section-content .sub-heading {
	line-height: 20px;
}

/* BUTTONS */
.btn, .navbar li a.btn {
	border: none;
	/*-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-ms-border-radius: 300px;
	-o-border-radius: 300px;
    border-radius: 300px;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
    text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
    transition: all .35s;
}
.btn:focus,
.btn:active {
	outline: 0;
}
.navbar li a.btn {
	border-radius: 3px;
}
.btn-primary, 
.navbar li a.btn,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.focus, 
.btn-primary:active,  
.btn-primary:hover,
.btn-secondary,
.btn-secondary:focus,
.btn-secondary.active,
.btn-secondary.focus, 
.btn-secondary:active,  
.btn-secondary:hover {
    color: #fff;
}

.btn-xs {
	font-size: 11px;
	padding: 7px 12px;
}
.btn-primary, 
.btn-secondary {
	padding: 10px 18px;
}	
.btn-lg {
	font-size: 13px;
	padding: 12px 22px;
}
.btn-xl {
	font-size: 15px;
	padding: 16px 26px;
	min-width: 200px;
}

.btn-lg,
.btn-xl {
	font-weight: 700;
}
.btn-primary, 
.btn-secondary, 
.btn-xs,
.btn-lg, 
.btn-xl {
	letter-spacing: 0;
}

.btn-box {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.btn-shadow {
	-webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
	-ms-box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
	-o-box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
	box-shadow: 0 0 0 10px rgba(0,0,0,0.07),
	0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08),
	inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
}
.btn-shadow:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
	-ms-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
	-o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);
}
.btn-embossed {
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08), 
    inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08), 
    inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
	-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08), 
    inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08), 
    inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.07),
    0 0 10px 0 rgba(0,0,0,0.09),
    0 0 4px 1px rgba(0,0,0,0.08), 
    inset 0 -3px 2px rgba(0,0,0,.08), 
    inset 0 20px 10px rgba(255,255,255,.08), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.08);
}

/* LOGO */
.logo {
	display: block;
	max-height: 90px;
	margin-top: -5px;
}
/*@media screen and ( max-width: 400px ){*/
@media screen and ( max-width: 756px ){
	.logo {
		height: 55px;
		max-height: 70px;
		margin-top: 5px;
	}
}

/* MAIN NAVIGATION */
.navbar-wrapper {
	position: absolute;
	height: 134px !important;
}
.navbar-default {
	/*background: #fff;*/
	background: transparent;
	z-index: 999999;
}
.navbar-header {
	position: relative;
}
.navbar-toggle {
	margin-right: 0;
}
.header-transparent .navbar-default .navbar-nav > li > a {
	color: #fff;
}
.header-transparent .navbar-default .navbar-nav > li > a:hover {
	color: #fff !important; /*#f78d1f !important;*/
}
.header-transparent .top-nav-collapse .navbar-nav > li > a {
	color: #fff;
}
.header-transparent .top-nav-collapse .navbar-nav > li > a:hover {
	color: #e20a16 !important;
}
.header-transparent .main-nav {
	/*background: transparent;
	background: url(../img/nav_bg.png) center -134px no-repeat !important;
	margin-top: 10px;*/
	background: url(../img/nav_bg.png) center top no-repeat !important;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}
.header-transparent .top-nav-collapse {
	/*background: #fff;*/
}
.header-transparent .logo-dark {
	/*display: none;*/
}
.header-transparent .top-nav-collapse .logo-dark {
	display: block;
}
.header-transparent .top-nav-collapse .logo-light {
	/*display: none;*/
}
.navbar {
	border: 0;
	margin-bottom: 0;
	height: 134px;
	padding-top: 20px !important;
}
ul.nav {
	/*margin-top: 10px !important;*/
}
.navbar.top-nav-collapse {
	padding: 20px 0;
	/*background: url(../img/nav_bg.png) center top no-repeat !important;*/
	/*-webkit-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
	-moz-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
	-ms-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
	-o-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);
	box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.076);*/

	transition: all .5s;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}
@media screen and ( max-width: 414px ){
	.navbar {
		height: 80px;
		padding-top: 0 !important;
	}
	.header-transparent .main-nav {
		background: url(../img/nav_bg_sm.png) center top no-repeat !important;
	}
	.navbar.top-nav-collapse {
		padding: 0;
	}
}
@media screen and ( max-width: 924px ){
	.navbar {
		height: 80px;
		padding-top: 0 !important;
	}
	.header-transparent .main-nav {
		background: url(../img/nav_bg_md.png) center top no-repeat !important;
	}
	.navbar.top-nav-collapse {
		padding: 0;
	}
	.navbar-collapse {
		margin-top: 20px;
		text-align: center;
		background: #300000;
		background: rgba(48,0,0,.85);
		-webkit-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
		-moz-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
		-ms-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
		-o-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
		box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
		border: solid 1px rgba(125,0,0,.75) !important;
		border-radius: 3px;
	}
	.navbar-collapse ul {
		padding-top: 10px;
		padding-bottom: 10px;

	}
	.navbar-collapse ul li a {
		font-size: 24px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.navbar li > a {
	font-family: 'Desire', 'Times New Roman', Georgia, serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 1px;
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	margin-left: 15px;
	margin-right: 15px;
	
	transition: all 0.1s;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}
.navbar-default .navbar-nav >.active > a, 
.navbar-default .navbar-nav >.active > a:focus, 
.navbar-default .navbar-nav >.active > a:hover,
.navbar-default .navbar-nav > li > a:hover {
	background: transparent;
}
.navbar > li > a:before {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    background: rgba(0,0,0,0.23);
    -webkit-transition: visibility 200ms ease-out,opacity 200ms ease-out,left 200ms ease-out,width 200ms ease-out;
    transition: visibility 200ms ease-out,opacity 200ms ease-out,left 200ms ease-out,width 200ms ease-out;
    content: "";
    width: 0%;
}
.navbar li > a:hover:before,
.navbar-default .navbar-nav >.active > a:before {
    visibility: visible;
    opacity: 1;
    width: 100%;
    left: 0;
}

.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-nav > .active > a,
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-nav > li > a:focus,
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-nav >.active > a:hover,
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-nav > li > a:hover {
	color: #fff;
}
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-toggle .icon-bar {
    background-color: #fff;
}
.header-transparent .navbar-default:not(.top-nav-collapse) .navbar-toggle {
    border-color: #fff;
}

.navbar-toggle {
	/*border-width: 2px;*/
	border: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.navbar-default:not(.top-nav-collapse) .navbar-toggle:active,
.navbar-default:not(.top-nav-collapse) .navbar-toggle:focus {
	background: transparent;
}
.navbar-default:not(.top-nav-collapse) .navbar-toggle:hover {
	background: #e20a16;
}
.navbar-default:not(.top-nav-collapse) .navbar-toggle:hover .icon-bar {
	background-color: #fff;
}
.navbar .dropdown-menu {
	border: 0;
	padding: 20px;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	-o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
}
.navbar-nav>li>.dropdown-menu {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.navbar .dropdown-menu:before {
    content: " ";
    border-bottom: 12px solid #fff!important;
    border-left: 12px solid transparent!important;
    border-right: 12px solid transparent!important;
    border-top: none;
    margin-top: -20px!important;
    width: 20px!important;
    position: absolute;
    left: 180px;
	top: 12px;
}
.navbar-default .navbar-collapse {
	border: none !important;
}
.navbar .dropdown-menu li a {
	font-weight: normal;
	text-transform: none;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 0;
	margin-right: 0;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
}

/* HERO SLIDER */
#hero-slider {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	background-color: #000;
}
.hero-slider-shadow {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 200px;
	bottom: 0;
	-moz-box-shadow: inset 0 200px 200px -200px rgba(0,0,0,1);
    -webkit-box-shadow: inset 0 200px 200px -200px rgba(0,0,0,1);
	-ms-box-shadow: inset 0 200px 200px -200px rgba(0,0,0,1);
	-o-box-shadow: inset 0 200px 200px -200px rgba(0,0,0,1);
    box-shadow: inset 0 200px 200px -200px rgba(0,0,0,1);	
	z-index: 1;
	margin-bottom: -150px;
}
.hero-slider-shadow_sm {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0;
	-moz-box-shadow: inset 0 50px 50px -50px rgba(0,0,0,1);
    -webkit-box-shadow: inset 0 50px 50px -50px rgba(0,0,0,1);
	-ms-box-shadow: inset 0 50px 50px -50px rgba(0,0,0,1);
	-o-box-shadow: inset 0 50px 50px -50px rgba(0,0,0,1);
    box-shadow: inset 0 50px 50px -50px rgba(0,0,0,1);
	z-index: 1;
}
.item {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	width: 100%;
}
/* hero slider classic */
.hero-slider-classic #hero-slider,
.hero-slider-classic #hero-slider .item {
	/*height: 400px;*/
}

/* hero slider fullscreen */
/*.header-transparent #hero-slider,
.header-transparent #hero-slider .item  {
	height: 100vh !important;
}
@media (min-width: 994px) {
	.header-transparent #hero-slider,
	.header-transparent #hero-slider .item  {
		height: 100vh !important;
	}
}
@media (min-height: 736px) and (orientation:portrait) {
	.header-transparent #hero-slider,
	.header-transparent #hero-slider .item  {
		height: 60vh !important;
	}
}
@media (max-height: 1024px) and (orientation:landscape) {
	.header-transparent #hero-slider,
	.header-transparent #hero-slider .item  {
		height: 100vh !important;
	}
}*/
@media (orientation:landscape) {
	.header-transparent #hero-slider,
	.header-transparent #hero-slider .item  {
		height: 100vh !important;
	}
}
#hero-slider .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.17);
}
#hero-slider .item .img {
    display: block;	
	width: 100%;
    height: 100%;
    background-position: center center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.item .item-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 88%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.item h1 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 0 2px 6px rgba(0,0,0,0.16);
}
.item p {
	font-size: 16px;
	line-height: 26px;
	color: #f5f5f5;
	max-width: 98%;
	margin: 0 auto 40px;
}
.item p.lead {
	font-size: 15px;
	line-height: 24px;
	color: #fff;
}
p.lead {
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	color: #999;
}
.item h1 {
	color: #fff;
}
.item .btn {
	margin-top: 0;
	margin-bottom: 10px;
}
div.owl-prev,div.owl-next {
	position: absolute;
	top:30%;
}
div.owl-prev {
	left: 0;
}
div.owl-next {
	right: 0;
}
#hero-slider .owl-dots {
	position: absolute;
	bottom: 30px;
	right: 30px;
	text-align: right;
	display: none;
}
#feature-carousel {
	position: absolute;
	text-align: center;
	z-index: 999;
}
#feature-carousel .owl-next, #feature-carousel .owl-prev {
    display: inline-block;
    position: absolute;
    top: calc(50% - 33px);
	width: 44px;
    height: 44px;
	font-size: 22px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
    text-align: center;
    line-height: 44px;
    background: #f5f5f5;
    cursor: pointer;
    border: 0;
    text-decoration: none;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	opacity: 1;
    z-index: 3;
}
#feature-carousel .owl-next:hover, #feature-carousel .owl-prev:hover {
	color: #fff;
    background: rgba(255, 0, 0, 0.94);
	opacity: 1;
}
#feature-carousel .owl-next {
    right: 0;
}
#feature-carousel .owl-next:before {
   font-family: FontAwesome;
   content: "\f054";
   margin-left: 5px;
}
#feature-carousel .owl-prev {
    left: 0;
}
#feature-carousel .owl-prev:before {
   font-family: FontAwesome;
   content: "\f053";
   margin-left: -5px;
}
#feature-carousel {
	overflow: hidden;
	/*padding: 18px;*/
}
#feature-carousel .owl-stage-outer {
	overflow: visible !important;
}
#feature-carousel .owl-item {
	z-index: 1;
}
#feature-carousel .owl-item img {
	-webkit-box-shadow: 0px 9px 24px 0px rgba(0,0,0,.5) !important;
	-moz-box-shadow: 0px 9px 24px 0px rgba(0,0,0,.5) !important;
	-ms-box-shadow: 0px 9px 24px 0px rgba(0,0,0,.5) !important;
	-o-box-shadow: 0px 9px 24px 0px rgba(0,0,0,.5) !important;
	box-shadow: 0px 9px 24px 0px rgba(0,0,0,.5) !important;
}
@media screen and ( max-height: 600px ){
	/*#feature-carousel .owl-item img {
		display: block;
		width: auto;
		height: auto;
		max-height: 60vh !important;
	}*/
}
#feature-carousel .owl-dots {
	display: inline-block;
	margin: 0 auto;
	margin-top: 10px;
}
#feature-carousel .owl-dot {
     width: 10px;
     height: 10px;
     border-radius: 100%;
     border: 1px solid #ccc;
     background: #000;
	 background: rgba(0, 0, 0, 0.35);
     margin-right: 10px;
     display: inline-block;
}
#feature-carousel .owl-dot.active {
     background: #fff;
	 border-color: #fff;
}
@-webkit-keyframes bounce {
    5%, 15% {-webkit-transform: translateY(10px); opacity: 1;}
    0%, 10%, 20%, 100% {-webkit-transform: translateY(0px); opacity: 0.7;}
} 
@keyframes bounce {
    5%, 15% {transform: translateY(10px); opacity: 1;}
    0%, 10%, 20%, 100% {transform: translateY(0px); opacity: 0.7;}
} 
.go-down-icon {
	width: 40px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 30px;
	text-align: center;
	z-index: 2;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-animation: bounce 5s infinite;
	animation: bounce 5s infinite;
}
.go-down-icon a {
	display: inline-block;
	color: #fff;
	font-size: 24px;
	opacity: 0.54;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border: 2px solid;
    width: 30px;
    height: 30px;
	line-height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
    border-radius: 50%;
}
.go-down-icon a:hover,
.go-down-icon a:active,
.go-down-icon a:focus {
	opacity: 1;
	color: #fff;
}
#hero-slider .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 0 4px;
	background: transparent;
	border: 2px solid #fff;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#hero-slider .owl-dots .owl-dot.active span,
#hero-slider .owl-dots .owl-dot:hover span {
	background: #fff;
	border-color: #fff;
}

/* HERO SLIDER ANIMATIONS */
.fadeInDown, .fadeInUp, .fadeInRight, .fadeInLeft {
	opacity: 0;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.fadeInDown {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	transform: translateY(-15px);
}
.fadeInUp {
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
}
.fadeInDown.hs-animate,
.fadeInUp.hs-animate {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.fadeInRight {
	-webkit-transform: translateX(-15px);
	-moz-transform: translateX(-15px);
	-ms-transform: translateX(-15px);
	-o-transform: translateX(-15px);
	transform: translateX(-15px);
}
.fadeInLeft {
	-webkit-transform: translateX(15px);
	-moz-transform: translateX(15px);
	-ms-transform: translateX(15px);
	-o-transform: translateX(15px);
	transform: translateX(15px);
}
.fadeInLeft.hs-animate, 
.fadeInRight.hs-animate {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/* HERO IMAGE */
#hero-image .item .img {
    display: block;	
	width: 100%;
    height: 100%;
    background-position: center center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* HERO VIDEO */
#hero-video {
    border-right: none;
    border-left: none;
    position: relative;
}
#hero-video .overlay,
#hero-video .item-caption {
	z-index: 1;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}

/* HERO TYPING TEXT */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@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; }
}

/* HERO - SEGMENTER */
#hero-segmenter .segmenter-container .overlay {
	z-index: 2;
}

/* TABBED SLIDER */
.tabbed-slider {
	margin: 0 auto 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.tabbed-slider:before {
    content: '';
    display: block;
    border-bottom: 1px solid #efefef;
    margin: 65px auto -65px;
    max-width: 75%;
}
.tabbed-slider .tab-item {
	float: left;
    width: 100%;
    padding: 0 20px;
} 
.tabbed-slider .tab-item:hover i,
.tabbed-slider .owl-item.active i {
	color: #fff;
}
.tabbed-slider .tab-item i {
	display: block;
	font-size: 34px;
	line-height: 112px;
	width: 120px;
	height: 120px;
	background: #fff;
	border: 3px solid;
	margin: 0 auto 20px;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
		
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tabbed-slider .tab-item h3 {
	font-size: 18px;
	line-height: 29px;
}
.tabbed-item-content {
	max-width: 90%;
	margin: 0 auto;
	padding: 0 20px;
}
.tabbed-slider-content {
	background: #f5f5f5;
    padding: 50px 0;
}

/* ICON BOXES */
.icon-box, .icon-box h3, .icon-box h4, .icon-box h5, .icon-box p {	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.icon-box.hover-color:hover {
	background: #900 !important;
	-webkit-box-shadow: 0px 9px 36px 0px rgba(0,0,0,1), inset 0px 2px 36px 0px rgba(255,0,0,1);
	-moz-box-shadow: 0px 9px 36px 0px rgba(0,0,0,1), inset 0px 2px 36px 0px rgba(255,0,0,1);
	-ms-box-shadow: 0px 9px 36px 0px rgba(0,0,0,1), inset 0px 2px 36px 0px rgba(255,0,0,1);
	-o-box-shadow: 0px 9px 36px 0px rgba(0,0,0,1), inset 0px 2px 36px 0px rgba(255,0,0,1);
	box-shadow: 0px 9px 36px 0px rgba(0,0,0,1), inset 0px 2px 36px 0px rgba(255,0,0,1);
}
.icon-box.shadow {
	padding: 20px;
	background: #300000;
    background: rgba(48,0,0,.85);
	-webkit-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
	-moz-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
	-ms-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
	-o-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
	box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 0px rgba(144,0,0,1);
	border: solid 1px rgba(125,0,0,.75) !important;
	border-radius: 3px;
	/*
	padding: 20px 30px 20px;
	background: url("../img/iconbox_bg.png") center center/contain no-repeat;
	*/
}
.icon-box .icon {
	display: inline-block;
	background: #fff;
	border: 2px solid #efefef;
	text-align: center;
	font-size: 40px;
	width: 100px;
	height: 100px;
	line-height: 96px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.icon-box:hover .icon {
	color: #fff;
	border: 2px solid;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.icon-box.hover-color:hover .icon {
	border: 2px solid;
}
.icon-box.hover-color .icon {
	margin-top: -150px;
}
.icon-box.hover-color:hover .learn-more {
	color: #fff;
}
.icon-box.hover-color:hover h3, .icon-box.hover-color:hover h4, .icon-box.hover-color:hover h5, .icon-box.hover-color:hover p { 
	color: #fff !important;
}
.icon-box h3 {
	font-size: 21px;/*19px;*/
	font-weight: 700;
	margin: 30px 0 5px;
	letter-spacing: 0.4px;
	text-shadow: 0px 1px 8px rgba(255, 0, 0, .5);
}
#previews .icon-box h3 {
	margin: 30px 0 10px;
}
#previews .icon-box h3, 
#scenes .icon-box h3,
#cast .icon-box h3 {
	color: #ccc;
}
#cast .icon-box h3 {
	font-size: 24px;
	margin: 20px 0 -5px;
	letter-spacing: .8px;
	text-shadow: 0px 1px 8px rgba(44, 75, 142, 1);
}
.icon-box h4 {
	color: #999;
	font-size: 19px;
	font-weight: 700;
	margin: 0 0 10px;
	letter-spacing: 0.4px;
	text-transform: none;
}
#cast .icon-box h4 {
	color: #666;
}
.icon-box h5 {
    font-size: 15px;
	text-transform: uppercase;
}
#previews h5 {
	margin: 30px 0 -30px;
}
#scenes h5 {
	margin: -5px 0 5px;
	text-transform: none;
	font-size: 16px;
}
#cast h5 {
	color: #999;
	margin-bottom: -20px;
}
#previews .icon-box h5, 
#scenes .icon-box h5 {
	color: #999;
}
#scenes .icon-box p {
	color: #999;
	line-height: 18px;
	font-weight: bold;
}
#scenes .btn-lg {
	color: #333;
	background-color: #fff;
}
#scenes .btn-lg:hover {
	color: #fff;
	background-color: #e20a16;
}
.icon-box .learn-more {
	margin: 0;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 0.8px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.icon-box .learn-more:hover {
	opacity: 0.7;
}

/* PORTFOLIO */
.portfolio-filter {
	text-align: center;
	margin: 20px 0;
	display: block;
}
.portfolio-filter li {
	display: inline-block;
}
.portfolio-filter li a {
	background: #fff;
	color: #787878;
	padding: 10px;
    letter-spacing: 1.3px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
	margin: 0 3px 10px;
	display: inline-block;
	border: 3px solid transparent;
	text-decoration: none;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.portfolio-filter li a:hover {
	color: #454545;
	background: #f6f6f6;
}
.portfolio-filter li a.is-checked {
	color: #fff;
}
.portfolio-content {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.portfolio-item > a {
	position: relative;
	display: block;
	overflow: hidden;
}
.portfolio-item img {
	width: 100%;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-item a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.portfolio-item .details {
	font-size: 16px;
	padding: 20px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	overflow: hidden;
	text-align: left;
}
.portfolio-item .details h4 {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
}
.portfolio-item .details .categories {
	font-size: 12px;
	line-height: 1.2;
	margin-top: 5px;
	color: #fff;
}
.portfolio-item .details h4,
.portfolio-item .details .categories {
	display: block;
	opacity: 0;
	position: relative;
	top: 100px;
	-webkit-transition-property: top, opacity;
	transition-property: top, opacity;
	-webkit-transition-duration: 0.3s;
		  transition-duration: 0.3s;
	-webkit-transition-delay: 0s;
		  transition-delay: 0s;
}
.portfolio-item > a:focus:before,
.portfolio-item > a:hover:before,
.portfolio-item > a:hover .details h4,
.portfolio-item > a:hover .details .categories {
	opacity: 1;
}
.portfolio-item > a:focus:before {
	top: 50%;
}
 .portfolio-item > a:hover:before {
	 top: 0;
}
.portfolio-item > a:focus .details h4, 
.portfolio-item > a:hover .details h4 {
	top: -10px;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.portfolio-item > a:focus .details .categories,
.portfolio-item > a:hover .details .categories {
	top: -10px;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.portfolio-item > a:before {
	content: '';
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.portfolio-item > a:before {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
		  
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.portfolio-item > a:before {	
	-webkit-transform: scale3d(0, 1, 1);
	-moz-transform: scale3d(0, 1, 1);
	-ms-transform: scale3d(0, 1, 1);
	-o-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}
.portfolio-item > a:hover:before {
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

/* PORTFOLIO MODALS */
.portfolio-modal {
	display: none;
	text-align: center;
	padding-right: 0 !important;
}
.portfolio-modal .modal-body {
	display: inline-block;
	max-width: 710px;
	opacity: 1;
	padding: 0;
}
.portfolio-modal .modal-body h2 {
	color: #fff;
	height: 50px !important;
	margin-bottom: 10px;
	text-shadow: 0px 1px 18px rgba(255, 0, 0, .5);
}
@media screen and ( max-width: 414px ){
	.portfolio-modal .modal-body h2 {
		font-size: 25px;
		height: 35px !important;
	}
}
@media screen and ( max-width: 320px ){
	.portfolio-modal .modal-body h2 {
		font-size: 20px;
		height: 25px !important;
	}
}
.portfolio-modal .modal-body p {
	color: #ccc;
	font-size: 16px;
	font-weight: 400;
}
@media screen and ( min-width: 748px ){
	.portfolio-modal .modal-body p {
		width: 650px !important;
	}
}
.portfolio-modal .modal-body a {
	font-weight: 700;
}
.portfolio-modal .modal-body a:hover {
	color: #fff;
}
.portfolio-modal .modal-body > img {
	margin-bottom: 15px;/*30px*/
}
.portfolio-modal .item-intro {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 15px;
}
.portfolio-modal .modal-dialog {
    margin: 0;
    height: 100%;
    width: auto;
}
.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 100px 0;
    text-align: center;
	background: #000;
	padding-top: 134px;
}
.portfolio-modal .close-modal {
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: transparent;
    top: 45px;
    right: 45px;
    cursor: pointer;
	z-index: 999999;
}
.portfolio-modal .close-modal .lr {
    height: 45px;
    width: 3px;
    margin-left: 20px;
    background-color: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
    height: 45px;
    width: 3px;
    background-color: #fff;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052;
}
.portfolio-modal .close-modal:hover .lr,
.portfolio-modal .close-modal:hover .lr .rl {
	opacity: 1;
}

/* CALL TO ACTION */
.cta-text h2 {
	font-size: 32px;
	line-height: 37px;
	font-weight: 300;	
}
.cta-btn,
.cta-text {
	display: inline-block;
	vertical-align: middle;
}
.owl-carousel .owl-stage-outer {
	width: 100%;
}
.cta-btn .btn {
	display: inline-block;
}
.cta-video {
	display: inline-block;
    background: transparent;
	border: 4px solid;
	outline: 0;
    padding: 0;
    width: 130px;
    height: 130px;
    line-height: 122px;
    vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
    border-radius: 50%;
}
.cta-video:hover {
	color: #fff;
}
.cta-video:active,
.cta-video:focus {
	color: #fff;
	outline: 0;
	background: transparent;
	border: 2px solid;
}
.cta-video i {
	font-size: 56px;
    line-height: inherit;
    padding-left: 10px;
}

/* COUNTERS */
.counter-icon {
	display: block;
	margin-bottom: 30px;
	font-size: 40px;
	line-height: 1;
	text-align: center;
}
.counter-number {
	display: block;
	margin-bottom: 12px;
	font-size: 65px;
	line-height: 1;
	font-weight: 400;
	text-align: center;
	color: #fff;
}
.counter-text {
	display: block;
	font-size: 18px;
	line-height: 1;
	font-weight: 300;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

/* TESTIMONIALS */
.testimonial-carousel .single {
	text-align: center;
	max-width: 100%;
	margin: 0 auto;
}
.testimonial-carousel .single p {
    margin-bottom: 30px;
    position: relative;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0.3px;
}
.testimonial-carousel .single img {
	display: block;
    margin: 50px auto -10px;
    height: 80px;
    width: 80px;
	border: 2px solid #fff;
	z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.testimonial-carousel .single .details {
	margin: 0;
    display: inline-block;
    padding: 30px 50px 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.testimonial-carousel .single .details h5 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 2px;
}
.testimonial-carousel .single .details h6 {
	display: inline;
	font-weight: 400;
	margin-right: 4px;
}
.testimonial-carousel .single .details a {
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.testimonial-carousel .single .details h6,
.testimonial-carousel .single .details a {
	font-size: 14px;
	opacity: 0.6;
}
.testimonial-carousel .single .details a:hover {
	opacity: 0.7;
}
.testimonial-carousel .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 0 4px;
	background: transparent;
	border: 2px solid #fff;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.testimonial-carousel .owl-dots .owl-dot.active span,
.testimonial-carousel .owl-dots .owl-dot:hover span {
	background: #fff;
	border-color: #fff;
}

/* SEGMENTER */
#segmenter, .segmenter-container {
	position: relative;
	overflow: hidden;
	display: block;
}
.segmenter-container .overlay {
	z-index: 3;
}

.segmenter {
	width: 100vw;
	height: 50vh;
	position: relative;
	overflow: hidden;
}
.segmenter.full-screen {
	height: 100vh;
}

.segmenter__background,
.segmenter__pieces,
.segmenter__piece-wrap,
.segmenter__piece-parallax,
.segmenter__piece {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform-style: preserve-3d;
}

.segmenter__piece-parallax {
	transition: transform 0.2s ease-out;
}

.segmenter__pieces {
	perspective: 400px;
}

.segmenter__background,
.segmenter__piece,
.segmenter {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.segmenter__shadow {
	position: absolute;
	opacity: 0;
	-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
	-ms-box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
	-o-box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
}
.trigger-headline { color: #fff;}

.trigger-headline {
	top: 0;
	left: 0;
	position: absolute;
	font-size: 22px;
	font-size: 4vw;
	text-transform: uppercase;
	pointer-events: none;
	line-height: 1;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	margin: 0;
	z-index: 9;
}

.trigger-headline span {
	display: inline-block;
	position: relative;
	padding: 0 2vw;
	font-weight: 400;
	-webkit-transition: opacity 2s, -webkit-transform 2s;
	transition: opacity 2s, transform 2s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.js .trigger-headline--hidden span {
	pointer-events: none;
	opacity: 0;
}

.js .trigger-headline--hidden span:nth-child(1) {
	-webkit-transform: translate3d(-400px,0,0);
	transform: translate3d(-400px,0,0);
}

.js .trigger-headline--hidden span:nth-child(2) {
	-webkit-transform: translate3d(-200px,0,0);
	transform: translate3d(-200px,0,0);
}

.js .trigger-headline--hidden span:nth-child(3) {
	-webkit-transform: translate3d(-100px,0,0);
	transform: translate3d(-100px,0,0);
}

.js .trigger-headline--hidden span:nth-child(4) {
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

.js .trigger-headline--hidden span:nth-child(5) {
	-webkit-transform: translate3d(-25px,0,0);
	transform: translate3d(-25px,0,0);
}

.js .trigger-headline--hidden span:nth-child(6) {
	-webkit-transform: translate3d(25px,0,0);
	transform: translate3d(25px,0,0);
}

.js .trigger-headline--hidden span:nth-child(7) {
	-webkit-transform: translate3d(50px,0,0);
	transform: translate3d(50px,0,0);
}

.js .trigger-headline--hidden span:nth-child(8) {
	-webkit-transform: translate3d(100px,0,0);
	transform: translate3d(100px,0,0);
}

.js .trigger-headline--hidden span:nth-child(9) {
	-webkit-transform: translate3d(200px,0,0);
	transform: translate3d(200px,0,0);
}

.js .trigger-headline--hidden span:nth-child(10) {
	-webkit-transform: translate3d(400px,0,0);
	transform: translate3d(400px,0,0);
}

/* BLOG */
.blog-posts-wrapper {
	margin: 0 -15px;
}
.blog-posts {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}
.blog-item {
	display: block;
	margin: 0 15px 30px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	-ms-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	-o-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 10px 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.post-thumb img {
	display: block;
	width: 100%;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.post-thumb .overlay {
	z-index: 1;
}
.post-thumb a {
	position: relative;
	display: block;
}
.post-thumb a:hover img {
	opacity: 0.6;
}
.post-thumb a .overlay {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.post-thumb a .overlay i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 24px;
	line-height: 24px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
}
.post-thumb a:hover .overlay {
	opacity: 1;
}
.post-content {
	background: #fff;
	padding: 25px;
	margin: 0;
}
.post-content p {
	letter-spacing: 0.2px;
	color: #898989;
}
.post-content h4 {
	line-height: 24px;
	margin: 0 0 2px;
}
.post-content h4 a {
	text-decoration: none;
}
.post-content h4 a:hover {
	opacity: 0.6;
}
.post-content .date {
	color: #bebebe;
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 16px;
	display: block;
}
.post-footer {
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #efefef;
}
.post-footer .post-icons a {
	color: #454545;
	text-decoration: none;
}
.post-footer .post-icons a i,
.post-footer .post-icons a i span {
	display: inline-block;
}
.post-footer .post-icons a i {
	margin-right: 4px;
}
.post-footer .read-more {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.owl-theme .owl-dots .owl-dot span {
	margin: 5px 4px;
}

/* BACK TO TOP */
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1029;
    width: 44px;
    height: 44px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
    text-align: center;
    line-height: 44px;
    background: #f5f5f5;
    cursor: pointer;
    border: 0;
    text-decoration: none;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0;
	visibility: hidden;
}
#back-to-top i {
	font-size: 20px;
}
#back-to-top:hover {
	color: #fff;
}
#back-to-top.show {
    opacity: 1;
	visibility: visible;
}

/* LIGHTBOX */
.vbox-content img {
	margin: 0 auto;
}

/* TEAM */
.single-team {
	margin-bottom: 30px;
}
.team-img {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
.team-img .overlay {
	opacity: 0;
	-webkit-transition: all 0.34s ease-in-out;
	-moz-transition: all 0.34s ease-in-out;
	-ms-transition: all 0.34s ease-in-out;
	-o-transition: all 0.34s ease-in-out;
	transition: all 0.34s ease-in-out;
}
.single-team:hover .overlay{
	opacity: 1;
}
.team-img img {
	margin: 0 auto;
	width: 100%;
}
.team-img .quote {
	position: absolute;
	top: 10%;
	width: 100%;
	color: #fff;
	
	-webkit-transform: translateY(-300%);
	-moz-transform: translateY(-300%);
	-ms-transform: translateY(-300%);
	-o-transform: translateY(-300%);
	transform: translateY(-300%);
	
	-webkit-transition: all 0.34s ease-in-out;
	-moz-transition: all 0.34s ease-in-out;
	-ms-transition: all 0.34s ease-in-out;
	-o-transition: all 0.34s ease-in-out;
	transition: all 0.34s ease-in-out;
}

.single-team:hover .quote {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
blockquote {
	border-left: 10px solid;
	text-align: left;
	padding: 0 30px;
}
blockquote p {
	font-size: 13px;
	line-height: 21px;
	display: inline;
	letter-spacing: 0.3px;
}
.team-img .social-links {
	position: absolute;
	bottom: 10%;
	width: 100%;
	text-align: center;
	
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	
	-webkit-transition: all 0.34s ease-in-out;
	-moz-transition: all 0.34s ease-in-out;
	-ms-transition: all 0.34s ease-in-out;
	-o-transition: all 0.34s ease-in-out;
	transition: all 0.34s ease-in-out;
}
.single-team:hover .social-links {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.team-title {
	text-align: center;
}
.team-title h4 {
	margin: 0;
}
.team-title > p {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
}
.team-title > blockquote {
	border: 0;
	text-align: center;
	display: none;
}
.social-links a {
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin: 0 2px;
}
.social-links i {
	line-height: inherit;
}
.social-links a:hover {
	color: #fff;
}

/* PRICING BOXES */
.pricing-item .buy-btn {
	margin-top: 30px;
}
.pricing-table .pricing-item {
	background: #fff;
	background: rgba(255,255,255,0.76);
	padding: 30px 20px 40px;
	cursor: pointer;
	border: 3px solid #f3f3f3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.pricing-table > li {
	padding: 5px;
}
.pricing-item h3 {
	font-size: 18px;
}
.pricing-item .price strong {
	font-size: 46px;
}
.pricing-item .price sup {
	color: #898989;
	font-size: 20px;
	top: -1em;
    left: -0.3em;
}
.pricing-item .price span {
	color: #898989;
	display: block;
}
.pricing-item .best-deal {
	display: inline-block;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 11px;
	letter-spacing: 2px;
	color: #fff;
	padding: 3px 10px;
}
.price-header {
	display: block;
	border-bottom: 1px solid #efefef;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.pricing-item p {
	font-size: 13px;
	color: #676767;
	text-align: left;
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f4f4f4;
}
.pricing-item p:before {
	content: "\f00c";
	display: inline-block;
	font-family: FontAwesome;
	font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right: 6px;
}
.pricing-item.featured {
	margin-top: -15px;
}

/* CONTACT FORM WIDGET */
.contact-widget {
	position: fixed;
	top: 20%;
	right: -340px;
	z-index: 1030;
	max-width: 340px;
	
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
	-o-transition: all .2s ease;
    transition: all .2s ease;
}
.contact-widget.expand {
	right: 0;
}
.contact-widget .panel {
	color: #aaa;
	border: 0;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-ms-border-bottom-right-radius: 0;
	-o-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	-ms-border-top-right-radius: 0;
	-o-border-top-right-radius: 0;
	border-top-right-radius: 0;
	
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	-ms-border-top-left-radius: 0;
	-o-border-top-left-radius: 0;
	border-top-left-radius: 0;
	
}
.contact-widget .panel-heading .panel-title {
	color: #fff;
}
.contact-widget .panel-heading,
.contact-widget .panel-body {
	padding: 15px 30px;
}
.contact-widget-btn, .share-btn {
	position: absolute; 
    top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-ms-border-top-left-radius: 6px;
	-o-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-ms-border-bottom-left-radius: 6px;
	-o-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.contact-widget-btn:hover, 
.share-btn:hover {
	right: 10px;
}
.share-btn:hover {
	right: 10px;
	color: #fff;
}
.contact-widget-btn i, .share-btn i {
	font-size: 18px;
	line-height: inherit;
	display: inline-block;
}
.share-btn {
	top: 55px;
	background: #f4f4f4;
}
.contact-widget-btn,
.share-btn {
	-webkit-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
	-moz-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
	-ms-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
	-o-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
	box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.026);
}
.contact-widget .modal {
	background: rgba(255,255,255,0.96);
}
.contact-widget .modal .modal-content {
	box-shadow: 0 2px 10px rgba(0,0,0,0.065);
}
.contact-widget .msg-info {
	margin-top: 20px;
}

/* CONTACT FORM */
.main-contact-form .submit-contact-msg {
	display: block;
	margin: 0 auto;
	padding: 20px 80px;
	text-align: center;
}
.contact-list {
	line-height: 26px;
}
.contact-list i {
	margin-right: 15px;
}

/* FORM CONTROLS */
.msg-info {
	display: none;
}
.form-control {
    color: #666666;
    background: #fefefe;
	font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    border: 1px solid #ebebeb;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 10px 20px;
    min-height: 50px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
    appearance: none;
}
.form-control:active,
.form-control:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border-color: #454545;
}
.form-group {
	overflow: auto;
}

/* NEWSLETTER */
.subscribe-newsletter {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2; 
}

.subscribe-newsletter .form-control {
	height: 50px;
	background: rgba(255, 255, 255, 0.6);
	border-color: transparent;
	-webkit-border-radius: 300px 0 0 300px; 
	-moz-border-radius: 300px 0 0 300px; 
	-ms-border-radius: 300px 0 0 300px; 
	-o-border-radius: 300px 0 0 300px; 
	border-radius: 300px 0 0 300px; 
}
.subscribe-newsletter .input-group {
	width: 80%;
	margin: auto;
}
.subscribe-newsletter input[type="email"] {
	padding: 10px 50px;
	background: #fff;
	font-size: 16px;
	-webkit-box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
	-moz-box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
	-ms-box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
	-o-box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
	box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
}
.subscribe-newsletter input[type="email"]:focus,
.subscribe-newsletter input[type="email"]:active {
	border: 1px solid transparent;
	outline: 0;
	box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	-webkit-box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	-moz-box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	-ms-box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	-o-box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
	box-shadow: inset 0 3px 15px rgba(0,0,0,.12);
}
.subscribe-newsletter .form-control:focus {
	box-shadow: none;
}
.subscribe-newsletter .btn {
	min-height: 50px; 
	width: 100%;
	-webkit-border-radius: 0 300px 300px 0;
	-moz-border-radius: 0 300px 300px 0;
	-ms-border-radius: 0 300px 300px 0;
	-o-border-radius: 0 300px 300px 0;
	border-radius: 0 300px 300px 0;
	color: #fff;
}
.overlay.sending-overlay {
	display: none;
	z-index: 3;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-ms-border-radius: 300px;
	-o-border-radius: 300px;
	border-radius: 300px;
}
.sending-overlay .loading-gif {
	background-image: url('../img/loading.gif');
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -12px;
}

/* FOOTER */
.site-footer {
	padding: 0;
	margin: 0;
}
.site-footer a:hover,
.site-footer a:active,
.site-footer a:focus,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
	color: #fff;
}
.footer-logo img {
	margin: 0 0 20px;
}
.site-footer .social-icons li {
	display: inline-block;
	margin: 0 4px;
}
.footer-bottom {
	padding: 20px 0;
}
.footer-bottom p {
	margin: 0;
}
.social-media i {
	font-size: 18px;
	padding: 0 10px 14px 0;
}
.social-media span {
	font-size: 18px;
}

/* MODAL SHARE ICONS */
#social-icon-modal .modal-header {
    padding: 50px 15px 15px;
    text-align: center;
    border-bottom: 1px solid #f4f4f4;
}
#social-icon-modal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0;
}
.modal-content {
    width: 100%;
    border: 0;
    border-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
	-o-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
    box-shadow: 0 30px 30px rgba(0,0,0,0.1);
    overflow: hidden;
}
ul.share-buttons{
  list-style: none;
  padding: 0;
  text-align: center;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
ul.share-buttons li a {
	display: inline-block;
	font-size: 30px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	margin: 2px 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
ul.share-buttons li i {
	line-height: inherit;
}

/* OVERRIDE */
*:focus {
    outline: none !important;
}
.body-wrapper {
	display: none;
	background-color: transparent;
	background-image: url("../img/section_bg_left.png"), url("../img/section_bg_right.png");
	background-position: left top, right top;
	background-repeat: repeat-y, repeat-y;
}
@media screen and ( max-height: 600px ){
	.body-wrapper {
		background-position: -50px top, right -80px top;
	}
}
.body-wrapper .depth, 
.body-wrapper .depth .base {
	min-height: 100%;
	min-width: 100%;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
.body-wrapper .depth .base {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030031+0,2c4b8e+100&0.01+1,1+100 */
	background: -moz-linear-gradient(rgba(3,0,49,0.01) 0%, rgba(3,1,50,0.01) 1%, rgba(44,75,142,1) 100%);
	background: -webkit-linear-gradient(rgba(3,0,49,0.01) 0%, rgba(3,1,50,0.01) 1%, rgba(44,75,142,1) 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(3,0,49,0.01)), color-stop(0.01, rgba(3,1,50,0.01)), to(rgba(44,75,142,1)));
	background: -o-linear-gradient(rgba(3,0,49,0.01) 0%, rgba(3,1,50,0.01) 1%, rgba(44,75,142,1) 100%);
	background: linear-gradient(rgba(3,0,49,0.01) 0%, rgba(3,1,50,0.01) 1%, rgba(44,75,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03030031', endColorstr='#2c4b8e',GradientType=0 );

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#26000f+0,600000+52,8c2500+100&0.01+1,1+100 */
	/*background: -moz-linear-gradient(rgba(38,0,15,0.01) 0%, rgba(39,0,15,0.01) 1%, rgba(96,0,0,0.52) 52%, rgba(140,37,0,1) 100%);
	background: -webkit-linear-gradient(rgba(38,0,15,0.01) 0%, rgba(39,0,15,0.01) 1%, rgba(96,0,0,0.52) 52%, rgba(140,37,0,1) 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(38,0,15,0.01)), color-stop(0.01, rgba(39,0,15,0.01)), color-stop(0.52, rgba(96,0,0,0.52)), to(rgba(140,37,0,1)));
	background: -o-linear-gradient(rgba(38,0,15,0.01) 0%, rgba(39,0,15,0.01) 1%, rgba(96,0,0,0.52) 52%, rgba(140,37,0,1) 100%);
	background: linear-gradient(rgba(38,0,15,0.01) 0%, rgba(39,0,15,0.01) 1%, rgba(96,0,0,0.52) 52%, rgba(140,37,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0326000f', endColorstr='#8c2500',GradientType=0 );*/
}
canvas {
	mix-blend-mode: screen;
    position: relative;
	top: 0;
	left: 0;
	opacity: .35;
	z-index: 0;
}
.vertical-center {
  width: 100%;
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
}
@media screen and ( max-height: 736px ){
	/*.vertical-center {
		width: 100%;
		min-height: 50%;
		min-height: 50vh;
	}*/
}
.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: " ";
  display: inline-block;
  vertical-align: middle;    /* vertical alignment of the inline element */
  height: 100%;
}
.vertical-center > .container {
  max-width: 100%;

  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
                           /* reset the font property */
  font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#feature-carousel .owl-item img {
	min-width: 320px;
	/*max-width: 100%;*/
	max-width: 1004px !important;
	max-height: 566px !important;
	text-align: center;
}
#feature-carousel .item a {
	background: #f0f;
}
#feature-carousel .item img {
	max-width: 800px;
}
.carousel {
	color: #fff;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 999;
}
@media screen and ( max-width: 414px ){
	.carousel {
		font-size: 25px;
	}
}
@media screen and ( max-width: 320px ){
	.carousel {
		font-size: 20px;
	}
}
#buy a div {
	text-align: center;
}
#buy .row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
#buy .col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
#buy .col-top {
  vertical-align: top;
}
#buy .col-middle {
  vertical-align: middle;
}
#buy .col-bottom {
  vertical-align: bottom;
}
#buy img {
	max-height: 340px;
	margin-bottom: 20px;
}
#buy a img {
	-webkit-box-shadow: 0px 4px 18px 0px rgba(44, 75, 142,1);
	-moz-box-shadow: 0px 4px 18px 0px rgba(44, 75, 142,1);
	-ms-box-shadow: 0px 4px 18px 0px rgba(44, 75, 142,1);
	-o-box-shadow: 0px 4px 18px 0px rgba(44, 75, 142,1);
	box-shadow: 0px 4px 18px 0px rgba(44, 75, 142,1);
}
#buy a:hover img {
	-webkit-box-shadow: 0px 9px 28px 0px rgba(255, 0, 0,1);
	-moz-box-shadow: 0px 9px 28px 0px rgba(255, 0, 0,1);
	-ms-box-shadow: 0px 9px 28px 0px rgba(255, 0, 0,1);
	-o-box-shadow: 0px 9px 28px 0px rgba(255, 0, 0,1);
	box-shadow: 0px 9px 28px 0px rgba(255, 0, 0,1);
}
#buy .btn-lg {
	color: #333;
	background-color: #fff;
}
#buy .btn-lg:hover {
	color: #fff;
	background-color: #e20a16;
}
.disabled .icon-box.shadow {
	opacity: .9;
	background: #333;
	-webkit-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 6px rgba(0,0,0,.75) !important;
	-moz-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 6px rgba(0,0,0,.75) !important;
	-ms-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 6px rgba(0,0,0,.75) !important;
	-o-box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 6px rgba(0,0,0,.75) !important;
	box-shadow: 0px 9px 36px 0px rgba(0,0,0,.5), inset 0px 2px 36px 6px rgba(0,0,0,.75) !important;
	border: solid 1px rgba(25,25,25,.5) !important;
}
.disabled .icon-box h3 {
	opacity: .25;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, .5);
}
.disabled .icon-box.shadow img {
	opacity: .25;
}
.disabled .icon-box {
	background: #666;
}
.disabled p {
	color: #000;
}
.disabled a {
	cursor: default;
}
.vbox-content img {
	max-height: 80vh;
	width: auto;
	/*margin-top: 9vh;*/
	margin-top: 104px;
}
@media screen and ( max-width: 768px ) {
	.vbox-content img {
		margin-top: 94px;
	}
}
@media screen and ( max-width: 414px ) and (orientation:portrait) {
	.vbox-content img {
		margin-top: 104px;
	}
}
.vbox-num, 
.vbox-title {
	font-size: 16px !important;
}
.vbox-close {
	position: absolute;
	color: #fff !important;
	line-height: 50px !important;
	font-size: 80px !important;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200 !important;
	width: 80px !important;
	height: 80px !important;
	margin-top: 119px !important;
	margin-right: 29px !important;
}
@media screen and ( max-width: 414px ){
	.vbox-close {
		margin-top: 80px !important;
	}
}
/* hide standard time tool tip */
.flowplayer .fp-tooltip {
  display: none !important;
}
/* the preview canvas */
.flowplayer canvas {
  outline: 4px solid #fff;
  position: absolute;
  z-index: 9999;
  display: none;
}
.flowplayer {
	max-width: 710px;
	max-height: 400px;
	margin-bottom: 10px;
}


















/*
.fancybox-image {
	max-height: 80vh !important;
	width: auto !important;
}
@media screen and ( max-width: 768px ) {
	.fancybox-image {
		margin-top: 94px !important;
	}
}
@media screen and ( max-width: 414px ) and (orientation:portrait) {
	.fancybox-image {
		margin-top: 104px !important;
	}
}

.button-close,
.button-previous,
.button-next {
  position: absolute;
  width: 44px;
  height: 44px;
  background: #000;
  text-align: center;
  line-height: 44px;
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  font-size: 16px;
}

.button-previous,
.button-next {
  top: 50%;
  margin-top: -22px;
  line-height: 42px;
}

.button-previous {
    left: -50px;
}

.button-next {
    right: -50px;
}

.button-close {
  top: -44px;
  right: -44px;
  font-size: 22px;
  color: rgba(255,255,255,0.8);
}*/