* { 
  margin: 0; 
  padding: 0;
}
		
body {
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif; 
  font-style: normal;
  font-weight:300;
  font-size: 16px;
  line-height: 24px;
  color: #999999;
  background:#0d0d0d;
  margin:0; 
  padding:0; 
}

button {
    width:34px;
    height:34px;
    font-size:24px;
    font-weight:500;
    color:#999999;
    background:#000000;
    border:1px solid #999999;
    border-radius:4px;
    cursor: pointer;
    margin:9px 0 0 0;
}
button:hover {
    background:#111111;
    border:1px solid #cf7803;
}

.anzahl {
    text-align: center;
    width:50px;
    height:50px;
    font-size:24px;
    font-weight:500;
    color:#999999;
    background:#000000;
    border:1px solid #999999;
    border-radius:4px;
    margin:9px 15px 0 15px;
}

.input_adresse {
    width:300px;
    font-size:20px;
    font-weight:500;
    color:#999999;
    background:#000000;
    border:1px solid #999999;
    border-radius:4px;
    padding: 12px 12px 12px 12px;  
}

.store_button {
    text-align: center;
    width:100%;
    height:50px;
    font-size:20px;
    font-weight:300;
    color:#999999;
    background:#000000;
    border:1px solid #999999;
    border-radius:4px;
    margin:0px 0px 19px 0px;
    cursor: pointer;
}
.store_button:hover {
    background:#111111;
    border:1px solid #cf7803;
}

/* The container */
.radio_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio_container input:checked ~ .checkmark {
  background-color: #cf7803;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* ############################################ Background Images ################################################### */

.photo {
	position: relative;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 250px;
}
.photo_big {
	position: relative;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 250px;
}
.photo_1	{
	background-image: url(../img/background.jpg);
}
.photo_2	{
	background-image: url(../img/background.jpg);
}
.photo_3	{
	background-image: url(../img/background.jpg);
}


/* ############################################ Slider ################################################### */

.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 106 css*/

.jssorb106 {position:absolute;}
.jssorb106 .i {position:absolute;cursor:pointer;}
.jssorb106 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1800;stroke-miterlimit:10;stroke-opacity:0.8;}
.jssorb106 .i:hover .b {fill:#fff;fill-opacity:1;stroke:#2b1908;stroke-opacity:1;}
.jssorb106 .iav .b {fill:#fff;fill-opacity:1;stroke-width:1800;stroke:#cd8c95;stroke-opacity:0.6;}
.jssorb106 .i.idn {opacity:.3;}

/*jssor slider arrow skin 051 css*/

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}


/* ############################################ Cookie Abfrage Starseite ################################################### */


#cookies {
	width:97%; 
	padding: 30px 0% 30px 3%; 
	position:fixed; 
	bottom:0px; 
	background:#0d0d0d;
	border-top:1px solid #c89e72;
}

#cookies article {
	float:left;
	width:47%; 
	padding: 0px 3% 0px 0%;
}

#cookies .buttons {
	text-align:center;
	padding: 0px auto 0px auto;
}

#cookies p {
  text-align:center;
	padding: 0px 3% 0px 0%; 
}


/* ############################################ Boxes ################################################### */

/* ### Navigation ### */

#navigation_container {  
  background:#0d0d0d;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0;
  border-bottom:1px solid #cf7803;
  height:111px;
}  
#navigation_container .logo {
  position: relative; 
  top: 25px; 
  left: 5%; 
  z-index:10;
  width:250px;
}
#navigation_container .logo img {
  width:250px;
}


/* ### Titelbox ### */

#impressum {  
  background:#0d0d0d;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#impressum article {  
  width: 90%;
  margin: 0px 5% 0px 5%;
  padding: 41px 0px 43px 0px;
  text-align:left;
}


/* ### Titelbox ### */

