@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');


/* Extra Small Devices, Phones */
@media (max-width : 767.99px) {
  .bg-wh-ylw{background: rgba(197, 69, 32,1) !important;}
  .yellow-line-decoration-left:after{background-color:#fff !important;}
  .dark-line-decoration-left:after{background-color:#fff !important;}
  .invert-to-wh-sm{
    color:#fff !important;
  }
}

@media (max-width: 920px) {
  .bg-draw-1:after{
    width: 100% !important;
  }
}
@media (max-width: 1199px) {
  .bg-draw-1:after{
    width: 100% !important;
  }
}
@media (max-width: 766px) {
  .bg-draw-1:after{
    width: 100% !important;
    background: #fff !important;
  }
}
@media (max-width: 500px) {
  .navbar-brand img{
    max-width: 150px;
  }
  h1.font-extrabold,h1.font-bold{
    font-size: 32px;
  }
  h1.display-4{
    font-size: 46px;
  }
}

html {
  scroll-behavior: smooth;
  margin:0;padding:0;
}
body {
  color: #101010;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-size:13px; /*default size*/
  margin:0;padding:0;
}
#main-nav a:hover{
  color:#625948 !important;
}
.navbar-nav .nav-item a{
  font-size: 15px;
  color:#101010 !important;
}
.navbar-nav .nav-item{
  padding-left: 11px;
  padding-right: 11px;
}
div,p,span,section{
  transition: all 500ms ease;
}
.lh-1{
  line-height: 1.3;
}
.logo{
  max-width:180px;
}
#img-scroll{
	box-shadow: 0 1px 6px 0px rgba(0,0,0,.1);
	transform: translatey(0px);
	animation: levitation 3s ease-in-out infinite;
  border-radius: 10px;
}
#main{
  background-image: url(../img/main-bg-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: bottom;
  border-top:10px solid #c54520;
}
#main>div>div.row{
  z-index:9;
}
img[alt="rocket"]:hover{
  animation: shake 0.5s;
  animation-iteration-count: infinite;
  cursor: wait;
}
img[alt="rocket"]{
  max-width: 110px;
}
.bg-draw-1:after{
  -webkit-transition: all 500ms ease;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 78%;
  height: 100%;
  background-image: linear-gradient(62deg,
  rgb(255, 255, 255),
  rgb(255, 255, 255) 64%,
  rgba(0, 0, 0,0) 64%,
  rgba(0, 0, 0,0));
}

