@charset "UTF-8";


/*SoftwareIcons*/
.slideIconBlank{
    background-image:none !important;
}

.slideContentIcon{
    background-image: url(../images/fullstackIcons.svg);
    background-size: 960px 150px;
}

/*conceptualize*/
.slideIconLightBulb{background-position:-35px -65px;}
.slideIconStoryBoard{background-position:-5px -95px;}
.slideIconPostIt{background-position:-35px -95px;}
.slideIconWhiteBoard{background-position:-65px -95px;}
.slideIconNotes{background-position:-95px -95px;}
.slideIconAdobeCreative{background-position: -5px -125px;}
.slideIconOneDrive{background-position:-35px -125px;}
.slideIconBalsamiq{background-position: -65px -125px;}
.slideIconColorPicker{background-position:-95px -125px;}

/*Planning*/

.slideIconPeople{background-position: -125px -35px;}

.slideIconWord{background-position: -125px -65px;}
.slideIconTeams{background-position: -155px -65px;}
.slideIconSkype{background-position: -185px -65px;}
.slideIconSlack{background-position: -215px -65px;}

.slideIconSharepoint{background-position: -125px -95px;}
.slideIconOutlook{background-position: -155px -95px;}
.slideIconOnenote{background-position: -185px -95px;}
.slideIconExcel{background-position: -215px -95px;}

.slideIconGant{background-position: -125px -125px;}
.slideIconWaterfall{background-position: -155px -125px;}
.slideIconAgile{background-position: -185px -125px;}
.slideIconThreeSixtyFive{background-position: -215px -125px;}

/*design*/

.slideIconApache{background-position: -245px -35px;}
.slideIconIIS{background-position: -275px -35px;}

.slideIconAzure{background-position: -275px -65px;}
.slideIconAws{background-position: -305px -65px;}
.slideIconSap{background-position: -335px -65px;}

.slideIconIllustrator{background-position: -245px -95px;}
.slideIconPhotoshop{background-position: -275px -95px;}
.slideIconVisio{background-position: -305px -95px;}
.slideIconPowerpoint{background-position: -335px -95px;}

.slideIconMicrosoftServer{background-position: -245px -125px;}
.slideIconMicrosoft{background-position: -275px -125px;}
.slideIconApple{background-position: -305px -125px;}
.slideIconDb2{background-position: -335px -125px;}

/*development*/

.slideIconPHP{background-position: -365px -5px;}
.slideIconAjax{background-position: -425px -5px;}

.slideIconHtml{background-position: -365px -35px;}
.slideIconCSS{background-position: -395px -35px;}
.slideIconJavascript{background-position: -425px -35px;}
.slideIconBootstrap{background-position: -455px -35px;}

.slideIconEclipse{background-position: -365px -65px;}
.slideIconVisualStudio{background-position: -395px -65px}
.slideIconInergize{background-position: -425px -65px;}
.slideIconDreamweaver{background-position: -455px -65px;}

.slideIconJquery{background-position: -365px -95px;}
.slideIconGit{background-position: -395px -95px}
.slideIconSubversion{background-position: -425px -95px}
.slideIconJson{background-position: -455px -95px;}

.slideIconSQL{background-position: -365px -125px;}
.slideIconRestApi{background-position: -395px -125px;}
.slideIconSQLServer{background-position: -425px -125px;}
.slideIconMysql{background-position: -455px -125px;}

/*compliance*/

.slideIconSaml{background-position: -545px -125px;}
.slideIconOkta{background-position:-485px -125px}
.slideIconSingleSignOn{background-position:-575px -125px}

.slideIconPCIDss{background-position: -485px -65px;}
.slideIconRapid7{background-position: -545px -65px;}

.slideIconQualys{background-position: -485px -95px;}
.slideIconPRTG{background-position: -545px -95px;}

/*Pre-Deployment*/
.slideIconMaudio{background-position: -605px -35px}
.slideIconLogic{background-position: -635px -35px}
.slideIconIndesign{background-position: -665px -35px}
.slideIconFilmCan{background-position: -695px -35px}

.slideIconProtools{background-position: -605px -65px}
.slideIconMidi{background-position: -635px -65px;}
.slideIconClacker{background-position: -695px -65px}

.slideIconOpera{background-position:-605px -95px}
.slideIconExplorer{background-position:-635px -95px}
.slideIcon3DSMax{background-position: -665px -95px}
.slideIconCameraLense{background-position: -695px -95px}

.slideIconChrome{background-position:-605px -125px}
.slideIconFirefox{background-position:-635px -125px}
.slideIconSafari{background-position:-665px -125px}
.slideIconEdge{background-position:-695px -125px}


/*Launch*/
.slideIconZeroBouce{background-position: -725px -65px}
.slideIconJira{background-position: -755px -65px}
.slideIconCherwell{background-position: -785px -65px}

.slideIconInstagram{background-position: -725px -95px}
.slideIconFilezilla{background-position: -755px -95px}
.slideIconDiscord{background-position: -785px -95px}
.slideIconDocker{background-position: -815px -95px}

