/*
* Theme Name: Black&Green
* Theme URI: http://themeforest.net/user/The_Silverman
* Description: Black&Green is gr8 ;)
* Author: Suciu Silviu
* Author URI: http://themeforest.net/user/The_Silverman
* Version: 1
*/

/* Import Basic Files
================================================== */

@import url("../fonts/openSans/stylesheet.css");               /* Custom Fonts */
@import url("base.css");                                       /* Reset & Basics */
@import url("skeleton.css");                                   /* Base 960 Grid */

/* Site Styles
================================================== */

/* general styles */
body {
	background: #fff;
	font: 11px/17px "OpenSansRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #827f7f /* 656565 */;
}

p { line-height: 17px; }

strong { color: #909090; }
h3 {
	color: /* 686868 */;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
hr.line {
	margin:0;
	padding:0;
	border-width: 1px 0 0;
	border-color: #efefef;
	border-style: solid;
}
hr.dotted-hr {
	margin:0;
	padding:0;
	border-width: 1px 0 0;
	border-color: #d7d7d7;
	border-style: dotted;
}
.light_gray {
	color: #d7d7d7;
}
a {
	transition: color 0.2s;
}
.navigation ul li a {
	transition: background 0.1s;
}
h2.post-title { margin: -8px 0 20px; line-height: 32px; }
form { overflow: hidden; }

input[type="text"], textarea {
	border: 1px solid #e7e7e7;
	background: #fcfcfc;
	color: #909090;
	font: 11px/17px 'OpenSansRegular';
}

input[type="submit"].submit, .button {
	background: green;
	color: white;
	border: none;
	text-shadow: none;
	transition: all 0.2s;
}
input[type="submit"].submit:hover, .button:hover {
	background: gray;
	color: white;
	border: none;
	text-shadow: none;
}
a.img-overlay {
	position: relative;
	display: block;
}
.img-overlay-div {
    background: rgba(0, 0, 0, 0.7) url(../images/overlay-icon-01.png) center no-repeat;
    cursor: pointer;
    display: block;
	opacity: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 40;
}

/* header styles */
#wrap > header {
	border-top: 5px solid #ff7f02;
	min-height: 85px;
	background-color:#000;
}
.logo a img {
	float:left;
}

/* navigation styles */
.navigation ul {
	float: right;
	text-align: center;
	margin: -5px 0 0;
}
.navigation ul ul {
	position: absolute;
	left: 0;
	top: 95px;
	z-index: 100;
	margin: 0 0 0 5px;
	padding: 0;
	display: none;	
	box-shadow: 2.5px 2.5px 5px rgba(0,0,0,0.2);
}
.navigation ul ul ul {
	left: 182px;
	top: -1px;
}
.navigation ul li {
	float: left;
	text-align: center;
	margin:0;
	position: relative;
}
.navigation ul ul li {
	text-align: left;
	border-top: 1px solid #fff;
}
.navigation ul li a {
	text-decoration: none;
	padding:30px 20px 29px;
	display: block;
	font-family: 'OpenSansBold';
	font-size: 12px;
	color: #3a3a3a;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	margin-left: 5px;
}
.navigation ul ul li a {
	text-decoration: none;
	font-family: 'OpenSansRegular';
	color: #fff;
	font-size: 11px;
	text-transform: capitalize;
	margin-left: 0;
	width: 150px;
	padding: 9px 18px;
}
.navigation > ul > li:hover > a, .navigation ul li a.active {
	color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.navigation ul ul li a:hover, .navigation ul ul li a.active {
	box-shadow: none;
	background: #3a3a3a;
}
.navigation > ul > li:hover > a span, .navigation ul li a.active span {
	color: #fff;
}
.navigation ul li a span {
	display: block;
	font-family: 'OpenSansItalic';
	font-size: 11px;
	color: #aeaeae;
	text-transform: none;
}

/* main content styles */
.main {
	padding-bottom:40px;
}
.slogan {
	font-family: 'OpenSansLight';
	font-size: 28px;
	color: #3a3a3a;
	text-transform: uppercase;
	line-height: 45px;
	padding: 20px 0;
}
.slogan p {
	margin: 0;
	line-height: inherit;
}
hr.line.slogan {
	margin-bottom: 15px;
}

.headline {
	margin: 30px 0 0;
	background: url(../images/headline_bg.jpg) left 45% repeat-x;
}
.headline h3 {
	background: #fff;
	display: inline-block;
	padding: 0 10px 0 0;
}

/* pagination styles */
.pagination {
	overflow: hidden;
	margin-left: 100px;
}
.pagination li {
	float: left;
	margin: 0;
}
.pagination li a {
	display: block;
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
	padding: 10px 15px 9px;
	margin-right: 5px;
	text-decoration: none;
	font-size: 10px;
}
.pagination li a:hover {
	background: #f8f8f8;
}

/* sidebar styles */

#sidebar iframe {
	width: 100%;
	height: auto;
}
#sidebar .sidebar-widget:last-child {
	margin-bottom: 20px;
}
.sidebar-widget {
	margin: 14px 0 30px;
}
.sidebar-widget p, .sidebar-widget span {
	color: #909090;
}
.sidebar-widget ul, .sidebar-widget ul li {
	margin: 0;
}
.sidebar-widget .video-shortcode {
	margin-top: 15px;
}
.sidebar-widget .video-shortcode iframe {
	display: block;
}
.sidebar-widget .popular-posts li {
	border-bottom: 1px solid #efefef;
	overflow: hidden;
	margin-top: 15px;
}
.sidebar-widget .popular-posts li p {
	margin: 4px 0 0;
	font-size: 10px;
	font-family: 'OpenSansBold';
}
.sidebar-widget .popular-posts li p a {
	text-decoration: none;
	color: #3a3a3a;
}
.sidebar-widget .popular-posts li span {
	font-size: 10px;
	text-transform: uppercase;
}
.sidebar-widget .popular-posts li a.pp-image {
	float: left;
	margin: 0 15px 15px 0;
}
.sidebar-widget .popular-posts li a.pp-image img {
	display: block;
}
.list-styles li, .sidebar-widget .blog-categories li, .sidebar-widget .blog-archives li {
	border-bottom: 1px dotted #d7d7d7;
	padding: 5px 0 6px;
	background: url(../images/arrow.png) top left no-repeat;
	padding-left: 15px;
}
.list-styles li:last-child, .sidebar-widget .blog-categories li:last-child, .sidebar-widget .blog-archives li:last-child {
	border-bottom: none;
}
.list-styles li a, .sidebar-widget .blog-categories li a, .sidebar-widget .blog-archives li a {
	color: #909090;
	text-decoration: none;
}
.sidebar-widget h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'OpenSansRegular';
}

/* contact form styles */
#contact-form .contact-form label {
	font-family: 'OpenSansRegular';
	font-size: 11px;
	font-weight: 100;
}
#contact-form .contact-form textarea {
	width: 690px;
}
#contact-form .contact-form label {
	margin-bottom: 5px;
}
#contact-form .contact-form p {
	display: inline-block;
	margin: 0 17px 0 0;
}
#contact-form .contact-form input[type="submit"] {
	margin-bottom: 0;
}
.contact-header {
	margin-bottom: 26px;
}

/* coments styles */
.comments {
	border-bottom: 1px dotted #e7e7e7;
	margin-bottom: 30px;
}
.comments li {
	margin-bottom: 34px;
}
.comments li:last-child {
	margin-bottom: 40px;
}
.comments li img {
	float: left;
	margin-right: 20px;
}
.comments li .comment {}
.comments li .comment .comment-container {
	background: url(../images/comment-arrow.png) left center no-repeat;
	margin-left: 90px;
	padding: 0 0 0 11px;
}
.comments li .comment .comment-container p {
	background: #fcfcfc;
	border: 1px solid #e7e7e7;
	border-left: none;
	padding: 9px 20px 10px;
	line-height: 20px;
	margin: 0;
}
.comments li .comment h4.author {
	font-size: 12px;
	margin: 5px 0 0 100px;
	display: inline-block;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 3px;
}
.comments li .comment h4.author span {
	font-size: 10px;
	color: #909090;
	text-transform: uppercase;
	font-family: 'OpenSansRegular';
}
.comments li .comment a.reply {
	float: right;
	margin: 11px 0 0;
}
.comments li .comment a.reply:hover {
	color: #909090;
}
ul.children {
	margin: 34px 0 0 100px;
}
.author-header, .comments-header {
	margin-bottom: 30px;
}

