@font-face{
	font-family: "Golos Regular";
	src: url("Golos.ttf");
}
@font-face{
	font-family: "Halvar Bold";
	src: url("Halvar-Bold.ttf");
}
*{
	transition: .3s ease;
	font-family: "Golos Regular";
}
h1, h2, h3, h4, h5, h6{
	font-family: "Halvar Bold";
}
body{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
#wrapper{
	display: flex;
	flex-direction: column;
	position: relative;
}

.modal{
	position: fixed;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	visibility: visible;
	opacity: 1;
}
.modal-hide{
	visibility: hidden !important;
	opacity: 0 !important;
}
.cover{
	position: absolute;
	width: 100vw;
	height: 100vh;
	background: black;
	opacity: 0.5;
}
#mobile-navbar{
	display: none;
}
#modal-route .modal-body{
	position: relative;
	width: calc(72.9vw - 5vw);
	height: calc(35.7vw - 6.6vw);
	padding: 2.5vw 3.3vw;
	background: #1A2D4B;
	color: white;
	border-radius: 2vw;
}
#modal-route .modal-body .modal-body-details{
	display: flex;
	flex-direction: column;
	width: 35.9vw;
	height: 100%;
}
#modal-route .modal-body .modal-body-details .logo{
	width: 8.5vw;
	height: 3.5vw;
	opacity: .3;
	margin-bottom: 2vw;
}
#modal-route .modal-body .modal-body-details strong{
	font-size: 1.5vw;
}
#modal-route .modal-body .details-feature{
	margin-top: 1.6vw;
	display: flex;
	align-items: start;
	gap: 0.8vw;
	font-size: 1vw;
	color: #becfeb;
	line-height: 1.5vw;
}
#modal-route .modal-body .modal-body-details button{
	margin-top: auto;
	height: 3.1vw;
	width: 10.7vw;
	border: none;
	border-radius: 100px;
	background: #0F203B;
	color: white;
	cursor: pointer;
	font-size: 0.9vw;
	font-weight: bold;
}
#modal-route .modal-body .modal-body-details button:hover{
	background: #38527a;
}
#modal-route .modal-body .dismiss{
	position: absolute;
	top: 1.25vw;
	right: 1.25vw;
	background: #0F203B;
	color: white;
	width: 3vw;
	height: 3vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1vw;
	cursor: pointer;
	border: none;
	border-radius: 100px;
}
#modal-route .modal-body .dismiss:hover{
	background: #38527a;
}
#modal-route .modal-body .modal-route-img{
	position: absolute;
	top: 10vw;
	right: 0;
	width: 29.4vw;
	height: fit-content;
/*	mix-blend-mode: color-dodge;*/
}

#modal-success .modal-body{
	position: relative;
	background: #343434;
	border-radius: 1.25vw;
	width: 38.75vw;
}
#modal-success .modal-body-details{
	padding: 3.6vw;
	display: flex;
	flex-direction: column;
	gap: 0.8vw;
	width: 13.5vw;
}
#modal-success .modal-body-details img{
	width: 3.85vw;
}
#modal-success .modal-body-details strong{
	font-size: 1.6vw;
	color: white;
}
#modal-success .modal-body .modal-success-img{
	position: absolute;
	width: 19.5vw;
	top: 2vw;
	right: 3.2vw;
}
#modal-success .modal-body .dismiss{
	position: absolute;
	top: 1.25vw;
	right: 1.25vw;
	font-size: 1.25vw;
	background: none;
	color: white;
	border: none;
	cursor: pointer;
}
#modal-success .modal-body .dismiss:hover{
	opacity: .6;
}
#modal-post .modal-body{
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 2vw;
	width: 72.8vw;
	height: 25.7vw;
	background: white;
	border-radius: 2vw;
}
#modal-post .modal-body .modal-body-image{
	display: flex;
	padding: 0.8vw;
	height: calc(100% - 1.6vw);
	overflow: hidden;
}
#modal-post .modal-body .modal-body-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1.6vw;
}
#modal-post .modal-body .modal-body-details{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	gap: 0.5vw;
	padding-right: 5.4vw;
	text-align: justify;
}
#modal-post .modal-body .modal-body-details strong{
	font-size: 0.9vw;
	line-height: 1.2vw;
}
#modal-post .modal-body .modal-body-details small{
	font-size: 0.7vw;
	line-height: 1.2vw;
	color: #5D5D5F;
}
#modal-post .dismiss{
	position: absolute;
	top: 1.6vw;
	right: 1.6vw;
	width: 2.9vw;
	height: 2.9vw;
	border-radius: 100px;
	border: none;
	background: #F5F5F5;
	font-size: 1vw;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
