@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
@import url('font-awesome.min.css');

html {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	background:url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#dvLoading
{
   background:#fff;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 9999999999999999 !important;
   left:0;
   top:0;
   right:0;
   bottom:0;
   display:block;
}

body {
	overflow:auto;
	overflow-x:hidden;
	height:100%;
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
}

a:hover { 
	text-decoration:none;
	}

.page_wrapper {
	position:absolute;
	background-color:transparent !important;
	min-height:100%; 
	max-height:100%; 
	height:100%; 
	min-width:100%; 
	max-width:100%; 
	width:100%; 
	z-index:111 !important;
}

.container { 
    position:relative;
	color:#fff;
}

h1 {
	font-size:60px;
	font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
}
h1 strong {
	font-weight:700;
	font-family: 'Roboto Condensed', sans-serif;
}
p.lead {
	font-size:24px;
	font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
}

form {
	border:solid 1px rgba(255,255,255,0.2);
 	padding:10px;
	background:rgba(255,255,255,0.2);
	margin:10px 23px 10px 10px;
	min-height:71px;
}

.tooltip {
	font-size:15px;
}
.tooltip > .tooltip-inner {
	background:rgba(255,255,255,0.5) !important;
	max-width:300px;
	padding:8px !important; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.tooltip.top .tooltip-arrow {
	border-top-color:rgba(255,255,255,0.5) !important;
}

form input[type=text],
form input[type=email],
form input[type=password] { 
	padding-right:0px !important;
	line-height:30px;
	font-size:15px;
	text-align:left;
	border: none !important;
	padding:10px 8px;
	color:#fff;
	background-color:transparent !important;
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight:300;
	font-size:20px;
	float:left;
	width:38%;
	margin-right:1%;
}
form input[type=text].name {
	border-right:solid 1px rgba(255,255,255,0.5) !important;
}
.hidden-from-view {
	left: -5000px;
	position: absolute;
}
input[type=submit] {
	cursor: pointer;
	padding: 11px 25px;
	margin-left:15px;
	color: #fff;
	text-transform: uppercase;
	font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
	background:#29c5f6 !important;
	border: none !important;
	outline: none !important;
	font-size:20px;
	width:170px;
}
input[type=submit]:hover {
	-khtml-opacity:.90;
	-moz-opacity:.90;
	-ms-filter:"alpha(opacity=90)";
	filter:alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
	opacity:.90;
}
p.show-on-success {
	display:none;
	padding-top:8px;
	margin-bottom:10px;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
	-webkit-box-shadow:0 0 0 50px #29c5f6 inset; /* Change the color to your own background color */
	-webkit-text-fill-color: #fff;
}

::-webkit-input-placeholder {
	color:#fff !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:20px;
}
::-moz-placeholder {
	color:#fff !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:20px;
}
:-ms-input-placeholder {
	color:#fff !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:20px;
}
input:-moz-placeholder {
	color:#fff !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:20px;
}

div::selection {
	display:none !important;
}
*:focus, *:active {
	outline:none !important;
}

@media only screen and (max-width:767px) {
.container {
	padding:0 !important;
}
input[type=submit] {
	width:100%;
	float:left !important;
	margin-top:10px !important;
}
form {
	margin-top:20px;
}
h1 {
	font-size:30px;
}
p.lead {
	font-size:16px;
}
form input[type=text].name {
	border:none !important;
}
::-webkit-input-placeholder {
	font-size:16px;
}
::-moz-placeholder {
	font-size:16px;
}
:-ms-input-placeholder {
	font-size:16px;
}
input:-moz-placeholder {
	font-size:16px;
}
}

.social a {
	display:inline-block;
	margin:0px 2px;
	width:35px;
	height:35x;
	line-height:33px;
	font-size:15px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:solid 1px rgba(255,255,255,0.2);
	background:rgba(255,255,255,0.2);
}

.social a:hover {
	background:#29c5f6;
	text-decoration:none;
}

@media only screen and (max-width:1200px) {
form input[type=text],form input[type=email] {
	width:37%;
}
}
@media only screen and (max-width:990px) {
form input[type=text],form input[type=email] {
	width:34%;
}}

@media only screen and (max-width:767px) {
form {
	margin:0 !important;
}
form input[type=text],form input[type=email]{
	width:100% !important; margin:5px 0px !important;
}
form input[type=submit] {
	margin:5px 0px !important;
}
form input[type=text].name {
	border:none !important;
	border-bottom:solid 1px rgba(255,255,255,0.5) !important;
}}

.mtb_10 {margin-top:10px !important; margin-bottom:10px !important;}
.mtb_15 {margin-top:15px !important; margin-bottom:15px !important;}
.mb_10  {margin-bottom:10px !important;}
.p_20   {padding:20px !important;}
.p_10   {padding:10px !important;}
.ptb_10 {padding-top:10px; padding-bottom:10px !important;}
.ptb_20 {padding-top:20px !important; padding-bottom:20px !important;}
.ptb_30 {padding-top:30px !important; padding-bottom:30px !important;}
.ptb_40 {padding-top:40px !important; padding-bottom:40px !important;}
.ptb_50 {padding-top:50px !important; padding-bottom:50px !important;}
.ptb_80 {padding-top:80px !important; padding-bottom:80px !important;}
.plr_5  {padding-left:5px !important; padding-right:5px !important;}
.pl_20  {padding-left:20px !important;}
.pl_25  {padding-left:25px !important;}
.pr_25  {padding-right:25px !important;}
.pl_5   {padding-left:5px !important;}
.plr_15 {padding-left:15px !important; padding-right:15px !important;}
.pt_10  {padding-top:10px !important;}
.pt_20  {padding-top:20px !important;}
.pt_30  {padding-top:30px !important;}
.pt_40  {padding-top:40px !important;}
.pt_50  {padding-top:50px !important;}
.pt_80  {padding-top:80px !important;}
.pb_20  {padding-bottom:20px !important;}
.pb_30  {padding-bottom:30px !important;}
.pb_80  {padding-bottom:80px !important;}
.nlp    {padding-left:0px !important;}
.np     {padding:0 !important;}



/* jQuery Countdown styles 2.0.0. */
.is-countdown {
}
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
	color: rgba(255,255,255,0.4);
}
.countdown-row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;

}
.countdown-show1 .countdown-section {
	width: 96%;
}
.countdown-show2 .countdown-section {
	width: 46%;
}
.countdown-show3 .countdown-section {
	width: 30.5%;
}
.countdown-show4 .countdown-section {
	width: 22.5%;
}
.countdown-show5 .countdown-section {
	width: 17.5%;
}
.countdown-show6 .countdown-section {
	width: 14.25%;
}
.countdown-show7 .countdown-section {
	width: 12%;
}
.countdown-section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
	background:rgba(255,255,255,0.2);
	border:solid 1px rgba(255,255,255,0.2);
	margin-right:1.1%;
	margin-left:1.1%;
}
.countdown-amount {
	font-size:80px;
	font-family: 'Roboto Condensed', sans-serif;
	padding:15px;
	padding-top:0;
	padding-bottom:25px;
	line-height:110%;
	font-weight:700;
	min-width:100px; 
	height:75px;
	max-width:100%;
	display:inline-block;
}
.countdown-period {
    display: block;
	font-size:24px;
	text-transform:uppercase;
	padding:10px 0px;
	font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
}
.countdown-descr {
	display: block;
	width: 100%;
}
@media only screen and (max-width:767px) {
 
.ptb_20 {
 padding-top:0px !important; padding-bottom:0px !important;
}
.countdown-amount {
 font-size:60px;line-height:140%;
}
.countdown-period {
 font-size:16px;
}
.countdown-section {
	float:none !important;
	width:15% !important; 
	display:inline-block;
	margin-right:10px;
	margin-bottom:15px;
	text-align:center;
}
}
@media only screen and (max-width:720px) {
.countdown-amount {
	 font-size:50px;
	 line-height:180%;
	 text-align:center;
}
.countdown-section {
	width:17% !important; 
	display:inline-block;
}
}
@media only screen and (max-width:640px) {
.countdown-section {
	width:16%;
}}
@media only screen and (max-width:620px) {
.countdown-section {
	width:16%;
	margin-right:5px;
}	
}
@media only screen and (max-width:568px) {
.countdown-amount {
	 font-size:50px;
	 line-height:170%;
}
.countdown-section {
	width:140px !important; 
	display:inline-block;
}
}
@media only screen and (max-width:350px) {

}

