@charset "UTF-8";
/* CSS Document */

.main-marq.gray-bg.shadow-off {
    background: #0040ff;
    color: white;
}

.item.tit:after {
    background: #ffffff;
}

.navbar .topnav .butn {
    background: #0040FF;
    color: #fff;
}

.header-mp {
    padding: 180px 0 100px;
    background-image: -webkit-linear-gradient(280deg, #0040FF, #fff 80%);
    background-image: -o-linear-gradient(280deg, #0040FF, #fff 80%);
    background-image: linear-gradient(179deg, #0040FF, #0040ff 80%);
    position: relative;
}

.butn {
  font-size: 14px; }
  .butn.butn-bord {
    border: 1px solid rgb(255 255 255);
	  color: #fff; 
    }
    .butn.butn-bord:hover {
      background: #fff;
      color: #0040FF; }
  .butn.butn-bg {
    background: var(--main-color);
    border: 1px solid transparent;
    color: #fff; }
    .butn.butn-bg:hover {
      background: transparent;
      border-color: var(--main-color);
      color: inherit; 
}

.loader-wrap svg {
  fill: #0040ff; 
}

.works-mp .item .cont h5 {
    font-weight: 400;
    margin-bottom: 15px;
	font-size: 25px;
}

.works-mp .item .img {
    margin-top: 33px;
}

.footer-mp .sub-footer .links .active {
    color: #0040ff;
}

.hamenu .cont-info {
    background: #0037db;
}

.hamenu .menu-links {
    background: #0040FF;
}

.intro-crv .exp h2 {
    font-size: 30vw;
}


/* ====================== [ Start Responsive ] ====================== */
@media screen and (max-width: 992px) {
  .intro-crv .exp h2 {
	  font-size: 40vw; }}

@media screen and (max-width: 768px) {
  .intro-crv .exp h2 {
    font-size: 70vw; }}