@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,400italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic);
/*

font-family: 'Source Sans Pro', sans-serif;
font-family: 'Lora', serif;

*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0;    font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color:#FD6F6F;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

body { color: #231F1F; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; overflow-x: hidden; }
::selection {
	background: #fe7373;
	color:#fff; /* Safari */
	}
::-moz-selection {
	background: #fe7373; 
	color:#fff;/* Firefox */
}
.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; }

a:active,a:focus { outline: none; }

body { background: #E6E6E6; overflow-x: hidden; }	
.header { background: #fff; display: block; height: 82px; margin: 0px auto; position: relative; width: 275px; z-index: 2; }

a.logo img { width: 181px; height: auto; margin-top: 10px;margin-left: -14px; }

.banner { background:url(../images/banner/home.jpg); background-position: center center; background-repeat: no-repeat; width: 275px; height: 226px; position: relative; z-index: 1; margin-top: 0px !important; margin: 0px auto; }

.banner { 
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/banner/home.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/banner/home.jpg', sizingMethod='scale')";
	-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
	}

.banner div { cursor: pointer; display: block; height: 100%; width: 50%; position: relative; }
.banner div.left a { background:url(../img/ie-red.png); background-position: 0px top; background-repeat: no-repeat; background-size: 100px; color: #fff; display: block; font-family: 'Lora'; font-style: italic; font-size: 15.94px; font-weight: normal; height: 100px; left: 50%; line-height: 100px; margin-left: -50px; margin-top: -50px; position: absolute; text-align: center; top: 50%; width: 100px; 
background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
}
.banner div.right a { background:url(../img/ie-blue.png); background-position: 0px top; background-repeat: no-repeat; background-size: 100px; color: #fff; display: block; font-family: 'Lora'; font-style: italic; font-size: 15.94px; font-weight: normal; height: 100px; left: 50%; line-height: 100px; margin-left: -50px; margin-top: -50px; position: absolute; text-align: center; top: 50%; width: 100px; 
background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
}

.banner a#scrolldown { bottom: 45px; color: #fff; font-family: Lora; font-size: 26px; font-style: italic; margin-left: -59.5px; position: absolute; display: none; height: 48px; line-height: 48px; text-align: center; width: 119px; }


.banner .notification { background: #FF0103; display: block; font-family: 'Source Sans Pro', sans-serif; font-size: 16.01px; font-weight: 200; height: 123px; left: 0px; position: absolute; text-align: center; top: 0px; width: 100%; z-index: 2; }
.banner .notification p { 
	color: #fff; 
	display: block; 
	line-height: 1.16em; 
	margin: 0px auto; 
	max-width: 78%; 
	padding-top: 21px; 
}
.banner .notification p span { font-family: 'Lora'; font-style: italic; font-size: 16.01px; font-weight: normal; }

.banner .notification .close-notify { background: url('../img/close.jpg'); display: block; height: 22px; width: 22px; position: absolute; right: 9px; top: 4px; }
.banner .notification .close-notify:hover { background-position: 0px -22px; }


/*
.banner div a { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.banner div:hover.left a { background-size: cover; height: 120px; width: 120px; margin-top: -60px; margin-left: -60px; line-height: 120px; }
.banner div:hover.right a { background-size: 120px; height: 120px; width: 120px; margin-top: -60px; margin-left: -60px; line-height: 120px; }
*/

.ie8 .banner div.left a { background:url(../img/ie-red100.png); background-position: 0px top; background-repeat: no-repeat; background-size: cover; }
.ie8 .banner div:hover.left a { background:url(../img/ie-red100.png); background-position: center center; background-repeat: no-repeat; background-size: cover; }
	
.ie8 .banner div.right a { background:url(../img/ie-blue100.png); background-position: 0px top; background-repeat: no-repeat; background-size: cover; }
.ie8 .banner div:hover.right a { background:url(../img/ie-blue100.png); background-position: center center; background-repeat: no-repeat; background-size: cover; }
	

.intro { width: 275px; margin: 0px auto; }
	
.line { bottom: 0px; display: block; height: 6px; position: absolute; width: 100%; }
.line span.blue-line { display: block; float: left; height: 6px; width: 50%; background: #130D71; }
.line span.red-line { display: block; height: 6px; float: right; width: 50%; background: #FF0103; }

.intro { background: #fff; width: 275px; margin: 0px auto; padding-top: 40px; padding-bottom: 40px; }
.intro p { font-family: 'Source Sans Pro', sans-serif; font-size: 43px; line-height: 1.3em; font-weight: 200; font-size: 24px; padding-left: 38px; width: 188px; }
.intro p span { font-family: 'Lora', serif; font-style: italic; }

.block { display: block; clear: both; height: auto; width: 275px; position: relative; margin: 0px auto; }

.wrapper { background: #fff; width: 275px; margin: 0px auto; position: relative; }
.wrapper a.title { display: inline-block; color: #000; font-family: 'Source Sans Pro', sans-serif; font-size: 24px; padding-left: 38px; font-weight: 200; margin-top: 40px; }
.wrapper a.title span { font-family: 'Lora', serif; font-style: italic; }	

.text-block { background: #9895b4; display: block; float: none; height: auto; min-width: 100%; width: 275px; padding-top: 15px; position: relative; z-index: 1; }
.text-block p { color: #fff; font-size: 12px; line-height: 20px; width: auto; padding: 0px 38px; }
.text-block p br { display: none; }
.text-block h1 { color: #fff; font-family: "Source Sans Pro",sans-serif; font-size: 24px; font-weight: 200; line-height: 1.2em; padding-bottom: 15px; padding-top: 29px; padding-left: 38px; padding-right: 0px; }
.text-block h1 span { font-family: 'Lora', serif; font-style: italic; }
.text-block p.small { font-size: 11px; font-weight: 200; line-height: 1.3em; position: relative; padding-bottom: 42px; padding-top: 13px; bottom: auto; }
.text-block p.disclaimer { font-size: 11px; font-weight: 200; line-height: 1.3em; position: relative; padding-bottom: 42px; padding-top: 13px; bottom: auto; font-weight:400; }
.text-block img { height: auto; margin-left: 38px; width:195px; }
.text-block img.logoImage { width:auto;}
a.readMore.breamerPromoBtn {
		background-color:#ee3637;
	}
	a.readMore.breamerPromoBtn:hover {
		background-color:#cf1e1f;
	}
	.text-block h1.breamerPromoHead {
	font-size: 31px;	
	}

.image-block { background: #9895b4 !important; display: block; float: none; min-width: 100%; overflow: visible; position:relative; }

.image-block img { width: auto; position: relative; left: 0%; bottom: -2px; margin-left: 0%; height: 220px; }
img.extended {
		position:absolute;
		left:0;
		top:0;
		width:135px;
		height:auto;
		z-index:1000;
	}

.text { min-width: 100%; float: none;  }
a.readMore { background: #FE7070; color: #fff; display: block; font-family: 'Lora', serif; font-style: italic; font-size: 20px; line-height: 59px; margin-bottom: 12px; margin-top: 22px; margin-left: 38px; margin-right: 38px; text-align: center; -webkit-transition: background 400ms ease-in-out;
	   -moz-transition: background 400ms ease-in-out;
	     -o-transition: background 400ms ease-in-out;
	        transition: background 400ms ease-in-out; }
a.readMore:hover { background: #FE0000; color:#fff; }

.suppliers { display: block; list-style: none; margin-top: 35px; margin-left: 38px; }
.suppliers li { background: #fff; border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; display: block; float: left; height: 58px; width: 97px; }
.suppliers li:nth-child(4n+4) { border-right: none; }
.suppliers li:nth-child(2n+2) { border-right: 1px solid #d8d8d8; }
.suppliers li:nth-child(5), .suppliers li:nth-child(6), .suppliers li:nth-child(7), .suppliers li:nth-child(8), .suppliers li:nth-child(9), .suppliers li:nth-child(10), .suppliers li:nth-child(11), .suppliers li:nth-child(12) {  border-bottom: none; }
.suppliers li:nth-child(7), .suppliers li:nth-child(8) { border-bottom: 1px solid #d8d8d8; }
.suppliers li img { display: block; height: 58px; margin: 0px auto; width: auto; }
	
.footer { background: #fff; display: block; clear: both; height: 360px; padding-top: 50px; width: 275px; margin: 0px auto; }
.footer footer { background: none; background-position: center top; background-repeat: no-repeat; background-size: cover; height:  auto; position: relative; }

.footer-block { background: #F5F4F9; display: block; height: 410px; padding: 0px 38px; position: absolute; left: 0px; top: 0px; width: 199px; }
.footer-block a.title { margin-top: 45px; padding-bottom: 20px; padding-left: 0px; padding-top: 0px; }
.footer-block p { padding-bottom: 12px; line-height: 24px; font-size:12px; }
.footer-block p span { font-weight:600; }

.end { background: #fff; height: 250px; width: 275px; margin: 0px auto; }
.end p { margin-top: 50px; padding: 0px 38px; font-size: 12px; line-height: 24px; float: left; }
.end p:first-child { padding-top: 30px; }
.end p:nth-child(2) { margin-top: 30px; float: left; }
.end a { color: #000; }

.sb-slidebar { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:0px; z-index:11;}
#sb-site { height: 100%; position: relative; margin: 0px auto; width: 275px; z-index: 1; overflow: hidden; }
.sb-right { right: -157px; opacity: 1; }
html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; }
.sb-slidebar.sb-active { visibility: visible; }
.sb-slidebar.sb-style-overlay { z-index: 2; }
.sb-slidebar { width: 157px; }
.sb-slidebar { border-left: 6px solid #F5F5F5; height: 100%; top: 0; position: absolute; padding-left: 0px; padding-right: 0px; background: #fff; }	
.sb-slidebar ul { background: #fff; display: block; margin-top: 87px; list-style: none; padding-left: 25px; width: 104px; }
.sb-slidebar ul li { border-bottom: 1px solid #F2F2F2; }
.sb-slidebar ul li a { color: #000; display: block; font-family: 'Lora'; font-style: italic; font-size: 14px; height: 49px; line-height: 49px; }
.sb-slidebar li ul { margin-top: -5px; padding-bottom: 20px; padding-left: 0px; }
.sb-slidebar li ul li { border-bottom: none; }
.sb-slidebar li ul li a { color: #9D9D9D; font-size: 12px; height: 32px; line-height: 32px; }

.sb-slide, #sb-site, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: visible; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

.sb-toggle-right { background: url(../img/menu.png); background-position: 0px top; color: #fff; float: right; text-indent: -999px; overflow: hidden; height: 40px; line-height: 40px; margin-right: 25px; margin-top: 17px !important;  text-align: center; width: 40px; }
.close-menu { background: url(../img/menu.png); background-position: -40px top; color: #fff; display: none; float: right; text-indent: -999px; overflow: hidden; height: 40px; line-height: 40px; margin-right: 25px; margin-top: 22px; text-align: center; width: 40px; }

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
span.phoneHome {
		font-size:25px;
		font-family: 'Lora',serif;
    	font-style: italic;
		font-weight:100;
		color:#000;
		height:auto;
		width:auto;
		float: right;
 		position: relative;
  		z-index: 10;
  		padding-right: 16px;
  		padding-top: 23px;
}

span.phoneHome img {
	  vertical-align: bottom;
}

#phone {
	display:none;	
	font-weight:100;
}

#ordinary-phone {
	display:none;
}

#mobile-phone {
	display:inline;
}

.text-block h1 span.smallPromo { font-size:18px; line-height:1.2em; display:block;
	}
	.text-block h1 span.smallPromo2 {margin-top:10px;
	}


@media only screen and (min-width: 768px) {
	body { background: #f4f4f4; overflow-x: hidden; }	
	.header { background: #fff; display: block; height: 82px; margin: 0px auto; position: relative; width: 700px; z-index: 2; }
	
	a.logo img { width: 270px; height: auto; margin-top: -5px; margin-left: 0px;  }
	
	.banner { background:url(../images/banner/home.jpg); background-position: center top; background-repeat: no-repeat; width: 700px; height: 331px; position: relative; z-index: 1; margin: 0px auto; max-height: none; overflow: hidden; }
	.banner { 
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/banner/home.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/banner/home.jpg', sizingMethod='scale')";
	-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
	}
	.banner div { display: block; height: 100%; width: 50%; position: relative; }
	.banner div.left a { background:url(../img/ie-red.png); background-position: 0px top; background-repeat: no-repeat; background-size: cover; color: #fff; display: block; font-family: 'Lora'; font-style: italic; font-size: 22.16px; font-weight: normal; height: 139px; left: 50%; line-height: 139px; margin-left: -69.5px; margin-top: -69.5px; position: absolute; text-align: center; top: 50%; width: 139px; 
	
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
	
	}
	.banner div.right a { background:url(../img/ie-blue.png); background-position: 0px top; background-repeat: no-repeat; background-size: 100% 100%; color: #fff; display: block; font-family: 'Lora'; font-style: italic; font-size: 22.16px; font-weight: normal; height: 139px; left: 50%; line-height: 139px; margin-left: -69.5px; margin-top: -69.5px; position: absolute; text-align: center; top: 50%; width: 139px; 
	
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
	
	}
	
	.banner .notification { background: #FF0103; display: block; font-family: 'Source Sans Pro', sans-serif; font-size: 18.08px; font-weight: 200; height: 83px; left: 0px; position: absolute; text-align: center; top: 0px; width: 100%; z-index: 2; }
	.banner .notification p { color: #fff; display: block; line-height: 1.18em; margin: 0px auto; max-width: 450px; padding-top: 15px; }
	.banner .notification p span { font-family: 'Lora'; font-style: italic; font-size: 18.08px; font-weight: normal; }

	.banner .notification .close-notify { background: url('../img/close.jpg'); display: block; height: 22px; width: 22px; position: absolute; right: 9px; top: 4px; }
	.banner .notification .close-notify:hover { background-position: 0px -22px; }

	/*	
	.banner div a { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
	.banner div:hover.left a { background-size: 159px; height: 159px; width: 159px; margin-top: -79.5px; margin-left: -79.5px; line-height: 159px; }
	.banner div:hover.right a { background-size: 159px; height: 159px; width: 159px; margin-top: -79.5px; margin-left: -79.5px; line-height: 159px; }
	*/
	
	
	.ie8 .banner { background:url(../images/banner/home.jpg); background-position: center top; background-position-x: center; }
	
	.ie8 .banner div.left a { background:url(../img/ie7-red.png); background-position: 0px top; background-repeat: no-repeat; background-size: cover; }
	.ie8 .banner div:hover.left a { background:url(../img/ie7-red-hover.png); background-position: 0px top; background-repeat: no-repeat; background-size: cover; }
	
	.ie8 .banner div.right a { background:url(../img/ie7-blue.png); background-position: 0px top; background-repeat: no-repeat; background-size: cover; }
	.ie8 .banner div:hover.right a { background:url(../img/ie7-blue-hover.png); background-position: 0px top; background-repeat: no-repeat; background-size: cover; }
					
	.line { bottom: 0px; display: block; height: 6px; position: absolute; width: 100%; }
	.line span.blue-line { display: block; float: left; height: 6px; width: 50%; background: #130D71; }
	.line span.red-line { display: block; height: 6px; float: right; width: 50%; background: #FF0103; }
	
	.intro { background: #fff; width: 700px; margin: 0px auto; padding-top: 50px; padding-bottom: 60px; }
	.intro p { font-family: 'Source Sans Pro', sans-serif; font-size: 43px; font-weight: 200; padding-left: 60px; width: 640px; }	
	.intro p span { font-family: 'Lora', serif; font-style: italic; }
	
	.block { display: block; clear: both; height: 493px; min-width: 700px; position: relative; width: 700px; }
	
	.wrapper { background: #fff; width: 700px; margin: 0px auto; position: relative; }
	.wrapper a.title { display: inline-block; color: #000; font-family: 'Source Sans Pro', sans-serif; font-size: 38px; padding-left: 60px; font-weight: 200; margin-top: 50px; }
	.wrapper a.title span { font-family: 'Lora', serif; font-style: italic; }	
	
	.text-block { background: #9895b4; display: block; float: left; height: 459px; min-width: 50%; width: 50%; padding-top: 34px; position: relative; z-index: 2; }
	.text-block p { color: #fff; font-size: 14px; line-height: 26px; width: 250px; padding: 0px; }
	.text-block p br { display: none; }
	
	.text-block h1 { color: #fff; font-family: "Source Sans Pro",sans-serif; font-size: 32px; font-weight: 200; line-height: 1.2em; padding-bottom: 10px; padding-top: 26px; padding-left: 0px; padding-right: 0px; }
	.text-block h1.breamerPromoHead {
	font-size: 43px;	
	}
	
	.text-block h1 span { font-family: 'Lora', serif; font-style: italic; }
	.text-block p.small { font-size: 11px; line-height: 1.35em; padding: 0px; position: absolute; bottom: 28px; }
	.text-block p.disclaimer { font-size: 11px; line-height: 1.35em; padding: 0px; position: absolute; bottom: 28px; font-weight:400px; }
	.text-block img { margin-left: 0px; width: auto; }
	
	.image-block { background: #9895B4 !important; display: block; float: right; height: 493px; min-width: 350px; width: 350px; overflow: hidden; position: relative; }
	.image-block img { width: auto; position: absolute; left: 0%; bottom: auto; margin-left: -16%; height: 100%; }
	img.extended {
		position:absolute;
		left:55px;
		top:0;
		width:auto;
		height:auto;
		z-index:1000;
	}
	
	
	.text-block h1 span.smallPromo { font-size:20px; line-height:1.2em; display:block;
	}
	.text-block h1 span.smallPromo2 {margin-top:10px;
	}
	
	
	.text { min-width: 290px; float: right; }
	a.readMore { background: #FE7070; color: #fff; display: inline-block; font-family: 'Lora', serif; font-style: italic; font-size: 20px; line-height: 66px; margin-bottom: 26px; margin-top: 24px; margin-left: 0px; padding: 0px 50px; }
	a.readMore.breamerPromoBtn {
		background-color:#ee3637;
	}
	a.readMore.breamerPromoBtn:hover {
		background-color:#cf1e1f;
	}
	
	.supplier { padding-top: 12px; }
	
	.suppliers { display: block; list-style: none; margin-top: 39px; margin-left: 60px; }
	.suppliers li { background: #fff; border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; display: block; float: left; height: 85px; width: 142px; }
	.suppliers li:nth-child(2n+2) { border-right: none; }
	.suppliers li:nth-child(4n+4) {  border-right: 1px solid #d8d8d8 !important; }	
	.suppliers li:nth-child(5), .suppliers li:nth-child(6), .suppliers li:nth-child(7), .suppliers li:nth-child(8), .suppliers li:nth-child(9), .suppliers li:nth-child(10), .suppliers li:nth-child(11), .suppliers li:nth-child(12) {  border-bottom: 1px solid #d8d8d8; }
	.suppliers li img { display: block; height: 85px; margin: 0px auto; width: auto; }
	
	.footer { background: #fff; display: block; clear: both; height: 535px; padding-top: 70px; width: 700px; margin: 0px auto; }
	.footer footer { background:url(../img/map.jpg); background-position: -240px top; background-repeat: no-repeat; background-size: cover; height: 535px; position: relative; }

	.footer-block { background: #fff; display: block; height: 431px; padding: 0px 46px; position: absolute; left: 60px; top: 52px; width: 285px; }
	.footer-block a.title { margin-top: 45px; padding-bottom: 20px; padding-left: 0px; padding-top: 0px; }
	.footer-block p { padding-bottom: 12px; line-height: 24px; font-size:14px; }
	
	.end { background: #fff; height: 220px; width: 700px; margin: 0px auto; }
	.end p { margin-top: 50px; padding: 0px 25px; font-size: 14px; line-height: 20px; }
	.end p:first-child { padding-top: 0px; }
	.end p:nth-child(2) { margin-top: 50px; float: right; }
	.end a { color: #000; }
	
	.sb-slidebar { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-top:0px; z-index:11; }
	#sb-site { background: #f4f4f4; height: 100%; position: relative; width: 700px; margin: 0px auto; z-index: 1; overflow: hidden; }
	.sb-right { right: -157px; }
	html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; }
	.sb-slidebar.sb-active { visibility: visible; }
	.sb-slidebar.sb-style-overlay { z-index: 2; }
	.sb-slidebar { width: 157px; }	
	.sb-slidebar { border-left: 6px solid #F5F5F5; height: 100%; position: absolute; padding-left: 0px; padding-right: 0px; background: #fff; }		
	.sb-slidebar ul { background: #fff; display: block; margin-top: 87px; list-style: none; padding-left: 25px; width: 104px; }
	.sb-slidebar ul li { border-bottom: 1px solid #F2F2F2; }
	
	.sb-slidebar ul li a {  color: #000; display: block; font-family: 'Lora'; font-style: italic; font-size: 14px; height: 49px; line-height: 49px; }
	.sb-slidebar li ul { margin-top: -5px; padding-bottom: 20px; padding-left: 0px; }
	.sb-slidebar li ul li { border-bottom: none; }
	.sb-slidebar li ul li a { color: #9D9D9D; font-size: 12px; height: 32px; line-height: 32px; }	
	
	.sb-toggle-right { background: url(../img/menu.png); background-position: 0px top; color: #fff; float: right; text-indent: -999px; overflow: hidden; height: 40px; line-height: 40px; margin-right: 25px; margin-top: 22px; text-align: center; width: 40px; }
	.close-menu { background: url(../img/menu.png); background-position: -40px top; color: #fff; display: none; float: right; text-indent: -999px; overflow: hidden; height: 40px; line-height: 40px; margin-right: 25px; margin-top: 22px; text-align: center; width: 40px; }
	
	span.phoneHome {
		font-size:23px;
		font-family: 'Lora',serif;
    	font-style: italic;
		font-weight:100;
		color:#000;
		height:auto;
		width:auto;
		float: right;
 		position: relative;
  		z-index: 10;
  		margin-right: 37px;
		padding-top: 26px;
  		padding-right: 0px;
	}
	
	span.phoneHome img {
	  vertical-align: bottom;
}

#phone {
	display:inline;	
	font-weight:100;
}

#ordinary-phone {
	display:inline;
}

#mobile-phone {
	display:none;
}

}
@media only screen and (min-width: 1140px) {
	body { background: #fff; }	
	.header { background: #fff; display: block; height: 125px; margin: 0px 50px; position: relative; width: auto; z-index: 2; }
	
	a.logo img { width: 270px; height: auto; margin-top: 38px; margin-left: 0px; }
	
	.banner { background:url(../images/banner/home.jpg); background-position: center center; background-repeat: no-repeat; width: 100%; height: 760px; position: relative; z-index: 1; top: -72px !important; }
	
	.banner { 
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/banner/home.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/banner/home.jpg', sizingMethod='scale')";
	-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
	
	}
	
	
	
	.banner div { display: block; height: 100%; width: 50%; position: relative; }
			
	.banner div.left a { background:url(../img/ie-red.png); background-position: 0px top; background-repeat: no-repeat; color: #fff; display: block; font-family: 'Lora'; font-style: italic; font-size: 34.91px; font-weight: normal; height: 219px; left: 50%; line-height: 219px; margin-left: -109.5px; margin-top: -109.5px; position: absolute; text-align: center; top: 50%; width: 219px;
	
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
	}
	
	.banner div.right a { background:url(../img/ie-blue.png); background-position: 0px top; background-repeat: no-repeat; background-size: cover; color: #fff; display: block; font-family: 'Lora'; font-style: italic; font-size: 34.91px; font-weight: normal; height: 219px; left: 50%; line-height: 219px; margin-left: -109.5px; margin-top: -109.5px; position: absolute; text-align: center; top: 50%; width: 219px;
	
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);
	}

	.banner .notification { 
		background: #0a0633; 
		display: block; 
		font-family: 'Source Sans Pro', sans-serif; 
		font-size: 24px; 
		font-weight: 200; 
		height: 103px; 
		text-align: center; 
		width: 94%; 
		margin: 170px auto 0;
		position: relative;
	}
	.notifHolder {
		width: 100% !important;
	}
	.banner .notification p { 
	color: #fff;
    display: block;
    line-height: 1.18em;
    margin: 0px auto;
    margin-top: 0px;
    max-width: 630px;
    padding-top: 0;
    margin-top: -10px;
	}
	
	.banner .notification p span {
    font-family: 'Lora';
    font-style: italic;
    font-size: 24px;
    font-weight: normal;
  }
	
	.elementor-kit-7 .banner .notification a.notifBtn {
  display: inline-block !important;
  width: auto !important;
  line-height: normal !important;
  height: auto !important;
  margin-left: 20px !important;
  margin-top: 0 !important;
  background: #FF7170;
    background-size: auto;
  color: #fff !important;
  font-family: 'Lora', serif !important;
  font-size: 20px !important;
  font-style: italic !important;
  font-weight: 400;
  padding: 10px 25px;
  overflow: hidden;
  transition: background 400ms ease-in-out;
}
	
	
	.banner .notification p span { font-family: 'Lora'; font-style: italic; font-size: 24px; font-weight: normal; }

	.banner .notification .close-notify { background: url('../img/close.jpg'); display: block; height: 22px; width: 22px; position: absolute; right: 9px; top: 4px; }
	.banner .notification .close-notify:hover { background-position: 0px -22px; }
		
	/*
	
	.banner div a { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
	.banner div:hover.left a { background-size: 239px; height: 239px; width: 239px; margin-top: -119.5px; margin-left: -119.5px; line-height: 239px; }
	.banner div:hover.right a { background-size: 239px; height: 239px; width: 239px; margin-top: -119.5px; margin-left: -119.5px; line-height: 239px; }
	
	*/
		
		
	.banner a#scrolldown { display: inline; }
	.banner #scrolldown span.left-line { display: block; position: absolute; top: 0px; height: 2px; overflow: hidden; background: #fff; width: 99px; margin-left: 20px; }
	.banner #scrolldown span.right-line { display: block; position: absolute; bottom: 0px; height: 2px; overflow: hidden; background: #fff; width: 99px; margin-left: 0px; }
	
	 
	.line { bottom: 0px; display: block; height: 6px; position: absolute; width: 100%; }
	.line span.blue-line { display: block; float: left; height: 6px; width: 50%; background: #130D71; }
	.line span.red-line { display: block; height: 6px; float: right; width: 50%; background: #FF0103; }
	
	.intro { width: 960px; margin: 0px auto; padding-top: 100px; padding-bottom: 100px; }
	.intro p { font-family: 'Source Sans Pro', sans-serif; font-size: 54.75px; font-weight: 200; padding-left: 0px; width: 700px; }	
	.intro p span { font-family: 'Lora', serif; font-style: italic; }
	
	.block { display: block; clear: both; height: 513px; min-width: 960px; position: relative; width: auto; }
	
	.wrapper { width: 960px; margin: 0px auto; position: relative; }
	.wrapper a.title { color: #000; display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-size: 42px; padding-left: 0px; font-weight: 200; margin-top: 40px; }
	.wrapper a.title span { font-family: 'Lora', serif; font-style: italic; }
	
	.text-block { background: #9895b4; display: block; float: left; height: 498px; min-width: 50%; width: 50%; padding-top: 15px; position: relative; z-index: 2; }
	.text-block p { color: #fff; font-size: 14px; line-height: 26px; width: 407px; }
	.text-block p br { display: block; }
	
	.text-block h1 { color: #fff; font-family: "Source Sans Pro",sans-serif; font-size: 40px; font-weight: 200; line-height: 1.2em; padding-bottom: 14px; padding-top: 50px; }
	.text-block h1 span { font-family: 'Lora', serif; font-style: italic; }
	.text-block h1 span.smallPromo { font-size:29px; line-height:1.2em; display:block;
	}
	.text-block h1 span.smallPromo2 {margin-top:10px;
	}
	.text-block p.small { font-size: 11px; font-weight: 200; letter-spacing: 0.1em; line-height: 1.3em; position: absolute; padding: 0px; bottom: 30px; }
	.text-block p.disclaimer { font-size: 11px; font-weight: 400; letter-spacing: 0em; line-height: 1.3em; position: absolute; padding: 0px; bottom: 30px; }
	.text-block img { margin-left: 0px; width: auto; }
	.image-block img.promopic {
		width:100%;
		min-height:513px;
		min-width:780px;
	}
	a.readMore.breamerPromoBtn {
		background-color:#ee3637;
	}
	a.readMore.breamerPromoBtn:hover {
		background-color:#cf1e1f;
	}
	.text-block h1.breamerPromoHead {
	font-size: 60px;	
	}
	
	.image-block { background: #9895B4 !important; display: block; float: right; height: 513px; min-width: 50%; width: 50%; overflow: hidden; position: relative; }
	.image-block img { height: auto; width: 790px; position: absolute; left: 0%; bottom: auto; margin-left: 0; }
	img.extended {
		position:absolute;
		left:0;
		top:0;
		width:auto;
		height:auto;
		z-index:1000;
	}
			
	.text { min-width: 480px; float: right; }
	a.readMore { background: #FE7070; color: #fff; display: inline-block; font-family: 'Lora', serif; font-style: italic; font-size: 20px; line-height: 66px; margin-top: 27px; margin-left: 0px; margin-bottom: 37px; padding: 0px 50px; }
	.supplier { padding-top: 47px; }
	
	.suppliers { display: block; list-style: none; margin-top: 45px; margin-left: 0px; }
	.suppliers li { border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; display: block; float: left; height: 143px; width: 238px; }
	.suppliers li:nth-child(2n+2) { border-right: none; }
	.suppliers li:nth-child(4n+4) {  border-right: 1px solid #d8d8d8 !important; }	
	.suppliers li:nth-child(5), .suppliers li:nth-child(6), .suppliers li:nth-child(7), .suppliers li:nth-child(8), .suppliers li:nth-child(9), .suppliers li:nth-child(10), .suppliers li:nth-child(11), .suppliers li:nth-child(12) {  border-bottom: 1px solid #d8d8d8; }
	.suppliers li img { display: block; height: 143px; margin: 0px auto; width: auto; }
	
	.footer { display: block; clear: both; height: 566px; padding-top: 127px; width: 100%; margin: 0px auto; }
	.footer footer { background:url(../img/map.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; height: 566px; position: relative; }

	.footer-block { background: #fff; display: block; height: 431px; padding: 0px 46px; position: absolute; left: auto; right: 93px; top: 52px; width: 285px; }
	.footer-block a.title { margin-top: 45px; padding-bottom: 20px; }
	.footer-block p { padding-bottom: 12px; line-height: 24px; }
	
	.end { height: 220px; width: 100%; }
	.end p { margin-top: 50px; padding: 0px 0px; font-size: 14px; line-height: 26px; }
	.end a { color: #000; }	
	
	.sb-slidebar { background-color: #fff; border-left: none; height: 81px !important; overflow: visible; position: absolute; top: 0; visibility: visible; width: 70%; z-index: 1; padding: 0px; margin-top:38px; z-index:9;}
	
	#sb-site { background: #fff; height: 100%; position: absolute; width: 100%; z-index: 1; overflow: visible; }
	.sb-right { right: 0px !important; }
	
	.sb-slidebar ul { float: right; margin-right: 40px; margin-top: 0px; padding-left: 0px; width: auto; }
	.sb-slidebar ul li { border-bottom: none; display: block; float: left; margin-top: 31px; position: relative;  }
	.sb-slidebar ul li a { color: #010101; height: auto; line-height: normal; font-family: 'Lora'; font-style: italic; font-size: 14px; padding: 9px 0px; margin: 0px 16px; padding-bottom: 17px; }	
	.sb-slidebar li:hover ul { border-top: 6px solid #FF0103; max-height: 999px; padding-bottom: 15px; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }	
	.sb-slidebar li ul { background: #fff; float: right; max-height: 0px; overflow: hidden; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 5px; position: absolute; top: 44px; min-width: 172px;  }
	.sb-slidebar li ul li { display: block; float: none; margin-top: 0px; padding-top: 0px; height: 32px; line-height: 32px; }
	.sb-slidebar li ul li a { background: #fff; color: #010101; font-size: 14px; padding-top: 0px; line-height: 42px; }	
	.sb-slidebar a.akt { background: url(../img/akt.png); background-repeat: repeat-x; background-position: left 32px; }
	
	.sb-toggle-right { display: none; }	
	.close-menu { display: none !important; }
	span.phoneHome {
		font-size:25px;
		font-family: 'Lora',serif;
    	font-style: italic;
		font-weight:100;
		color:#000;
		height:auto;
		width:auto;
		float: right;
 		position: relative;
  		z-index: 10;
  		margin-right: 55px;
		padding-top: 26px;
  		padding-right: 0px;
	}
	
	span.phoneHome img {
	  vertical-align: bottom;
}

#phone {
	display:inline;
	font-weight:100;
}

#ordinary-phone {
	display:inline;
}

#mobile-phone {
	display:none;
}
}