#modal-post .dismiss:hover{
	opacity: .7;
}
#modal-post-create .modal-body{
	position: relative;
	display: flex;
	background: white;
	border-radius: 2vw;
	padding: 2vw 3vw;
}
#modal-post-create .modal-body h2{
	margin: 0;
}
#modal-post-create .modal-body .form-group{
	display: flex;
	flex-direction: column;
	gap: .5vw;
	margin-top: 1vw;
}
#modal-post-create .modal-body .form-group small{
	opacity: .7;
}
#modal-post-create .modal-body .form-group input{
	width: 30vw;
	padding: .5vw;
	border: 1px solid darkgrey;
	border-radius: .5vw;
}
#modal-post-create .modal-body .form-group textarea{
	padding: .5vw;
	border: 1px solid darkgrey;
	border-radius: .5vw;
}
#modal-post-create .modal-body .form-group button{
	border-radius: .5vw;
	border: 1px solid black;
	background: black;
	color: white;
	padding: .5vw;
	font-weight: bold;
	cursor: pointer;
}
#modal-post-create .dismiss{
	position: absolute;
	top: 1.6vw;
	right: 1.6vw;
	width: 2vw;
	height: 2vw;
	border-radius: 100px;
	border: none;
	background: #F5F5F5;
	font-size: 1vw;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
#modal-post-create .dismiss:hover{
	opacity: .7;
}

