/*
4.0 Marquee Styles

4.1 General
4.2 Carousels
4.3 Desktop
4.4 Mobile
4.5 CTAs
4.6 Home Page

*/




/* 4.1 General */


div.marquee {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow-y: hidden;
	}

div.marquee.home {
	padding: 150px 0px 0px 0px;
	min-height: 400px;
	}

div.marquee.carousel {
	padding: 150px 0px 0px 0px;
	min-height: 400px;
	display: none;	
	}

div.marquee.cta {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
div.marquee.short,
div.marquee.tall {
	padding: 100px 0px 0px 0px;
	height: initial;
	}

@media all and (max-width: 650px) {
div.marquee {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: initial;
	}

div.marquee.home {
	padding: 150px 0px 0px 0px;
	min-height: 565px;
	}

div.marquee.carousel {
	padding: 150px 0px 0px 0px;
	min-height: 565px;
	}
	}




/* 4.3 Desktop Marquees*/

@media all and (min-width: 992px) {

div#marquee-home-1 {
	min-height: 353px;
	background-image: url('../images/illus/illus-home-1.png');
	background-position: 100% 0%;
	background-size: 698px 353px;
	background-repeat: no-repeat;
	}

div#marquee-home-2 {
	background-image: url('../images/illus/illus-home-2.png');
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	}

div#marquee-home-sase-2021-callouts {
	background-image: url('../images/illus/illus-home-sase-2021-callouts.png');
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	}

div#marquee-sase-sd-wan {
	background-image: url('../images/illus/illus-sase-sd-wan.png');
	background-position: 100% 100%;
	background-size: contain;
	background-repeat: no-repeat;
	}

div#home-enterprise-1 {
	min-height: 463px;
	background-image: url('../images/illus/illus-enterprise-1.png');
	background-position: 0% 0%;
	background-size: 756px 463px;
	background-repeat: no-repeat;
	}

div#home-service-provider-1 {
	min-height: 430px;
	background-image: url('../images/illus/illus-service-provider-1.png');
	background-position: 90%  60px;
	background-size: 490px 351px;
	background-repeat: no-repeat;
	}

div.marquee#ellipse-dark {
    background-image: url(../images/marquees/marquee-ellipse-dark.jpg);
    background-position: 50% 50%;
}

div.marquee#swirl-blue {
    background-image: url(../images/marquees/marquee-swirl-blue.jpg);
    background-position: 50% 50%;
}

div.marquee#versatility-2024-1 {
    background-image: url(../images/versatility-2024/BG1.jpg);
    background-position: 50% 50%;
}
div.marquee#versatility-2024-2 {
    background-image: url(../images/versatility-2024/BG2.jpg);
    background-position: 50% 50%;
}
div.marquee#versatility-2024-3 {
    background-image: url(../images/versatility-2024/BG3.jpg);
    background-position: 50% 50%;
}
div.marquee#versatility-2024-4 {
    background-image: url(../images/versatility-2024/BG.jpg);
    background-position: 50% 50%;
}

div.marquee.marquee-5g {
	background-image: url('../images/marquees/marquee-5g.jpg');
	background-position: 50% 50%;
	}

div.marquee.adobe {
	background-image: url('../images/marquees/marquee-adobe.jpg');
	background-position: 50% 50%;
	}

div.marquee#academy {
	background-image: url('../images/marquees/marquee-academy.jpg');
	background-position: 50% 50%;
	}

div.marquee.beer {
	background-image: url('../images/marquees/marquee-beer.jpg');
	background-position: 50% 50%;
	}

div.marquee.bike {
	background-image: url('../images/marquees/marquee-bike.jpg');
	background-position: 50% 50%;
	}

div.marquee.blue-cascade {
	background-image: url('../images/marquees/marquee-blue-cascade.jpg');
	background-position: 50% 70%;
	}

div.marquee.blue-whisp {
	background-image: url('../images/marquees/marquee-blue-whisp.jpg');
	background-position: 50% 20%;
	}

div.marquee.buildings-clouds {
	background-image: url('../images/marquees/marquee-buildings-clouds.jpg');
	background-position: 50% 50%;
	}

div.marquee.careers-1 {
	background-image: url('../images/marquees/marquee-hands-on-ipad.jpg');
	background-position: 50% 50%;
	}

