/* topnavi balken */
#top-navigation-bar {
    background-color: #3b3b3b;
}

.moduletable-kategorien ul li{
	list-style:none;
	padding: 0 20px;
}
.info-line-handler a:hover {
  color: #000 !important;
}

.vm-pagination ul > li > span {
    background-color: rgba(255, 255, 255, 0.2) !important;
}
.orderlistcontainer a{
	color:#494949;
}
.cartpanel .customProductData{
	display: none;
}
table.user-details td input:hover {
    background: #aaaaaa !important;
}





/* fix for height/positioning header slider plugin */
#slideshow-handler .bx-wrapper{
	margin: 0 auto;
}




/* code for fixing scaling problems - gaps/spaces between elements */
#menu .menu-nav > li > a:before {
	left:unset;
	right: 100%;
}
#menu .menu-nav > li > a:after {
	right:unset;
	left: 100%;
}
#searchOpenButton::before,
#cl-handler .cart-button::before,
#hr-open::before,
#hl-open::before,
#ph-camera-slideshow .camera_prev span::before,
#ph-camera-slideshow .camera_next span::before{
  	top: unset;
	bottom: 100%;
}
#searchOpenButton::after,
#cl-handler .cart-button::after,
#hr-open::after,
#hl-open::after,
.camera_prev span::after,
.camera_next span::after{
	bottom: unset;
	top: 100%;
}




/* allgemeines */
.modal-backdrop, #fancybox-overlay {
    background: #282828 !important;
}
.fancy-hidden{
	display: none;
}
button.pluginprivacy-modal-close{
	opacity: 1;
	padding: 5px 10px;
}
@media only screen and (max-width:767px) {
	#main-content-handler, #tabs-1, #top-modules, #welcome-box, .main-bg, #bottom-long, #bottom-bg .container {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}
.red,
.red a{
	color: red;
}
ul.noli {
 	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.quick-menu .menu li a{
	padding: 5px 6px 5px 6px;
}
#menu .camera > li > a {
  padding: 0px 16px 0px 16px !important;
}
.hasTooltip {
    cursor: pointer;
}
.alert-heading .visually-hidden,
.alert-heading .info{
  display: none;
}
#ui-tabs ul#tabs li {
  color: #444;
}
#ui-tabs ul#tabs li:hover{
  background: #cf8e2c;
}


/* menü innerhalb der seite */
ul.menu .nav-item.current.active{
	background: lightgray;
}




/*     tabs startseite   */
#tabs-1 .nav-tabs > li.active > a {
  background-color: #eeeeee;
  color: #282828 !important;
}
#tabs-1 .nav-tabs > li.active::before{
  border-color: transparent transparent #eeeeee transparent;
}
#tabs-1 .nav-tabs > li.active::after {
  border-color: transparent transparent transparent #eeeeee;
}
#tabs-1 .nav-tabs > li.active:hover a {
  background-color: #282828;
  color: #eeeeee !important;
}
#tabs-1 .nav-tabs {
  padding-bottom: 2px;
}



/*     faq toggle      */
/* FAQ COLLAPSE/EXPAND STYLES */
* {
  box-sizing: border-box;
}
.faqanswer {
	display: none;
	background: #333;
	padding: 12px 20px 0 30px;
	border-left: 1px dotted #ddd;
	border-right: 1px dotted #ddd;
}

.faqanswer p {
}


