@charset "utf-8";@import url(/templates/yoo_glass/warp/css/modules.css);
@import url(/templates/yoo_glass/warp/css/tools.css);
@import url(/templates/yoo_glass/warp/css/system.css);
@import url(/templates/yoo_glass/warp/systems/joomla/css/system.css);
@import url(/templates/yoo_glass/css/system-all.css);
@import url(/templates/yoo_glass/warp/css/responsive.css);
@import url(/templates/yoo_glass/warp/css/print.css);

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */




/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	top: -8px;
	right: -8px;
	width: 64px;
	height: 64px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -70px; }
.module .badge-free { background-position: 0 -140px; }
.module .badge-new { background-position: 0 -210px; }


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	width: 35px;
	height: 35px;
	top: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -40px; }
.module .module-title .icon-mail { background-position: 0 -80px; }
.module .module-title .icon-bubble { background-position: 0 -120px; }
.module .module-title .icon-login { background-position: 0 -160px; }
.module .module-title .icon-cart { background-position: 0 -200px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
	padding: 30px;
	background: #fff;
}

/* Color */
.mod-box-color h1,
.mod-box-color h2,
.mod-box-color h3,
.mod-box-color h4,
.mod-box-color h5,
.mod-box-color h6 { color: #fff; }

.mod-box-color em,
.mod-box-color code { color: #fff; }

.mod-box-color,
.mod-box-color .module-title { color: #fff; }

#page .module.mod-box-color .module-title .icon { background-image: url(/templates/yoo_glass/images/module_icons_white.png); }

/* Transparent */
.mod-box-transparent1,
.mod-box-transparent2 { 
	background-position: 0 0;
	background-repeat: repeat;
}

.mod-box-transparent1 { background: url(/templates/yoo_glass/images/module_box_transparent1.png) 0 0 repeat; }
.mod-box-transparent2 { background: url(/templates/yoo_glass/images/module_box_transparent2.png) 0 0 repeat; }


/* Module Type: Plain
----------------------------------------------------------------------------------------------------*/

.mod-plain { margin: 10px; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */




/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

.button-primary,
.button-default,
form.style button,
form.style input[type='button'],
form.style input[type='submit'] {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 6px 12px;
	border-radius: 3px;
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
	font-size: 16px;
}

.button-default,
form.style button,
form.style input[type='button'],
form.style input[type='submit'],
.mod-box-transparent1 .button-default,
.mod-box-transparent1 form.style button,
.mod-box-transparent1 form.style input[type='button'],
.mod-box-transparent1 form.style input[type='submit'],
.mod-box-transparent2 .button-default,
.mod-box-transparent2 form.style button,
.mod-box-transparent2 form.style input[type='button'],
.mod-box-transparent2 form.style input[type='submit']{
	border: none;
	background: #fff;
	text-shadow: 0 1px 1px #FFF;
}

.button-default:active,
form.style button:active,
form.style input:active[type='button'],
form.style input:active[type='submit'] {
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.1), 
				0px 1px 0px 0px rgba(255,255,255,0.4);
}

.mod-box-color .button-default:active,
.mod-box-color form.style button:active,
.mod-box-color form.style input:active[type='button'],
.mod-box-color form.style input:active[type='submit'] {
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.1), 
				0px 1px 0px 0px rgba(255,255,255,0.4);
}

/* Primary */
.button-primary { color: #fff; }
.button-primary:hover { color: #fff; }

.button-primary:active {
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.1), 
				0px 1px 0px 0px rgba(255,255,255,0.4);
	color: #fff;
}

.mod-box-color .button-primary { color: #fff; }


/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box { 
	border-width: 1px; 
	border-style: solid;
}


/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Line */
ul.line > li { border-top: 1px solid #DDEAEE; }
ul.line > li:first-child { padding-top: 5px; }
ul.line > li:last-child {
	border-bottom: 1px solid #DDEAEE;
	padding-bottom: 5px;
}

.mod-plain ul.line > li {
    padding: 10px 0;
    border-top: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.mod-plain ul.line > li:last-child { padding-bottom: 10px; }

/* Check */
ul.check > li {
	padding: 4px 0 0 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mod-box-color ul.check > li { background-position: 0 -270px; }

/* Zebra List and Table */
ul.zebra > li.odd,
table.zebra tbody tr.odd {
	background: #fff;
	background: rgba(255,255,255,0.4);
}

ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) {
	background: #fff;
	background: rgba(255,255,255,0.4);
}

.mod-box ul.zebra > li.odd,
.mod-box table.zebra tbody tr.odd {
	background: #eee;
	background: rgba(38,151,209,0.1);
}

.mod-box ul.zebra > li:nth-of-type(odd),
.mod-box table.zebra tbody tr:nth-of-type(odd) {
	background: #eee;
	background: rgba(38,151,209,0.1);
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #FFF;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #FFF;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -3px;
	right: -4px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border-width: 1px;
	border-style: solid;
	border-radius:6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	border: 1px dotted #FFF;
	color: #FFF;
}

/* Dotted Horizontal Rule */
hr.dotted { background: url(/templates/yoo_glass/images/tools/line_dotted.png) 0 0 repeat-x; }


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
	background: #FFF;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	background: #FFF;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
}

.box-info {
	background: #ebf5fa url(/templates/yoo_glass/images/tools/box_info.png) 0 0 no-repeat;
	border-color: #d2dce1;
}

.box-warning {
	background: #fff0eb url(/templates/yoo_glass/images/tools/box_warning.png) 0 0 no-repeat;
	border-color: #ffd7cd;
}

.box-hint {
	background: #fffae6 url(/templates/yoo_glass/images/tools/box_hint.png) 0 0 no-repeat;
	border-color: #fae6be;
}

.box-download {
	background: #faffe6 url(/templates/yoo_glass/images/tools/box_download.png) 0 0 no-repeat;
	border-color: #dce6be;
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset {
	border: 1px solid #fff;
	border-radius: 3px;
}

form.box legend {
	border-radius: 3px;
	color: #fff;
}

form.style input,
form.style select,
form.style textarea {
	padding: 4px 6px;
	border: 1px solid #c1cbd3;
	border-radius: 3px;
	color: #8699a9;
	-webkit-transition: all linear 0.2s;
	transition: all linear 0.2s;
}

form.style input:focus,
form.style select:focus,
form.style textarea:focus {
	outline: 0;
	background: #fff;
}

.mod-box-color form.style input,
.mod-box-color form.style select,
.mod-box-color form.style textarea {
	border: none;
	background: #fff;
}


/* Social Icons
----------------------------------------------------------------------------------------------------*/

.social-icons {
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-icons li { margin: 20px 0; }

.social-icons li a {
	display: table-cell;
	height: 27px;
	padding-left: 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 18px;
	line-height: 14px;
	vertical-align: middle;
}

.mod-box-color { color: fff; }

.bg-colored .social-icons li a:hover,
.mod-box-colored .social-icons li a:hover,
.mod-box-transparent .social-icons li a:hover { opacity: 1; }

.social-icons .twitter a:hover { background-position: 0 -100px; }

.social-icons .facebook a { background-position: 0 -200px; }
.social-icons .facebook a:hover { background-position: 0 -300px; }

.social-icons .xing a { background-position: 0 -400px; }
.social-icons .xing a:hover { background-position: 0 -500px; }

.social-icons .rss a { background-position: 0 -600px; }
.social-icons .rss a:hover { background-position: 0 -700px; }

.social-icons .googleplus a { background-position: 0 -800px; }
.social-icons .googleplus a:hover { background-position: 0 -900px; }

.social-icons .vimeo a { background-position: 0 -1000px; }
.social-icons .vimeo a:hover { background-position: 0 -1100px; }

.social-icons .flickr a { background-position: 0 -1200px; }
.social-icons .flickr a:hover { background-position: 0 -1300px; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */






/* Items (Addition)
----------------------------------------------------------------------------------------------------*/
 
#system .items .leading .item {
	padding-bottom: 20px;
	margin-bottom: 20px;
}


/* Item List
----------------------------------------------------------------------------------------------------*/


/* Search
----------------------------------------------------------------------------------------------------*/

#system span.highlight { background-color: #ffffaa; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* empty */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */
 /*
 * Custom Style Sheet - Use this file to style your content
 */
 
.custom-logo {
	display: inline-block;
	width: 205px;
	height: 90px;
	background: url(/images/yootheme/logo.png) 50% 50% no-repeat;
	background-size: contain;
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	.custom-logo { height: 60px; }
	
}

#top-b .mod-plain h1.frontpage {
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 55px;
}

#bottom-b .mod-plain .frontpage { margin: 30px 10px 30px 0; }

#top-b .mod-plain h1.frontpage,
#bottom-b .mod-plain .frontpage a { color: #8699a9; }

.frontpage-padding-top { padding-top: 50px; }
.frontpage-padding-bottom { padding-bottom: 50px; }


 /* Frontpage Responsive
 ----------------------------------------------------------------------------------------------------*/

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	.frontpage-padding-top { padding-top: 10px; }
	.frontpage-padding-bottom { padding-bottom: 0px; }

}

/* Only Phones */
@media (max-width: 767px) {

	.frontpage-icons img { width: 70px; }

}
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Base
----------------------------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 { color: #2697d1; }

a { color: #2697d1; }

#footer a { color: #1a6890; }
#footer a:hover { color: #2697d1; }

a:hover,
em, code { color: #1a6890; }


/* Layout
----------------------------------------------------------------------------------------------------*/

.custom-logo { background-image: url(/images/yootheme/logo.png); }

#totop-scroller { background-image: url(/templates/yoo_glass/images/color/blue/totop_scroller.png); }


/* Menus - Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Set Hover and Active */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.level1.remain .level1 {
	background: #2697d1;
	color: #fff;
}

.menu-dropdown li.active .level1 { color: #2697d1; }

/* Set Hover and Curreent */
.menu-dropdown a.level2:hover { color: #2697d1; }
.menu-dropdown a.current.level2 { color: #2697d1; }

/* Level 3 */
.menu-dropdown a.level3 { background-image: url(/templates/yoo_glass/images/color/blue/menu_dropdown_level3.png); }

/* Set Hover and Curreent */
.menu-dropdown a.level3:hover { color: #2697d1; }
.menu-dropdown a.current.level3 { color: #2697d1; }

/* Menu + Module */
.menu-dropdown .module a:hover { color: #2697d1; }


/* Menus - Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Hover and Current */
.menu-sidebar li a:hover,
.menu-sidebar li > span:hover,
.menu-sidebar a.current { color: #2697d1; }

/* Parents Level 1 */
.menu-sidebar li.parent .level1 > span { background-image: url(/templates/yoo_glass/images/color/blue/menu_sidebar_parent.png); }

/* Level 2-4 */
.menu-sidebar a.level2 { background-image: url(/templates/yoo_glass/images/color/blue/menu_sidebar_level2.png); }
.menu-sidebar a.current.level2 { color: #2697d1; }

/* Sidebar/accordion menu on colored module */
.mod-box-color .menu-sidebar li a:hover,
.mod-box-color .menu-sidebar li > span:hover,
.mod-box-color .menu-sidebar a.current { color: #1a6890; }

.mod-box-color .menu-sidebar a.level2 { background-image: url(/templates/yoo_glass/images/color/blue/menu_sidebar_level2_white.png); }

/* Parents Level 1 */
.mod-box-color .menu-sidebar li.parent .level1 > span { background-image: url(/templates/yoo_glass/images/color/blue/menu_sidebar_parent_white.png); }

/* Line Menu */
.menu-line li { background-image: url(/templates/yoo_glass/images/color/blue/menu_line_item.png); }


/* Modules
----------------------------------------------------------------------------------------------------*/

.module .badge { background-image: url(/templates/yoo_glass/images/color/blue/module_badges.png); }
.module .module-title .icon { background-image: url(/templates/yoo_glass/images/color/blue/module_icons.png); }

.mod-box .module-title { color: #2697d1; }
.mod-box-color .module-title { color: #fff; }

.mod-box-color { background: #1a96d3; }
.mod-box-color a { color: #f1f1f1; }
.mod-box-color a:hover { color: #ddd; }


/* Tools
----------------------------------------------------------------------------------------------------*/

/* Default Button */
.system-white .button-default,
.system-white form.style button,
.system-white form.style input[type='button'],
.system-white form.style input[type='submit'],
.mod-box .button-default,
.mod-box form.style button,
.mod-box form.style input[type='button'],
.mod-box form.style input[type='submit'] {
	background: #F4FAFD;
	color: #2697d1;
}

.button-default,
form.style button,
form.style input[type='button'],
form.style input[type='submit'],
.mod-box-transparent1 .button-default,
.mod-box-transparent1 form.style button,
.mod-box-transparent1 form.style input[type='button'],
.mod-box-transparent1 form.style input[type='submit'],
.mod-box-transparent2 .button-default,
.mod-box-transparent2 form.style button,
.mod-box-transparent2 form.style input[type='button'],
.mod-box-transparent2 form.style input[type='submit'] { color: #2697d1; }

.button-default:hover,
form.style button:hover,
form.style input:hover[type='button'],
form.style input:hover[type='submit'],
.mod-box-color .button-default:hover,
.mod-box-color form.style button:hover,
.mod-box-color form.style input:hover[type='button'],
.mod-box-color form.style input:hover[type='submit'] {
	background: #DDF0F9;
	background-image: -webkit-radial-gradient(center, #ffffff, #DDF0F9);
	background-image: radial-gradient(ellipse at center, #ffffff, #DDF0F9);
	color: #2697d1;
}

.button-default:active,
form.style button:active,
form.style input:active[type='button'],
form.style input:active[type='submit'] {
	background: #E7F4FB;
	background-image: -webkit-radial-gradient(center, #ffffff, #e3f2fa);
	background-image: radial-gradient(ellipse at center, #ffffff, #e3f2fa);
}

.mod-box-color .button-default:active,
.mod-box-color form.style button:active,
.mod-box-color form.style input:active[type='button'],
.mod-box-color form.style input:active[type='submit'] {
	background: #C6E6F4;
	background-image: -webkit-radial-gradient(center, #ffffff, #C6E6F4);
	background-image: radial-gradient(ellipse at center, #ffffff, #C6E6F4);
}

/* Primary Button */
.button-primary { background: #2697d1; }

.button-primary:hover {
	background: #238bc0;
	background-image: -webkit-radial-gradient(center, #2697d1, #238bc0);
	background-image: radial-gradient(ellipse at center, #2697d1, #238bc0);
}

.button-primary:active {
	background: #1a6890;
	background-image: -webkit-radial-gradient(center, #2697d1, #1e78a6);
	background-image: radial-gradient(ellipse at center, #2697d1, #1e78a6);
}

.mod-box-color .button-primary { background: #349FDA; }

/* Images and Objects (Needed for System Markup) */
img.border-box { border-color: #2697d1; }

/* Check */
ul.check > li { background-image: url(/templates/yoo_glass/images/color/blue/tools/list_check.png); }

.mod-box-color ul.zebra > li:nth-of-type(odd),
.mod-box-color table.zebra tbody tr:nth-of-type(odd) {
	background: #D3EBF8;
	background: rgba(255,255,255,0.2);
}

/* Definition Lists */
dl.separator dt:after { border-color: #2697d1; }

/* Inline Text Box */
em.box { background: #2697d1; }
.mod-box-color em.box { background: #1a6890; }

/* Forms (Needed for System Markup) */
form.box legend { background: #2697d1; }

.mod-box-color form.style input:focus,
.mod-box-color form.style select:focus,
.mod-box-color form.style textarea:focus { border-color: #1a6890; }

.social-icons li a { background-image: url(/templates/yoo_glass/images/color/blue/tools/icons_social.png); }
.mod-box-color .social-icons li a { background-image: url(/templates/yoo_glass/images/color/blue/tools/icons_social_white.png); }

/* System
----------------------------------------------------------------------------------------------------*/

/* General */
#system .title a { color: #2697d1; }
#system small { color: #8699a9; }

/* Item */
#system .item > header .meta { color: #b0c1d3; }
#system .item > header .subtitle { color: #2697d1; }

.system-white #system .item > .links a { background: #F4FAFD; }

#system .item > .links a,
#system .item > .links a:hover { color: #2697d1; }

/* Pagination */
#system .pagination a {
	box-shadow: 0 1px rgba(104,139,169,0.3);
	color: #8699a9;
}

#system .pagination a:hover {
	background-image: -webkit-radial-gradient(center, #fff, #f0f8fc);
	background-image: radial-gradient(ellipse at center, #fff, #f0f8fc);
	box-shadow: 0 1px rgba(104,139,169,0.3), 
				inset 0px 1px rgba(255,255,255,0.5);
	color: #2697d1;
}

#system .pagination strong,
#system .pagination a:active {
	background-image: -webkit-radial-gradient(center, #fff, #dcebf4);
	background-image: radial-gradient(ellipse at center, #fff, #dcebf4);
	box-shadow: 0 -1px rgba(104,139,169,0.3), 
				inset 0 -1px rgba(255,255,255,0.6);
}

/* Search Box */
.searchbox input { color: #2697d1; }

.searchbox.filled button {
	width: 25px;
	background-image: url(/templates/yoo_glass/images/color/blue/searchbox_reset.png); 
}

.searchbox.loading button { background-image: url(/templates/yoo_glass/images/color/blue/searchbox_loader.gif); }

/* Drop-Down Results */
.searchbox .results li.more-results:hover { color: #b0c1d3;}

.searchbox .results li.more-results,
.searchbox .results li.result.selected { color: #2697d1; }


/* Custom
----------------------------------------------------------------------------------------------------*/

#top-b .mod-plain h1.frontpage span { color: #2697d1; }
#bottom-b .mod-plain .frontpage a:hover { color: #1a96d3; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

body { font-family: "sourcesanspro"; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

h1,
h2,
h3,
h4,
h5,
h6 { 
	font-family: "sourcesanspro";
	font-weight: 300;
}

h1 {
    font-size: 45px;
    line-height: 55px;
}
h2 {
    font-size: 30px;
    line-height: 38px;
}
h3 {
    font-size: 25px;
    line-height: 30px;
}
h4 {
    font-size: 18px;
    line-height: 26px;
}
h5 {
    font-size: 16px;
    line-height: 22px;
}

body {
    font-size: 16px;
    line-height: 22px;
}
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

.menu-dropdown a.level1,
.menu-dropdown span.level1 { font-family: "sourcesanspro"; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

body { color: #8699a9; }


/* Layout
----------------------------------------------------------------------------------------------------*/

body { 	background: #c2e7ef; }

@media (min-device-width: 1025px) {

	body {
		background: #c2e7ef url(/templates/yoo_glass/images/background/gradient.svg) 50% 0 no-repeat fixed;
		background-size: 150% 150%;
	}

}


/* Menus - Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown a.level1,
.menu-dropdown span.level1 { color: #1a6890; }

/* Level 2-3 */
.menu-dropdown a.level2,
.menu-dropdown span.level2,
.menu-dropdown a.level3 { color: #8699a9; }

/* Menu + Module */
.menu-dropdown .module a { color: #8699a9; }


/* Menus - Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li > span,
.menu-sidebar a.level2 { color: #8699a9; }


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Transparent */
.mod-box-transparent1 { background-image: url(/templates/yoo_glass/images/module_box_transparent1.png); }
.mod-box-transparent2 { background-image: url(/templates/yoo_glass/images/module_box_transparent2.png); }

.system-white #footer { color: #8699a9; }


/* Tools
----------------------------------------------------------------------------------------------------*/

/* Zebra List and Table */
.mod-plain ul.line > li { border-bottom-color: #bfdce3; }

table.zebra caption { color: #A0C5CF; }

.mod-box-color ul.zebra > li.odd,
.mod-box-color table.zebra tbody tr.odd {
    background: #D3EBF8;
    background: rgba(255,255,255,0.2);
}

/* Boxes */
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download,
.box-content { border-color: #DDEAEE; }

/* Forms (Needed for System Markup) */
form.style input:focus,
form.style select:focus,
form.style textarea:focus { border-color: #2697d1; }


/* System
----------------------------------------------------------------------------------------------------*/

/* Drop-Down Results */
.searchbox .results li.results-header { color: #b0c1d3; }

/* Breadcrumbs */
.breadcrumbs {
    background: #d6eff5;
    background: url(/templates/yoo_glass/images/module_box_transparent1.png) 0 0 repeat;
}

/* Author */
#system .author-box {
    border-color: #fff;
    background: rgba(255,255,255,0.3);
}

#system .author-box .avatar { border-color: #fff; }

/* Comments */
#system #comments .comment-head,
#system #comments .comment-byadmin .comment-head,
.comments-list > article { border-color: #fff; }

#system #comments .comment-byadmin .comment-head {  background: rgba(255,255,255,0.3); }


/* Item
----------------------------------------------------------------------------------------------------*/

.isblog #system .item,
.isblog #system > .title,
.noblog #content {
    padding: 30px;
    background: #f4f4f4;
    background: url(/templates/yoo_glass/images/module_box_transparent1.png) 0 0 repeat;
}

/* Widgetkit Gallery
----------------------------------------------------------------------------------------------------*/
.wk-gallery-glass li { background: url(/templates/yoo_glass/images/module_box_transparent2.png) 0 0 repeat; }
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */




/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Modules */
	#sidebar-a .grid-v:first-child > .mod-line:before,
	#sidebar-b .grid-v:first-child > .mod-line:before { display: block; }
	
	/* Mega Drop-Down Menu */
	.menu-dropdown li.level1 { margin-right: 5px; }

	.menu-dropdown a.level1,
	.menu-dropdown span.level1 { font-size: 18px; }

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }

	.sidebars-1 #sidebar-a:before,
	.sidebars-1 #sidebar-b:before,
	.sidebars-2 #sidebar-b:before { display: none; }

	/* Modules */
	.grid-h:not(.width33):nth-child(odd) > .mod-line:before { display: none; }

	.grid-h.width25:first-child > .mod-line:before {
		display: block;
		top: auto;
		bottom: -20px;
		left: 0;
		right: 0;
		width: 200%;
		padding: 0 20px;
		border-width: 1px 0 0 0;
	}

}

/* Only Phones */
@media (max-width: 767px) {

	#header-responsive { margin-bottom: 10px; }

	#toolbar,
	#logo,
	#menubar,
	#breadcrumbs { display: none; }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	.module {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#sidebar-a:before,
	#sidebar-b:before { display: none; }

	/* Modules */
	.grid-h .mod-line:before {
		display: block;
		top: -20px;
		bottom: auto;
		left: 0;
		right: 0;
		border-top-width: 1px;
	}

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 10px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		border-width: 0;
	}

	#system .item > .links a { margin-top: 5px; }

}
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 13, 2013 07:33:44 AM America/New_York */


@font-face {
    font-family: 'sourcesanspro';
    src: url(/templates/yoo_glass/fonts/SourceSansPro-Regular-webfont.eot);
    src: url(/templates/yoo_glass/fonts/SourceSansPro-Regular-webfont.eot#iefix) format('embedded-opentype'),
         url(/templates/yoo_glass/fonts/SourceSansPro-Regular-webfont.woff) format('woff'),
         url(/templates/yoo_glass/fonts/SourceSansPro-Regular-webfont.ttf) format('truetype'),
         url(/templates/yoo_glass/fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sourcesanspro';
    src: url(/templates/yoo_glass/fonts/SourceSansPro-Light-webfont.eot);
    src: url(/templates/yoo_glass/fonts/SourceSansPro-Light-webfont.eot#iefix) format('embedded-opentype'),
         url(/templates/yoo_glass/fonts/SourceSansPro-Light-webfont.woff) format('woff'),
         url(/templates/yoo_glass/fonts/SourceSansPro-Light-webfont.ttf) format('truetype'),
         url(/templates/yoo_glass/fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight) format('svg');
    font-weight: 300;
    font-style: normal;

}