div.marquee.city-network {
	background-image: url('../images/marquees/marquee-city-network.jpg');
	background-position: 50% 50%;
	}

div.marquee.clock-red-overlay {
	background-image: url('../images/marquees/marquee-clock-red-overlay.jpg');
	background-position: 50% 50%;
	}

div.marquee.cloud-reflection {
	background-image: url('../images/marquees/marquee-cloud-reflection.jpg');
	background-position: 50% 50%;
	}

div.marquee.coffee {
	background-image: url('../images/marquees/marquee-coffee.jpg');
	background-position: 50% 50%;
	}

div.marquee.datacenter {
	background-image: url('../images/marquees/marquee-datacenter.jpg');
	background-position: 50% 50%;
	}

div.marquee.experiences-and-attitudes-towards-a-post-covid-workforce {
	background-image: url('../images/marquees/marquee-experiences-and-attitudes-towards-a-post-covid-workforce.jpg');
	background-position: 50% 15%;
	}

div.marquee.freeway-bridseye {
	background-image: url('../images/marquees/marquee-freeway-bridseye.jpg');
	background-position: 50% 50%;
	}

div.marquee.gartner-quick-question {
		background-image: url('../images/marquees/marquee-gartner-quick-question.jpg');
		background-position: 50% 45%;
	}

div.marquee.global-network {
	background-image: url('../images/marquees/marquee-global-network.jpg');
	background-position: 50% 50%;
	}

div.marquee.golf {
	background-image: url('../images/marquees/marquee-golf.jpg');
	background-position: 50% 55%;
	}

div.marquee.laptop-desk {
	background-image: url('../images/marquees/marquee-laptop-desk.jpg');
	background-position: 50% 50%;
	}

div.marquee.network-security {
	background-image: url('../images/marquees/marquee-network-security.jpg');
	background-position: 50% 50%;
	}

div.marquee.partners {
	background-image: url('../images/marquees/marquee-partners.jpg');
	background-position: 50% 50%;
	}

div.marquee.partners-2021 {
	background-image: url('../images/marquees/marquee-partners-2021.jpg');
	background-position: 50% 50%;
	}

div.marquee.roi-calculator {
	background-image: url('../images/marquees/marquee-roi-calculator.jpg');
	background-position: 50% 50%;
	}

div.marquee.rocket {
	background-image: url('../images/marquees/marquee-rocket.jpg');
	background-position: 50% 50%;
	}

div.marquee.sase-for-dummies {
	background-image: url('../images/marquees/marquee-sase-for-dummies.jpg');
	background-position: 50% 45%;
	}

div.marquee.scuba {
	background-image: url('../images/marquees/marquee-scuba.jpg');
	background-position: 50% 52%;
	}

div.marquee.speed {
	background-image: url('../images/marquees/marquee-speed.jpg');
	background-position: 50% 50%;
	}

div.marquee.speed-2 {
	background-image: url('../images/marquees/marquee-speed-2.jpg');
	background-position: 50% 50%;
	}

div.marquee.speedometer {
	background-image: url('../images/marquees/marquee-speedometer.jpg');
	background-position: 50% 50%;
	}

div.marquee.steak {
	background-image: url('../images/marquees/marquee-steak.jpg');
	background-position: 50% 60%;
	}

div.marquee.support {
	background-image: url('../images/marquees/marquee-support.jpg');
	background-position: 50% 50%;
	}

div.marquee.versatility-2022 {
	background-image: url('../images/marquees/marquee-rocket-2.jpg');
	background-position: 50% 50%;
	}

div.marquee.wavy-dots {
	background-image: url('../images/marquees/marquee-wavy-dots.jpg');
	background-position: 50% 50%;
	}

div.marquee.wavy-dots-tabs {
	background-image: url('../images/marquees/marquee-wavy-dots-tabs.jpg');
	background-position: 50% 60%;
	}

div.marquee.work-from-home {
	background-image: url('../images/marquees/marquee-work-from-home.jpg');
	background-position: 50% 20%;
	}

div.marquee.work-from-home-2 {
	background-image: url('../images/marquees/marquee-work-from-home-2.jpg');
	background-position: 50% 65%;
	}

div.marquee.wine {
	background-image: url('../images/marquees/marquee-wine.jpg');
	background-position: 50% 50%;
	}

