/*

* Skeleton V1.2

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 6/20/2012

*/



/* Table of Content

==================================================

	#Site Styles

	#Page Styles

	#Media Queries

	#Font-Face */



/* #Site Styles

================================================== */





.anchor {

	position: absolute;

	top: 100px;

}





#header {

	padding: 0px;

	background: transparent;

	margin: 0 auto;

	width: 100%;

	z-index: 50;

}







header{ background: transparent; }

header a{ color: #929295; text-decoration: none; font-size: 1em; }

header a.active, header a:hover{ color: #a41d23; }

header li{ margin-right: 30px; }





header h1, header h2 {

	/* text-align: center; */

	padding-left: 25%;

	padding-right: 10%;

}



.headersize {

	max-width: 100%;

}



.transparent {

	background: transparent !important;

}



.logosize {

	text-align: left;

	margin-top: 0px !important;

	background: url(../images/butterfly.png) no-repeat 50% 30%;

	background-size: 50px 50px;

}



.logosize img {

	max-width: 18%;

}



.logo1 {

	font-size: 2.5em;

	color: #fff;

	font-family: Belleza;

}



.logo2 {

	text-transform: uppercase;

	color: #ffb355;

	font-family: Belleza;

}







header,nav, a, img, li, slider{

  transition: all 1s;

  -moz-transition: all 1s; /* Firefox 4 */

  -webkit-transition: all 1s; /* Safari and Chrome */

  -o-transition: all 1s; /* Opera */

}









#wrap {

	position: relative;

	top: 50px;

}



.nav {

	/* background: #fff; */

	height: 41px;

}







.slider {

	position: relative;

	height: auto;

}



.slider h1

 {

.slider h1 {

	color: #929295;

	font-size: 2.5em;

	padding-top: 0px;

	line-height: 1.0em;

	vertical-align: middle;

}

}



.slider p {

	margin: 0px 0px 20px 0px;

}



.slider img {

	position: relative;

	top: 0;

	left: 0;

}



.minihero {

	border: 10px solid #171517;

}





.content {

	padding: 0px 0px 0px 0px;

	background: transparent;

	color: #030303;

	/* border-top: 2px solid #ffb355; */

	margin-top: 2px;

	text-align: left;

}



.content a {

	text-decoration: underline;

}



.container {

	/* background: #575357; */

	color: #1b5a60;

}



.img-responsive {

	max-width: 100%;

}



h3 a {

	color: #ffb355!important;

	text-decoration: none !important;

}



h3 a:hover {

	text-decoration: underline !important;

}



.zurmitte {

	margin-left: 200px !important;

}





.logo {

	width: auto;

	padding-left: 0px;

	margin-bottom: 10px;

}





.headline {

	/* background: #797979; */

	max-width: 100%;

}



.headline1 {

	border-bottom: 2px solid #263481;

}



.logo img {

	padding-left: 0px;

	padding-top: 20px;

	z-index: 2500;

}





.logo img:hover, .headline img:hover, .refbox img:hover, .refbox3 img:hover {

	opacity: 1.0;

	transition: 0.2s ease-in-out;

}



#search img {

	position: absolute;

	right: 30px;

	top: 46px;

}



.sidebar{

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

	border-left-width: 0px;

	border-left-style: solid;

	border-left-color: #CCC;

	box-sizing:border-box;

}



.sidebar p, .sidebar h3 {

	margin-left: 0;

}





.footer {

	background: #2bade3 !important;

	padding: 20px 0px;

	color: #ffffff;

	font-size: 0.8em;

	line-height: 1.2em;

	border-top: 2px solid #25aae2;

	position: fixed;

	bottom: 0;

	width: 100%;

	z-index: 100;

}



.footer #wrapper1280 {

	margin-bottom: 0 !important;

}



.footer .container {

	color: #ffffff;

}





.footermenu {

	text-align: right;

	right: -80px;

}



.footermenu p {

	margin-right: 0px;

}



.copyright {

	text-align: right;

}



