/**
 * @file        /modules/mod_codedesign_responsive_popup/assets/css/popup_image_and_content_small.css
 * @copyright   Copyright (C) 2006 - 2026 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 
/* codeDESIGN - popup_image_and_content_small.css */
@charset "utf-8";

/* POPUP IMAGE AND CONTENT SMALL */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small [class^="col-"],
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small {
	background: var(--ci_color_accent_0);
	width: 480px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: fixed;
	z-index: 9999;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	border: 2px solid var(--ci_color_white);
}
body.tpl_design_elements_rounded div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small {
	-webkit-border-radius: var(--tpl_body_class_border_radius);
	-moz-border-radius: var(--tpl_body_class_border_radius);
	border-radius: var(--tpl_body_class_border_radius);
}
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small {
	background: var(--ci_color_accent_0);
	color: var(--ci_color_accent_0_text);
}
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small {
	background: var(--ci_color_accent_2);
	color: var(--ci_color_accent_2_text);
}



/* POPUP IMAGE AND CONTENT SMALL - POSITION LEFT BOTTOM / CENTER */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_bottom, 
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_center {
	left: -480px;
	bottom: 10px;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_center {
	left: -480px;
	bottom: calc(50% - 120px);
}
@media only screen and (max-width: 640px) {

	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_bottom, 
	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_center {
		width: calc(100% - 20px);
		left: 10px;
		bottom: -300px;
		-moz-transform: scale(0.7);  
		-webkit-transform: scale(0.7);  
		-o-transform: scale(0.7);  
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		/* KEEP ORIGINAL POSITION WHEN SCALING */
		-moz-transform-origin: bottom left;
		-webkit-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		transform-origin: bottom left;
	}
	
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_bottom.active, 
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_center.active {
	left: 10px;
}
@media only screen and (max-width: 640px) {

	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_bottom.active {
		bottom: 10px;
	}
	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_left_center.active {
		bottom: calc(50% - 120px);
	}
	
}



/* POPUP IMAGE AND CONTENT SMALL - POSITION RIGHT BOTTOM / CENTER */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_bottom, 
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_center {
	right: -480px;
	bottom: 10px;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_center {
	right: -480px;
	bottom: calc(50% - 220px);
}
@media only screen and (max-width: 640px) {

	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_bottom, 
	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_center {
		width: calc(100% - 20px);
		right: 10px;
		bottom: -300px;
		-moz-transform: scale(0.8);  
		-webkit-transform: scale(0.8);  
		-o-transform: scale(0.8);  
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		/* KEEP ORIGINAL POSITION WHEN SCALING */
		-moz-transform-origin: bottom right;
		-webkit-transform-origin: bottom right;
		-o-transform-origin: bottom right;
		-ms-transform-origin: bottom right;
		transform-origin: bottom right;
	}
	
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_bottom.active, 
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_center.active {
	right: 10px;
}
body.current_device_pixel_ratio_over_1 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_bottom.active, 
body.current_device_pixel_ratio_over_1 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_center.active {
	right: auto;
	left: 10px;
	-moz-transform: scale(0.8);  
	-webkit-transform: scale(0.8);  
	-o-transform: scale(0.8);  
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	/* KEEP ORIGINAL POSITION WHEN SCALING */
	-moz-transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}
@media only screen and (max-width: 640px) {

	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_bottom.active {
		bottom: 10px;
	}
	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_right_center.active {
		bottom: calc(50% - 140px);
	}
	
}



/* POPUP IMAGE AND CONTENT SMALL - CONTENT ALIGNMENT */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_inner {
	display: flex;
	align-items: baseline;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small_inner > div {
	align-self: center;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_header,
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_footer {
	background: transparent;
	color: var(--ci_color_white);
	width: 100%;
	display: none;
}



/* POPUP IMAGE AND CONTENT SMALL - IMAGE */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image {
	max-width: 40%;
	position: relative;
	padding: 0px 10px 0px 0px;
}
@media only screen and (max-width: 640px) {

	div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image {
		width: 33.333%;
		min-width: 140px;
	}
	
}
body.tpl_design_elements_rounded div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image picture, 
body.tpl_design_elements_rounded div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image img {
	/* calc() because of border radius and borders to avoid a tiny visible gap */
	-webkit-border-radius: calc(var(--tpl_body_class_border_radius) - 4px);
	-moz-border-radius: calc(var(--tpl_body_class_border_radius) - 4px);
	border-radius: calc(var(--tpl_body_class_border_radius) - 4px);
}



/* POPUP IMAGE AND CONTENT SMALL - IMAGE OVAERLAY */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay {
	background: rgba(255, 255, 255, 0.4);
	width: 94%;
	height: 100%;
	position: absolute;
	left: 0px;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
body.tpl_design_elements_rounded div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay {
	-webkit-border-radius: var(--tpl_body_class_border_radius);
	-moz-border-radius: var(--tpl_body_class_border_radius);
	border-radius: var(--tpl_body_class_border_radius);
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay i {
	font-size: 36px;
	color: var(--ci_color_accent_1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay i {
	color: var(--ci_color_accent_1);
}
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay i {
	color: var(--ci_color_accent_2_text);
}



/* POPUP IMAGE AND CONTENT - IMAGE OVAERLAY ICON */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay_icon {
	background: rgba(255, 255, 255, 0.0);
	width: 90px;
	height: 90px;
	position: absolute;
	left: calc(50% - 45px);
	top: calc(50% - 45px);
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	border: 6px solid rgba(255, 255, 255, 0.6);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay_icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid #ffffff;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 100%;
	animation: animation_signal_1;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	-webkit-animation: animation_signal_1;
	animation-duration: 0s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	z-index: -1;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-moz-transition: all 0.5;
	-o-transition: all 0.5;
	-webkit-transition: all 0.5;
	-ms-transition: all 0.5;
	transition: all 0.5;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_image span.image_overlay_icon:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid #ffffff;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	animation: animation_signal_2;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	-webkit-animation: animation_signal_2;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	z-index: -1;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-moz-transition: all 0.5;
	-o-transition: all 0.5;
	-webkit-transition: all 0.5;
	-ms-transition: all 0.5;
	transition: all 0.5;
}
@keyframes animation_signal_1 {
	0% {
		opacity: 0.8;
		transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
	to {
		opacity: 0;
		transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		-webkit-transform: scale(1.5);
	}
}
@-webkit-keyframes animation_signal_1 {
	0% {
		opacity: 0.9;
		transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
	to {
		opacity: 0;
		transform:scale(1.5);
		-moz-transform:scale(1.5);
		-ms-transform:scale(1.5);
		-o-transform:scale(1.5);
		-webkit-transform:scale(1.5);
	}
}
@keyframes animation_signal_2 {
	0% {
		transform: scale(0.9);
		-moz-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
	}
	to {
		opacity: 0;  
		transform: scale(1.9);
		-moz-transform: scale(1.9);
		-webkit-transform: scale(1.9);
		-ms-transform: scale(1.9);
		-o-transform: scale(1.9);
	}
}
@-webkit-keyframes animation_signal_2 {
	0% {
		transform: scale(0.9);
		-moz-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
	}
	to {
		opacity: 0;
		transform: scale(1.9);
		-moz-transform: scale(1.9);
		-webkit-transform: scale(1.9);
		-ms-transform: scale(1.9);
		-o-transform: scale(1.9);
	}
}



/* POPUP IMAGE AND CONTENT SMALL - POPUP HEADING */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_heading {
	margin: 0px 10px 10px 0px;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_heading h4 {
	color: var(--ci_color_white);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
	hyphens: none;
}
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_heading h4 {
	color: var(--ci_color_accent_0_text);
}
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_heading h4 {
	color: var(--ci_color_accent_2_text);
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_heading h4::after {
	content: none;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_heading a,
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_heading a:link,
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_heading a:visited {
	text-decoration: none;
}



/* POPUP IMAGE AND CONTENT SMALL - POPUP CONTENT */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content {
	position: relative;
	flex-grow: 1;
	padding: 10px 0px 10px 10px;
	font: 400 14px/20px 'Noto Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: var(--ci_color_white);
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_text {
	color: var(--ci_color_white);
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;	
}
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content, 
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_text {
	color: var(--ci_color_accent_0_text);
}
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content, 
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content div.popup_content_text {
	color: var(--ci_color_accent_2_text);
}



/* POPUP IMAGE AND CONTENT SMALL - POPUP CTA / READMORE BUTTON */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button,
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:link,
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:visited {
	background: var(--ci_color_white);
	width: calc(100% - 15px);
	text-align: center;
	display: inline-block;
	position: relative;
	font: var(--font-button);
	color: #212121;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	border: 0px solid var(--ci_color_white);
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
body.tpl_design_elements_rounded div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button,
body.tpl_design_elements_rounded div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:link,
body.tpl_design_elements_rounded div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:visited {
	-webkit-border-radius: var(--tpl_body_class_border_radius);
	-moz-border-radius: var(--tpl_body_class_border_radius);
	border-radius: var(--tpl_body_class_border_radius);
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:hover {
	background: #242424;
	color: #ffffff;
	border: 0px solid #ffffff;
}
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button,
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:link,
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:visited {
	background: var(--ci_color_accent_0_hover);
	color: var(--ci_color_accent_0_text);
}
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:hover {
	background: var(--ci_color_white);
	color: var(--ci_color_black);
}
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button,
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:link,
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:visited {
	background: var(--ci_color_accent_2_hover);
	color: var(--ci_color_accent_2_text);
}
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_image_and_content_small div.popup_content_cta_button a.href_popup_content_cta_button:hover {
	background: var(--ci_color_white);
	color: var(--ci_color_black);
}



/* POPUP IMAGE AND CONTENT SMALL - POPUP CLOSE BUTTON */
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button {
	background: transparent;
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	line-height: 30px;
	border: none;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	position: absolute;
	z-index: 999999;
	top: 5px;
	right: 5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}
body.tpl_design_elements_rounded div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button {
	-webkit-border-radius: var(--tpl_body_class_border_radius);
	-moz-border-radius: var(--tpl_body_class_border_radius);
	border-radius: var(--tpl_body_class_border_radius);
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button:hover {
	background: transparent;
	color: #ffffff;
}
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button {
	background: var(--ci_color_accent_0);
	color: var(--ci_color_accent_0_text);
}
body.website_01 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button:hover {
	background: var(--ci_color_accent_0_hover);
	color: var(--ci_color_accent_0_text);
}
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button {
	background: var(--ci_color_accent_2);
	color: var(--ci_color_accent_2_text);
}
body.website_02 div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button:hover {
	background: var(--ci_color_accent_2_hover);
	color: var(--ci_color_accent_2_text);
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button:before, 
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button:after {
	content: "\f00d";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.2em;
	display: block;
	position: absolute;
	top: 0px;
	left: 10px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button:hover:before, 
div.codedesign_responsive_popup_no_overlay_wrapper div.popup_close_button:hover:after {
	transform: rotate(90deg);
}