a.active {
	font-weight: bold;
	text-decoration: none;
}
p.togglequestion{
	border: 1px dotted #ddd;
	padding: 10px 0;
	margin-bottom: -1px;
}
.togglefaq {
	text-decoration: none;
	padding: 10px 30px;
	display: block;
}
.togglefaq:hover, .togglefaq:active, .togglefaq:focus{
	text-decoration: none !important;
}
.icon-plus {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none !important;
	background-position: 0 0;
	background-repeat: repeat;
	
	color: #cf8e2c;
	margin-right: 20px;
	font-size: 20px;
	float:left;
}
.icon-plus::before {
  content: "\f067";
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
.icon-minus {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none !important;
	background-position: 0 0;
	background-repeat: repeat;

	color: #cf8e2c;
	margin-right: 20px;
	font-size: 20px;
	float:left;
}
.icon-minus::before {
  content: "\f068";
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
p {
  margin: 0;
  padding-bottom: 20px;
}




/* lightbox-fotos 5-spaltig */
.lightboxgallery-col5 img {
  width: 17%;
  padding: 1%;
}
@media only screen and (max-width: 767px) {
	.lightboxgallery-col5 img {
 		 width: 47%;
 		 padding: 1%;
	}
}







/* warenkorb */
#cart-view{
	border: 1px solid #000;
	padding: 10px;
}
tr.tr_username, tr.tr_name{
	display: none;
}
legend{
	color:#dddddd;
}
.vmpayment_description{
	opacity: 0.8;
}
/*        warenkorb linien mobile     */
@media (max-width: 979px) {
	table.cart-summary tr{
		display: table-row !important;
	}
	table.cart-summary th {
		display: table-cell;
	}
	table.cart-summary td {
		border-bottom: 1px solid #d6d6d6 !important;
		display: table-cell;
		width: unset;
	}
}
@media (max-width: 680px) {
	table.cart-summary tr{
		display: block !important;
		border-bottom: 1px solid #d6d6d6;
	}
	table.cart-summary th {
    	display: none;
	}
	table.cart-summary td {
		border: 0 !important;
		display: block;
		width: 100%;
		padding: 2px 0px !important;
		font-size: 12px !important;
		clear: both;
	}

}






/* event gallery */
button.pswp__button{
	background-color: #000 !important;
}
#events .item .eg-content .data {
    background-color: rgba(0,0,0,0.7);
}
.event .thumbnails .thumbnail {
	border: 1px solid #fff;
}
.pswp .pswp__custom-caption{
	border:1px solid #fff;
}






/* startseite */
ul.vm-categories-wall{
	margin: 0;
}
#tabs-1 .moduletable-kategorien ul li{
	padding-bottom: 30px !important;
}
@media only screen and (max-width:979px) {
	ul.vm-categories-wall img.vm-categories-wall-img{
		max-width: 90%;
	}
}
@media only screen and (max-width:767px) {
	#tabs .visible-phone {
 	   display: none !important;
	}
	#tabs .hidden-phone {
 	   display: inherit !important;
	}
	#top-modules, #bottom-bg, .container{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
@media only screen and (max-width:450px) {
	#top-navigation-bar .span6:first-child{
		display: none;
	}
	#top-navigation-bar .quick-menu{
		display: none;
	}
	#tabs .vm-categories-wall-catname{
		font-size: small;
	}
	#tab-modules-handler div.span4{
		float: left;
		width:31%;
		margin: 0 1%;
	}
	#tab-modules-handler div.span4 h3{
		font-size: 1em;
	}
	h1{
		font-size: 2em;
	}
	h2{
		font-size: 1.5em;
	}
}
.camera_caption > div > div p.weiss {
    text-shadow: 1px 1px 0 #404040,1px -1px 0 #404040,-1px 1px 0 #404040,-1px -1px 0 #404040,1px 0px 0 #404040,0px 1px 0 #404040,-1px 0px 0 #404040,0px -1px 0 #404040;
    color: #ddd;
    word-spacing: 3px;
}
.camera_caption.move-right .camera_caption_bg {
  margin-left: 55%;
	width:43%;
}
a#menupanel{
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
a#menupanel .rm-line{
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
@media screen and (max-width: 979px){
	#menu-handler .responsive-menu ul#nav.menu-nav {
	  width: 100%;
	}
	.camera_caption.fadeFromLeft > div > div {
	  top: 0%;
	}
	.camera_caption.fadeFromRight > div > div {
	  top: 50%;
	}
}



