/*
 * WHITE				#fff		(content bg)
 * LIGHTER GREY	#fafafa	(topbar bg, footer bg)
 * LIGHT GREY		#f0f0f0	(boxed body bg)
 * DARKLIGHT GREY	#eee		(border)
 * GREY				#999999	(Icons / Light font)
 * DARK GREY		#666		(FONT)
 
 * LIGHT BLUE		#edf2f5	(topbar hover)
 * BLUE				#006092	(nav, headline, links)
 * BLUE DARK:		#00344f	(section headline)
 *
 * RED:				#920000 (nav hover / badge)
 
 * GREEN:			#69b526 (badge)
 * GREEN GREYISH	#6a8b61 (price)
 
 * ORANGE:			#e88b27 (badge)
 * ORANGE REDISH:	#f2641a (cta / button)
 */
html { position: relative; min-height: 100%; }
body { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #666; background: #eee; }
a { color: #006092; }
a:hover, a:focus { color: #00344f; }
b, strong { font-weight: 600; }
hr { margin-top: 20px; margin-bottom: 20px; border-color: #eee; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Ubuntu'; font-weight: 500; color: #006092; }
h1, .h1 { font-size: 1.5em; }
h2, .h2 { font-size: 1.3em; }
h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size: 1.2em; }
::selection { color: #fff; background: #006092; text-shadow: none; }
::-moz-selection { color: #fff; background: #006092; text-shadow: none; }
img[class*="wp-image-"] { display: block; max-width: 100%; height: auto; }
.grayscale { -webkit-backface-visibility: hidden; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; filter: alpha(opacity=75); -webkit-filter: grayscale(70%); opacity: 0.75; display: inline-block; -webkit-transition: all 0.5s; transition: all 0.5s; }
.grayscale:hover { filter: none; -webkit-filter: none; opacity:1; filter: alpha(opacity=100); }
.input-sq { border-radius: 0; }
.btn-sq { border-radius: 0; }
.btn-orange { background: #f2641a; color: #fff; }
.btn-orange:hover { background: #f37330; color: #fff; }
.btn-orange:focus, .btn-orange:active { background: #d95a17; color: #fff; }
.alignleft { float:left; margin: 0 15px 15px 0; }
.alignright { float:right; margin: 0 0 15px 15px; }
.mb50 { margin-bottom: 50px; }
#wrapper, #wrapper-fluid { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
#wrapper { margin-right: auto; margin-left: auto; }
.form-control.error { border-color: #920000; }
.form-control.error + small { color: #920000; }
@media (max-width: 479px) {
	.col-xxs-12 { width: 100%; }
}
@media (min-width: 768px) and (max-width: 991px) {
	#wrapper { width: 750px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	body { font-size: 15px; line-height: 1.4667; }
	#wrapper { width: 970px; }
}
@media (min-width: 1200px) {
	body { font-size: 16px; line-height: 1.6; }
	#wrapper { width: 1170px; }
}
@-moz-document url-prefix() {
	fieldset { display: table-cell; }
}

/* NOTIFICATION BAR */
#notification { background: #f2641a; color: #fff; padding: 10px 0; font-size: 0.85em; line-height: 20px; }
#notification ul, #notification p { margin: 0; }
#notification a { color: inherit; margin-left: 30px; }
#notification a:hover, #notification a:focus { color: #fff; }

#notification2 { background: #f2641a; color: #fff; padding: 10px 0; font-size: 0.85em; line-height: 20px; }
#notification2 ul, #notification2 p { margin: 0; }
#notification2 a { color: inherit; margin-left: 30px; }
#notification2 a:hover, #notification2 a:focus { color: #fff; }

#closegsbox {position: absolute; right: 10px; top: 10px; border: 1px solid #0095c4; border-radius: 100%; width: 25px; height: 25px; text-align: center; line-height: 22px; z-index: 15;}
#closegsbox:hover, #closegsbox:focus {color: #fff; background-color: #0095c4;}
#notification3 {border-radius: 0px; color: #0095c4; line-height: normal; background: repeating-linear-gradient(135deg, #e5f4f9, #e5f4f9 10px, #f0f0f0 10px, #f0f0f0 20px); font-size: 0.85em;}
#notification3 > div {position: relative;}
#notification3 .col-sm-4 {padding: 10px;}
.notification3wert > div {padding: 15px; background-color: #0095c4; color: #fff; font-size: 20px;}
.notification3wert strong {font-size: 38px;}
.notification3code strong {font-size: 28px;}
@media (max-width: 767px) {
		#notification3 .text-right, #notification3 .text-left {text-align: center;}
}
				
/* TOPBAR */
#topbar { background: #fafafa; color: #999; border-bottom: 1px solid #eee; font-size: 0.85em; line-height: 20px; }
#topbar ul, #topbar p { margin-bottom: 0; }
#topbar ul { border-left: 1px solid #eee; margin: 0; }
#topbar ul li { border-right: 1px solid #eee; padding: 5px 10px; }
#topbar a { color: inherit; }
#topbar a:hover, #topbar a:focus { color: #006092; }
@media (max-width: 767px) {
	#topbar { text-align: center; }
	#topbar ul { float: none !important; margin-top: 10px; }
}

/* HEADER */
#header { background: #fff; padding: 20px 0; }
#header .brand { display: table; }
#header #row-search #search-form { display:inline-block; background: #fafafa; padding:5px; width: 100%; margin-top: 5px; }
#header #row-search .form-control { border: 1px solid #eee; box-shadow: none; border-radius: 0; float:left; border-right: 0; }
#header #row-search .btn { border-color: #eee; box-shadow: none; border-radius: 0; color: #666; }
#header #row-cart { text-align:right; }
#header #row-cart .fa { font-size: 46px; color: #f2641a; }
#header #row-cart .h1 { font-size: 22px; margin: 0; color: #f2641a; }
#header #row-cart a { display: inline; }
#header #row-cart a:hover, #header #row-cart a:focus { text-decoration: none;}
@media (max-width: 767px) {
	#header .brand { margin: 10px auto; }
}


/* NAVIGATION */
#navigation .navbar { border: 0; border-radius: 0; margin: 0; border-color: #006092; background-color: #006092; }
#navigation .navbar .navbar-brand, #navigation .navbar .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); }
#navigation .navbar .navbar-brand { color: rgba(255,255,255,0.9); }
#navigation .navbar .navbar-brand:hover, #navigation .navbar .navbar-brand:focus { color: #fff; background-color: transparent; }
#navigation .navbar .navbar-nav > li > a { color: rgba(255,255,255,0.9); }
#navigation .navbar .navbar-nav > .current_page_item > a, #navigation .navbar .navbar-nav > .current_page_parent > a { color: rgba(255,255,255,0.9); background-color: rgba(255,255,255,.1); }
#navigation .dropdown-menu > .current_page_item > a, #navigation .dropdown-menu > .current_page_parent > a { color: rgba(255,255,255,0.9); }
#navigation .navbar .navbar-nav > li > a:hover, #navigation .navbar .navbar-nav > li > a:focus, #navigation .navbar .navbar-nav > li:hover > a, #navigation .navbar .navbar-nav > .open > a, #navigation .navbar .navbar-nav > .open > a:hover, #navigation .navbar .navbar-nav > .open > a:focus, #navigation .navbar .navbar-nav > .current_page_item > a:hover, #navigation .navbar .navbar-nav > .current_page_item > a:focus, #navigation .navbar .navbar-nav > .current_page_parent > a:hover, #navigation .navbar .navbar-nav > .current_page_parent > a:focus { color: #006092; background-color: #fff; text-shadow: none; }
#navigation.affix { left: 0; right: 0; top: 0; z-index: 999; }
#navigation.affix .navbar .navbar-collapse { max-height: 340px; }
#navigation .navbar-hover .navbar-nav > .dropdown:hover > .dropdown-menu, #navigation .navbar-hover .dropdown-submenu:hover > .dropdown-menu, #navigation .navbar-hover .dropdown-menu > .dropdown:hover > .dropdown-menu { display: block; }
#wrapper #navigation.affix { margin: 0 auto}
#navigation .fhmm .navbar-collapse {
  max-height: 340px;
}
@media (max-height: 400px)
{
	#navigation.affix .navbar .navbar-collapse { max-height: 270px; }
	
}

@media (min-width: 768px) and (max-width: 991px) {
	#wrapper #navigation.affix { max-width: 750px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	#wrapper #navigation.affix { max-width: 970px; }
}
@media (min-width: 1200px) {
	#wrapper #navigation.affix { max-width: 1170px; }
}
@media (max-width: 767px) {
	#navigation.affix-top { position: relative !important; }
	#navigation .navbar .navbar-toggle { border-color: rgba(255,255,255,0.3); }
	#navigation .navbar .navbar-toggle .icon-bar { background-color: rgba(255,255,255,0.3); }
	#navigation .navbar .navbar-toggle:hover, #navigation .navbar .navbar-toggle:focus { border-color: #fff; background-color: #fff; }
	#navigation .navbar .navbar-toggle:hover .icon-bar, #navigation .navbar .navbar-toggle:focus .icon-bar { background-color: #006092; }
	#navigation .dropdown-menu > li > a { color: rgba(255,255,255,0.9); }
	#navigation .dropdown-menu > li:hover > a, #navigation .dropdown-menu > li.open > a, #navigation .dropdown-menu > li > a:hover, #navigation .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; }
	#navigation .navbar .navbar-collapse { border-color: rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
	#navigation .navbar .navbar-form { border-color: rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); }
	#navigation .dropdown:not(.open) .dropdown-menu { display: none !important; }
}
@media (min-width: 768px) {
	#navigation .navbar .navbar-nav { border-right: 1px solid rgba(255,255,255,0.1); border-left: 1px solid rgba(0,0,0,0.1); }
	#navigation .navbar .navbar-nav > li { border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(255,255,255,0.1); }
	#navigation .dropdown-menu { background-color: #fff; margin-top: 0; }
	#navigation .dropdown-menu > li > a { color: #333; }
	#navigation .dropdown-menu > .current_page_item > a, #navigation .dropdown-menu > .current_page_parent > a { color: #006092; }
	#navigation .dropdown-menu > li:hover > a, #navigation .dropdown-menu > li.open > a, #navigation .dropdown-menu > li > a:hover, #navigation .dropdown-menu > li > a:focus { color: #fff; background-color: #006092; background-image: none; }
/*
	#navigation .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
	#navigation .dropdown-submenu:hover > a:after, #navigation .dropdown-submenu.open > a:after, #navigation .dropdown-submenu > a:hover:after, #navigation .dropdown-submenu > a:focus:after { border-left-color: #fff; }
*/
	#navigation .navbar-collapse { padding-left:0; }
	#navigation .dropdown-menu { /* border-left: 0; border-right: 0; */ border-radius: 0; min-width: 180px; padding: 5px 0; }
	#navigation .dropdown-menu .caret { margin: 0; }
	#navigation .dropdown-submenu .caret { transform: rotate(-90deg); }
	#navigation .dropdown-submenu { position: relative; }
	#navigation .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; }
	#navigation .navbar-right .dropdown-submenu > .dropdown-menu { right: 100%; left: auto; }
}
@media (max-height: 300px) {
	#navigation.affix .navbar .navbar-collapse { max-height: 200px; }
}
#navigation li.dropdown:not(.fhmm-fw) { position: relative; }
#navigation li.dropdown:not(.fhmm-fw) a:first-of-type { padding-right: 30px;  }
#navigation li.dropdown.fhmm-fw .caret { margin-left: 12px;  }
#navigation li.dropdown a + a { position: absolute; display: inline; right: 0;top: 0;  padding: 15px 10px; }
#navigation li.dropdown-submenu a + a { padding: 6px 10px; }
@media (max-width: 767px) {
  #navigation li.dropdown a + a {
	box-shadowX: -1px 0 0 rgba(0,0,0,0.2), 1px 0 0 rgba(255,255,255,0.2) inset; background: rgba(255,25,255,0.1); padding: 10px 20px !important; 
  }
}

@media (max-width: 768px) {
	#navigation li.dropdown a + a { padding: 10px 10px; }
	#navigation .navbar-nav > .open > .dropdown-menu > li > a:first-of-type { padding: 5px 15px 5px 20px; }
	#navigation .navbar-nav > .open > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a:first-of-type { padding: 5px 15px 5px 35px; }
	#navigation .navbar-nav > .open > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a:first-of-type { padding: 5px 15px 5px 50px; }
	#navigation li.dropdown-submenu a + a { padding: 5px 10px; }

}
/* MEGAMENU */
.fhmm .dropdown a, .fhmm .dropdown-menu  a { color:#656565; }
.fhmm .dropdown-menu > li > a { padding:6px 15px; }
.fhmm .navbar-nav > li > .dropdown-menu { margin-top:1px; }
.fhmm .dropdown-menu { box-shadow:none; border:1px solid #efefef; padding:0; }
.fhmm .form-control { margin-top:10px; border:1px solid #efefef; }
.fhmm .btn { margin:10px 0 20px }
.fhmm video { max-width: 100%; height: auto; }
.fhmm iframe, .fhmm embed, .fhmm object { max-width: 100%; }
.fhmm .google-map { width:100%; border:1px solid rgba(255, 255, 255, 0.5); min-height:200px; }
.fhmm div.google-map { background:rgba(255, 255, 255, 0.5); background: #ffffff; height: 200px; margin: 0 0 0px 0; width: 100%; }
.fhmm .dropdown-menu .withoutdesc{ margin-top:0; padding:15px 20px; display: block; text-align: left; text-transform: none; width: 100%; }
.fhmm a:hover { text-decoration:none }
.fhmm .dropdown-menu .withoutdesc ul li { padding:3px 10px; }
.fhmm .dropdown-menu .withoutdesc ul li:hover, .fhmm .dropdown-menu .withoutdesc ul li:focus{ color:#262626; text-decoration:none; background-color:#f5f5f5 !important }
.fhmm .dropdown-menu .withoutdesc li:last-child { border-bottom:0 solid #fff; }
.fhmm .fhmm-content.withdesc a:after { color: #CFCFCF; content: attr(data-description); display: block; font-size: 11px; font-weight: 400; line-height: 0; margin: 10px 0 15px; text-transform: uppercase; }
.fhmm .dropdown-submenu{ position:relative; }
.fhmm .dropdown-submenu>.dropdown-menu{ top:0; left:100%; margin-top:0; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; }
.navbar-hover .fhmm .dropdown-submenu:hover>.dropdown-menu{ display:block; }
/*
.fhmm .dropdown-submenu>a:after{ display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; }
.fhmm .dropdown-submenu:hover>a:after{ border-left-color:#ffffff; }
*/
.fhmm .dropdown-submenu.pull-left{ float:none; }
.fhmm .dropdown-submenu.pull-left>.dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; }
.fhmm p { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; color:#656565; }
.fhmm .nav, .fhmm .collapse, .fhmm .dropup, .fhmm .dropdown { position: static; }
.fhmm .half { width: 50%; left: auto !important; right: auto !important; }
.fhmm .container { position: relative; }
.fhmm .dropdown-menu { left: auto; }
.fhmm .nav.navbar-right .dropdown-menu { left: auto; right: 0; }
.fhmm .fhmm-content { padding: 15px 25px; }
.fhmm .dropdown.fhmm-fw .dropdown-menu { left: 0; right: 0; }
.fhmm .title { font-size:13px; font-weight:bold; margin-top:15px; text-transform:uppercase; border-bottom:1px solid #efefef; padding-bottom:10px; }
.fhmm ul { list-style:none; padding-left:0px; }
.navbar-hover .dropdown-menu { margin-top: 0; }
@media(max-width: 767px) {
	body { padding-bottom: 60px; }
	#bottom-navigation { position: fixed; z-index: 999; bottom: 0; background: #006092; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
	#bottom-navigation .col-xs-5ths { width: 18%; float: left; }
	#bottom-navigation .col-xs-5ths:nth-child(3n) { width: 28%; }
	#bottom-navigation .col-xs-5ths a { background: #006092; color: #fff; display: block; text-align: center; font-size: 11px; height: 60px; padding: 5px; }
	#bottom-navigation .col-xs-5ths:nth-child(3n) a { background: #f2641a; box-shadow: 0 -5px 0 0 #f2641a }
	#bottom-navigation .col-xs-5ths a .fa { display: block; font-size: 25px; margin-bottom: 5px; }
}
.panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus { color: inherit; }

/* BREADCRUMBS */
#breadcrumbs { background: #fff; }
#breadcrumbs .breadcrumb { background: #fff; margin-bottom: 20px; border-bottom: 1px solid #eee; border-radius: 0; font-size: 0.85em; line-height: 30px; padding: 8px 2px; }
#breadcrumbs .markenlink { text-align:right;}
@media(max-width: 767px) {
	#breadcrumbs .markenlink { text-align:left;}
}

/* NEWSLETTER */
#newsletter { background: #006092; padding: 15px 0; }
#newsletter .control-label { text-align: left; color: #fff; text-transform: uppercase; font-size:18px; margin-right: 15px;}
#newsletter .form-control { border: none; border-radius: 0; box-shadow: none; }
#newsletter .btn { border-left: 0 !important; z-index: 2 !important;}
#newsletter ul { margin-bottom: 0; }
#newsletter ul li a { color: #fff; opacity:0.5; font-size: 24px; }
#newsletter ul li a:hover, #newsletter ul li a:focus { opacity: 1; }
@media (max-width: 767px) {
	#newsletter { text-align: center; }
	#newsletter .form-inline { margin-bottom: 20px; }
	#newsletter .form-control { margin: 0; }
	#newsletter .btn { display: block; width: 100%; }
	#newsletter ul { float: none !important; margin-top: 10px; }
}

/* CONTENT */
.blog-grid .thumbnail { border-radius: 0; border: none; padding: 0; position: relative; }
.blog-grid .thumbnail small { font-size: 12px; color: #999; }
.blog-grid .thumbnail h3 a { display: block !important; display: -webkit-box; max-width: 100%; height: 50px; line-height: 25px; margin: 0 auto; font-size: 18px; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.product-information .form-horizontal .control-label { font-weight: 400; text-align: left; }
.product-information .list-unstyled strong { display: inline-block; width: 160px; }
.product-information .list-unstyled li .btn { margin-top: 10px; }
.tab-content { border:1px solid #ddd; border-top: 0; padding: 10px; }
.tab-content .tab-pane  > .table tr:first-of-type td { border-top: 0; }
.tab-content .tab-pane  :last-child { margin-bottom: 0; }
.videowrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videowrapper iframe { position: absolute; top: 0; left: 0; width:100%;height:100%;}
.media-carousel { margin-bottom: 0; padding: 0 40px; margin-top: 15px; }
.media-carousel a img { opacity: 0.5; }
.media-carousel a:hover img, .media-carousel a:focus img { opacity: 1; }
.media-carousel .carousel-control { background: #444; border-radius: 50%; height: 30px; width: 30px; line-height: 30px; text-align: center; top: 50%; margin-top: -15px; }
.media-carousel .carousel-control.left {  left:  -5px !important; }
.media-carousel .carousel-control.right { right: -5px !important; }
.media-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; }
.form-control { color: #666; background-color: #fff; border-color:#ccc; border-radius: 0; transition: none; }
.form-control:focus { color:#333; background-color: #fcfcfc; border-color: #bbb; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.form-control::-moz-placeholder { color: #999; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.control-label, .form-horizontal .control-label { text-align: left; font-weight: 400; }
.control-label sup { color:#c01313; }
.list-social { line-height: 20px; margin-top: 10px; background: #f5f5f5; padding: 10px;  }
.list-social li { margin-right: 20px; }
.list-social a { color: #999; opacity: 0.8; }
.list-social a:hover, .list-social a:focus { text-decoration: none; color: #333; opacity: 1; }
.list-social .fa { background: red; height: 20px; line-height: 20px; width: 20px; text-align: center; color: #fff; border-radius: 2px; }
.list-social .fa.fa-facebook { background: #3b5998; }
.list-social .fa.fa-twitter { background: #55acee; }
.list-social .fa.fa-google-plus { background: #dd4b39; }
.social { margin: 20px 0; }
.social li a { background: #ccc; padding: 5px 10px; font-size: 14px; color: #fff; }
.social li a:hover, .social li a:focus { opacity: 0.8; text-decoration: none; }
.social .social-wa { background: #4dc247; }
.social .social-fbl { background: #3b5998; }
.social .social-fbs { background: #3b5998; }
.social .social-tw { background: #55acee; }
.social .social-gp { background: #dd4b39; }
#content-search-form { margin-bottom:20px;}
@media (min-width: 992px)  {
.social li i { width: 20px; text-align: center; margin-right: 5px;}
}
/* CONTENT GALLERY */
.content.content-grid h3 { line-height: 20px; height: 25px; margin-top: 10px; margin-bottom: 5px; text-align:center; overflow: hidden; text-overflow: ellipsis; }
.content.content-grid .thumbnail .caption { text-align:center;padding-top:4px; }

/* PRODUCTS */
.products .thumbnail { border-radius: 0; border-color: #eee; position: relative; }
.products .thumbnail .note { background: #999; position: absolute; top: 5px; left: 5px; font-size: 11px; padding: 2px 5px; color: #fff; }
.products .thumbnail .note.note-right { right: 5px; left: auto; }
.products.products-list .thumbnail .note { top: 0; left: 15px; }
.products.products-list .thumbnail .note.note-right { top: 0; right: 15px; left: auto;  }
.products .thumbnail .note.note-orange { background: #e88b27; }
.products .thumbnail .note.note-red { background: #920000; }
.products .thumbnail .note.note-green { background: #69b526; }
.products .thumbnail .note.note-blue { background: #006092; }
.products h3 { margin: 0; font-size: 16px; overflow: hidden; }
.products.products-grid h3 { line-height: 20px; height: 40px; margin-top: 5px; text-align:center; overflow: hidden; text-overflow: ellipsis; }
.products.products-list h3 { line-height: 20px; height: 20px; margin-bottom: 5px; text-overflow: ellipsis;overflow: visible; height: auto;  }
.products.products-grid .thumbnail-product > a:first-of-type {   vertical-align: middle; }
.products.products-grid .thumbnail .caption { text-align:center; }
.products .thumbnail .caption small { font-size:12px; display:inline-block; margin: 0; }
.products .thumbnail .caption small, .products .thumbnail .caption small a { color:#999; }
.products .thumbnail .caption small a:hover, .products .thumbnail .caption small a:focus { color: inherit; }
.products.products-grid .caption small { display: block; }
.products .thumbnail .caption strong { font-size: 20px; color: #69b526; display: inline-block; }
.products.products-grid .thumbnail .caption strong  { margin: 10px 0; display: block; }
.products .thumbnail .caption ins { color: #69b526;  text-decoration: none; background: #f0f7e9; padding: 1px 3px; border-radius: 3px; }
.products .thumbnail .caption del { font-size: 14px; color: #920000; font-weight: 400; }
.products .thumbnail .caption.text-right strong { display: block; margin-bottom: 10px; }
.products .thumbnail .caption.text-right button { margin: 10px 0; }
.products .thumbnail .caption .basket_box, .products .thumbnail .caption .sold_out_info { margin-top: 10px; }
.products .list-colors{margin-bottom:0px;}
.products .list-colors>li{padding-left:1px;padding-right:1px;}
.products .color-item{display:inline-block;height:17px;width:17px;border-radius: 8.5px;border: 1px solid rgba(0,0,0,.2);}
.list-rating li { padding: 0; }
.list-rating .fa-star { color: #ff8a00; }
.list-rating .fa-star-half { color: #ff8a00; }
.list-rating .fa-star-o { color: #ccc; }
.product-image-slider { position: relative; border: 1px solid #eee; padding: 10px }
.product-image-slider img{margin:0 auto;}
.product-image-slider ul { margin: 10px 0 0 0; }
.product-image-slider ul li { padding: 0; }
.product-image-slider ul li a { display: inline-block; }
#logo-slider { background: #fafafa; }
.well-border-tb { padding: 10px 0; margin:10px 0; line-height: 30px; font-size: 14px; background: #fff; box-shadow: none; border-radius: 0; border: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.form-control-static { padding: 0; }
#product-filter .list-sort a { color: #999; height:20px; width: 20px; line-height: 20px; text-align: center; display: inline-block; }
#product-filter .list-sort a:hover, #product-filter .list-sort a:focus { color: #006092; }
#product-filter .list-sort .active { background: #eee; color: #006092; }
#price_box strong, #totalpricebox strong, #purchase_price_box strong  { color: #69b526; text-decoration: none;  font-size: 40px; }
#price_box del, #totalpricebox del, #purchase_price_box del { font-size: 14px; color: #920000; font-weight: 400; }
#price_box small, #totalpricebox small, #purchase_price_box small { font-size: 12px; color: #999; }
#cfg_text2  { font-size: 12px; line-height: 16px !important; }
.sold_out_info { color: #920006; background: #f8eff0; padding: 2px 4px; }
#basket_form .well { box-shadow: none; border-radius: 0; background: #fcfcfc; }
#basket_form .input-group .input-group-btn:first-of-type .btn  { border-right: 0; }
.availability_icon { margin-top: -2px; }
.no-margin { margin: 0; }
.thumbnail-sold-out { opacity: 0.6; }
@media(max-width: 767px) {
	.products.products-grid .thumbnail-product > a:first-of-type { width: 100%; height: auto; display: block; }
	.products.products-grid .thumbnail-product > a:first-of-type img { margin: 0 auto; }
	.nav-tabs li { width: 100%; float: none; }
	.nav-tabs li a { border: none !important; border-radius: 0; }
	.nav-tabs li.active a { border-left: 3px solid #ccc !important; }
}
#klarnarate_info, .klanarate_info { background: #eff7fc; border: 2px solid #0089CF; padding: 10px; margin: 10px 0; }
#cfg_info, .cfg_info { background: #f5f5f5; border: 2px solid #ddd; padding: 10px; margin: 10px 0; }
.pagination { border-radius: 0; }
.pagination > li > a, .pagination > li > span { color: #006092; border-color: #eee; border-radius: 0; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #006092; background-color: #fcfcfc; border-color: #eee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff; background-color: #006092; border-color: #006092; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999; background-color: #fcfcfc; border-color: #eee; }
.scaleprice { font-size: 0.9em; color: #999; }
.scaleprice .pricevalue { color: #69b526; font-size: 1.3em; font-weight: 600; }
.uvp_price { color: #920006; text-decoration: line-through; }

.cc-selector {margin-left: -5px;}
.cc-selector input {display: none;}	
.cc-selector input:checked +.merkmal-cc {border: 1px solid #005f92;}
.merkmal-cc {cursor:pointer; background-size:contain; background-repeat:no-repeat; display:inline-block; width:100px; height:100px; float: left; border: 1px solid #ccc; margin: 5px;}
.merkmal-cc:hover {border: 1px solid #005f92;}
.merkmal-cc span {display: block; font-size: 12px; color: #999999; text-align: center; padding-top: 5px; padding-bottom: 5px; background: rgba(255, 255, 255, 0.8);}
.merkmal-rr {padding-left: 6px;}

.cc-variation-selector {margin-left: -5px;}
.cc-variation-selector input {display: none;}	
.cc-variation-selector input:checked +.variation-cc {border: 1px solid #005f92;}
.variation-cc {cursor:pointer; background-size:contain; background-repeat:no-repeat; display:inline-block; width:100px; height:100px; float: left; border: 1px solid #ccc; margin: 5px;}
.variation-cc:hover {border: 1px solid #005f92;}
.variation-cc span {display: block; font-size: 12px; color: #999999; text-align: center; padding-top: 5px; padding-bottom: 5px; background: rgba(255, 255, 255, 0);height: 100%;}
.variation-rr {padding-left: 6px;}
.variation_soldout2 span {background-image:url(../img/cc-soldout.png);}

.filter-cc-selector {margin-left: -5px;}
.filter-cc-selector input {display: none;}	
.filter-cc-selector input:checked +.filter-merkmal-cc {border: 1px solid #005f92;}
.filter-merkmal-cc {cursor:pointer; background-size:contain; background-repeat:no-repeat; display:inline-block; width:100px; height:100px; float: left; border: 1px solid #ccc; margin: 5px;}
.filter-merkmal-cc:hover {border: 1px solid #005f92;}

.bestellmerkmal-label{}
.bestellmerkmal-beschreibung{display:block;}

.radioformparam{padding-left:5px;}
/* CART*/
#cart_navi .list-cart { list-style: none; padding: 0; margin: 0; margin-bottom: 30px; }
#cart_navi .list-cart li { width: 16.66%; float:left; padding: 0; }
#cart_navi .list-cart-short li { width: 25%;}
#cart_navi .list-cart li a, #cart_navi .list-cart li > span { background: #f5f5f5; color: #666; display:block; padding: 10px; text-align: center; }
#cart_navi .list-cart li a i, #cart_navi .list-cart li > span i { font-size: 30px; opacity: 0.4; display: block; margin-bottom: 5px; }
#cart_navi .list-cart li.done > span { background: #f7fbf4; color: #69b526; }
#cart_navi .list-cart li a:hover, #cart_navi .list-cart li a:focus { background: #ddd; color: #333; text-decoration: none; }
#cart_navi .list-cart li.done a { background: #f7fbf4; color: #69b526; }
#cart_navi .list-cart li.active a { background: #006092; font-weight: 600; color: #fff; }
#cart_navi .list-cart li.active a i { opacity: 1; }
#cart_navi .list-cart li a { position: relative; overflow: hidden; }
#cart .table-cart td, #cart .table-cart th { vertical-align: middle; }
#cart .table-cart tbody tr:hover td:last-of-type { opacity: 1; }
#cart .table-cart tfoot td { background: #fcfcfc; }
#cart .table-shipping td { vertical-align: middle !important; }
#cart .table-shipping td:last-of-type { text-align: right; }
#cart .table-bill td { vertical-align: middle !important; }
#cart .table-bill td + td { text-align: right; }
@media (max-width: 479px) {
	#cart_navi .list-cart li a i, #cart_navi .list-cart li > span i { font-size: 20px; }
	.row-cart-buttons { text-align: center; }
	.row-cart-buttons .btn { width: 100%; }
}
@media (min-width: 768px) {
	.row-cart-buttons #payWithAmazonDiv img { margin-top: 8px; }
}
@media (max-width: 767px) {
	.table-cart td, .table-cart th, .table-cart colgroup col { display: block; width: 100%; }
	/*.table-cart tfoot td { display: inline-block; float:left; width: 50%; }*/
	.row-cart-buttons .btn.pull-right { float: none !important; clear: both; }
	.row-cart-buttons .col-sm-3 { margin-bottom: 10px; }
}
@media (max-width: 767px) {
}

/* SIDEBAR */
.panel-default  >.panel-heading { background: #006092; color: #fff; border-radius: 0; border: none; }
.panel { border-radius: 0;}
.panel-body { padding: 0; }
.panel:not(.panel-categories):not(.panel-contentseite):not(.panel-kundenaccount) .panel-body { padding: 10px; }
.panel #CatTree { list-style: none; padding: 0; margin: 0; }
.panel #CatTree ul { list-style: none; padding: 0; margin: 0; background: #fcfcfc; border-bottom: 1px solid #ddd; }
.panel #CatTree > li { position: relative; }
.panel #CatTree .count { font-size: 0.8em; line-height: 20px; color: #999; margin-left: 5px; }
.panel #CatTree > li > .count { position: absolute; right: 10px; top: 5px; }
.panel #CatTree > li > a { border-bottom: 1px solid #ddd; display: block;  color: #333; padding-left: 10px; line-height: 30px; font-size: 14px;  }
.panel #CatTree > li > a:hover, .panel #CatTree > li > a:focus { background: #006092; color: #fff; text-decoration: none; }
.panel #CatTree > li > a:hover + .count, .panel #CatTree > li > a:focus + .count { color: #edf2f5; }
.panel #CatTree ul > li > a { padding-left: 20px; font-size: 13px; color: #333; line-height: 20px; }
.panel #CatTree ul > li > a:hover, .panel #CatTree ul > li > a:focus { color: inherit; }
.panel #filter ul { list-style: none; padding:0; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #eee; padding-left: 10px  }
.panel #filter ul:last-of-type { border: 0; padding-bottom: 0; margin: 0 }
.panel #filter p { font-weight: 600; padding: 5px; margin-bottom: 0; }
.panel-hersteller form { margin-bottom: 5px; }

/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* FOOTER */
#footer { background: #fafafa; padding: 40px 0 20px 0; font-size: 0.85em; line-height: 20px; }
#footer-top { color: #666; }
#footer-bottom { color: #999; }
#footer .h1 { font-size:16px; margin-top: 0; color: #333; text-transform: uppercase; }
#footer a { color: inherit; }
#footer a:hover, #footer a:focus { color: #006092; }
#footer-bottom ul, #footer-bottom p { margin: 0; }
#footer-bottom ul.pull-right { text-align: right; }
#footer #footer-top .list-caret-right li { line-height:25px; }
#footer #footer-top .list-caret-right li a:before { content:"\f0da"; font-family: 'FontAwesome'; display:inline-block; width:10px; }
#footer #footer-top .list-contact li { margin-bottom: 20px; height:40px; line-height:40px; }
#footer #footer-top .list-contact li:first-of-type { line-height:20px; }
#footer #footer-top .list-contact li .fa { float:left; font-size:40px; width:40px; text-align: center; margin-right: 15px; color: #ccc; }

@media (max-width: 767px) {
	#footer-top ul { line-height: 25px; }
	#footer-bottom { text-align: center; }
	#footer-bottom ul { float: none !important; margin-top: 10px; text-align: center; }
	#footer-bottom ul.pull-right { text-align: center; }
}

/* Loader */

.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #c0c0c0;
  background: -moz-linear-gradient(left, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
  background: -webkit-linear-gradient(left, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
  background: -o-linear-gradient(left, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
  background: -ms-linear-gradient(left, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
  background: linear-gradient(to right, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #c0c0c0;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #ffffff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* BLOG */
.blog-img{
	margin-top:20px;
	margin-bottom:20px;
}
.blog-text{
	
	margin-bottom:50px;
}

/*Blog Sidebar */
.block-blog-item{
	text-align:center;
	margin-bottom:20px;
	box-shadow: 0 9px 19px -6px rgba(122,122,122,.5);
	padding: 20px;
}

.contents{
	padding:4px;
	border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.contents-headline{
	font-weight: bold;
color: #005f92;
text-decoration:underline;
}
.contents  ul
{
	
	list-style-type:none;
}
.contents-ul-0
{
	padding-left:10px;
}
.contents-ul-1, .contents-ul-2, .contents-ul-3,.contents-ul-4
{
	padding-left:20px;
}


/* Sonstiges */
#marken  > div   { margin-bottom: 30px; }
#ts_box { margin-top:10px; }
#ts_box > img{ margin-right:10px; }
.table-ratenkauf { font-size:12px;margin-bottom:2px;}
/*
 * RESPONSIVE
 */

@media (min-width: 1200px) {
	#access { background: #ACCE55; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	#badass { background: #BADA55; }
}
@media (min-width: 768px) and (max-width: 991px) {
	#coffee { background: #C0FFEE; }
}
@media (max-width: 767px) {
	#delete { background: #DE1E7E; }
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}