#home{
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100vw;
	height: 100vh;
	background: black;
}
#home video{
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	object-fit: cover;
	opacity: .6;
}
#home nav{
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 6.25vw * 2);
	height: fit-content;
	position: relative;
	padding: 2vw 6.25vw;
}
#home .navbar-fader{
	width: 100vw;
	position: absolute;
	height: 12vw;
	top: 0;
	background: linear-gradient(to bottom, #292929 5%, transparent);
}
#home nav .navbar-logo img{
	position: relative;
	width: 9vw;
	height: 3.8vw;
	object-fit: contain;
}
#home nav ul{
	position: relative;
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: auto;
	gap: 0 2.5vw;
}
#home nav ul a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}
#home nav .navbar-trailing{
	position: relative;
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2vw;
}
#home nav .navbar-trailing a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}
#home nav .navbar-trailing .navbar-trailing-language{
	position: relative;
}
#home nav .navbar-trailing .navbar-trailing-language font{
	position: relative;
	width: 3vw;
	height: 3vw;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	z-index: 6;
	cursor: pointer;
	font-size: 0.9vw;
}
#home nav .navbar-trailing .navbar-trailing-language .dropdown{
	position: absolute;
	left: -0.2vw;
	top: -0.2vw;
	width: 3.4vw;
	background: black;
	z-index: 5;
	background: #343434;
	border-radius: 100px;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
}
#home nav .navbar-trailing .navbar-trailing-language .dropdown span{
	display: flex;
	width: 3.4vw;
	height: 3.4vw;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 0.9vw;
}
#home nav .navbar-trailing .navbar-trailing-language .dropdown span:hover{
	opacity: .6;
}
#home nav .navbar-trailing .navbar-trailing-language:hover .dropdown{
	visibility: visible;
	opacity: 1;
}
#home nav .navbar-trailing button{
	height: 3vw;
	background: white;
	border-radius: 100px;
	border: none;
	padding: 0 1.5vw;
	font-size: 0.9vw;
	cursor: pointer;
}
#home nav .navbar-trailing button:hover{
	background: #EEEEEE;
}
#home nav .navbar-trailing i{
	display: none;
}
#home .home-container{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 9.7vw;
}
#home .home-container h1{
	text-align: center;
	color: white;
	font-size: 4vw;
	margin: 0;
}
#home .home-container form{
	display: flex;
	flex-direction: column;
	margin-top: 2.5vw;
	background-color: rgba(0, 0, 0, .10);
	backdrop-filter: blur(5px);
	border-radius: 0.8vw;
	border: 2px solid rgb(122, 122, 122, .24);
}
#home .home-container form .form-row{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
#home .home-container form .form-input{
	display: flex;
	align-items: center;
	padding: 1.25vw;
	gap: 0.2vw;
}
#home .home-container form .form-input img{
	width: 1vw;
	height: 1vw;
	object-fit: contain;
}
#home .home-container form .form-input img:last-child{
	margin-left: auto;
}
#home .home-container form .form-input input{
	font-size: 0.8vw;
	background: transparent;
	border: none;
	color: #9A999B;
	width: 9vw;
}
#home .home-container form .form-input input:focus{
	outline: none;
}
#home .home-container form .form-input-separate{
	border-left: 1px solid rgb(255, 255, 255, .10);
	border-right: 1px solid rgb(255, 255, 255, .10);
}
#home .home-container form .form-input-last{
	border-bottom: 1px solid rgb(255, 255, 255, .10);
}
#home .home-container form .form-input-double{
	grid-column: span 2;
	border-top: 1px solid rgb(255, 255, 255, .10);
	border-right: 1px solid rgb(255, 255, 255, .10);
}
#home .home-container form .form-input-top{
	border-top: 1px solid rgb(255, 255, 255, .10);
}
#home .home-container form .form-input-bottom{
	border-bottom: 1px solid rgb(255, 255, 255, .10);
}
#home .home-container form .form-input-right{
	border-right: 1px solid rgb(255, 255, 255, .10);
}
#home .home-container form .form-input-separate-top{
	border-top: 1px solid rgb(255, 255, 255, .10);
	border-left: 1px solid rgb(255, 255, 255, .10);
	border-right: 1px solid rgb(255, 255, 255, .10);
}
#home .home-container form .form-input-edge{
	border-top: 1px solid rgb(255, 255, 255, .10);
	border-right: 1px solid rgb(255, 255, 255, .10);
}
#home .home-container form .form-input-button{
	padding: 0.625vw;
}
#home .home-container form .form-input button{
	background: #BB9951;
	color: white;
	border: none;
	border-radius: 100px;
	width: 100%;
	height: 100%;
	font-size: 0.9vw;
	cursor: pointer;
	padding: 0;
}
#home .home-container form .form-input button:hover{
	opacity: .7;
}

#contact-leading{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #0F203B;
	color: white;
	padding: 4vw 6.25vw;
}
#contact-leading img{
	position: absolute;
	right: 0;
	top: 0;
}
#contact-leading .section-header{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#contact-leading .section-header h3{
	font-size: 1.25vw;
	margin: 0;
}
#contact-leading .section-header small{
	color: #667B8C;
	font-size: 0.6vw;
}
#contact-leading .section-header small a{
	color: #667B8C;
}
#contact-leading form{
	position: relative;
	width: 100%;
	display: flex;
	gap: 0 2vw;
	margin-top: 1vw;
	justify-content: start;
}
#contact-leading form input{
	width: 13vw;
	font-size: 0.8vw;
	background: none;
	border: none;
	border-bottom: 1px solid #566071;
	padding-bottom: 0.8vw;
	color: white;
}
#contact-leading form input:focus{
	outline: none;
}
#contact-leading form .form-input-long{
	width: 35vw;
}
#contact-leading form button{
	margin-left: auto;
	width: 18.8vw;
	height: 3vw;
	font-size: 0.9vw;
	border: none;
	background: #1A2D4B;
	color: white;
	border-radius: 100px;
	cursor: pointer;
}
#contact-leading form button:hover{
	background: #38527a;
}

