@charset "utf-8";
/* CSS Document */
/*
yellow - fdea00
gold - d0af46 / b89833
brown - b35503
light blue -  00a9dc / 008cb6
dark blue - 3e46cd / 1c24a9 / light version - e4e5f8
*/
body, textarea, select, table {
    font-family: 'Duru Sans', sans-serif;
	font-size: 14px; 
	line-height: 20px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
}
body {
	position: relative;
	padding: 0px;
	margin:0px;
	text-align: center;
}

/* A */
a { 
	color: #3e46cd; /*f0dd00*/
	text-decoration: none 
}
a:hover { 
	color: #1c24a9; 
	text-decoration: none 
}
.alert a { text-decoration: underline }
.alert a:hover { text-decoration: none }

.alert-warning a { color: #735603;  }
.alert-warning a:hover { color: #735603;  }

a,
.btn,
button,
a.card,
a.card .card-body,
.card-header {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* a-btn */
a.a-btn {
	width: 100%;
	padding: 5px 0 5px 0;
	display: block;
	background-color: #00a9dc;
	color: #FFFFFF;
	text-align: center;
}
a.a-btn:hover { 
	background-color: #008cb6; 
	text-decoration: none;
}

img { max-width: 100% }


/* H*/
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	/*font-family: NewProLight;*/
}

h1 { 
	font-size: 18px; 
	font-weight: 900;
	line-height: 20px;
}
h2 { 
	font-size: 21px; 
	font-weight: bold; 
	line-height: 31px;
	color: #3e46cd
}
h3 { 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 26px;
	color: #00a9dc
}
h4 { 
	font-size: 14px; 
	font-weight: normal; 
	font-style: italic; 
	line-height: 24px; 
}

p  { margin: 0px; padding: 0px  }

/* FORM GENERAL */
input, textarea, select {
	padding: 5px; 
	border: #666666 solid 1px; 
	background-color: #FFFFFF; 
	color: #141414 
}

input.zip {
	width: 150px;
	text-align: center;
	-moz-appearance: textfield;	
}

/* UL */
/*ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}*/

/* INPUT */
input {
}

/* BUTTON */
input.button {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
input.button:hover {
	background-color: #333333
}

.message_popup {
	font-size: 14px;
	padding: 50px 20px 50px 20px;
}

/* */ 
.left 			{ float: left }
.right 			{ float: right }
.both			{ width: 100%; clear: both; height: 0px }
.hidden		 	{ display: none }
.center 		{ text-align: center }
.justify 		{ text-align: justify }
.a-left 		{ text-align: left }
.a-right 		{ text-align: right }
.polovicka 		{ width: 50% }
.preciarknutie 	{ text-decoration: line-through }

.paddingLR0		{ padding-left: 0px!important; padding-right: 0px!important; }
.paddingL0		{ padding-left: 0px!important }
.paddingR0		{ padding-right: 0px!important; }
.nopadding		{ padding: 0px!important; }

.pb-20 { padding-bottom: 20px!important;  }
.pt-20 { padding-top: 20px!important;  }

.pb-40 { padding-bottom: 40px!important;  }
.pt-40 { padding-top: 40px!important;  }

.mb-0 { margin-bottom: 0!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-20 { margin-bottom: 20px!important; }

.mt-0 { margin-top: 0!important; }
.mt-10 { margin-top: 10px!important; }
.mt-20 { margin-top: 20px!important; }

.ml-15 { margin-left: 15px!important; }
.mr-15 { margin-right: 15px!important; }

.size-12	{ font-size: 12px }
.size-14	{ font-size: 14px }

.red { color: #FF0000!important }

input.checkbox  { width: 35px!important }

/* SKEW */
.skew-bg {
}
.skew-bg {
	transform: skew(-20deg);
}

.skew-bg span {
	transform: skew(20deg)!important;
	display: block
}

/* crumble */
#crumble {
	background-color: #e4e5f8;
	padding: 10px 30px 10px 25px;
	font-size: 12px;
	margin-bottom: 15px;
}


/* PAGINATION */
div.pagination {
	position: relative;
	margin: 20px 0 20px 0	
}
	div.pagination .active,
	div.pagination .dotted,
	div.pagination a{
		position: relative;
		width: 40px;
		height: 40px;
		margin-right: 5px;
		text-align: center;
		line-height: 38px;
		background-color: #999999;
		color: #FFFFFF;
	}
		div.pagination .active,
		div.pagination a:hover {
			background-color: #3e46cd;
			text-decoration: none;
		}

/* BOOTSTRAP EDIT */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

* {
/*	border-radius: 0!important;*/
}

.card {
	border: none
}
	.card-header {
		color: #FFFFFF;
		border: solid 1px #f0dd00;
		background-color: #f0dd00
	}
		.card-header:hover {
			background-color: #caba04
		}
		.card-header .btn{
			width: 100%;
			color: #FFFFFF;
			text-decoration: none
		}

/* */
.btn {
	text-decoration: none
}
.btn-primary {
	color: #FFFFFF!important; 
	background-color: #3e46cd;
	border-color: #3e46cd; 
}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary:hover {
		background-color: #d0af46!important; 
		border-color: #d0af46!important;  
		
		box-shadow: none!important;  
	}
.btn-outline-primary {
	color: #3e46cd;
	border-color: #3e46cd;
	background-color: #FFFFFF;
}
.btn-outline-primary:hover { 
	border-color: #3e46cd;
	background-color: #3e46cd; 
}

.btn-secondary {
	color: #FFFFFF!important; 
	background-color: #d0af46;
	border-color: #d0af46; 
}
	.btn-secondary:hover,
	.btn-secondary:focus,
	.btn-secondary:active,
	.btn-secondary.active,
	.btn-secondary:hover {
		background-color: #b89833!important; 
		border-color: #b89833!important;  
		box-shadow: none!important;  
	}


.btn-info {
	background-color: #666666;
	border-color: #666666; 
}
	.btn-info:hover,
	.btn-info:focus,
	.btn-info:active,
	.btn-info.active,
	.btn-info:hover {
		background-color: #e41e26!important; 
		border-color: #e41e26!important;  
		
		box-shadow: none!important;  
	}
.btn-outline-info {
	color: #666666;
	border-color: #666666;
	background-color: #FFFFFF;
}
.btn-outline-info:hover { 
	border-color: #e41e26;
	background-color: #e41e26; 
}

.img-thumbnail {
  padding: 0;
  background-color: none;
  border: none;
  border-radius: 0;
  max-width: 100%;
  height: auto;
}

.row-no-outer-padding > .col-lg-4:first-child {
    padding-left: 0;
}

.row-no-outer-padding > .col-lg-4:last-child {
    padding-right: 0;
}

.position-8 {
}
	.position-8 img { max-width: 100%!important }

/* BODY */
body.web {
}

#wrapper {
	text-align: left;
	position: relative;
	z-index: 1;
}

#top {
	height: 50px;
	background: #000000;
	color: #FFFFFF;
	line-height: 50px;
	font-size: 12px;
	text-align: right;
}
	#top span { 
		padding-left: 15px;
		display: inline-block
	}
	#top a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#top a:hover {
		text-decoration: underline
	}
	@media screen and (max-width: 991px) {
		#top {
			text-align: center;
		}
		#top span {
			padding-left: 5px;
			padding-right: 5px;
		}
	}

