/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

.flex-direction-nav,.camera_prev, .camera_next, #FullScreen{
	
	display:none;
	visibility:hidden
}
.jThumbnailScroller .jTscrollerPrevButton{background:#FFF url(../../templates/ottawa/Black_24/arrow-67s.png) center center no-repeat; 
opacity:1;
left:0px;
height:100%;


}
.jThumbnailScroller .jTscrollerNextButton{background:#FFF url(../../templates/ottawa/Black_24/arrow-68s.png) center center no-repeat;
opacity:1;
right:0px;
height:100%;
}

.addExTag img{
	z-index:1000000001
}
.InUp .mCSB_horizontal:after{
content:"" !important
}

.cameraSlide.cameracurrent{
	opacity:1!important
}


}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */


}


/* Desktops and laptops ----------- */
@media only screen and (min-width: 760px) {
/* Styles */
#slideview li:hover .StackSpan, #slideview li:hover .VideoSpan, #slideview li:hover .EmbedSpan, #camera_wrap_2:hover .StackSpan,#camera_wrap_2:hover .VideoSpan, 
#camera_wrap_2:hover .EmbedSpan{
	 -webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
#ImagePage .camera_fakehover{
opacity:0;
display:none	
	
}
#ImagePage .cameraSlide{
	box-shadow: #000 0em 0em 0em;
	 -webkit-transform: translate3d(0,0,0); 
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
  
	 
	
}

#ImagePage.SsimpleFade .cameraSlide{
	display:block !important;
	    
		-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;
	 box-shadow: #000 0em 0em 0em;
	  -webkit-transform: translate3d(0,0,0); 
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
		
}
#ImagePage.SsimpleFade .cameraSlide.cameraSlide_1{
	-webkit-animation-name: fadeOutW;
	box-shadow: #000 0em 0em 0em;
	 -webkit-transform: translate3d(0,0,0); 
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
	
}
#ImagePage.SsimpleFade .cameraSlide.cameracurrent{
	 
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;
	  -webkit-transform: translate3d(0,0,0); 
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
#ImagePage.ScrossFade .cameraSlide{
	 display:block !important;
	 		-webkit-animation-name: fadeOutW;
	-moz-animation-name: fadeOutW;
	-o-animation-name: fadeOutW;
	animation-name: fadeOutW;
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;animation-timing-function: ease-in-out; 
	 -webkit-transform: translate3d(0,0,0); 
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
 
 
 	

} 

#ImagePage.ScrossFade .cameraSlide.cameracurrent{
 
-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;animation-timing-function: ease-in-out; 	-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;
	 
	 -webkit-transform: translate3d(0,0,0); 
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
} 

.ImageResize{
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
 
}
.ImageResize2{
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
 
}

}
@media only screen 
and (min-width : 1824px) {
/* Styles */

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


@-webkit-keyframes fadeOutW {
	0% {opacity: 0;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOutW {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOutW {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOutW {
	0% {opacity: 1;}
	100% {opacity: 0;}
}


/*IE fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
 
 #ImagePage.SsimpleFade .cameraSlide_1 {
  opacity:0 !important;
  display:none !important;
 }
 #ImagePage.SsimpleFade .cameraSlide_1.cameracurrent{
 opacity:1 !important;
  display:block !important;
 }
 }