@charset "UTF-8";
/* =============================================================================
   978 GS - FRAMEWORK PART
   ========================================================================== */

/*

1218 Grid System CSS Framework
http://978.gs

Copyright (c) 2011 Brothers Roloff
http://www.brothersroloff.com

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/

div.layout{ width: 1218px; margin: 0px auto; }

div.row { height: 1%; }
div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }

div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col13, div.col14, div.col15, div.col16 { float: left; margin-left: 30px; }
div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col13:first-child, div.col14:first-child, div.col15:first-child, div.col16:first-child { margin-left: 0px; }
div.col1 { width: 48px; }
div.col2 { width: 126px; }
div.col3 { width: 204px; }
div.col4 { width: 282px; }
div.col5 { width: 360px; }
div.col6 { width: 438px; }
div.col7 { width: 516px; }
div.col8 { width: 594px; }
div.col9 { width: 672px; }
div.col10 { width: 750px; }
div.col11 { width: 828px; }
div.col12 { width: 906px; }
div.col13 { width: 984px; }
div.col14 { width: 1062px; }
div.col15 { width: 1140px; }
div.col16 { width: 1218px; }



/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

a{
	outline:none;
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #d2c195; color: #fff; text-shadow: none; }
::selection { background: #d2c195; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; text-decoration:none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Maciek Czerniak | Mojito Networks | m.czerniak@mojito-networks.com
   ========================================================================== */
html{
	background:#000000;
}


/* =============================================================================
   1.0 Master Page
   ========================================================================== */
.clear{
	clear:both;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	margin:0;
	padding:0;
	line-height: 24px;
	color:#ffffff;
	font-style:italic;
}

html{
	background:#000000;
}

body{

	font-family:Arial, Verdana, Geneva, sans-serif;
	line-height:18px;
	background:top center no-repeat url('/media/img/bgr.jpg') #000000;


}



.nav ul li{
	float:left;
	display:block;
}


#wrapper{
	background:top center repeat url('/media/img/bgr_overlay.png');
	height:1200px;
}

#overlay{

	display:block;
	overflow:auto;

	width:100%;
	background:top center repeat url('/media/img/bgr_overlay.png');

}

#flash_wrapper{
	overflow:hidden;
	position:absolute;
	margin:0 auto;
	height:100%;
	width:100%;
	display:block;
	z-index:2;
}

#flash{
	position:fixed;
	display:block;
	height:1080px;
	width:1920px;
	right:0;
	margin:0 auto;
	z-index:2;

}

object{
	z-index:0;
}


#container{
	z-index:3;
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
}

header{
	margin:48px 0 0 0;
	overflow:auto;
	position:relative;
}


#logo h1{
	margin:0;
	padding:0;
}
#logo h1 a{
	display:block;
	overflow:hidden;
	width:312px;
	height:92px;
	text-indent:-9999px;
	background:url(../img/logo.png)
}

.nav{
	margin:32px 0 0 0;
	overflow:visible;
}

.nav ul li a{
	color:#ffffff;
	text-decoration:none;
	padding:12px 8px 30px;
	font-size:12px;
	background:url(../img/bgr_menu.jpg) 0 37px repeat-x;
}

.nav ul li a:hover,
.nav ul li.active a{
	color:#ccbb8f;
	background:url(../img/bgr_menu.jpg) 0 49px repeat-x;
}
#lang_switcher {
	position:absolute;
	right:0;
	top:0;
	margin:0;
	padding:4px 13px 4px 13px;
	background:url(../img/bgr_lang.png);
}
#lang_switcher ul {
	list-style:none;
	margin:0;
	padding:0;
}
#lang_switcher ul li {
	float:left;
}
#lang_switcher ul li:first-child {
	padding-right:10px;
}
#lang_switcher ul li:first-child + li {
	padding-left:10px;
	border-left:1px solid #6f6f6f;
}
#lang_switcher ul li a {
	color:#ffffff;
	font-family: adrianne;
	font-size:12px;
	cursor:pointer;  
}
#lang_switcher ul li a:hover {
	color:#D2C195;
}

