@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700,600,800);

@import url(//fonts.googleapis.com/css?family=Raleway:100);



/************************************************************************

-) BASIC

*************************************************************************/



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.clear {clear: both; }



body {

	background: #f9f9f9;

	background-attachment: fixed !important;

	line-height: 100%;

	font-size: 14px;

	color: #414141;

	font-family: Arial, Helvetica, sans-serif;

	padding: 0;

}



.container {

}



.layout_top {

	background: rgba(66, 55, 13, 0.02);

	margin-bottom: 30px;

	padding-top:20px;	

	padding-left: 20px;

	padding-right: 20px;

}



.layout_bottom {

	background: rgba(66, 55, 13, 0.05);

	padding-bottom:20px;	

	padding-left: 20px;

	padding-right: 20px;

	text-align: center;

}



.layout_widget {

	background: rgba(66, 55, 13, 0.03);

	margin-top: 30px;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom:40px;	

}



.layout_body {

	padding-left: 20px;

	padding-right: 20px;

	text-align: center;

}



a { 

	text-decoration: none; 

	color: #7c91a6; 

	opacity: .8;

}



a:hover { 

	opacity: 1;

	color: #7c91a6;

	text-decoration: none;

}



a:active { 

	opacity: .6;

}



ol, ul {

	list-style: none;

	line-height: 26px;

	margin-left: 0;

}



h1 {

	font-size: 40px;

	color:#678e8d;

	line-height:125%;

	font-weight:normal;

	text-align:center;

}



h2 {

	font-size:30px;

	color:#626262;

	font-weight:normal;

}



input.text, textarea.text {

	padding: 0 10px;

	border:1px solid #dbdbdb;

	color: #333;

	font-family:Tahoma, Geneva, sans-serif;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin: 2px 0;

	width: 100%;

	height:38px;

	line-height:100%;

}



textarea.text {

	height:100px;

	resize: none;

}



.placeholder { 

	color: #999 !important; 

}



.read-more-button {

	display: inline-block;

	float:right;

	padding: 4px 12px;

	margin-bottom: 0;

	font-size: 14px;

	line-height: 20px;

	color: #666;

	text-align: center;

	text-shadow: 0 1px 1px rgba(255,255,255,.75);

	vertical-align: middle;

	cursor: pointer;

	background-color: #f5f5f5;

	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);

	background-image: -webkit-gradient(linear,0 0,0 100%,from( #fff),to( #e6e6e6));

	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);

	background-image: -o-linear-gradient(top, #fff, #e6e6e6);

	background-image: linear-gradient(to bottom, #fff, #e6e6e6);

	background-repeat: repeat-x;

	border: 1px solid #ccc;

	border-color: #e6e6e6 #e6e6e6 #bfbfbf;

	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);

	border-bottom-color: #b3b3b3;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);

	box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);



}

.read-more-button:hover {

	color: #666;

	text-decoration: none;

}

.read-more-button:active {

	top: 1px

}



.social-widget .read-more-button {

	float:left;

}



.arrow-in-button {

	width: 8px;

	height: 11px;

	display: inline-block;

	background-image: url(../images/arrows-nav.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin-left: 8px !important;

	margin-bottom: 0;

}

.read-more-button span {

	margin-left:12px;

	font-size:70%;

	margin-right:0;

	padding-right:0;

	line-height:11px;

}



a:hover {

	text-decoration: underline;

}



hr {

	height: 50px;

	width: 100%;

	margin:0;

	padding:0;

	border:none;

}



::selection {

  background: #fdd283;

}



/************************************************************************

-) TOP PAGE

*************************************************************************/



#top_page { 

	position: relative;

	z-index: 999;

	top: 0;

	left: 0;

	margin: 0;

	padding: 0;

	padding-bottom:20px;

	width: 100%;

	text-align:center;

}



#top_page #logo {

	position:relative;

	margin: auto;

}



/************************************************************************

-) MAIN

*************************************************************************/



#main_content {

	margin-bottom: 0;

}



.title-box {

	margin-bottom:30px;

}

.page-title {

	font-family: 'Oswald', Arial sans-serif;

	font-weight:400;

	margin-bottom:0;

	padding-bottom:0;

	display:block;

	line-height:125%;

	margin-bottom:10px;

	padding: 5px 10px;

	color: #666;

}



.page-title span{

	font-weight:bold;

}



.sub-title {

	font-family: 'Raleway', Arial sans-serif;

	font-weight:200;

	color:#888;

	line-height:48px;

	letter-spacing:0px;

}



.separator {

	height: 1px;

	width: 100%;

	display: block;

	margin-top: 30px;

	margin-bottom: 50px;

	position: relative;

	border: none;

}



.separator.sep-read-more {

}



.separator-text {

	position: relative;

	top: -15px;

	left: 0;

	text-transform: uppercase;

	text-align: center;

	display: inline-block;

	font-family: 'Oswald', Arial, sans-serif;

	font-size: 14px;

	background: #C91F2C;

	padding: 8px 10px;

	line-height: 100%;

	color: #fff;

}



