/* latin-ext */
@font-face {
  font-family: 'Rambla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rambla/v13/snfrs0ip98hx6mrEKrgPBtg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rambla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rambla/v13/snfrs0ip98hx6mrEJLgP.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Rambla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rambla/v13/snfos0ip98hx6mrMn50aN_l5-Js.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rambla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rambla/v13/snfos0ip98hx6mrMn50aOfl5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Language selector */
.lang_selector {
	display: flex;
	margin: 0;
	text-align: center;
}

.lang_selector > ul {
	margin: 0 auto;
	padding: 0;
}

.lang_selector span.dropdown-toggle {
	color: #FFFFFF;
	cursor: pointer;
}

.lang_selector span.dropdown-toggle > img {
	margin: 3px 5px0 0;
}

.lang_selector .dropdown-menu {
	border-radius: 0;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #FFFFFF;
}

.lang_selector .dropdown-menu:active, .lang_selector .dropdown-menu:hover, .lang_selector .dropdown-menu:focus {
	display: none;
}

.lang_selector .dropdown-menu i {
	display: inline-block;
	margin: 8px 10px 0 0;
}

.lang_selector .dropdown-menu li {
	padding: 0;
	width: 100%;
}

.lang_selector .dropdown-menu li a {
	display: block;
	padding: 5px 10px;
	width: 100%;
}

.lang_selector .dropdown-menu li a:hover {
	color: #FFFFFF;
	background-image: linear-gradient(to right top, #032481, #053090, #073da0, #0749af, #0556bf);
}

.lang_selector img {
	width: 16px;
	margin-right: 10px;
}

.lang_selector:active .dropdown-menu, .lang_selector:hover .dropdown-menu, .lang_selector:focus .dropdown-menu {
	display: block;
}

.lonon-feature {
	min-height: 250px;
}

.lonon-about-contact-wrap p {
	margin-bottom: 10px;
}

.lonon-about-contact-wrap a {
	color: #0556BF;
}

.lonon-about-contact-wrap .fa-whatsapp {
	color: #075e54;
}

.bar-fill-fill {
    background-color: #0556BF;
    animation: bar-fill-developer 2s ease-out;
    -moz-animation: bar-fill-developer 2s ease-out;
    -webkit-animation: bar-fill-developer 2s ease-out;
}

#lonon-aside {
	width: 20.23%;
}

.project .img-fluid {
	max-height: 300px;
}

.img-resume {
	max-height: 525px;
	object-fit: cover;
}

@media screen and (max-width: 575px) {
	.g-recaptcha {
		display: table;
		margin: 0 auto;
	}
	button {
		margin-top: 30px;
		width: 100%;
	}
}

@media screen and (max-width: 410px) {
	.g-recaptcha {
		margin: 0 auto 0 -23px;
	}
}

button i, button span {
	vertical-align: middle;
}

.price-box {
	min-height: 500px;
}

.price-box .title {
	font-size: 18px;
	color: #101010;
	font-weight: 700;
}

.price-box .price-features {
	min-height: 240px;
}

.price-box .price-block {
	color: #101010;
	margin: 40px 0;
}

.price-box .price-block .price-from {
	position: absolute;
	font-size: 16px;
	margin: -15px 0 0 -40px;
}

.price-box .price-block .price {
	font-size: 60px;
	font-weight: 700;
}

.price-box .price-block .currency {
	font-size: 20px;
	font-weight: 700;
}

.price-box .price-features p {
	margin: 10px 0;
}

.lonon-timeline > li .lonon-timeline-content h5 {
	color: #08F;
}

.cardvisit a {
	color: #D6E5F8;
}

#lonon-aside #lonon-logo img {
	margin: 0;
}