/*
*
*	Sko4 - Chelsea Under Construction Page
*	Main Styles
*
*/

/*
*	Table Of Contents
*	
*	
	1. Body
	2. Timeline
	3. Countdown Block
	4. Content
	5. Contacts
	6. Subscribe
	7. Footer
	8. Background

*
*/

/*
***********************************************
	Body
*/

html {
	height: 100%;
}
body {
	height: 100%;
	padding: 0;
	position: relative;
	margin: 0;
	font-family: 'Alegreya Sans', sans-serif;
	/* background: url(../images/bg/bg1.jpg) 0 0 no-repeat fixed; /* Here you can override background image path */
	font-size: 16px;
	line-height: 20px;
	background-size: cover;
	min-height: 530px;
}
body.snowflakes {
	background: url(../images/snowflakes-bg.jpg) 0 0 no-repeat;
	background-size: cover;
}
body.demo {
	background: url(../images/demo/demo-bg.jpg) 0 0 no-repeat fixed;
	background-size: cover;
}
a {
	outline: none;
	color: #c2c2c2;
	text-decoration: none;
}
p {
	margin: 0 0 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Alegreya Sans', sans-serif;
}
h2 {
	font-weight: 400;
}
h3 {
	font-size: 24px;
	line-height: 29px;
	color: #fff;
	margin: 0 0 10px;
	text-transform: uppercase;
	font-weight: 900;
}
#primary {
	z-index: 2;
	position: relative;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}
::selection {
  background: #000; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #000; /* Gecko Browsers */
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #464646;
   opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #464646;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #464646;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #464646;
   opacity:  1;
}
.anims {
	opacity: 0;
	-webkit-transition: all ease .8s;
	-moz-transition: all ease .8s;
	-ms-transition: all ease .8s;
	-o-transition: all ease .8s;
	transition: all ease .8s;
}
.anims.visible {
	opacity: 1;
}


/*
***********************************************
	Timeline
*/

#menu_show {
	margin-top: -10px;
	position: absolute;
	width: 20px;
	height: 20px;
	left: -60px;
	top: 50%;
}
#menu_show span {
	position: relative;
	margin-bottom: 3px;
	margin-right: 3px;
	display: block;
	float: left;
	width: 7px;
	height: 7px;
	background: #fff;
	vertical-align: top;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}
#menu_show.active span {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu_show span.sq_1:after {
	width: 9px;
	height: 7px;
	top: 0;
	opacity: 0;
	right: -8px;
	position: absolute;
	display: block;
	content: "";
	background: #fff;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
#menu_show.active span.sq_1:after {
	opacity: 1;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

#tweet-feed {
	z-index: 20;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 60px;
	color: #fff;
	display: none;
	-webkit-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-ms-transition: all ease .6s;
	-o-transition: all ease .6s;
	transition: all ease .6s;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 50%;
	max-width: 50%;
	max-height: 100%;
	margin-left: 60px;
}
#tweet-feed.anim {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}
#tweet-feed.hidden {
	left: 100%;
	margin-left: 0;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}