div.marquee.zoom {
	background-image: url('../images/marquees/marquee-zoom.jpg');
	background-position: 50% 50%;
	}
	}



/* 4.4 Mobile Marquees*/

@media all and (max-width: 991px) {

div.marquee,
div.marquee a {
	color: #fff;
}

div.marquee a {
	color: #fff important;
}

div.marquee p {
 font-size: 1.2rem;
}	



div#marquee-home-1 {
	min-height: 353px;
	background-image: url('../images/illus/illus-home-1.png');
	background-position: 100% 0%;
	background-size: 698px 353px;
	background-repeat: no-repeat;
	}

div#marquee-home-2 {
	padding-top: 240px;
	background-image: url('../images/illus/illus-home-2.png');
	background-position: 92% -10%;
	background-size: 195%;
	background-repeat: no-repeat;
	}

div#marquee-sase-sd-wan {
	background-image: url('../images/illus/illus-sase-sd-wan.png');
	background-position: 100% 100%;
	background-size: contain;
	background-repeat: no-repeat;
	}

div#home-enterprise-1 {
	padding-top: 280px;
	background-image: url('../images/illus/illus-enterprise-1.png');
	background-position: 0% 0%;
	background-size: 100%;
	background-repeat: no-repeat;
	}

div#home-service-provider-1 {
	padding-top: 340px;
	background-image: url('../images/illus/illus-service-provider-1.png');
	background-position: 50% 0%;
	background-size: 90%;
	background-repeat: no-repeat;
	}

div.marquee.marquee-5g {
	background-image: url('../images/marquees/marquee-5g.jpg');
	background-position: 50% 50%;
	}

div.marquee.adobe {
	background-image: url('../images/marquees/marquee-adobe.jpg');
	background-position: 50% 50%;
	}

div.marquee.academy {
	background-image: url('../images/marquees/marquee-academy.jpg');
	background-position: 100% 50%;
	}

div.marquee.beer {
	background-image: url('../images/marquees/marquee-beer.jpg');
	background-position: 50% 50%;
	}

div.marquee.bike {
	background-image: url("../images/marquees/marquee-bike.jpg");
	background-position: 20% 50%;
	}

div.marquee.blue-cascade {
	background-image: url('../images/marquees/marquee-blue-cascade.jpg');
	background-position: 50% 50%;
	}

div.marquee.buildings-clouds {
	background-image: url('../images/marquees/marquee-buildings-clouds.jpg');
	background-position: 20% 50%;
	}

div.marquee.blue-whisp {
	background-image: url('../images/marquees/marquee-blue-whisp.jpg');
	background-position: 50% 0%;
	}

div.marquee.careers-1 {
	background-image: url('../images/marquees/marquee-hands-on-ipad.jpg');
	background-position: 50% 50%;
	}

div.marquee.city-network {
	background-image: url('../images/marquees/marquee-city-network.jpg');
	background-position: 30% 50%;
	}

div.marquee.clock-red-overlay {
	background-image: url('../images/marquees/marquee-clock-red-overlay.jpg');
	background-position: 50% 50%;
	}

div.marquee.cloud-reflection {
	background-image: url('../images/marquees/marquee-cloud-reflection.jpg');
	background-position: 20% 50%;
	}

div.marquee.coffee {
	background-image: url('../images/marquees/marquee-coffee.jpg');
	background-position: 50% 50%;
	}

div.marquee.datacenter {
	background-image: url('../images/marquees/marquee-datacenter.jpg');
	background-position: 80% 50%;
	}

div.marquee.experiences-and-attitudes-towards-a-post-covid-workforce {
	background-image: url('../images/marquees/marquee-experiences-and-attitudes-towards-a-post-covid-workforce.jpg');
	background-position: 50% 50%;
	}

div.marquee.freeway-bridseye {
	background-image: url('../images/marquees/marquee-freeway-bridseye.jpg');
	background-position: 50% 50%;
	}

div.marquee.global-network {
	background-image: url('../images/marquees/marquee-global-network.jpg');
	background-position: 50% 50%;
	}

div.marquee.golf {
	background-image: url('../images/marquees/marquee-golf.jpg');
	background-position: 50% 50%;
	}

