.pad-Main-Field{
		margin-top:20px;
		width:800px;
		height:310px;
		}
.spyKey{
		background-color:#f0f0f0;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
		width:800px;
			}	
.numclick{
		margin:0;
		padding:0;
		}
.numclick a {
		background-color:#FFF;
		border:1px #D0D0D0 solid;
		border-right:1px #D0D0D0 solid;
		text-decoration:none;
		color:#000;
		padding:11px 11px;
		border-radius:50px;
	}
.numclick a:hover{
		background-color:#D0D0D0;
		color:#000;
		}
.numclickS{
		margin:0;
		padding:0;
		}
.numclickS a {
		background-color:#FFF;
		border:1px #D0D0D0 solid;
		border-right:1px #D0D0D0 solid;
		text-decoration:none;
		color:#000;
		padding:11px 13px;
		border-radius:50px;
	}
.numclickS a:hover{
		background-color:#D0D0D0;
		color:#000;
		}
.num_size{
		min-height:40px;
		min-width:40px;
	}
.numclick2{
		color:#fff;
		background-color:#D0D0D0;
		font-size:13px;
		font-weight:normal;	
		text-transform: none;
		border-radius:0px;
		text-align:center;
		}		
.numclick4{
		margin:0;
		padding:0;
		}
.numclick4 a {
		background-color:#FFF;
		border-top:1px #D0D0D0 solid;
		border-left:0px #D0D0D0 solid;
		border-right:1px #D0D0D0 solid;
		text-decoration:none;
		color:#000;
		padding:7px 12px;
	}
.numclick4 a:hover{
		background-color:#D0D0D0;
		color:#000;
		}

.highlightWord{ 
		background-color:#777; 
		color:#FFF; 
		padding:5px 8px 5px 8px;
		text-align:center;
		margin-left:-5px;
		border-radius:3px;
		}
		












.slider {
  padding: 0;
  margin: 0;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  max-width: 1920px;
  border-radius: 0px;
}

.slider ul {
  width: 1000%;
  height: auto;
  position: relative;
  list-style: none;
  left: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  -moz-animation:slide-animation 50s infinite;
  -webkit-animation:slide-animation 50s infinite;
}

.slider ul:hover {
  -moz-animation-play-state:paused;
  -webkit-animation-play-state:paused;
}

.slider li {
  width: 10%;
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

.spydash-img {
  max-width: 100%;
  border-radius: 0px;
  border:0px solid #000;
  border-bottom:0px solid #000;
}

.spydash-span {
  position: relative;
  display: block;
  min-height: 100px;
 /* font-size: 0.8em;*/
  bottom: 0;
  padding: 20px;
  margin-top:0px;
 /* overflow: hidden;*/
  background-color:rgba(54,44,48,0.6);
  color: #fff;
  font-weight: normal;
  background-color:#000;
}
/*
@-webkit-keyframes slide-animation {
  1% {left: 0%; opacity: 1;}
  18% {left: 0%; opacity: 1}
  19% {opacity: 0.2;}
  20% {left: -100%; opacity: 1;}
  58% {left: -100%; opacity: 1;}
  59% {opacity: 0.2;}
  60% {left: -200%; opacity: 1;}
  98% {left: -200%; opacity: 1;}
  99% {opacity: 0.5;}
  100% {left: 0%;}
}

@-moz-keyframes slide-animation {
  1% {left: 0%; opacity: 1;}
  18% {left: 0%; opacity: 1}
  19% {opacity: 0.2;}
  20% {left: -100%; opacity: 1;}
  58% {left: -100%; opacity: 1;}
  59% {opacity: 0.2;}
  60% {left: -200%; opacity: 1;}
  98% {left: -200%; opacity: 1;}
  99% {opacity: 0.5;}
  100% {left: 0%;}
}
*/

@-webkit-keyframes slide-animation {
  1% {left: 0%; opacity: 1;}
  18% {left: 0%; opacity: 1}
  19% {opacity: 0.1;}
  20% {left: -100%; opacity: 1;}
  48% {left: -100%; opacity: 1;}
  49% {opacity: 0.1;}
  50% {left: -200%; opacity: 1;}
  78% {left: -200%; opacity: 1;}
  79% {opacity: 0.1;}
  80% {left: -300%; opacity: 1;}
  98% {left: -300%; opacity: 1;}
  99% {opacity: 0.1;}
  100% {left: 0%;}
}

@-moz-keyframes slide-animation {
  1% {left: 0%; opacity: 1;}
  18% {left: 0%; opacity: 1}
  19% {opacity: 0.1;}
  20% {left: -100%; opacity: 1;}
  48% {left: -100%; opacity: 1;}
  49% {opacity: 0.1;}
  50% {left: -200%; opacity: 1;}
  78% {left: -200%; opacity: 1;}
  79% {opacity: 0.1;}
  80% {left: -300%; opacity: 1;}
  98% {left: -300%; opacity: 1;}
  99% {opacity: 0.1;}
  100% {left: 0%;}
}






/* Rectangle Out */
a.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
background:#00aeef;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  margin:2px 0;
}
a.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #009900;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin:0;
}
a.hvr-rectangle-out:hover,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:active {
color:#ffffff;
}
a.hvr-rectangle-out:hover:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*-- Slider Part starts Here --*/
#slider3, #slider4  {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 118px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  margin-right: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: right;
  width: 100%;
  margin-right:-80px;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
  	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 61%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 62px;
	width: 45px;
	margin-top: -65px;
}
.callbacks_nav:active {
  opacity: 1.0;
}
a.callbacks_nav.callbacks1_nav.prev {
	background: transparent url("../img/themes.png") no-repeat 0px 0px;
  left: -3.1%;
}
.callbacks_nav.next {
	background: transparent url("../img/themes.png") no-repeat -46px 0px;
  left: 100%;
}
#slider3-pager a,#slider4-pager a  {
  display: inline-block;
}
#slider3-pager span,#slider4-pager span{
}
#slider3-pager span,#slider4-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a ,#slider4-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a ,#slider4-pager a {
  padding: 0;
}
#slider3-pager li, #slider4-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
}