#main{
	clear:both;
	margin:36px 0 0 0;
	display:block;
	overflow:auto;
}

#slider{
	background:url(../img/slider_bgr.png) top left no-repeat;
	display:block;
	width:1218px;

	overflow: auto;
}

div.multicolumn {
	-moz-column-count: 2;
	-moz-column-gap: 25px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
	padding-bottom:15px;
}
.home .multicolumn {
	-moz-column-count: 2;
	-moz-column-gap: 25px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
	padding-bottom:5px;
}
#video iframe{
	margin:10px 0 0 10px;
}

#slider h2{
	color:#d2c195;
	text-shadow: 1px 1px 1px #666666;
	font-size:24px;
	font-family:adrianne;
	font-style:italic;
	margin:60px 0 26px 0;
}

#slider .readmore{
	display:block;
	width:100px;
	height:19px;
	line-height:19px;
	font-size:11px;
	text-align:right;
	padding:0 24px 0 0;
	background:url(../img/arrow_small.png) top right no-repeat;
	font-family:Georgia;
	font-style:italic;
	text-decoration:none;
	color:#3d2c10;
	float:right;
	margin-bottom:15px;
}

#slider .readmore:hover{
	text-decoration:underline;
	background:url(../img/arrow_small.png) bottom right no-repeat;
}

#slider h3{
	margin:0;
	padding:0;
}

#slider h3 a{
	font-family: adrianne;
	font-size:24px;
	color:#ffffff;
	display: block;
	background:top right url(/media/img/arrow_medium.png) no-repeat;
	height:72px;
	line-height: 72px;
	margin:52px 0 0 0;
	overflow: auto;
	text-shadow: 1px 1px 1px #666666;
}

#slider h3 a:hover{
	color:#d2c195;
	background:bottom right url(/media/img/arrow_medium.png) no-repeat;
}

#slider .cn-nav{
	height:120px;
	margin:9px 0 0 0;
}

#pic_description{
	width:600px;
	margin:-20px auto 25px;
	color:#fff;
	text-align:center;
}

#slider .cn-nav h4{
	font-family: adrianne;
	font-size:24px;
	color:#ffffff;
	margin-top:28px;
	margin-right:100px;
}

.above978{
	display:none;
}

#slider .cn-nav  a{
	right:0;
	margin-top:34px;
}

.home #slider .col6 h2 { color:#a2916a }

.home 

#boxes{
	overflow:auto;
	display: block;
	clear:both;
	background: top left no-repeat url(/media/img/bgr_boxes.png);
	margin:24px 0 0 0;
}

#boxes .col4{
	margin-top:48px;
}

#boxes .col3{
	margin-top:24px;
}

#boxes .col4 h4,
#boxes .col3 h4{
	color:#d2c195;
	font-family: adrianne;
	font-size:24px;
	margin:0 0 24px 0;
	text-shadow: 1px 1px 1px #666666;
}

#boxes .col4 p,
#boxes .col3 p{
	color:#fff;

}

#boxes .readmore{
	display:block;
	width:100px;
	height:19px;
	line-height:19px;
	font-size:11px;
	text-align:right;
	padding:0 24px 0 0;
	background:url(../img/arrow_small.png) top right no-repeat;
	font-family:Georgia;
	font-style:italic;
	text-decoration:none;
	color:#d2c195;
	float:right;
}
.home #slider .col6 .readmore{
	background:url(../img/arrow_small_dark.png) top right no-repeat;
}
.home #slider .col6 .readmore:hover{
	text-decoration:underline;
	background:url(../img/arrow_small_dark.png) bottom right no-repeat;
}
#boxes .readmore:hover{
	text-decoration:underline;
	background:url(../img/arrow_small.png) bottom right no-repeat;
}

footer{
	clear:both;
	overflow:auto;
	background: top left no-repeat url(/media/img/bgr_footer.png);
	margin:24px 0 0 0;
}

footer #seo_meta{
	font-size:10px;
	margin-left:77px;
	margin-top:40px;
	color:#FFF;
}