#header {
	height: 135px;
	background: #f3f6f7;
}
	#header #logo a{
		display: block;
		z-index: 100;
		position: absolute;
		width: 612px;
		height: 135px;
		margin-left: -90px;
		background: url(../images/wrapper/suncycle_03.png?time=20250916) no-repeat center
	}
	#header #search {
		padding-top: 50px;
	}
		#header #search div.search-form {
			border: 1px #00a9d0 solid;
			height: 40px;
		}
			#header #search div.search-form .search-input {
				height: 100%;
				margin: 0px;
				width: 70%;
				border: 0px;
			}
				#header #search div.search-form .search-input input,
				#header #search div.search-form .search-submit input {
					width: 100%;
					height: 100%;
					background: none;
					border: none
				}
			
				#header #search div.search-form .search-input input { background: #f3f6f7;}
				
			#header #search div.search-form .search-submit {
				height: 100%;
				margin: 0px;
				width: 30%;
				text-align: center;
				color: #FFFFFF;
				background-color: #00a9d0
			}
				#header #search div.search-form .search-submit input { color: #FFFFFF;}


	#header #auth {
		padding-top: 55px;
		text-align: right;
	}
		#header #auth div {
			float: right;
			padding-left: 18px;
		}
		
		#header #auth a span.fas{
			font-size: 30px;
			color: #d0af46!important
		}
		#header #auth a span.fas:hover {
			color: #b89833!important
		}
		#header #auth .shopping-cart { position: relative }
			#header #auth .shopping-cart .shopping-cart-price {
				position: absolute;
				width: 30px;
				height: 30px;
				border-radius: 50%;
				top: -35px;
				right: -15px;
				background-color: #00a9d0;
				color: #FFFFFF;
				text-align: center;
				line-height: 30px;
				font-size: 10px;
			}
		
	@media only screen and (max-width: 767px){
		#header #auth a span.fas{
			font-size: 30px;
		}
	}	
	@media screen and (max-width: 991px) {
		#header {
			height: 60px;
			background: url(../images/wrapper/bg_05.png?time=20250805) no-repeat center
		}
			#header #logo a{
				display: block;
				z-index: 100;
				position: absolute;
				width: 80%;
				height: 40px;
				right: 0;
				margin-left: 0;
				margin-top: 10px;
				background: url(../images/wrapper/logo.png?time=20250916) no-repeat center;
				 background-size: contain;
			}
			#header #search {
				padding-top: 65px;
			}
				#header #search div.search-form {
					height: 30px;
				}
					#header #search div.search-form .search-input {
					}
						#header #search div.search-form .search-input input,
						#header #search div.search-form .search-submit input {
							font-size: 12px
						}
					
						#header #search div.search-form .search-input input { }
						
					#header #search div.search-form .search-submit {
					}
						#header #search div.search-form .search-submit input { }
			
			#header #auth {
				padding-top: 20px;
			}
			#header #auth div {
				padding-left: 28px;
			}
			
			#header #auth a span.fas{
				font-size: 22px;
				color: #d0af46!important
			}
			#header #auth .shopping-cart-div { padding-right: 10px; }
			#header #auth .shopping-cart .shopping-cart-price {
				width: 20px;
				height: 20px;
				top: -20px;
				right: -10px;
				line-height: 20px;
				font-size: 8px;
			}
	}
	
