@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Upright');
 
/** ZLATNA: #d8c0a9 **/
/** SVETLO PLAVA: #005377 **/
/** TAMNO PLAVA: #001A35 **/

::-moz-selection { color: #001A35; background: #d8c0a9;}
::selection { color: #001A35; background: #d8c0a9:}

html {background: #ededed;}
body {font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: lighter; color: #333;}
a {color: #4b6eb2;}
a:hover {text-decoration: none; color: #000;}
p {margin: 0px;}
em {color: #e4ac00;}
.highlight {font-weight: bold; margin: 0px 5px; color: #9fa4a7;}

h1, h2, h3 {font-weight: bold; font-family: 'Raleway', sans-serif;}

.clientsarea {text-align: center;}
.clientsarea a {background: #005377; padding: 20px 50px; color: #fff; font-weight: bold; font-size: 20px; margin-bottom: 50px; display: inline-block; border-radius: 50px;}
.clientsarea a:hover {background: #d8c0a9;}

.topbar {background-image: linear-gradient(-45deg, #001A35, #005377, #27383F); text-align: center; color: #fff; padding: 4px 0px; border-bottom: 4px solid #d8c0a9;}
.topbar ul {padding: 0px 0px 3px 0px; margin: 0px;}
.topbar ul li {display: inline; margin-right: 20px;}
.topbar ul li a {color: #fff; font-size: 13px;}
	
/** MENU **/
.navigation {background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.navigation .logo {padding: 25px 0px 15px 0px; width: 230px;}
.navigation .uk-navbar {background: none; margin: 10px 0px 20px 0px;}
.navigation .uk-navbar-center ul {margin: 0px;}
.navigation .uk-navbar-center ul li {list-style: none; display: inline-block; line-height: 30px; text-transform: uppercase;}
.navigation .uk-navbar-center ul li a {display: block; padding: 15px 5px 10px; color: #57585b; font-weight: normal; border-bottom: 2px solid #fff;}
.navigation .uk-navbar-center ul li a:hover {text-decoration: none; border-bottom: 2px solid #d8c0a9; font-weight: bold;}
.navigation .uk-navbar-center ul li.active a {font-weight: bold;}
.navigation .hamburger {margin-top: 20px;}

/** SLIDER **/
.uk-light .uk-slidenav {color: #005377 !important;}
.uk-light .uk-dotnav  > * > * {border-color: #005377 !important;}
.uk-light .uk-dotnav .uk-active a {background-color: #005377 !important;}

/** CART **/
.cart {color: #d8c0a9; font-weight: normal;}
.cart-items-count {font-weight: bold; padding: 0px 5px; color: #005377; font-size: 18px;}
.cart-is-empty {text-align: center; color: #005377; padding: 0px 0px 20px; font-weight: normal;}
.cart-is-empty span.info {font-size: 12px; font-weight: lighter;}
.cart-is-empty span.icon {color: #d8c0a9; padding-bottom: 10px;}
.cart-add, .cart-empty, .cart-submit {background-image: linear-gradient(-45deg, #001A35, #005377, #27383F); border-radius: 20px; font-weight: bold; border: 2px solid #001A35;}
.cart-add:hover, .cart-empty:hover, .cart-submit:hover {background: #d8c0a9; color: #001A35; border: 2px solid #005377}
.cat-card-add {border: none; border-radius: 0px; width: 100%; color: #fff; font-weight: lighter; font-size: 12px;}
.cat-card-add:hover {border: none; background: #d8c0a9;}
.cart-table img {width: 100px;}
.cart-table td {vertical-align: middle;}
.cart-table tr:hover {background: #fff !important;}
.cart-table button {border: 1px solid #d8c0a9; background: #fff; height: 30px;}
.cart-table button:hover {border: 1px solid #fff; background: #d8c0a9; cursor: pointer;}
.cart-table .quantity {padding: 0px 20px; font-weight: bold;}
.cart-submit {margin-bottom: 20px !important; width: 100%;}
#clientDetails {margin-bottom: 20px;}
#clientDetails span {font-size: 13px;}
#clientDetails .name {padding-right: 0px;}
#clientDetails .email {padding-left: 0px;}
#clientDetails input {height: 36px; margin-right: 5px; border-radius: 20px; border: 1px solid #d8c0a9; padding: 5px 15px; width: 100%; box-sizing: border-box; font-size: 16px;}
#thankyou .wrapper {background: #d8c0a9; text-align: center; margin-top: 20px; padding: 20px 50px;}
#thankyou h2 {font-family: "Cormorant Upright", serif; border-bottom: 1px solid #fff; text-transform: uppercase;}
#thankyou p {font-weight: normal;}

/** CONTENT **/
.content {padding: 10px 0px 30px 0px;}

/** ARTICLE **/
.item-page {margin-top: 20px;}
.item-page p {margin-bottom: 20px; line-height: 28px; font-weight: normal;}
.item-page h2 {font-family: "Cormorant Upright", serif; text-transform: uppercase; font-size: 32px; text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #d8c0a9; font-weight: bold; color: #005377;}
.item-page .item-image img {width: 100%; margin-bottom: 30px;}
.item-page .moduletable h3 {border-top: 1px solid #4b6eb2; padding-top: 20px; margin-top: 50px;}
.item-page .product-title {text-align: left;}
.item-page .sku {font-size: 14px; margin-bottom: 20px;}
.item-page .products {border-bottom: 1px solid #fff; padding-bottom: 20px;}
.item-page .product-details {padding: 20px 0px 0px 0px;}

.gallery .uk-subnav {margin-top: 10px;}
.gallery .uk-subnav li a {font-weight: bold; color: #000; background: #fff; color: #001A35; border: 2px solid #d8c0a9; border-radius: 20px;}
.gallery .uk-subnav li a:hover {background: #d8c0a9; color: #001A35; border: 2px solid #005377; border-radius: 20px;}
.gallery .uk-subnav li.uk-active a {background-image: linear-gradient(-45deg, #001A35, #005377, #27383F); border-radius: 20px; font-weight: bold; border: 2px solid #001A35; color: #fff;}


.blog-featured h2 {font-family: "Cormorant Upright", serif; color: #005377; font-size: 32px; text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #d8c0a9;}

.uk-card-body {min-height: 48px;}
.uk-card-media-top {min-height: 250px; max-height: 250px; overflow: hidden;}
.uk-card-media-top img {min-height: 150px;}

/** CATEGORY **/
.cat-title {margin: 0px; position: relative;}
.cat-title a {color: #000; background: #d8c0a9; padding: 10px; font-weight: normal; text-transform: uppercase; text-align: center; font-size: 16px; display: block;}
.cat-title a:hover {color: #fff; background: #005377;}
.cat-title .badge {position: absolute; right: -12px; top: -12px; background: #fff; border: 1px solid #d8c0a9; border-radius: 20px; padding: 2px 10px; font-size: 16px; font-weight: bold;}
.cat-children {margin-bottom: 50px;}
.pagination {text-align: center; margin-top: 20px;}
.pagination ul {padding-top: 10px; padding-left: 0px; margin-top: 10px; border-top: 1px dotted #d8c0a9;}
.pagination ul li {display: inline-block;}
.pagination ul li a {background: #d8c0a9; color: #fff; padding: 10px 15px; border-radius: 20px; font-weight: bold; font-size: 14px; margin: 0px 2px; font-weight: bold; line-height: 42px;}
.pagination ul li a:hover {text-decoration: none; background: #000; color: #fff;}
.pagination ul li.active a {background: #000; color: #fff;}

/** POSITIONS **/
.spotlight {margin-top: 30px;}
.moduletablerepresentation {border: 1px solid #d8c0a9; padding: 20px; background: rgba(255,255,255,0.2); margin-bottom: 30px !important;}
.moduletablerepresentation h3 {font-family: "Cormorant Upright", serif; text-transform: uppercase; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 10px;}

/** FOOTER **/
.footer {background-image: linear-gradient(-45deg, #001A35, #005377, #27383F); padding: 50px 0px; color: #fff; text-align: center; border-top: 10px solid #d8c0a9;}
.footer ul {border-bottom: 1px dashed #d8c0a9; padding-bottom: 20px; padding-left: 0px;}
.footer ul li {display: inline-block;}
.footer ul li a {text-transform: uppercase; color: #fff !important; margin: 0px 10px; font-weight: bold;}
.footer ul li a:hover {text-decoration: none; color: #d8c0a9 !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.footer .social a.uk-icon {font-size: 18px; border: 1px solid;  padding: 5px; border-radius: 3px; margin: 0px 5px;}
.footer .social a.uk-icon:hover {color: #d8c0a9; background: #001A35;}
.language ul {border-bottom: none;}
.copyright {font-size: 14px; line-height: 24px; color: #fff; margin-top: 30px;}
.copyright a {font-weight: bold; color: #fff;}


/** FORMS **/
input:focus, input:active {box-shadow: none;}
textarea#Testimonial, input#Name {width: 100%; box-sizing: border-box;}
input#Name {height: 32px; padding: 5px 10px; font-weight: bold;}
button#Submit {background-image: linear-gradient(-45deg, #001A35, #005377, #27383F); border-radius: 20px; font-weight: bold; border: 2px solid #001A35;}
button#Submit:hover {background: #d8c0a9; color: #001A35; border: 2px solid #005377}

/** SAEARCH **/
.search form {position: relative;}
.search button {background: none; position: absolute; border: none; right: 5px; top: 5px;}
.search button:hover {cursor: pointer;}
.search button span {color: #d8c0a9;}
.search input {height: 30px; margin-right: 5px; border-radius: 20px; border: 1px solid #d8c0a9; padding: 5px 15px;}
.search-results .result-title {font-size: 24px; border-bottom: 1px solid #d8c0a9; padding-bottom: 5px; margin-bottom: 10px;}
.search-results .result-category {font-size: 12px; margin-bottom: 20px;}

/** LINKS **/
.link a {border: 1px solid #e4ac00; border-radius: 3px; padding: 5px 10px; display: block; margin: 5px 0px; background: #fff; font-weight: bold;}
.link a:hover {background: #000; color: #fff; text-decoration: none;}

/** YOUTUBE **/
.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** ERROR PAGE **/
.errorPage {background: #fff; text-align: center; margin-top: 100px;}
.errorPage .error img {width: 250px;}
.errorPage .error p {; font-size: 18px; margin-bottom: 50px;}
.errorPage .error .button {color: #000; font-weight: normal; text-transform: uppercase; border: 1px solid #e4ac00; padding: 5px 20px; border-radius: 3px;}
.errorPage .error .button:hover {background: #000; color: #fff; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; color: #e4ac00; padding: 50px 0px; border-bottom: 1px dashed #e4ac00; line-height: 110px;}


@media (min-width: 768px) {
	.item-page .product-details {padding: 0px 0px 0px 50px;}
	#clientDetails .name {padding-right: 10px;}
	#clientDetails .email {padding-left: 10px;}
}

@media (min-width: 1024px) {
}

@media (min-width: 1025px) {

}