/*======= BASE =============*/
@import url(https://fonts.googleapis.com/css?family=Jura:400,600&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700,900,300&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,300&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700&subset=latin,cyrillic);



a, p, span, div  {
    font-family: 'Exo 2', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: 'Exo 2', sans-serif;
}
section {
    background: #fff;
}
.uk-navbar-nav > li > a{
    font-family: 'Exo 2', sans-serif;
}


a {
    color: #493421;
    border-bottom: 1px solid;
    text-decoration: none;

}

a:hover {
    color: #FF9F5A;
    text-decoration: none;
}
a.ya-share2__link {
    border-bottom: none;
}
h1>a,h2>a,h3>a {
    color: #B3845A;
    border-bottom: 2px solid;
}

.uk-navbar-toggle {
    color: #6D5D4B;
    font-size: 22px;
    border-bottom: none;
}

.uk-nav-navbar>li>a, .uk-navbar-nav>li>a {
    border-bottom: none;
}
.tm-panel {
    padding: 15px;
}

/*=== SLIDER ========*/
.uk-slidenav-position>h3 {
    position: absolute;
    z-index: 1;
    font-size: 20px;
    top: 15px;
    left: 15px;
    font-weight: bold;
}

.uk-slidenav {
    border-bottom: none;
}

/*=== NAV =============*/
.uk-nav li>a {
    border-bottom: none;
    color: #434343;
}
.uk-slidenav.uk-slidenav-contrast {
    background: rgba(0, 0, 0, 0.25);
    height: 72px;
}

.uk-nav-navbar>li.uk-active>a, .uk-navbar-nav>li.uk-active>a {
    background-color: #A7A7A7;
    color: #FFF;
}

/*==== ALERT **/
.uk-alert {
    position: fixed;
    top: 10px;
    z-index: 10;
}

    /*==== OFCANVAS =======*/
.uk-nav-offcanvas ul a, .uk-nav-offcanvas>li>a {
    border-bottom: none!important;
}
.uk-nav-offcanvas>li>a {
    color: #ccc;
    padding: 10px 15px;
    border-top: 1px solid rgba(0,0,0,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
/*=== FORM ========*/
.construct {
    margin-bottom: 15px;
    border: 1px dashed #7e8b93;
    padding: 15px;
}
/*== footer ====*/
footer.tm-footer {
    padding: 15px;
    background: #5C6063;
}
footer.tm-footer * {
    color: #fff;
}

footer.tm-footer a {
    color: #b6cbff;
}
footer.tm-footer a:hover {
    color: #ffc1f8;
}

/*==== RADIO BUTTON =================================*/
.radios-as-buttons {
    height: 35px;
    padding: 10px;
}
.radios-as-buttons div {
    float: left;
}
.radios-as-buttons input {
    position: absolute;
    left: -9999px;
}
.radios-as-buttons label {
    display: block;
    margin: 0 0 0 -1px;
    padding: 5px 10px;
    border: 1px solid #BBBBBB;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .12);
    cursor: pointer;
}
.radios-as-buttons input:checked + label {
    background: white;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2);
}
.radios-as-buttons div:first-child label {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.radios-as-buttons div:last-child label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/*========= GALLERY =========*/
a.block {
    background: #ddbe90;
    /* width: 100%; */
    display: block;
    padding: 10px;
    /* margin-bottom: 108px; */
    border-bottom: none;
}

a.block:hover {
    background: #6a4e35;
}


.images-grid figure {
    /*width: 300px;
    height: 200px;

    padding: 0;*/
    background: #fff;
    overflow: hidden;
    margin: 0;
}
.images-grid figure:hover+span {
    bottom: -36px;
    opacity: 1;
}



/* Shine */
.images-grid figure {
    position: relative;
}
.images-grid figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.images-grid figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.hover07 figure img {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover07 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}