.uk-progress::-webkit-progress-value {
  background-color: #fb815e;
  transition: width 0.6s ease;
}
.uk-progress::-moz-progress-bar {
  background-color: #fb815e;
}
.uk-progress::-ms-fill {
  background-color: #fb815e;
  transition: width 0.6s ease;
  /* 1 */
  border: 0;
}

* {
	font-family: 'Lato', sans-serif !important;
}
html, body {
	background-color: #575757;
}
.big-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 100000;
	background-color: rgba(255,255,255,0.70);
	background-image: url("../img/loading.svg");
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
}

em {
    color: inherit;
}

strong,
.uk-text-bold{
	font-weight: 600 !important;
	color: #222;
}

.bg-white {
	background: #fff;
}

.delimiter{
	margin: 0 auto;
}

.delimiter-page{
	max-width: 900px
}

.delimiter-page-medium {
	max-width: 1200px
}

.page {
	min-height: 100vh;
}

.page-set {
	padding-top: 200px;
}

.page-header {
	height: 40vh;
}

.titles {
	border-bottom: dashed 1px #d1d1d1;
	/*padding: 0 25px 8px;*/
	padding: 0 0 8px 0px;
	width: inherit;
	margin: 0 auto;
	color: #fa815e;
}

.card-corners {
    -webkit-border-bottom-right-radius: 60px;
    -moz-border-radius-bottomright: 60px;
    border-bottom-right-radius: 60px;
}

.not-bordered {
	border-bottom: none;
	padding: 0;
}

.reel-audio {
	z-index: 1;
}

.tm-menu-link {
	color: rgba(255,255,255,0.60);
	letter-spacing: 2;
	text-transform: uppercase;
	font-size: .8em;
}
.tm-menu-link:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}

.tm-menu-dark {
	color: rgba(0,0,0,0.60);
}
.tm-menu-dark:hover {
	color: rgba(0,0,0,1);
}

.tm-menu-link,
.tm-menu-dark {
	padding: 6px 12px;
}

.tm-menu-link-active,
.tm-menu-dark-active {
	border-bottom: dashed 1px #FB815E;
}

.tm-menu-dark-active {
	color: rgba(0,0,0,1);
}
.tm-menu-link-active {
	color: rgba(255,255,255,1);
}

.tm-nav-links {
	margin-top: 30px;
}

.tm-works-pre-top {
	height: 25vh;
}
.tm-works-top {
	height: 25vh;
}
.tm-works-bottom {
	height: 50vh;
}
.work-cover {
	background-position: top center;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	height: 100%;
}
.work-cover-overlay {
	background-position: top center;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#slider .tm-visuals li {
	padding-top: 20px;
	-webkit-transition: padding-top .3s ease-out;
	-moz-transition: padding-top .3s ease-out;
	-o-transition: padding-top .3s ease-out;
	transition: padding-top .3s ease-out;
}
#slider .tm-visuals .uk-active {
	padding-top: 0px !important;
	-webkit-transition: padding-top .3s ease-out;
	-moz-transition: padding-top .3s ease-out;
	-o-transition: padding-top .3s ease-out;
	transition: padding-top .3s ease-out;
}

.tm-overlay-default {
	background-color: rgba(0,0,0,0.7)
}

.tm-works-mask {
	overflow: hidden;
}
.srv h4 {
	border-bottom: dashed 1px #FB815E;
	padding-bottom: 8px;
}

.highlight {
	font-size: 22px;
}

.footer {
	color: #B2B2B2;
}
.footer * {
	font-size: 13px;
}
.footer .uk-link {
	color: #fff;
}
.footer .uk-link:hover {
	color: #ccc;
}
.footer-corner {
	position: absolute;
    right: 0;
	margin-top: -180px;
}

.uk-background-primary .light {
	color: #fff;
}

.staff-name {
	position: absolute;
    padding: 5px 15px;
    right: 0;
    bottom: -20px;
}

.contacts-blocks {
	height: 70vh;
}
.block-bottom {
	height: 30vh;
}

.project-header {
	height: 90vh;
}
.breve-in {
	min-height: 10vh;
}

.tags-icon {
	position: relative;
}
.tags-icon::before {
	position: absolute;
	content: '';
	left: -72px;
    top: -66px;
    width: 140px;
    height: 100px;
	background-image: url("../img/logo_border.svg");
	background-size: cover;
	background-position: center center;
}

.tm-tag-wrapper {
	padding: 70px 15px;
}

.uk-sticky-below {
	background: #EDEDED;
}

.uk-sticky-below:not(.dark-sticky) {
	background: #575757;
}

.works-breve {
	padding-right: 10px;
	padding-left: 10px;
}

.tm-visual-wrapper {
	padding-top: 140px;
	max-width: 1200px;
	margin: 0 auto;
}
.tm-visual-wrapper video {
	box-shadow: 0px 0px 30px rgba(0,0,0,.6)
}

.tm-works-blocks {
	padding-bottom: 100%;
}

