.mc-hide-scrolls{
	overflow:hidden;
}
#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:10%;
				width:32px;
				z-index:999;
			}
#maximage {
				display:none;}			
body .mc-cycle {
	height:100%;
	left:0;
	top:140px;
	overflow:hidden;
	position:absolute;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}
.maximage_arrow{ position:relative; height:400px; width:100%;}
.maximage_arrow > a{
	position:absolute;
	top:40%;
	width:50px;
    height:50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
     -khtml-border-radius: 50%;
	 border-radius: 50%;
     -moz-opacity: 0.2;
      -khtml-opacity: 0.2; 
       opacity: 0.2; 
	   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); z-index:1;}	
.maximage_arrow > a:hover{
	  -moz-opacity: 0.8;
      -khtml-opacity: 0.8; 
       opacity: 0.8; 
	   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	   }
#arrow_left {
			 left:30px;
		     background-image:url(../image/ringleft.png);
			 background-position:center center;
			 background-color:#333;
			 background-repeat:no-repeat;
			}
			  
#arrow_right {
			  right:30px;
			  background-image:url(../image/ringright.png);
			  background-position:center center;
			 background-color:#333;
			 background-repeat:no-repeat;}
			  
a#arrow_left:hover,  a#arrow_right:hover{ background-color:#FB2B75;}	

				  
@media only screen and (max-width: 980px){
	body .mc-cycle{ top:170px;}
				  }	
@media only screen and (max-width: 767px){
	body .mc-cycle{ top:280px;}
	.maximage_arrow{height:320px;}
}
@media only screen  and (max-width: 480px) {
	body .mc-cycle{ top:230px;}
	.maximage_arrow{height:265px;}
}
@media only screen  and (max-width: 320px) {
	  
}