/*
 * ---- start OUT-BREAKPOINT definition ---- DEFAULT SETTINGS
 */
 

 		
 	/* start CAROUSEL layout */
	
	.carouselSlide-panel{
		background: black;
		background-position: center !important;
		background-repeat: no-repeat !important;
		text-align: right;	
	}
	
	.carousel-text{
		position: relative;
		color: white;
	}
	
	.mainCarouselTitle-label{
		font-family: GothamMedium !important;
		font-size: 40pt !important;
	    top: 40px;
	    animation: mainCarouselRightContents-move 2s;
    	animation-fill-mode: forwards;
	}
	
	.firstCarouselItem-label{
		font-family: GothamLight !important;
		font-size: 24pt !important;
		top: 90px;
	    color: #ffc195;
	    animation: mainCarouselLeftContents-move 3s;
    	animation-fill-mode: forwards;
	}
	
	.secondCarouselItem-label{
		font-family: GothamLight !important;
		font-size: 24pt !important;
		color: #fff8a0;
	    animation: mainCarouselLeftContents-move 3s;
    	animation-fill-mode: forwards;
	}
	
	.visualParadigmResellerDiscover-button{
		top:180px;
	}
	
	.thirdCarouselItem-label{
		font-family: GothamLight !important;
		font-size: 24pt !important;
		top: 90px;
	    color: #91fb0d;
	    animation: mainCarouselLeftContents-move 3s;
    	animation-fill-mode: forwards;
	}
	
	@keyframes mainCarouselLeftContents-move {
	    from {left: -50%; opacity: 0;}
	    to {left: 5%; opacity: 1;}
	}
	
	@keyframes mainCarouselRightContents-move {
	    from {left: 50%; opacity: 0;}
	    to {left: 8.3%; opacity: 1;}
	}
	
		
	/* end CAROUSEL layout */
	
		
	/* start DEVELOPMENT layout */
	
	.developmentTitle-panel{
		position: relative;
		background: white !important;
		text-align: center;
	}
	
	.developmentTitle-label{
		color: #515b68;
		animation: developmentTitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	.developmentSubtitle-label{
		color: #515b68;
		animation: developmentSubtitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	.developmentContent-panel{
		position:relative !important;
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		background-image: url("../images/commonContainer_background.png.xhtml") !important;
	}
	
	/* end DEVELOPMENT layout */
	
	/* start DESIGN layout */
	
	.designTitle-panel{
		position: relative;
		background: white !important;
		text-align: center;
	}
	
	.designTitle-label{
		color: #515b68;
		animation: designTitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	.designSubtitle-label{
		color: #515b68;
		animation: designSubtitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	.designContent-panel{
		position:relative !important;
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		background-image: url("../images/commonContainer_background.png.xhtml") !important;
	}
	
	/* end DESIGN layout */
	
	/* start MANAGEMENT layout */
	
	.managementTitle-panel{
		position: relative;
		background: white !important;
		text-align: center;
	}
	
	.managementTitle-label{
		color: #515b68;
		animation: managementTitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	.managementSubtitle-label{
		color: #515b68;
		animation: managementSubtitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	.managementContent-panel{
		position:relative !important;
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		background-image: url("../images/commonContainer_background.png.xhtml") !important;
	}
	
	/* end MANAGEMENT layout */
	
	/* start SMART COMMERCE layout */
	
	.smartCommerceTitle-panel{
		position: relative;
		background: white !important;
		text-align: center;
	}
	
	.smartCommerceTitle-label{
		color: #515b68;
		animation: smartCommerceTitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	.smartCommerceSubtitle-label{
		color: #515b68;
		animation: smartCommerceSubtitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	.smartCommerceContent-panel{
		position:relative !important;
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		background-image: url("../images/commonContainer_background.png.xhtml") !important;
	}
	
	.smartCommerceCustomerFuturesContainer-panel{
		position:relative;
	}
	
	.smartCommerceCustomerJMapHook-panel{
		position: relative;
	}
	
	.smartCommerceCustomerJMap-button{
		position: relative;
	}
	
	/* end SMART COMMERCE layout */
	
/*
 * ---- end OUT-BREAKPOINT definition ----
 */