#responsiveMenu {

	display: none;

	font-family: "Open Sans Light";

	color: #0071bb;

	width: 100%;

	font-size: 14px;

	margin-top: 30px;

	margin-bottom: 30px;

	padding: 5px;

	margin-right: 0;

	margin-left: 0;

	background: #efefef;

	border: 1px solid #6ecbd2;

	text-align: center;

}



#responsiveMenu option {

	text-align: center;

	font-family: "Open Sans Light";

	color: #0071bb;

}



#langmenu {

	top: 5px;

	position: absolute;

	right: 0px;

	padding: 0px;

	margin-top: 0px;

}



#langmenu a:hover {

	color: #fff;

}

#langmenu a {

	font-size: 0.8em;

	color: #e2e2e5;

	padding: 3px;

}



#langmenu img {

	width: 24px !important;

}





#menu,

#menu ul,

#menu li,

#menu a {

    margin: 0;

    padding: 0;

    border: none;

    outline: none;

}

 

#menu {

	position: relative;

	margin: 0 auto;

	width: 100%;

	text-align: center;

	height: 40px;

}

 

#menu li {

    position: relative;

    list-style: none;

    display: inline-block;

    height: 20px;

    top: 10px;

    background-color: transparent;

    border-left: 1px solid #eaa90f;

}



#menu li.menu-first {

	border-left: none;

}



#menu li a {

	padding: 10px 15px 5px 15px;

	margin: 0 10px;

	text-decoration: none;

	font-weight: 700;

	font-size: 1.2em;

	color: #25aae2;

	-webkit-transition: color .2s ease-in-out;

	-moz-transition: color .2s ease-in-out;

	-o-transition: color .2s ease-in-out;

	-ms-transition: color .2s ease-in-out;

	transition: color .2s ease-in-out;



}



#menu li a:hover {

	color: #ffffff;

	background: #ffb355;

}



#menu li.menu-0.menu-parent {

	height: 74px;

}



#menu li:hover > a {

	height: 50px;

	}

 

#menu li:hover > a, #menu li.menu-parent {

	background: url(../images/menuback.png) center no-repeat;

	color: #1b5a60 !important;

}





#menu li.menu-current a, #menu li.menu-parent a {

	background: url(../images/menuback.png) center no-repeat;

	color: #1b5a60 !important;

}







#menu .menuwrapper ul {

	position: absolute;

	opacity: 0;

	z-index: 100;

	padding: 10px 0;

	height: 10px;

	top: 30px;

	left: 10px;

	width: 200px;

}







#menu li:hover >  .menuwrapper ul { opacity: 1; }

 

#menu .menuwrapper ul li {

    height: 20px !important;

    text-align: left;

    -webkit-transition: height .5s ease .1s;

    -moz-transition: height .5s ease .1s;

    -o-transition: height .5s ease .1s;

    -ms-transition: height .5s ease .1s;

    transition: height .5s ease .1s;

	background: #fff;

	}

 

#menu li:hover > .menuwrapper ul li {

	height: auto;

	overflow: visible;

	padding: 0;

}



#menu .menuwrapper ul li a {

	padding: 3px 10px 3px 10px;

	font-size: 0.9em;

	color: #929295 !important;

	font-family: "Open Sans";

	margin-left: 0px;

	z-index: 500;

	position: relative;	

}







#menu .menuwrapper ul li a:hover, #menu .menuwrapper ul li.menu-current a {

        color: #ffffff !important;

	height: auto;

	    -webkit-transition: height .5s ease .1s;

    -moz-transition: height .5s ease .1s;

    -o-transition: height .5s ease .1s;

    -ms-transition: height .5s ease .1s;

    transition: height .5s ease .1s;

}





 

 



ul#nav {

    list-style-type: none;

    margin-left: 0;

    margin-top: 0px;

    transition: 0.7s ease-in-out;

    background: #ffffff;

    width: 100%;

    padding-top: 30px;

    text-align: center;

    position: absolute;

    z-index: 300;

    padding-left: 20px;

    border-bottom: 2px solid #ffb335;

    }

    