#titelbox {  
  background:#ffffff;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#titelbox article {  
	border-top: 1px solid #cccccc;
  width: 50%;
  margin: 0px 25% 0px 25%;
  padding: 62px 0px 0px 0px;
  text-align:center;
}


/* ### Home Textbox ### */

#textbox_home {  
  background:#0d0d0d;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 41px 0px 43px 0px;
  border-top:1px solid #cf7803;
}
#textbox_home article {  
  width: 50%;
  margin: 0px 25% 0px 25%;
  padding: 0px 0px 0px 0px;
  text-align:center;
}
#textbox_home .cliandissimo {  
  padding: 0px 0px 0px 0px;
}

#textbox_home p {  
  padding: 0px 0px 30px 0px;
}
#textbox_home .container {  
  text-align:center; 
  width: 50%;
  border:1px solid #cf7803; 
  padding: 40px; 
  background:#171717; 
  margin:43px 25% 45px 25%;
  box-sizing: border-box;
}

/* ### Box Leistungen Übersicht ### */

#projekte {  
  width: 100%;
  background:#0d0d0d;
  margin: 0px 0% 0px 0%;
  padding: 22px 0px 19px 0px;
  border-bottom:1px solid #cf7803;
}
#projekte article { 
  float:left;
  width: 13.75%;
  margin: 0px 2.5% 0px 0%;
  box-sizing: border-box;
  text-align:center;
  height:80px;
}
#projekte .itunes { 
  padding:2px 0 31px 0;
}
#projekte .container_left { 
  width: 13.75%;
  margin: 0px 2.5% 0px 2.5%;
}
#projekte .element_4 { 
  margin: 0px 2.5% 0px 0;
}

#projekte .logo { 
  width: 80%;
}

#projekte .logo_itunes { 
  width: 63%;
}

#projekte .logo_amazon { 
  width: 90%;
}

#projekte .logo_apple { 
  width: 70%;
}

/* ### Home Textbox ### */

#store_titel {  
  background:#0d0d0d;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 41px 0px 0px 0px;
}
#store_titel article {  
  width: 95%;
  margin: 0px 2.5% 0px 2.5%;
  padding: 0px 0px 0px 0px;
  text-align:center;
}

#store_titel_ohne_margin {  
  background:#0d0d0d;
  width: 100%;
}
#store_titel_ohne_margin article {  
  width: 95%;
  margin: 0px 2.5% 0px 2.5%;
  text-align:center;
}
#store_titel_ohne_margin .versand {  
  margin-bottom:43px;
}
#store_titel_ohne_margin .versand_2 {  
  margin-bottom:36px;
}

 
/* ### Store Linie ### */

#store_linie {  
  background:#0d0d0d;
  width: 10%;
  margin: 0px 45% 31px 45%;
  padding: 0px 0px 0px 0px;
}
#store_linie article {  
  width: 100%;
  margin: 0px 0 0px 0;
  padding: 0px 0px 0px 0px;
  text-align:center;
}

/* ### Store Button ### */

#store_button {  
  background:#0d0d0d;
  width: 24%;
  margin: 0px 38% 31px 38%;
  padding: 0px 0px 0px 0px;
}
#store_button article {  
  width: 100%;
  margin: 0px 0 0px 0;
  padding: 0px 0px 0px 0px;
  text-align:center;
}

/* ### Store Button ### */

#store_radiobuttons {  
  background:#0d0d0d;
  width: 95%;
  margin: 0px 2.5% 37px 2.5%;
  padding: 0px 0px 0px 0px;
  display:grid; 
  justify-content:center; 
  align-items:center;
}
#store_radiobuttons article {  
  width: 135px;
  margin: 0px 0 0px 0;
  padding: 0px 0px 0px 0px;
  text-align:center;
}

/* ### Store Formular ### */

#store_form {  
  background:#0d0d0d;
  width: 95%;
  margin: 0px 2.5% 17px 2.5%;
  text-align:center;
}
#store_form article {  
  width: 100%;
  display:grid; 
  justify-content:center; 
  align-items:center;
}
#store_form .bestellung {  
  margin-bottom:43px;
}