.callbacks_tabs{
	list-style: none;
	position: absolute;
	top: 73%;
	z-index: 999;
	left: 46%;
	padding: 0;
	margin: 0;
}
ul.callbacks_tabs.callbacks2_tabs {
top: 73%;
left:46%;
}
.slider-top{
	text-align: center;
	padding:10em 0;
}
.slider-top h1{
	font-weight:700;
	font-size:48px;
	color:#010101;
}
.slider-top p{
	font-weight:400;
	font-size:20px;
	padding:1em 7em;
	color:#010101;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
ul.social-slide li i{
	width:70px;
	height:74px;
	background:url(../images/img-resources.png)no-repeat;
	display: inline-block;
	margin:0px 15px;
}
ul.social-slide li i.win{
	background-position:-6px 0px;
}
ul.social-slide li i.android{
	background-position:-110px 0px;
}
ul.social-slide li i.mac{
	background-position:-215px 0px;
}
.callbacks_tabs li{
	display: inline-block;
}
@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }

}






.promoHint{
		float:right;
		width:15px;
		height:15px;
		background-color:#FFF;
		margin-top:55px;
		margin-right:-250px;
		font-size:24px;
		font-weight:bold;
		color:#F00;
		padding:8px 13px 18px 13px;
		border-radius:50px;
		font-family:Arial, Helvetica, sans-serif;
		border:1px #F9C solid;
		}
a .promoHint:hover{
		background-color:#F9C;
		color:#FFF;
		border:1px #FFF solid;
	}
.promoDash{
		float:left;
		margin-top:0;
		margin-left:55px;
		}
.promoImage{
		float:right;
		margin-top:-20px;
		margin-right:45px;
		}
.promoHeader{
		font-size:16px;
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
}
.promoContent{
		font-size:14px;
		text-align:center;
		margin-top:10px;
		margin-bottom:30px;
}
.win{	
		color:#F00;
		font-weight:bold;
}
.item{
		font-size:17px;
		font-weight:bold;
		color:#fff;
		background-color:#060;
		padding:4px 15px;
		border-radius:2px;
}
		













.bundle_link{
		min-width:260px;
		height:60px;
		padding:10px;
		margin-top:15px;
		border-radius:20px;
		border:1px solid #FFF; 
		}
.bundle_link:hover{
		border-radius:10px;
		border:1px dashed #000; 
	}