.separator-text:before {

	content: "";

	position: absolute;

	bottom: -20px;

	right: 0;

	border-width: 0 0 20px 20px;

	border-style: solid;

	border-color: transparent #ac0814;

}



.separator-text:after {

	content: "";

	position: absolute;

	bottom: -20px;

	right: 85px;

	border-width: 0 0 20px ;

	border-style: solid;

	border-color: transparent #fff;

}



.separator-text.large-x {

	font-size: 22px;

	top: -19px;

}



.separator-text.large {

	font-size: 18px;

	top: -17px;

}



.separator-text.main-separator {

	font-size: 35px;

	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.separator-text.main-separator:before {

	display:none;

}



.separator-text.main-separator:after {

	display:none;

}



.container_clock {

	position:relative;

	text-align:center;

}



.container_clock h2{

	text-align:center;

}



.container_clock ul#counter {

	list-style:none;

	margin:0 auto;

	display: inline-block;

	max-width: 100%;

	width: auto;

}



.container_clock ul#counter li {

	float:left;

	margin-left: 20px;

	text-align:center;

	position: relative;

}



.container_clock ul#counter li.days {

	margin-left: 0;

}



.container_clock ul#counter span {

	position: relative;

	width: 200px;

	height: 200px;

	margin: 50px 0 200px;

	text-align: center;

	font:	100px/100% Arial, sans-serif;

	color: #fff;

	background: #C91F2C;

	padding: 20px;

	-moz-border-radius: 3px 3px 0 3px;

	-webkit-border-radius: 3px 3px 0 3px;

	border-radius: 3px 3px 0 3px;

	min-width: 196px;

	display: block;

	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

}



.container_clock ul#counter span:before {

	content: "";

	position: absolute;

	bottom: -100px;

	right: 0;

	border-width: 0 0 100px 100px;

	border-style: solid;

	border-color: transparent #ac0814;

}



.container_clock ul#counter span:after {

	content: "";

	position: absolute;

	bottom: -100px;

	right: 85px;

	border-width: 0 0 100px 0;

	border-style: solid;

	border-color: transparent #fff;

}



.container_clock ul#counter li h3 {

	font-weight: 300;

	font-size: 18px;

	color: #fff;

	font-family: 'Oswald', Arial, sans-serif;

	text-transform: uppercase;

	top: 190px;

	position: absolute;

	width: 100%;

}



/************************************************************************

-) LOADING BAR

*************************************************************************/



#loading_bar { 

	position:relative;

	width: 100%;

	text-align:center;

}



/************************************************************************

-) WIDGETS

*************************************************************************/



#widgets { 

	position:relative;

	padding:20px 0;

	width: 100%;

}



#widgets h2{

	text-transform: uppercase;

	font-family: 'Droid Sans', cursive;

	font-size: 12px;

	font-weight: bold;

	font-style:normal;

	color: #678E8D;

	text-shadow: 1px 1px 1px white;

	padding-bottom: 13px;

}



#widgets p{

	line-height:150%;

	font-family:Tahoma, Geneva, sans-serif;

	margin-top:10px;

}



/************************************************************************

-) FOOTER

*************************************************************************/



#bottom_page { 

	position: relative;

	z-index: 999;

	margin: 0;

	padding: 0;

	padding-top:22px;

	width: 100%;

	text-align: center;

	text-shadow: 1px 1px 1px white;

}



#bottom_page p { 

	font-size:16px;

	line-height:48px;

	color: #999;

	padding: 0;

	margin: 0;

}



.footer_social {

}



/************************************************************************

-) PROGRESS BAR

*************************************************************************/

.ui-progressbar-value { background: url(http://gamerewards.club/wp-content/plugins/dpMaintenance/templates/dialogue/images/loading_bar.png) transparent 0 50%; border:0; }



.ui-progressbar { height:22px; }



#progressbar {

	margin:0 auto;

	margin-top: 25px;

	width: 620px;

	border: none;

	background: transparent url(http://gamerewards.club/wp-content/plugins/dpMaintenance/templates/dialogue/images/bg_loading_bar.png) 0 50%;

}



.progress {

	width:100%;

	height:50px;

	display:block;

	position:relative;

	overflow:hidden;

	-moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);

	-webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);

	box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);

}

