@font-face {
	font-family: 'digital-7';
	src: url('../../../fonts/digital-7.ttf');
}
@font-face {
	font-family: 'digital-7-italic';
	src: url('../../../fonts/digital-7italic.ttf');
}
@font-face {
	font-family: 'digital-7-mono-italic';
	src: url('../../../fonts/digital-7mono-italic.ttf');
}
@font-face {
	font-family: 'digital-7-mono';
	src: url('../../../fonts/digital-7mono.ttf');
}
@font-face {
	font-family: 'sfDigital';
	src: url('../../../fonts/SF_Digital_Readout_Medium.ttf');
}
@font-face {
	font-family: 'sfDigitalHeavy';
	src: url('../../../fonts/SF_Digital_Readout_Heavy.ttf');
}

/*
@media (min-width: 481px) and (max-width: 1080px) {
   html, body { zoom: 1; overflow: hidden;  margin: 0px;}
}
 
@media (min-width: 321px) and (max-width: 480px) {
   html, body { zoom: 0.5; overflow: hidden;  margin: 0px;}
}
 
@media (max-width: 320px) {
   html, body { zoom: 0.5; overflow: hidden;  margin: 0px;}
}
*/
html, body { zoom: 1; overflow: hidden;  margin: 0px; background-color : #000000;}
 
.wrap {
	zoom: 0.715;
    -moz-transform: scale(0.715);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.715);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.715);
    -webkit-transform-origin: 0 0;
    transform: scale(0.715); 
    transform-origin: 0 0;
}

.maindiv {
	display:none;
    position : absolute;
    width : 100%;
    height : 100%;
    background-color : #000000;
    text-align: center;
}
.maindiv:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.maindiv.active{
	display:block !important;
}

.center {
	width: 98%;
	height: 98%;
	padding: 2%;
    background-color : inherit;
    display: inline-block;
    vertical-align: middle;
    font: 100 66px/80px  Helvetica;
    letter-spacing: 2px;
    color: white;
}

