body {
	background: url(../images/ex_bg.png) no-repeat;
	-webkit-backface-visibility: hidden
}

.main-container,
.nav-container,
.footer-container,
nav,
nav.fixed,
.callout {
	max-width: 1600px;
	margin: 0 auto;
	left: 0;
	right: 0;
	overflow: hidden
}

body.boxed-layout .main-container,
body.boxed-layout .nav-container,
body.boxed-layout .footer-container,
body.boxed-layout nav,
body.boxed-layout nav.fixed,
body.boxed-layout nav.overlay {
	max-width: 1280px
}

.main-container {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	clear: both;
	position: relative
}

a {
	text-decoration: none
}

a,
a:hover,
a:active,
a:visited,
a:focus {
	text-decoration: none
}

img {
	max-width: 100%
}

.flex-control-nav {
	bottom: 16px
}

.flex-control-nav li {
	margin: 0 7px
}

.pull-right {
	right: 0
}

.pull-left {
	left: 0
}

.parallax .background-image-holder {
	transition: opacity 0.3s ease !important
}

.parallax {
	overflow: hidden
}

@media all and (max-width: 767px) {
	.hide-for-small {
		display: none
	}
}

.v-align-children {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: row;
	-webkit-flex-direction: row
}

.v-align-children-column {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column
}

.disable-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media all and (max-width: 990px) {
	.v-align-children {
		display: block !important
	}
}

section {
	padding: 35px 0 65px 0;
	position: relative;
	/*background: #fff*/
}

section .container {
	position: relative;
	z-index: 2
}

@media all and (max-width: 767px) {
	section {
		padding: 30px 0
	}
}

body {
	font-family: "sofia-pro", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #2D2D2D;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5,
h6 {

	margin: 0;
	cursor: default
}

h1 {
	font-size: 66px;
	line-height: 74px;
	font-weight: 300;
	letter-spacing: -1px;
	color: #141414;
}

h2 {
	font-size: 56px;
	line-height: 64px;
	font-weight: 300;
	letter-spacing: -1px
}

h3 {
	color: #141414;
	font-size: 46px;
	line-height: 54px;
	font-weight: 300;
	letter-spacing: -1px
}

h4 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 300
}

h5 {
	font-size: 22px;
	line-height: 30px;
	font-weight: 400
}

h6 {
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase
}

h6.light {
	font-weight: 300;
	letter-spacing: 2px;
	margin-right: -2px
}

@media all and (max-width: 1024px) {
	h1 {
		font-size: 60px;
		line-height: 68px
	}
	h2 {
		font-size: 50px;
		line-height: 58px
	}
	h3 {
		font-size: 40px;
		line-height: 48px
	}
	h4 {
		font-size: 30px;
		line-height: 38px
	}
}

@media all and (max-width: 990px) {
	h1 {
		font-size: 46px;
		line-height: 50px
	}
	h2 {
		font-size: 46px;
		line-height: 50px
	}
	h3 {
		font-size: 36px;
		line-height: 40px
	}
	h4 {
		font-size: 26px;
		line-height: 30px
	}
	h5 {
		font-size: 18px;
		line-height: 26px
	}
}

p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
	cursor: default
}

p.lead {
	font-size: 22px;
	font-weight: 300;
	line-height: 30px
}

p.sub {
	font-size: 12px;
	line-height: 16px
}

p.sub a {
	font-weight: bold;
	color: #2D2D2D
}

p:last-child {
	margin-bottom: 0
}

p a {
	color: #ffcd05;
	font-weight: 700;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease
}

p a:hover {
	color: #ea7812
}

p.text-white a {
	color: #fff
}

@media all and (max-width: 768px) {
	p.lead {
		font-weight: normal;
		font-size: 16px;
		line-height: 24px
	}
}