.slideIconLinkedin{background-position: -725px -125px}
.slideIconTwitter{background-position: -755px -125px}
.slideIconYoutube{background-position: -785px -125px}
.slideIconFacebook{background-position: -815px -125px}


/*Review*/

.slideIconEmailChimp{background-position: -845px -95px}
.slideIconGoogleAnalytics{background-position: -875px -95px}
.slideIconSurveyMonkey{background-position: -935px -95px}

.slideIconEmail{background-position: -845px -125px}
.slideIconContact{background-position: -875px -125px}
.slideIconReviews{background-position: -905px -125px}
.slideIconPhones{background-position: -935px -125px}






$carousel-width: 1000px;
$carousel-height: 250px;

body * { -webkit-user-select: none }

.wrap {
  position: relative;
  width: $carousel-width;
  height: 250px;
  margin: 0px auto 50px auto;
 /* box-shadow:7px 7px 5px 0px rgba(0, 0, 0, 0.25);
*/}

.window {
  overflow: hidden;
  position: relative;
/*  background: #999;*/
}

#carousel {
  width: 10000px;
  position: relative;
  top: 0; 
  left: -1000px;
  border:0px solid green;
}

.slide {
  height: 250px;
  width: 125px;
  cursor: pointer;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}



#SDLCprev, #SDLCnext {
  cursor: pointer;
  position: absolute;
  bottom: -45px;
  font-size: 14pt;
}

#SDLCprev { left: 15px }
#SDLCnext { right: 15px }

.transition {
  transition: .4s;
}


.slideInnerContainer{
	display:inline-block;
	position:relative;
	height:100%;
	width:100%;
	border:0px solid red; 
}

.slideContentContainer{
	border:0px solid red; 
	display:block;
	position:relative;
	height:150px;
	width:100%;
	/*background-color:blue;*/
}

.slideContentIconContainer{
	display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    height: 147px;
    width: 120px;
    overflow:hidden;
	top:3px;
    border:0px solid #000;
}




.slideContentIcon{
    display: block;
    position: relative;
 /*   background-color: rgba(0,0,0,0.1);*/
    margin: 5px;
    float: left;
 /*   cursor: pointer;*/
}

.slideIconOneHalf{height:20px;width:5px;}
.slideIconOneOne{height: 20px;width:20px;}
.slideIconOneTwo{height: 20px;width:50px;}
.slideIconOneThree{height: 20px;width: 80px;}
.slideIconOneFour{height:20px;width:110px}
.slideIconTwoOne{height: 50px;width:20px;}
.slideIconTwoTwo{height: 50px;width:50px;}
.slideIconTwoThree{height: 50px;width: 80px;}
.slideIconTwoFour{height: 50px;width:110px;}
.slideIconThreeOne{height: 80px;width:20px;}
.slideIconThreeTwo{height: 80px;width:50px;}
.slideIconThreeThree{height: 80px;width: 80px;}
.slideIconThreeFour{height: 80px;width: 110px;}
.slideIconFourThree{height: 110px;width: 80px;}
.slideIconFourFour{height: 110px;width: 110px;}


.slideSDLC{
	position:relative;
	display:block;
	margin-bottom:5px;
	width:100%;
	padding:3px 0px;
	color:#fff;/*rgba(var(--primary-text-color-light),1);*/
    text-shadow: 1px 1px rgb(0 0 0 / 70%);
	font-size:1.2em;
	text-align:center;
}

.slideSDLC:after{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	border-width: 10px;
	margin-top: -10px;
	z-index:5;
}


.slideSDLCConceptualize{ background-color:rgba(var(--light-blue-primaryDarker),.2);}
.SDLCConceptualize{	background-color:rgba(var(--light-blue-primaryDarker),1);}
.SDLCConceptualize:after{ border-left-color: rgba(var(--light-blue-primaryDarker),1) !important;}

.dark-mode .slideSDLCConceptualize{ background-color:rgba(var(--orange-primaryDarker),.2);}
.dark-mode .SDLCConceptualize{	background-color:rgba(var(--orange-primaryDarker),1);}
.dark-mode .SDLCConceptualize:after{ border-left-color: rgba(var(--orange-primaryDarker),1) !important;}

.slideSDLCPlanning{	background-color:rgba(var(--light-blue-primary),.2);}
.SDLCPlanning{ background-color:rgba(var(--light-blue-primary),1);}
.SDLCPlanning:after{ border-left-color: rgba(var(--light-blue-primary),1) !important;}

.dark-mode .slideSDLCPlanning{	background-color:rgba(var(--orange-primary),.2);}
.dark-mode .SDLCPlanning{ background-color:rgba(var(--orange-primary),1);}
.dark-mode .SDLCPlanning:after{ border-left-color: rgba(var(--orange-primary),1) !important;}

.slideSDLCDesign{ background-color:rgba(var(--light-blue-secondaryDarker),.2);}
.SDLCDesign{ background-color:rgba(var(--light-blue-secondaryDarker),1);}
.SDLCDesign:after{ border-left-color: rgba(var(--light-blue-secondaryDarker),1) !important;}

