@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400&subset=latin,cyrillic);
/* ==========================================================================
   All
   ========================================================================== */
html, button, input, select, textarea {color: #333;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {font-size: 1em; font-family: 'PT Sans', Arial, Helvetica, 'Trebuchet MS'; line-height: 1.4; padding-bottom: 0; margin: 0; background: #f2f2f2;}
html, body {height: 100%;}
::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
header#header {text-align: center; color: #fff; line-height: 1; margin-bottom: 0;}
ul.description {text-align: center; color: #222222; font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 20px; list-style: none;}
ul.description li {display: inline-block; *display: inline; zoom: 1; margin-right: 20px;}
ul.description li .attribute {color: #b5b5b5;}
.parent-column {text-align: center;}
.parent-column h5 {margin: 10px 0px 10px 0px;}
.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 150%;}
.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible {visibility: hidden;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* ==========================================================================
   Grid
   ========================================================================== */
.container-12 {width: 960px; margin: 0 auto;}
[class*="grid-"] {float: left; display: inline; margin-left: 10px; margin-right: 10px;}
.group:before, .group:after {content: ""; display: table; line-height: 0;}
.group:after {clear: both;}
.alpha {margin-left: 0px;}
.omega {margin-right: 0px;}
.container-12 .grid-1 {width: 60px;}
.container-12 .grid-2 {width: 140px;}
.container-12 .grid-3 {width: 220px;}
.container-12 .grid-4 {width: 300px;}
.container-12 .grid-5 {width: 380px;}
.container-12 .grid-6 {width: 460px;}
.container-12 .grid-7 {width: 540px;}
.container-12 .grid-8 {width: 620px;}
.container-12 .grid-9 {width: 700px;}
.container-12 .grid-10 {width: 780px;}
.container-12 .grid-11 {width: 860px;}
.container-12 .grid-12 {width: 940px;}
.container-12 .offset-1 {padding-left: 80px;}
.container-12 .offset-2 {padding-left: 160px;}
.container-12 .offset-3 {padding-left: 240px;}
.container-12 .offset-4 {padding-left: 320px;}
.container-12 .offset-5 {padding-left: 400px;}
.container-12 .offset-6 {padding-left: 480px;}
.container-12 .offset-7 {padding-left: 560px;}
.container-12 .offset-8 {padding-left: 640px;}
.container-12 .offset-9 {padding-left: 720px;}
.container-12 .offset-10 {padding-left: 800px;}
.container-12 .offset-11 {padding-left: 880px;}
.container-12 .full {width: 960px; position: relative;}
.full {float: left; display: inline; margin: 0px;}
#main {min-height: 100%; position: relative; min-width: 480px;}
#spacer {height: 160px; position: relative; clear: both; z-index: -1;}

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

/* ==========================================================================
   Typography
   ========================================================================== */
a:active, a:hover {outline: 0;}
a {color: #333; text-decoration: none; border-bottom: 1px solid #ccc;}
a:hover {border-bottom: none;}
a:focus {outline: thin dotted;}
h1 {font-size: 1.8em; font-weight: 300; color: #323232; margin: 0.67em 0;}
h2 {font-size: 1.4em; font-weight: 300; margin: 0.83em 0;}
h3 {font-size: 1.2em; margin: 1em 0;}
h4 {font-size: 1.1em; margin: 1.33em 0;}
h5 {font-size: 0.83em; margin: 1.67em 0;}
h6 {font-size: 0.67em; margin: 2.33em 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark {background: #ff0; color: #000;}
p, pre {margin: 1em 0;}
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
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: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl, menu, ol, ul {margin: 1em 0;}
dd {margin: 0;}
menu, ol, ul {padding: 0 0 0 40px;}
nav ul, nav ol {list-style: none; list-style-image: none;}

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
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-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}

/* ==========================================================================
   Header
   ========================================================================== */
#header {margin-bottom: 0; position: relative; z-index: 100; height: 175px;}
#media {position: absolute; left: 0; top: 0; margin: 0; text-align: left; font-size: 0.9em; color:#ffb793;}
#media  label {display: block; margin-top: 65px;}
#media  label {margin-bottom: 5px;}
#contact  {position: absolute; top: 46px; right: 10px; text-align: right;}
#head {position: relative;}
#logo {width: auto; max-width: 200px; position: absolute; top: 0; left: 10px; z-index: 3000;}
#logo img {margin: 50px 0; max-width: 100%;}
#logo a {text-decoration: none; border-bottom: none;}

/* ==========================================================================
   Social
   ========================================================================== */
.social {width: 100%; height: 32px; display: block; margin:0; padding:0; position: relative; z-index: 2000;}
.social ul {margin:0; padding:0; position: relative; top: 0; right: 0; height: 33px; float: right;}
.social li {margin:0 0 0 5px; padding:0; width:32px; height:32px; line-height: 32px; list-style:none; display:inline-block; *display:inline; position: relative; overflow: hidden;}
.social li div {width:33px; height:33px; margin: 0; padding: 0; position: relative;}
.social a {display: block; padding:0; margin:0; line-height:32px; height:32px; width:33px; text-decoration:none;}
.social a span {visibility:hidden;line-height:32px; height:32px; width:32px; position: absolute; top: 0; left: 0;}
.social a:hover {text-decoration:none; border-bottom:none;}
.social.left ul {text-align:left;}
.social.right ul {text-align:right;}
.social.center ul {text-align:center;}
.facebook {background:url(../images/social.png) -88px 0px no-repeat;}
.facebook:hover {background:url(../images/social.png) -88px -37px no-repeat;}
.vk {background:url(../images/social.png) -44px 0px no-repeat;}
.vk:hover {background:url(../images/social.png) -44px -37px no-repeat;}
.instagram {background:url(../images/social.png) 0px 0px no-repeat;}
.instagram:hover {background:url(../images/social.png) 0px -37px no-repeat;}

/* ==========================================================================
   Navigation
   ========================================================================== */
#navigation {position: relative; z-index: 1000;}
#navigation .grid-12 {position: relative;}
#nav-wrap {height: auto; min-height: 70px; margin: 0;}
#menu-icon {display: none;}
#nav {text-align: left; font-size: 0.95em; font-family: 'Roboto', 'PT Sans', Arial; font-weight: 300; text-transform: uppercase; margin: 38px 0 0 2em; padding: 0;}
#nav li {width: 17%; margin: 0 7% 0 0; padding: 0; list-style: none; float: left; line-height: 35px;}
#nav li.current a {color: #333; border-bottom: 1px solid #333;}
#nav a {text-decoration: none; border: none; line-height: 35px; white-space: nowrap; color: #333; margin: 0; border-bottom: 1px solid #f2f2f2;}
#nav a:hover {color: #333; border: none; border-bottom: 1px solid #c0c0c0;}

/* ==========================================================================
   Title
   ========================================================================== */
#title {position: relative; width: 100%; padding: 25px 0; margin: 0; text-align: center;}
.shadow-top {position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: url(../images/top.png) repeat-x;}
.shadow-bottom {position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(../images/bottom.png) repeat-x;}
#title  h1 {color: #fff; margin: 0; padding: 0; font-family: 'Roboto', 'PT Sans', Arial; font-weight: 300; text-transform: uppercase;}

/* ==========================================================================
   Content
   ========================================================================== */
#content h1 {text-align: center; margin-bottom: 35px; margin-top: 30px; font-family: 'Roboto', 'PT Sans', Arial; font-weight: 300;}
#content-body h1, #content-body h2, #content-body h3, #content-body h4 {font-family: 'Roboto', 'PT Sans', Arial; font-weight: 300;}
#content img {max-width: 100%;}
#content {padding-top: 70px; padding-bottom: 70px; margin-top: -10px; margin-bottom: -10px; position: relative; z-index: 50;}
.container-12.shadow {-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1); box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);}
#content-body {padding-bottom: 40px;}

/* ==========================================================================
   News
   ========================================================================== */
.date {margin-top: 0; text-align: center;}
.date a {margin: 0 10px; text-align: center;}
.date a.current {color: #333; text-decoration: none; border-bottom: none;}
.news  {float: left; display: block; width: 100%; margin-bottom: 20px;}
.news  dt {width: 80px; font-size: 0.9em; color: #a5a5a5; padding-top: 3px; float: left;}
.news  dt  img{display: block; margin-top: 7px;}
.news  dd {padding-left: 100px; font-size: 0.95em;}
.news  dd a {font-size: 1.1em; margin-bottom: 5px;}
.news  dd a:hover {border-bottom: none;}
.nxt {width: auto; display: block; padding: 5px 0 5px 2em; margin: 5px 0 0 0; text-align: left;}
.nxt a {margin: 0 5px;}
.nxt a:hover {color: #333;}
.nxt a.all {margin-left: 0;}
.nxt span.current  a {padding: 7px 0; color: #333; border-bottom: none;}
.nxt span.current  a:hover {text-decoration: none;}

/* ==========================================================================
   Gallery
   ========================================================================== */
#subgallery {padding: 20px 0; position: relative; margin-bottom: 30px; border: 0 none; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; font-size: 0.8em; font-style: italic; background: url(../images/camera2.png) no-repeat 20px 15px #888;}
#subgallery  p {margin: 0; margin: 0 15px 0 65px; color: #fff;}
#subgallery  a {color: #fff;}
.gallery {text-align: center; padding-top: 20px;}
.gallery img {margin-bottom: 10px;}
.gallery {width: 100%; list-style: none; display: inline-block; margin: 0; padding: 0;}
.gallery li {width: 32%; min-height: 170px; display: -moz-inline-stack; display: inline-block; vertical-align: top; padding: 0; margin: 0 0 20px 0; text-align: center; zoom: 1; *display: inline; _height: 170px; font-size: 0.9em; }
.gallery label {font-size: 0.9em; display: block; margin-bottom: 0; padding-bottom: 0;}
.gallery label  a {text-decoration: none; color: #777; border: none;}
.gallery label  a {text-decoration: none; color: #777;}
.pictures a {text-decoration: none; border-bottom: none;}
.pictures img {margin: 0 5px 20px 5px; padding: 5px; border: 2px solid #fff; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.pictures img:hover {border: 2px solid #fb794b; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.photos div {width: 32%; float: left;}
.photos div img {width: 100%; max-width: 250px; margin-bottom: 5px; display: block;}

/* ==========================================================================
   Footer
   ========================================================================== */
#bottom-line {width: 100%; height: 170px; position: absolute; left: 0; bottom: 0; background: #333; color: #fff; z-index: 300;}
#bottom-line a:hover {border-bottom: none; text-decoration: none; color: #fff;}
#footer {padding: 40px 0 30px 0; font-size: 0.8em; color: #fff; min-height: 100px;}
#footer .grid-12 {position: relative;}
#footer a {color: #ccc;}
.tel  {position: absolute; top: 0; right: 0;}
.contacts  {position: absolute; top: 0; left: 0;}
.contacts label {font-family: 'Roboto', 'PT Sans', Arial; font-weight: 300; font-size: 1.25em; *font-weight: normal; text-transform: uppercase; display: block; margin-bottom: 0;}
.contacts p {font-family: 'Roboto', 'PT Sans', Arial; font-weight: 300; display: block; margin-top: 0; margin-bottom: 15px;}
.tel  p {font-size: 1.6em; font-family: 'Roboto', 'PT Sans', Arial; font-weight: 300; text-transform: uppercase; margin: 0; text-align: right;}

/* ==========================================================================
   FancyBox
   ========================================================================== */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}
.fancybox-wrap iframe {margin-bottom: 20px;}
.fancybox-wrap {position: absolute;top: 0; left: 0; z-index: 8020;}
.fancybox-skin {position: relative;background: #fff;color: #444;	text-shadow: none;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444; font: 14px/20px Arial, Helvetica, sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%;}
.fancybox-image {max-width: 100%; max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox_sprite.png);}
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div {width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat;}
/*.fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}*/
.fancybox-close {position: absolute; top: 2px; right: 0px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; border: none;}
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;}
.fancybox-prev {left: 0; border: none;}
.fancybox-next {right: 0; border: none;}
.fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;}
.fancybox-prev span {left: 10px; background-position: 0 -36px;}
.fancybox-next span {right: 10px; background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
.fancybox-lock {overflow: hidden;}
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancybox_overlay.png);}
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll;}
.fancybox-title {visibility: hidden; font: normal 13px/20px "Pt Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; position: relative; text-shadow: none; z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222; color: #FFF; line-height: 24px; white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}

/* ==========================================================================
   Mobile styles
   ========================================================================== */
/*---- >767px ----*/
@media only screen and (max-width: 767px) {
.container-12 {width: auto; padding-left: 20px; padding-right: 20px;}
[class*="grid-"] {display: block; margin-left: 0; margin-right: 0; }
.alpha {margin-left: 0px;}
.omega {margin-right: 0px;}
.container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {width: 100%;}
.container-12 .full {display: block; width: 100%; margin-left: 0; margin-right: 0; padding: 0;}
.container-12 .offset-1, .container-12 .offset-2, .container-12 .offset-3, .container-12 .offset-4, .container-12 .offset-5, .container-12 .offset-6, .container-12 .offset-7, .container-12 .offset-8, .container-12 .offset-9, .container-12 .offset-10,  .container-12 .offset-11 {padding-left: 0;}
.contact {right: 20px;}
#contact {right: 20px; top: 30px; font-size: 80%;}
#header {height: auto; min-height: 130px;}
#logo {top: 0; left: 50%; height: auto; margin-left: -90px;}
#logo img {margin-top: 30px; margin-bottom: 0; width: 180px;}
.phone-call {visibility: hidden; display: none;}
.social {margin-top: 0;}
#navigation {position: absolite; top: 0; left: 0; z-index: 10000;}
#footer .grid-3, #footer .grid-6 {margin-bottom: 25px;}
#footer #contacts {height: auto;}
#spacer {display: none;}
#bottom-line {height: auto; position: relative;}
.container-12.order {padding: 0;}
.container-12.shadow {padding: 0;}
#navigation {width: auto;}
#nav {margin: 0;}
#nav-wrap {position: relative;}
#menu-icon {position: relative; margin-top: 30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color: #fff; width: 28px; height: 28px; background: #333 url(../images/icon-menu.png) no-repeat 15px center; padding: 8px 8px 0 8px; cursor: pointer; display: block; z-index: 2000;}
#menu-icon:hover {background-color: #333;}
#menu-icon.active {background-color: #333;}
#nav {clear: both; position: absolute; top: 0; width: 180px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; z-index: 1000; padding: 30px 5px 15px 5px; background: #333; display: none;}
#nav li {clear: both; float: none; margin: 0 0 0 10px; line-height: 35px;}
#nav li a {margin: 0 23px 0 0;}
#nav a, #nav ul a {font: inherit; background: none; display: inline; padding: 0; color: #ccc; border: none;}
#nav a:hover, #nav ul a:hover {background: none; color: #ccc;}
#nav ul {width: auto; position: static; display: block; border: none; background: inherit;}
#nav ul li {margin: 3px 0 3px 15px;}
#nav li.current a {color: #fff; border-bottom: 1px solid #fff; background: none;}
}
@media screen and (min-width: 767px) {
#nav {display: block !important;	}
}
/*---- 768px-959px ----*/
@media (min-width: 768px) and (max-width: 959px) {
.container-12 {width: 768px; margin: 0 auto;}
[class*="grid-"] {float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.group:before, .group:after {content: ""; display: table; line-height: 0; }
.group:after {clear: both;}
.alpha {margin-left: 0px;}
.omega {margin-right: 0px;}
.container-12 .grid-1 {width:44px;}
.container-12 .grid-2 {width:108px;}
.container-12 .grid-3 {width:172px;}
.container-12 .grid-4 {width:236px;}
.container-12 .grid-5 {width:300px;}
.container-12 .grid-6 {width:364px;}
.container-12 .grid-7 {width:428px;}
.container-12 .grid-8 {width:492px;}
.container-12 .grid-9 {width:556px;}
.container-12 .grid-10 {width:620px;}
.container-12 .grid-11 {width:684px;}
.container-12 .grid-12 {width:748px;}
.container-12 .full {width:768px;}
.container-12 .offset-1 {padding-left:64px;}
.container-12 .offset-2 {padding-left:128px;}
.container-12 .offset-3 {padding-left:192px;}
.container-12 .offset-4 {padding-left:256px;}
.container-12 .offset-5 {padding-left:320px;}
.container-12 .offset-6 {padding-left:384px;}
.container-12 .offset-7 {padding-left:448px;}
.container-12 .offset-8 {padding-left:512px;}
.container-12 .offset-9 {padding-left:576px;}
.container-12 .offset-10 {padding-left:640px;}
.container-12 .offset-11 {padding-left:704px;}
.a-window {padding: 0;}
#header {height: 165px;}
#logo {width: 180px; left: 10px;}
#logo img {margin-top: 45px;}
#nav {font-size: 0.9em; margin: 32px 0 0 2em;}
}
@media only screen and (max-width: 959px) {
header {height: auto;}
}
/*---- >960px ----*/
@media (min-width: 960px) {
.flexslider {background: url(../images/loading.gif) no-repeat center center;}
 #logo {z-index: 3000;}
}
@media only screen and (max-width: 680px) {
.contact {font-size: 80%; top: 20px;}
.phone {font-size: 1.2em;}
}
@media only screen and (max-width: 500px) {
.contact {top: 20px;}
}
@media only screen and (max-width: 479px) {
.phone {font-size: 1em;}
}
@media only screen and (min-device-width: 35em) {  }
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { }
@media print {
* {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
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: "";}
pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
thead {display: table-header-group;}
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;}
}