/* reset */

* { margin: 0; padding: 0; outline: none; box-sizing: border-box; font-size: 15px; line-height: 18px; font-family: 'Open Sans', sans-serif;  }





/* globals */

.inner { max-width:1100px; width: 100%; margin: 0 auto; padding: 0 15px; }

.clear { clear:both; }

a { transition: all 0.3s ease; }

div.container { }

table, iframe, img { max-width: 100%; }

.floatRight { float: right; margin: 0 0 15px 20px; border: #EFEFEF 1px solid; padding: 5px; border-radius: 5px; background: #FFF; }

.floatLeft { float: left; margin: 0 20px 15px 0; border: #EFEFEF 1px solid; padding: 5px; border-radius: 5px; background: #FFF; }



/* wrapper */

div.container { }

	div.container div.upper { background: #F6F6F6;  }

	div.container div.upper div.inner { padding-top: 5px; padding-bottom: 5px; font-size: 13px; font-weight: bold; color: #CC0000; text-align: center; }





/* header */

div.container header { background: #333; }

	div.container header div.inner { padding-top: 20px; padding-bottom: 20px; }

	div.container header div.inner a { }

	div.container header div.inner a img { }

	div.container header div.inner div.contacts { text-align: center; border-radius: 10px; border:#e0e0e0 2px solid; background: #F6F6F6; float: right; padding: 10px; color: #333; font-weight: bold; margin-top: 10px; width: 42%; }

	div.container header div.inner div.contacts a { display: block; color: #CC0000; text-decoration: none; margin-bottom: 10px; font-size: 30px; font-weight: bold; line-height: 30px; }

	div.container header div.inner div.contacts a:before { font-family: FontAwesome; content:"\f095"; margin-right: 15px; font-size: 26px; }





/* navigation */

div.container nav { background:#CC0000; height: 60px; } 

	div.container nav div.inner {  }

	div.container nav div.inner ul { list-style: none; }

	div.container nav div.inner ul li { display: inline-block; float: left; }

	div.container nav div.inner ul li a { position: relative; float: left; color: #FFF; text-decoration: none; display: block; line-height: 60px; padding: 0 20px; font-weight: bold; text-transform: uppercase; }

	div.container nav div.inner ul li a.current { background:#F6F6F6; color: #333; }

	div.container nav div.inner ul li a:hover { background:#F6F6F6; color: #333; }

	div.container nav div.inner ul li a:before { position: absolute; content: ""; display: block; left: 0; right: 0; height: 7px; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #CC0000; top: -7px; opacity: 0; filter: alpha(opacity=0); -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

	div.container nav div.inner ul li a.current:before { opacity: 1; }

	div.container nav div.inner ul li a:hover::before { opacity: 1; }





/* bar */

div.container div.bar { background: #333333; }

	div.container div.bar div.inner { padding-top: 40px; padding-bottom:40px; color: #FFF; }

	div.container div.bar div.inner div.block-left { width:50%; float: left; }

	div.container div.bar div.inner div.block-left h2 { display: block; font-size: 18px; line-height: 24px; }

	div.container div.bar div.inner div.block-left h2 span { color:#CC0000; font-size: 28px; line-height: 24px; text-shadow: 1px 1px 0px rgba(255, 255, 255, .5); }

	div.container div.bar div.inner div.block-left h2:before { font-family: FontAwesome; content:"\f155"; margin-right: 20px; font-size: 46px; float: left; line-height: 46px; }

	div.container div.bar div.inner div.block-right { width: 50%; float: right; }

	div.container div.bar div.inner div.block-right h2 { display: block;font-size: 18px; line-height: 24px; }

	div.container div.bar div.inner div.block-right h2 span { color:#CC0000; font-size: 28px; line-height: 24px; text-shadow: 1px 1px 0px rgba(255, 255, 255, .5); }

	div.container div.bar div.inner div.block-right h2:before { font-family: FontAwesome; content:"\f1b8"; margin-right: 20px; font-size: 46px; float: left; line-height: 46px; }

	.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; border-top: 0; }





/* slideshow */

div.container div.slideshow { max-height: 375px; overflow: hidden; }

	div.container div.slideshow img { width: 100%; }





/* content */

div.container div.content { padding: 40px 0; background: #F6F6F6; text-align: center; }

	div.container div.content.lefttext { text-align: left; }

	div.container div.content div.inner { margin-bottom: 30px; }

	div.container div.content div.inner h1 { color: #CC0000; font-weight: bold; margin-bottom: 0px; font-size: 28px; line-height: 28px; }

	div.container div.content div.inner ul { margin:0 0 0 20px; }

	div.container div.content div.inner p { margin-top: 20px; }

	div.container div.content div.inner p.slogan { margin-top: 0; margin-bottom: 40px; font-weight: bold; }

	div.container div.content div.inner a { color: #CC0000; }

	div.container div.content div.inner a:hover { color: #333; text-decoration: none; }

	

	.contentblock { float: left; width: 31%; margin: 0 1%; padding:15px; background: #FFF; text-align: left; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2); border-radius: 10px; }

	.contentblock img { display: block; margin-bottom: 15px; width: 100%; border-radius: 10px; }

	.contentblock h3 { color: #CC0000; font-weight: bold; font-size: 18px; line-height: 22px; }



	form { text-align: left; float: right; width: 50%; }

	form h1 { margin-bottom: 20px !important; }

	form input, form textarea { padding: 5px; width: 100%; display: block; text-align: left; border-radius: 3px; margin: 0 auto 7px auto; border:#e0e0e0 1px solid; }

	form input.btn { background: #CC0000; color: #FFF; font-weight: bold; padding: 10px; }

	form input.btn:hover { background: #333; cursor: pointer; } 

	

	.address { float: left; width: 50%; word-wrap:break-word; padding-right: 15px; }



	.gallery img { margin: 10px; border: #EFEFEF 1px solid; padding: 5px; border-radius: 5px; background: #FFF; }



/* maps*/

div.container div.map { }

	div.container div.map iframe { width: 100%; height:300px; border:none; }





/* footer */

div.container footer { background: #333; color: #FFF; padding: 20px 0; text-align: center; }

	div.container footer div.inner { }

	div.container footer div.inner p { }

	div.container footer div.inner ul { margin-top: 20px; list-style: none; }

	div.container footer div.inner ul li { display: inline-block; margin: 0 10px; }

	div.container footer div.inner ul li a { color: #FFF; text-decoration: none; }

	div.container footer div.inner ul li a:hover { text-decoration: underline; }





/* responsive */

@media (max-width:750px) {

	div.container header div.inner { text-align: center;}

	div.container header div.inner div.contacts { width: 100%; float: none; margin-top: 15px; }

	div.container nav div.inner ul li a { padding: 0 7px; font-size: 14px; }

	

	div.container div.bar div.inner div.block-left { width:100%; float: none; }

	div.container div.bar div.inner div.block-left h2:before { width: 46px; text-align: center; }

	div.container div.bar div.inner div.block-right { width: 100%; float: none; margin-top: 30px; }

	

	div.container footer div.inner ul li { display: inline-block; margin: 0 6px; }

	

	.floatRight { float: none; margin: 20px auto; display: block; }

	.floatLeft { float: none; margin: 20px auto; display: block; }	

	

	form, .address { width: 100%; float: none; padding-right: 0; }

	

	.contentblock { width: 100%; margin: 0 0 20px 0; height: auto !important; }

	.contentblock.last { margin-bottom: 0; }

}