#price-list{
	display: flex;
	position: relative;
	flex-direction: column;
	padding: 4vw 13.5vw;
	background: #F8F7FA;
}
#price-list .vector{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
#price-list .section-header{
	display: flex;
	margin-bottom: 2vw;
}
#price-list .section-header h2{
	font-size: 2.5vw;
	margin: 0;
}
#price-list .price-cards{
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 0.8vw;
}
#price-list .price-card{
	display: flex;
	flex-direction: column;
	gap: 0.625vw;
	background: white;
	padding: 1.25vw;
	align-items: center;
	justify-content: center;
	border-radius: 0.8vw;
}
#price-list .price-card img{
	width: 6.25vw;
}
#price-list .price-card strong{
	font-size: 0.9vw;
}
#price-list .price-card h2{
	margin: 0;
	font-size: 1vw;
	color: #BB9951;
}
#price-list .price-card span{
	color: #353437;
	font-size: 0.8vw;
}
#price-list .price-card .price-card-details{
	margin-top: 1.25vw;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1vw 0;
}
#price-list .price-card .price-card-details-feature{
	display: flex;
	align-items: center;
	gap: 0.625vw;
}
#price-list .price-card .price-card-details-feature img{
	width: 1vw;
	height: 1vw;
	object-fit: contain;
}
#price-list .price-card button{
	margin-top: 1.25vw;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.9vw;
	border-radius: 100px;
	border: 1px solid #EBEBEB;
	background: transparent;
	font-size: 0.8vw;
	font-weight: bold;
	cursor: pointer;
}
#price-list .price-card button:hover{
	background: #BB9951;
	border-color: #BB9951;
	color: white;
}

