/*
Theme Name: Mio Basic by Mio Creativ
Theme URI: http://www.mio-creativ.de
Author: Carola Kermer
Author URI: http://www.mio-creativ.de
Description: Basic Bootstrap v.3 theme 
Version: 1.0.13
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: mio-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3.

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 0px solid #ccc;
	margin-bottom: 1.5em;
	width: 100% !important;
    display: block;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto 0;
	max-width: 100%;
}
.wp-caption-text {
	text-align: center;
    font-size: 1.3rem;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
    width: 100%;
}


.rounded {width: 150px; height: 150px; border-radius: 50%;}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* B. Basic */

/* ancient-browser-alert error */
.ancient-browser-alert {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.ancient-browser-alert a {
	color: #fff;
	text-decoration: underline;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

/* //CK */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 150%;
	/*-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;*/
}

.vspace-top {
	margin-top: 15px;
}
.vspace-bottom {
	margin-bottom: 15px;
}
.vspace {
	margin-top: 15px;
	margin-bottom: 15px;
}

.vspace-big-top {
	margin-top: 30px;
}
.vspace-big-bottom {
	margin-bottom: 30px;
}
.vspace-big {
	margin-top: 30px;
	margin-bottom: 30px;
}

table {
	font-size: inherit;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #ec6708;
}
a:hover, a:active, a:focus {
	color: #f08539;
	text-decoration: none;
}
.wichtig {
	color: #ec6708; font-weight: bold;
}
.col-sidebar-right .widget .wichtig {text-transform: uppercase;}

.current-cat a, .current a {color: #bbb;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child {
	margin-top: 0px;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, p:last-child {
	margin-bottom: 0px;
}
h1.entry-title, .h1, .row-footer h2 {
	border-left: 8px  solid #ed6809;
    padding-left: 22px;
    margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 26px;
}

h2 {margin-bottom: 25px; font-size: 24px;}
h2.h1 {font-size:22px;}
.row-footer h2 {font-size: 16px;}

p:last-child {
	margin-bottom: 0;
}
ul { padding-left: 20px;}
hr {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
	border-top: 1px solid #ddd;
}
hr:first-child {
	margin-top: 0;
}
hr:last-child {
	margin-bottom: 0;
}
.btn-default, .btn-primary {
	color: #fff; text-transform: uppercase; background: #ed6809; border: #ed6809;
}
.btn-default:hover, .btn-default:active, .btn-default:focus,
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
	background: #f08539; border: #f08539;
}

/*.site-title {font-weight: bold; text-transform: uppercase; font-size: 32px;}*/
ul.topmenu {margin: 0; padding: 0; padding-top: 15px; padding-bottom: 4px; list-style: none; text-align: right;}
ul.topmenu li {display: inline-block;}
ul.topmenu li a {display: inline-block; padding-left: 15px; color: #3d3d3b; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif;}
ul.topmenu li a img {padding-right: 5px;}

@media(max-width:991px) {
	.row-header, .col-header-left, .topmenu {text-align: center !important;}
}

@media(max-width:767px) {
	ul.topmenu li a img {display: none;}
	.custom-logo {max-width: 200px; height: auto;}
}

.rahmen, 
.col-sidebar-right .widget 
	{border: 1px solid #ccc; padding: 25px; margin-bottom: 25px;}
.col-sidebar-right .widget h2.widgettitle 
	{margin-bottom: 15px; padding-bottom: 15px; font-size: 18px; border-bottom: 1px solid #ccc; text-transform: uppercase; font-weight: bold;}


.col-sidebar-right .widget-gelb, .rahmen {background: #ffdfb0; border-color: #ffdfb0; color: #000;}
.col-sidebar-right .widget-gelb h2.widgettitle {border-bottom: 1px solid #fff;}


.row-team-side {margin-bottom: 15px;}
.row-team-side:last-child {margin-bottom: 0px;}
.row-team-side .col-team-image {padding-right: 0px;}
.row-team-side .col-team-image img {border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.5);}

.row-team-main img {width: 100px;}
.row-team-main .col-team-content {max-width: 400px; margin: auto;}

.er {padding-left: 45px;}
.lbl {font-weight:normal;}

/*Back to Top Button*/
.back-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size: 30px;
	background: #ccc;
	border-radius: 5px;
	padding: 5px 15px;
}
/* Slideshow */
.wrapper-slideshow {overflow: hidden; text-align: center;}
.wrapper-slideshow img {}

.metaslider .caption-wrap {position: absolute; top: 0; left: 0; right: 0 ; bottom: 0; background: transparent !important; opacity: 1 !important;}

.metaslider .caption {
	position: absolute;
	display: inline-block;
    top: 50%;
	left: 50%; 
	transform: translate(-50%, -50%);
	background: rgba(255,255,255,0.6); 
	padding: 15px 20px; 
	color: #333; 
	font-size: 24px; 
	line-height: 180%;
	text-transform: uppercase;
font-weight: bold; letter-spacing: 0.2em;}

.metaslider .caption span {
	color: #ec6708; 
	font-size: 42px;}

@media(max-width: 991px) {
	.metaslider .caption {font-size: 20px;}	
	.metaslider .caption span {font-size: 38px;}	
}
@media(max-width: 767px) {
	.metaslider .caption {font-size: 16px;}	
	.metaslider .caption span {font-size: 28px;}
}

@media(max-width: 499px) {
	.metaslider .caption {opacity: 0;}	
}

.metaslider .flexslider {
    margin: 0 !important;
}
.metaslider .flex-control-nav {
    bottom: 20px; z-index: 999;
}

/*Hauptnavigationsleiste*/

.wrapper-orange {background: #ec6708; border-top: 3px solid #fff;}

.row-nav {
	position: relative;
	z-index: 999; /* sonst Problem bei Hover mit darunterliegenden Elementen */
}
.row-nav .navbar-default {	
	background: transparent;
	border: 0px;
	border-radius: 0px;
	margin: 0;
}
.mio-nav a {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 14px;
}
.mio-nav li:hover > a, .mio-nav li.active > a, .mio-nav li.active > a:focus, .mio-nav li.active > a:hover {
	/*background: #bbb !important;*/
	background: rgba(255,255,255,0.1) !important;
}
.mio-nav li ul {
	background: #ec6708;
}

/* Speziell "normales Menü */
@media (min-width: 768px) {
.navbar-brand {
	display: none;
}
.navbar-collapse {
	padding: 0;
}
/* 1. Ebene */
.mio-nav {
	margin: 0 auto;
	display: table;
	table-layout: fixed; /* optional, for equal spacing - ansonsten: table-layout: auto; */
	float: none;
	width: 100%;
}
.mio-nav > li {
	display: table-cell;
	width: 100%; /* http://stackoverflow.com/questions/10525744/css-table-cell-equal-width */
	height: auto;
	float: none;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #fff;
}
	
	
.mio-nav > li.menu-item-has-children > a:after {
	content:"\e252"; font-family: 'Glyphicons Halflings'; padding-left: 5px; font-size: 11px; 
	}
.mio-nav > li:last-child {
	border-right: 0px solid;
}
/* 2. Ebene */
.mio-nav > li > ul {
	display: none;
}
.mio-nav > li:hover > ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	min-width: 100%;
	text-align: left;
}
.mio-nav > li > ul > li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #fff;
}
.mio-nav li > ul > li a {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 15px;
	width: 100%;
}
/* 3. - x. Ebene */
.mio-nav > li > ul > li ul {
	display: none;
}
.mio-nav > li > ul > li:hover ul {
	display: block;
	position: absolute;
	top: -1px;
	left: 100%;
	margin: 0;
	padding: 0;
	min-width: 100%;
	border-left: 1px solid rgba(255,255,255,0.3);
}
.mio-nav > li > ul > li ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.3);
}
}

/* Speziell Zugeklapptes Mini-Menü */
@media (max-width: 767px) {
.row-nav > .col-md-12 {padding: 0;}	
	
.navbar-brand {
	color: #fff !important;
}
.navbar-toggle {
	border-color: #fff !important;
}
.navbar-toggle .icon-bar {
	background-color: #fff !important;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	background: rgba(255,255,255,0.1) !important;
}
.navbar-collapse {
	border: 0px;
	box-shadow: none;
}
.mio-nav > li {
	border-top: 1px solid #fff;
}
.mio-nav > li ul { /* Allgemein... */
	display: none;
}
.mio-nav li.active > ul { /* Allgemein... */
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.mio-nav li.active > ul > li { /* Allgemein... */
	display: block;
	border-top: 1px solid #fff;
}
.mio-nav li.active ul li a { /* Allgemein... */
	display: block;
	padding: 10px 15px;
}
/* Ab 2. Ebene */
.mio-nav li.active ul li a:before {
	content: "»";
	padding-right: 5px;
}
/* 2. Ebene */
.mio-nav > li.active > ul > li > a {
	padding-left: 15px; /* Eigentlich überflüssig */
}
/* 3. Ebene */
.mio-nav > li.active > ul > li > ul > li > a {
	padding-left: 45px;
}
/* ab 4. Ebene */
.mio-nav > li.active > ul > li > ul > li > ul li a {
	padding-left: 75px;
}
}
/*Breadcrumbs*/

.row-breadcrumb {
	text-align: center;
	position: relative;
	z-index: 888; /* sonst Problem mit darüberliegenden Elementen  bei Hover  */
}
.row-breadcrumb > div {
	position: relative;
}
.breadcrumbs {
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 85%; /* 0.85em */
}
.breadcrumbs a {
	/*color: #777;*/
}
.breadcrumbs li.active a {
	font-weight: normal;
	cursor: text;
	text-decoration: none;
}
@media(max-width: 767px) {
.row-breadcrumb {margin-top: 0; margin-bottom: 0; font-size: 11px; }
	.row-content {margin-top: 15px;}
	}

ul.leistungsmenu {margin: 0; padding: 0; list-style: none;font-size: 0; text-align: center;}
ul.leistungsmenu li {display: inline-block; width: 20%; margin: 0; overflow: hidden; padding: 15px;font-size: 16px; vertical-align: top; margin-bottom: 15px;}
ul.leistungsmenu li:hover {background: #ffdfb0;}
ul.leistungsmenu li img {}
ul.leistungsmenu li h3 {font-size: 16px; font-weight: bold;}
ul.leistungsmenu li h3 a {color: #333; display: block;}
ul.leistungsmenu li h3 a:hover {color: #ec6708;}
ul.leistungsmenu li h3:after {
    content: "-";
    height: 0px;
    padding-top: 15px;
    overflow: hidden;
    display: block;
	margin: auto;
    width: 110px;
    border-bottom: 7px solid #333;
    margin-bottom: 15px;
}
ul.leistungsmenu li .kurzbeschreibung {margin-bottom: 15px;}
ul.leistungsmenu li .btn-default {opacity: 0; color: #fff; text-transform: uppercase; background: #ed6809; border: #ed6809;}
ul.leistungsmenu li:hover .btn-default {opacity: 1; }
ul.leistungsmenu li .btn-default:hover {background: #f08539; border: #f08539;}

@media(max-width: 1199px) {
	ul.leistungsmenu li {width: 33%; }
}
@media(max-width: 767px) {
	ul.leistungsmenu li {width: 50%; }
}
@media(max-width: 499px) {
	ul.leistungsmenu li {width: 100%; }
}


.wrapper-gelb h2.widgettitle {font-size: 18px; color: #ec6708; font-weight: bold; text-transform: uppercase}
.wrapper-gelb h2.widgettitle:after {
    content: "-";
    height: 0px;
    padding-top: 15px;
    overflow: hidden;
    display: block;
	margin: auto;
    width: 110px;
    border-bottom: 7px solid #fff;
    margin-bottom: 15px;
}

.col-team-portrait img {border-bottom: 3px solid #ec6708;}

ul.downloads {list-style: none; margin: 15px 0; padding: 0;}
ul.downloads li {
	padding-left: 44px;
	margin: 0 0 15px 0;
	position: relative;
}
ul.downloads li a:before {
	font-family: "FontAwesome";
  	content: "\f019";
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 34px;
}
ul.downloads li h3 {font-size: 18px; font-weight: bold;}

.site-footer {background: #333; color: #fff; padding: 15px; border-top: 3px solid #fff; font-size: 14px; }
.site-footer a {color: #fff;}

@media(max-width: 767px) {.row-footer h2 {margin-bottom: 15px;} .site-footer > .container {margin-top: 15px;}}



/* Woo */
.row-products div.product {
    margin-bottom: 15px;
}

.woocommerce span.onsale {
    min-height: 3.3em;
    min-width: 3.3em;
    padding: .5em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.3;
    top: .3em;
    left: .3em;
    margin: 0;
    border-radius: 100%;
    background-color: #666;
    color: #fff;
    font-size: .8em;
	z-index: 999;
}



.row-products div.product .price, .col-summary .price {
    display: block;
	color: #888 !important;
    font-size: 20px !important;
	margin-bottom: 0;
}

.row-products div.product .price-unit, .col-summary .price-unit {
    color: #888 !important;
    font-size: 12px !important;
}

.row-products div.product .tax-info, 
.row-products div.product .shipping-costs-info ,
.col-summary .tax-info, 
.col-summary .shipping-costs-info 
{
    color: #888 !important;
    font-size: 12px !important;
	display: inline-block;
	margin-bottom: 0;
}
.row-products div.product .tax-info:after, 
.col-summary .tax-info:after
{
    content: " | ";
}


.row-products div.product .delivery-time-info,
.col-summary .delivery-time-info
{
    color: #888 !important;
    font-size: 12px !important;
	margin-bottom: 0;
}
.col-summary p.wc-gzd-additional-info {
    margin-bottom: 0;
    font-size: 12px !important;
}

.row-products div.product .btn {
	margin-top: 15px;
}

.row-products div.product .woocommerce-LoopProduct-link {display: block;}

td.variations-label {padding-right: 5px; text-align: left;}

div.product form.cart {
    margin: 15px 0;
    text-align: right;
}
.product .quantity, .product-quantity .quantity {
	float: none !important;
    display: inline-block;
}
.product .product_meta {margin: 0 !important;}
.product .product_meta > span {
	/*display: inline-block;*/
	display: block;
	color: #888 !important;
    font-size: 12px !important;
	margin-bottom: 0;
}
/*
.product .product_meta > span:after {
	content: " | ";
}
.product .product_meta > span:last-child:after {
	content: "";
}*/

.schritte {margin-top: 2rem; margin-bottom: 0.5rem;}
.schritte > div {margin-bottom: 1.5reM;}
.schritte h2 {margin-bottom: 0.5rem !important;}
.schritte h3 {margin-top: 0.5rem !important;}
.schritte i {font-size: 5rem; color: #ec6708; }

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('webfonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('webfonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('webfonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('webfonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
    font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('webfonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('webfonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-condensed-300 - latin */
@font-face {
    font-display: swap;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/open-sans-condensed-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('webfonts/open-sans-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-condensed-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-condensed-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-condensed-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
    font-display: swap;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/open-sans-condensed-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('webfonts/open-sans-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-condensed-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-condensed-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-condensed-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-condensed-v14-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}