/* blog page styles */
article.blog-post {
	margin: 25px 0 40px;
	border-bottom: 1px solid #efefef;
}
article.blog-post.single {
	margin-bottom: 30px;
}
.blog-post .post-image {
	margin-bottom: 40px;
}
.blog-post .post-image img {
	width: 100%;
	height: auto;
	display: block;
}
.blog-post .post-image.variant {
	width: 160px;
	height: 160px;
	float: left;
}
.blog-post .post-right .post-meta {
	text-transform: uppercase;
	margin: -10px 0 20px;
}
.blog-post .post-right .post-meta a:hover {
	color: #3a3a3a;
}
.blog-post .post-left {
	float: left;
	margin-right: 20px;
}
.blog-post .post-left .post-meta a.post-date {
	width: 80px;
	height: 80px;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.blog-post .post-left .post-meta a.post-date span {
	display: block;
	font-size: 40px;
	font-family: 'OpenSansLight';
	padding: 20px 0 10px;
}
.blog-post .post-left .post-meta a.post-type {
	width: 80px;
	height: 80px;
	display: block;
}
.twelve .blog-post .post-right {
	float: right;
	width: 600px;
}
.twelve .blog-post .post-right.variant {
	width: 440px;
}
.sixteen .blog-post .post-right {
	float: right;
	width: 840px;
}
.blog-post .post-title a {
	color: #3a3a3a;
	text-decoration: none;
}
.blog-post a.read-more:hover {
	text-decoration: none;
	color: #656565;
}
.blog-post .post-content {
	margin-bottom: 40px;
}
.blog-post .post-content p {
	margin-bottom: 15px;
}

/* footer styles */
footer {
	background: #333333;
	padding: 40px 0 15px;
}
hr.line.footer {
	margin: 20px 0 15px;
	border-color: #4f4f4f;
}
footer a, footer a:visited {
	color: #e8e8e8;
}
footer a:hover {
	text-decoration: none;
}
.copyright {
	margin-top: 2px;
}

/* contact page */

#googlemaps { margin: 25px 0 29px; }
h3.gmap-header {
    font-family: 'OpenSansRegular';
    font-size: 14px;
    text-transform: uppercase;
}

/* shortcodes page */

ul.tabs-nav {
	margin: 0;
	overflow: hidden;
}
ul.tabs-nav li { float: left; margin: 0; }
ul.tabs-nav li a { 
	text-transform:uppercase; 
	font-size: 12px; 
	text-decoration: none; 
	width: 120px;
	padding: 8px 0 9px;
	text-align: center;
	display: block;
	border: 1px solid #e7e7e7;
	margin-right: -1px;
}
ul.tabs-nav li.active a {
	border-bottom: 1px solid #fff;
	padding-top: 7px;
}
div.tabs-container {
	padding: 23px 25px 25px;
	border: 1px solid #e7e7e7;
	margin-top: -1px;
}
div.tabs-container div {}
h3.shortcodes, h3.front-page {
    font-family: 'OpenSansRegular';
    font-size: 14px;
    text-transform: uppercase;
	margin-top: 14px;
}
.acc-container {
	padding: 0 0 0 25px;
	border-bottom: 1px dotted #D7D7D7;
}
span.acc-trigger {
	display: block;
	padding: 9px 0 9px 25px;
	border-bottom: 1px dotted #D7D7D7;
	background: url("../images/acc-style.jpg") left center no-repeat;
}
span.acc-trigger a { text-decoration: none; }
span.acc-trigger.active {
	background: url("../images/acc-style02.jpg") left center no-repeat;
	border-bottom: 1px dotted #fff;;
}
.price-box { 
	width:180px; 
	float: left;
	margin: 10px -1px 0 0;
	position: relative;
}
.price-box li { 
	border: 1px solid #fff; 
	margin-bottom: -1px; 
	text-align: center;  
	padding: 11px 0;
	font-size: 12px;
}
.price-box li button { margin:0; }
.price-box.featured { 
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	z-index: 5;
	margin-top: 0px;
}
.price-box.featured li:last-child {
	padding: 25px 0;
}
.price-box.featured li:first-child {
	padding: 16px 0;
}
.price-box li:last-child {
	padding: 20px 0;
}
.price-box li:nth-child(odd) {
	background: #f5f5f5;
}
.price-box li:nth-child(even) {
	background: #fafafa;
}
.price-box.items li:nth-child(odd) {
	background: #f5f5f5;
}
.price-box.items li:nth-child(even) {
	background: #fafafa;
}
.price-box.items {
	margin-top: 136px;
	width: 225px;
}
.price-box.items li, .price-box.items li:nth-child(1), .price-box.items li:nth-child(2) {
	color: #909090;
	text-transform: none;
	text-align: left;
	padding: 11px 0 11px 20px;
}
.price-box li:nth-child(1), .price-box li:nth-child(2) {
	background: #6a6a6a;
	color: #fff;
}
.price-box li:nth-child(1) { text-transform: uppercase; }
.price-box li:nth-child(2) h3 { font-size: 34px; color: #fff; position: relative; font-family: 'OpenSansRegular'; margin: 5px 0 0; line-height: 24px; }
.price-box li:nth-child(2) h3 sup { font-size: 14px; position: relative; top:-12px; }
.price-box li:nth-child(2) span { font-size: 12px; display: block; }
.list-styles.bigger-arrow li {
    background: url("../images/big-arrow.png") no-repeat scroll left top transparent;
}
.list-styles.arrow-twice li {
    background: url("../images/arrow-twice.png") no-repeat scroll left top transparent;
}
.list-styles.big-arrow li {
    background: url("../images/arrow-big.png") no-repeat scroll left top transparent;
}
.list-styles.squared li {
    background: url("../images/square.png") no-repeat scroll left top transparent;
}
.list-styles.dotted li {
    background: url("../images/dotted.png") no-repeat scroll left top transparent;
}
.list-styles, .list-styles li {
	margin:0;
}

.text-style-color-marker {
	color: #fff;
}
.text-style-dark-marker {
	background: #000;
	color: #fff;
}
.text-style-underline {
	border-bottom: 1px solid #dddddd;
}


.testimonials {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
    padding: 20px;
}
.testimonials-bg {
    background: url("../images/testimonials-bg.png") no-repeat;
    display: block;
    height: 30px;
    margin-top: -1px;
    width: 200px;
}

.alert-success {
	text-align: center;
	background: #e3fbd9 url("../images/alert-success.png") 15px center no-repeat;
	border: 1px solid #c4f1ac;
	line-height: 38px;
	color: #86b278;
	position: relative;
	margin-bottom: 1px;
}
.alert-info {
	text-align: center;
	background: #e7fbfc url("../images/alert-info.png") 15px center no-repeat;
	border: 1px solid #b0e9f0;
	line-height: 38px;
	color: #6d89b6;
	position: relative;
	margin-bottom: 1px;
}
.alert-warning {
	text-align: center;
	background: #f8f7db url("../images/alert-warning.png") 15px center no-repeat;
	border: 1px solid #f2e05a;
	line-height: 38px;
	color: #d8a92d;
	position: relative;
	margin-bottom: 1px;
}
.alert-error {
	text-align: center;
	background: #fdebeb url("../images/alert-error.png") 15px center no-repeat;
	border: 1px solid #fbbab8;
	line-height: 38px;
	color: #d45959;
	position: relative;
	margin-bottom: 1px;
}
.alert-notice {
	text-align: center;
	background: #fff url("../images/alert-notice.png") 15px center no-repeat;
	border: 1px solid #cccccc;
	line-height: 38px;
	color: #9a9999;
	position: relative;
	margin-bottom: 1px;
}
.alert-success span,
.alert-info span,
.alert-warning span,
.alert-error span,
.alert-notice span {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 12px;
	top: 13px;
	background: #e3fbd9 url("../images/close.png") no-repeat;
	cursor: pointer;
}

.testimonials-author {
    display: block;
    float: right;
    margin-bottom: 20px;
    margin-top: -23px;
}
.testimonials-author span {
    color: #909090;
}

.blockquote {
	font-family: 'OpenSansSemibold';
	padding: 20px;
	background: #f9f9f9;
}

.b-white {
	line-height: 40px;
	background: url("../images/button01.jpg") top left repeat-x;
	width: 150px;
	color: rgba(0,0,0,0.3);
	font-family: 'OpenSansRegular';
	box-shadow: 0 2.5px 1px rgba(0,0,0,0.15);
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0;
	border-radius: 2px;
	border: 1px solid #bbbbbb;
}
.b-white:hover {
	background: url("../images/button01.jpg") top left repeat-x;
	color: rgba(0,0,0,0.3);
	border: 1px solid #bbbbbb;
	box-shadow: none;
}
.b-black {
	line-height: 40px;
	background: url("../images/button02.jpg") top left repeat-x;
	width: 150px;
	color: rgba(0,0,0,0.6);
	font-family: 'OpenSansRegular';
	box-shadow: 0 2.5px 1px rgba(0,0,0,0.25);
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0;
	border-radius: 2px;
	border: 1px solid #333333;
	text-shadow: 0 1px rgba(255, 255, 255, 0.25);
}
.b-black:hover {
	background: url("../images/button02.jpg") top left repeat-x;
	color: rgba(0,0,0,0.6);
	border: 1px solid #333333;
	box-shadow: none;
}

.b-color {
	line-height: 40px;
	background: url("../images/button03.jpg") top left repeat-x;
	width: 150px;
	color: rgba(13,105,0,1);
	font-family: 'OpenSansRegular';
	box-shadow: 0 2.5px 1px rgba(0,0,0,0.25);
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0;
	border-radius: 2px;
	border: 1px solid #648e00;
	text-shadow: 0 1px rgba(255, 255, 255, 0.25);
}
.b-color:hover {
	background: url("../images/button03.jpg") top left repeat-x;
	color: rgba(0,0,0,0.6);
	border: 1px solid #648e00;
	box-shadow: none;
}

table {
    margin: 0 0 20px;
    padding: 0 5px;
    text-align: left;
	border-collapse: collapse;
    border-spacing: 0;
}

tr:nth-child(even) { background: #f4f4f4 }
tr:nth-child(odd) { background: #ffffff }

tr { border-bottom: 1px solid #dcdcdc; }

th,
td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	font-size:12px;
	
}

thead th{
	font-size:14px;
	text-transform: uppercase;
	color:#707070;
	border:none;
	border-bottom:1px solid #c7c7c7;
	border-top:1px solid #c7c7c7;
	padding:10px 5px;
}

.dropcap {
	font-size: 55px;
	float: left;
    height: 35px;
	margin: 15px 5px 0 0;
	display: inline-block;
}

/* projects */

.our-work.our-work-margin, .flexslider.work-slider { margin-bottom: 0; }
.work-slider .flex-direction-nav a {
    right: 10px;
	bottom: 10px;
}

.work-slider .flex-direction-nav .flex-next {
    right: 46px;
}
.our-work-single ul li {
	border-bottom: 1px dotted #d7d7d7;
    padding: 5px 0 6px 0;
	margin: 0;
}
.our-work-single ul li:last-child {
	border-bottom: none;
}
.our-work-single ul li strong { color: #3a3a3a; }
.our-work-single h3 {
	font-family: 'OpenSansRegular';
	font-size: 14px;
	text-transform: uppercase;
	line-height: normal;
	margin: -5px 0 11px
}
#filters ul {
	overflow: hidden;
	margin: 25px 0 40px;
}
#filters ul li {
	float: left;
	margin: 0;
}
#filters ul li a {
	font-size: 10px;
	text-transform: uppercase;
	background: #f8f8f8;
	color: #aeaeae;
	padding: 4px 10px;
	text-decoration: none;
	margin-right: 5px;
	display: block;
	transition: all 0.2s;
}
#filters ul li a:hover, #filters ul li a.selected {
	color: #fff;
}

/* homepage */

.client-list li {
	margin: 0 -1px 0 0;
	border: 1px solid #e5e5e5; 
	float: left;
}
.client-list li img { 
	width:191px; 
	display: block;
}
.home-folio-style {
	background: #4c4c4c; 
	border-top: 1px solid #dedede; 
	border-bottom: 5px solid #eaeaea; 
	margin: 0 -35px 30px; 
	padding: 20px 35px 30px;
	overflow: hidden;
}
.home-folio-style .our-work h3 { background: #f8f8f8; }
.projects .our-work { margin-bottom: 30px; }
.slide-caption {
	position: absolute;
	padding: 20px;
	margin: 0 0 20px 20px;
	background: rgba(0,0,0,0.5);
	width: 30%;
	bottom: 0;
}
.slide-caption h3 {
	color: #fff;
}
.slide-caption p {
	margin: 0;
	color: #cecece;
}

.home-blog { overflow: hidden;
background: #f8f8f8; }
.home-blog h3 { margin-bottom: 3px; }
.home-blog img { 
	width: 100%; 
	display: block;
}
.home-blog a.img-overlay { 
	margin-bottom: 15px;
}
.home-blog .meta-blog { 
	float: left;
	margin-right: 10px;
	width: 45px;
}
.home-blog .home-post-type {
	display: block;
	width: 45px;
	height: 45px;
}
.home-blog .home-date {
	display: block;
	width: 45px;
	height: 39px;
	padding-top: 6px;
	color: #fff;
	text-align: center;
	font-family: 'OpenSansSemibold';
	font-size: 20px;
}
.home-blog .home-date span {
	display: block;
	font-family: 'OpenSansLight';
	font-size: 10px;
}
.home-blog .home-post-type
.home-blog .home-blog-post {
	float: left;
	width: 165px;
}

.recent-posts {
	overflow: hidden;
}
.recent-posts h3 {
	display: inline-block;
	float: left;
	margin-bottom: 19px;
}
.recent-posts p {
	float: left;
	margin: -3px 0 0 20px;
}
.our-work { margin-bottom: 54px; 
background: #f8f8f8;}
.our-work h3:hover {
	background: #f8f8f8;
}
h3.front-page { margin-top: -11px; }
.our-work img {
	width: 100%;
	display: block;
}
.our-work h3 {
	font-family: 'OpenSansRegular';
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	line-height: normal;
	padding: 12px 0;
	border-bottom: 1px solid #dfdfdf;
	border-top: 2px solid #dfdfdf;
	transition: all 0.2s;
}
.our-work h3 a, .home-blog h3 a {
	color: #3a3a3a;
	text-decoration: none;
}
.our-work h3 span {
	font-family: 'OpenSansItalic';
	text-transform: none;
	font-size: 11px;
	display: block;
	color: #aeaeae;
}
.flexslider {
	/*border: none;
	border-radius: 0;
	box-shadow: none;*/
	margin: 0 0 40px 0;
}
.flexslider li { margin: 0; position: relative; }
.flexslider img { display: block }

/* pages */

.callout-header {
	font-family: 'OpenSansLight';
	font-size: 22px;
	margin-bottom: 50px;
}
.tabs-container .list-styles.bigger-arrow li { border-bottom: 1px dotted #e4e4e4; }
.client-list.on-sidebar {
	overflow: hidden;
	margin-top: 10px;
}
.client-list.on-sidebar li {
	border: none;
	cursor: pointer;
	padding: 0 15px 0 14px;
}
.our-team {
	position: relative;
}
.our-team .social {
	position: absolute;
	top: 264px;
	left: 6px;
	background: rgba(0,0,0,0.2);
	padding: 5px 10px 5px 5px;
	opacity: 0;
	transition: opacity 0.2s;
}
.our-team:hover .social {
	opacity: 1;
}
.our-team > img {
	width: 288px;
	display: block;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 5px;
}
.our-team span {
	padding: 15px 0;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 15px;
}
.our-team span strong {
	display: block;
	color: #3a3a3a;
}
.our-team p {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 15px;
}

.page-content { margin-top: 20px; }
.page-content .img-float-left, .page-content .img-float-right {
	float: left;
	margin: 5px 20px 15px 0;
	display: block;
	position: relative;
}
.page-content .img-float-right {
	float: right;
	margin: 5px 0 15px 20px;
}
.page-content .img-float-left .img-float-left-caption, .page-content .img-float-right .img-float-right-caption {
	position: absolute;
	bottom: 0;
	padding: 10px 15px;
	background: rgba(0,0,0,0.5);
	color: #cecece;
}
.page-content .img-float-left img, .page-content .img-float-right img {
	display: block;
	width: 100%;
}
.page-content .blockquote { margin-bottom: 20px; }

/* social */

.social {
	float: right;
}
.social a {
	opacity:0.5;
	margin: 0 0 0 10px;
	float: left;
	transition: opacity 0.2s;
}
.social a:hover {
	opacity:1;
}
.social a img {
	float: left;
	height:auto;
}
footer h3 {
	color: #909090;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'OpenSansRegular';
}
.tweet_time {
	color: #606060;
	display: block;
	margin-top: 5px;
}
.flickr {
	margin: 0 0 16px;
}
.flickr a img {
	float: left;
	margin: 3px 7px 4px 0;
	opacity: 0.8;
	transition: opacity 0.2s;
}
.flickr a:hover img {
	opacity: 1;
}
.company img {
	margin: 11px 0 15px;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

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

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

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

/**** disabling Isotope CSS3 transitions ****/

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

.form-container {
	overflow: hidden;
	
	padding: 10px;
	position: relative;
}
.form-container .loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
}
.form-container .loading span {
}
.form-container .response {
	display: none;
	margin: 0 0 15px 0;
	color:#ffffff;
	clear:both;
	text-shadow: none;
	line-height: 17px;
	width: 650px;
	font-size: 14px;
}
.forms {
}
.forms fieldset {
	margin-bottom: -20px;
}
.forms ol {
	list-style: none;
}
/* form rows */
.forms li.form-row {
	margin-bottom: 15px;
}
.forms li.text-input-row {
}
.forms li.text-area-row {
}
.forms li.checkbox-row {
}
.forms li.radio-row {
}
.forms li.select-row {
}
.forms li.button-row {
}
.forms li.hidden-row {
	display: none;
}
/* form input fields */

.forms fieldset .text-input {
	background: #fff;
	border: 1px solid #dedede;
	padding: 10px;
	color: #606060;
	width: 75%;
	height: 20px;
}

.forms fieldset .text-area {
	background: #fff;
	border: 1px solid #dedede;
	color: #606060;
	width: 90%;
	height: 200px;
	padding: 10px;
}

.forms fieldset .text-input:focus, 
.forms fieldset .text-area:focus {
	border: 1px solid #c9c9c9;
}

.forms fieldset .radio {
}
.forms fieldset .checkbox {
}
.forms fieldset .select {
}

.forms li.error input, .forms li.error textarea {
	border: 1px #b85555 solid;
}
.forms fieldset .btn-submit  {
	padding: 0 20px 4px 20px;
	margin: 0;
	height: 30px;
}
.forms span.error {
	display: none;
}
.forms .button-row span.error {
	padding: 0;
	display: none;
}
.forms li.focus {
}
.forms label {
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
	clear: both;
}
.form-container:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}




.sky-form {
    color: #ffffff;
    font: 14px/1.55 "Open Sans",Helvetica,Arial,sans-serif;
    margin: 0;
    outline: medium none;
}
.sky-form header {
    border-bottom: 1px solid #e3e3e3;
    color: #272727;
    display: block;
    font-family: "Raleway",sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 13px;
    padding: 0 0 9px;
}
.sky-form header strong {
    font-weight: 600;
}
.sky-form fieldset {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: block;
    padding: 25px 0 5px;
}
.sky-form fieldset + fieldset {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sky-form section {
    margin-bottom: 20px;
}
.sky-form footer1 {
    display: block;
    padding: 15px 0 25px;
}
.sky-form footer1::after {
    clear: both;
    content: "";
    display: table;
}
.sky-form a {
    color: #999;
}
.sky-form .label {
    display: block;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 6px;
}
.sky-form .label.col {
    margin: 0;
    padding-top: 10px;
}
.sky-form .note {
    color: #999;
    font-size: 11px;
    line-height: 15px;
    margin-top: 6px;
    padding: 0 1px;
}
.sky-form .input, .sky-form .select, .sky-form .textarea, .sky-form .radio, .sky-form .checkbox, .sky-form .toggle, .sky-form .button {
    display: block;
    position: relative;
}
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
    -moz-appearance: none;
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #404040;
    display: block;
    font: 15px/19px "Open Sans",Helvetica,Arial,sans-serif;
    height: 39px;
    outline: medium none;
    padding: 8px 10px;
    width: 100%;
}
.sky-form .progress {
    color: #232323;
    float: right;
    line-height: 39px;
    margin-top: 10px;
}
.sky-form .input-file .button {
    float: none;
    font-size: 13px;
    height: 31px;
    line-height: 31px;
    margin: 0;
    padding: 0 20px;
    position: absolute;
    right: 4px;
    top: 4px;
}
.sky-form .input-file .button:hover {
    box-shadow: none;
}
.sky-form .input-file .button input {
    cursor: pointer;
    font-size: 30px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.sky-form .select i {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 0 12px #fff;
    height: 11px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 5px;
}
.sky-form .select i::after, .sky-form .select i::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    position: absolute;
    right: 0;
}
.sky-form .select i::after {
    border-top: 4px solid #404040;
    bottom: 0;
}
.sky-form .select i::before {
    border-bottom: 4px solid #404040;
    top: 0;
}
.sky-form .select-multiple select {
    height: auto;
}
.sky-form .textarea textarea {
    height: auto;
    resize: none;
}
.sky-form .textarea-resizable textarea {
    resize: vertical;
}
.sky-form .textarea-expandable textarea {
    height: 39px;
}
.sky-form .textarea-expandable textarea:focus {
    height: auto;
}
.sky-form .radio, .sky-form .checkbox {
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 4px;
    padding-left: 27px;
}
.sky-form .radio:last-child, .sky-form .checkbox:last-child {
    margin-bottom: 0;
}
.sky-form .radio input, .sky-form .checkbox input {
    left: -9999px;
    position: absolute;
}
.sky-form .radio i, .sky-form .checkbox i {
    background: #fff none repeat scroll 0 0;
    border-style: solid;
    border-width: 2px;
    display: block;
    height: 13px;
    left: 0;
    outline: medium none;
    position: absolute;
    top: 5px;
    width: 13px;
}
.sky-form .radio i {
    border-radius: 50%;
}
.sky-form .radio input + i::after, .sky-form .checkbox input + i::after {
    opacity: 0;
    position: absolute;
    transition: opacity 0.1s ease 0s;
}
.sky-form .radio input + i::after {
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 4px;
    top: 4px;
    width: 5px;
}
.sky-form .checkbox input + i::after {
    content: "";
    font: 12px/16px FontAwesome;
    height: 15px;
    left: -1px;
    text-align: center;
    top: -1px;
    width: 15px;
}
.sky-form .radio input:checked + i::after, .sky-form .checkbox input:checked + i::after {
    opacity: 1;
}
.sky-form .inline-group {
    margin: 0 -30px -4px 0;
}
.sky-form .inline-group::after {
    clear: both;
    content: "";
    display: table;
}
.sky-form .inline-group .radio, .sky-form .inline-group .checkbox {
    float: left;
    margin-right: 30px;
}
.sky-form .inline-group .radio:last-child, .sky-form .inline-group .checkbox:last-child {
    margin-bottom: 4px;
}
.sky-form .toggle {
    color: #404040;
    cursor: pointer;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 4px;
    padding-right: 61px;
}
.sky-form .toggle:last-child {
    margin-bottom: 0;
}
.sky-form .toggle input {
    left: -9999px;
    position: absolute;
}
.sky-form .toggle i {
    background: #fff none repeat scroll 0 0;
    border-radius: 12px;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 17px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 49px;
}
.sky-form .toggle i::after {
    color: #5f5f5f;
    content: "OFF";
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    left: 8px;
    line-height: 13px;
    position: absolute;
    right: 8px;
    text-align: left;
    top: 2px;
}
.sky-form .toggle i::before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 9px;
    opacity: 1;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: right 0.2s ease 0s;
    width: 9px;
    z-index: 1;
}
.sky-form .toggle input:checked + i::after {
    content: "ON";
    text-align: right;
}
.sky-form .toggle input:checked + i::before {
    right: 36px;
}
.sky-form .rating {
    color: #404040;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 4px;
}
.sky-form .rating:last-child {
    margin-bottom: 0;
}
.sky-form .rating input {
    left: -9999px;
    position: absolute;
}
.sky-form .rating label {
    cursor: pointer;
    display: block;
    float: right;
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    margin-top: 5px;
    padding: 0 2px;
}
.sky-form .button {
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: left;
    font: 300 15px/39px "Open Sans",Helvetica,Arial,sans-serif;
    height: 39px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0 25px;
    text-decoration: none;
}
.sky-form .button-uploading {
    color: transparent;
    cursor: default;
    position: relative;
}
.sky-form .button-uploading::after {
    animation: 1s linear 0s normal none infinite running blink;
    color: #fff;
    content: "Uploading...";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@keyframes blink {
0% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
}
}
.icon-glass::before {
    content: "";
}
.icon-music::before {
    content: "";
}
.icon-search::before {
    content: "";
}
.icon-envelope::before {
    content: "";
}
.icon-heart::before {
    content: "";
}
.icon-star::before {
    content: "";
}
.icon-star-empty::before {
    content: "";
}
.icon-user::before {
    content: "";
}
.icon-film::before {
    content: "";
}
.icon-th-large::before {
    content: "";
}
.icon-th::before {
    content: "";
}
.icon-th-list::before {
    content: "";
}
.icon-ok::before {
    content: "";
}
.icon-remove::before {
    content: "";
}
.icon-zoom-in::before {
    content: "";
}
.icon-zoom-out::before {
    content: "";
}
.icon-off::before {
    content: "";
}
.icon-signal::before {
    content: "";
}
.icon-cog::before {
    content: "";
}
.icon-trash::before {
    content: "";
}
.icon-home::before {
    content: "";
}
.icon-file::before {
    content: "";
}
.icon-time::before {
    content: "";
}
.icon-road::before {
    content: "";
}
.icon-download-alt::before {
    content: "";
}
.icon-download::before {
    content: "";
}
.icon-upload::before {
    content: "";
}
.icon-inbox::before {
    content: "";
}
.icon-play-circle::before {
    content: "";
}
.icon-repeat::before, .icon-rotate-right::before {
    content: "";
}
.icon-refresh::before {
    content: "";
}
.icon-list-alt::before {
    content: "";
}
.icon-lock::before {
    content: "";
}
.icon-flag::before {
    content: "";
}
.icon-headphones::before {
    content: "";
}
.icon-volume-off::before {
    content: "";
}
.icon-volume-down::before {
    content: "";
}
.icon-volume-up::before {
    content: "";
}
.icon-qrcode::before {
    content: "";
}
.icon-barcode::before {
    content: "";
}
.icon-tag::before {
    content: "";
}
.icon-tags::before {
    content: "";
}
.icon-book::before {
    content: "";
}
.icon-bookmark::before {
    content: "";
}
.icon-print::before {
    content: "";
}
.icon-camera::before {
    content: "";
}
.icon-font::before {
    content: "";
}
.icon-bold::before {
    content: "";
}
.icon-italic::before {
    content: "";
}
.icon-text-height::before {
    content: "";
}
.icon-text-width::before {
    content: "";
}
.icon-align-left::before {
    content: "";
}
.icon-align-center::before {
    content: "";
}
.icon-align-right::before {
    content: "";
}
.icon-align-justify::before {
    content: "";
}
.icon-list::before {
    content: "";
}
.icon-indent-left::before {
    content: "";
}
.icon-indent-right::before {
    content: "";
}
.icon-facetime-video::before {
    content: "";
}
.icon-picture::before {
    content: "";
}
.icon-pencil::before {
    content: "";
}
.icon-map-marker::before {
    content: "";
}
.icon-adjust::before {
    content: "";
}
.icon-tint::before {
    content: "";
}
.icon-edit::before {
    content: "";
}
.icon-share::before {
    content: "";
}
.icon-check::before {
    content: "";
}
.icon-move::before {
    content: "";
}
.icon-step-backward::before {
    content: "";
}
.icon-fast-backward::before {
    content: "";
}
.icon-backward::before {
    content: "";
}
.icon-play::before {
    content: "";
}
.icon-pause::before {
    content: "";
}
.icon-stop::before {
    content: "";
}
.icon-forward::before {
    content: "";
}
.icon-fast-forward::before {
    content: "";
}
.icon-step-forward::before {
    content: "";
}
.icon-eject::before {
    content: "";
}
.icon-chevron-left::before {
    content: "";
}
.icon-chevron-right::before {
    content: "";
}
.icon-plus-sign::before {
    content: "";
}
.icon-minus-sign::before {
    content: "";
}
.icon-remove-sign::before {
    content: "";
}
.icon-ok-sign::before {
    content: "";
}
.icon-question-sign::before {
    content: "";
}
.icon-info-sign::before {
    content: "";
}
.icon-screenshot::before {
    content: "";
}
.icon-remove-circle::before {
    content: "";
}
.icon-ok-circle::before {
    content: "";
}
.icon-ban-circle::before {
    content: "";
}
.icon-arrow-left::before {
    content: "";
}
.icon-arrow-right::before {
    content: "";
}
.icon-arrow-up::before {
    content: "";
}
.icon-arrow-down::before {
    content: "";
}
.icon-share-alt::before, .icon-mail-forward::before {
    content: "";
}
.icon-resize-full::before {
    content: "";
}
.icon-resize-small::before {
    content: "";
}
.icon-plus::before {
    content: "";
}
.icon-minus::before {
    content: "";
}
.icon-asterisk::before {
    content: "";
}
.icon-exclamation-sign::before {
    content: "";
}
.icon-gift::before {
    content: "";
}
.icon-leaf::before {
    content: "";
}
.icon-fire::before {
    content: "";
}
.icon-eye-open::before {
    content: "";
}
.icon-eye-close::before {
    content: "";
}
.icon-warning-sign::before {
    content: "";
}
.icon-plane::before {
    content: "";
}
.icon-calendar::before {
    content: "";
}
.icon-random::before {
    content: "";
}
.icon-comment::before {
    content: "";
}
.icon-magnet::before {
    content: "";
}
.icon-chevron-up::before {
    content: "";
}
.icon-chevron-down::before {
    content: "";
}
.icon-retweet::before {
    content: "";
}
.icon-shopping-cart::before {
    content: "";
}
.icon-folder-close::before {
    content: "";
}
.icon-folder-open::before {
    content: "";
}
.icon-resize-vertical::before {
    content: "";
}
.icon-resize-horizontal::before {
    content: "";
}
.icon-bar-chart::before {
    content: "";
}
.icon-twitter-sign::before {
    content: "";
}
.icon-facebook-sign::before {
    content: "";
}
.icon-camera-retro::before {
    content: "";
}
.icon-key::before {
    content: "";
}
.icon-cogs::before {
    content: "";
}
.icon-comments::before {
    content: "";
}
.icon-thumbs-up::before {
    content: "";
}
.icon-thumbs-down::before {
    content: "";
}
.icon-star-half::before {
    content: "";
}
.icon-heart-empty::before {
    content: "";
}
.icon-signout::before {
    content: "";
}
.icon-linkedin-sign::before {
    content: "";
}
.icon-pushpin::before {
    content: "";
}
.icon-external-link::before {
    content: "";
}
.icon-signin::before {
    content: "";
}
.icon-trophy::before {
    content: "";
}
.icon-github-sign::before {
    content: "";
}
.icon-upload-alt::before {
    content: "";
}
.icon-lemon::before {
    content: "";
}
.icon-phone {
    margin-top: 1px;
}
.icon-phone::before {
    content: "";
}
.icon-check-empty::before {
    content: "";
}
.icon-bookmark-empty::before {
    content: "";
}
.icon-phone-sign::before {
    content: "";
}
.icon-twitter::before {
    content: "";
}
.icon-facebook::before {
    content: "";
}
.icon-github::before {
    content: "";
}
.icon-unlock::before {
    content: "";
}
.icon-credit-card::before {
    content: "";
}
.icon-rss::before {
    content: "";
}
.icon-hdd::before {
    content: "";
}
.icon-bullhorn::before {
    content: "";
}
.icon-bell::before {
    content: "";
}
.icon-certificate::before {
    content: "";
}
.icon-hand-right::before {
    content: "";
}
.icon-hand-left::before {
    content: "";
}
.icon-hand-up::before {
    content: "";
}
.icon-hand-down::before {
    content: "";
}
.icon-circle-arrow-left::before {
    content: "";
}
.icon-circle-arrow-right::before {
    content: "";
}
.icon-circle-arrow-up::before {
    content: "";
}
.icon-circle-arrow-down::before {
    content: "";
}
.icon-globe::before {
    content: "";
}
.icon-wrench::before {
    content: "";
}
.icon-tasks::before {
    content: "";
}
.icon-filter::before {
    content: "";
}
.icon-briefcase::before {
    content: "";
}
.icon-fullscreen::before {
    content: "";
}
.icon-group::before {
    content: "";
}
.icon-link::before {
    content: "";
}
.icon-cloud::before {
    content: "";
}
.icon-beaker::before {
    content: "";
}
.icon-cut::before {
    content: "";
}
.icon-copy::before {
    content: "";
}
.icon-paper-clip::before {
    content: "";
}
.icon-save::before {
    content: "";
}
.icon-sign-blank::before {
    content: "";
}
.icon-reorder::before {
    content: "";
}
.icon-list-ul::before {
    content: "";
}
.icon-list-ol::before {
    content: "";
}
.icon-strikethrough::before {
    content: "";
}
.icon-underline::before {
    content: "";
}
.icon-table::before {
    content: "";
}
.icon-magic::before {
    content: "";
}
.icon-truck::before {
    content: "";
}
.icon-pinterest::before {
    content: "";
}
.icon-pinterest-sign::before {
    content: "";
}
.icon-google-plus-sign::before {
    content: "";
}
.icon-google-plus::before {
    content: "";
}
.icon-money::before {
    content: "";
}
.icon-caret-down::before {
    content: "";
}
.icon-caret-up::before {
    content: "";
}
.icon-caret-left::before {
    content: "";
}
.icon-caret-right::before {
    content: "";
}
.icon-columns::before {
    content: "";
}
.icon-sort::before {
    content: "";
}
.icon-sort-down::before {
    content: "";
}
.icon-sort-up::before {
    content: "";
}
.icon-envelope-alt::before {
    content: "";
}
.icon-linkedin::before {
    content: "";
}
.icon-undo::before, .icon-rotate-left::before {
    content: "";
}
.icon-legal::before {
    content: "";
}
.icon-dashboard::before {
    content: "";
}
.icon-comment-alt::before {
    content: "";
}
.icon-comments-alt::before {
    content: "";
}
.icon-bolt::before {
    content: "";
}
.icon-sitemap::before {
    content: "";
}
.icon-umbrella::before {
    content: "";
}
.icon-paste::before {
    content: "";
}
.icon-lightbulb::before {
    content: "";
}
.icon-exchange::before {
    content: "";
}
.icon-cloud-download::before {
    content: "";
}
.icon-cloud-upload::before {
    content: "";
}
.icon-user-md::before {
    content: "";
}
.icon-stethoscope::before {
    content: "";
}
.icon-suitcase::before {
    content: "";
}
.icon-bell-alt::before {
    content: "";
}
.icon-coffee::before {
    content: "";
}
.icon-food::before {
    content: "";
}
.icon-file-alt::before {
    content: "";
}
.icon-building::before {
    content: "";
}
.icon-hospital::before {
    content: "";
}
.icon-ambulance::before {
    content: "";
}
.icon-medkit::before {
    content: "";
}
.icon-fighter-jet::before {
    content: "";
}
.icon-beer::before {
    content: "";
}
.icon-h-sign::before {
    content: "";
}
.icon-plus-sign-alt::before {
    content: "";
}
.icon-double-angle-left::before {
    content: "";
}
.icon-double-angle-right::before {
    content: "";
}
.icon-double-angle-up::before {
    content: "";
}
.icon-double-angle-down::before {
    content: "";
}
.icon-angle-left::before {
    content: "";
}
.icon-angle-right::before {
    content: "";
}
.icon-angle-up::before {
    content: "";
}
.icon-angle-down::before {
    content: "";
}
.icon-desktop::before {
    content: "";
}
.icon-laptop::before {
    content: "";
}
.icon-tablet::before {
    content: "";
}
.icon-mobile-phone::before {
    content: "";
}
.icon-circle-blank::before {
    content: "";
}
.icon-quote-left::before {
    content: "";
}
.icon-quote-right::before {
    content: "";
}
.icon-spinner::before {
    content: "";
}
.icon-circle::before {
    content: "";
}
.icon-reply::before, .icon-mail-reply::before {
    content: "";
}
.icon-folder-close-alt::before {
    content: "";
}
.icon-folder-open-alt::before {
    content: "";
}
.icon-expand-alt::before {
    content: "";
}
.icon-collapse-alt::before {
    content: "";
}
.icon-smile::before {
    content: "";
}
.icon-frown::before {
    content: "";
}
.icon-meh::before {
    content: "";
}
.icon-gamepad::before {
    content: "";
}
.icon-keyboard::before {
    content: "";
}
.icon-flag-alt::before {
    content: "";
}
.icon-flag-checkered::before {
    content: "";
}
.icon-terminal::before {
    content: "";
}
.icon-code::before {
    content: "";
}
.icon-reply-all::before {
    content: "";
}
.icon-mail-reply-all::before {
    content: "";
}
.icon-star-half-full::before, .icon-star-half-empty::before {
    content: "";
}
.icon-location-arrow::before {
    content: "";
}
.icon-crop::before {
    content: "";
}
.icon-code-fork::before {

    content: "";
}
.icon-unlink::before {
    content: "";
}
.icon-question::before {
    content: "";
}
.icon-info::before {
    content: "";
}
.icon-exclamation::before {
    content: "";
}
.icon-superscript::before {
    content: "";
}
.icon-subscript::before {
    content: "";
}
.icon-eraser::before {
    content: "";
}
.icon-puzzle-piece::before {
    content: "";
}
.icon-microphone::before {
    content: "";
}
.icon-microphone-off::before {
    content: "";
}
.icon-shield::before {
    content: "";
}
.icon-calendar-empty::before {
    content: "";
}
.icon-fire-extinguisher::before {
    content: "";
}
.icon-rocket::before {
    content: "";
}
.icon-maxcdn::before {
    content: "";
}
.icon-chevron-sign-left::before {
    content: "";
}
.icon-chevron-sign-right::before {
    content: "";
}
.icon-chevron-sign-up::before {
    content: "";
}
.icon-chevron-sign-down::before {
    content: "";
}
.icon-html5::before {
    content: "";
}
.icon-css3::before {
    content: "";
}
.icon-anchor::before {
    content: "";
}
.icon-unlock-alt::before {
    content: "";
}
.icon-bullseye::before {
    content: "";
}
.icon-ellipsis-horizontal::before {
    content: "";
}
.icon-ellipsis-vertical::before {
    content: "";
}
.icon-rss-sign::before {
    content: "";
}
.icon-play-sign::before {
    content: "";
}
.icon-ticket::before {
    content: "";
}
.icon-minus-sign-alt::before {
    content: "";
}
.icon-check-minus::before {
    content: "";
}
.icon-level-up::before {
    content: "";
}
.icon-level-down::before {
    content: "";
}
.icon-check-sign::before {
    content: "";
}
.icon-edit-sign::before {
    content: "";
}
.icon-external-link-sign::before {
    content: "";
}
.icon-share-sign::before {
    content: "";
}
.sky-form [class^="icon-"], .ui-datepicker [class^="icon-"] {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
.sky-form .icon-append, .sky-form .icon-prepend {
    font-size: 15px;
    height: 29px;
    line-height: 29px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 29px;
}
.sky-form .icon-append {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 3px;
    right: 5px;
}
.sky-form .icon-prepend {
    border-right-style: solid;
    border-right-width: 1px;
    left: 5px;
    padding-right: 3px;
}
.sky-form .input .icon-prepend + input, .sky-form .textarea .icon-prepend + textarea {
    padding-left: 46px;
}
.sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea {
    padding-right: 46px;
}
.sky-form .input .icon-prepend + .icon-append + input, .sky-form .textarea .icon-prepend + .icon-append + textarea {
    padding-left: 46px;
}
.sky-form .row {
    margin: 0 -15px;
}
.sky-form .row::after {
    clear: both;
    content: "";
    display: table;
}
.sky-form .col {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.sky-form .col-1 {
    width: 8.33%;
}
.sky-form .col-2 {
    width: 16.66%;
}
.sky-form .col-3 {
    width: 25%;
}
.sky-form .col-4 {
    width: 33.33%;
}
.sky-form .col-5 {
    width: 41.66%;
}
.sky-form .col-6 {
    width: 50%;
}
.sky-form .col-7 {
    width: 58.33%;
}
.sky-form .col-8 {
    width: 66.67%;
}
.sky-form .col-9 {
    width: 75%;
}
.sky-form .col-10 {
    width: 83.33%;
}
.sky-form .col-11 {
    width: 91.66%;
}
@media screen and (max-width: 600px) {
.sky-form .col {
    float: none;
    width: 100%;
}
}
.sky-form .tooltip {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    left: -9999px;
    line-height: 16px;
    opacity: 0;
    padding: 2px 8px 3px;
    position: absolute;
    transition: margin 0.3s ease 0s, opacity 0.3s ease 0s;
    z-index: 1;
}
.sky-form .tooltip::after {
    content: "";
    position: absolute;
}
.sky-form .input input:focus + .tooltip, .sky-form .textarea textarea:focus + .tooltip {
    opacity: 1;
}
.sky-form .tooltip-top-right {
    bottom: 100%;
    margin-bottom: 15px;
}
.sky-form .tooltip-top-right::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, 0.9);
    right: 16px;
    top: 100%;
}
.sky-form .input input:focus + .tooltip-top-right, .sky-form .textarea textarea:focus + .tooltip-top-right {
    left: auto;
    margin-bottom: 5px;
    right: 0;
}
.sky-form .tooltip-top-left {
    bottom: 100%;
    margin-bottom: 15px;
}
.sky-form .tooltip-top-left::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, 0.9);
    left: 16px;
    top: 100%;
}
.sky-form .input input:focus + .tooltip-top-left, .sky-form .textarea textarea:focus + .tooltip-top-left {
    left: 0;
    margin-bottom: 5px;
    right: auto;
}
.sky-form .tooltip-right {
    margin-left: 15px;
    top: 9px;
    white-space: nowrap;
}
.sky-form .tooltip-right::after {
    border-bottom: 4px solid transparent;
    border-right: 4px solid rgba(0, 0, 0, 0.9);
    border-top: 4px solid transparent;
    right: 100%;
    top: 6px;
}
.sky-form .input input:focus + .tooltip-right, .sky-form .textarea textarea:focus + .tooltip-right {
    left: 100%;
    margin-left: 5px;
}
.sky-form .tooltip-left {
    margin-right: 15px;
    top: 9px;
    white-space: nowrap;
}
.sky-form .tooltip-left::after {
    border-bottom: 4px solid transparent;
    border-left: 4px solid rgba(0, 0, 0, 0.9);
    border-top: 4px solid transparent;
    left: 100%;
    top: 6px;
}
.sky-form .input input:focus + .tooltip-left, .sky-form .textarea textarea:focus + .tooltip-left {
    left: auto;
    margin-right: 5px;
    right: 100%;
}
.sky-form .tooltip-bottom-right {
    margin-top: 15px;
    top: 100%;
}
.sky-form .tooltip-bottom-right::after {
    border-bottom: 4px solid rgba(0, 0, 0, 0.9);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: 100%;
    right: 16px;
}
.sky-form .input input:focus + .tooltip-bottom-right, .sky-form .textarea textarea:focus + .tooltip-bottom-right {
    left: auto;
    margin-top: 5px;
    right: 0;
}
.sky-form .tooltip-bottom-left {
    margin-top: 15px;
    top: 100%;
}
.sky-form .tooltip-bottom-left::after {
    border-bottom: 4px solid rgba(0, 0, 0, 0.9);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: 100%;
    left: 16px;
}
.sky-form .input input:focus + .tooltip-bottom-left, .sky-form .textarea textarea:focus + .tooltip-bottom-left {
    left: 0;
    margin-top: 5px;
    right: auto;
}
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea, .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend {
    border-color: #d3d3d3;
    transition: border-color 0.3s ease 0s;
}
.sky-form .toggle i::before {
    background-color: #d9d9d9;
}
.sky-form .rating label {
    color: #ccc;
    transition: color 0.3s ease 0s;
}
.sky-form .button {
    background-color: #272727;
    opacity: 0.8;
    transition: opacity 0.2s ease 0s;
}
.sky-form .button.button-secondary {
    background-color: #b3b3b3;
    margin-right: 10px;
}
.sky-form .icon-append, .sky-form .icon-prepend {
    color: #ccc;
}
.sky-form .fright {
    float: right;
}
.sky-form .input:hover input, .sky-form .select:hover select, .sky-form .textarea:hover textarea, .sky-form .radio:hover i, .sky-form .checkbox:hover i, .sky-form .toggle:hover i {
    border-color: #272727;
}
.sky-form .rating input + label:hover, .sky-form .rating input + label:hover ~ label {
    color: #d9d9d9;
}
.sky-form .button:hover {
    opacity: 1;
}
.sky-form .input input:focus, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .radio input:focus + i, .sky-form .checkbox input:focus + i, .sky-form .toggle input:focus + i {
    border-color: #454545;
}
.sky-form .radio input + i::after {
    background-color: #999;
}
.sky-form .checkbox input + i::after {
    color: #999;
}
.sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i {
    border-color: #999;
}
.sky-form .rating input:checked ~ label {
    color: #999;
}
.sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error textarea, .sky-form .radio.state-error i, .sky-form .checkbox.state-error i, .sky-form .toggle.state-error i {
    background: #fff0f0 none repeat scroll 0 0;
}
.sky-form .state-error select + i {
    background: #fff0f0 none repeat scroll 0 0;
    box-shadow: 0 0 0 12px #fff0f0;
}
.sky-form .toggle.state-error input:checked + i {
    background: #fff0f0 none repeat scroll 0 0;
}
.sky-form .state-error + em {
    color: #ee9393;
    display: block;
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    margin-top: 6px;
    padding: 0 1px;
}
.sky-form .rating.state-error + em {
    margin-bottom: 4px;
    margin-top: -4px;
}
.sky-form .state-success input, .sky-form .state-success select, .sky-form .state-success textarea, .sky-form .radio.state-success i, .sky-form .checkbox.state-success i, .sky-form .toggle.state-success i {
    background: #f0fff0 none repeat scroll 0 0;
}
.sky-form .state-success select + i {
    background: #f0fff0 none repeat scroll 0 0;
    box-shadow: 0 0 0 12px #f0fff0;
}
.sky-form .toggle.state-success input:checked + i {
    background: #f0fff0 none repeat scroll 0 0;
}
.sky-form .note-success {
    color: #6fb679;
}
.sky-form .input.state-disabled input, .sky-form .select.state-disabled, .sky-form .textarea.state-disabled, .sky-form .radio.state-disabled, .sky-form .checkbox.state-disabled, .sky-form .toggle.state-disabled, .sky-form .button.state-disabled {
    cursor: default;
    opacity: 0.5;
}
.sky-form .input.state-disabled:hover input, .sky-form .select.state-disabled:hover select, .sky-form .textarea.state-disabled:hover textarea, .sky-form .radio.state-disabled:hover i, .sky-form .checkbox.state-disabled:hover i, .sky-form .toggle.state-disabled:hover i {
    border-color: #999999;
}
.sky-form .message {
    color: #6fb679;
    display: none;
}
.sky-form .message i {
    border: 1px solid #6fb679;
    border-radius: 50%;
    display: block;
    font-size: 30px;
    height: 81px;
    line-height: 81px;
    margin: 0 auto 20px;
    width: 81px;
}
.sky-form.submited fieldset, .sky-form.submited footer {
    display: none;
}
.sky-form.submited .message {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    display: block;
    font: 300 18px/27px "Open Sans",Helvetica,Arial,sans-serif;
    padding: 25px 30px;
    text-align: center;
}
.ui-datepicker {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #666;
    display: none;
    font: 13px/1.55 "Open Sans",Helvetica,Arial,sans-serif;
    padding: 10px 12px;
    text-align: center;
}
.ui-datepicker a {
    color: #404040;
}
.ui-datepicker-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 15px;
    line-height: 27px;
    margin: -10px -12px 10px;
    padding: 10px;
    position: relative;
}
.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
    display: block;
    font-size: 15px;
    height: 47px;
    line-height: 47px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 47px;
}
.ui-datepicker-prev {
    left: 0;
}
.ui-datepicker-next {
    right: 0;
}
.ui-datepicker-calendar {
    border-collapse: collapse;
    font-size: 13px;
    line-height: 27px;
}
.ui-datepicker-calendar th {
    color: #999;
}
.ui-datepicker-calendar a, .ui-datepicker-calendar span {
    color: #404040;
    display: block;
    margin: auto;
    text-decoration: none;
    width: 31px;
}
.ui-datepicker-calendar a:hover {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
}
.ui-datepicker-calendar span {
    color: #bfbfbf;
}
.ui-datepicker-today a {
    font-weight: 700;
}
.ui-datepicker-calendar .ui-state-active {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    cursor: default;
}
.ui-datepicker-inline {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #999999;
    box-shadow: none;
}
.ui-datepicker-inline .ui-datepicker-header {
    line-height: 47px;
}
.ui-datepicker-inline .ui-datepicker-calendar {
    width: 100%;
}
.sky-form-modal {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
    display: none;
    padding: 20px 30px;
    position: fixed;
    width: 400px;
    z-index: 9999;
}
.sky-form-modal-overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.sky-form *, .sky-form *::after, .sky-form *::before {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
}
.sky-form .label {
    border-radius: 0;
    color: inherit;
    font-size: 100%;
    text-align: left;
    white-space: normal;
}
.sky-form .radio, .sky-form .checkbox {
    font-weight: 400;
}
.sky-form .radio + .radio, .sky-form .checkbox + .checkbox {
    margin-top: 0;
}
.login_form {
    background-color: #f9f9f9;
    border: 1px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin: 20px auto 0;
    padding: 20px 35px 13px;
    width: 400px;
}
.login_form.two {
    margin: 0 auto;
}
.reg_form {
    background-color: #f9f9f9;
    border: 1px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin: 20px auto 0;
    padding: 20px 35px 13px;
    width: 550px;
}
.reg_form.two {
    margin: 0 auto;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.reg_form {
    margin: 10px auto 0;
    padding: 18px 20px 13px;
    width: 400px;
}
}
@media only screen and (max-width: 479px) {
.login_form {
    margin: 0 auto;
    padding: 13px 20px;
    width: 250px;
}
.reg_form {
    margin: 10px auto 0;
    padding: 8px 10px 13px;
    width: 280px;
}
}