/* fancybox - zu warenkorb */
#fancybox-overlay {
    background: #000 !important;
}
#fancybox-outer {
    background: #333 !important;
}
#fancybox-content {
    border: 20px solid #333 !important;
}
.vm-btn,
.custom_field_C_container .controls label,
.customradios .controls label
{
	/*height: 34px;*/
	line-height: 32px;
	font-weight: 900;
	padding: 0px 20px 0px 20px;
	font-size: 14px;
	margin-left: 0;
	color: #3b3b3b !important;
	background-color: #ffffff !important;
	border-color: #dddddd;
	padding: 6px 20px 6px 20px;
	cursor: pointer;
	vertical-align: middle;
	font-weight: 700;
	text-decoration: none;
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
	border-style: solid;
	border-width: 2px;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: all !important;
	-ms-transition-property: all !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	transition-property: all !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
}
.vm-btn:hover,
.custom_field_C_container .controls label:hover,
.customradios .controls label:hover
{
	color: #ffffff !important;
	background-color: #cf8e2c !important;
	border-color: #cf8e2c;
}
.btn1,
.custom_field_C_container .controls label,
.customradios .controls label{
	color: #ffffff !important;
	background-color: #cf8e2c !important;
	border-color: #cf8e2c;
}
.btn1:hover,
.custom_field_C_container .controls label:hover,
.customradios .controls label:hover{
	color: #3b3b3b !important;
	background-color: #ffffff !important;
	border-color: #dddddd;
}





.fancybox-slide--iframe .fancybox-content{
	width: 80%;
}

@media only screen and (max-width:767px) {
	#top-navigation-bar, .camera_prev, .camera_next, .camera_prev > span, .camera_next > span,
  .camera_prev > span::before, .camera_next > span::before {
		display: none !important;
	}
}

@media only screen and (max-width:455px) {
	.continue_link, .showcart{
		display: block;
		margin: 3px 0;
		float:none;
	}
}



/* popup weiter einkaufen, nach in den warenkorb legen */
.continue_link, .showcart{
	height: auto;
}
#facebox .content {
  display: flex;
  flex-direction: column;
  gap: 1em; /* Abstand zwischen den Elementen */
  padding: 20px 15px 15px 15px;
  width: 410px;
  background-color: #282828;
  color: #fff; /* Weiße Schrift für Lesbarkeit */
}
#facebox .close .close_image {
  display: none;
}
/* SVG-Icon als Ersatz einfügen */
#facebox .close {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px solid #fff;
  opacity: 1;
  border-radius: 100px;
  padding: 8px;
}
#facebox .close::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 24 24'%3E%3Cpath d='M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
#facebox .close:hover::before {
  opacity: 0.7;
}


/* Reihenfolge ändern */
#facebox .content h4 {
  order: 1;
}

#facebox .content .showcart {
  order: 2;
}

#facebox .content .continue_link {
  order: 3;
}

/* Buttons im Block-Layout */
#facebox .content a.vm-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  text-decoration: none;
}

/* Button-Farben (optiona*




/* Loginform - Popup */
#LoginForm.modal { 
	background:#282828;
	border: 1px solid gray;
}
#LoginForm .modal-body {
  padding: 15px 15px;
}
#LoginForm.modal .modal-body .userdata label {
  display: block;
}
#LoginForm.modal .modal-body .userdata label.form-check-label{
	display: inline-block;
}
#LoginForm.modal .modal-body .userdata .mod-login__submit.form-group{
	margin: 15px 0;
}
#LoginForm.modal .modal-body .login-greeting{
	padding: 0 0 20px 0;
}



/* cart button disabled */
.productdetails-view .spacer-buy-area input.addtocart-button-disabled {
    float: left;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    font-weight:normal;
    padding: 0px 20px 0px 20px;
    font-size: 14px;
    margin-left: 18px;
	margin-top: 0;
	color:#ccc !important;
	background-color: #ffffff !important;
	border-color: #dddddd;
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
	border-style: solid;
	border-width: 2px;
}