/* ### Store Infofeld ### */

#store_info {  
  background:#0d0d0d;
  width: 24%;
  margin: 0px 38% 50px 38%;
  padding: 0px 0px 0px 0px;
}
#store_info article {  
  width: 100%;
  color:#999999;
  margin: 0px 0 0px 0;
  padding: 12px 0px 12px 0px;
  text-align:center;
  border-radius:4px;
  border:1px solid #b00008;
}

/* ### Store ### */

#store {  
  background:#0d0d0d;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 19px 0px 43px 0px;
}
#store article {  
	float:left;
  width: 47.5%;
  margin: 0px 1.25% 0px 1.25%;
  padding: 0px 0px 0px 0px;
  text-align:right;
}
#store .container{  
  text-align:left;
}
#store .lfd{  
  color:#cf7803;
  font-size:12px;
  font-weight:600;
  padding-right:10px;
}
#store h1{  
  color:#cf7803;
  font-size:22px;
  padding-bottom:15px;
}
#store .zeit{  
  color:#ffffff;
  font-size:12px;
  font-weight:400;
  padding-left:10px;
}
#store .preis{  
  float:left; 
  width:110px; 
  text-align:right; 
  margin-right:30px; 
  margin-top:3px;
}
#store .preis_font{  
  font-size:26px; 
  color:#cf7803;
}
#store .versand{  
  font-size:13px; 
  line-height:18px; 
  text-align:right; 
  margin-top:7px;
}

/* ### Store Checkout Adresse ### */

#store_checkout_adresse {  
  background:#0d0d0d;
  width: 95%;
  margin: 0px 2.5% 30px 2.5%;
  text-align:center;
}
#store_checkout_adresse article {  
  width: 100%;
  display:grid; 
  justify-content:center; 
  align-items:center;
}
#store_checkout_adresse table {  
   margin-bottom:13px;
}

/* ### Store Checkout Zahlart ### */

#store_checkout_zahlart {  
  background:#0d0d0d;
  width: 95%;
  margin: 0px 2.5% 35px 2.5%;
  padding: 0px 0px 0px 0px;
}
#store_checkout_zahlart article {  
  width: 100%;
  margin: 0px 0 0px 0;
  padding: 0px 0px 0px 0px;
  text-align:center;
}
#store_checkout_zahlart div {  
  font-size:20px;
  margin: 0px 0 20px 0;
}



/* ### Kontakt ### */

#kontakt {  
  background:#0d0d0d;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top:1px solid #cf7803;
  border-bottom:1px solid #cf7803;
}
#kontakt article { 
  width: 100%;
  margin: 0px 0% 0px 0%;
  padding: 0px 0px 0px 0px;
  text-align:center;
}
#kontakt .kontakt_title {  
  width: 50%;
  margin: 0px 25% 0px 25%;
  padding: 0px 0px 0px 0px;
  text-align:center;
}

#kontakt .container_2 {  
	float:left;
  text-align:center; 
  width: 95%;
  padding: 40px; 
  margin:1px 2.5% 3px 2.5%;
  box-sizing: border-box;
}
#kontakt p {  
  padding: 0px 0px 0px 0px;
}


/* ### Footer ### */

#footer {  
  background:#0d0d0d;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 49px 0px 43px 0px;
  border-top:1px solid #cf7803;
}
#footer article {  
  width: 90%;
  margin: 0px 5% 0px 5%;
  padding: 0px 0px 0px 0px;
  text-align:center;
}
#footer img {  
	width:250px;
  padding: 0px 0px 30px 0px;
}
#footer .navigation_bar {  
  padding: 0px 0px 0px 0px;
}
#footer_link_1, #footer_link_2 {
  display:inline;
}



/* ############################################ Navigation ################################################### */