.border {
 box-shadow: inset 0 0 10px #fff;
}


/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.jpg); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

::selection {
  background: rgba(255,255,0,0.5);
}



.window {
  width: 340px;
  height: 340px;
  background: #a0d5d3;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  margin-top: -60px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 10px solid #f8e7dc;
  overflow: hidden; }

.santa {
  position: absolute;
  left: 85%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  .santa .body {
    width: 190px;
    height: 210px;
    background: #de2f32;
    position: relative;
    border-radius: 50%;
    top: 0;
    -webkit-animation: bodyLaugh 4s linear infinite;
    -moz-animation: bodyLaugh 4s linear infinite;
    -ms-animation: bodyLaugh 4s linear infinite;
    -o-animation: bodyLaugh 4s linear infinite;
    animation: bodyLaugh 4s linear infinite;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%); }
    .santa .body:before {
      content: " ";
      width: 7px;
      height: 7px;
      background: #f7be10;
      border-radius: 50%;
      position: absolute;
      top: 35%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      box-shadow: 0px -18px 0px #f7be10, 0px 18px 0px #f7be10; }
  .santa .head {
    z-index: 2;
    position: absolute;
    bottom: 90px;
    left: 50%;
    -webkit-animation: headLaugh 4s linear infinite;
    -moz-animation: headLaugh 4s linear infinite;
    -ms-animation: headLaugh 4s linear infinite;
    -o-animation: headLaugh 4s linear infinite;
    animation: headLaugh 4s linear infinite;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .santa .head .face {
      width: 120px;
      height: 130px;
      background: #edcab0;
      background: radial-gradient(#edcab0, #e9a982);
      border-radius: 50%;
      border: 3px solid #f8e7dc; }
      .santa .head .face .redhat .whitepart {
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 90%;
        height: 32px;
        background: #f8e7dc;
        border-radius: 50px;
        z-index: 4;
        box-shadow: 0px 6px 0px -4px rgba(0, 0, 0, 0.1); }
      .santa .head .face .redhat .redpart {
        width: 120px;
        height: 120px;
        background: #de2f32;
        position: absolute;
        top: -50px;
        left: 15px;
        border-radius: 50%;
        z-index: -1; }
        .santa .head .face .redhat .redpart:before {
          content: " ";
          width: 95px;
          height: 95px;
          position: absolute;
          left: 0;
          top: 12px;
          border-radius: 50%;
          box-shadow: inset -8px -1px 0px -5px rgba(0, 0, 0, 0.05); }
        .santa .head .face .redhat .redpart:after {
          content: " ";
          position: absolute;
          right: 0;
          top: 60px;
          background: #de2f32;
          width: 20px;
          height: 50px; }
      .santa .head .face .redhat .hatball {
        width: 38px;
        height: 38px;
        background: #f8e7dc;
        border-radius: 50%;
        z-index: 5;
        position: absolute;
        right: -20px;
        top: 40px;
        box-shadow: 0px 6px 0px -4px rgba(0, 0, 0, 0.1); }
      .santa .head .face .eyes {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 57px; }
        .santa .head .face .eyes:before, .santa .head .face .eyes:after {
          content: " ";
          position: absolute;
          width: 15px;
          height: 9px;
          top: 0;
          border: 5px solid #a8744f;
          border-width: 0;
          border-top-width: 5px;
          border-radius: 50%; }
        .santa .head .face .eyes:before {
          left: -28px; }
        .santa .head .face .eyes:after {
          right: -28px; }
      .santa .head .face .beard {
        width: 55px;
        height: 55px;
        background: #f8e7dc;
        border-radius: 50%;
        position: absolute;
        bottom: -30px;
        left: 50%;
        -webkit-animation: beardLaugh 4s linear infinite;
        -moz-animation: beardLaugh 4s linear infinite;
        -ms-animation: beardLaugh 4s linear infinite;
        -o-animation: beardLaugh 4s linear infinite;
        animation: beardLaugh 4s linear infinite;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        .santa .head .face .beard:before, .santa .head .face .beard:after {
          content: " ";
          width: 80px;
          height: 80px;
          background: #f8e7dc;
          border-radius: 50%;
          position: absolute;
          bottom: 15px; }
        .santa .head .face .beard:before {
          left: -40px; }
        .santa .head .face .beard:after {
          right: -40px; }
        .santa .head .face .beard .nouse {
          width: 25px;
          height: 20px;
          border-radius: 50%;
          background: #edcab0;
          position: absolute;
          z-index: 3;
          box-shadow: inset -3px -3px 0px #e9a982;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          top: -42px; }
        .santa .head .face .beard .mouth {
          background: #a8744f;
          z-index: 3;
          position: absolute;
          width: 15px;
          height: 5px;
          border-bottom-right-radius: 80px 50px;
          border-bottom-left-radius: 80px 50px;
          left: 50%;
          top: 0;
          -webkit-animation: mouthLaugh 4s linear infinite;
          -moz-animation: mouthLaugh 4s linear infinite;
          -ms-animation: mouthLaugh 4s linear infinite;
          -o-animation: mouthLaugh 4s linear infinite;
          animation: mouthLaugh 4s linear infinite;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }
    .santa .head .ears:before, .santa .head .ears:after {
      content: " ";
      width: 20px;
      height: 30px;
      border-radius: 50%;
      background: radial-gradient(#e9a982, #edcab0);
      position: absolute;
      top: 50%;
      z-index: -1; }
    .santa .head .ears:before {
      left: -8px;
      -webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -o-transform: rotate(-10deg);
      transform: rotate(-10deg); }
    .santa .head .ears:after {
      right: -8px;
      -webkit-transform: rotate(10deg);
      -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg); }

@font-face {
  font-family: 'Mountains of Christmas';
  font-style: normal;
  src: local("Mountains of Christmas"), local("MountainsofChristmas-Regular"), url(https://fonts.gstatic.com/s/mountainsofchristmas/v8/dVGBFPwd6G44IWDbQtPewylJhLDHyIrT3I5b5eGTHmw.woff2) format("woff2"); }
.message {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 80px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #f8e7dc;
  font-family: 'Mountains of Christmas'; }
  .message h1 {
    font-style: normal;
    font-size: 75px;
    margin-bottom: 0;
    white-space: nowrap; }
  .message h2 {
    margin: 0;
    font-size: 20px;
    text-align: center;
    white-space: nowrap; }
    .message h2 a {
      color: #f7be10;
      opacity: 0.8; }
      .message h2 a:hover {
        opacity: 1; }

@-webkit-keyframes bodyLaugh {
  0% {
    top: 0px; }

  2% {
    top: -3px; }

  4% {
    top: 0px; }

  8% {
    top: -3px; }

  10% {
    top: 0px; }

  12% {
    top: -3px; }

  14% {
    top: 0px; }

  18% {
    top: -3px; }

  20% {
    top: 0px; }

  22% {
    top: -3px; }

  24% {
    top: 0px; }

  28% {
    top: -3px; }

  30% {
    top: 0px; }

  100% {
    top: 0px; } }
@-moz-keyframes bodyLaugh {
  0% {
    top: 0px; }

  2% {
    top: -3px; }

  4% {
    top: 0px; }

  8% {
    top: -3px; }

  10% {
    top: 0px; }

  12% {
    top: -3px; }

  14% {
    top: 0px; }

  18% {
    top: -3px; }

  20% {
    top: 0px; }

  22% {
    top: -3px; }

  24% {
    top: 0px; }

  28% {
    top: -3px; }

  30% {
    top: 0px; }

  100% {
    top: 0px; } }
@-ms-keyframes bodyLaugh {
  0% {
    top: 0px; }

  2% {
    top: -3px; }

  4% {
    top: 0px; }

  8% {
    top: -3px; }

  10% {
    top: 0px; }

  12% {
    top: -3px; }

  14% {
    top: 0px; }

  18% {
    top: -3px; }

  20% {
    top: 0px; }

  22% {
    top: -3px; }

  24% {
    top: 0px; }

  28% {
    top: -3px; }

  30% {
    top: 0px; }

  100% {
    top: 0px; } }
@keyframes bodyLaugh {
  0% {
    top: 0px; }

  2% {
    top: -3px; }

  4% {
    top: 0px; }

  8% {
    top: -3px; }

  10% {
    top: 0px; }

  12% {
    top: -3px; }

  14% {
    top: 0px; }

  18% {
    top: -3px; }

  20% {
    top: 0px; }

  22% {
    top: -3px; }

  24% {
    top: 0px; }

  28% {
    top: -3px; }

  30% {
    top: 0px; }

  100% {
    top: 0px; } }
@-webkit-keyframes beardLaugh {
  0% {
    bottom: -28px; }

  2% {
    bottom: -30px; }

  4% {
    bottom: -28px; }

  8% {
    bottom: -30px; }

  10% {
    bottom: -28px; }

  12% {
    bottom: -30px; }

  14% {
    bottom: -28px; }

  18% {
    bottom: -30px; }

  20% {
    bottom: -28px; }

  22% {
    bottom: -30px; }

  24% {
    bottom: -28px; }

  28% {
    bottom: -30px; }

  30% {
    bottom: -28px; }

  100% {
    bottom: -28px; } }
@-moz-keyframes beardLaugh {
  0% {
    bottom: -28px; }

  2% {
    bottom: -30px; }

  4% {
    bottom: -28px; }

  8% {
    bottom: -30px; }

  10% {
    bottom: -28px; }

  12% {
    bottom: -30px; }

  14% {
    bottom: -28px; }

  18% {
    bottom: -30px; }

  20% {
    bottom: -28px; }

  22% {
    bottom: -30px; }

  24% {
    bottom: -28px; }

  28% {
    bottom: -30px; }

  30% {
    bottom: -28px; }

  100% {
    bottom: -28px; } }
@-ms-keyframes beardLaugh {
  0% {
    bottom: -28px; }

  2% {
    bottom: -30px; }

  4% {
    bottom: -28px; }

  8% {
    bottom: -30px; }

  10% {
    bottom: -28px; }

  12% {
    bottom: -30px; }

  14% {
    bottom: -28px; }

  18% {
    bottom: -30px; }

  20% {
    bottom: -28px; }

  22% {
    bottom: -30px; }

  24% {
    bottom: -28px; }

  28% {
    bottom: -30px; }

  30% {
    bottom: -28px; }

  100% {
    bottom: -28px; } }
@keyframes beardLaugh {
  0% {
    bottom: -28px; }

  2% {
    bottom: -30px; }

  4% {
    bottom: -28px; }

  8% {
    bottom: -30px; }

  10% {
    bottom: -28px; }

  12% {
    bottom: -30px; }

  14% {
    bottom: -28px; }

  18% {
    bottom: -30px; }

  20% {
    bottom: -28px; }

  22% {
    bottom: -30px; }

  24% {
    bottom: -28px; }

  28% {
    bottom: -30px; }

  30% {
    bottom: -28px; }

  100% {
    bottom: -28px; } }
@-webkit-keyframes headLaugh {
  0% {
    bottom: 83px; }

  45% {
    bottom: 83px; }

  50% {
    bottom: 90px; }

  92% {
    bottom: 90px; }

  98% {
    bottom: 83px; }

  100% {
    bottom: 83px; } }
@-moz-keyframes headLaugh {
  0% {
    bottom: 83px; }

  45% {
    bottom: 83px; }

  50% {
    bottom: 90px; }

  92% {
    bottom: 90px; }

  98% {
    bottom: 83px; }

  100% {
    bottom: 83px; } }
@-ms-keyframes headLaugh {
  0% {
    bottom: 83px; }

  45% {
    bottom: 83px; }

  50% {
    bottom: 90px; }

  92% {
    bottom: 90px; }

  98% {
    bottom: 83px; }

  100% {
    bottom: 83px; } }
@keyframes headLaugh {
  0% {
    bottom: 83px; }

  45% {
    bottom: 83px; }

  50% {
    bottom: 90px; }

  92% {
    bottom: 90px; }

  98% {
    bottom: 83px; }

  100% {
    bottom: 83px; } }
@-webkit-keyframes mouthLaugh {
  0% {
    width: 20px; }

  45% {
    width: 20px; }

  50% {
    width: 15px; }

  92% {
    width: 15px; }

  98% {
    width: 20px; }

  100% {
    width: 20px; } }
@-moz-keyframes mouthLaugh {
  0% {
    width: 20px; }

  45% {
    width: 20px; }

  50% {
    width: 15px; }

  92% {
    width: 15px; }

  98% {
    width: 20px; }

  100% {
    width: 20px; } }
@-ms-keyframes mouthLaugh {
  0% {
    width: 20px; }

  45% {
    width: 20px; }

  50% {
    width: 15px; }

  92% {
    width: 15px; }

  98% {
    width: 20px; }

  100% {
    width: 20px; } }
@keyframes mouthLaugh {
  0% {
    width: 20px; }

  45% {
    width: 20px; }

  50% {
    width: 15px; }

  92% {
    width: 15px; }

  98% {
    width: 20px; }

  100% {
    width: 20px; } }

.penthouse {
	font-family: 'OpenSansRegular';
	font-size: 14px;
	text-transform: none;
	text-align: center;
	line-height: normal;
	padding: 12px 0;
	border-bottom: 1px solid #dfdfdf;
	border-top: 2px solid #dfdfdf;
	transition: all 0.2s;
	color: #fff;
}
.penthouse a {
	color: #ff7f02;
	text-decoration: none;
}