#tweet-feed .bg-icon {
	position: absolute;
	z-index: 0;
	top: 10px;
	right: 10px;
	font-size: 300px;
	line-height: 360px;
	color: rgba(255, 255, 255, .1);
}
#tweet-feed.bg_type_light {
	color: #222;
}
#tweet-feed.bg_type_light .bg-icon {
	color: rgba(0, 0, 0, .1);
}
#tweet-feed .sideskew {
	position: absolute;
	margin-top: -30px;
	top: 0;
	height: 50%;
	width: 60px;
	left: -60px;
	-webkit-transform: skew(0, 45deg);
	-moz-transform: skew(0, 45deg);
	-ms-transform: skew(0, 45deg);
	-o-transform: skew(0, 45deg);
	transform: skew(0, 45deg);
	-webkit-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-ms-transition: all ease .6s;
	-o-transition: all ease .6s;
	transition: all ease .6s;
}
#tweet-feed.hidden .sideskew {
	z-index: -1;
	left: 0;
	-webkit-transform: skew(0, 90deg);
	-moz-transform: skew(0, 90deg);
	-ms-transform: skew(0, 90deg);
	-o-transform: skew(0, 90deg);
	transform: skew(0, 90deg);
}
#tweet-feed .bottom-skew {
	bottom: 0;
	top: auto;
	margin-bottom: -30px;
	-webkit-transform: skew(0, -45deg);
	-moz-transform: skew(0, -45deg);
	-ms-transform: skew(0, -45deg);
	-o-transform: skew(0, -45deg);
	transform: skew(0, -45deg);
}
#tweet-feed.hidden .sideskew.bottom-skew {
	-webkit-transform: skew(0, -90deg);
	-moz-transform: skew(0, -90deg);
	-ms-transform: skew(0, -90deg);
	-o-transform: skew(0, -90deg);
	transform: skew(0, -90deg);
}
#timeline {
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
	left: 49px;
	right: 100px;
}
#timeline .slides {
	margin: 0;
	display: none;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}
#timeline .slides li {
	float: left;
	position: absolute !important;
	display: none;
	top: 50%;
}
#tweet-feed .inside {
	min-height: 100%;
	height: 100%;
	padding: 60px 60px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.tweet-feed-title {
	letter-spacing: 7px;
	text-align: center;
	margin: 0;
	font-size: 70px;
	line-height: 84px;
	color: #fff;
	text-transform: uppercase;
}
.bg_type_light .tweet-feed-title {
	color: #222;
}
#tweet-feed .twit-header {
	overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 43px;
}
#tweet-feed .tweet-userpic {
	float: left;
	width: 73px;
	overflow: hidden;
	margin-right: 28px;
}
#tweet-feed .tweet-userpic img {
	vertical-align: top;
	width: 100%;
	height: auto;
	border-radius: 74px;
}
#tweet-feed .twit-header .tweet-author {
	letter-spacing: 1px;
	padding-top: 12px;
	font-weight: 500;
}
#tweet-feed .twit-header .twit-date {
	font-weight: 300;
	letter-spacing: 1px;
}
#tweet-feed .tweet-text {
	font-size: 30px;
	line-height: 36px;
	font-family: 'Source Code Pro';
}
#feed-label {
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	position: absolute;
	bottom: 75px;
	left: 0;
	right: 60px;
}


/*
***********************************************
	Countdown Block
*/

#countdown-block {
	display: none;
	text-align: center;
	margin-top: -200px;
	left: 0;
	right: 50%;
	position: absolute;
	top: 50%;
}
#site-logo {
	margin: 0 0 74px;
}
#site-logo img {
	vertical-align: top;
	width: 40%;
}
#countdown-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
	margin-bottom: 4px;
}
#countdown {
	font-weight: 300;
	color: #fff;
}
#countdown .countdown-row {
	overflow: hidden;
}
#countdown .countdown-section {
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 0 26px;
}
#countdown .countdown-amount {
	font-weight: 300;
	font-size: 90px;
	line-height: 108px;
	margin-bottom: -9px;
	display: block;
}
#countdown .sep {
	top: 0;
	right: -35px;
	position: absolute;
	margin: 0px;
	font-size: 90px;
	line-height: 108px;
}
#countdown .countdown-period {
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}
#countdown .countdown-section.secs {
	min-width: 96px;
	margin-left: 20px;
}


/*
***********************************************
	Content
*/
#content {
	position: fixed;
	right: 0;
	left: 50%;
	width: 50%;
	top: 0;
	bottom: 0;
	background: #22313f;
	-webkit-transition: all ease-in-out .8s;
	-moz-transition: all ease-in-out .8s;
	-ms-transition: all ease-in-out .8s;
	-o-transition: all ease-in-out .8s;
	transition: all ease-in-out .8s;
}
#content.visible {
	visibility: visible;
	margin-left: 60px;
	left: 50%;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}