#menu {
	height: 50px;
}
	
	#navbarSupportedContent ul li  {
		list-style: none;
		margin: 0px;
		padding: 0px;
		display: block;
		white-space: nowrap;
	}
		@media screen and (min-width: 992px) {
			#navbarSupportedContent ul li.menu-mobile {
				display: none
			}
		}
	
	#navbarSupportedContent ul li a{
		font-size: 12px;
		line-height: 35px;
		text-decoration: none;
		display: block;
		color: #000000;
	}
	#navbarSupportedContent ul li:hover a,
	#navbarSupportedContent ul li.selected a {
		background-color: #3e46cd;
		color: #FFFFFF;
	}
		#navbarSupportedContent ul li.selected a { text-decoration: none }
		#navbarSupportedContent ul li ul {
		}
		#navbarSupportedContent ul li ul li {
			padding: 0 2px 0 2px;
			margin: 0px;
		}
		#navbarSupportedContent ul li ul li a,
		#navbarSupportedContent ul li.selected ul li a{
			color: #0c191b;
			font-size: 16px;
			font-style: italic;
			padding-bottom: 0px;
			line-height: 30px;
			font-weight: normal;
			text-transform: none
		}
		#navbarSupportedContent ul li ul li a:hover,
		#navbarSupportedContent ul li ul li.selected a {
			color: #8cc63e
		}

	.navbar .dropdown-menu div[class*="col"] {
	   margin-bottom: 0;
	}
	
	@media screen and (max-width: 991px) {
		.navbar { top: -50px}
		#navbarSupportedContent { z-index: 10000; }
		#navbarSupportedContent ul li a{
			padding-left: 20px;
			line-height: 25px
		}
		#navbarSupportedContent {
			width: 100%;
			position: absolute;
			right: 0;
			top: 50px;
			background-color: #FFFFFF
		}
		
		#navbarSupportedContent ul li ul li {
			display: block!important;
			width: 100%!important;
			float: none
		}
	}
	@media screen and (min-width: 992px) {
		.navbar {
		  padding-top:0px;
		  padding-bottom:0px;
		  padding-right: 0px!important;
		  background: !important;
		}
		.navbar .nav-item {
		  padding:.5rem .3rem;
	  	  margin:0 .15rem;
		}
		.navbar .dropdown {position:static;}
		.navbar .dropdown-menu {
		  position: absolute;
		  left:0;
		  right:0;
		  display:block;
		  visibility: hidden;
		  opacity: 0;
		  transition: visibility 0s, opacity 0.1s linear;
		}
		.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		  display:block;
		  visibility: visible;
		  opacity: 1;
		  transition: visibility 0s, opacity 0.1s linear;
		}
	}

	.navbar .dropdown-menu {
	  border:none;
	  border: 1px #141414 solid
	}
	.navbar-nav { }
	
	/* mobile btn */
	#menu .navbar-dark .navbar-toggler {
		position: absolute; 
		z-index: 500;
		top: 0px;
		border-radius: 5px!important; 
		border-color: #FFFFFF;
		font-size: 30px;
	}
	#menu .navbar-dark .navbar-toggler span.fa { color: #FFFFFF }
	
	@media screen and (max-width: 991px) {
		#menu {
			height: 85px;
		}
	}
	