.tm-overlay-blocks {
	background-color: rgba(0,0,0,.5);
	background-image: url("../img/logo_coriander_fregio_full.svg");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.tm-works-area {
	padding-bottom: 0px !important;
	padding-top: 140px !important;
	min-height: calc(100vh - 50px);
}
.tm-blocks-prj-title {
	text-shadow: 0px 0px 15px rgba(0,0,0,.6);
}

.claim {
	/*font-family: 'Nothing You Could Do', cursive !important;*/
	font-family: 'Luna', sans-serif !important;
	font-size: 2vw;
    line-height: 220%;
	color: #575757;
}
.page-contacts {
	height: 90vh;
}

.about-one,
.about-one strong {
    color: #fff !important;
}

.tm-navbar-nav .uk-active {
    background: #F5815E;
}

.tm-navbar-nav .uk-active:hover {
    background: #D86948;
}

.tm-navbar-nav .uk-active a {
    color: #fff !important;
}

.uk-tab>.uk-active>a {
    border-color: #f5815e;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: #f5815e;
}

.uk-sticky-below {
    background: #ffffff;
}

.uk-progress {
    height: 5px;
}

.uk-tab-left li.uk-active {
    background: #f8f8f8;
}

.uk-offcanvas-bar {
    background: #333333 !important;
}

#offcanvas-menu-admin li.uk-active a {
    padding-left: 30px;
    border-left: solid 5px #f5815e;
    margin-left: -30px;
}

.tm-text-xsmall {
    font-size: 11px;
}

.uk-notification-message {
    font-size: 1rem;
}

.uk-tooltip {
    background: #212121;
}

.tm-border-circle-bottom {
    -webkit-border-bottom-right-radius: 5000px;
    -webkit-border-bottom-left-radius: 5000px;
    -moz-border-radius-bottomright: 5000px;
    -moz-border-radius-bottomleft: 5000px;
    border-bottom-right-radius: 5000px;
    border-bottom-left-radius: 5000px;
}

.uk-checkbox {
    padding: 10px;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
    background-color: #fb815e !important;
    border-color: transparent;
}

.uk-checkbox:focus, .uk-radio:focus {
    border-color: #fb815e !important;
}

.uk-notification {
    top: 0px;
    width: fit-content;
    max-width: 450px;
}
.uk-notification-message {
    background: #fff;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.uk-notification-message-success {
    color: #23AE25;
    border: solid 2px #23AE25;
    border-top: none;
}

.uk-notification-message-danger {
    color: #D21035;
    border: solid 2px #D21035;
    border-top: none;
}

/*.uk-notification-close {
    top: 80%;
    right: -5px;
    color: inherit;
    background: #fff;
    border-style: solid;
    border-color: inherit;
    border-width: 1px;
    border-radius: 100px;
    padding: 5px;
}*/

.uk-notification-message:hover .uk-notification-close {
  display: none;
}

@media screen and (max-width: 639px){
    #offcanvas-menu-admin li.uk-active a {
        padding-left: 20px;
        margin-left: -20px;
    }
}
@media screen and (max-width: 800px){
	.page-header {
		height: 45vh;
	}
	
	.tm-works-pre-top {
		height: 25vh;
	}
	.tm-works-top {
		height: 40vh;
	}
	.tm-works-bottom {
		height: 35vh;
	}
	.works-breve h3 {
		font-size: 18px;
	}
	.tm-nav-links {
		margin-top: 20px;
	}
	.titles {
		font-size: 1.5em;
	}
	.highlight {
		font-size: 16px;
	}
	.footer-corner {
		margin-top: -100px;
	}
	.footer-corner img {
		width: 100px;
	}
	.contacts-first {
		margin-top: 100px;
	}
	.tag-block {
		margin-top: 30px !important;
	}
	.tag-block h3 {
		margin-left: 20px;
	}
	.tm-menu-link {
		font-size: .7em;
		padding: 6px;
	}
	.claim {
		font-size: 18px
	}
	.page-contacts {
		height: 55vh;
	}
}

@media (orientation: landscape) and (max-height: 400px){
	.page-contacts {
	}
	.claim {
		font-size: 25px
	}
}

/*
 * UIKit Edit
 */
.uk-button {
	text-transform: capitalize;
}

.uk-button-default {
	background-color: rgba(0,0,0,0.3) !important;
}
.uk-button-default:hover,
.tm-button-default-active {
	background-color: #FFF !important;
	color: #121212 !important;
}

.uk-button-primary {
	background-color: #FB815E;
}

.uk-button-primary:hover {
	background-color: #DE5C36;
}

.uk-button-primary:active,
.uk-button-primary.uk-active {
	background-color: #FB815E;
}

.uk-offcanvas-bar {
    background: #575757;
}

.uk-text-primary {
    color: #FB815E !important;
}

.uk-link {
	color: #FB815E;
}
.uk-link:hover {
	color: #DE5C36;
}

.uk-dotnav>*>* {
    border: 1px solid rgba(255,255,255,1.00);
}

.uk-dotnav>*>*:hover {
    border: 1px solid rgba(255,255,255,.4);
	background-color: transparent;
}

.uk-dotnav>.uk-active>* {
    background-color: rgba(255,255,255,1.00);
    border-color: transparent;
}

.uk-background-primary {
	background-color: #575757;
}

.uk-subnav-pill>.uk-active>a,
.uk-light .uk-subnav-pill>.uk-active>a {
	background-color: #FB815E;
	color: #fff;
}