:root {
    /*основной*/
    --color-1: #666;
    --color-2: #fff;
    --color-3: #bcb482;
    --color-4: #706d5c;
    --color-5: #303941;
    --color-6: rgba(188, 180, 130, 0.2);
    --color-7: rgba(112, 109, 92, 0.5)
}

::selection {
    background: var(--color-3); /* Цвет фона */
}

html, body {
    height: 100%;
}

h1, h2, h3, h4, h5, h6,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 {
    font-family: 'Oswald', sans-serif;
    color: var(--color-4);
}
a{
    text-decoration: none;
    color: var(--color-4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a:hover{
    text-decoration: none;
    color: var(--color-3);

}

/*Верхнее меню*/
.top_menu {
    background-color: var(--color-5);
}

.top_menu_phone span {
    color: var(--color-3);
    font-size: 1.2rem;
}

.top_menu_phone a {
    color: var(--color-3);
    text-decoration: none;
}

.top_menu_buttom a {
    color: var(--color-3);
    border-left: var(--color-3) 1px solid;
    border-right: var(--color-3) 1px solid;
}

.top_menu_buttom a:hover {
    color: var(--color-5);
    background-color: var(--color-3);
}

/*Основное меню*/
.main_menu .uk-navbar-nav span {
    font-size: 1.2rem;
}

.uk-navbar-nav > li > a,
.uk-navbar-dropdown-nav>li>a{
    color: var(--color-5);
}
.uk-navbar-nav > li > a:hover,
.uk-navbar-dropdown-nav>li>a:hover {
    color: var(--color-3);
}
.uk-navbar-nav > li > a.uk-active,
.uk-navbar-dropdown-nav>li>a.uk-active {
    color: var(--color-3);
}



/*Баннер*/
.slider_header {
    font-size: 5rem;
}

.slider .uk-dotnav > * > * {
    width: 35px;
    height: 35px;
    border: 1px solid var(--color-3);
    background-color: var(--color-4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.slider .uk-dotnav > .uk-active > * {
    background-color: var(--color-3);
    box-shadow: 0 0 0 6px var(--color-6);
    border-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.slider .uk-dotnav > * > :hover, .uk-dotnav > * > :focus {
    background-color: var(--color-3);
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 6px var(--color-6);
}

.uk-slidenav {
    background-color: rgba(255, 255, 255, 0.3);
    color: var(--color-2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.uk-slidenav svg {
    color: var(--color-3);
}

.uk-slidenav:hover {
    background-color: var(--color-4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.uk-slidenav:hover svg {
    color: var(--color-2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/*Инфоблоки*/
.infoblock {
    background-color: var(--color-6);
}

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background-color: var(--color-6);

}

.card_top_hover {
    transition: 0.3s ease-out all;
}

.card_top_hover:hover {
    transform: translateY(-10px);
    background: var(--color-6);
}

.froze__overlay {
    background: var(--color-7);
}

/*Почему выбирают нас*/
.theses_card {
    color: var(--color-4);
    border: var(--color-4) 1px solid;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.theses_card:hover {
    background-color: var(--color-6);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*Вызов замерщика*/
.feedback a {
    background: var(--color-7);
    border-color: var(--color-7);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 1rem;
}

.feedback a:hover {
    color: var(--color-5);
    background-color: var(--color-3);
    border-color: var(--color-3);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.feedback .uk-button {
    background: var(--color-6);
    border-color: var(--color-6);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 1rem;
}

.feedback .uk-button:hover {
    color: var(--color-5);
    background-color: var(--color-3);
    border-color: var(--color-3);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.feedback .uk-inline {
    min-width: 100%;
}

.feedback .error {
    border-color: brown;
}

.uk-input, .uk-select, .uk-textarea {
    background: var(--color-2);
    color: var(--color-5);
    border: 1px solid var(--color-4);
    transition: .2s ease-in-out;
    transition-property: color, background-color, border;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    outline: 0;
    background-color: var(--color-2);
    color: var(--color-5);
    border-color: var(--color-3);
}

.feedback .error {
    border-color: brown;
}

svg {
    color: var(--color-4);
}

svg {
    color: var(--color-4);
}

/*offcanvas*/
.uk-offcanvas-bar {
    width: 100vw;
    background-color: var(--color-5);
}

/*totop*/

#topcontrol {
    position: fixed;
    bottom: 52px;
    right: 0;
    transition: all .3s linear;
}

.opacity {
    opacity: 0;
}

.opacity_1 {
    opacity: 1;
}

.to_the_top {
    transition: all .3s linear;
    bottom: 40px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    z-index: 5;
    text-align: center;
    background-color: var(--color-3);
}

.to_the_top:hover {
    background-color: var(--color-4);
}

.to_the_top svg {
    color: var(--color-5);
}

.to_the_top:hover svg {
    color: var(--color-3);
}

.to_the_top a {
    height: 30px;
    width: 30px;
}
/*footer*/
.footer {
    background-color: var(--color-5);
}
.footer .top_menu_phone{
    margin-right: 15px;
    margin-bottom: 5px;
}
.footer .top_menu_phone a{
   display: inline-block !important;
}
/*блог*/
.blog .uk-button {
    color: var(--color-5);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
.blog  a  {
    color: var(--color-5);
}

.blog .uk-button:hover {
    color: var(--color-5);
    background-color: var(--color-3);
    border-color: var(--color-3);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}