#notice {
	background-color: #3e46cd;
	color: #FFFFFF;
	padding: 20px 0 20px 0
}
	@media screen and (max-width: 991px) {
		#notice { font-size: 13px }
	}

#eshop-menu {
	background-color: #3e46cd
}
	#eshop-menu ul {
		margin: 0px;
		padding: 0px;
	}
		#eshop-menu ul li {
			list-style: none;
		}
			#eshop-menu ul li a {
				width: 100%;
				display: block;
				color: #FFFFFF;
				padding: 10px;
				font-size: 14px;
			}
				#eshop-menu ul li a.child {
				}
				#eshop-menu ul li a.child:hover { }
				
				#eshop-menu ul li.selected a {
					background-color: #151c8e;
				}
				#eshop-menu ul li a:hover {
					background-color: #d0af46;
				}
			/* 2-submenu */
			#eshop-menu ul li ul {
			}
				#eshop-menu ul li ul a {
					padding: 5px 10px 5px 20px;
					font-size: 12px;
					font-style: italic;
					font-weight: normal;
				}
			/* 3-submenu */	
			#eshop-menu ul li ul li ul{
			}
				#eshop-menu ul li ul li ul a {
					padding: 5px 10px 5px 40px;
					font-size: 12px;
					font-style: italic;
					font-weight: normal;
				}

#left-menu {
}
	#left-menu .box-title {
		margin: 10px 0 0 0;
	}
		#left-menu .box-title span,
		#left-menu .box-title h2,
		#left-menu .box-title h3 {
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			text-transform: uppercase;
			line-height: 22px;
			margin: 0px;
			color: #FFFFFF;
			padding: 10px;
			margin-bottom: 0px!important;
		}
		
		#left-menu .box-title-blue {
			background-color: #3e46cd;
		}
		#left-menu .box-title-gold {
			background-color: #d0af46
		}
		#left-menu .box-title-secondary {
			background-color: #00a9d0;
			margin-bottom: 0px;
			padding: 10px;
		}
		
	#left-menu .box {
		margin: 0 0 0 0!important;
		padding: 15px;
		border: #3e46cd solid 1px;
	}
	#left-menu .box-secondary {
		margin: 0 0 10px 0;
		padding: 15px;
		border: #00a9d0 solid 1px;
	}
	
	
