.certificate {
	font-family:Arial, Helvetica, sans-serif;
}
.certificate input[type=radio],
#certificate-popup {
	display: none;
}
#certificate-popup {
	max-width:500px;
	min-width:310px;
}
.popup-window-content {
	margin-top:15px;
}
#certificate-loader {
	float:right;
	margin-right:10px;
}
.req {
	color:#a00000;
}
#certificate-error {
	background:#ffdedd;
	border:1px solid #fcbfbd;
	padding:5px;
	border-radius:5px;
	color:#a00000;
	display:none;
	margin-bottom:15px;
	width:100%;
}
#certificate-error p {
	margin:0;
	padding:0;
}
#certificate-popup-message {
	text-align:center;
	padding:0 20px;
}

.certificate-element {
	width:100%;
	padding-bottom:10px;
	margin:15px 0;
    border-bottom: 1px solid black
}
.certificate-site {
	text-transform:uppercase;
	font-size:20px;
}
.certificate-title {
	font-weight:normal;
	margin-bottom:5px;
	font-size:12px;
	color:#9a9a9a
}
.certificate-price {
	font-size:18px;
	line-height:18px;
}
.certificate-element input[type=submit] {
    color: #9a9a9a;
    font-size: 16px;
    padding: 10px 30px;
    text-decoration: none;
    border: 0;
    background: #f1d4c2;
    font-weight: 100;
    transition: .5s ease-in-out;
}
.certificate-element input[type=submit]:hover {
	background: #cbaf9d;
}

.certificate-0 {
	background: #00a2ff;
	background: -moz-linear-gradient(top, #00a2ff 0%, #007dc0 100%);
	background: -webkit-linear-gradient(top, #00a2ff 0%,#007dc0 100%);
	background: linear-gradient(to bottom, #00a2ff 0%,#007dc0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2ff', endColorstr='#007dc0',GradientType=0 );
}
.certificate-0 .certificate-site {
	border-bottom:1px solid #00b8f9;
}
.certificate-0 input[type=submit] {
	background: #007dc0;
	background-image: -webkit-linear-gradient(top, #007dc0, #00a2ff);
	background-image: -moz-linear-gradient(top, #007dc0, #00a2ff);
	background-image: -ms-linear-gradient(top, #007dc0, #00a2ff);
	background-image: -o-linear-gradient(top, #007dc0, #00a2ff);
	background-image: linear-gradient(to bottom, #007dc0, #00a2ff);
}
.certificate-0 input[type=submit]:hover {
	background: #007dc0;
}

.certificate-1 {
	background: #fc7f00;
	background: -moz-linear-gradient(top, #fc7f00 0%, #bf6203 100%);
	background: -webkit-linear-gradient(top, #fc7f00 0%,#bf6203 100%);
	background: linear-gradient(to bottom, #fc7f00 0%,#bf6203 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7f00', endColorstr='#bf6203',GradientType=0 );
}
.certificate-1 .certificate-site {
	border-bottom:1px solid #f5a900;
}
.certificate-1 input[type=submit] {
	background: #bf6203;
	background-image: -webkit-linear-gradient(top, #bf6203, #fc7f00);
	background-image: -moz-linear-gradient(top, #bf6203, #fc7f00);
	background-image: -ms-linear-gradient(top, #bf6203, #fc7f00);
	background-image: -o-linear-gradient(top, #bf6203, #fc7f00);
	background-image: linear-gradient(to bottom, #bf6203, #fc7f00);
}
.certificate-1 input[type=submit]:hover {
	background: #bf6203;
}

.certificate-2 {
	background: #86c802;
	background: -moz-linear-gradient(top, #86c802 0%, #619202 100%);
	background: -webkit-linear-gradient(top, #86c802 0%,#619202 100%);
	background: linear-gradient(to bottom, #86c802 0%,#619202 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86c802', endColorstr='#619202',GradientType=0 );
}
.certificate-2 .certificate-site {
	border-bottom:1px solid #9ec707;
}
.certificate-2 input[type=submit] {
	background: #619202;
	background-image: -webkit-linear-gradient(top, #619202, #86c802);
	background-image: -moz-linear-gradient(top, #619202, #86c802);
	background-image: -ms-linear-gradient(top, #619202, #86c802);
	background-image: -o-linear-gradient(top, #619202, #86c802);
	background-image: linear-gradient(to bottom, #619202, #86c802);
}
.certificate-2 input[type=submit]:hover {
	background: #619202;
}
.certificate-3 {
	background: #fcbe23;
	background: -moz-linear-gradient(top, #fcbe23 0%, #f0ac02 100%);
	background: -webkit-linear-gradient(top, #fcbe23 0%,#f0ac02 100%);
	background: linear-gradient(to bottom, #fcbe23 0%,#f0ac02 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbe23', endColorstr='#f0ac02',GradientType=0 );
}
.certificate-3 .certificate-site {
	border-bottom:1px solid #facf63;
}
.certificate-3 input[type=submit] {
	background: #f0ac02;
	background-image: -webkit-linear-gradient(top, #f0ac02, #fcbe23);
	background-image: -moz-linear-gradient(top, #f0ac02, #fcbe23);
	background-image: -ms-linear-gradient(top, #f0ac02, #fcbe23);
	background-image: -o-linear-gradient(top, #f0ac02, #fcbe23);
	background-image: linear-gradient(to bottom, #f0ac02, #fcbe23);
}
.certificate-3 input[type=submit]:hover {
	background: #f0ac02;
}
.certificate-4 {
	background: #fd29a0;
	background: -moz-linear-gradient(top, #fd29a0 0%, #e30481 100%);
	background: -webkit-linear-gradient(top, #fd29a0 0%,#e30481 100%);
	background: linear-gradient(to bottom, #fd29a0 0%,#e30481 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd29a0', endColorstr='#e30481',GradientType=0 );
}
.certificate-4 .certificate-site {
	border-bottom:1px solid #f94eae;
}
.certificate-4 input[type=submit] {
	background: #e30481;
	background-image: -webkit-linear-gradient(top, #e30481, #fd29a0);
	background-image: -moz-linear-gradient(top, #e30481, #fd29a0);
	background-image: -ms-linear-gradient(top, #e30481, #fd29a0);
	background-image: -o-linear-gradient(top, #e30481, #fd29a0);
	background-image: linear-gradient(to bottom, #e30481, #fd29a0);
}
.certificate-4 input[type=submit]:hover {
	background: #e30481;
}

.certificate-width{
	width:50%
}

.image-widht{
	width:50%
}

.certificate-flex{
	display:flex;
	flex-direction:row;
	gap:185px;
	align-items:flex-start;
}

.certificate-label-flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.certificate-txt-caontainer{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media all and (max-width: 768px){
	.certificate-flex{
	flex-direction:column-reverse;
	gap:50px;
	align-items:center;
	}
	.certificate-width{
		width:100%
	}
	
	.image-widht{
		width:70%
	}
}

@media all and (max-width: 550px){
	.image-widht{
		width:100%
	}
}