ul#nav li {

	margin-right: 20px;

	padding-left: 10px;

}





#footermenu {

	padding: 0px 0px 0px 0px;

	}



ul#footermenu {

	margin-top: 0px;

	margin-bottom: 0px !important;

	list-style: none;

}



#footermenu li {

	padding: 0 10px 10px 20px;

	display: inline;

}



#footermenu li.menu-last {

	padding-right: 0px;

}



#footermenu li a {

	color: #d3d3d3;

	text-decoration: none;

	text-align: center;

	font-weight: 700;

	font-family: "Roboto", sans-serif;

}



#footermenu li a:hover, #footermenu li.menu-current a {

	color: #ffffff;

}



#footermenu p {

	font-size: 0.8em;

}



.subnav {

	text-align: center;

	margin-bottom: 50px;

	  display: -webkit-flex;

  display: flex;

  min-height: 70px;



/*     -webkit-align-items: center;

   align-items: center;

	justify-content: center; */

}



.menunext {

	  position: absolute;

	  right: 0px;

}



.menunext, .menuprevious {

	color: #0677ba;

	padding: 15px 20px;

	border: 2px solid #0677ba;

	margin: 10px;

	}

	



.menunext a, .menuprevious a {

	color: #0677ba;

	/* text-transform: lowercase; */

	font-size: 1.5em;

	font-weight: bold;

	text-decoration: none;

}



.menunext:hover, .menuprevious:hover {

	opacity: 0.7;

	transition: 0.2s ease-in-out;

}



.newsmenu {

	margin-bottom: 50px;

}



.newsmenu ul {

	list-style-type: none;

}



.newsmenu li.first {

	border-top: 1px solid #ddd;

}



.newsmenu li {

	border-bottom: 1px solid #ddd;

	text-align: center;

	padding: 20px 0 20px 20px;

	font-size: 1.4em;

	color: #666;

	font-weight: bold;

	text-align: left;

	margin-bottom: 0;

}



.newsmenu li a {

	color: #666;

	text-decoration: none;

}



.newsmenu li a:hover {

	opacity: 0.7;

	transition: 0.2s ease-in-out;

	

}



.paketbox, .paketboxcenter {

  display: -webkit-box; 

  display: -webkit-flex;

  display: flex;

  -webkit-flex-flow: row wrap; /* Standard */

  -webkit-box-flow: row wrap;

  flex-flow: row wrap; /* Standard */

       -webkit-align-items: flex-start;

       -webkit-box-align-items: flex-start;

   align-items: flex-start;

    margin-bottom: 10px;

}



.paketboxweiss {

  display: -webkit-box; 

  display: -webkit-flex;

  display: flex;

  -webkit-flex-flow: row wrap; /* Standard */

  -webkit-box-flow: row wrap;

  flex-flow: row wrap; /* Standard */

       -webkit-align-items: flex-start;

       -webkit-box-align-items: flex-start;

   align-items: flex-start;

    margin-bottom: 10px;

}



.paketboxcenter {

	justify-content: center;

	-webkit-justify-content: center;

	 -webkit-box-pack: center;

	-webkit-box-align: center;

	-webkit-flex-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

}



.refbox {

	padding: 10px 0px 3px 0px;

	margin: 0 2% 20px 2%;

	width: 45%;

	min-width: 240px !important;

	/* line-height: 1.2em; */

	vertical-align: center;

}



.refbox2 {

	padding: 0 5px 0 0;

	margin: 20px 20px 20px 18px;

	width: 578px;

	max-width: 95% !important;

	vertical-align: center;

}



.refbox3 {

	padding: 0 2px 0 0;

	margin: 0px 10px 0px 0px;

	width: 229px;

	max-width: 95% !important;

	line-height: 1.2em;

	text-align: center;

	display: block;

	align-self: flex-start;

}