#content .inside {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 60px 0 0;
	height: 100%;
}
#content-tabs {
	padding: 0 20px;
	position: relative;
	z-index: 15;
}
#content-tabs ul {
	padding: 0;
	font-family: 'Alegreya Sans', sans-serif;
	margin: 0;
	text-align: center;
}
#content-tabs ul li {
	margin: 0 5px;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}
#content-tabs ul li a {
	color: #fff;
	border: 3px solid #fff;
	display: inline-block;
	padding: 14px 28px 12px;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}
#content-tabs ul li a:hover,
#content-tabs ul li a.current {
	background: #fff;
	color: #22313f;
}
.part-content {
	margin: 0 auto;
	max-width: 570px;
	position: absolute;
	top: 199px;
	bottom: 80px;
	left: 0;
	right: 60px;
	max-height: 100%;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	padding: 0px 80px 0;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	font-weight: 300;
}
.part-content img {
	margin-bottom: 6px;
	vertical-align: top;
	width: 100%;
}
.part-content p {
	margin: 0 0 20px;
}
#contacts,
#subscribe {display: none;}
.part-title {
	letter-spacing: 5px;
	font-size: 38px;
	line-height: 48px;
	color: #fff;
	font-weight: 500;
	margin: 0 0 46px 0;
	text-align: center;
	text-transform: uppercase;
}
.part-content h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 58px;
	text-align: center;
}


/*
***********************************************
	Contacts
*/

::-webkit-input-placeholder { /* WebKit browsers */
	color:    #fff;
	opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #fff;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #fff;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #fff;
	opacity:  1;
}

#contacts_form .field-row {
	position: relative;
	padding-bottom: 40px;
}
#contacts_form input[type="text"],
#contacts_form input[type="email"],
#contacts_form textarea {
	color: #fff;
	background: none;
	border: none;
	border-bottom: 3px solid #7a838c;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: 20px;
	padding: 10px 0 11px;
	font-family: 'Open Sans', sans-serif;
	box-shadow: none !important;
	outline: none !important;
}
#contacts_form textarea {
	vertical-align: top;
	margin: 0;
	resize: none;
	height: 52px;
}
#contacts_form textarea.error,
#contacts_form input.error {
	border-color: #e74b15;
}
.field-row.row-submit {
	text-align: center;
}
#contacts_form .field-row.row-textarea {
	padding-bottom: 33px;
}
#contacts_form .error-msg {
	position: absolute;
	left: 0;
	top: 55px;
}
.form-submit {
	letter-spacing: 1px;
	font-family: 'Alegreya Sans', sans-serif;
	cursor: pointer;
	font-weight: 700;
	text-transform: uppercase;
	background: none;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	border: 3px solid #fff;
	display: inline-block;
	padding: 14px 27px 12px;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}
.form-submit:hover {
	background: #fff;
	color: #22313f;
}
.form-submit .animate-spin {
	display: none;
}
button::-moz-focus-inner {
    border:0;
    padding:0;
}
.error-msg {
	font-size: 12px;
	line-height: 15px;
	color: #e74b15;
	font-weight: 400;
}
.error_block {
	color: #e74b15;
	font-size: 20px;
	padding: 20px;
	line-height: 24px;
}
.form_results .success {
	text-align: center;
	font-size: 20px;
	padding: 20px;
	line-height: 24px;
}


/*
***********************************************
	Subscribe
*/

.mce_inline_error {
	background: red !important;
}
#mc-embedded-subscribe-form .field-row {
	position: relative;
	padding-top: 33px;
}
#mc-embedded-subscribe-form input[type="email"] {
	color: #fff;
	background: none;
	border: none;
	border-bottom: 3px solid #7a838c;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: 20px;
	padding: 10px 0 11px;
	font-family: 'Open Sans', sans-serif;
	box-shadow: none !important;
}
#mc_embed_signup input.mce_inline_error {
	border-color: #7a838c !important;
	background: none !important;
	margin-bottom: 10px;
}
#mc-embedded-subscribe-form .error-msg {
	position: absolute;
	left: 0;
	top: 55px;
}
#mce-success-response {
	padding-top: 10px;
}
.mailchimp-hidden {
	position: absolute;
	left: -5000px;
}
#mce-responses .response {
	display: none;
}