#about{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	background: #0F203C;
	color: white;
	position: relative;
}
#about .about-details{
	padding: 6.25vw 0;
	padding-left: 13.5vw;
	padding-right: 4vw;
	position: relative;
}
#about .about-details h1{
	font-size: 2.5vw;
	margin: 0;
	margin-bottom: 1vw;
}
#about .about-details span{
	font-size: 0.9vw;
	line-height: 1.4vw;
}
#about .about-details-features{
	display: flex;
	flex-direction: column;
	margin-top: 2vw;
	gap: 1.25vw;
}
#about .about-details-feature{
	display: flex;
	align-items: start;
	gap: 0.8vw;
}
#about .about-details-feature-meta{
	display: flex;
	flex-direction: column;
	gap: 0.5vw;
}
#about .about-details-feature-meta small{
	color: #7E93B2;
}
#about .about-prime-button{
	margin-top: 2vw;
	color: white;
	background: #1A2D4B;
	height: 3vw;
	padding: 0 2vw;
	border-radius: 100px;
	border: none;
	font-size: 0.9vw;
	font-weight: bold;
	cursor: pointer;
}
#about .about-prime-button:hover{
	background: #38527a;
}
#about .about-image{
	position: relative;
	height: 100%;
	overflow: hidden;
}
#about .about-image-logo{
	position: absolute;
	top: 4vw;
	left: 3vw;
	width: 15vw !important;
	height: 8vw !important;
	opacity: .4;
	object-fit: contain;
}
#about .about-image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#calculator{
	padding: 6.25vw;
}
#calculator .calculator-wrapper{
	background: #F8F7FA;
	padding: 4vw 7.2vw;
	border-radius: 2vw;
	position: relative;
}
#calculator .calculator-wrapper img{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
}
#calculator .calculator-header{
	display: flex;
	align-items: center;
	position: relative;
}
#calculator .calculator-header h1{
	margin: 0;
	font-size: 2.5vw;
}
#calculator .calculator-header-selector{
	padding: .4vw;
	background: white;
	border-radius: 100px;
	display: flex;
	gap: 0 .4vw;
	align-items: center;
	justify-content: center;
	height: fit-content;
	margin-left: auto;
	position: relative;
}
#calculator .calculator-header-selector label{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.2vw;
	width: 7.2vw;
	border-radius: 100px;
	cursor: pointer;
	font-size: 0.9vw;
}
#calculator .calculator-header-selector label:hover{
	background: #BB9951;
	color: white;
}
#calculator .calculator-header-selector .active-tab{
	background: #BB9951;
	color: white;
}
#calculator .calculator-constructor{
	margin-top: 2vw;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25vw;
}
#calculator .constructor-card{
	background: white;
	border-radius: 1vw;
	padding: 1.25vw;
	display: flex;
	flex-direction: column;
	gap: 0.9vw;
	position: relative;
}
#calculator .constructor-card-offset{
	gap: 1.25vw;
}
#calculator .constructor-card h4{
	margin: 0;
	font-size: 0.9vw;
	padding-bottom: 1.25vw;
	border-bottom: 1px solid #EBEBEB;
	margin-bottom: 0.35vw;
	display: flex;
	gap: 1vw;
	position: relative;
}
#calculator .instruction-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
#calculator .instruction-container small{
	margin: 0 !important;
	cursor: help;
}
#calculator .instruction-container .instruction-body{
	position: absolute;
	z-index: 999;
	top: 1.5vw;
	left: 0;
	padding: .5vw;
	border-radius: .5vw;
	background: #292929;
	min-width: 15vw;
	max-width: 15vw;
	visibility: hidden;
	opacity: 0;
}
#calculator .instruction-container .instruction-body small{
	font-size: .6vw;
	color: white;
}
#calculator .instruction-container small:hover ~ .instruction-body{
	visibility: visible !important;
	opacity: 1 !important;
}
#calculator .constructor-card span{
	font-size: 0.9vw;
	padding: 0.4vw 0.8vw;
	background: #F8F7FA;
	width: fit-content;
	border-radius: .4vw;
}
#calculator .calculator-option{
	display: flex;
	align-items: start;
	gap: 0.625vw;
}
#calculator .calculator-option input{
	width: 1vw;
	height: 1vw;
}
#calculator .calculator-option .option-details{
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
#calculator .calculator-option .option-details strong{
	font-size: 0.9vw;
}
#calculator .calculator-option .option-details small{
	color: #5D5D5F;
	font-size: 0.7vw;
	margin-top: 0.4vw;
	line-height: 1.1vw;
}
#calculator .constructor-card wrap{
	display: flex;
	flex-direction: column;
}
#calculator .constructor-card b{
	font-size: 0.9vw;
	font-weight: 500;
}
#calculator .constructor-card u{
	cursor: pointer;
}
#calculator .constructor-card u:hover{
	opacity: .6;
}
#calculator .constructor-card small{
	color: #5D5D5F;
	margin-top: 0.3vw;
}
#calculator .card-weight-input{
	width: 7vw;
	background: #F8F7FA;
	display: flex;
	padding: 0.625vw 0.8vw;
	align-items: center;
	border-radius: .4vw;
}
#calculator .card-weight-input input{
	width: 80%;
	border: none;
	background: transparent;
	font-size: 1.25vw;
}
#calculator .card-weight-input select{
	width: 80%;
	border: none;
	background: transparent;
	font-size: medium;
}
#calculator .card-weight-input input:focus{
	outline: none;
}
#calculator .card-weight-input input:disabled{
	opacity: .3;
}
#calculator .card-weight-input-multiple select[disabled]{
	opacity: .3;
}
#calculator .constructor-card b[disabled]{
	opacity: .3;
}
#calculator .card-weight-input small{
	font-size: 0.9vw;
	color: #5D5D5F;
	margin-left: auto;
	font-weight: normal;
}
#calculator .card-weight-input-multiple{
	width: fit-content;
}
#calculator .card-weight-input-multiple input{
	width: 3vw;
	text-align: left;
}
#calculator .card-weight-input-multiple font{
	margin: 0 .2vw;
	color: #5D5D5F;
	font-size: small;
}
#calculator .calculator-final{
	display: flex;
	align-items: center;
	margin-top: 2vw;
	position: relative;
}
#calculator .calculator-final small{
	width: 28.5vw;
	font-size: 0.9vw;
	line-height: 1.25vw;
	font-weight: bold;
}
#calculator .calculator-final .final-results{
	margin-left: auto;
	display: flex;
	flex-direction: column;
}
#calculator .calculator-final .final-results-indicator{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.25vw;
	width: 21.25vw;
}
#calculator .calculator-final .final-results-indicator h1{
	font-size: 3.3vw;
	margin: 0;
	color: #BB9951;
}
#calculator .calculator-final .final-results-indicator small{
	font-size: 0.8vw;
}
#calculator .calculator-final .final-results button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 21.25vw;
	height: 3.4vw;
	font-size: 0.9vw;
	padding: 0;
	border-radius: 100px;
	border: none;
	background: #0F203B;
	color: white;
	margin-top: 0.9vw;
	cursor: pointer;
}
#calculator .calculator-final .final-results button:hover{
	background: #38527a;
}

