/* */ /* ######################## Font ######################## */ @font-face { font-family: 'Roboto'; /* IE9 Compat Modes */ src: url("../../fonts/Roboto/Roboto-Regular.eot"); /* Legacy iOS */ src: url("../../fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("../../fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("../../fonts/Roboto/Roboto-Regular.svg#svgFontName") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto-Bold'; /* IE9 Compat Modes */ src: url("../../fonts/Roboto/Roboto-Bold.eot"); /* Legacy iOS */ src: url("../../fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Roboto/Roboto-Bold.woff") format("woff"), url("../../fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("../../fonts/Roboto/Roboto-Bold.svg#svgFontName") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto-Medium'; /* IE9 Compat Modes */ src: url("../../fonts/Roboto/Roboto-Medium.eot"); /* Legacy iOS */ src: url("../../fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Roboto/Roboto-Medium.woff") format("woff"), url("../../fonts/Roboto/Roboto-Medium.ttf") format("truetype"), url("../../fonts/Roboto/Roboto-Medium.svg#svgFontName") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto-Light'; /* IE9 Compat Modes */ src: url("../../fonts/Roboto/Roboto-Light.eot"); /* Legacy iOS */ src: url("../../fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Roboto/Roboto-Light.woff") format("woff"), url("../../fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("../../fonts/Roboto/Roboto-Light.svg#svgFontName") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'UTM Swiss'; src: url('../../fonts/UTM Swiss 721 Black Condensed Regular/utm_swiss_721_black_condensed-webfont.eot'); src: url('../../fonts/UTM Swiss 721 Black Condensed Regular/utm_swiss_721_black_condensed-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/UTM Swiss 721 Black Condensed Regular/utm_swiss_721_black_condensed-webfont.woff2') format('woff2'), url('../../fonts/UTM Swiss 721 Black Condensed Regular/utm_swiss_721_black_condensed-webfont.woff') format('woff'), url('../../fonts/UTM Swiss 721 Black Condensed Regular/utm_swiss_721_black_condensed-webfont.ttf') format('truetype'), url('../../fonts/UTM Swiss 721 Black Condensed Regular/utm_swiss_721_black_condensed-webfont.svg#utm_swiss_721_black_condensRg') format('svg'); font-weight: normal; font-style: normal; } /* ######################## Reset ######################## */ html, body { min-height: 100%; background: #fff; } body { color: #333; font: 400 14px/20px 'Roboto', Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; font-size: 16px; line-height: 20px } *, :before, :after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } :before, :after {font-weight: normal;} ul, ol { margin: 0; padding: 0; list-style-position: inside; } form input[type=text]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color: #999999; font-size: 12px; font-style: italic; } form input[type=text]::-moz-placeholder, form textarea::-moz-placeholder { color: #999999; font-size: 12px; font-style: italic; } form input[type=text]:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #999999; font-size: 12px; font-style: italic; } form input[type=text]:-moz-placeholder, form textarea:-moz-placeholder { color: #999999; font-size: 12px; font-style: italic; } form input[type=checkbox]:not(:disabled), form input[type=radio]:not(:disabled) { cursor: pointer; vertical-align: middle; margin: 0 5px 0 0; } label { display: inline-block; cursor: pointer; } @media (min-width: 1220px) { .uk-container { max-width: 1200px; padding: 0 15px; } } @media (max-width: 1220px) { .uk-container {padding: 0 10px} } /* ######################## General ######################## */ .logo { margin: 0; padding: 0; } .logo a { display: block; margin: 0; padding: 0; } .banner {display: block;} .banner p, .banner a {margin: 0;} .banner img,.banner a { display: block; width: 100%; height: 100%; } .uk-modal-close.uk-close { position: absolute; width: 26px; height: 26px; top: 0px; right: 0px; opacity: 1; border: 2px solid #1ab794; background: #fff url(../../img/icon_close.png) center no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index: 1020; } .uk-modal-close.uk-close:after {display: none;} .uk-modal-dialog-lightbox .uk-slidenav { height: 100%; width: 35%; top: 0; z-index: 1; -webkit-transform: translate(0, 0%); -moz-transform: translate(0, 0%); -ms-transform: translate(0, 0%); -o-transform: translate(0, 0%); transform: translate(0, 0%); } .uk-modal-dialog-lightbox .uk-slidenav:before { display: inline-block; width: 30px;height: 30px; border-radius: 50%; line-height: 30px;text-align: center; font-size: 24px; background: rgba(0, 0, 0, .7); margin: 0; position: absolute; top: 50%;left: 10px; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .uk-modal-dialog-lightbox .uk-slidenav-previous {left: 0px;} .uk-modal-dialog-lightbox .uk-slidenav-next {right: 0px;} .uk-modal-dialog-lightbox .uk-slidenav-next:before {left: initial;right: 10px;} #goTop { position: fixed; bottom: 59px !important; right: 30px; clip: rect(auto, auto, auto, auto); text-indent: -9999px; display: block; width: 45px; height: 45px; background-image: url(../../img/btn-top.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: 45px; -moz-background-size: 45px; -o-background-size: 45px; -ms-background-size: 45px; background-size: 45px; z-index: 9999; } @media (max-width: 1220px) { #goTop {right: 5px;} } /* ######################## Breadcrumb ######################## */ .breadcrumb { position: relative; padding: 10px 0; margin: 0 0 25px 0; background: url(../../img/bg-breadcrumb.png) 0% 0%; color: #666; } .breadcrumb ul { height: 18px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .breadcrumb ul a { font-size: 13px; line-height: 18px; color: #666; } .breadcrumb ul li:not(:first-child) a:hover {color: #0837a0;} .uk-breadcrumb>li+li:before { content: "\f101"; font-family: FontAwesome; display: block; position: absolute; color: inherit; left: -5px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } @media (min-width: 1220px) { .breadcrumb ul {padding-left: 183px;} } @media (max-width: 960px) { .breadcrumb { margin: 0 0 15px 0; background: #eee; } } /* ######################## Pagination ######################## */ .pagination { padding: 15px 0; border-top: 1px dotted #c8c8c8; } .pagination .uk-pagination>li:nth-child(n+2) {margin-left: 10px;} .pagination ul>li>a { display: block; padding: 0; width: 26px; height: 26px; line-height: 26px; font-size: 14px; background: #f2f2f2; border: 1px solid #dddddd; color: #252525; font-family: 'Roboto-Medium', sans-serif; border-radius: 0; } .pagination ul>li:hover>a, .pagination ul>li.uk-active>a { background: #0837a0; border-color: #0837a0; color: #85a9d7; } /* */