.refbox3 p {

	margin: 0px 5px 10px 20px !important;

}



.refbox4 {

	padding: 0 5px 0 0;

	margin: 20px 0px 20px 0px;

	width: 578px;

	max-width: 45% !important;

	line-height: 1.2em;

	vertical-align: center;

}





.refboxnews {

	padding: 3px 6px 3px 0px;

	margin: 0 30px 20px 0px;

	width: 200px;

	max-width: 90% !important;

	line-height: 0.9em;

}





.refbox ul, .refboxnews ul, .refbox2 ul, .refbox3 ul {

	margin-left: 0px;

}



.sixteen .refbox ul, .sixteen .refbox2 ul, .sixteen .refbox3 ul {

	padding-left: 20px !important;

	padding-right: 10px !important;

}



.refbox ul li, .refboxnews ul li, .refbox2 ul li, .refbox3 ul li {

	line-height: 1.3em;

}



.aktuelles-box {

	padding: 10px 3px 3px 3px;

	margin: 0 10px 20px 20px;

	width: 400px;

	max-width: 95% !important;

	vertical-align: center;

	border: 1px solid #c1aba0;

}



.menubutton {

    font-size: 3.5em;

    font-family: "Open Sans";

    font-weight: 700;

    text-decoration: none;

    color: #fff;

    background: transparent;

    padding: 5px;

    position: absolute;

    top: 40px;

    right: 1%;

    margin-bottom: 30px;

}



a.menubutton  {

	text-decoration: none;

}



ul#nav li a {

	text-decoration: none !important;

	font-size: 1.3em;

	color: #25aae2;

	font-weight: 700;

}



ul#nav li a:hover, ul#nav li.menu-current a, ul#nav li.menu-parent a {

	color: #1b5a60;

}



ul#nav li:hover, ul#nav li.menu-current {

	background: #ffb355;

}





.navi {

	position: absolute;

	right: 0px;

	background: transparent;

	z-index: 1000;

	top: 50px;

	margin-bottom: 0px;

	padding: 0px 20px 0px 0px;

	min-height: 0px;

	width: 100%;

	transition: 0.2s ease-in-out;

}







/* #Page Styles

================================================== */





.zitat {

	padding: 10px;

	background: #eee;

	border: 1px solid #25aae2;

	margin-top: 50px;

}





.imgwrap {

  position: relative;

  height: auto;

  max-width: 750px;

}



.imgwrap img {

	max-width: 100%;

}



.imgwrap:after {

    content: 'A';

    position: absolute;

    width: 99.4%; height:98.5%;

    top:0; left:0%;

    background:rgba(164, 29, 35, 0.8);

    opacity: 0;

    transition: all 1s;

    -webkit-transition: all 1s;

}



.imgdescription {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 1.0;

  color: #fff !important;

  padding: 10% 0 0 10%;

  font-size: 1.1m;

  line-height: 1.4em;

  font-family: "profile light", sans-serif;

  font-weight: 400;

  visibility: hidden;

  z-index: 500;

  text-align: left;

  width: 100%;

  height: 100%;



  /*remove comment if you want a gradual transition between states

  -webkit-transition: visibility opacity 0.2s;

  */

}



.imgdescription a, .imgdescription a:hover {

	color: #fff !important;

	opacity: 1.0 !important;

}





.imgwrap:hover img {

  visibility: visible;

  	opacity: 0.7; filter: alpha(opacity=70);

	   transition: opacity .25s ease-in-out 0.25s;

   -moz-transition: opacity .25s ease-in-out 0.25s;

   -webkit-transition: opacity .25s ease-in-out 0.25s;

}



.imgwrap:hover .imgdescription {

	visibility: visible

}



.imgwrap:hover:after {

    opacity: 1;

}









.smaller {

	padding: 0 10px;

	text-align: center;

	margin: 0 -50px 0 50px;

}













.col {

    -moz-column-count: 2;

    -moz-column-gap: 2em;

    -webkit-column-count: 2;

    -webkit-column-gap: 2em;

    column-count: 2;

    column-gap: 2em;

    margin: 0px 40px 40px 0px;

    }

    

