.wwd-menu {
	position: relative;
    margin: 0;
    padding: 25px 0 10px 0;
    left: 7.5%;
    list-style-type: none;
    opacity: 0;
    -webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	transform: translate(0, -100%);
    -webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

	.loaded .wwd-menu {
		 opacity: 1;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		transform: translate(0);
	}
	
	.wwd-menu-container:before, .wwd-menu-container:after {
		content: " ";
		display: block;
		position: fixed;
		height: 500px;
		width: 500px;
		top: 25vh;
	    left: -125px;
		border-width: 150px 150px 0 0;
		border-style: solid;
		border-color: #efefef;
		z-index: -1;
		opacity: 0;
		-webkit-transform: translate(-200%, 0) rotate(45deg);
		-moz-transform: translate(-200%, 0) rotate(45deg);
		transform: translate(-200%, 0) rotate(45deg);
		-webkit-transition: all .5s cubic-bezier(0,-0.02, 0.22, 1.71) .4s;
		-moz-transition: all .5s cubic-bezier(0,-0.02, 0.22, 1.71) .4s;
		transition: all .5s cubic-bezier(0,-0.02, 0.22, 1.71) .4s;
	}
	
		.loaded .wwd-menu-container:before,
		.loaded .wwd-menu-container:after {
			opacity: 0.75;
			-webkit-transform: translate(0) rotate(45deg);
			-moz-transform: translate(0) rotate(45deg);
			transform: translate(0) rotate(45deg);
		}
		
		.loaded .wwd-menu-container:after {
			opacity: 0.5;
			-webkit-transition-delay: .3s;
			-moz-transition-delay: .3s;
			transition-delay: .3s;
		}
		
		 .wwd-menu-container:before { 
		    left: -300px;
			box-shadow: 10px -10px 0px #e4e4e4;
		 }
		 
 	.wwd-menu .wwd-menu-item .wwd-link:focus {
 		color: inherit;
 	}
 	
	.wwd-menu .gray .wwd-link:focus,
	.wwd-menu .gray .wwd-link:hover,
	.wwd-menu .gray.active .wwd-link
	{
		color: #424242;
	}
	
	.wwd-menu .blue .wwd-link:focus,
	.wwd-menu .blue .wwd-link:hover,
	.wwd-menu .blue.active .wwd-link {
		color: #4e799f;
	}
	
	.wwd-menu .green .wwd-link:focus,
	.wwd-menu .green .wwd-link:hover,
	.wwd-menu .green.active .wwd-link {
  		color: #4fab84;
	}
	
	.wwd-menu .orange .wwd-link:focus,
	.wwd-menu .orange .wwd-link:hover,
	.wwd-menu .orange.active .wwd-link {
    	color: #ee7736;
	}
	
	.wwd-menu .yellow .wwd-link:focus,
	.wwd-menu .yellow .wwd-link:hover,
	.wwd-menu .yellow.active .wwd-link {
		color: #e7b125;
	}
	
	.wwd-menu .red .wwd-link:focus,
	.wwd-menu .red .wwd-link:hover,
	.wwd-menu .red.active .wwd-link {
		color: #ca2e4b;
	}
	
	.wwd-menu .wwd-link {
		position: relative;
		display: inline-block;
		width: 100%;
		left: 0;
		font-family: "ImmaginiFont", sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		margin: 0;
		-webkit-transition: color .3s linear, left .3s linear;
		-moz-transition: color .3s linear, left .3s linear;
		transition: color .3s linear, left .3s linear;
	}
	
		.wwd-menu a.wwd-link:hover {
			left: -5px;
		}
	
		.wwd-menu .wwd-link .wwd-label {
			display: inline-block;
			position: relative;
			white-space: nowrap;
			line-height: 1;
			font-size: 20px;
		}
		
		.wwd-menu .active .wwd-link .wwd-label {
			margin-bottom: -2.5%;
	   		left: -7.5%;
		}
		
		.wwd-menu .blue.active .wwd-link .wwd-label {
			margin-bottom: -1.5%;
		}
		
	
	/*** CONTENT ***/
	.content-area.gray .imm-arrow	{ color: #424242; }
	.content-area.blue .imm-arrow	{ color: #4e799f; }
	.content-area.green .imm-arrow	{ color: #4fab84; }
	.content-area.orange .imm-arrow	{ color: #ee7736; }
	.content-area.yellow .imm-arrow	{ color: #e7b125; }
	.content-area.red .imm-arrow	{ color: #ca2e4b; }
	
		.srv-btn-wrapper .srv-button {
			display: inline-block;
			position: relative;
			font-family: "immaginifont";
			text-transform: uppercase;
			font-weight: 700;
			font-size: 28px;
			line-height: 28px;
			opacity: .8;
			-webkit-transition: right .15s linear, left .15s linear, opacity .15s linear;
			-moz-transition: right .15s linear, left .15s linear, opacity .15s linear;
			transition: right .15s linear, left .15s linear, opacity .15s linear;
		}
		
			.srv-btn-wrapper .srv-button:before,
			.srv-btn-wrapper .srv-button:after {
				content: " ";
				position: absolute;
				display: block;
				top: 5px;
				height: 15px;
				width: 15px;
				border-width: 0 0 5px 5px;
				border-style: solid;
				border-color: currentColor;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			
				.srv-btn-wrapper .srv-button.srv-btn-alignright:before,
				.srv-btn-wrapper .srv-button.srv-btn-alignright:after {
					border-width: 5px 5px 0 0;
				}
			
				.srv-btn-wrapper .srv-button.srv-btn-alignright:before { right: 7px; opacity: .75;}
				.srv-btn-wrapper .srv-button.srv-btn-alignright:after { right: 11px; }
				
				.srv-btn-wrapper .srv-button.srv-btn-alignleft:before { left: 3px; }
				.srv-btn-wrapper .srv-button.srv-btn-alignleft:after { left: 11px; opacity: .75; }
			
			.srv-btn-wrapper a.srv-button.srv-btn-alignright { right: 0; padding-right: 25px; }
			.srv-btn-wrapper a.srv-button.srv-btn-alignleft { left: 0; padding-left: 25px; }
			
			.srv-btn-wrapper .srv-button:hover { opacity: 1; }
		
			.srv-btn-wrapper a.srv-button.srv-btn-alignright:hover { right: -5px; }
			.srv-btn-wrapper a.srv-button.srv-btn-alignleft:hover { left: -5px; }
		
			.content-area.gray .srv-btn-wrapper .srv-button { color: #424242; }
			.content-area.blue .srv-btn-wrapper .srv-button { color: #4e799f; }
			.content-area.green .srv-btn-wrapper .srv-button { color: #4fab84; }
			.content-area.orange .srv-btn-wrapper .srv-button { color: #ee7736; }
			.content-area.yellow .srv-btn-wrapper .srv-button { color: #e7b125; }
			.content-area.red .srv-btn-wrapper .srv-button { color: #ca2e4b; }

			/* CARD */

			.wwd-card-container {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				padding: 35px 0;
			}

				.wwd-card-item {
					background-color: #FFFFFF;
					margin-bottom: 50px;
					text-align: center;
					-webkit-transition: all 1s linear;
					-moz-transition: all 1s linear;
					transition: all 1s linear;
					-webkit-transform: translateY(160%);
					-moz-transform: translateY(160%);
					transform: translateY(160%);
					opacity: 0
				}
			
				.loaded .wwd-card-item{
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					transform: translateY(0);
					opacity: 1
				}

				
				.loaded .wwd-card-item:nth-child(1) .imm-arrow,
				.loaded .wwd-card-item:nth-child(2) {
					-webkit-transition-delay: 1s;
					-moz-transition-delay: 1s;
					transition-delay: 1s;
				}

				.loaded .wwd-card-item:nth-child(2) .imm-arrow,
				.loaded .wwd-card-item:nth-child(3) {
					-webkit-transition-delay: 2s;
					-moz-transition-delay: 2s;
					transition-delay: 2s;
				}

				.loaded .wwd-card-item:nth-child(3) .imm-arrow,
				.loaded .wwd-card-item:nth-child(4) {
					-webkit-transition-delay: 3s;
					-moz-transition-delay: 3s;
					transition-delay: 3s;
				}

				.loaded .wwd-card-item:nth-child(4) .imm-arrow,
				.loaded .wwd-card-item:nth-child(5) {
					-webkit-transition-delay: 4s;
					-moz-transition-delay: 4s;
					transition-delay: 4s;
				}

				.loaded .wwd-card-item:nth-child(5) .imm-arrow,
				.loaded .wwd-card-item:nth-child(6) {
					-webkit-transition-delay: 5s;
					-moz-transition-delay: 5s;
					transition-delay: 5s;
				}
				

					.wwd-card-item:last-child	{ margin-bottom: 0; }

					.wwd-card-item .imm-arrow {
						content: " ";
						position: absolute;
						display: inline-block;
						height: 30px;
						width: 30px;
						border-width: 0 0 10px 10px;
						border-style: solid;
						border-color: currentColor;
						transform-origin: center;
						z-index: -1;
						transition: all 0.5s linear;
						-webkit-transform: rotate(-45deg) translate(40px, -40px);
						-moz-transform: rotate(-45deg) translate(40px, -40px);
						transform: rotate(-45deg) translate(40px, -40px);
					}
				
					.loaded .wwd-card-item .imm-arrow {
						-webkit-transform: rotate(-45deg) translate(0);
						-moz-transform: rotate(-45deg) translate(0);
						transform: rotate(-45deg) translate(0);
					}
					 
					.wwd-card-item .imm-arrow-1 {
						bottom: -27px;
						border-color: #fff;
					}
					
					.wwd-card-item .imm-arrow-2 {
						bottom: -41px;
						border-color: #fff;
					}
					
					.wwd-card-item .imm-arrow-3 {
						bottom: -27px;
						opacity: var(--card-bg-opacity)
					}
					
					.wwd-card-item .imm-arrow-4 {
						bottom: -41px;
						opacity: calc(var(--card-bg-opacity) + 0.1)
					}
					 
					.wwd-card-item:last-child .imm-arrow { display: none; }
							
					h3.wwd-card-title {
						padding: 10px;
						margin: 0;
						font-size: 18px;
						background-color: #efefef;
						text-align: center;
						text-transform: uppercase;
					}
					
						.content-area.gray h3.wwd-card-title	{ color: #424242; }
						.content-area.blue h3.wwd-card-title	{ color: #4e799f; }
						.content-area.green h3.wwd-card-title	{ color: #4fab84; }
						.content-area.orange h3.wwd-card-title	{ color: #ee7736; }
						.content-area.yellow h3.wwd-card-title	{ color: #e7b125; }
						.content-area.red h3.wwd-card-title	{ color: #ca2e4b; }
						
					.wwd-card-content {
						display: flex;
						align-items: center;
						text-align: left;
					}
						
						.content-area.gray .wwd-card-content	{ background-image: linear-gradient(0, rgba(66, 66, 66, var(--card-bg-opacity)), rgba(66, 66, 66, var(--card-bg-opacity))), linear-gradient(0, #FFF, #FFF); }
						.content-area.blue .wwd-card-content 	{ background-image: linear-gradient(0, rgba(78, 121, 159, var(--card-bg-opacity)), rgba(78, 121, 159, var(--card-bg-opacity))), linear-gradient(0, #FFF, #FFF); }						
						.content-area.green .wwd-card-content	{ background-image: linear-gradient(0, rgba(79, 171, 132, var(--card-bg-opacity)), rgba(79, 171, 132, var(--card-bg-opacity))), linear-gradient(0, #FFF, #FFF); }
						.content-area.orange .wwd-card-content 	{ background-image: linear-gradient(0, rgba(238, 119, 54, var(--card-bg-opacity)), rgba(238, 119, 54, var(--card-bg-opacity))), linear-gradient(0, #FFF, #FFF); }
						.content-area.yellow .wwd-card-content 	{ background-image: linear-gradient(0, rgba(231, 177, 37, var(--card-bg-opacity)), rgba(231, 177, 37, var(--card-bg-opacity))), linear-gradient(0, #FFF, #FFF); }
						.content-area.red .wwd-card-content 	{ background-image: linear-gradient(0, rgba(202, 46, 75, var(--card-bg-opacity)), rgba(202, 46, 75, var(--card-bg-opacity))), linear-gradient(0, #FFF, #FFF); }
						
						.wwd-card-content .wwd-card-icon {
							height: 100px;
							width: auto;
							margin: 25px;
						}
						
						.wwd-card-content p {
							padding: 10px 15px;
							line-height: 1.5;
						}


			/* END - CARD */
			.vc_btn3-container.red .vc_btn3 {
				font-family: "ImmaginiFont", sans-serif;
			    font-weight: 600;
			    background-color: #ca2e4b;
			    color: #ffff;
			}
			
			.vc_btn3-container.vc_btn3-center.sidebanel-btn .vc_btn3-block.vc_btn3-size-md {
			    font-size: 1.7em;
    			padding-top: 20px;
			}
			
	/*** END - CONTENT ***/

@media only screen and (min-width: 768px) {
	.wwd-menu {
		left: 5%;
	}
	
	.wwd-menu .wwd-link {
		width: 75%;
	}

	.wwd-card-item {
		width: 60%;
	}

	.wwd-card-content {
		height: 150px;
	}
	
		.wwd-menu .wwd-link .wwd-label {
			font-size: 28px;
		}
		
		.wwd-menu-container:before{
			left: -200px;
		}
		
		.wwd-menu-container:after {
			left: 0
		}
}

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

	.wwd-card-item{
		width: 45%;
		margin-bottom: -2.6%;
		text-align: unset;
		-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		transition: all 1s linear;
	}

	.loaded .wwd-card-item:nth-child(1) .imm-arrow,
	.loaded .wwd-card-item:nth-child(2) {
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		transition-delay: 1s;
	}

	.loaded .wwd-card-item:nth-child(2) .imm-arrow,
	.loaded .wwd-card-item:nth-child(3) {
		-webkit-transition-delay: 2s;
		-moz-transition-delay: 2s;
		transition-delay: 2s;
	}

	.loaded .wwd-card-item:nth-child(3) .imm-arrow,
	.loaded .wwd-card-item:nth-child(4) {
		-webkit-transition-delay: 3s;
		-moz-transition-delay: 3s;
		transition-delay: 3s;
	}

	.loaded .wwd-card-item:nth-child(4) .imm-arrow,
	.loaded .wwd-card-item:nth-child(5) {
		-webkit-transition-delay: 4s;
		-moz-transition-delay: 4s;
		transition-delay: 4s;
	}

	.loaded .wwd-card-item:nth-child(5) .imm-arrow,
	.loaded .wwd-card-item:nth-child(6) {
		-webkit-transition-delay: 5s;
		-moz-transition-delay: 5s;
		transition-delay: 5s;
	}

	.wwd-card-item:nth-child(odd){
		-webkit-transform: translateX(-160%);
		-moz-transform: translateX(-160%);
		transform: translateX(-160%);
		opacity: 0;
	}

	.wwd-card-item:nth-child(even){
		-webkit-transform: translateX(160%);
		-moz-transform: translateX(160%);
		transform: translateX(160%);
		opacity: 0	}

	.loaded .wwd-card-item{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	.wwd-card-item:nth-child(odd)	{ align-self: flex-start; }
	.wwd-card-item:nth-child(even)	{ align-self: flex-end;   }

	.wwd-card-item .imm-arrow {
		display: block;
	}
	
	.wwd-card-item:nth-child(odd) .imm-arrow {
		-webkit-transform: rotate(262.5deg) translate(100px, -115px);
		-moz-transform: rotate(262.5deg) translate(100px, -115px);
		transform: rotate(262.5deg) translate(100px, -115px);
	}

	.loaded .wwd-card-item:nth-child(odd) .imm-arrow {
		-webkit-transform: rotate(262.5deg) translate(0);
		-moz-transform: rotate(262.5deg) translate(0);
		transform: rotate(262.5deg) translate(0);
	}

	.wwd-card-item:nth-child(even) .imm-arrow {
		-webkit-transform: rotate(7.5deg) translate(100px, -115px);
		-moz-transform: rotate(7.5deg) translate(100px, -115px);
		transform: rotate(7.5deg) translate(100px, -115px);
	}

	.loaded .wwd-card-item:nth-child(even) .imm-arrow {
		-webkit-transform: rotate(7.5deg) translate(0);
		-moz-transform: rotate(7.5deg) translate(0);
		transform: rotate(7.5deg) translate(0);
	}

	.wwd-card-item .imm-arrow-1 {
		opacity: 0.2;
		bottom: 7.6%;
		border-color: currentColor
	}
	
	.wwd-card-item .imm-arrow-2 {
		opacity: 0.3;
		bottom: -2.4%;
		border-color: currentColor
	}
	
	.wwd-card-item .imm-arrow-3 {
		opacity: 0.4;
		bottom: -12.4%;
	}
	
	.wwd-card-item .imm-arrow-4 {
		opacity: 0.5;
		bottom: -22.4%;
	}


	.wwd-card-item:nth-child(odd) .imm-arrow-1 { right: -7%; }
	.wwd-card-item:nth-child(even) .imm-arrow-1 {left: -7%;}
	

	.wwd-card-item:nth-child(odd) .imm-arrow-2 { right: -11%; }
	.wwd-card-item:nth-child(even) .imm-arrow-2 {left: -11%;}
	

	.wwd-card-item:nth-child(odd) .imm-arrow-3 { right: -15%; }
	.wwd-card-item:nth-child(even) .imm-arrow-3 {left: -15%;}
	

	.wwd-card-item:nth-child(odd) .imm-arrow-4 { right: -19%; }
	.wwd-card-item:nth-child(even) .imm-arrow-4 {left: -19%;}

	
}

@media only screen and (min-width: 1200px) {
	.wwd-menu-container:before {
		left: 100px;
	}
	
	.wwd-menu-container:after {
		left: 300px;
	}
}