footer #copyrights{
	float:right;
	color:#ffffff;
	text-align: right;
	font-size:10px;
	margin:-45px 74px 24px 0;

}

footer #copyrights a{
	color:#ffffff;
}

footer #copyrights a:hover{
	color:#d2c195;
}

/* =============================================================================
   2.1 About us
   ========================================================================== */
.about #boxes{
	background:none;
}

.about #boxes .col4 p,
.about #boxes .col3 p{
	color:#fff;
	line-height: 24px;

}


.about .row{
	margin-top:18px;
}

.about img{
	padding:8px;
	background: top left repeat url(/media/img/bgr_img.png);
}

/* =============================================================================
   2.2 Technique
   ========================================================================== */
.technique .row{
	margin-top:18px;
}

.technique .col8 h4,
.technique .col8 h4{
	color:#d2c195;
	font-family: adrianne;
	font-size:24px;
	margin:0 0 24px 0;
	text-shadow: 1px 1px 1px #666666;
}

.technique .col8 p,
.technique .col8 p{
	color:#fff;
	line-height: 24px;
}

.technique iframe{
	padding:8px;
	background: top left repeat url(/media/img/bgr_img.png);
}
.technique .cn-nav{ margin-top:30px }

/* =============================================================================
   2.3 Why_us
   ========================================================================== */
.why_us .row{
	margin-top:18px;
}

.why_us img{
	padding:8px;
	background: top left repeat url(/media/img/bgr_img.png);
}


.why_us .col3 h4{
	color:#d2c195;
	font-family: adrianne;
	font-size:24px;
	margin:24px 0 24px 0;
	text-shadow: 1px 1px 1px #666666;
}

.why_us .col3 p{
	color:#fff;
	line-height: 24px;
}

.drop-cap {
	float: left;
	font-size: 88px;
	line-height:0.88;
	padding: 0 10px 10px 0;
	font-family:adrianne;
	font-weight: normal;
}

/* =============================================================================
   2.4 Products
   ========================================================================== */
.subnav { position:absolute;width:300px;}
.subnav_fixed {position:fixed;top:30px;}
.subnav li a{
	display:block;
	height:48px;
	line-height:48px;
	font-family:adrianne;
	font-size:18px;
	color:#fff;
	border-bottom:1px solid #fff;
	font-style:italic;
}
.subnav li:first-child a{
	border-top:1px solid #fff;
}

.subnav li a:hover,
.subnav li.active a{
	background:right 9px no-repeat url(/media/img/arrow_subnav.png);
}


.products .scrollable{
	width:748px;
	height:268px;
	color:#fff;
	margin:0 0 0 0;
}

.products .scrollable .items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
	clear:both;
	height:268px;

}

.products .scrollable div{
	width:749px;
	height:268px;
	float:none;
}

.products .scrollable span.half{
	display:block;
	float:left;
	width:358px;
	overflow:auto;
	margin-right:30px;
}

.products .scrollable span.half.last{
	margin-right:0;
}

.products .scrollable span.half h4, 
.col11 h4{
	color:#ffffff;
	font-family: adrianne;
	font-size:24px;
	margin:0 0 24px 0;
	text-shadow: 1px 1px 1px #666666;
}

.products .margin_floating { margin:0 0 0 300px }
.products .scroll{
	margin:0 0 0 0;
	width:30px;
	float:right;
}

.products .listing{
	overflow:auto;
	display: block;
	background: top left no-repeat url(/media/img/bgr_products.png);
	padding:48px 0 0 0;
}

.products .listing .element{
	clear:both;
	display: block;
	overflow:auto;
	margin:0 0 24px 0;
	color:#fff;
}

.products .listing .element img{
	background: top left repeat url(/media/img/bgr_img.png);
	padding:8px;
}

.products .listing .element .img{
	float:left;
	position:relative;
	margin:0 30px 0 0;
}

.products .listing .element .img a{
	display: block;
	position:absolute;
	width:54px;
	height:54px;
	background:top left no-repeat url(/media/img/nav_next.png);
	right:-20px;
	top:52px;
}