/* bedarfsplaner + custom fields */
textarea.bedarfsplaner{
	width: 300px !important;
	background: none;
	color: #ddd;
	border: 1px dotted #ddd;
	resize: none;
}
textarea.bedarfsplaner::-webkit-input-placeholder {
  color: #ddd;
}
textarea.bedarfsplaner:-moz-placeholder { /* Firefox 18- */
  color: #ddd;  
}
textarea.bedarfsplaner::-moz-placeholder {  /* Firefox 19+ */
  color: #ddd;  
}
textarea.bedarfsplaner:-ms-input-placeholder {
  color: #ddd;  
}
textarea.bedarfsplaner::placeholder {
  color: #ddd;  
}
.custom_field_C_container .controls input[type="radio"],
.customradios .controls input[type="radio"]{
	margin-right: 0;
	left: 0 !important;
	min-width: 30px !important;
	margin-top: 10px;
}
.custom_field_C_container .controls label,
.customradios .controls label{
	display: block;
	max-width: 250px;
	text-align: left;
}
.infotext{
	float: right;
}
.calcbuttons{
	margin: 20px 0;
}
#zuschnittKaufen{
	margin-left: 20px;
	margin-top: 0;
}
#fliessenZuschnittExtra{
	margin: 20px 0;
}





/* related products + bestsellers */
.product-related-products, .product-related-categories, .bestesellers {
  border: solid #ccc 1px;
}
.bestesellers h3{
	text-align: center;
	padding-top: 20px;
}
.product-related-products .product-fields-title {
  text-align: center;
  display: block;
  font-size: 1.5em;
  padding: 10px;
}
.product-related-products .product-field {
  float: left;
  width: 23%;
  text-align: center;
  padding: 1%;
    padding-bottom: 1%;
}




/* produktübersicht */
.browse-view .product .spacer .product_s_desc{
	color:#cf8e2c !important;
}
div.popout-price{
	display: none;
}
/* hover auf produkte und entfernen bei mobilgeräten
@media (hover: none){
	.category .spacer:hover .spacer-inner::after, .latest-view .spacer:hover .spacer-inner::after, .topten-view .spacer:hover .spacer-inner::after, .recent-view .spacer:hover .spacer-inner::after, .featured-view .spacer:hover .spacer-inner::after, .vmproduct.product-details .spacer:hover .spacer-inner::after, .browse-view .spacer:hover .spacer-inner::after {
		bottom: auto !important;
		opacity: 0 !important;
	}
	.category .spacer:hover .spacer-inner::before, .latest-view .spacer:hover .spacer-inner::before, .topten-view .spacer:hover .spacer-inner::before, .recent-view .spacer:hover .spacer-inner::before, .featured-view .spacer:hover .spacer-inner::before, .vmproduct.product-details .spacer:hover .spacer-inner::before, .browse-view .spacer:hover .spacer-inner::before {
		top: auto !important;
		opacity: 0 !important;
	}
}
*/



/* produktseite */
.productdetails-view .product-short-description{
	color:#cf8e2c;
}
.vm-prices-info, .PricetaxAmount{
	color:#ddd;
}

/* disable zoom lens on mobile */
@media only screen and (max-width:750px) {
	.zoomContainer {
	  z-index: 0;
	  display: none;
	}
}
.product-price .vm-price-value {
  display: block;
}




/* custom fields for product details */
.product-fields{
	margin-top:5em !important;
}
.product-fields .product-field.product-field-type-S{
	width:25%;
	float:left;
	margin-bottom: 3.5em;
}
.product-field-desc,
.product-fields-right{
	float: left;
}
.product-field-desc{
	padding-right: 15px;
}
.product-fields-right {
    width: 65%;
}
.product-fields-title{
	font-size:1.2em;
	color:#fff;
}
.product-fields-title-wrapper{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 7px;
	line-height:16px !important;
	width: auto;
	display: block;
}
.product-fields-title-wrapper .hasTooltip {
    float: right;
}
.product-field-display{
	padding-top: 10px;
}
.custom-fancy-popup.fancybox-content{
	width: 100%;
	max-width: 600px;
	border: 1px solid gray;
}
.custom-fancy-popup.fancybox-content p.h2{
	font-weight: bold;
	font-size: large;
	border-bottom: 1px dotted;
	padding-bottom: 10px;
}
.custom-fancy-popup.fancybox-content p.h2 img{
	margin-right: 20px;
	width: 35px;
	height: auto;
	max-width: unset;
}
@media only screen and (max-width: 450px) {

	.product-fields .product-field.product-field-type-S{
		width:50%;
	}
	.product-fields-right {
		width: 90%;
	}
	.custom-fancy-popup.fancybox-content{
		padding: 10px;
	}

}