.col p, .col3 p {

    orphans: 2;

    widows: 2;

    margin-top: 0;

    margin-bottom: 2.7ex;

    text-align: justify;

    -webkit-hyphens: manual;

    -moz-hyphens: manual;

    -o-hyphens: manual;

    -ms-hyphens: manual;

    hyphens: manual;

}



.col3 {

    -moz-column-count: 3;

    -moz-column-gap: 2em;

    -webkit-column-count: 3;

    -webkit-column-gap: 2em;

    column-count: 3;

    column-gap: 2em;

    margin: 40px 40px 40px 0px;

    }





.social-button {

	max-width: 50px;

}







.search_box {

	display: inline;

	width: 2500px;

	text-align: right;

	position: absolute;

	right: -600px;

	top: 80px;

	background: #fff;

	z-index: 400;

	padding-right: 630px;

}



input.search_string {

	display: inline;

	max-width: 80px !important;

	padding: 10px;

}



#wb_search {

	vertical-align: -12px;

}



.followwrapper {

display: inline;

padding-left: 10px;

}





.shareicon, .followicon {

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	max-width: 24px !important;

}



.grayscale, .shareicon, .followicon {

	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;

	-webkit-filter: grayscale(100%);

	opacity: 0.3;

	display: inline-block;

	transition: all 0.5s;

	border: 1px solid #bdbfbe;

}

.grayscale:hover, .shareicon:hover, .followicon:hover {

	filter: none;

	-webkit-filter: none;

	opacity:1;

}



.gallery {

	display: none;

}



ul.photostyle li {

	font-size: 0.8em;

}



.img-x  {

        background: url(../images/status-sold.png) bottom left no-repeat;

	height: 173px;

}



.imgbox {

	text-align: left;

}



.imgtitle {

	margin: 0;

	text-align: center;

}



.sold {

	width: 16px !important;

	position: relative;

	top: -150px;

	float: right;

}



.ausstellungenliste {

	font-size: 0.8em;

	color: #fff;

}



.feature-nein {

	display: none;

}





.mod_ausstellungen_main_img_f, .mod_hoerspiele_main_img_f {

	max-width: 100%;

}



.termintabelle tr:nth-child(even) {

	background: #ccc;

	}

.termintabelle tr:nth-child(odd) {

	background: #fff;

	}

	

.termintabelle td {

	vertical-align: middle;

	padding: 10px;

}



.termintabelle td p {

	padding: 0;

}


#usercentrics-button .uc-banner-content {
    background-color: #25aae2 !important;
}

.usercentrics-button.layout-1 .uc-banner-content .btn-list .uc-btn.uc-btn-primary {
    background-color: #932d57 !important;
    color: #f6f6f6 !important;
}





/* #Media Queries

================================================== */



/* Big screen size (devices and browsers) */

	@media only screen and (min-width: 1180px)  {







.full .refbox p {

	padding: 0 10px !important;

	margin-left: 10px;

}





}



/* Smaller than standard 1280 (devices and browsers) */

	@media only screen and (max-width: 1749px) {





}





/* Big screen size 1520 to 1749 (devices and browsers) */

	@media only screen and (min-width: 1520px) and (max-width: 1749px) {







}



/* Smaller than standard 1280 (devices and browsers) */

	@media only screen and (max-width: 1519px) {







	}





/* Big screen size 1281 to 1519 (devices and browsers) */

	@media only screen and (min-width: 1281px) and (max-width: 1519px) {



	

header h1, header h2 {

	padding-left: 20%;

}







	



}



/* Big screen size 1281 to 15199 (devices and browsers) */

	@media only screen and (min-width: 1281px) {

	





}







/* Smaller than standard 1280 (devices and browsers) */

	@media only screen and (max-width: 1280px) {







.footermenu {

	right: 20px;

}



}





