/* 2015-Drewry-FS.css */	

/* Container */
#aoFS-Container, #aoFS-Container > div:first-of-type { position:relative;width:100%;max-width:1350px;overflow:hidden;}
.aoFS-WImage img, .aoFS-channelSlide img, .ao-FSSectors img{width:100%;height:auto;} /* Used for wider scrollers */
.aoFS-HImage img{height:100%;width:100%;object-fit: cover;} /* Used for longer scrollers */

/* Slides */
.aoFS-Slide { position:absolute;width:100%;overflow:hidden;top:0;z-index:0;height: auto}
@media screen and (min-width:1025px){
	.aoFS-Slide:not(.aoFS-channelSlide) { height: calc(100vh - 260px)}
}

.aoFS-Slide > div { padding-left: 60px;position: absolute;left: 0px;top: 0;width: 30%;z-index:1; }
.aoFS-Slide > div.ao-firstInfo { left: -1000px; }
.aoFS-Slide > div::after {
    border-right: 21vw solid transparent;
    border-top: calc(100vh - 260px) solid rgba(255, 255, 255, 0.8);
    content: " ";    
    position: absolute;left: 0; top: 0;width: 100%;z-index: -1;    
}
.aoFS-Slide, .aoFS-Slide > div {opacity:0;visibility:hidden;}
.aoFS-Slide > img { display:block; }

/* Channel FS */
.aoFS-channelSlide > div { width: 50% !important; }
.aoFS-channelSlide > div::after {border-right: 225px solid transparent;}
.aoFS-channelSlide h3 {margin-top:45px !important;}

/* Transitions */
.aoFS-Slide, 
.aoFS-Slide.ao-currentSlide > div {
	transition: opacity 2.5s ease-in-out, visibility 2.5s ease-in-out;
	-moz-transition: opacity 2.5s ease-in-out, visibility 2.5s ease-in-out;
	-webkit-transition: opacity 2.5s ease-in-out, visibility 2.5s ease-in-out;
}
.aoFS-Slide > div {
	transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}

.aoFS-Slide.ao-currentSlide  {position:relative;opacity:1;visibility:visible;z-index:1}
.aoFS-Slide.ao-currentSlide > div  {opacity:1;visibility:visible;}

/** Animations **/
.aoFS-Slide > div.ao-firstInfo {    
    -webkit-animation: slideRight 1.5s forwards;
    -webkit-animation-delay: 3s;
    animation: slideRight 1.5s forwards;
    animation-delay: 3s;
}

@-webkit-keyframes slideRight {
  0% {left: -100%;}
  100% { left: 0; }
}

@keyframes slideRight {
  0% {left: -100%;}
  100% { left: 0; }		
}

@-webkit-keyframes slideLeft {
  0% { left: 0; }
  100% {left: -100%;}
}

@keyframes slideLeft {
  0% { left: 0; }		
  100% {left: -100%;}
}

/* Learn more button */
.aoFS-Slide > div > div a {
   float:left;width:auto;height:40px;line-height:40px; vertical-align:middle;
   background-color:#F9B122;padding-right:15px;text-decoration: none !important;
   font-family:"Helvetica Neue Medium",HelveticaNeue-Medium,Helvetica,Arial,sans-serif;font-size:18px;
}
.aoFS-Slide > div > div a::before{
   background: #F9B122 url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowNavy.svg") no-repeat center;
   content: " ";float: left;height: 40px;width: 40px;
   margin-right:15px;border-right: 1px solid #002B5C;
}
.aoFS-Slide > div > div a:hover {background-color:#002B5C;color:#FFF;}
.aoFS-Slide > div > div a:hover::before {
   background:#002B5C url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowWhite.svg") no-repeat center;
   border-right: 1px solid rgba(255, 255, 255, 0.8);
}
.aoFS-Slide .aoFS-item-link > * {display:inline;}

/*Arrows*/
.aoFS-PrevSlide, .aoFS-NextSlide {position: absolute;bottom: 60px;height: 40px;width: 40px;z-index: 1;cursor:pointer;}
.aoFS-PrevSlide {background:transparent url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowPrev.svg") no-repeat center;right: 101px;}
.aoFS-NextSlide {background:transparent url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowNext.svg") no-repeat center;right: 60px;}

.aoFS-PrevSlide:hover {background-image:url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowPrevOver.svg");opacity:1;}
.aoFS-NextSlide:hover {background-image:url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowNextOver.svg");opacity:1;}


/** Media Queries **/
@media screen and (max-width:1024px){
	.aoFS-Slide > div { padding-left: 1.25rem;width: 50%; }
	.aoFS-Slide > div::after { border-right: 250px solid transparent;border-top: 445px solid rgba(255, 255, 255, 0.8); }
	.ao-FSHome .aoFS-Slide > div  > div:first-of-type{ margin-top: 3rem; }
	.aoFS-Slide > div  > div:nth-of-type(2){ margin: .7rem 0 1rem; }
	.aoFS-PrevSlide, .aoFS-NextSlide {bottom: 20px;}
	.aoFS-PrevSlide {right: 61px;}
	.aoFS-NextSlide {right: 20px;}
	
	.aoFS-channelSlide h3 {margin-top:20px !important;}
}
@media screen and (max-width:800px){	
	.aoFS-Slide > div::after { border-right: 150px solid transparent;border-top: 425px solid rgba(255, 255, 255, 0.8); }
	.ao-FSHome .aoFS-Slide > div  > div:first-of-type{ margin-top: 20px;/*font-size:1.7rem;*/ }
	.aoFS-channelSlide > div::after {border-right: 125px solid transparent;border-top: 425px solid rgba(255, 255, 255, 0.7);}
}

@media screen and (max-width:700px){	
	.ao-FSHome .aoFS-Slide > div::after { border-right: 100px solid transparent;border-top: 300px solid rgba(255, 255, 255, 0.8); }
	.aoFS-Slide > div  > div:first-of-type{ margin-top: 1.25rem;}
}

@media screen and (max-width:600px){
	.aoFS-Slide > img { width: 100%;position:relative;float:left; }
	.aoFS-Slide > div { width: 100%;position:relative;padding:20px;float:right;height:235px; }
	.aoFS-Slide > div  > div:first-of-type{ margin-top: 0;}
	.aoFS-Slide > div::after { border:0 none; }
	.aoFS-Slide > div.ao-firstInfo { left: 0; }	
	.aoFS-Slide.ao-currentSlide > div, .aoFS-Slide > div.ao-firstInfo {    
		-webkit-animation: none ;-webkit-animation-delay: 0s;
		animation: none ;animation-delay: 0s;
	}
	
	.aoFS-PrevSlide, .aoFS-NextSlide {bottom: 243px;opacity:0.8;}
	.aoFS-PrevSlide {right: 55px;}
	.aoFS-NextSlide {right: 14px;}
	
	.aoFS-channelSlide > div { width: 100% !important;height:auto;padding:0 20px; }
	.aoFS-channelSlide > div a { margin-bottom:20px; }
	.aoFS-channelSlide > div::after {border:0 none;}
}