.bundle_info{
		margin-top:5px;
		padding:6px;
		background:#fff;
		}
#bundle_duration_count{
		background:#FFF;
		margin-top:7px;
		color:#000;
		font-family: "Helvetica", Arial, sans-serif;
		font-weight:normal;
		}
.button_no_style{
		width:100%;
		margin:0;
		padding:0;
		border:0;
		background:none;
		}
.bundle_field_style_basic{
		padding-top:20px;
		padding-bottom:20px;
		min-width:220px;
		height:142px;
		border:1px solid #293145; 
		cursor:pointer;
		background:#293145;
		}
.bundle_field_style_basic2{
		padding-top:20px;
		padding-bottom:20px;
		min-width:220px;
		height:142px;
		border:1px solid #F00; 
		background:#000;
		cursor:pointer;
		}
.bundle_field_style_basic:hover{
		border:1px solid #6CC; 
		background:#6CC;
		}
.bundle_title_field_basic{
		float:left;
		width:40px;
		height:202px;
		color:#FFF;
		margin:-1px -1px -1px -1px;
		background-color:#066;
		border-bottom-right-radius:20px;
		border-bottom-left-radius:20px;
		}
.bundle_title_field_basic2{
		float:left;
		width:40px;
		height:202px;
		color:#FFF;
		margin:-1px -1px -1px -1px;
		background-color:#F00;
		border-bottom-right-radius:20px;
		border-bottom-left-radius:20px;
		}
.bundle_title_field_name_basic{
		width:20px;
		font-size:14px;
		font-weight:bold;
		margin:60px 15px 15px 10px;
		color:#FFF;
   -moz-transform: rotate(-90deg) translate(0, 100%);
   -moz-transform-origin: 0% 100%;
   -o-transform: rotate(-90deg) translate(0, 100%);
   -o-transform-origin: 0% 100%;
   -webkit-transform: rotate(-90deg) translate(0, 100%);
   -webkit-transform-origin: 0% 100%;
   transform: rotate(-90deg) translate(0, 100%);
   transform-origin: 0% 100%;
}
		
.bundle_main_field_basic{
		float:right;
		min-width:205px;
		height:100px;
		}
.bundle_number_basic{
		float:left;
		width:150px;
		text-align:right;
		height:0px;
		padding-top:0px;
		margin-top:-2px;
		color:#066;
		font-size:5em;
		font-weight:bold;
		}
.bundle_number_basic2{
		float:left;
		width:150px;
		text-align:right;
		height:0px;
		padding-top:0px;
		margin-top:-2px;
		color:#066;
		font-size:5em;
		font-weight:bold;
		}
.bundle_statement_basic{
		float:right;
		width:120px;
		text-align:left;
		height:85px;
		padding-top:15px;
	}
.bundle_points_name_basic{
		font-size:1.2em;
		margin-top:5px;
		margin-bottom:0;
		padding:0px;
		color:#080;
		font-weight:bold;
		}
.bundle_points_name_basic2{
		font-size:1.2em;
		margin-top:5px;
		margin-bottom:0;
		padding:0px;
		color:#F00;
		font-weight:bold;
		}
