body {
	font-size: 14px;
	font-family: 'Roboto', Arial, sans-serif;
	color: #414856;
	line-height: 165%;
	background-color: #eaf0f7; }

.table_responsive_container
{
	width: 100%;
	overflow-x: auto;
}

#section {
	max-width: 900px;
	margin: 30px auto;
	padding: 3%;
	background-color: white; }

	h1{ 	
		font-size: 28px;
		font-weight: 600;
		color:#6d93ca;
		letter-spacing: 0.04em;
	}

	h2{
		font-size: 24px;
		color:#6d93ca;
		border-bottom: 3px solid rgba(109, 147, 202, 0.7);
	    border-bottom-style: dotted;
	    display: table;
	}

	h3{
		font-size: 20px;
		color:#275faa;
		font-weight: 600;
	}

	h4{
		font-size: 18px;
		color: #ce716a;
		font-weight: 600;
	}

	h5{
		font-size: 16px;
		font-weight: 600;
		color:#275faa;
	}
	
	h6{
		font-size: 14px;
		font-weight: 600;
		color:#275faa;

	}

a:hover{
    text-decoration: none;
    color: initial!important;
}


footer {
    clear: both;
}

ol li{ margin-top:30px;
	margin-bottom:8px;
	font-weight: bold;
	text-decoration: underline;
}


img {
	margin: 10px auto 10px auto; }