/*          anwendungsbereiche */
#tbl_anwendungsbereiche th, #tbl_anwendungsbereiche td {
    border: 1px solid #d6d6d6;
	text-align: center;
	padding: 5px;
}
#tbl_anwendungsbereiche tr th:first-child, #tbl_anwendungsbereiche tr td:first-child {
	text-align: left;
}
#tbl_anwendungsbereiche span.a, #tbl_anwendungsbereiche span.b, #tbl_anwendungsbereiche span.c,
.anwendungsbereich-flexbox span.a, .anwendungsbereich-flexbox span.b, .anwendungsbereich-flexbox span.c{
	background: url("../images/good-warning-error.svg");
	width: 35px;
	height: 35px;
	display: inline-block;
}
#tbl_anwendungsbereiche span.b,
.anwendungsbereich-flexbox span.b{
    background-position: -33px 0;
    width: 32px;
}
#tbl_anwendungsbereiche span.c,
.anwendungsbereich-flexbox span.c{
	background-position: -65px 0;
}
.anwendungsbereich-flexbox {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	margin-bottom: 20px;
}
.anwendungsbereich-flexbox span.textalign{
	
}







/* cart - warenkorb */
#com-form-login{
	background: rgba(255,255,255,0.2);
    border: 1px solid #ddd;
    padding: 10px;
}
#checkoutForm{
	border: 1px solid #ddd;
	padding: 10px;
	width: auto;
}
#checkoutForm .vm2-name,
#checkoutForm .vm2-username{
	display: none;
}

#cart-view div.terms-of-service, #cart-view div.cart policy {
    margin: 0;
    padding: 0;
}
.pluginprivacy-modal-dialog, #full-tos.fancybox-content {
    width: 80%;
}
.pluginprivacy-modal-inner {
    background-color: #282828;
}
#cart-view .gdpr-checkbox {
    padding-left: 0px !important;
}
#cart-view input.terms-of-service.required,
#cart-view input.plugin-privacy.required{
    width: auto !important;
    float: left !important;
    margin: 0 10px 0 0 !important;
}
@media only screen and (max-width: 768px) {
	.width30 {
    	width: auto !important;
	}
}
a.pluginprivacy-policy-link::before {
  content: "";
  display: inline-block;
  background-position: 0 -1309px;
  height: 26px;
  margin-right: 6px;
  vertical-align: middle;
  width: 26px;
  background-image: url('../images/vm2-sprite.png');
  background-repeat: no-repeat;
}



/* registration form */
/* Zeile mit Benutzername ausblenden */
tr[title="Benutzername"],
tr[title="Benutzername"] label.username,
tr[title="Benutzername"] input#username_field,
/* Zeile mit Vollständiger Name ausblenden */
tr[title="Vollständiger Name"],
tr[title="Vollständiger Name"] label.name,
tr[title="Vollständiger Name"] input#name_field {
  display: none !important;
}





/* beiträge icons */
ul li.ico-antibakteriell::before,
ul li.ico-biologisch::before,
ul li.ico-co2::before,
ul li.ico-brandschutz::before,
ul li.ico-schadstofffrei::before,
ul li.ico-schmutzresistent::before{
	float: left;
	height: 55px;
	width: 55px;
	margin-right: 25px;
}
ul li.ico-antibakteriell,
ul li.ico-biologisch,
ul li.ico-co2,
ul li.ico-brandschutz,
ul li.ico-schadstofffrei,
ul li.ico-schmutzresistent{
	list-style: none;
	clear: both;
	padding: 1.5em 0;
}
ul li.ico-antibakteriell::before {
    content: url('/images/icons/icon-antibakteriell.png');
}
ul li.ico-biologisch::before {
    content: url('/images/icons/icon-biologisch.png');
}
ul li.ico-co2::before {
    content: url('/images/icons/icon-co2.png');
}
ul li.ico-brandschutz::before {
    content: url('/images/icons/icon-brandbestaendig.png');
}
ul li.ico-schadstofffrei::before {
    content: url('/images/icons/icon-schadstofffrei.png');
}
ul li.ico-schmutzresistent::before {
    content: url('/images/icons/icon-schmutzresistent.png');
}







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

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

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

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

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

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

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

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

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

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