.products .listing .element .img a:hover{
	background:bottom left no-repeat url(/media/img/nav_next.png);
}

.products .listing .element .text{

}

.products .listing .element h4{
	color:#d2c195;
	font-family: adrianne;
	font-size:24px;
	margin:0 0 24px 0;
	text-shadow: 1px 1px 1px #666666;
}


.products .col11 p{
	color:#fff;
}

/* =============================================================================
   2.5 Showcases
   ========================================================================== */
.showcases .col6 h4,
.showcases .col8 h4
{
	color:#d2c195;
	font-family: adrianne;
	font-size:24px;
	margin:0 0 24px 0;
	text-shadow: 1px 1px 1px #666666;
}

.showcases .col6 p,
.showcases .col8 p{
	color:#fff;
	line-height: 24px;
}

.showcases iframe{
	padding:8px;
	background: top left repeat url(/media/img/bgr_img.png);
}

.showcases .row{
	overflow:auto;
	margin:0 0 48px 0;
}

/* =============================================================================
   2.6 Gallery
   ===
   ======================================================================= */


/* =============================================================================
   2.7 Contact
   ========================================================================== */  
.contact h4{
	color:#d2c195;
	font-family: adrianne;
	font-size:24px;
	margin:0 0 24px 0;
	text-shadow: 1px 1px 1px #666666;
}

.contact p{
	color:#fff;
	line-height: 24px;
}

.contact form p{
	float:left;
	margin:0 0 12px 0;
}

.contact form p label{
	display: block;

}

.contact form input[type="text"]{
	width:275px;
	padding-left:5px;
	height:36px;
	line-height:36px;
	margin-right:30px;
	border:1px solid #d2c195;
	background: top left repeat url(/media/img/bgr_img.png);
	font-style: italic;

}

.contact form p.last input{
	margin-right:0;
}

.contact form p textarea{
	width:580px;
	height:154px;
	border:1px solid #d2c195;
	background: top left repeat url(/media/img/bgr_img.png);
	padding:5px;
	font-style: italic;
}

.contact form input[type="submit"]{
	border:0;
	background:top right no-repeat url(/media/img/arrow_submit.png);
	height:40px;
	width:140px;
	color:#fff;
	font-family: adrianne;
	float:right;
}
input.unhappy {
	border: red 1px solid !important;
}
.send {
	display: none;
	padding-top: 100px;
	font-size: 20px;
	text-align: center;
}
/* =============================================================================
   Fancy hover effect
   ========================================================================== */
.cn-nav{

	overflow:visible;
	display: block;
	height:100px;

	position:relative;
}

.cn-nav h4{
	color:#fff;
	font-family: adrianne;
	font-size:24px;
	float:right;
	margin-right:168px;
	line-height:3;
}

.cn-nav > a{
	position: absolute;
	top: 0px;
	height: 70px;
	width: 70px;
}
a.cn-nav-prev{
	left: 0px;
}
a.cn-nav-next{
	right: 72px;
}
.cn-nav a span{
	width: 72px;
	height: 72px;
	display: block;
	text-indent: -9000px;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	cursor: pointer;
	opacity: 0.9;
	position: absolute;
	top: 50%;
	left: 50%;
	background-size: 17px 25px;
	margin: -36px 0 0 -36px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.cn-nav a.cn-nav-prev span{
	background: #D2C195 url(../images/prev.png) no-repeat center center;
}
.cn-nav a.cn-nav-next span{
	background: #D2C195 url(/media/img/arrow_plain.png) no-repeat center center;
}
.cn-nav a div{
	width: 0px;
	height: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; 
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.cn-nav a:hover span{
	width: 100px;
	height: 100px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	opacity: 0.6;
	margin: -50px 0 0 -50px;
	background-size: 22px 32px;
	background-color:#D2C195;
}
.cn-nav a:hover div{
	width: 90px;
	height: 90px;
	background-size: 120% 120%;
	margin: -45px 0 0 -45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px; 
}





/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}