/* lobster-regular - cyrillic 

@font-face {
  font-display: swap; 
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lobster-v32-cyrillic-regular.woff2') format('woff2'); 
}
*/

/* #Reset & Basics
================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
input, textarea, select {outline: none;}



article h2 { font-family: 'Lobster'; font-size: 60px; margin: 25px 0; line-height: 1em; }

.story { height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.8);}

#first { background: url(../images/puckered.png) 50% 0  repeat fixed; }
#second { background: url(../images/slide2.jpg) 50% 0 no-repeat fixed; }
#fourth { background: url(../images/slide3.jpg) 50% 0 no-repeat fixed; }
#third { background: url(../images/slide4.jpg) 50% 0 no-repeat fixed; }
#five { background: url(../images/slide4__.jpg) 50% 0 no-repeat fixed; }
#theend { background: url(../images/puckered.png) 50% bottom repeat fixed; }

/* Introduction */
#first .smashinglogo { background: url(../images/logo.png) 50% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#first article { width: 100%; top: 300px; position: absolute; text-align: center; }
#first article p,
#first article a { color: #ccc; }
#first article a { text-decoration: underline; }
#first article a:hover { color: #fff; }

/* Background Only */
#second { padding: 50px 0;}
#second article { background: url(../images/grain.png) repeat #333; color: #fff; width: 445px; margin-left: 100px; padding: 10px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); opacity:0.9; }
#second article p { margin-bottom: 25px; }
#second article a { color:#0eadcf;}

/* Photograph */
#third article {  background: url(../images/grain.png) repeat #333; color: #fff; padding: 10px 20px; margin: 100px 0 0 60%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); opacity:0.9; }
#third .photograph { background: url(../images/photo.png) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#third article p { width: 300px; margin-bottom: 25px; }

/* HTML5 Video */
#fourth { padding: 50px 0;}
#fourth article { background: url(../images/grain.png) repeat #333; color: #fff; width: 345px; margin-left: 100px; padding: 10px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); opacity:0.9; }
#fourth article p { width: 300px; margin: 50px 0; color: #CCC ; }
#fourth .video { position: fixed; left: 50%; box-shadow: 0 0 25px rgba(0,0,0,0.7); z-index: 1;}

/* Five */
#five article {  background: url(../images/grain.png) repeat #333; color: #fff; padding: 10px 20px; margin: 100px 0 0 60%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); opacity:0.9; }
#five .photograph { background: url(../images/photo.png) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#five article p { width: 300px; margin-bottom: 25px; }

/* The End */
#theend .byebye { background: url(../images/logo_end.png) 40% 100px no-repeat fixed; height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }










h5 {
	font:18px 'Open Sans', Arial, Tahoma, sans-serif;
	font-weight:600;
	color:#444;
	margin:0 0 14px 0;
	padding:0;
	text-transform: uppercase;
}

/* p tag */
p { 
	margin: 0 0 12px 0;
	padding:0;
	color:#666; 
	font-weight: 400; font-family:Scada;
}
/* inline tage */
em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }



/* #Links
================================================== */
a, a:visited { color: #444; text-decoration: none; outline: none; }
a:hover, a:active { color: #e81962; }
p a, p a:visited { line-height: inherit; font-weight: inherit; }
a, button {
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
	transition:all .2s linear;
}


/* #Lists
================================================== */
ul, ol { margin: 0; padding:0; list-style: none; }
ul li, ol li { margin:0; padding:0; font-weight: 400; }



/* #Misc styles
================================================== */
/*========= placeholder ========*/
.placeholder { /* ie */
    color:#ddd;
    font-size:13px;
    text-transform: capitalize;
}
:-ms-placeholder { /* ie 10 */
    color:#ddd;
    font-size:12px;
    text-transform: capitalize;
}
::-webkit-input-placeholder { /* webkits */
    color:#ddd;
    font-size:12px;
    text-transform: capitalize;
}
:-moz-placeholder { /* mozilla */
    color:#ddd;
    font-size:12px;
    text-transform: capitalize;
}
/*========= end it ==========*/


/*======== selection style ========*/
::selection {
	color: #fff;
	background: #666;
}
::-moz-selection {
	color: #fff;
	background: #666;
}
/*====== end it ========*/




/*========================  header style ========================*/
header {
	width:100%;
}

/*============================ logo style ==================================*/
div.logo {
	text-align: center;
	
}
div.logo {
	display: block;
	margin:100px auto 0;
	text-align:center;
}
div.logo img {
	display: block;
	margin:0 auto;
}


/*=============================== slugin style ===============================*/
div.slugin {
	text-align: center;
	margin:30px auto 0;
}
.slugin h5 {
	display: block;
	margin:0 auto;
	text-align:center;
	font-size: 20px;
	color:#555;
}
.slugin h5 span {
	color:#0eadcf;
}
/*===================== end it ===================*/


/*================================ countdown_outer =====================*/
div.countdown_outer {
	margin-top:30px;
	display: block;
	padding:42px 0 30px;
	background:#0eadcf;
	width:100%;
	box-shadow: inset 0 0 6px #ddd;
	-webkit-box-shadow: inset 0 0 6px #ddd;
	-moz-box-shadow: inset 0 0 6px #ddd;
	-o-box-shadow: inset 0 0 6px #ddd;
}
ul.countdown {
	text-align: center;
}
ul.countdown li {
	text-align: center;
	display: inline-block;
	height:150px;
	width:104px;
	color:#444;
	margin:0 3px;
	background:url('../images/icons/timer-piece.png') no-repeat left top;
}
ul.countdown li p span {
	font-family: 'Open Sans', sans-serif;
	font-size: 44px;
	font-weight: 600;
	height:105px;
	line-height: 105px;
	text-shadow: 0 1px 0 #fff;
	-webkit-text-shadow: 0 1px 0 #fff;
	-moz-text-shadow: 0 1px 0 #fff;
	-o-text-shadow: 0 1px 0 #fff;
	color:#0eadcf;
	text-align: center;
}
ul.countdown li p em {
	font-style: normal;
	color:#eee;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}
ul.countdown h2 { color:#fff;  text-transform:uppercase;font-family: 'Open Sans', sans-serif; font-size:26px;}
/*================== end it ===================*/


/*===================== socials ====================*/

/*========= ourTeam socials ============*/
div.socail_outer {
	display: block;
	margin:0 auto 12px;
	text-align: center;
}
div.socail_outer ul.socials {
	display: inline-block;
	margin:0 auto 12px;
	width:auto;
	text-align: center;
}
div.socail_outer ul.socials li {
	float:left;
	width:27px;
	height:27px;
	margin:0 3px;
	padding:0;
	border:none;
	box-shadow: none;
}
div.socail_outer ul.socials li a {
	float:left;
	margin-left:3px;
	width:27px;
	height:27px;
	display: inline-block;
	background-color:#ccc;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border:1px solid #c4c4c4;
	font:0/0 a;
}
div.socail_outer ul.socials li a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
/* twitter */
div.socail_outer ul.socials li a.twitter {
	background-image:url('../images/icons/so_twitter.png');
}
div.socail_outer ul.socials li a.twitter:hover {
	background-color: #009fe3;
	border-color:#0591cd;
}
/* facebook */
div.socail_outer ul.socials li a.facebook {
	background-image:url('../images/icons/so_face.png');
}
div.socail_outer ul.socials li a.facebook:hover {
	background-color: #266aa8;
	border-color:#266aa8;
}
/* google plus */
div.socail_outer ul.socials li a.googlep {
	background-image:url('../images/icons/so_google.png');
}
div.socail_outer ul.socials li a.googlep:hover {
	background-color: #e81962;
	border-color:#e81962;
}
/* vimeo */
div.socail_outer ul.socials li a.vimeo {
	background-image:url('../images/icons/so_vimeo.png');
}
div.socail_outer ul.socials li a.vimeo:hover {
	background-color: #af60a2;
	border-color:#af60a2;
}
/* skype */
div.socail_outer ul.socials li a.skype {
	background-image:url('../images/icons/so_skype.png');
}
div.socail_outer ul.socials li a.skype:hover {
	background-color: #00aff0;
	border-color:#00aff0;
}
/* linkedin */
div.socail_outer ul.socials li a.linked {
	background-image:url('../images/icons/so_linked.png');
}
div.socail_outer ul.socials li a.linked:hover {
	background-color: #009640;
	border-color:#009640;
}
/*================ end it ===================*/


/*======================== subscribe form =====================*/
footer {
	padding:30px 0;
}
footer form {
	display: block;
	margin:0 auto;
	text-align:center;
	padding:3px 0 3px 12px;
	background:#fff;
	border:1px solid #ddd;

	box-shadow: inset 0 0 6px #e2e2e2;
	-webkit-box-shadow: inset 0 0 6px #e2e2e2;
	-moz-box-shadow: inset 0 0 6px #e2e2e2;
	-o-box-shadow: inset 0 0 6px #e2e2e2;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
footer form input[type=email] {
	width:100%;
	padding:6px 0;
	height:32px;
	line-height:38px;
	color:#666;
	font-size:14px;
	margin:0;
	display: inline-block;
	border:none;
	background:none;
}

footer form input[type=submit] {
	width:100%;
	font:12px 'Open Sans', Arial, Tahoma, sans-serif;
	font-weight:600;
	text-transform: uppercase;
	color:#333;
	border:1px solid #d5d5d5;
	padding:12px 0;
	display: inline-block;
	cursor:pointer;

	background: #f4f4f4;
	background: -moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
	background: -o-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eaeaea',GradientType=0 );
	
	-webkit-box-shadow: 0 1px 3px #e7e6e7;
	-moz-box-shadow: 0 1px 3px #e7e6e7;
	-o-box-shadow: 0 1px 3px #e7e6e7;
	box-shadow: 0 1px 3px #e7e6e7;

	-moz-text-shadow:0 1px 0 #fff;
	-webkit-text-shadow:0 1px 0 #fff;
	-o-text-shadow:0 1px 0 #fff;
	text-shadow:0 1px 0 #fff;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
footer form input[type=submit]:hover {
	background: #eaeaea;
	background: -moz-linear-gradient(top, #eaeaea 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top, #eaeaea 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top, #eaeaea 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top, #eaeaea 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom, #eaeaea 0%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f4f4f4',GradientType=0 );
}
/*========================== end it ======================*/



/*===================== latest tweets ======================*/
div.latest_tweets {
	margin-top:30px;
}
div.latest_tweets ul.tweet_list {
	padding:6px;
	width:100%;
}
div.latest_tweets ul li {
	width:38%;
	float:left;
	font-family: 'Open Sans', Arial, Tahoma, sans-serif;
	font-size: 13px;
	line-height:24px;
	color:#666;
	padding:6px 10px 12px 55px;
	background: url('../images/icons/twitter_icon.png') no-repeat 10px 10px;
	-moz-text-shadow:0 1px 0 #fff;
	-webkit-text-shadow:0 1px 0 #fff;
	-o-text-shadow:0 1px 0 #fff;
	text-shadow:0 1px 0 #fff;
}
div.latest_tweets ul.tweet_list li:first-child {
	border-right:1px solid #c5c5c5;
	-webkit-box-shadow: 1px 0 0 #fff;
	-moz-box-shadow: 1px 0 0 #fff;
	-o-box-shadow: 1px 0 0 #fff;
	box-shadow: 1px 0 0 #fff;
}
div.latest_tweets ul.tweet_list li:last-child {
	padding-right:0;
}
div.latest_tweets a {
	color:#e81962;
}
div.latest_tweets a:hover {
	text-decoration: underline;
}

/*================= end it ====================*/





/*
widget panel style 
=============================*/
#sideWidget {
    position:fixed;
    top:60px;
    left:-168px;
    z-index:999999;

}
#sideWidget div.bgPatterns {
    float:left;
    width:140px;
    background:#fff;
    padding:12px;
    border:1px solid #e0e0e0;
    /* box shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
#sideWidget div.bgPatterns h4 {
    font:700 14px 'Droid Sans', sans-serif;
    color:#555;
}
#sideWidget div.bgPatterns a {
    font:0/0 a;
    width:24px;
    height:24px;
    display:block;
    float:left;
    margin:0 6px 12px 0;
    border:1px solid #ddd;
}
#sideWidget div.bgPatterns a:hover {
    opacity: .7;
    -moz-opacity: .7;
    filter:alpha(opacity=70);  
}
/* the ancher link */
#sideWidget a.WidgetLink {
    float:left;
    font:0/0 a;
    padding:20px 16px;
    border-left:none;
    display: block;
    background:#4b4b4b url('../images/icons/widgetIcon.png') no-repeat 50% 50%;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}





/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	div.latest_tweets ul li {
		width: 36%;
	}


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	ul.countdown li {
		margin:0 18px;
	}


	div.latest_tweets ul.tweet_list li:first-child {
		padding-right:0;
		box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 0 #fff;
		-o-box-shadow: 0 1px 0 #fff;
		border:none;
		border-bottom:1px solid #aaa;
	}
	div.latest_tweets ul.tweet_list li {
		display: block;
		width:auto;
		padding-right:0;
		border:none;
		border-bottom:1px solid #aaa;
		box-shadow: none;
		box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 0 #fff;
		-o-box-shadow: 0 1px 0 #fff;
	}

	footer form {
		padding:0 0;
	}
	footer form input[type=email]{
		text-align: center;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	div.latest_tweets ul.tweet_list li:first-child {
		padding-right:0;
		box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 0 #fff;
		-o-box-shadow: 0 1px 0 #fff;
		border:none;
		border-bottom:1px solid #aaa;
	}
	div.latest_tweets ul.tweet_list li {
		padding-right:0;
		display: block;
		width:auto;
		border:none;
		border-bottom:1px solid #aaa;
		box-shadow: none;
		box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 0 #fff;
		-o-box-shadow: 0 1px 0 #fff;
	}

	footer form {
		padding:0 0;
	}
	footer form input[type=email]{
		text-align: center;
	}
}