label{ /*default labels*/
  color:rgba(0,0,0, .5);
  margin-bottom:0;
}
input,textarea{ /*default input and textarea*/
  padding:0 !important;
  font-size:13px !important;
}
input{/*only for inputs*/
  max-height:28px !important;
}
h1>span.yellow{color:rgb(24, 24, 24);}
h1>span.white{color:#fff;}
h5>span.white{color:#fff;}
h5>span.yellow{color:#c54520;}
.wh-bar-80{
  background-color: #fff;
  width:100%;
  height:80px;
}
.my-120{
  margin-top:120px;
  margin-bottom: 120px;
}
.my-140{
  margin-top:140px;
  margin-bottom: 140px;
}
.py-80{padding-top: 80px;padding-bottom: 80px;}
.py-100{padding-top: 100px;padding-bottom: 100px;}
.pt-120{padding-top:120px;}
.pb-200{padding-bottom: 200px;}
.mt-120{margin-top:120px;}
.mb-120{margin-bottom:120px;}.pb-120{padding-bottom: 120px;}
.mt-140{margin-top:140px;}
.mb-140{margin-bottom: 140px;}

.form-control{
  border-width:0 0 1px 0 !important;
  border-radius:0;
}
.list-group-item{
  border:0;
  background:none;
}
.service-box span,.service-box h5, .service-box p{
  margin-left:10px;margin-right:10px;
  margin-top:15px;
}
#main-slider li{
  font-size:48px;
  font-weight: bold;
  color:#fff;
  text-transform: uppercase;
  text-align: right;
  padding:25px 15px;
}
#main-slider li:hover{
  background-color:#101010;
}
.yellow-line-decoration-center:after{
  top:0;
  left:50%;
  width:50px;
  height:4px;
  margin-left:-25px;
  background-color:#c54520;
  position:absolute;
  content:"";
}
.yellow-line-decoration-left, .dark-line-decoration-left{
  margin-right:50px;
  display: block;
}
.yellow-line-decoration-left-wh-bg:after{
  top:0;
  left:0;
  width:50px;
  height:4px;
  background-color:#c54520;
  position:absolute;
  content:"";
}
.yellow-line-decoration-left:after{
  top:0;
  left:0;
  width:50px;
  height:4px;
  background-color:#c54520;
  position:absolute;
  content:"";
}
.dark-line-decoration-left:after{
  top:0;
  left:0;
  width:50px;
  height:4px;
  background-color:#101010;
  position:absolute;
  content:"";
}
.list-unstyled{
  font-size:14px;
}
.list-dark li:before{
  content: "•";
  color:#101010;
  margin-right:14px;
}
.btn-send{
  border-radius:17px;
  color:#fff;
  text-transform: uppercase;
  font-weight: 700;
  padding:10px 0;
}
.btn-dark{
  color:#fff;
  background-color: #101010;
  font-size:14px;
}
.btn-link-dark{
  text-decoration: underline;
  color:#101010;
}
.bg-wh{
  background-color: #fff;
}
.bg-dark{
  background-color:#101010 !important;
  color:#fff !important;
}
.no-bg{
  background:none !important;
}
.bg-yellow{
  background-color: #c54520;
}
.bg-wh-ylw{
background:linear-gradient(90deg, rgba(255,255,255,1) 48%, #c54520 48%);
}
.main-bg{
  background-image: url(../img/main-bg-4.jpg);
}
.box-shadow{box-shadow:1px 4px 15px rgba(0,0,0, .1);}
.box-shadow-modal{box-shadow: 0 0 9px 7px rgba(0,0,0,.1);}
.brd-1{border:1px solid #f0f0f0;}
.color-wh{color:#fff !important;}
.color-dark{color:#101010;}
.second-text{color:#535353;}
.color-wh-90{color:rgba(255,255,255, .9);}
.color-wh-50{color:rgba(255,255,255, .5) !important;}
.color-ylw{color:#c54520 !important;}
.color-grey-1{color:#8D8D8D !important;}
.radius-sm{border-radius:13px;}
.radius-lg{border-radius:21px;}
.radius-half{border-radius:30px;}
.service-box{
  border:1px solid #DFDFDF;
  background-color:#fff;
  box-shadow:1px 4px 15px rgba(0,0,0, .1);
  border-radius: 17px;
  min-height: 254px;
}
h1{font-size: 39px;}

h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size: 15px;}
p{font-size:13px;}

.font-extralight{font-weight:200;}
.font-light{font-weight:300;}
.font-regular{font-weight:400;}
.font-semibold{font-weight:600;}
.font-bold{font-weight:700;}
.font-extrabold{font-weight:800;}

footer{
  border-bottom:10px solid #c54520;
  padding-top:75px;
  padding-bottom:35px;
}
#footer .mini-nav-footer a.nav-link {
  padding:10px 0;
  color:rgba(255,255,255, .9);
}
#footer h5>span{
  color:#c54520;
}
/*ICONS*/
#footer .nav-item{
  display: flex;
  align-items: center;
}
.pictogram{
  display: block;
  width:80px;
  height: auto;
  background-image:url(../img/svg/pictograms.svg);
  background-repeat: no-repeat;
}
.p-car{
  height: 49px;
  background-position: 0 -53px;
}
.p-multi{
  height: 53px;
  background-position: 0 0;
}
.p-mag{
  height: 53.5px;
  background-position: 0 -102px;
}
.p-checklist{
  height: 53.5px;
  background-position: 0 -155.5px;
}
.icon{
  margin-right: 15px;
  display: block;
  float:left;
  width:20px;
  max-width:20px;
  height:auto;
  background-image:url(../img/svg/footer_icons.svg);
  background-repeat: no-repeat;
}
.i-tel{
  height:20px;
  background-position: 0 0;
}
.i-arrow-send{
  height:20px;
  background-position: 0 -20px;
}
.i-point{
  height: 26.67px;
  background-position: 0 -40px;
}

.mt-minus-1{
  margin-top:-10px;
}
.ml-6{
  margin-left:64px;
}
/*ANIMATIONS*/
.Circle:after {
content: "";
background-color: transparent;
border: 90px ridge #c54520;
width:1100px;height:1100px;
border-radius:50%;
position:fixed;z-index: 0;
top: 16%;left: 25%;
opacity: .75;
animation: rotatecircle2 13s linear infinite;
}
.Circle2:after {
content: "";
background-color: transparent;
border: 90px ridge #c54520;
width:1100px;height:1100px;
border-radius:50%;
position:fixed;z-index: 0;
top: 30%;left: 52%;
opacity: .65;
animation: rotatecircle 16s linear infinite;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes rotatecircle {
    0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(-360deg); }
}
@keyframes rotatecircle2 {
    0% { -webkit-transform:rotate(-360deg); }
100% { -webkit-transform:rotate(0deg); }
}
@keyframes levitation {
	0% {
		box-shadow: 0 2px 8px 0px rgba(0,0,0,.2);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 15px 9px 0px rgba(0,0,0,.06);
		transform: translatey(-5px);
	}
	100% {
		box-shadow: 0 2px 8px 0px rgba(0,0,0,.2);
		transform: translatey(0px);
	}
}
.toast{
  flex-basis: 100%;
  max-width: 100%;
  font-size: .875rem;
  background-color: transparent;
  background-clip: padding-box;
  border: 0;
  box-shadow: none;
  opacity: 0;
  border-radius: .25rem;
  margin-bottom: -100px;
}
#toast-container {
    position: fixed;
    z-index: 999999;
}
.md-toast-bottom-full-width {
    right: 0;
    bottom: 0;
    width: 100%;
}
#toast-container>div {
    position: relative;
    width: 18.75rem;
    padding: 15px 15px 15px 50px;
    margin: 0 0 6px;
    overflow: hidden;
    filter: alpha(opacity=99);
    background-repeat: no-repeat;
    background-position: 15px center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    opacity: .99;
}
.md-toast-success {
  color:#fff !important;
    background-color: #101010;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
#toast-container.md-toast-top-full-width>div, #toast-container.md-toast-bottom-full-width>div {
    width: 100%;
    margin: auto;
}
.rounded-modal-fullscreen{
  border-radius: 13px 13px 0 0 !important;
}
.modal-dialog{
  min-width:100% !important;
  margin: 50px 0 0 0 !important;
}
.modal-header{padding-top:.5rem;padding-bottom:.5rem;}