.progress span {

	position:absolute;

	top:0;

	left:0;

	height:50px;

	background:#C91F2C;

	-webkit-border-top-right-radius: 3px;

	-webkit-border-bottom-right-radius: 3px;

	-moz-border-radius-topright: 3px;

	-moz-border-radius-bottomright: 3px;

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

	-webkit-border-top-left-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px;

	opacity:0;

	filter: alpha(opacity=0);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

.progress > span:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background-image: 

 -webkit-gradient(linear, 0 0, 100% 100%,  color-stop(.25, rgba(255, 255, 255, .1)),  color-stop(.25, transparent), color-stop(.5, transparent),  color-stop(.5, rgba(255, 255, 255, .1)),  color-stop(.75, rgba(255, 255, 255, .1)),  color-stop(.75, transparent), to(transparent)  );

	background-image: 

 -webkit-linear-gradient(  -45deg,  rgba(255, 255, 255, .1) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .1) 50%,  rgba(255, 255, 255, .1) 75%,  transparent 75%,  transparent  );

	background-image: 

 -moz-linear-gradient(  -45deg,  rgba(255, 255, 255, .1) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .1) 50%,  rgba(255, 255, 255, .1) 75%,  transparent 75%,  transparent  );

	background-image: 

 -ms-linear-gradient(  -45deg,  rgba(255, 255, 255, .1) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .1) 50%,  rgba(255, 255, 255, .1) 75%,  transparent 75%,  transparent  );

	background-image: 

 -o-linear-gradient(  -45deg,  rgba(255, 255, 255, .1) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .1) 50%,  rgba(255, 255, 255, .1) 75%,  transparent 75%,  transparent  );

	z-index: 1;

	-webkit-background-size: 50px 50px;

	-moz-background-size:    50px 50px;

	background-size:         50px 50px;

	-webkit-animation: move 2s linear infinite;

	-webkit-border-top-right-radius: 8px;

	-webkit-border-bottom-right-radius: 8px;

	-moz-border-radius-topright: 8px;

	-moz-border-radius-bottomright: 8px;

	border-top-right-radius: 8px;

	border-bottom-right-radius: 8px;

	-webkit-border-top-left-radius: 20px;

	-webkit-border-bottom-left-radius: 20px;

	-moz-border-radius-topleft: 20px;

	-moz-border-radius-bottomleft: 20px;

	border-top-left-radius: 20px;

	border-bottom-left-radius: 20px;

	overflow: hidden;

}

.progress { 

	background-color: #f7f7f7; 

	-webkit-border-top-right-radius: 3px;

	-webkit-border-bottom-right-radius: 3px;

	-moz-border-radius-topright: 3px;

	-moz-border-radius-bottomright: 3px;

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

	-webkit-border-top-left-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px; 

}



/************************************************************************

-) TWITTER

*************************************************************************/

.twitterContent {

	background: transparent url(../images/twitter.png) no-repeat 25px 10px;

	padding-left:50px;

	margin-bottom:20px;

	line-height:150%;

}



#twittMsg {

	font-style:italic;

}



#twittMsg .date {

	font-size: 11px;

	font-style:italic;

	display: inline-block;

}



.loading {

	background: url(../images/loading.gif) no-repeat 50% 50%;

	height: 31px;

}



/************************************************************************

-) INFORMATION WIDGET

*************************************************************************/

.informationContent {

	margin-bottom:30px;

	line-height:150%;

}



/************************************************************************

-) CONTACT WIDGET

*************************************************************************/

.contactContent {

	margin-bottom:30px;

	line-height:150%;

}



/************************************************************************

-) NEWSLETTER WIDGET

*************************************************************************/

.newsletterContent {

	line-height:150%;

	margin-bottom: 30px;

}



.newsletterContent .newsletter_email {

	margin-bottom: 7px;	

}



/************************************************************************

-) SOCIAL WIDGET

*************************************************************************/

.socialContent {

	line-height:150%;

}



.socialContent a{

	opacity: .7;

}



.socialContent a:hover{

	opacity: 1;

}



/************************************************************************

-) LINKS WIDGET

*************************************************************************/

ul.linksList li {

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}



ul.linksList li:hover {

	margin-left: 10px;

}



/************************************************************************

-) FLICKR FEED

*************************************************************************/

.thumbs { margin: 0; padding: 0; overflow: hidden; }

.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }

.thumbs li img { display: block; opacity: .8; }

.thumbs li img:hover { opacity: 1; }

.thumbs li a img { border: none;}

.flexslider .slides img {

	width: 100%;	

}

.gallery-slide .flex-direction-nav li .next,

.gallery-slide .flex-direction-nav li .prev {

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;	

	opacity: .7;

	width: 19px;

	height: 19px;

	top: 5px;

	right: 5px;

	margin: 0;

}



.gallery-slide .flex-direction-nav li .next {

	background: #C91F2C url(../images/bg_direction_nav.png) no-repeat -22px 0;

}



.gallery-slide .flex-direction-nav li .prev {

	background: #C91F2C url(../images/bg_direction_nav.png) no-repeat 0 0;

}



.gallery-slide.flexslider .flex-direction-nav li a:hover {

	opacity: .9;

}



.gallery-slide .flex-direction-nav li:first-child {

	right:45px !important;	

}



.gallery-slide .flex-direction-nav {

	position: absolute;

	right: 0;	

	top: 0;

	width: 100%;

	height: 20px;

}



.gallery-slide .flex-direction-nav li {

	padding: 0;

	margin-bottom: 0;

	position: absolute;

	right: 0;

	display: block;

	height: 20px;

}





/************************************************************************

-) NOTIFICATIONS

*************************************************************************/

.notification{

	padding:5px 10px;

	background:#fffed0;

	border:1px solid #d4d287;

	color:#333;

	position:relative;

	cursor:pointer;

	margin-bottom:10px;

}