.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}
.youtube {
    background: #bb0000;
    color: white;
}

.instagram {
    background:#c82828;
    color: white;
}

.pinterest {
    background:#a26e59;
    color: white;
}

.icon-bar i {
    color:white;
}

.icon-bar {
    position: fixed;
    right:0px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:999;
}


.icon-bar a {
    display: block;
    text-align: center;
    padding: 9px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
    background-color: #000;
}

@media (max-width: 767px) {
    .icon-bar {
        top: 50%;
    }
}

.alert-success {
    color: rgba(0,0,0,0.7);
    border: 2px solid rgba(0,0,0, 0.05);
}

.tmplt_sales_color {
    border-color: rgba(0,0,0,0.1);
    color:rgba(0,0,0,0.7);
}
.tmplt_sales_color:hover {
    filter: brightness(85%);
    color:rgba(0,0,0,1);
}



.tmplt_base_color { 
  background-color:#f9f9f9 ;
}
.tmplt_base_color_text,ul.menu-vertical.tmplt_base_color_text a, .header *,.footer *,.menu-level-0 a { 
  color:#5b5b5b ;
}
.tmplt_attention_color { 
  color:#00a6ff ;
}
.tmplt_sales_color,.tmplt_sales_color:hover { 
  background-color:#ff4d00 ;
}
.alert-success { 
  background-color:#00a6ff ;
}
.container { 
  max-width:1280px ;
}
 { 
  :{artfabr} / {fabrikant} ;
}



@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5vAx05IsDqlA.ttf');
}

* {
    font-family: 'Roboto';
}


button:disabled {
     background-color:rgba(25, 25, 25, 0.3);
}

button:disabled:hover {
    background-color:rgba(25, 25, 25, 0.3);
}

button.selected {
    background-color:rgba(25,255,255,0.3);
}


@media (min-width: 0px) and (max-width: 45em ) {
    #sw_menu * {
        color:#000;
    }
}

.has-cms-content * {
    color:#000;
}

.has-cms-content a  {
    color:#000;
    text-decoration: underline;
}

/* menu styler */
@media (min-width:768px) {
    ul.menu-fat-sublevel1 ul.menu-level-1 > li > a {
        font-weight: 800;
    }

    ul.menu-margin-level2 ul.menu-level-2 {
        margin-left: 50px;
    }
}

body {
	font-family: 'Quicksand', 'Helvetica Neue', 'Verdana', 'Arial', sans-serif;
}

.alt-font {
	font-family: 'Fredoka One', 'Helvetica Neue', 'Verdana', 'Arial', sans-serif;
}

.extra-line-height {
	line-height: 200%;
} 

.form-control.search-control {
	background: white !important;
	border: 1px solid #dbdbdb !important;
	border-radius: 5px !important;
}

.home-header {
	background: url('/webshop_1/images/home-header.jpg') no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 800px;
	position: relative;
}

.home-header > .h-100 {
	min-height: 800px; 
}

#main-head {
	transition: background .5s ease, color .5s ease;
}

#main-head.scrolled { 
	background: rgba(255, 255, 255, .95); 
}

@media (min-width: 992px) {
.menu.main-menu ul {
	float: right;
}
}

body.home #main-head:not(.scrolled) ul.menu-level-0 > li > a,
body.home #main-head:not(.scrolled) #checkout_button a i,
body.home #main-head:not(.scrolled) #sw_customer_login_button a i {
	color: #3a3a3a !important;
}

.home-header h1,
.home-header h2,
.home-header h3 {
	color: white !important;
}

.home-header h2,
.home-header h3 {
	font-weight: 300;
	font-size: 32px;
	line-height: 33px;
}

.home-header h1 {
	font-family: 'Fredoka One', 'Helvetica Neue', 'Verdana', 'Arial', sans-serif;
	font-size: 50px;
}

.home-header .btn {
	color: #ffffff !important;
	border-radius: 100px;
	font-family: 'Quicksand', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 600 !important;
	background-color: #00a6ff;
	font-size: 20px;
	padding: 10px 30px;
}