div.marquee.laptop-desk {
	background-image: url('../images/marquees/marquee-laptop-desk.jpg');
	background-position: 35% 50%;
	}

div.marquee.network-security {
	background-image: url('../images/marquees/marquee-network-security.jpg');
	background-position: 20% 50%;
	}

div.marquee.partners {
	background-image: url('../images/marquees/marquee-partners.jpg');
	background-position: 50% 50%;
	}

div.marquee.partners-2021 {
	background-image: url('../images/marquees/marquee-partners-2021.jpg');
	background-position: 50% 50%;
	}

div.marquee.rocket {
	background-image: url('../images/marquees/marquee-rocket.jpg');
	background-position: 50% 50%;
	}

div.marquee.roi-calculator {
	background-image: url('../images/marquees/marquee-roi-calculator.jpg');
	background-position: 75% 55%;
	background-size: 160%;
	}

div.marquee.sase-for-dummies {
	background-image: url('../images/marquees/marquee-sase-for-dummies.jpg');
	background-position: 50% 50%;
	}

div.marquee.scuba {
	background-image: url('../images/marquees/marquee-scuba.jpg');
	background-position: 65% 50%;
	}

div.marquee#versatility-2024-1 {
    background-image: url(../images/versatility-2024/BG1.jpg);
    background-position: 50% 50%;
}
div.marquee#versatility-2024-2 {
    background-image: url(../images/versatility-2024/BG2.jpg);
    background-position: 50% 50%;
}
div.marquee#versatility-2024-3 {
    background-image: url(../images/versatility-2024/BG3.jpg);
    background-position: 50% 50%;
}
div.marquee#versatility-2024-4 {
    background-image: url(../images/versatility-2024/BG.jpg);
    background-position: 50% 50%;
}
div.marquee.speed {
	background-image: url('../images/marquees/marquee-speed.jpg');
	background-position: 65% 50%;
	}

div.marquee.speed-2 {
	background-image: url('../images/marquees/marquee-speed-2.jpg');
	background-position: 50% 50%;
	}

div.marquee.speedometer {
	background-image: url('../images/marquees/marquee-speedometer.jpg');
	background-position: 50% 50%;
	}

div.marquee.steak {
	background-image: url('../images/marquees/marquee-steak.jpg');
	background-position: 50% 50%;
	}

div.marquee.support {
	background-image: url('../images/marquees/marquee-support.jpg');
	background-position: 50% 50%;
	}

div.marquee.versatility-2022 {
	background-image: url('../images/marquees/marquee-rocket-2.jpg');
	background-position: 50% 50%;
	}

div.marquee.wavy-dots {
	background-image: url('../images/marquees/marquee-wavy-dots.jpg');
	background-position: 20% 50%;
	}


div.marquee.wavy-dots-tabs {
	background-image: url('../images/marquees/marquee-wavy-dots-tabs.jpg');
	background-position: 20% 50%;
	}

div.marquee.work-from-home {
	background-image: url('../images/marquees/marquee-work-from-home.jpg');
	background-position: 20% 50%;
	}

div.marquee.work-from-home-2 {
	background-image: url('../images/marquees/marquee-work-from-home-2.jpg');
	background-position: 50% 50%;
	}

div.marquee.wine {
	background-image: url('../images/marquees/marquee-wine.jpg');
	background-position: 50% 50%;
	}

div.marquee.zoom {
	background-image: url('../images/marquees/marquee-zoom.jpg');
	background-position: 70% 50%;
	}
	}

/* 4.4 Carousel*/


.carousel {
	margin: 0px 0px 0px 0px;
	background: linear-gradient(to right, #009bdf, #0071bb);
	position: relative;
}

.carousel .slide {
	display: none;
	}

div.pagination {
	margin: 0px 0px -10px -35px;
	text-align: center;
	position: relative;
	top: -30px;
	left: 50%;
	z-index: 100;
	}

div.pagination a {
  height: 7px;
  width: 7px;
  margin: 0px 3px 0px 3px;
  border: 1px solid #aee2ff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

div.pagination a.selected {
  background-color: #aee2ff;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 8s;
  animation-name: fade;
  animation-duration: 8s;
}

@-webkit-keyframes fade {
  0% {opacity: 0} 
  15% {opacity: 1}
}

@keyframes fade {
  0% {opacity: 0} 
  15% {opacity: 1}
}