.bundle_days_name_basic{
		margin-top:2px;
		margin-right:-1px;
		margin-bottom:0;
		margin-left:-13px;
		padding:3px 10px 3px 13px;
		font-size:78%;
		background:#066;
		color:#FFF;
		}
		

		



	
	.horizontal_list{list-style-type:none; margin:0; padding:0; white-space:nowrap;}
	.horizontal_list li{ display:inline-block; list-style-type: none; vertical-align: top;}

	.horizontal_list_x{list-style-type:none; margin:0; padding:0; white-space:nowrap;}
	.horizontal_list_x li{display:inline-block; list-style-type: none; vertical-align: top;}


	::-webkit-scrollbar-track {
	  border-radius: 0px;
	  background: #9F6;
	}
	
	::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #b0b0b0;
	}
	
	::-webkit-scrollbar {
	  height: 10px;              /* height of horizontal scrollbar ← You're missing this */
	  width: 10px;               /* width of vertical scrollbar */
	  border: 0px solid #d5d5d5;
	}

	/* Works on Firefox */
	* {
	  scrollbar-width: thin;
	  scrollbar-color: #b0b0b0 #9F6;
	}
	
			
	.select-div {
		border-radius: 0px;
		position: relative;
	}
	
	/*To remove button from IE11, thank you Matt */
		select::-ms-expand {
		display: none;
	}
	
	.select-div:after {
		/*content: '<>';
		font: 100% "Consolas", monospace;*/
		content: '...';
		font: 100% "Comic Sans MS", cursive;
		color: #333;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		right: 1px;
		/*Adjust for position however you want*/
		
		top: 8px;
		padding: 0 0 2px;
		border-bottom: 0px solid #999;
		/*left line */
		
		position: absolute;
		pointer-events: none;
		border-radius: 0px;
	}
		
	.select-div select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		/* Add some styling */
		
		width: 100%;
		height: 40px;
		padding: 0px 5px;
		font-size: 100%;
		line-height: 1.75;
		color: #333;
		background-color: #none;
		background-image: none;
		border: 1px solid #cccccc;
		-ms-word-break: normal;
		word-break: normal;
		border-radius: 0px;
	}			
	


	.content {display:none;}

	div.dataTables_info{display:none;}
	.weeks-width{min-width:70px; padding:0px 0px 8px 0px;}
	.gname-width{min-width:200px; padding:0px 0px 8px 0px;}
	.evname-width{min-width:50px; padding:0px 0px 8px 0px;}
	.dtname-width{min-width:100px; padding:0px 0px 8px 0px;}
	.xnname-width{min-width:35px; padding:0px 0px 8px 0px;}
	.tname-width{min-width:55px; padding:0px 0px 8px 0px;}
	.xnclose-width{min-width:25px; padding:0px 0px 9px 10px; height:39px;}
	.listcontent2w{ 
		color:#080;
	}
	.listcontentTotal2w{
		background:#9D9;
		color:#080;
		}
	.listcontent2m{
		color:#900;
	}
	.listcontentTotal2m{
		background:#FCC;
		color:#900;
	}
	.listcontentsqDate{
		background:#07F;
		color:#FFF;
	}
	.listcontentsqEvent{
		background:#09F;
		color:#FFF;
	}
	.per-charge{
		color:#F00;
	}
	.q-count-width{
		min-width:70px;
		padding:7px 0px 7px 10px;
		border-top:0px; 
		border-bottom:1px dashed #999; 
	}
	.q-close-width{
		min-width:25px;
		padding:7px 0px 5px 10px;
		border-top:0px; 
		border-bottom:1px dashed #999; 
	}
	.x-q-close-width{
		min-width:25px;
		padding:7px 0px 7px 10px;
		border-top:0px; 
		border-bottom:1px dashed #999; 
	}
	.q-gname-width{
		min-width:200px;
		padding:7px 0px 7px 10px;
		border-top:0px; 
		border-bottom:1px dashed #999; 
	}
	.q-evname-width{
		min-width:50px;
		padding:7px 0px 7px 10px;
		border-top:0px; 
		border-bottom:1px dashed #006699; 
	}
	.q-dtname-width{
		min-width:100px;
		padding:7px 0px 7px 0px;
		border-top:0px; 
		border-bottom:1px dashed #006699; 
	}
	.w-xnname-width{
		min-width:35px;
		padding:7px 0px 7px 0px;
		border:0px;
		border-top:0px; 
		border-bottom:1px dashed #009900; 
	}
	.w-tname-width{
		min-width:45px;
		padding:7px 0px 7px 0px;
		border:0px;
		border-top:0px; 
		border-bottom:1px dashed #009900; 
	}	
	.w-xnname-main{
		min-width:35px;
		padding:7px 0px 7px 0px;
		border:0px;
		border-top:0px; 
		border-bottom:1px dashed #009900; 
	}	
	.m-xnname-width{
		min-width:35px;
		padding:7px 0px 7px 0px;
		border:0px;
		border-top:0px; 
		border-bottom:1px dashed #FF0000; 
	}	
	.m-tname-width{
		min-width:45px;
		padding:7px 0px 7px 0px;
		border:0px;
		border-top:0px; 
		border-bottom:1px dashed #FF0000; 
	}	
	.m-xnname-main{
		min-width:35px;
		padding:7px 0px 7px 0px;
		border:0px;
		border-top:0px; 
		border-bottom:1px dashed #FF0000; 
	}	



