#ccbp-banner {
	line-height: 1.3em;
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	box-shadow: 0 0 10px rgb(200 200 200 / 70%);
	width: 100%;
	max-width: 500px;
}
#ccbp-open-popup {
	text-decoration: underline;
    cursor: pointer;
}
#ccbp-banner > div {
	position: relative;
	padding: 15px;
	min-height: 120px;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
}
#ccbp-banner > div:nth-child(1)::after {
	border-width: 60px 0 60px 20px;
	border-color: transparent transparent transparent #fff;
	right: -20px;
	bottom: unset;
	left: unset;
	top: 0;
}
#ccbp-banner > div:nth-child(1)::after {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	
	z-index: 1;
}
#ccbp-banner > div:nth-child(2) {
	padding: 15px;
}
#ccbp-banner > div:nth-child(2) {
	background-color: #a01262;
	color: #fff !important;
	text-align: center;
	flex-grow: 1;
	justify-content: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	
}
#ccbp-banner .bnr_btn_rgt p {
	font-size: 2em !important;
	margin-bottom: 6px;
}
#ccbp-banner > p::after {
	position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;

  z-index: 1;
	border-width: 60px 0 60px 20px;
	border-color: transparent transparent transparent #fff;
	right: -20px;
	bottom: unset;
	left: unset;
	top: 0;
	
	
}
#ccbp-banner button {
    margin-top: 10px;
}
#ccbp-popup {
    display: none;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
       z-index: 10001;
    max-width: 90%;
    box-sizing: border-box;
}
#ccbp-popup .wpcf7-spinner {
	position: absolute;
	left: 0px;
}
.con_area > p {
	font-size: 1.4em !important;
	margin-top: 11px;
	font-weight: bold;
}
#ccbp-popup h3 {
	font-size: 2.4em;
	font-weight: normal;
}
#ccbp-popup input, #ccbp-popup select {
	margin-top: 0px;
	/* background: #fff; */
}
#ccbp-overlay {
    display: none;
    position: fixed; top:0; left:0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
}
#ccbp-popup button {
		position: absolute;
	top: 0px;
	right: 0px;
}
.bnr_btn_lft {
	width: 140px;
}
@media (max-width: 600px) {
#ccbp-banner .bnr_btn_rgt p {
	font-size: 1.3em !important;
	margin-bottom: 6px;
	font-weight: bold;
}
    .bnr_btn_lft {
	width: 140px;
}
    #ccbp-open-popup {
	
	font-size: 0.7em;
}
}
@media (max-width: 500px) {
.bnr_btn_lft {
	width: 100px;
	font-size: 0.9em;
}
    #ccbp-banner .bnr_btn_rgt p {
	font-size: 1em !important;
	margin-bottom: 6px;
	font-weight: bold;
}
}