/* ATTENTION!!! FOR PRD ENVIRONMENT is need to change url definition on background and background-image proprieties
 * ---- start OUT-BREAKPOINT definition ---- DEFAULT SETTINGS
 */
 
 	/* start Visual Paradigm PIC layout */
 	
	.visualParadimgResellerPic-panel{
		background: black;
		background-position: center !important;
		background-repeat: no-repeat !important;
		text-align: right;
	}
		
	.visualParadigm-text{
		position: relative;
		color: #fff18f;
	}
		
	.visualParadigmResellerTitle-label{
		font-family: GothamMedium !important;
		font-size: 40pt !important;
	    top: 120px;
	    text-shadow: 2px 2px 7px #000000;
	    animation: visualParadigmResellerRightContents-move 2s;
    	animation-fill-mode: forwards;
	}
	
	.visualParadigmResellerSubtitle-label{
		font-family: GothamLight !important;
		font-size: 24pt !important;
		top: 210px;
		color: white;
		text-shadow: 2px 2px 7px #000000;
	    animation: visualParadigmResellerLeftContents-move 3s;
    	animation-fill-mode: forwards;
	}
	
	@keyframes visualParadigmResellerLeftContents-move {
	    from {left: -50%; opacity: 0;}
	    to {left: 5%; opacity: 1;}
	}
	
	@keyframes visualParadigmResellerRightContents-move {
	    /*@see desktopVisualParadigmResellerStyle.css & mobileVisualParadigmResellerStyle.css*/
	}
	
	.visualParadigmDesktopProductsPanelTitle-label{
		font-family: GothamMedium !important;
		font-size: 26pt !important;
		color: #515b68;
		animation: visualParadigmDesktopProductsPanelTitle-move 1s;
		animation-fill-mode: forwards;
			
	}
	
	@keyframes visualParadigmDesktopProductsPanelTitle-move {
	    from {top: 40px; opacity: 0;}
	    to {top: 70px; opacity: 1;}
	}
	
	.visualParadigmDesktopProductsPanelSubtitle-label{
		color: #515b68;
		animation: visualParadigmDesktopProductsPanelSubtitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	@keyframes visualParadigmDesktopProductsPanelSubtitle-move {
	    from {top: 70px; opacity: 0;}
	    to {top: 100px; opacity: 1;}
	}
	
	.visualParadigmDesktopProductsPanelInnerUpper-panel{
		margin-top: 20px;
		border-radius: 15px !important;
    	border: #ffffff82;
    	border-style: solid;
    	border-width: 2px;
	}

	.visualParadigmDesktopProductsPanelInnerLower-panel{
		height: 40px !important;
	}
	
	.enterprise-panel{
		/*background-color: #EDC204 !important;*/
		background-image: url("../images/enterprise_background.png.xhtml") !important;
		background-size: 100% 100% !important;
		opacity: 0.7 !important;
		text-align: center;
		padding-left: 8%;
    	padding-right: 8%;
	}
	
	.enterprise-panel:HOVER {
    	opacity: 1 !important;
	}
	
	.professional-panel{
		/*background-color: #781DD3 !important;*/
		background-image: url("../images/professional_background.png.xhtml") !important;
		background-size: 100% 100% !important;
		opacity: 0.7 !important;
		text-align: center;
		padding-left: 8%;
    	padding-right: 8%;
	}
	
	.professional-panel:HOVER {
    	opacity: 1 !important;
	}
	
	.standard-panel{
		/*background-color: #009AD8 !important;*/
		background-image: url("../images/standard_background.png.xhtml") !important;
		background-size: 100% 100% !important;
		opacity: 0.7 !important;
		text-align: center;
		padding-left: 8%;
    	padding-right: 8%;
	}
	
	.standard-panel:HOVER {
    	opacity: 1 !important;
	}
	
	.modeler-panel{
		/*background-color: #DA741C !important;*/
		background-image: url("../images/modeler_background.png.xhtml") !important;
		background-size: 100% 100% !important;
		opacity: 0.7 !important;
		text-align: center;
		padding-left: 8%;
    	padding-right: 8%;
	}
	
	.modeler-panel:HOVER {
    	opacity: 1 !important;
	}
	
	.visualParadigmDesktopProductsTitle-label{
		position: relative;
		font-family: GothamMedium !important;
		font-size: 22pt !important;
		color: white;
		text-shadow: 2px 2px 7px #000000;
		animation: visualParadigmDesktopProductsTitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	@keyframes visualParadigmDesktopProductsTitle-move {
	    from {top: 0px; opacity: 0;}
	    to {top: 30px; opacity: 1;}
	}
	
	.visualParadigmDesktopProductLeft-icon{
		position: relative;
		height: 100px;
		transition: 1s;
		animation: visualParadigmDesktopProductLeft-move 3s;
    	animation-fill-mode: forwards;
	}
	
	.visualParadigmDesktopProductRight-icon{
		position: relative;
		height: 100px;
		transition: 1s;
		animation: visualParadigmDesktopProductRight-move 3s;
    	animation-fill-mode: forwards;
	}
	
	@keyframes visualParadigmDesktopProductLeft-move {
	    from {left: -50%; opacity: 0;}
	    to {left: 0%; opacity: 1;}
	}
	
	@keyframes visualParadigmDesktopProductRight-move {
	     /*@see desktopVisualParadigmResellerStyle.css & mobileVisualParadigmResellerStyle.css*/
	}
	
	.visualParadigmDesktopProductLeft-icon:hover{
		transform: scale(1.3);
		transform-origin: bottom;
	}
	
	.visualParadigmDesktopProductRight-icon:hover{
		transform: scale(1.3);
		transform-origin: bottom;
	}
	
	.visualParadigmDesktopProductsDescription-text{
		position: relative;
		top: 50px;
		font-family: GothamLight !important;
		color: white;
		text-shadow: 2px 2px 7px #000000;
		animation: visualParadigmDesktopProductsDescription-move 1s;
		animation-fill-mode: forwards;
	}
	
	@keyframes visualParadigmDesktopProductsDescription-move {
	    from {opacity: 0;}
	    to {opacity: 1;}
	}
	
	.visualParadigmDesktopProductsNote-text{
		position: relative;
		top: 70px;
		font-family: GothamLight !important;
		font-size: 11pt !important;
		color: white;
		text-shadow: 2px 2px 7px #000000;
		animation: visualParadigmDesktopProductsNote-move 1s;
		animation-fill-mode: forwards;
	}
	
	@keyframes visualParadigmDesktopProductNote-move {
	    from {opacity: 0;}
	    to {opacity: 1;}
	}
			
 	
/*
 * ---- end OUT-BREAKPOINT definition ----
 */