.dark-mode .slideSDLCDesign{ background-color:rgba(var(--orange-secondaryDarker),.2);}
.dark-mode .SDLCDesign{ background-color:rgba(var(--orange-secondaryDarker),1);}
.dark-mode .SDLCDesign:after{ border-left-color: rgba(var(--orange-secondaryDarker),1) !important;}

.slideSDLCDevelopment{ background-color:rgba(var(--light-blue-secondary),.2);}
.SDLCDevelopment{ background-color:rgba(var(--light-blue-secondary),1);}
.SDLCDevelopment:after{	border-left-color: rgba(var(--light-blue-secondary),1) !important;}

.dark-mode .slideSDLCDevelopment{ background-color:rgba(var(--orange-secondary),.2);}
.dark-mode .SDLCDevelopment{ background-color:rgba(var(--orange-secondary),1);}
.dark-mode .SDLCDevelopment:after{	border-left-color: rgba(var(--orange-secondary),1) !important;}

.slideSDLCCompliance{ background-color:rgba(var(--light-blue-tertiary),.2);}
.SDLCCompliance{ background-color:rgba(var(--light-blue-tertiary),1);}
.SDLCCompliance:after{ border-left-color:rgba(var(--light-blue-tertiary),1);}

.dark-mode .slideSDLCCompliance{ background-color:rgba(var(--orange-tertiary),.2);}
.dark-mode .SDLCCompliance{ background-color:rgba(var(--orange-tertiary),1);}
.dark-mode .SDLCCompliance:after{ border-left-color:rgba(var(--orange-tertiary),1);}

.slideSDLCPreDeployment{ background-color:rgba(var(--light-blue-quaternary),.2);}
.SDLCPreDeployment{ background-color:rgba(var(--light-blue-quaternary),1);}
.SDLCPreDeployment:after{ border-left-color:rgba(var(--light-blue-quaternary),1);}

.dark-mode .slideSDLCPreDeployment{ background-color:rgba(var(--orange-quaternary),.2);}
.dark-mode .SDLCPreDeployment{ background-color:rgba(var(--orange-quaternary),1);}
.dark-mode .SDLCPreDeployment:after{ border-left-color:rgba(var(--orange-quaternary),1);}

.slideSDLCLaunch{ background-color:rgba(var(--light-blue-quinary),.2);}
.SDLCLaunch{ background-color:rgba(var(--light-blue-quinary),1);}
.SDLCLaunch:after{ border-left-color:rgba(var(--light-blue-quinary),1);}

.dark-mode .slideSDLCLaunch{ background-color:rgba(var(--orange-quinary),.2);}
.dark-mode .SDLCLaunch{ background-color:rgba(var(--orange-quinary),1);}
.dark-mode .SDLCLaunch:after{ border-left-color:rgba(var(--orange-quinary),1);}

.slideSDLCReview{ background-color:rgba(var(--light-blue-quinaryLighter),.2);}
.SDLCReview{ background-color:rgba(var(--light-blue-quinaryLighter),1);}
.SDLCReview:after{ border-left-color:rgba(var(--light-blue-quinaryLighter),1);}

.dark-mode .slideSDLCReview{ background-color:rgba(var(--orange-quinaryLighter),.2);}
.dark-mode .SDLCReview{ background-color:rgba(var(--orange-quinaryLighter),1);}
.dark-mode .SDLCReview:after{ border-left-color:rgba(var(--orange-quinaryLighter),1);}


.slideText{
	font-size: 1.2em;
    text-align: center;
    font-weight: bold;
    margin: 5px 0px;
}


.sdlcIconSt0{fill:rgba(var(--light-blue-quaternary),1);}
.sdlcIconSt1{fill:rgba(var(--light-blue-tertiary),1);}
.sdlcIconSt2{fill:rgba(var(--light-blue-primaryDarker),1);}
.sdlcIconSt3{fill:rgba(var(--light-blue-quinary),1);}
.sdlcIconSt4{fill:rgba(var(--light-blue-secondary),1);}
.sdlcIconSt5{fill:rgba(var(--light-blue-primary),1);}
	
	
.dark-mode .sdlcIconSt0{fill:rgba(var(--orange-quaternary),1);}
.dark-mode .sdlcIconSt1{fill:rgba(var(--orange-tertiary),1);}
.dark-mode .sdlcIconSt2{fill:rgba(var(--orange-primaryDarker),1);}
.dark-mode .sdlcIconSt3{fill:rgba(var(--orange-quinary),1);}
.dark-mode .sdlcIconSt4{fill:rgba(var(--orange-secondary),1);}
.dark-mode .sdlcIconSt5{fill:rgba(var(--orange-primary),1);}

.SDLCArrowIcon{
	height:50px;
	width:50px;	
	display:block;
}
.SDLCArrowIconForward{
	transform: rotate(180deg);	
}
.SDLCArrow{
	fill:rgba(var(--light-blue-tertiary),1);
}

.dark-mode .SDLCArrow{
	fill:rgba(var(--orange-tertiary),1);
}