.zones {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
figcaption { font-size: 80%;}

.formule {
	font-size:130%;
	font-weight: bold;
}
.js_load_cp_ville {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #275faa;
}
.wp-caption.aligncenter, .aligncenter{
    text-align: center;
    margin: auto;
    display: block;
}
.wp-caption-text{
    font-size: 12px;
    color: #444;
}
.alignleft{
    float: left;
}
.alignright{
    float: right;
}
/*STYLE GENERAL*/
/*Sizes*/
.text-1{
	font-size: 28px!important;
	font-weight: 600;
	color:#6d93ca;
    letter-spacing: 0.04em;
}
.text-2{
	font-size: 24px!important;
	border-bottom: 3px solid rgba(109, 147, 202, 0.7);
    border-bottom-style: dotted;
    color:#6d93ca;
    display: table;
}
.text-3{
	font-size: 20px!important;
	color:#275faa;
	font-weight: 600;
}
.text-4{
	font-size: 18px;
	color: #ce716a;
	font-weight: 600;
}
.text-5{
	font-size: 16px;
	color:#275faa;
}
.text-6{
	font-size: 14px;
	color:#275faa;
}
.infos {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    clear: both;
    color: #8c8c8c;
    text-align: justify;
}
.elementor-text-editor a {
    text-decoration: underline!important;
}
p a{
    text-decoration: underline!important;
}
ul.liste-arrows li {
    list-style-position: inside;
    padding: 8px 20px 6px 20px;
    text-indent: 1px;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}
ul.liste-arrows li:before {
    color: #fff;
    position: absolute;
    content: "\f061";
    font-family: "FontAwesome";
    font-size: 15px;
    left: -2px;
}
ul.liste-arrows {
    padding-top: 18px;
    padding-bottom: 10px;
}
ul.elementor-editor-element-settings li:before{
    display: none;
}
ul.elementor-editor-element-settings li:before {
    content: ''!important;
}
/*weight*/
.text-gras{
	font-weight: 600!important;
}
.text-normal{
	font-weight: 400!important;
}
.text-light{
	font-weight: 300!important;
}
/*color*/
.text-blue-dark{
	color:#275faa!important;
    color:#275faa!important;
}
.text-blue-light{
	color:#6d93ca!important;
    border-bottom-color: #6d93ca!important;
}
.text-red-dark{
	color:#b73e35!important;
    border-bottom-color: #b73e35!important;
}
.text-red-light{
	color:#ce716a!important;
    border-bottom-color: #ce716a!important;
}
.text-white{
	color:#fff!important;
}
.text-black{
    color:#000;
}
.bottom-border{
	border-bottom: 1px solid #6d93ca;
}
.no-bottom-border{
	border:0 !important;
}
.text-caps{
	text-transform: uppercase;

}
/*Styles Blocs*/
blockquote {
    background: #eaf0f7!important;
    color: #275faa!important;
    border: 0!important;
    display: block!important;
    margin:20px auto;
    padding: 20px 30px 20px 60px!important;
    font-size: 16px!important;
    line-height: 22px;
    font-style: italic;
    position: relative;
}
blockquote:before{
    content: "“";
    position: absolute;
    left: 0px;
    font-size: 100px!important;
    font-family: "Source Sans Pro";
    top: 38px;
    font-style: italic;
} 
hr{
    margin: 40px 0px;
    border-color: #275faa!important;
}
ul{
	list-style: none;
	padding-left: 15px;
    margin: 10px auto;
}
ul li:before {
    content: '\2022';
    color: #6d93ca;
    font-size: 20px;
    padding-right: 0.5em;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    color:  #333;
}

th {
    background-color:#586d84;
    color:white;
}
table tr{
    background: #eaf0f7;
    border: 2px solid #FFF;
}

table td{
    padding: 10px 10px;
}
.table-striped>thead>tr:first-child{
    background: #6d93ca!important;
    color: #fff;
    font-weight: 600;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background: #f9f1f0; 
}
.table-red{
    width: 100%;
}
.table-red>thead>tr{
    background: #ce716a!important;
    color: #fff;
    font-weight: 600;
}
.table-red tbody tr{
    background:#f9f1f0;
    color:#000;
}
.table-bleu{
    width: 100%;
}
.table-bleu>thead>tr{
    background: #6d93ca!important;
    color: #fff;
    font-weight: 600;
}
.table-bleu tbody tr{
    background:#eaf0f7;
    color:#000;
}
.bloc-formule{
	font-weight: 600;
	background: #bfcbdd;
	padding: 10px 15px;
	border-radius: 30px;
    margin: 15px auto;

}
.underline{
	border-bottom: 3px solid rgba(109, 147, 202, 0.7);
    border-bottom-style: dotted;
    display: table;
}
.underline-none{
	border-bottom:0!important;
}
.italic{
	font-style: italic; 
}
.bloc-blue-light {
    background: #eaf0f7;
    color:#275faa;
    padding: 20px;
}
.bloc-blue-dark {
    background: #6d93ca;
    color:#fff;
}
.bloc-red-light{
    background: #f9f1f0;
    color:#ce716a;
    padding: 20px;
}
.bloc-red-dark{
    background: #ce716a;
    color:#fff;
}
.elementor-widget-text-editor {
    color: #333333;
}
/*HEADER*/
.menu-top{
	background: #d4dfec; /* Old browsers */
	background: -moz-linear-gradient(left, #d4dfec 0%, #eaf0f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #d4dfec 0%,#eaf0f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #d4dfec 0%,#eaf0f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dfec', endColorstr='#eaf0f7',GradientType=1 ); /* IE6-9 */
}
.menu-bottom-line{
	height: 20px;
	background: #7e9fce; /* Old browsers */
	background: -moz-linear-gradient(top, #7e9fce 0%, #698dc1 52%, #537bb5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7e9fce 0%,#698dc1 52%,#537bb5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7e9fce 0%,#698dc1 52%,#537bb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e9fce', endColorstr='#537bb5',GradientType=0 ); /* IE6-9 */
}
.bloc-right-header{
    margin-top: 10px;
    text-align: left;
    padding: 10px 13px;
    border: 1px solid #6d93ca;
}
.bloc-right-header .text-5{
	font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}
.bloc-right-header .text-6{
	font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.img_bloc-right-header {
    position: absolute;
    top: -28px;
    right: 12px;
}
.elementor-text-editor p, .elementor-text-editor{
    color:#333;
}
/* PAGE*/
.main-page-content{
	background: #fff;
}

/*FORMULAIRES*/
.input_style{
    border:1px solid #6d93ca!important;
    border-radius: 0;
    box-shadow: none;
}
.mentions-sms {
    font-size: 12px;
    line-height: 14px;
}
.label-small{
    font-size: 14px;
    line-height: 16px;
}
.info-bulle-label{
    cursor: pointer;
}
.icon-info-bulle{
    padding: 2px 6px 3px 5px;
    border: 1px solid #275faa;
    border-radius: 40px;
    font-size: 10px;
    vertical-align: text-top;
    cursor: pointer;
}
.info_bulle {
    display: none;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    line-height: 16px;
    border: 1px solid #eaf0f7;
    padding: 10px 15px;
    position: absolute;
    background: #6d93ca;
    left: 0;
    z-index: 11;
    border-radius: 5px;
}

.info-bulle-label:hover .info_bulle{
    display: block;
}
.js_load_submit{
    color: #fff;
    font-size: 26px;
    display: block;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.input_error {
    color: #a94442!important;
    background-color: #f2dede;
    border-color: #a94442!important;
}
.js_error_tel{
    font-size: 12px;
    line-height: 14px;
    color: #a94442!important;
    padding: 6px;
    background-color: #f2dede;
    border: 1px solid #a94442;
    border-radius: 6px;
    margin-top: 15px;
    display: none;
}
.style_error{
    font-size: 12px;
    line-height: 14px;
    color: #a94442!important;
    padding: 6px;
    background-color: #f2dede;
    border: 1px solid #a94442;
    border-radius: 6px;
    margin-top: 15px;
    display: none;
    text-align: center;
}
.btn-red{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: rgb(198,105,98); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(198,105,98) 0%, rgb(183,62,53) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(198,105,98) 0%,rgb(183,62,53) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(198,105,98) 0%,rgb(183,62,53) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c66962', endColorstr='#b73e35',GradientType=0 ); /* IE6-9 */
    border: 0;
    padding: 10px 15px;
    letter-spacing: 1px;
    border-radius: 5px;
    transition: 0.3s;
}
.btn-red:hover{
    background: rgb(183,62,53); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(183,62,53) 0%, rgb(198,105,98) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(183,62,53) 0%,rgb(198,105,98) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(183,62,53) 0%,rgb(198,105,98) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b73e35', endColorstr='#c66962',GradientType=0 ); /* IE6-9 */
    color: #fff;
}
.btn-blue{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #6290d3; /* Old browsers */
    background: -moz-linear-gradient(top, #6290d3 0%, #2a61ac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6290d3 0%, #2a61ac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6290d3 0%, #2a61ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6290d3', endColorstr='#2a61ac',GradientType=0 ); /* IE6-9 */
    border: 0;
    padding: 10px 15px;
    letter-spacing: 1px;
    border-radius: 5px;
    transition: 0.3s;
}
.btn-blue:hover{
    background: #2a61ac; /* Old browsers */
    background: -moz-linear-gradient(top, #2a61ac 0%, #6290d3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2a61ac 0%,#6290d3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2a61ac 0%,#6290d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a61ac', endColorstr='#6290d3',GradientType=0 ); /* IE6-9 */
    color: #fff!important;
}
/*form-simu-pinel*/
.form-control{
    padding: 7px 14px!important;
}
.form-control:focus{
    box-shadow: none!important;
}
.bloc-form-simu-pinel{
    background: #eaf0f7;
}
.bloc-form-plafonds-loyers{
    background: #eaf0f7;
}
.bloc-form-plafonds-loyers .fa-building-o{
    font-size: 60px;
    color: #275faa;
}
.bloc-top-tricolor{
    background: #fff;
}
.blue, .white, .red{
    height:12px;
    display: inline-block;
}
.blue{
    background:#275faa;
}
.white{
    background:#fff;
}
.red{
    background:#b73e35;
}
.img_icon-form{
    margin-top: 0;
    display: block;
}
.title-form {
    color: #275faa!important;
    font-size: 26px;
    font-weight: 600;
}
.subtitle-form{
    font-size: 16px;
}
.label-form{
    color: #6d93ca;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600;
}
.js_charges_show, .js_annexes_show{
    display: none;
}
.bloc-form-eligibilite {
    background: #afbfd5;
    padding-top: 15px;
    padding-bottom: 15px;
}
.bloc-form-eligibilite .subtitle-form
{
    font-size: 14px!important;
    color: #275faa!important;
    font-weight: 500!important;
}
.bloc-form-reduc-impot{
    background: #afbfd5;
    padding-top: 15px;
    padding-bottom: 15px;
}
.bloc-form-reduc-impot .subtitle-form
{
    font-size: 14px!important;
    color: #275faa!important;
    font-weight: 500!important;
}
.bloc-form-guide {
    background: #afbfd5;
    padding-top: 15px;
    padding-bottom: 15px;
}
.bloc-form-guide .subtitle-form
{
    font-size: 14px!important;
    color: #275faa!important;
    font-weight: 500!important;
}

.input_md:valid ~ label.white-label {
    color: #fff!important;
}
.bloc-form-coordonnes{
    background: #afbfd5;
    padding-top: 15px;
    padding-bottom: 15px;
}
.bloc-form-coordonnes .input_style{
    border-color: #fff!important;
}
.input_code_sms{
    background: #dae5f1!important;
}
/*FOOTER*/
.footer-content{
	background: #313131;
}
/* MEDIA */
@media(min-width: 1199px){
	.bloc_logo_header{
		margin-left: -14px;
	}
}




/*OUTILS*/

/*-- OUTILS --*/
.pos-relative{
	position: relative;
}
.disp-inline-block{
    display: inline-block;
}
 .no-gutters {
        margin-right: 0;
        margin-left: 0;
    }
    .no-gutters > [class^="col-"],
    .no-gutters > [class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }
.b-r-0{border-right: 0px!important;}
.p-5{ padding: 5px;}
.p-10{ padding: 10px;}
.p-15{ padding: 15px;}
.p-20{ padding: 20px;}
.p-25{ padding: 25px;}
.p-30{ padding: 30px;}
.p-35{ padding: 35px;}
.p-40{ padding: 40px;}
.p-45{ padding: 45px;}
.p-50{ padding: 50px;}
.p-55{ padding: 55px;}
.p-100{ padding: 100px;}

.p-l-0 { padding-left: 0px!important;}
.p-l-5 { padding-left: 5px!important;}
.p-l-7 { padding-left: 7px!important;}
.p-l-8 { padding-left: 8px!important;}
.p-l-10{ padding-left: 10px!important;}
.p-l-15{ padding-left: 15px!important;}
.p-l-20{ padding-left: 20px!important;}
.p-l-25{ padding-left: 25px!important;}
.p-l-30{ padding-left: 30px!important;}
.p-l-40{ padding-right: 40px!important;}
.p-l-50{ padding-right: 50px!important;}

.p-r-0 { padding-right: 0px!important;}
.p-r-5 { padding-right: 5px!important;}
.p-r-7 { padding-right: 7px!important;}
.p-r-10{ padding-right: 10px!important;}
.p-r-15{ padding-right: 15px!important;}
.p-r-20{ padding-right: 20px!important;}
.p-r-25{ padding-right: 25px!important;}
.p-r-30{ padding-right: 30px!important;}
.p-r-40{ padding-right: 40px!important;}
.p-r-50{ padding-right: 50px!important;}

.p-t-0 { padding-top: 0px!important;}
.p-t-5{ padding-top: 5px!important;}
.p-t-10{ padding-top: 10px!important;}
.p-t-15{ padding-top: 15px!important;}
.p-t-20{ padding-top: 20px!important;}
.p-t-25{ padding-top: 25px!important;}
.p-t-30{ padding-top: 30px!important;}
.p-t-35{ padding-top: 35px!important;}
.p-t-40{ padding-top: 40px!important;}

.p-b-0 { padding-bottom: 0px!important;}
.p-b-5 { padding-bottom: 5px!important;}
.p-b-10{ padding-bottom: 10px!important;}
.p-b-15{ padding-bottom: 15px!important;}
.p-b-20{ padding-bottom: 20px!important;}
.p-b-25{ padding-bottom: 25px!important;}
.p-b-30{ padding-bottom: 30px!important;}
.p-b-35{ padding-bottom: 35px!important;}
.p-b-40{ padding-bottom: 40px!important;}

.m-t-10-{margin-top: -10px!important;}
.m-t-0{ margin-top: 0px !important;}
.m-t-5{ margin-top: 5px !important;}
.m-t--5{ margin-top: -5px !important; }
.m-t-10{ margin-top: 10px !important;}
.m-t-15{ margin-top: 15px !important;}
.m-t-16{ margin-top: 16px !important;}
.m-t-20{ margin-top: 20px !important;}
.m-t-25{ margin-top: 25px !important;}
.m-t-30{ margin-top: 30px !important;}
.m-t-40{ margin-top: 40px !important;}
.m-t-50{ margin-top: 50px !important;}
.m-t-55{ margin-top: 55px !important;}

.m-b-0 {  margin-bottom: 0px !important;}
.m-b-5 {  margin-bottom: 5px !important;}
.m-b-10{  margin-bottom: 10px !important;}
.m-b-15{  margin-bottom: 15px !important;}
.m-b-20{  margin-bottom: 20px !important;}
.m-b-25{  margin-bottom: 25px !important;}
.m-b-30{  margin-bottom: 30px !important;}
.m-b-40{  margin-bottom: 40px !important;}
.m-b-50{  margin-bottom: 50px !important;}
.m-b-55{  margin-bottom: 55px !important;}
.m-b-60{  margin-bottom: 60px !important;}

.m-r-0{ margin-right: 0px !important;}
.m-r-5{ margin-right: 5px !important;}
.m-r-10{ margin-right: 10px !important;}
.m-r-15{ margin-right: 15px !important;}
.m-r-20{ margin-right: 20px !important;}
.m-r-25{ margin-right: 25px !important;}

.m-l-0{ margin-left: 0px !important;}
.m-l-5{ margin-left: 5px !important;}
.m-l-10{ margin-left: 10px !important;}
.m-l-15{ margin-left: 15px !important;}
.m-l-20{ margin-left: 20px !important;}
.m-l-25{ margin-left: 25px !important;}

/*/Text align diff responsive */
@media (max-width: 767px) {
    .text-xs-left { text-align: left !important; }
    .text-xs-right { text-align: right !important; }
    .text-xs-center { text-align: center !important; }
    .text-xs-justify { text-align: justify !important; }
}
@media (min-width: 768px) {
    .text-sm-left { text-align: left !important; }
    .text-sm-right { text-align: right !important; }
    .text-sm-center { text-align: center !important; }
    .text-sm-justify { text-align: justify !important; }
}
@media (min-width: 992px) {
    .text-md-left { text-align: left !important; }
    .text-md-right { text-align: right !important; }
    .text-md-center { text-align: center !important; }
    .text-md-justify { text-align: justify !important; }
}
@media (min-width: 1200px) {
    .text-lg-left { text-align: left !important; }
    .text-lg-right { text-align: right !important; }
    .text-lg-center { text-align: center !important; }
    .text-lg-justify { text-align: justify !important; }
}

/*== MD DESIGN ==*/
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.group_md{
	position: relative;
}

.group_md .fa-chevron-down {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #5b81b9;
}

.js_cache {
	opacity: 0;
}

.js_md_active_label {
	opacity: 1 !important;
}
input.input_md, select.input_md {
	font-size: 14px;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 0;
	color: #999 !important;
}
input.input_md:focus, select.input_md:focus {
	outline: none;
}
/*= LABEL =*/
label.input_md {
	color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 12px;
    margin-bottom: 0;
    top: 6px;
    z-index: 10;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
/* active state */
input.input_md:focus ~ label.input_md, input.input_md:valid ~ label, select.input_md:focus ~ label.input_md, select.input_md:valid ~ label {
    top: -20px;
    font-size: 12px;
    box-shadow: none;
    color: #737086;
    left: 8px;
}
select.input_md:focus ~ label.input_md, select.input_md:visited ~ label, select.input_md:active ~ label {
	opacity: 1 !important;
}
/* active state */
input.input_md:focus ~ .bar:before, input.input_md:focus ~ .bar:after, select.input_md:focus ~ .bar:before, select.input_md:focus ~ .bar:after {
	width: 50%;
}

/* Autocomplete style */
.ui-autocomplete{
    background: #fff;
    max-width: 260px;
    float: none;
    z-index: 1000;
    width: auto;
    text-align: left;
} 
.ui-autocomplete li{
    cursor:pointer;
}
.ui-autocomplete li:before {
    content: "";
    display: none;
}
.ui-helper-hidden-accessible{
    display: none;
}
/*Radiobox style*/
.label--radio {
    position: relative;
    margin: .5rem;
    line-height: 135%;
    cursor: pointer;
    font-weight: 300;
}
.radio {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    display: inline-block;
}
.radio:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 1px;
    left: 0px;
    z-index: 1;
    width: 14px;
    height: 14px;
    background: #7693ca;
    border-radius: 50%;
}
.radio:checked:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio:after {
    content: "";
    position: absolute;
    top: -3px;
    left: -4px;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
}