@media only screen and (max-width:767px) {.social { padding-bottom:100px !important;}}



.switcher { -webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px;position:fixed;bottom:25%; padding:5px; left:-88px; z-index:999999999999999999999999999999999; width:88px; height:auto; background:#f7f7f7; padding-top:10px; -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
			border:solid 1px #ddd;}
.switcher .fa-cog { background:#f7f7f7; border:solid 1px #ddd; color:#707070; width:50px; height:50px; font-size:36px; text-align:center; line-height:50px; cursor:pointer;
position:absolute;right:-50px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px; top:0px; }
.switcher .fa-cog:hover {-webkit-animation: spin 2s linear;
-moz-animation: spin 2s linear;
-o-animation: spin 2s linear;
animation: spin 2s linear;
}
.switcher.active { left:0px; -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;}

.switcher .box { width:30px; min-height:30px; max-height:30px; text-indent:-9999px; cursor:pointer; border:none !important; color:#fff; float:left; margin:4px; text-align:left; padding:8px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px; font-weight:700;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;font-size:11px;}


#default { background:rgba(255,255,255,0.7);}
#blue {background:#6699FF;}
#asparagus {background:#7BA05B;}
#green {background:#08C0A4;}
#orange {background:#fa6900;}
#purple {background:#e281ef;}
#yellow {background:#f8ca00;}
#tomato {background:#FF6347;}
#teal {background:#008080;}
#pink {background:#FF69B1;}
#lima {background:#73B819;}
#java { background:#19B8AF;}
#turquoise {background:#40E8D9;}