@font-face { 
	font-family: 'SkinnyBold'; 
	src: url("../fonts/TheSkinny-bold.otf");
}

@font-face { 
	font-family: 'OpenSans'; 
	src: url("../fonts/opensans-light-webfont.ttf");
}


body {
  background-color: #353535;
  padding: 0;
  margin: 0;
	min-width: 300px;
}

img {
	max-width: 100%;
}

a:focus {
	outline: 0 !important;
	color: inherit !important;
	text-decoration: inherit !important;
}

.el {
	font-family: 'OpenSans', 'Tahoma', sans-serif;
	font-weight: bold;
}

.reload .text {
	font-family: 'OpenSans', 'Tahoma', sans-serif;
	font-weight: bold;
}

.reload a {
	color:#fff; 
	text-shadow: 1px 1px 2px #000;
}

.reload a:hover {
	text-decoration: none;
	color: #ddd;
}

.coming-soon-header {
  padding: 20px;
  margin-top: 80px;
}

.coming-soon-content {
  padding: 20px;
  margin-top: 10px;
}

.coming-soon-countdown {
  padding: 20px;
}


h1, h2, p {
  color: #FFFFFF;
}

h1 {
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 15px;
  font-weight: 400;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

h2 {
  font-size: 25px;
  line-height: 1.2;
  margin-bottom: 15px;
  font-weight: 400;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);
}

p {
  font-size: 18px;
  text-shadow: 1px 1px 2px #000;
}

.coming-soon-footer {
  text-align: left !important;
  font-size: 12px;
  color: #fefefe;
  padding: 20px 20px 20px 20px;
}




/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
 properly apply the media queries in Bootstrap's CSS. To address this, 
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, 
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 
*/
@-ms-viewport {
  width: auto !important;
}
/* Custom scrollbars for webkit browsers */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background-color: #eaeaea;
  border-left: 1px solid #cecece;
}

::-webkit-scrollbar-thumb {
  background-color: #cecece;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #aaaaaa;
}

::-webkit-scrollbar-track {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

/* Reset round corners */
div,
input,
select,
textarea,
span,
img,
table,
label,
td,
th,
p,
a,
button,
ul,
code,
pre,
li {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.img-circle {
  border-radius: 50% !important;
}

.rounded,
.img-rounded {
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border-radius: 6px !important;
}

.social {
	display:inline-table;
	font-size:30px; 
	background:rgba(238,238,238,0.3); 
	width:42px; 
	height:40px; 
	text-align:center; 
	margin-right:5px;
}

.social:hover {
	cursor: hand;
	cursor: pointer;
	background:rgba(77, 77, 77, 0.7);
	color: #fff;
}

.social a {
	color: #fff !important;
}

/***
General typography
***/
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

h1 {
  font-size: 33px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 23px;
}

h4 {
  font-size: 17px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 12px;
}

/* Headings helper text */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #444444;
}

/* Block headings */
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Links */
a {
  text-shadow: none;
  color: #428bca;
}
a:hover {
  color: #2a6496;
}
a:focus, a:hover, a:active {
  outline: 0;
}


/***
Social Icons Large
***/
.social-icons-large {
  padding: 0;
  margin: 0;
}
.social-icons-large:before, .social-icons-large:after {
  content: " ";
  display: table;
}
.social-icons-large:after {
  clear: both;
}
.social-icons-large li {
  float: left;
  display: inline;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 5px;
  text-indent: -9999px;
}
.social-icons-large li > a {
  width: 84px;
  height: 84px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.social-icons-large li:hover > a {
  background-position: 0 -114px;
}

.social-icons-large li .facebook {
  background: url(../images/facebook-large.png) no-repeat;
}
.social-icons-large li .twitter {
  background: url(../images/twitter-large.png) no-repeat;
}
.social-icons-large li .instagram {
  background: url(../images/instagram-large.png) no-repeat;
}

/*Responsive*/


@media (max-width: 767px) {
  .coming-soon-header,
  .coming-soon-countdown,
  .coming-soon-content,
  .coming-soon-footer {
    margin-top: 0px;
    padding: 10px;
  }
}

@media (max-width: 450px) {
	p {
		font-size: 17px;
	}
	h1 {
		font-size: 27px;
	}
	h2 {
		font-size: 20px;
	}
	body {
		text-align: center;
	}
	
	.social-icons-large {
		text-align: center;
	}
	
	.social-icons-large li {
		float: none;
		display: inline-table;
	}

}

@media (max-height: 670px) {
  .coming-soon-header,
  .coming-soon-countdown,
  .coming-soon-content,
  .coming-soon-footer {
    margin-top: 0px;
    padding: 10px;
  }
}

@media (max-height: 550px) {
	.reload {
		display: none;
	}
}

@media (max-height: 480px) {
	.social-icons-large {
		display: none;
	}
}