.blaccell {
    display: inline-block;
    vertical-align: middle;
	width: 200px;
	height: 200px;
	background: url("../images/mobileoff.png") no-repeat;background-size:100% auto;
}
.wrap {
    background: -webkit-linear-gradient(left, #72254a 0%, #9f0751 0%, #0fbaea 100%, #6dcaef 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #72254a 0%, #9f0751 0%, #0fbaea 100%, #6dcaef 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #72254a 0%, #9f0751 0%, #0fbaea 100%, #6dcaef 100%); /* For Fx 3.6 to 15 */
    background: linear-gradient(to right, #72254a 0%, #9f0751 0%, #0fbaea 100%, #6dcaef 100%);  
    top: 0px; margin: 0px;position: fixed;width: 1920px;height: 1080px;
}
.ie9 .wrap { background: #00d39f; }

.wrap {top: 0px; margin: 0px;position: fixed;width: 1920px;height: 1080px; }
.toplogo {margin: 0px auto;background-size:100% auto; background-position: center top;position: relative;left: 25px; top: 10px; width: 320px;height: 140px;}
.topsublogo {margin: 0px auto;position: relative;left: -196px; top: 120px; width: 750px;height: 100px !important;font: 400 28px/48px Helvetica; font-style: italic;  color: white;}
.topleft {top: 0px; width: 1920; height: 118px; bottom: 0; overflow: hidden !important; position: fixed; }
.main {top: 0px; width: 100%; height: 1080px; bottom: 0; overflow: hidden !important; position: fixed; }

/*.left,.prayertable,.clock,.fajrc,.zuhrc,.asrc,.maghribc,.ishac,.fajr,.fajrtitle,.fajr,.zuhrtitle,.zuhr,.asrtitle,.asr,.maghribtitle,.maghrib,.ishatitle,.isha,.bottom, .jamaa,.head, .right, { width: 960px; }*/ /* change acordantly to the .main and .top-right { left: 500px;} */
.jumuaa {vertical-align: top !important;}

.left, .right {top: 0px; width: 960px; height: 1080px; bottom: 0; overflow: hidden !important; position: fixed; z-index: -1;}
.left { left:0; /*background-color: #7f2650;*/ } /*  background-color: #78204b;   */
.right  {left:960px; right:0; /* background-color: #711c45; */} /*    background-color: #711c45;      */

	.poster {
	  	position:absolute;
	  	top:0px;
	  	right:0px;
	  	bottom:0px;
	  	left:0px;
	    text-align: center;
	    vertical-align: middle; 
		background-position: center center;
		background-size: 100%;
		background-repeat: no-repeat !important;
	}
	
	
    .sldcontainer {
      width: 100%;
      height: 100%;
      position: relative;
    }

    .sldcontainer .slide {
      z-index: 1;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      transition: opacity 1s ease-in-out;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0;
    }

    .sldcontainer .slide.paraqet {
      opacity: 1;
    }











@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

.centerhaditharabic {
	padding: 100px;
	margin-top: 50px;
    font: bold 72px/88px  'Merienda', Helvetica;
    word-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    vertical-align: middle;
}
.centerhadith {
	padding: 100px;
	margin-top: 50px;
    font: 400 46px/68px  'Merienda', Helvetica;
    letter-spacing: 2px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    vertical-align: middle;
}
.centerhadith em {
    position: absolute;
    font-size: 26px;
	margin: 50px;
    right: 100px;
}

.centerfooter {
	width: 1300px;
    font: 400 46px/68px  Helvetica;
    font-style: italic;
    letter-spacing: 2px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    vertical-align: middle;
    left: 50%;
}
.footercell {
	width: 300px;
	height: 300px;
	background: url("../images/mobileoff.png") no-repeat;background-size:86% auto;
}
.leftcell {
	margin-left: 10px !important;
	width: 200px;
	height: 200px;
	background: url("../images/mobileoff.png") no-repeat;background-size:100% auto;
}
.lefttd {width: 300px;}
.leftmessages {width: 100%; height: 630px; color: white; float left; text-align: center; vertical-align: middle; font: bold 66px/70px Helvetica; text-shadow: 2px 2px #000000; overflow: hidden !important;}


@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);
.actualtime {top: 0px; width: 620; height: 118px; bottom: 0; overflow: hidden !important; position: fixed; background: none;text-align:center; padding: 2px; border: none;font: 400 96px/118px  Helvetica; letter-spacing: 2px; color: #fff;text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: .2s all linear;}


.actualday {height:78px; padding-top: 50px; color: white; padding-left: 20px; border: none;font: bold 66px/70px Helvetica; text-shadow: 2px 2px #000000;}
.actualdate {height:68px; color: white;padding-top: 20px; padding-left: 20px; border: none;font: bold 66px/70px Helvetica; text-shadow: 2px 2px #000000;}

.firsttd {width: 250px; height:670px; color: white; padding-left: 20px; text-align: center; vertical-align: middle; font: bold 46px/50px Helvetica; text-shadow: 2px 2px #000000;}
.secondtd {width: 250px; height:670px; color: white; padding-left: 20px; text-align: center; vertical-align: middle; font: bold 46px/50px Helvetica; text-shadow: 2px 2px #000000;}

.celltd {width: 250px; height:70px; color: white; text-align: center; vertical-align: middle; font: bold 36px/40px Helvetica; text-shadow: 2px 2px #000000;}
.celldatetd {padding-left: 5px;height:70px; color: white;  vertical-align: middle; font: bold 36px/40px Helvetica; text-shadow: 2px 2px #000000; white-space:nowrap;}
.headercelltd {padding-left: 5px;height:70px; color: white; text-align: center; vertical-align: middle; font: bold 36px/40px Helvetica; text-shadow: 2px 2px #000000; white-space:nowrap;}


.dayly {width: 100%; color: white;margin-top: 160px !important;font: 400 40px/58px  Helvetica; letter-spacing: 2px; }
.headerdaylytd { width: 36%; vertical-align: bottom; text-align: center;}
.daylytitle { padding-left: 10px !important; }

tr.even { background-color:rgba(50, 177, 194, 0.21); }
tr.odd { background-color: transparent; }



.fajrmessage {visibility: hidden; }
.fajrmessagec {visibility: visible !important; }
.zuhrmessage {visibility: hidden; }
.zuhrmessagec {visibility: visible !important; }


.asrmessage {visibility: hidden; }
.asrmessagec {visibility: visible !important; }




.addshow {width:100%; overflow: hidden; }
.addshow,#slider1_container,.slides {overflow:hidden; /* border-bottom-left-radius: 0.8em; border-bottom-right-radius: 1em; */ }
.slides { position:absolute;  z-index: 1; width:100%; }
.dataslides {position: relative; top: 0px; left: 0px; width: 100%; overflow: show;}
#jssor_1 {position: relative; margin: 0 auto; top: 0px; left: 0; width: 100%; overflow: hidden; visibility: show;}
.addshow,.slides, .dataslides, #jssor_1 { height: 920px; }
.dataucaption {position: absolute; top: 0px; left: 0; right:10px !important; width: 100%; height: 150%; background-color: rgba(0, 0, 0, 0.3); font-size: 60px;padding-top:180px; color: #fff; line-height: 100px; text-align: center; vertical-align: bottom;text-shadow: 0px 3px 8px #f8a414;}

.addshow { position:absolute; z-index:1; top:0;left:0;}
.addshow_child { width:100%; background-color: rgba(113, 28, 69, 0.70); position:absolute; z-index:99; bottom:15px; left:0;font-size: 60px; color: #fff; line-height: 70px; text-align: center; vertical-align: bottom;text-shadow: 0px 3px 8px #f8a414; }






.clock {height:58px;text-align:center;}
.clock form {margin:1px 0px 0 1px;padding:5px 0px;}
.clock input{text-align:center; width:220px;height:40px;padding: 0px; background:transparent;border: none;color: #FFFFFF;font: bold 36px/40px "sfDigitalHeavy"; text-shadow: 2px 2px #000000;}



.timetable {margin-top: 0px; background-color: rgba(113, 28, 69, 0.5);}
span.theday {
    color: #FFF;
    font: 500 56px/60px "HelveticaNeue-Light";  
	text-shadow: 2px 2px #000000;
    /*text-transform: uppercase;*/
}


.sidefooter { color: #FFFFFF;font: 500 32px/32px "HelveticaNeue-Light";padding: 7px;	}




.content {float: left; top: 0px; left: 0px; padding-left: 14px; width:1348px; height:1080px; }
.footercontent {top: 800px; width:1336px; height:280px; position: absolute; }






.message { color: #FFFFFF; display: inherit; font-size: 16px; left: 350px; margin: 0 auto; position: absolute; text-align: center; top: 220px;	}


	

.loading1 { filter:alpha(opacity=70);opacity:0.7;position:absolute;display:block;background-color:#000000;top:0px;left:0px;width:100%;height:100%;}
.loading2 { position:absolute;display:block;background:url('../images/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;}


.loading { position:absolute;top:0px;left:0px;}
.fajrc,.zuhrc,.asrc,.maghribc,.ishac, .fajractive,.zuhractive,.asractive,.maghribactive,.ishaactive { background:url('../images/prayeron.png') no-repeat;background-size:100% auto; background-position-y: 5px; height:90px}
.fajrtitle, .fajr, .zuhrtitle, .zuhr, .asrtitle, .asr, .maghribtitle, .ishatitle, .isha { height:90px}

.prayer-r {
    float: right;
    margin-right: 90px;
}
.prayer-l {
	margin-left: 90px;
}

.padding-left {
	margin-left: 90px;
	color: #FFFFFF;
	font: 400 60px/78px  Helvetica; 
	letter-spacing: 2px; 
    line-height: 1.5;
	text-shadow: 2px 2px #000000;
}
.padding-left2 {
	margin-left: 90px;
}
.prayer-l, .prayer-r {
    display: block;
    height: 90px;
	color: #FFFFFF;
	font: 400 60px/88px  Helvetica; 
	letter-spacing: 2px; 
    line-height: 1.6;
	text-shadow: 2px 2px #000000;	
}
.headerdaylytd, .daylytitle {
	color: #FFFFFF;
	font: 100 60px/78px  Helvetica; 
	letter-spacing: 1px; 
    line-height: 1.8;
	text-shadow: 2px 2px #000000;
}
.headerdaylytd, .daylytitle span {
	font: 100 46px/48px  Helvetica;
}
.bottom { height: auto;}


.hijri {
    	zoom: 0.947;
	    -moz-transform: scale(0.947);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.947);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.947);
	    -webkit-transform-origin: 0 0;
    font-family: "Traditional Arabic","Lucida Sans",Tahoma;
    font-size: larger;
    height: 50px;
    font-size: 36px;
   
}

.friday {
    font: bold 26px/36px Arial;
    color: #FFFFFF;
    padding-left: 10px;
    margin-top: 5px;
   
}

.arrow-bottom {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-top: 10px solid white;
	
	display: inline-block;
	position: relative;
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-left: 10px solid white;
	
	display: inline-block;
	position: relative;
}

.friday-khutba {
	text-shadow: 2px 2px #000000;
	font: 500 30px/30px "HelveticaNeue-Light";
	color: white;
	background-color: rgba(113, 28, 69, 0.26);
	padding: 7px;
}

.sfDigital {
	font: bold 40px/40px "sfDigitalHeavy";
}

.date {
    display: block;	
    font: bold 44px/44px "sfDigitalHeavy";
    margin: 0px 10px;
    text-align: left;
	color:#fff;
	height: 46px;
	text-shadow: 2px 2px #000000;
}
.head { height:53px;}
.arabic {color: #FFFFFF;
	text-shadow: 2px 2px #000000;
    font-size: 20px;
    font-weight: bold;padding-right:5px;}
#jfajr,#jzuhr,#jasr,#jmaghrib,#jisha {display:block;}


/* Footer */


.footer { color: #FFFFFF;font: 600 24px/24px "HelveticaNeue-Light";padding-top: 7px;left:7px !important;text-align: center;	}

.footer a:link,.footer a:visited,.footer a:hover,.footer a:active {text-decoration: none;color: #FFFFFF;}

.bot {width:1332px;height:280px;font-size:36px; color: #000000; }



.scroll {width:100%;height:80px; color: #FFF; }
.scroll marquee {width:100%; height: 80px; padding-right: 10px; padding-left: 10px; }
.bot a:link, .bot a:visited, .bot a:hover, .bot a:active{color: #FFFFFF;}

.bot #alter #c_b583cf01766498ba391d2ad2e4bdaa92 {
		zoom: 1.3;
	    -moz-transform: scale(1.3);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(1.3);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(1.3);
	    -webkit-transform-origin: 0 0;
	    transform: scale(1.3); /* Standard Property */
	    transform-origin: 0 0;  /* Standard Property */
	    width: 800px !important;
	    padding-top: 0px !important;
	    height: 100px !important;
	    font-size: 36px;
	    text-align:center;
}

#alter { margin-top: 0px; text-align:center;color:#FFF;font-weight:bold;font-size:16px;margin-left:150px; width: 1030px; height:180px; overflow: hidden;}
#countdown {
    background: url("../images/countdown.png") no-repeat scroll 160px 0 transparent;background-size:75% auto;/*
    background: url("../images/daysoframadan.png") no-repeat scroll 0 0 transparent;*/
    top: 0px;
    display: block;
    height: 124px;
    padding-left: 344px;
    text-align: center;
    width: 100%;
	position:relative;
	}
#countdownpro {
    /*background: url("../images/countdown.png") no-repeat scroll 160px 0 transparent;background-size:75% auto;/*
    background: url("../images/daysoframadan.png") no-repeat scroll 0 0 transparent;*/
    top: 0px;
    display: block;
    height: 124px;
    padding-left: 444px;
    text-align: center;
    width: 100%;
	position:relative;
}	
#daysoframadan {
    /*background: url("../images/countdown-1.png") no-repeat scroll 0 0 transparent;*/
    display: block;
    height: 124px;
    margin-left: 280px;
    padding-left: 84px;
    text-align: center;
    width: 551px;
	position:relative
	}
#hijrimonths {	
	color: #FFFFFF;font: 100 36px/36px "HelveticaNeue-Light"; display: block; float: left; padding-left: 160px; padding-top: 22px;	text-decoration: blink;
}	
#project_name {	
	color: #FFFFFF;font: 100 36px/36px "HelveticaNeue-Light"; display: block; float: left; text-align: right !important; padding-left: 160px; padding-top: 22px; width: 430px;	text-decoration: blink;
}
#project_deadline {	
	color: #FFFFFF; font: 100 36px/36px "HelveticaNeue-Light"; display: block; float: left; text-align: center !important; padding-left: 10px; padding-top: 44px;  text-decoration: blink;
}
#days,#hours,#minutes,#seconds {
    display: block;
    float: left;
    font: 600 60px/60px 'sfDigitalHeavy';
    height: 120px;
    margin: 10px 30px;
    padding-top: 7px;
    width: 100px;
	}
#days {
background: url("../images/digit-days.png") no-repeat scroll 0 0 transparent;background-size:100% auto;
}
#hours {
background: url("../images/digit-hours.png") no-repeat scroll 0 0 transparent;background-size:100% auto;
}
#minutes {
background: url("../images/digit-minutes.png") no-repeat scroll 0 0 transparent;background-size:100% auto;
}
#seconds {
background: url("../images/digit-seconds.png") no-repeat scroll 0 0 transparent;background-size:100% auto;
color:#fff
}

/* Specific styles for 75-inch TVs (assumed to have larger dimensions) */
@media screen and (min-resolution: 2dppx) and (min-width: 3840px) and (min-height: 2160px) and (max-width: 90in) {
    .wrap {
    	zoom: 1 !important;
        -moz-transform: scale(1) !important;
        -moz-transform-origin: 0 0 !important;
        -o-transform: scale(1) !important;
        -o-transform-origin: 0 0 !important;
        -webkit-transform: scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform: scale(1) !important; 
        transform-origin: 0 0 !important;
    }
    
} 

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
	.wrap {
		zoom: 0.818;
	    -moz-transform: scale(0.818);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.818);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.818);
	    -webkit-transform-origin: 0 0;
	    transform: scale(0.818); 
	    transform-origin: 0 0; 
	}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
	.wrap {
		zoom: 0.818;
	    -moz-transform: scale(0.818);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.818);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.818);
	    -webkit-transform-origin: 0 0;
	    transform: scale(0.818); 
	    transform-origin: 0 0; 
	}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
	.wrap {
		zoom: 0.818;
	    -moz-transform: scale(0.818);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.818);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.818);
	    -webkit-transform-origin: 0 0;
	    transform: scale(0.818); 
	    transform-origin: 0 0; 
	}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	.wrap {
		zoom: 0.715;
	    -moz-transform: scale(0.715);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.715);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.715);
	    -webkit-transform-origin: 0 0;
	    transform: scale(0.715); 
	    transform-origin: 0 0; 
	}
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	.wrap {
		zoom: 0.818;
	    -moz-transform: scale(0.818);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.818);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.818);
	    -webkit-transform-origin: 0 0;
	    transform: scale(0.818); 
	    transform-origin: 0 0; 
	}
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
	.wrap {
		zoom: 0.818;
	    -moz-transform: scale(0.818);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.818);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.818);
	    -webkit-transform-origin: 0 0;
	    transform: scale(0.818); 
	    transform-origin: 0 0; 
	}
	.date {
    margin-top: 40px !important;
	}
}
/* 1792x828px at 326ppi iPhone XR */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
	.celltd {width: 7%;  font: bold 28px/36px Helvetica;}
	.headercelltd {font: bold 28px/36px Helvetica; }
	.prayer-l, .prayer-r {height: 40px;font: 300 40px/44px  Helvetica;letter-spacing: 1px;line-height: 1.6;}
	.headerdaylytd, .daylytitle {font: 100 40px/48px  Helvetica;letter-spacing: 1px;line-height: 1.6;}
}
    
/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.wrap {
		zoom: 0.818;
	    -moz-transform: scale(0.818);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.818);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.818);
	    -webkit-transform-origin: 0 0;
	    transform: scale(0.818); 
	    transform-origin: 0 0; 
	}
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
	.wrap {
    	zoom: 0.818;
	    -moz-transform: scale(0.818);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.818);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.818);
	    -webkit-transform-origin: 0 0;
	    transform: scale(0.818); /* Standard Property */
	    transform-origin: 0 0;  /* Standard Property */
	}
	
	.date {
    margin-top: 40px !important;
	}
	.clock input{width:100%;left: 20px; font: bold 46px/46px "sfDigitalHeavy";}
	.sfDigital {
		font: bold 70px/70px "sfDigitalHeavy";
	}
}