#contact-main{
	background: #0F203C;
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
	padding-bottom: 4vw;
}
#contact-main .vectors-container{
	position: absolute;
	padding-top: 3vw;
	display: flex;
	justify-content: center;
	height: 39vw;
}
#contact-main .contact-main-truck{
	position: relative;
	width: 72vw;
	margin-top: 7vw;
}
#contact-main h1{
	font-size: 2.5vw;
	color: white;
	margin: 0;
	margin-top: 3.15vw;
	position: relative;
}
#contact-main form{
	margin-top: 4vw;
	display: flex;
	flex-direction: column;
	position: relative;
}
#contact-main .contact-form-group{
	display: flex;
	gap: 0.8vw;
}
#contact-main .contact-form-group input{
	width: 21.25vw;
	background: transparent;
	padding-bottom: 0.8vw;
	border: none;
	border-bottom: 1px solid #566071;
	color: white;
	font-size: 0.8vw;
}
#contact-main .contact-form-group input:focus{
	outline: none;
}
#contact-main .contact-form-group input:last-child{
	width: 28.5vw;
}
#contact-main .contact-form-agreement{
	margin-top: 2vw;
	display: flex;
	gap: 0.625vw;
}
#contact-main .contact-form-agreement input{
	width: 1vw;
	height: 1vw;
}
#contact-main .contact-form-agreement label{
	color: white;
	font-size: 0.7vw;
	opacity: 0.6;
}
#contact-main .contact-form-agreement label a{
	color: white;
}
#contact-main button{
	margin-top: 1.25vw;
	font-size: 0.9vw;
	height: 3.2vw;
	border: none;
	border-radius: 100px;
	background: #1A2D4B;
	color: white;
	cursor: pointer;
	font-weight: 500;
}
#contact-main button:hover{
	background: #38527a;
}

#tracking{
	padding: 6.25vw;
}
#tracking .tracking-form{
	display: grid;
	grid-template-columns: 2fr 1fr;
	position: relative;
	background: #F8F7FA;
	border-radius: 2vw;
}
#tracking .tracking-form .vector{
	position: absolute;
	left: 0;
	top: 0;
}
#tracking .tracking-form form{
	padding: 5.2vw 6.5vw;
	position: relative;
}
#tracking .tracking-form form h2{
	font-size: 1.6vw;
	margin: 0;
	margin-top: 4vw;
	color: #0F203B;
}
#tracking .tracking-form .tracking-input{
	display: flex;
	margin-top: 2vw;
	width: 30.5vw;
	background: white;
	padding: 0.4vw;
	border-radius: 100px;
}
#tracking .tracking-form .tracking-input input{
	width: 100%;
	font-size: 0.8vw;
	padding: 0.8vw;
	border: none;
	background: transparent;
}
#tracking .tracking-form .tracking-input input:focus{
	outline: none;
}
#tracking .tracking-form .tracking-input button{
	width: 6.8vw;
	border-radius: 100px;
	background: #0F203B;
	color: white;
	border: none;
	cursor: pointer;
}
#tracking .tracking-form .tracking-input button:hover{
	background: #38527a;
}
#tracking .tracking-form form small:last-child{
	margin-top: 1vw;
}
#tracking .tracking-form form u{
	cursor: pointer;
}
#tracking .tracking-meta-image{
	padding: 2vw;
	width: 33.9vw;
}
#tracking .tracking-meta-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#partners{
	width: 72.8vw;
	margin: auto;
	margin-top: 1.8vw;
	margin-bottom: 6.25vw;
}
#partners .section-header h1{
	color: #0F203B;
	font-size: 2.5vw;
	margin: 0;
}
#partners .partner-cards{
	display: flex;
	flex-wrap: wrap;
	gap: 0.4vw;
	margin-top: 2vw;
}
#partners .partner-cards .partner-card{
	border-radius: 100px;
	background: #F8F7FA;
	padding: 0 2.5vw;
	height: 4.6875vw;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}
