@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:900');

h1#fund {font-size: 140px !important; line-height: 120px !important; margin-bottom: 15px !important;}
.lowercase {font-size: 120px !important; text-transform: lowercase !important; font-style: italic !important;}

.fundr {padding: 50px 0 50px 0 !important; width: 100vw !important; left: 0 !important;}
#txt {display:block; position: relative; width: 960px !important; left: calc(50vw - 512px) !important; padding: 0 32px 0 32px !important; background: url(stamp1.png) no-repeat right bottom; }
.fund_vd {display: block; position: relative; width:1024px; left: calc(50vw - 512px); margin: 0 0 50px 0 !important; background: none;}
.videoWrapper {
	position: relative;
	padding-bottom: calc((100% / 16) * 9);
	padding-top: 0;
	height: 0;
	text-align: right !important;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1024px){
	#txt {width: calc(100vw - 64px) !important; left: 0px !important;}
}
@media screen and (max-width: 960px){
	.fund_vd {width: 100% !important; border-radius: 0px !important; left: 0% !important;}
}


.fund_slider {display: block; position: fixed; width: 100%; height: 350px; top: 80px; background: url(../img/isc1.png) center center no-repeat, linear-gradient(to right, #BE1E2D 5%, #2E3192 100%);z-index: 0 !important;}
.container {top: 430px !important;}

@media screen and (max-width: 760px){
.fund_slider {height: 200px;background:url(../img/isc2.png) top center no-repeat, linear-gradient(to right, #BE1E2D 5%, #2E3192 100%);}
.container {top: 240px !important;}
h1#fund {font-size: 60px !important;width:400px !important; left: calc(50% - 200px); line-height: 50px !important; margin-bottom: 60px !important;}
.lowercase {font-size: 50px !important;}
}

.footer {display: none;}


@media screen and (max-width:760px) {
.fund_slider {position: absolute;}
}


.photo_holder {display: inline-block; position: relative; width: 1024px !important; height: auto; left: calc(50% - 512px) !important; padding-bottom: 25%;}
.photo_holder iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#dsk{display: inherit;}
#mbl{display: none;}
#mbb{display: none;}
@media screen and (max-width: 1034px)  {
    .photo_holder {width: 100% !important; left: 0 !important;}
}
@media screen and (max-width:640px)  {
    .photo_holder {height: 320px !important;}
    #dsk{display: none !important;}
	#mbl{display: inherit !important;}
}
@media screen and (max-width:840px)  {
	#mbb{display: inherit !important;}
	#txt {background: url(stamp2.png) no-repeat center bottom;}
}


.donateBUTTON {
	box-shadow: 0px 10px 14px -7px #026C78;
	background:linear-gradient(to bottom, #00B4BF 5%, #026C78 100%);
	background-color:#00B4BF;
	border: 0;
	border-radius:7px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	padding:18px 50px;
	text-decoration:none;
    text-shadow:0px 1px 0px #026C78;
    width: 100px;
    /*text-align: center !important;*/
    margin: 0 auto;
    margin-top: 20px;
	margin-bottom: 20px;
	pointer-events: inherit !important;
}

.bt_XL {
	width: 300px !important;
    margin-top: 30px !important;
	margin-bottom: 80px !important;
}


.buttonDisabled{
	box-shadow: 0px 10px 14px -7px #808080 !important;
	background:linear-gradient(to bottom, #E6E6E6 5%, #B3B3B3 100%) !important;
	pointer-events: none !important;
}

.donateBUTTON:hover {
	background:linear-gradient(to bottom, #87CED5 5%, #00B4BF 100%);
    background-color:#00B4BF;
    color: white !important;
}
.donateBUTTON:active {
	position:relative;
	top:1px;
}

#detailsTable {
	display: block; position: relative; width: 600px; height: 480px; border-radius: 10px; overflow: hidden !important; left: calc(50% - 300px) !important; background: none;
}

#detailsTable div {display: block ;padding: 0px !important; float: left; text-align: center; }
#t1A, #t2A, #t3A, #t4A {width: 200px; height: 60px; background: #00B7C2; }
#t1B, #t2B, #t3B, #t4B {width: 400px; height: 60px; background: #89D1D9; }
#t5 {display: inline-block; width: 100%; height: 240px; background: pink;}
iframe#timer {width: 100%; height: 100%;}
@media screen and (max-width: 601px){
#detailsTable {
width: 100% !important; height: 890px; left: 0 !important;
}
#t1, #t2, #t3, #t4, #t1A, #t2A, #t3A, #t4A, #t1B, #t2B, #t3B, #t4B {width: 100%;}
#t5 {height: 410px;}
iframe#timer {width: 100%; height: 100%;}
}