/*
***********************************************
	Footer
*/

#site-footer {
	position: absolute;
	left: 0;
	right: 50%;
	bottom: 0;
#site-footer p{
	color: #fff;
}
#site-tagline {
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0 0 11px;
}
#social-links {
	margin: 0 0 15px;
	padding: 0;
	text-align: center;
}
#social-links li {
	margin: 0 5px;
	list-style: none;
	display: inline-block;
	font-size: 17px;
	line-height: 48px;
}
#social-links li a {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all ease .1s;
	-moz-transition: all ease .1s;
	-ms-transition: all ease .1s;
	-o-transition: all ease .1s;
	transition: all ease .1s;
}
#social-links li a:hover {
	border-width: 3px;
	font-size: 15px;
	line-height: 45px;
}


/*
***********************************************
	Background
*/

#youtube-bg {
	display: none;
}
#tubular-container {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#tubular-shield {
	background: rgba(0,0,0, .4);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
}
#background-slideshow {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#background-slideshow:after,
body.snowflakes:after {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	display: block;
	background: rgba(0, 0, 0, .4);
}
#background-slideshow .slide {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: center center;
	background-size: cover;
	-webkit-transform: traslateZ(0px);
	-moz-transform: traslateZ(0px);
	-ms-transform: traslateZ(0px);
	-o-transform: traslateZ(0px);
	transform: traslateZ(0px);
	-webkit-transform-origin: center center 0;
	-moz-transform-origin: center center 0;
	-ms-transform-origin: center center 0;
	-o-transform-origin: center center 0;
	transform-origin: center center 0;
}
#snowflakes,
#gmap {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#gmap {
	z-index: 1;
	position: fixed !important;
	width: 100%;
	height: 100%;
}
.map-on-top #gmap {
	z-index: 999;
}
#map-to-top {	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	font-size: 17px;
	height: 70px;
	line-height: 50px;
	width: 70px;
	color: #fff;
	border: 1px solid #fff;
	border-width: 0 1px 1px 0;
	text-align: center;
	display: block;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
	overflow: hidden;
}
#map-to-top:after {
	content: "";
	display: block;
	left: 0;
	border-left: 1px solid #fff;
	top: 51%;
	right: -20px;
	bottom: -52%;
	background: rgba(255, 255, 255, .17);
	margin-top: -50%;
	margin-left: 29px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}
#map-to-top:hover:after {
	background: rgba(0,0,0, .2);
}
#map-to-top i {
	position: absolute;
	bottom: 8px;
	line-height: 24px;
	font-size: 20px;
	right: 6px;
}

/* Demo Styles */

.demo-header {
	text-align: center;
	padding-top: 100px;
	margin-bottom: 59px;
}
.demo-header .demo-title {
	padding-top: 57px;
	margin: 0;
	font-size: 30px;
	line-height: 36px;
	font-weight: 500;
	letter-spacing: 3px;
}
#demo-thumbs ul {
	text-align: center;
	margin: 0;
	padding: 0;
}
#demo-thumbs ul li {
	display: inline-block;
	list-style: none;
	margin: 0 15px 81px;
}
#demo-thumbs ul li a {
	display: block;
}
#demo-thumbs ul li .thumb-wrap {
	padding: 14px 14px 15px;
	border: 3px solid #fff;
	margin-bottom: 14px;
	background: rgba(0,0,0, .2);
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}
#demo-thumbs ul li .thumb-wrap img {
	vertical-align: top;
}
#demo-thumbs ul li .thumb-title {
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
	border: 3px solid #fff;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 29px;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px 13px;
}
#demo-thumbs ul li a:hover .thumb-title {
	background: rgba(0,0,0, .4);
}
#demo-thumbs ul li a:hover .thumb-wrap {
	background: rgba(0,0,0, .6);
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: url(../images/preloader.GIF) center center no-repeat #000;
}