#partners .partner-cards .partner-card img{
	width: 100%;
	height: 4.6875vw;
	object-fit: contain;
}
#partners .partner-cards .partner-card-alt h2{
	font-size: 2.5vw;
	color: #BB9951;
	margin: 0;
}

#services{
	position: relative;
	background: #0F203C;
	padding: 4.5vw 13.5vw;
	padding-bottom: 3.6vw;
}
#services .vector-1{
	position: absolute;
	top: 0;
	right: 0;
}
#services .vector-2{
	position: absolute;
	left: 0;
	bottom: 0;
}
#services .section-header h1{
	color: white;
	margin: 0;
	font-size: 2.5vw;
}
#services .service-cards{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 0.9vw;
	grid-row-gap: 0.9vw;
	margin-top: 1.7vw;
}
#services .service-card{
	display: flex;
	flex-direction: column;
	padding: 1.25vw;
	border-radius: 0.8vw;
	background: #1A2D4B;
	color: white;
	position: relative;
	overflow: hidden;
}
#services .service-card-solid{
	grid-column: span 2;
}
#services .service-card-solid .card-transport{
	width: auto;
}
#services .service-card .card-logo{
	position: absolute;
	right: 1.6vw;
	top: 1.6vw;
	width: 6.9vw;
	opacity: .2;
}
#services .service-card .card-details{
	position: relative;
	padding: 0.4vw;
	display: flex;
	flex-direction: column;
	width: 21vw;
}
#services .service-card-solid .card-details{
	width: 42vw;
}
#services .service-card .card-details strong{
	font-size: 1.25vw;
	margin-bottom: 1.6vw;
}
#services .service-card .card-details-feature{
	display: flex;
	gap: 0.8vw;
}
#services .service-card .card-details-feature img{
	width: 1vw;
	height: 1vw;
}
#services .service-card .card-details-feature small{
	font-size: 1vw;
	line-height: 1.5vw;
	color: white;
}
#services .service-card button{
	width: 10.5vw;
	height: 2.5vw;
	margin-top: 3.3vw;
	border-radius: 100px;
	border: none;
	background: #0F203B;
	color: white;
	font-size: 0.8vw;
	font-weight: bolder;
	cursor: pointer;
	position: relative;
}
#services .service-card button:hover{
	background: #38527a;
}
#services .card-transport{
	position: absolute;
	width: 50%;
	right: -2vw;
	bottom: -2vw;
}