/* Mobile Navi */

#mobileMenu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  display: none;
  z-index:10003;
}

#mobileMenu ul li {
  display:block;
  font-style: normal;
  text-decoration:none;
  background-color: #0d0d0d;
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif; 
  outline:0; 
  -moz-outline:0; 
  text-decoration:none; 
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #999999;
  padding: 20px 0px 20px 0px;
  text-align: center;
  border-bottom: 1px solid #999999;
  z-index:10003;
}

#mobileMenu a {
	color: #999999;
  text-decoration: none;
  z-index:10003;
}

#mobileMenu a:hover {
  color: #ffffff;
  z-index:10003;
}

.toggleMobile {
  display: none;
}




#leistungen_div {
  width:100%; 
  padding-left:0px; 
  padding-right:0px; 
  padding-top:40px;
}

#top_navigation_bg {
  position: absolute;
  top:33px;
  right: 0px;
  height:60px; 
  width: 100%; 
	text-align: right;
}


#top_navigation { 
  padding: 10px 0px 20px 0px;
  text-align: right;
  width:95%;
  float:left;
}

#top_navigation_facebook { 
  padding: 8px 0px 20px 0px;
  text-align: left;
}

a.navigation { 
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif; 
  outline:0; 
  -moz-outline:0; 
  text-decoration:none; 
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #bfbfbf;
  padding: 4px 0px 4px 0px;
  margin: 0px 0px 0px 100px;
  border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
  -webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
} 

a.navigation:hover { 
  color: #cf7803;
  border-bottom: 1px solid #ffffff;
} 

a.footer_navigation { 
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif; 
  outline:0; 
  -moz-outline:0; 
  text-decoration:none; 
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #bfbfbf;
  border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
  -webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
  padding: 4px 0px 4px 0px;
  margin: 0px 70px 0px 0px;
} 

a.footer_navigation:hover { 
  color: #cf7803;
  border-bottom: 1px solid #ffffff;
} 

a.sublink { 
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif; 
  outline:0; 
  -moz-outline:0; 
  text-decoration:none; 
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #bfbfbf;
  border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
  -webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
  padding: 4px 0px 4px 0px;
  margin: 0px 0px 0px 0px;
} 

a.sublink:hover { 
  color: #cf7803;
} 

/* ############################################ Links ################################################### */

.button_black {
  font-weight: 400;
  font-size: 16px;
  color: #999999;
  background:#171717;
  padding:7px 14px;
  display:inline-block;
  outline:0; 
  -moz-outline:0; 
  text-decoration:none; 
  cursor: pointer;
}
.button_black:hover {
  background:#dddddd;
  color:#7393a0;
}


a.copyspan_link { 
  outline:0; 
  -moz-outline:0; 
  text-decoration:none; 
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #999999;
  padding: 4px 0px 4px 0px;
} 
a.copyspan_link:hover { 
   text-decoration:underline;
} 


/* ############################################ Schriften ################################################### */


.title {
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 36px;
  line-height:46px;
  color: #cf7803;
  margin-bottom:20px;
}

.title_ohne_margin {
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height:46px;
  color: #484848;
  margin-bottom:0px;
}

.subtitle {
  font-weight: 400;
  font-size: 22px;
}

.navigation_active { 
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif; 
  text-decoration:none; 
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  padding: 4px 0px 4px 0px;
  margin: 0px 100px 0px 0px;
  color: #1F6409;
  border-bottom: 1px solid #737373;
}

.footer_navigation {
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #bfbfbf;

}

.footer_navigation_active {
  font-family: 'Roboto-Thin', 'Roboto', 'Arial', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  padding: 0px 70px 0px 0px;
  color: #bfbfbf;
}



/* ############################################ Fonts ################################################### */

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


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

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

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/../fonts/roboto-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../fonts/roboto-v15-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-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-v15-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('../fonts/roboto-v15-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v15-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v15-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v15-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v15-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}