@font-face {
  font-family: Nunito;
  src: url(../fonts/Nunito/Nunito-Regular.ttf);
}

@font-face {
  font-family: Raleway;
  src: url(../fonts/Raleway/Raleway-Regular.ttf);
}

@font-face {
  font-family: Karla;
  src: url(../fonts/Karla/Karla-Regular.ttf);
}

@font-face {
  font-family: Lato;
  src: url(../fonts/Lato/Lato-Regular.ttf);
}

@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
  font-family: OpenSans;
  src: url(../fonts/OpenSans/OpenSans-Regular.ttf);
}

@font-face {
  font-family: Oxygen;
  src: url(../fonts/Oxygen/Oxygen-Regular.ttf);
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
.p-0 {
	padding: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.m-0 {
	margin: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.text-center {
	text-align: center !important;
}

.popin {
    border-radius: 5px !important;
    z-index: 99999999999999999999999999999999999999999999;
    opacity: 1;
    max-width: 835px;
    position: relative;
    margin: calc(100% - 93%) auto 0;
    max-height: 100%;
}

@media only screen and (max-width: 768px) {

	.popin {
		overflow-y: scroll;
	}
	
}

.popin .fancybox-close-small {
	width: 55px !important;
	height: 66px !important;
	padding: 10px 10px !important;
	opacity: 1;
	background: transparent;
	position: absolute;
	border: 0 !important;
	top: 0;
	right: 0;
}

.popin .fancybox-close-small svg {
	fill: #FFF;
}

.popin .form-control:hover,
.popin .bootstrap-select > .dropdown-toggle:hover {
	background: #f8f9fa !important;
}

.popin .form-control::placeholder,
.popin .bootstrap-select > .dropdown-toggle.bs-placeholder {
	color: #c3c6c9 !important;
	background: #f8f9fa !important;
	opacity: 1 !important;
	border-radius: 5px;
	height: 40px;
}

.popin .bootstrap-select > .dropdown-toggle {
	opacity: 1 !important;
	border-radius: 5px;
	height: 40px;
}

.popin .form-group {
	margin-bottom: 0;
}

.popin .button-quote-popin:after {
	position: absolute;
	background: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	content: " ";
	border-radius: 5px;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity ease-in-out 0.1s;
}

.popin .button-quote-popin:hover:after {
	opacity: 0.3;
	transition: opacity ease-in-out 0.1s;
}

.popin .button-quote-popin {
	border: 0px !important;
	background: #00c397;
	color: #fff;
	border-radius: 3px;
	height: 50px;
    text-transform: uppercase;
    padding: 15px 35px !important;			margin-bottom: 0  !important;
	line-height: 21px;
}

.popin .dropdown-menu .active .active span.text {    color: #fff !important;}

.popin .button-quote-popin:hover {
	background: #00C397;
	color: #FFF;
}

.popin .bootstrap-select .dropdown-item {	color: #16181B !important;
}

.popin .bootstrap-select .dropdown-item:hover {
	background: #DAE0E5 !important;	color: #16181B !important;
}


.popin .button-quote-popin svg {
	display: inline-block;
}
.popin .dropdown-item.active .popin .dropdown-item:active,.popin .dropdown-item:focus {	background: #057db2;			line-height: 35px !important;	}
.popin header {	background: #057db2;		height: 62px !important;			line-height: 35px !important;
}

.popin header {
	position: relative;
	text-align: center;
	padding: 15px;
	border-radius: 5px 5px 0 0;
}

.popin header .title {
	font-size: 24px !important;
	font-weight: 800;
	font-family: "Nunito";
	text-transform: uppercase;
	color: #FFF;
}

.popin section.content {
    padding: 15px 15px 0 15px;
	background: #fff;
	border-radius: 0 0 5px 5px;
}

.popin .column-products .form-control-feedback {
	margin-bottom: 0; 
}

.popin .form-control-feedback.invalid-feedback {
    display: block;
}

.popin .form-control-feedback {
    height: 26.25px;
	width: 100%;
}

.popin section .row .column .form-title, .popin section .et_pb_blog_grid .column .form-title {
    text-transform: uppercase;
    color: #3688b5;
    display: block;
    margin-bottom: 15px;
	font-family: "Nunito";
	font-weight: 800;
    font-size: 20px;
}

.popin .invalid-feedback {
	font-size: 12px !important;
	font-family: OpenSans !important;
}

.popin .col-form-label {
	color: #6f6f6f;
	font-weight: 400;
	font-family: "Raleway";
	padding-top: calc(0.375rem + 2px);
    padding-bottom: calc(0.375rem + 1px);
	padding-right: 0px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
}

.popin .bootstrap-select button.btn {
	border: 1px solid #ced4da;
    background: #f8f9fa !important;
}

.popin textarea.form-control {    height: 115px;		
    font-family: OpenSans;		padding: .375rem !important;
	font-size: 15px;border: 1px solid #ced4da !important;
    font-weight: 400;
}
.popin .dropdown-toggle:after {	font-size: 14px; position: absolute; right: 11px; top: 17px; }
.popin .dropdown.bootstrap-select.form-control.select-country {
    margin-bottom: 0 !important;
}

.popin input.form-control {
    height: 40px !important;
    border: 1px solid #ced4da !important;
    padding: .375rem !important;
    font-family: OpenSans;
    font-size: 15px !important;
    line-height: 22.5px !important;
    border-radius: 5px !important;
    background: #f8f9fa !important;
}

.popin .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 15px !important;
    line-height: 20px !important;    margin-right: 13px !important;    word-break: break-word !important;    hyphens: manual !important;	padding-top: 3px !important;	font-weight: 400 !important;
}

.popin .form-control {
    background: #f8f9fa;
}

.popin .column-details, .popin .column-products {
    padding: 15px 30px 0 !important;
}

.popin .bootstrap-select .dropdown-menu {    top: 0 !important;    left: 0 !important;    z-index: 1000 !important;    min-width: 330px !important;    padding: .5rem 0 !important;    font-size: 1rem !important;    color: #212529 !important;    text-align: left !important;    list-style: none !important;    background-color: #fff !important;    background-clip: padding-box !important;    border: 1px solid rgba(0,0,0,.15) !important;	padding: 0px !important;    border-radius: .25rem !important;
}

.popin .btn.popover {
	background: transparent !important;
	color: #ced4da;
	border-radius: 50%;
	padding: 0;
	position: absolute !important;
    right: 16px;
    bottom: -36px;
    left: auto;
    top: auto;
	font-weight: bold;
	z-index: 15;
	border: 0px solid #ced4da;	box-shadow: 0px !important;
}

.popover.show {
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	font-size: 12px !important;
	font-family: OpenSans;
}


.popin .bootstrap-select:first-child {
	margin-bottom: 30px !important;
	height: auto !important;
}

.popin .select-country {
	margin-bottom: 0 !important;
}

.popin .column-message {
    padding-top: 8px !important;
}

.popin .bootstrap-select .dropdown-header .text {
	font-size: 16px;
	font-family: OpenSans;
}

.popin .hrseparator {
  display: table;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 15px;
}
.popin .hrseparator:before,
.popin .hrseparator:after {
  border-top: 1px solid #057db2;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.5em;
  width: 45%;
}
.popin .hrseparator:before {
  right: 1.5%;
}
.popin .hrseparator:after {
  left: 1.5%;
}

.popin .img-product {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
    max-width: 100%;
}

.popin .multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700;
}
.popin .multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
  background-color: #ededed;
}

.popin .multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.popin .multi-steps > li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color: #00c397;
  line-height: 25px;
  font-size: 15px;
  font-family: "Nunito";
  z-index: 9999999999;
}
.popin .multi-steps > li:before {
  content: '\f00c';
  content: '\2713;';
  content: '\10003';
  content: '\10004';
  content: '\2713';
  display: block;
  margin: 0 auto 4px;
  background-color: #fff;
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  border-color: #00c397;
  border-radius: 50%;
}
.popin .multi-steps > li:after {
  content: '';
  height: 2px;
  width: 100%;
  background-color: #00c397;
  position: absolute;
  top: 16px;
  left: 50%;
  z-index: -1;
}
.popin .multi-steps > li:last-child:after {
  display: none;
}
.popin .multi-steps > li.is-active:before {
  background-color: #fff;
  border-color: #00c397;
}
.popin .multi-steps > li.is-active ~ li {
  color: #808080;
}
.popin .multi-steps > li.is-active ~ li:before {
  background-color: #ededed;
  border-color: #ededed;
}
.popin .bootstrap-select .dropdown-menu li a span.text {
	font-size: 16px;	color: #212529;		
	line-height: 24px;
	font-family: Nunito;		    font-weight: 400;
	margin-top: 8px;
}

.popin .bootstrap-select .dropdown-toggle .filter-option {
	padding: .375rem !important;
}

.popin .bootstrap-select .dropdown-menu li a {
    height: 40px;
    padding: 0px 24px;
}

.popin .bootstrap-select .dropdown-menu li:not(.dropdown-divider) {
    height: 40px;
}

.popup-bg:hover {
	cursor: pointer;
}

.popup-bg {
	position: absolute;
    z-index: 999999999;
    background: #1e1e1e;
    opacity: 0.9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup-leads {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99999999;
    top: 0;
    left: 0;
}

.button-aniwaa {
    border-radius: 5px;
    margin: 15px auto;
	padding: 10px 15px;
    display: block;
	text-transform: uppercase;
    font-weight: 600;
	border: 0px solid #bbb !important;
	position: relative;
}

.button-aniwaa:after {
	position: absolute;
	background: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	content: " ";
	border-radius: 5px;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity ease-in-out 0.1s;
}

.button-aniwaa:hover:after {
	opacity: 0.3;
	transition: opacity ease-in-out 0.1s;
}

.banner-aniwaa:hover {
	cursor: pointer;
}

.container-aniwaa {
	max-width: 300px !important;
	margin: 0 auto !important;
}
.popin .button-back-to-site-popin {	max-width: 100% !important;    padding: 4px 7px;    margin: 83px auto 0 !important;	font-size: 11px;    border-radius: 5px;	background: #fff;	font-family: OpenSans;	font-weight: 700;    line-height: 0px;    display: block;}
.banner-aniwaa {
	padding-bottom: 15px;
    border-radius: 5px;
	border: 1px solid #BBB;
	background: #FFF !important;
}

.banner-aniwaa .top-aniwaa {
	padding: 15px;
	font-size: 22px;
	line-height: 22px;
	text-align: center;    border-radius: 5px 5px 0 0 !important;
	text-transform: uppercase;
	font-weight: 600;
}

.banner-aniwaa .body-aniwaa {
	padding: 0 15px;
	margin: 15px 0;
	font-size: 14px;
    line-height: 20px;
}

.banner-aniwaa .footer-aniwaa {
	text-align: center;
    margin: 0 15px;
    padding: 7px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 600;
	height: 36px;
    border-radius: 5px;
	font-size: 15px;
    line-height: 22px;
}

.banner-aniwaa .footer-aniwaa:after {
	position: absolute;
	background: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	content: " ";
	border-radius: 5px;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity ease-in-out 0.1s;
}

.banner-aniwaa .footer-aniwaa:hover:after {
	opacity: 0.3;
	transition: opacity ease-in-out 0.1s;
}

.copyright-aniwaa {
	text-align: right;
	margin-bottom: 15px;
}

.copyright-aniwaa {
	font-size: 11px;
	color: #aaa;
	text-decoration: none;
}

.row-rgpd .col-12 {
    font-size: 11px;
    font-style: italic;
    font-family: Opensans;
    padding-bottom: 10px;
	color: #747374;
}

.popin svg.fa-paper-plane {
	width: 17px;
    margin-right: 7px;
    margin-bottom: 2px;
}

.popin.form-return .fa-check-square {
    width: 14px;
    margin-right: 5px;
    padding-bottom: 2px;
}

.popin.form-return ul.list-unstyled.multi-steps {
    margin: 20px 0 25px !important;
}

.popin.form-return p, .popin.form-return .form-title {
    margin-bottom: 5px !important;
	line-height: 25px;
    font-size: 15px;
    font-family: "Nunito";
}