@media (min-width: 992px) {
ul.menu-level-1 {
	background: transparent;
	padding-top: 20px;
	box-shadow: none;
}

ul.menu-level-1 > li {
	background: white;
	padding: 5px 10px;
	margin: 3px;
	border-radius: 100px;
}

.menu-level-1, .menu-level-2 {
	display: block !important;
	visibility: hidden;
	opacity: 0;
	transition: .3s ease opacity, .3s ease visibility;
}

.menu-level-0 li.menu-item:hover .menu-level-1, .menu-level-0 li.menu-item:hover .menu-level-2 {
	opacity: 100%;
	visibility: visible;
}
}

body {
	background: url('../images/body-bg.svg');
	background-position: top center;
	background-repeat: no-repeat;
}

.article_image_list {
	border: 0 !important;
}

.article_item,
.article_item_small {
	background: white;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.article_wrapper {
	margin-top: 20px;
}

.article_header b {
	font-family: 'Fredoka One',display;
	font-size: 20px;
}

.article_content {
	text-align: center;
}

#render_cart_here > div.row {
	background: white;
	border-radius: 10px;
	margin-top: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	padding: 10px;
}

@media (min-width: 768px) {
	#render_cart_here > div.row {
		width: 48% !important;
		margin: 1% !important;
		float: left;
		min-height: 200px;
	}
}

#home-articles h2 {
	font-family: 'Fredoka One',display;
	font-size: 35px;
	color: #ffffff!important;
	text-align: center; 
}

.article_image_detail img {
	max-width: 300px;
}

.article_image_detail {
	text-align: center;
}

.product-details,
.article_image_detail {
	border: 0;
	background: white;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-sizing: border-box;
	padding: 20px;
}

#logo {
	hhheight: 80px;
	transition: .3s ease height;
}

#main-head.scrolled #logo {
	height: 80px;
}

.rounded-img {
	width: 100%;
	border-radius: 1000px;
}

.footer {
	font-size: .9em;
	background: #ff4d00;
	color: white;
}

.footer * {
	color: white;
}

.home-category {
	text-align: center;
	margin-top: 25px;
}

.home-category img {
	width: 100%;
	max-width: 56px;
}

.btn-rounded {
	border-radius: 1000px;
}

@media (min-width: 768px) {
	#sw_menu {
 		display: none !important;
	}
}

h3#article_baseprice {
	font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: black;
}

.article_item {
	transition: .3s ease all;
}

.article_item:hover {
	transform: scale(.98);
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

select {
	background-color: white;
	border: none;
	border-radius: 100px;
	color: #666 !important;
	font-size: 14px;
	padding: 4px 8px;
	font-weight: 500;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	padding-right: 25px;
}

.menu-level-0 > li.menu-item a {
	font-weight: bold;
}

#sw-form-contact input,
#sw-form-contact textarea {
	border-radius: 20px;
	margin-bottom: 20px;
}

#sw-form-contact .sw-form-submit,
#sw_finish_cart {
	background: #00a6ff;
	color: white;
	padding: 10px 20px;
	border-radius: 20px;
	margin-top: 20px;
}

.btn {
	border-radius: 20px;
}

#render_cart_here div[data-stockinfo] {
	margin-top: 10px;
}

.alert-success {
	color: white;
}

@media (min-width: 768px) {
	#sw-form-terms_and_conditions .col-12,
	#invoice_address_form .col-12,
	#invoice_address_form .col-8,
	#invoice_address_form .col-4 {
		width: 100%;
		padding: 0;
	}
}

.checkout_total_block,
#sw-form-terms_and_conditions {
	margin-top: 20px;
}

#banks {
	margin-top: 10px;
}

#customer_modify_form {
	margin-top: 50px;
}

#customer_modify_form .col-8 {
	padding-right: 0;
	padding-left: 0;
}

#customer_modify_form #sw_customer_modify_button {
	margin-top: 15px;
}

.menu_customer {
	position: absolute;
	padding-top: 10px;
}

.menu_customer a {
	color: #00a6ff;
}

.menu_customer li {
	background: white;
	padding: 5px 10px;
}

.menu_customer li:first-child {
	border-radius: 10px 10px 0 0;
}

.menu_customer li:last-child {
	border-radius: 0 0 10px 10px;
}

#content {
	min-height: 300px;
}

@media (max-width: 1200px) {
	.home-header .container .row {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

.checkout_article_img > img {
	max-width: 100%;
}

.btn:not(:disabled):not(.disabled) {
        background-color: #4CAF50!important;}

@media (min-width: 768px) {
 .header-mt { margin-top: 175px !important; }
}

 .menu-item-active > a:first-child{
    font-weight:800;
 }