#footer{
	background: #071326;
	padding: 3.1vw 6.25vw;
}
#footer .footer-navbar{
	display: flex;
	gap: 0 2.5vw;
}
#footer .footer-navbar a{
	text-decoration: none;
	color: white;
	font-size: 0.9vw;
}
#footer .footer-navbar a:hover{
	text-decoration: underline;
}
#footer .footer-services{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 9.8vw;
	margin-top: 4.3vw;
	width: fit-content;
}
#footer .services-container{
	display: flex;
	flex-direction: column;
	gap: 1.25vw;
	width: fit-content;
}
#footer .footer-service{
	display: flex;
	gap: 1vw;
	align-items: center;
	width: fit-content;
}
#footer .footer-service img{
	width: 2.6vw;
}
#footer .footer-service strong{
	font-size: 1.6vw;
	color: white;
	color: #8493AB;
}
#footer .footer-contact{
	margin-top: 3.85vw;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20vw;
	width: fit-content;
}
#footer .footer-contact .socials{
	width: fit-content;
	display: flex;
	gap: 1.25vw;
}
#footer .footer-contact .socials a{
	width: 4vw;
	height: 4vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1A2D4B;
	border-radius: 100px;
}
#footer .footer-contact .socials a:hover{
	opacity: .6;
}
#footer .footer-contact .socials a img{
	width: 50%;
	height: 50%;
}
#footer .footer-contact .contacts{
	display: flex;
	flex-direction: column;
	gap: 1.25vw;
	margin-left: 10vw;
}
#footer .footer-contact .contacts a{
	font-size: 2vw;
	text-decoration: none;
	color: white;
}
#footer .footer-contact .contacts a:hover{
	text-decoration: underline;
}
#footer .footer-contact .contacts a:last-child{
	color: #BB9951;
}

#footer-meta{
	display: flex;
	flex-direction: column;
	background: #0F203B;
	padding: 2vw 6.25vw;
	color: white;
	gap: 0.8vw;
}
#footer-meta span{
	font-size: 1vw;
	font-weight: 500;
}

/* CUSTOMS */

#home .home-container-customs form .form-row{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.about-alt{
	background: #F8F7FA !important;
	color: black !important;
}
.about-alt .about-details h1{
	color: #0F203B;
}
.about-alt .about-details-feature-meta small{
	color: #5D5D5F;
}
.about-alt .vector{
	position: absolute;
	height: 100%;
}
.about-alt .about-cards{
	display: flex;
	align-items: center;
	justify-content: center;
}
.about-alt .about-cards-container{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 0.8vw;
	grid-row-gap: 0.8vw;
}
.about-alt .about-cards-container .about-card{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: white;
	width: 17.5vw;
	height: 10vw;
	border-radius: 0.8vw;
	gap: 0.625vw;
}
.about-alt .about-cards-container .about-card img{
	width: 6.25vw;
	height: 5.7vw;
	object-fit: contain;
}
.about-alt .about-cards-container .about-card strong{
	font-size: 0.9vw;
}

#blog{
	display: flex;
	flex-direction: column;
	padding: 6.25vw;
}
#blog .section-header h1{
	font-size: 2.5vw;
	color: #0F203B;
	margin: 0;
	margin-bottom: 2vw;
}
#blog .section-header h1 small{
	cursor: pointer;
}
#blog .section-header h1 small:hover{
	opacity: 0.6;
}
#blog .blog-slider{
	width: 100%;
	height: fit-content;
}
#blog .blog-slider-mobile{
	display: none;
}
#blog .swiper .swiper-slide{
	padding: 0.8vw;
	background: #F8F7FA;
	display: flex;
	flex-direction: column;
	border-radius: 1.25vw;
	width: 20% !important;
}
#blog .swiper .swiper-slide img{
	border-radius: 0.625vw;
	height: 13.5vw;
	object-fit: cover;
}
#blog .swiper .swiper-slide strong{
	font-size: 0.9vw;
	margin: 0.8vw 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#blog .swiper .swiper-slide small{
	font-size: 0.72vw;
	color: #5D5D5F;
	margin-bottom: 0.8vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#blog .swiper .swiper-slide button{
	font-size: 0.8vw;
	font-weight: bold;
	height: 2.9vw;
	border-radius: 100px;
	background: transparent;
	border: 1px solid #C2C2C3;
	cursor: pointer;
	margin-bottom: 0.5vw;
}
#blog .swiper .swiper-slide button:hover{
	background: white;
}

#login{
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
#login form{
	padding: 1vw 2vw;
	border-radius: 1vw;
	display: flex;
	flex-direction: column;
	gap: 1vw;
	background: whitesmoke;
}
#login form h1{
	margin: 0;
	margin-bottom: 1vw;
	font-size: larger;
}