.btn {
	display: inline-block;
	height: 55px;
	line-height: 50px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 100px;
	padding: 0 36px;
	border: 1px solid #ffcd05;
	color: #ffcd05;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	text-align: center;
	background: #141414;
}
i{color: #f6df77;}
.btn:hover i{color: #141414;}
.btn:hover {
	background-color: #ffcd05;
	color: #2D2D2D
}

.btn-filled {
	background: #ffcd05;
	color: #2D2D2D;
	border: 1px solid #ffcd05
}

.btn-filled:hover,
.btn:hover {
	color: #2D2D2D;
	border-color: #ffcd05
}

.btn-filled:hover {
	background: #ee8528
}

@media all and (max-width: 767px) {
	.btn {
		height: 31px;
		line-height: 28px;
		font-size: 10px;
		padding: 0 20px
	}
	.btn.super-action {
		height: 64px;
		line-height: 58px;
		min-width: 0px;
		font-size: 18px;
		font-weight: normal
	}
}

a {
	color: #888
}

a:hover {
	color: #444
}

.text-white {
	color: #fff !important
}

.muted-white {
	color: #f8f8f8
}

.bg-secondary {
	background: #f6f8fa
}

/*section.bg-dark,
footer.bg-dark {
	background: url(../images/ex_bg.png) no-repeat;
}*/

section.bg-dark.bg-secondary,
footer.bg-dark.bg-secondary {
	background: #282828
}

section.bg-dark h1,
footer.bg-dark h1,
section.bg-dark h2,
footer.bg-dark h2,
section.bg-dark h3,
footer.bg-dark h3,
footer.bg-dark h4,
section.bg-dark h5,
footer.bg-dark h5,
section.bg-dark h6,
footer.bg-dark h6 {
	color: #141414;
}

section.bg-dark p,
section.bg-dark span,
footer.bg-dark {
	color: #eee
}

section.bg-dark a,
footer.bg-dark span {
	color: #fff
}

::selection {
	background: #ffcd05;
	color: #fff
}

::-moz-selection {
	background: #ffcd05;
	color: #fff
}

ul {
	list-style: none;
	padding: 0;
	margin: 0
}

li {
	margin: 0;
	padding: 0
}

@media all and (max-width: 990px) {
	.features br {
		display: none
	}
}

.temps,
.features-3 {
	padding: 200px 0 40px 0
}

.temps h4 {
	color: #fff;
	padding: 35px 0 10px 0;
	margin-bottom: 15px
}

.temps .row:first-of-type,
.features-3 .row:first-of-type {
	margin-bottom: 80px
}

.temps img {
	display: inline-block;
	margin-bottom: 25px
}

.temps h5,
.features-3 h5 {
	margin-bottom: 10px
}

.temps .feature,
.features-3 .feature {
	margin-bottom: 40px
}

@media all and (max-width: 767px) {
	.temps {
		padding: 40px 0 20px 0
	}
	.temps .row:first-of-type,
	.features-3 .row:first-of-type {
		margin-bottom: 40px
	}
	.temps img {
		margin-bottom: 10px
	}
	.views h4 {
		margin-bottom: 40px
	}
	.views img {
		margin-bottom: 100px
	}
	.features-4 .v-align-children,
	.views .v-align-children {
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

@media all and (max-width: 767px) {
	.features-4 .v-align-children,
	.views .v-align-children {
		display: block !important
	}
}

.download {
	overflow: hidden;
	padding: 0 0 50px 0
}

.download h6 {
	margin-bottom: 40px
}

.download h4 {
	font-size: 33px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 1px;
	line-height: 54px;
	margin-bottom: 75px
}

.download h3 {
	margin-bottom: 75px
}

.download img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

@media all and (max-width: 1280px) {
	.download br {
		display: none
	}
}

@media all and (max-width: 990px) {
	.download {
		padding: 30px 0 75px 0
	}
}

@media all and (max-width: 890px) {
	.download img {
		right: -80px
	}
}

@media all and (max-width: 767px) {
	.download img {
		display: none
	}
}

.hero h3 {
	margin-bottom: 45px
}

.hero .local-video-container,
.hero .embed-video-container {
	margin: 0 auto;
	margin-bottom: 40px
}

.hero .embed-video-container iframe {
	height: 412px
}

.hero h5 {
	margin-bottom: 20px
}

.hero video,
.hero .local-video-container,
.hero .embed-video-container {
	max-width: 675px
}

@media all and (max-width: 990px) {
	.hero video,
	.hero .local-video-container {
		max-width: 600px
	}
}

@media all and (max-width: 767px) {
	.hero h3 {
		text-align: center;
		margin-bottom: 12px;
		margin-top: 5%;
	}
	.hero .local-video-container,
	.hero .embed-video-container {
		margin-bottom: 20px
	}
	.hero .embed-video-container iframe {
		height: 200px
	}
}

.hero h4 {
	margin-bottom: 40px
}

.hero img {
	max-width: 2000px;
	max-height: 800px
}

.hero .feature span {
	display: block;
	width: 100%;
	text-align: center
}

.hero p.lead {
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 55px;
	color: #222222;
}

@media all and (max-width: 990px) {
	.hero img {
		max-height: 500px
	}
	.hero .v-align-children {
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

@media all and (max-width: 767px) {
	.hero .v-align-children {
		display: block !important
	}
}

@media all and (max-width: 767px) {
	.hero img {
		max-width: 100%
	}
	.hero h4 {
		text-align: center;
		margin-bottom: 20px
	}
	.hero p.lead {
		text-align: center;
		margin-bottom: 20px
	}
	.hero .btn {
		text-align: center;
		margin-bottom:10px
	}
	.hero.no-pad {
		text-align: center;
		padding-top: 40px
	}
}

.social .twitter-feed .user,
.social .twitter-feed .interact {
	display: none
}

.social-1 h4 a {
	color: #ffcd05
}

.social-1 h4 {
	margin-bottom: 55px
}

.social-1 .slides {
	overflow: hidden
}

.social-1 .slides li {
	width: 33.33333%;
	padding: 0 15px;
	float: left
}

.social-1 .tweet {
	font-size: 22px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 12px
}

.social-1 .slides li:nth-child(n+4) {
	display: none
}

.social-1 .slides li:before {
	content: "\e042";
	font-size: 32px;
	color: #ffcd05;
	margin-bottom: 8px;
	display: block
}

@media all and (max-width: 768px) {
	.social-1 .slides li {
		width: 100%;
		margin-bottom: 20px
	}
	.social-1 .tweet {
		font-size: 16px;
		font-weight: normal;
		line-height: 24px
	}
}

.social-2 {
	background: #ffcd05
}

.social-2 h6 {
	letter-spacing: 2px;
	margin-right: -2px;
	font-weight: normal;
	margin-bottom: 40px
}

.social-2 h6 a {
	color: #fff;
	font-weight: 700
}

.social-2 .tweet {
	color: #fff;
	font-size: 36px;
	line-height: 44px;
	font-weight: 300
}

.social-2 .tweet a {
	color: #fff;
	font-weight: normal
}

.social-2 .timePosted {
	color: #fff
}

@media all and (max-width: 767px) {
	.social-2 .tweet {
		font-size: 22px;
		line-height: 30px
	}
}

.bg-dark .insta-title i {
	color: #fff
}

.social-3 .instafeed img {
	display: none
}

.social-3 .instafeed li {
	width: 33.33333%;
	float: left;
	height: 170px;
	position: relative;
	overflow: hidden;
	background-size: cover !important;
	background-position: 50% 50% !important
}

.social-3 .instafeed li:nth-child(n+7) {
	display: none
}

.social-3 .instafeed ul {
	overflow: hidden
}

.social-3 h4 {
	margin-bottom: 20px
}

@media all and (max-width: 1024px) {
	.social-3 .instafeed li {
		width: 50%;
		height: 150px
	}
}

@media all and (max-width: 990px) {
	.social-3 .v-align-children {
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

@media all and (max-width: 767px) {
	.social-3 .instafeed {
		margin-bottom: 40px
	}
	.social-3 .instafeed li:nth-child(n+5) {
		display: none
	}
	.social-3 .v-align-children {
		display: block !important
	}
}

footer {
	padding: 80px 0;
	position: relative;
	overflow: hidden;
	background: #fff
}

footer .container {
	position: relative;
	z-index: 2
}

.social-links {
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: inline-block
}

.social-links li {
	float: left;
	margin-right: 20px
}

.social-links li:last-child {
	margin-right: 0
}

.footer .menu {
	overflow: hidden;
	display: inline-block
}

.footer {
	padding: 40px 0
}

.footer .social-links li {
	font-size: 16px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0.5
}

.footer .social-links li:hover {
	opacity: 1
}

.footer img {
	max-height: 17px
}

.footer .sub {
	line-height: 17px;
	opacity: 0.7
}

@media all and (max-width: 767px) {
	.footer,
	.footer .text-right {
		text-align: center !important
	}
	.footer .sub {
		margin-bottom: 20px
	}
}