.app-dm-header-top {
    background-color: #0c0e80;
}

.app-dm-btn a:before {
    border-radius: 50px;
    background-color: #ff5722;
}

.app-dm-btn a {
    border-radius: 50px;
    background-image: linear-gradient(160deg, #ff5722 0%, var(--yellow) 99%);
}

.app-dm-header-top .app-dm-header-top-social a {
    background-color: #f57f11;
}

.app-dm-header-main.sticky-on .logo-2 {
    margin-top: 10px;
}

.app-dm {
    
   
    color: #666666;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: "Roboto";
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

.app-dm-footer-section {
    margin-top: -50px;
}

.app-dm-footer-section {
    background-image: url(https://vik-seo.test.osypenko.info/wp-content/themes/vik-seo-marketing/assets/img/d-marketing/img/bg/f-bg.jpg);
}

.col-lg-main {
    flex: 0 0 33%;
    max-width: 33;
    position: relative;
    
   
}

.row {
    justify-content: center;
}

.footer-social {
    text-align: center;
       margin-top: 40px;
}



.nav-link{
text-decoration:none; /*Убираем стандартное подчёркивание ссылки если оно ещё не убрано*/
display: inline-block; /*делаем чтобы наша ссылка из строчного элемента превратилась в строчно-блочный 
line-height: 1; /*Задаём высоту строки (можно в пикселях)*/
color:#ff862f;/*Задаём цвет ссылки*/
}
.nav-link:after {
display: block; /*превращаем его в блочный элемент*/
content: ""; /*контента в данном блоке не будет поэтому в кавычках ничего не ставим*/
height: 3px; /*задаём высоту линии*/
width: 0%; /*задаём начальную ширину элемента (линии)*/
background-color: #ff862f; /*цвет фона элемента*/
transition: width 0.4s ease-in-out; /*данное свойство отвечает за плавное изменение ширины. Здесь можно задать время анимации в секундах (в данном случае задано 0.4 секунды)*/
}
.nav-link:hover:after,
.nav-link:focus:after {
width: 100%;
}
.nav-link:hover{
color:#ff862f;
} 

li {
    list-style-type: none; /* Убираем маркеры */
   }
   ul {
    margin-left: 0; /* Отступ слева в браузере IE и Opera */
    padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
   }

.app-dm-footer-widget .footer-logo {
    margin-bottom: 0px;
}



.footer_deskripshen {
    font-size: 18px;
    font-weight: 600;
    color: #ff5722;
    text-align: center;
}

.app-dm-footer-widget-wrapper {
    padding-bottom: 20px;
}

.app-dm-footer-section {
    padding: 20px 0px 0px;
}

.app-dm-main-navigation li {
    margin-left: 10px;
}

.app-dm-scrollup {
    right: 40px;
}

body {
overflow-x: hidden;
}

@media (max-width: 1024px) {
    .app-dm {
    font-size: 12px;
}

}

@media (min-width: 1024px) {
.col-lg-main {
    flex: 0 0 33%;
    padding-left: 10px;
    padding-right: 10px;
}

}

@media (max-width: 415px) {
.col-lg-main {
    flex: 0 0 100%;
    padding-left: 10px;
    padding-right: 10px;
}

}
    
.app-dm-header-cta {
    margin-left: 5%;
}

.phone{
    margin-left: 20px;
}

.app-dm-header-top .app-dm-header-cta li:after {
    background-color: #ffffff12;
}

.app-dm-footer-widget .widget-title {
    font-weight: 400;
}

a {
	
	text-decoration: none; /*убираем подчёркивание*/
}



.app-dm-scrollup {
    
    background-color: #F57F11;
}