#content {
}
	#content #content-body {
	}	
	#content .content-bg {
		background-color: #e4e5f8;
		padding-top: 15px;
		padding-bottom: 15px;
	}	
	
	#content #content-body .box-title {
		margin: 10px 0 10px 0;
	}
		#content #content-body .box-title span,
		#content #content-body .box-title h1,
		#content #content-body .box-title h2,
		#content #content-body .box-title h3 {
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			text-transform: uppercase;
			line-height: 22px;
			margin: 0px;
			color: #FFFFFF;
			padding: 10px
		}
		
		#content #content-body .box-title-blue {
			background-color: #3e46cd;
		}
		#content #content-body .box-title-gold {
			background-color: #d0af46
		}
		#content #content-body .box-title-secondary {
			background-color: #00a9d0;
			margin-bottom: 0px;
			padding: 10px;
		}
		
	#content #content-body .box {
		margin: 0 0 10px 0;
		padding: 15px;
		border: #3e46cd solid 1px;
	}
	#content #content-body .box-secondary {
		margin: 0 0 10px 0;
		padding: 15px;
		border: #00a9d0 solid 1px;
	}
	
	/* CONTENT TEXT */
	#content .text img { max-width: 100%; }
	#content .text p,
	#content .text div {
		padding-bottom: 15px
	}
	#content .text ul li p,
	#content .text ul li div {
		padding-bottom: 0
	}
	
	
	
	#content .text h2,
	#content .text h3 {
		margin-top: 10px;
	}
	
	/* SUBMENU USER*/
	#submenu_user .user-nav-link { transition: all 0.2s ease-in-out; border-radius: 6px; font-weight: 500; }
    #submenu_user .user-nav-link:hover:not(.active) { background-color: #f4f5f7; color: #0056b3 !important; transform: translateY(-1px); }
    #submenu_user .user-nav-link.active { box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
    #submenu_user .user-nav-link.text-danger:hover { background-color: #fff0f0; color: #dc3545 !important; }

		
#social-mobile {
	text-align: center;
	padding-bottom: 20px;
}
	#social-mobile a {
		font-size: 60px;
		margin: 0 20px 0 20px;
	}
	
#footer {
	margin: 20px 0 20px 0;
	padding: 20px 0 20px 0;
	border-top: solid 3px #00a9d0;
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	line-height: 30px
}
	#footer a { color: #FFFFFF; }
	#footer a:hover { text-decoration: underline }
	
	#footer ul{ padding-left: 0px }
	#footer ul li { list-style: none; padding-left: 0px }
	
	#footer .footer-title {
		font-size: 18px;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	
	#footer #footer-sitemap {
	}
		#footer #footer-sitemap a {
			color: #FFFFFF;
			line-height: 30px;
		}
		#footer #footer-sitemap a:hover { text-decoration: underline }
	
	#footer #footer-contact-1 {
	}
	
	#footer #footer-contact-2 {
		font-size: 12px;
		line-height: 20px
	}
	
	#footer #footer-contact-3 {
	}
		#footer #footer-contact-3 a.social-a span{
			font-size: 30px;
			padding-right: 20px;
			line-height: 40px;
			width: 60px;
		}
		#footer #footer-contact-3 .gopay-footer {
		}
			#footer #footer-contact-3 .gopay-footer div { padding-bottom: 15px; }
			#footer #footer-contact-3 .gopay-footer img { max-width: 100% }
			#footer #footer-contact-3 .gopay-footer img.visa,
			#footer #footer-contact-3 .gopay-footer img.mastercard { width: 50% }
	
	@media screen and (max-width: 991px) {
		#footer #footer-sitemap,
		#footer #footer-contact-1,
		#footer #footer-contact-2 {
			font-size: 12px;
			margin-bottom: 10px;
			line-height: 20px
		}
		#footer .footer-title {
			font-size: 16px;
			margin-bottom:5px;
		}
		
		#footer #footer-sitemap a {
			line-height: 20px
		}
		
		#footer #footer-contact-3 {
			padding-bottom: 25px;
		}
			#footer #footer-contact-3 a.social-a span{
				font-size: 40px;
				padding-right: 20px;
				line-height: 50px;
				width: 60px;
			}
	}

#copyright {
	padding-bottom: 20px;
}
	
	#copyright #copyright-author {
		font-size: 14px;
		line-height: 25px;
	}
	
	#copyright #copyright-social {
		text-align: right
	}
		#copyright #copyright-social a {
			font-size: 50px;
			padding-left: 20px;
		}
		
	#copyright #gopay-footer {
		text-align: right
	}
		#copyright #gopay-footer img { height: 25px;}
		
	
	@media screen and (max-width: 991px) {
		#copyright #copyright-author {
			margin-bottom: 20px;
			font-size: 12px;
		}	
		#copyright #copyright-social {
			text-align: center
		}
	}

/*
@media screen and (min-width: 992px) {	
@media only screen and (max-width: 1199px){
@media only screen and (max-width: 767px){
*/