/* Laptop size to standard 1280 (devices and browsers) */

	@media only screen and (min-width: 1024px) and (max-width: 1280px) {

	

header h1, header h2 {

	padding-left: 20%;

}



.logosize {

	background: url(../images/butterfly.png) no-repeat 60% 30%;

	background-size: 50px 50px;

	}





}





/* Laptop size to standard 1024 (devices and browsers) */

	@media only screen and (min-width: 960px) and (max-width: 1023px) {





header h1, header h2 {

	padding-left: 20%;

}



.logosize {

	background: url(../images/butterfly.png) no-repeat 60% 30%;

	background-size: 50px 50px;

	}



}



@media only screen and (min-width: 960px) {



		.menubutton { display: none; }

		.navi { display: none; }





}





	/* Smaller than standard 960 (devices and browsers) */

	@media only screen and (max-width: 959px) {



.logo1, .logo2 {

	padding-left: 20px;

}	



.refbox {

	width: 100% !important;

	margin: 0 0 20px 0;

}



.mod_blog_main_thumb_f {

    max-width: 100%;

    margin: 0;

}



h1 {

	font-size: 2.0em;

}



h2 {

	font-size: 1.5em;

}



h3 {

	font-size: 1.3em;

}





p, ul, ol, label {

	font-size: 0.9em;

}

	

header h1, header h2 {

	padding-left: 20%;

}



.logosize {

	background: url(../images/butterfly.png) no-repeat 100% 30%;

	background-size: 50px 50px;

}

	

	

	a.menubutton {

			text-decoration: none !important;

	}	

	

	#nav {

		display: none;

		margin-right: 0px;

		border-right: none;

	}



.nav {

	height: 0;

}	







.logo img {

	max-width: 30%;

	left: 10px;

	height: auto;

}



.social, .footermenu {

	text-align: left;



}



.zitat {

	margin-top: 0px;

}



.footer {

	position: relative;

}







}



	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 959px) {

	#menu {

display:none;

}

#responsiveMenu {

display:none;

}



#nav {

	margin-top: 80px !important;

}



}







	/* All Mobile Sizes (devices and browser) */

	@media only screen and (max-width: 767px) {

	#menu {

display:none;

}

#responsiveMenu {

display:block;

}



.logosize {

	background: url(../images/butterfly.png) no-repeat 100% 50%;

	background-size: 50px 50px;	

	}



.logo img {

	max-width: 40%;

	left: 0;

	height: auto;
	padding-bottom: 50px;

}



.smaller {

	margin: 0px;

}



.col, .col3 {

    -moz-column-count: 1;

    -webkit-column-count: 1;

    column-count: 1;

    }





.social, ul#footermenu {

	text-align: center;

	right: 0px;

}





		}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#nav {

display:none;

}

#responsiveMenu {

display:block;

}



#nav {

	margin-top: 80px !important;

}





}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	@media only screen and (max-width: 479px) {

	

	.logo1 {

	font-size: 1.8em;



}



.logo2 {

	font-size: 0.7em;

}



.logo img {

	padding-top: 10%;

}



#menu {

display:none;

}

#responsiveMenu {

display:block;

}



	#nav {

	margin-top: 120px !important;

}



.menubutton {

	padding-top: 50px;

}



}





/* #Font-Face

================================================== */

/* 	This is the proper syntax for an @font-face file

		Just create a "fonts" folder at the root,

		copy your FontName into code below and remove

		comment brackets */



/* open-sans-300 - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Light'), local('OpenSans-Light'),

       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-regular - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Regular'), local('OpenSans-Regular'),

       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* belleza-regular - latin */

@font-face {

  font-family: 'Belleza';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/belleza-v7-latin-regular.eot'); /* IE9 Compat Modes */

  src: local('Belleza Regular'), local('Belleza-Regular'),

       url('../fonts/belleza-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/belleza-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/belleza-v7-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('../fonts/belleza-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/belleza-v7-latin-regular.svg#Belleza') format('svg'); /* Legacy iOS */

}