@charset "utf-8";
/* CSS Document */
@media print {
* {
	background:transparent!important;
	color:#000!important;
	box-shadow:none!important;
	text-shadow:none!important;
	filter:none!important;
	-ms-filter:none!important
}
@page {
margin:.5cm
}
h2, h3 {
	orphans:3;
	widows:3;
	page-break-after:avoid
}
p {
	orphans:3;
	widows:3
}
pre, blockquote {
	border:1px solid #808080;
	page-break-inside:avoid
}
abbr[title]:after {
	content:" (" attr(title) ")"
}
a, a:visited {
	text-decoration:underline
}
a[href]:after {
	content:" (" attr(href) ")"
}
a[href^="javascript:"]:after, a[href^="#"]:after {
content:""
}
img {
	max-width:100%!important;
	page-break-inside:avoid
}
thead {
	display:table-header-group
}
tr {
	page-break-inside:avoid
}
}

@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#supersized-loader, #supersized li.image-loading {
background-image:url("../images/loading2.gif");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
.oldie #supersized-loader, .oldie #supersized li.image-loading {
background-image:url("../images/loading.gif")
}
.col.grid2.alpha.sep-margin {
border-right: 1px dotted #b3b3b3;
padding-right: 10px;
font-size: 0.9em;
}
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#okvideo-loader {
background-image:url("../images/loading2.gif");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
.oldie #okvideo-loader {
background-image:url("../images/loading.gif")
}
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.panorama .controls a.prev span, .panorama .controls a.stop span, .panorama .controls a.next span {
background-image:url("../images/panorama-controls2.png");
-webkit-background-size:32px 14px;
-moz-background-size:32px 14px;
-o-background-size:32px 14px;
background-size:32px 14px
}
.panorama .preloader {
background-image:url("../images/loading2.gif");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
.oldie .panorama .controls a.prev span, .oldie .panorama .controls a.stop span, .oldie .panorama .controls a.next span {
background-image:url("../images/panorama-controls.png")
}
.oldie .panorama .preloader {
background-image:url("../images/loading.gif")
}
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.panzerlist-custom .controls span, .panzerlist-custom .controls a, .panzerlist-custom .controls em, .panzerlist-custom .progress, .panzerlist-custom .progress:before, .panzerlist-custom .progress:after, .panzerlist-custom .elapsed, .panzerlist-custom .elapsed:before, .panzerlist-custom .elapsed:after, .panzerlist-custom .volume, .panzerlist-custom .volume-wrapper span, .panzerlist-custom .volume:before, .panzerlist-custom .volume:after, .panzerlist-custom .volume .set, .panzerlist-custom .volume .set:before, .panzerlist-custom .volume .set:after {
background-image:url('../images/panzerlist-sprite-custom2.png');
-webkit-background-size:217px 161px;
-moz-background-size:217px 161px;
-o-background-size:217px 161px;
background-size:217px 161px
}
.oldie .panzerlist-custom .controls span, .oldie .panzerlist-custom .controls a, .oldie .panzerlist-custom .controls em, .oldie .panzerlist-custom .progress, .oldie .panzerlist-custom .progress:before, .oldie .panzerlist-custom .progress:after, .oldie .panzerlist-custom .elapsed, .oldie .panzerlist-custom .elapsed:before, .oldie .panzerlist-custom .elapsed:after, .oldie .panzerlist-custom .volume, .oldie .panzerlist-custom .volume-wrapper span, .oldie .panzerlist-custom .volume:before, .oldie .panzerlist-custom .volume:after, .oldie .panzerlist-custom .volume .set, .oldie .panzerlist-custom .volume .set:before, .oldie .panzerlist-custom .volume .set:after {
background-image:url('../images/panzerlist-sprite-custom.png')
}
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading div {
background-image:url("../images/loading2.gif");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image:url("../images/fancybox_sprite2.png");
-webkit-background-size:44px 152px;
-moz-background-size:44px 152px;
-o-background-size:44px 152px;
background-size:44px 152px
}
.oldie #fancybox-loading div {
background-image:url("../images/loading.gif")
}
.oldie #fancybox-loading, .oldie .fancybox-close, .oldie .fancybox-prev span, .oldie .fancybox-next span {
background-image:url("../images/fancybox_sprite.png")
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.homepage #header {
background-color: rgba(87, 110, 106, 0.22)!important;
}
.ch-gridiv {
bottom: 50%!important;
position: absolute;
left: 30%!important;
}

}
@media only screen and (min-width: 480px) {
#supersized-info .inner h2, #okvideo-info .inner h2, .flexslider .slides .info .inner h2, .iosSlider .info .inner h2, #supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
padding:0 35px
}
#supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
display:block
}
#supersized-info a.supersized-prev {
left:5px
}
#supersized-info a.supersized-next {
right:5px
}
.flex-direction-nav a {
bottom:12px
}
#audioplayer {
top:85px;
left:50%;
width:420px;
margin-left:-210px
}
}
@media only screen and (min-width: 1260px) {
#header #logo {
height:72px
}
#header #logo h1 img {
height:72px;
width: 300px;
}
#header nav {
margin-left:35px
}
#header nav:before, #header nav:after {
top:30px
}
#header nav ul li a {
font-size:14px;
font-size:1.4rem;
text-transform:uppercase;
padding:0 13px;
line-height:102px
}
#header nav ul li ul {
min-width:200px
}
#header nav ul li ul li a {
line-height: 1.8em;
}
#header .social-links {
margin-top:25px
}
#header a.supersized-next, #header a.supersized-prev {
top:110px
}
.ie7 #header nav ul li ul {
width:200px
}
#main, #footer {
width:1240px;
margin:0 auto
}
#main .wrapper, #footer .wrapper {
padding:1.5em
}
#main {
margin-top:102px;
margin-bottom:10px
}
h1 {
font-size:35px;
font-size:3.5rem;
}
h2 {
font-size:31px;
font-size:3.1rem
}
h3 {
font-size:27px;
font-size:2.7rem;
color: #8A8886;
}
h4 {
font-size:23px;
font-size:2.3rem
}
h5 {
font-size:19px;
font-size:1.9rem
}
.subtitle p {
margin-bottom:0;
line-height:4.1
}
#footer .rotator .prev, #footer .rotator .next {
top:-54px
}
#footer .rotator .next {
left:130px
}
#footer .rotator .prev {
left:103px
}
/*#supersized-info, */#okvideo-info, .flexslider .slides .info, .iosSlider .info {
left:50%;
width:500px;
margin-left:-620px
}
#supersized-info {width:750px; left: 20px; bottom: 50px;}
.ch-gridiv {
bottom: 20px;
}
.ch-grid li {margin: 0px;}
.flexslider .slides .info, .iosSlider .info {
left:20px;
bottom:20px;
margin-left:0
}
#audioplayer {
bottom:40px;
left:50%;
width:480px;
margin-left:-620px
}
#audioplayer .panzerlist-big .player {
padding:0 10px 10px;
height:74px
}
#audioplayer .panzerlist-big .progress-wrapper {
left:10px;
top:6px;
right:10px
}
#audioplayer .panzerlist-big .volume-wrapper {
top:44px;
right:10px;
width:132px
}
#audioplayer .panzerlist-big .volume-wrapper .volume {
width:100px
}
#audioplayer .panzerlist-big span.duration {
top:21px;
right:150px
}
#audioplayer .panzerlist-big .title {
padding:10px
}
#audioplayer .panzerlist-big .list a {
padding:10px 12px;
line-height:24px
}
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
html {
background-url:url('../images/bg_pattern2.png');
-webkit-background-size:44px 44px;
-moz-background-size:44px 44px;
-o-background-size:44px 44px;
background-size:44px 44px
}
#fancybox-loading div, #okvideo-loader, .panorama .preloader, .video-container {
background-image:url("../images/loading2.gif");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image:url("../images/fancybox_sprite2.png");
-webkit-background-size:44px 152px;
-moz-background-size:44px 152px;
-o-background-size:44px 152px;
background-size:44px 152px
}
#supersized-info a.supersized-next span, #supersized-info a.supersized-prev span, .flex-direction-nav a span, .portfolio-overview .icon-date:before, .navigation a span, #sidebar ul.comments li:before, .commentlist .comment p.date:before, .post .meta p span:before, .social-links a, .thumb .icon-fullsize, .thumb .icon-link, .thumb .icon-video, .rotator .prev, .rotator .next {
background-image:url("../images/sprite2.png");
-webkit-background-size:750px 163px;
-moz-background-size:750px 163px;
-o-background-size:750px 163px;
background-size:750px 163px
}
.oldie html {
background-url:url('../images/bg_pattern.png')
}
.oldie #fancybox-loading div, .oldie #okvideo-loader, .oldie .panorama .preloader, .oldie .video-container {
background-image:url("../images/loading.gif")
}
.oldie #fancybox-loading, .oldie .fancybox-close, .oldie .fancybox-prev span, .oldie .fancybox-next span {
background-image:url("../images/fancybox_sprite.png")
}
.oldie #supersized-info a.supersized-next span, .oldie #supersized-info a.supersized-prev span, .oldie .flex-direction-nav a span, .oldie .portfolio-overview .icon-date:before, .oldie .navigation a span, .oldie #sidebar ul.comments li:before, .oldie .commentlist .comment p.date:before, .oldie .post .meta p span:before, .oldie .social-links a, .oldie .thumb .icon-fullsize, .oldie .thumb .icon-link, .oldie .thumb .icon-video, .oldie .rotator .prev, .oldie .rotator .next {
background-image:url("../images/sprite.png")
}
.ch-gridiv {
bottom: 180px;
position: absolute;
right: 33%;
}
}

@media only screen and (max-width: 480px) {
.navigation {text-align:center}
.button, button, input[type=submit], input[type=reset], input[type=button] {
background-color: #436681;
}
.ch-gridiv {
bottom: 20%!important;
position: absolute;
left: 7%!important;
}
.homepage #header {
background-color: rgba(87, 110, 106, 0.22)!important;
}
h6 {
font-size: 11px;
font-size: 1.1rem;
}
p {font-size:.9em; !important}
.big {
font-size: 20px !important;
font-size: 2rem !important;
color: #A7A5A4;
text-transform: uppercase;
margin-bottom: 20px;
}
/*.sep {display:none;}*/
#header {position:fixed;
left: 0;
top: 0;
width: 100%;
z-index: 5;
background-color: #335372;}
#main {
margin-top: 60px;
margin-bottom: 10px;
}
.essbut {width:100%; text-align:center; margin:auto 0;}
.ess-info button, .ess-info a {font-size:0.65em;}
.blog-media.wf-td p {
float: left;
margin-top: 10px;
font-size: 0.9em;
padding: 2px;
}
.alignleft.rollover-video.blur-this {
border-right: 0px;
padding-right: 0px;
text-align: center;
margin:auto 0;
width:100%;
}
.rollover-video{display:none;}
.post .metas {
margin-bottom: .75em;
}
.page-title.left {
margin-bottom: 10px;
text-align:center;
}
#topbook {
margin-top: 80px;
}
.thumbatlas {
margin-left: 0%;
}
}
@media all and (max-width:480px) and (orientation : landscape) {
#header nav.mobile ul li a {
padding: 1px;
padding-left: 15px;
}	
.ch-gridiv {
display: none;
}
#supersized-info .inner p {
font-size: 1.1rem;
}
}

@media all and (min-width:568px) and (max-width:600px)  and (orientation : landscape) {
#header {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
}
#header nav.mobile ul li a {
padding: 1px;
padding-left: 15px;
}
.ch-gridiv {
display: none;
}
#supersized-info .inner p {
font-size: 1.2rem;
}

}
@media all and (min-width:600px)  and (orientation : landscape) {
#header nav.mobile ul li a {
padding: 10px;
}
}
@media all and (min-width:720px) and (orientation : portrait) {
#header {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
}
}

@media all and (max-width: 768px) and (orientation : portrait) {
.ch-gridiv {
top: 27%;
position: absolute;
left: 245px;}
.col.grid6.sep-margin {
padding-left: 15px;
}
}

@media all and (min-width: 768px) and (orientation : landscape) {
    #header nav {
/*right:220px !important;*/
right:30px !important;
}
}
@media only screen and (min-width: 768px) {
.grid4 {
width: 30%;
margin-left: 2%;
}
.post .metas .transform {
text-transform: uppercase;
font-size: .9em;
}
#header {
position:fixed;
left:0;
top:0;
width:100%;
z-index:5;
background-color:#335372;
}
#header #logo {
float:left;
padding:15px 0 15px 15px;
height:55px
}
#header #logo h1 {
margin-bottom:0
}
#header #logo h1 img {
height:50px
}
#header nav {
position:absolute;
right:15px;
top:0;
display:block
}
#header nav:before, #header nav:after {
content:'';
display:block;
position:absolute;
top:22px;
height:41px;
border-left:1px dotted #bfbfbf;
display:none;
}
#header nav:before {
left:-10px
}
#header nav:after {
left:-12px
}
#header nav ul {
margin-bottom:0
}
#header nav ul li {
display:inline-block
}
#header nav ul li a {
display:inline-block;
font-size:14px;
font-size:1.4rem;
line-height:85px;
padding:0 11px
}
#header nav ul li a:hover {
background-color:#e6e6e6;
background-color:rgba(0, 0, 0, .06)
}
#header nav ul li.arrow>a:after {
float:none
}
#header nav ul li ul {
visibility:hidden;
position:absolute;
top:100%;
left:0;
z-index:14;
margin-top:0;
padding-top:5px;
text-align:left;
min-width:150px;
height:auto;
cursor:pointer
}
#header nav ul li ul li {
display:block;
width:100%;
background-color:#f2f2f2;
background-color:rgba(242, 242, 242, .95);
border-bottom:1px solid #d9d9d9
}
#header nav ul li ul li a {
display:block;
font-size:14px;
font-size:1.4rem;
line-height: 1.2em;
}
#header nav ul li ul li a:hover {
background-color:#e6e6e6;
background-color:rgba(0, 0, 0, .06)
}
#header nav ul li ul li:last-child {
border:0
}
#header nav ul li ul li.arrow>a:after {
float:right
}
#header nav ul li ul li:hover>a, #header nav ul li ul li.hover>a {
background-color:#e6e6e6;
background-color:rgba(0, 0, 0, .06);
line-height: 1.2em;}
#header nav ul li ul ul {
top:0;
left:99%;
margin-top:0;
padding-top:0
}
#header nav ul li:hover, #header nav ul li.hover {
position:relative;
z-index:15;
cursor:default
}
#header nav ul li:hover>a, #header nav ul li.hover>a {
background-color:#e6e6e6;
background-color:rgba(0, 0, 0, .06)
}
#header nav ul li:hover>ul, #header nav ul li.hover>ul {
display:block;
visibility:visible
}
#header #menu-switch {
display:none
}
.homepage #header {
background-color:#fff;
background-color:rgba(87, 110, 106, 0.22)
}
.homepage #header nav ul li ul li {
background-color:#fff;
background-color:rgba(255, 255, 255, .95);
border-bottom-color:#e6e6e6
}
.fullpage #header {
background-color:#335372;
}
.fullpage #header nav ul li ul li {
background-color:#fff;
background-color:rgba(255, 255, 255, .95);
border-bottom-color:#e6e6e6
}
.ie7 #header nav ul li {
display:inline
}
.ie7 #header nav ul li ul {
width:150px
}
.oldie #header nav ul li ul {
padding-top:0
}
#main .wrapper, #footer .wrapper {
padding:20px
}
#main {
margin-top:100px
}
#supersized-info, #okvideo-info, .flexslider .slides .info, .iosSlider .info {
z-index:1;
left:30px;
bottom:30px;
width:660px;
background-color:rgba(26, 71, 33, 0.2)
}
#supersized-info .inner, #okvideo-info .inner, .flexslider .slides .info .inner, .iosSlider .info .inner {
padding:0 0 0 16px;
margin:20px;
border-left:1px dotted #bfbfbf
}
#supersized-info .inner:after, #okvideo-info .inner:after, .flexslider .slides .info .inner:after, .iosSlider .info .inner:after {
content:' ';
display:block;
position:absolute;
top:0;
left:1px;
height:100%;
border-left:1px dotted #bfbfbf
}
#supersized-info .inner h2, #okvideo-info .inner h2, .flexslider .slides .info .inner h2, .iosSlider .info .inner h2, #supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
padding:0;
text-align:left
}
#supersized-info .inner h2, #okvideo-info .inner h2, .flexslider .slides .info .inner h2, .iosSlider .info .inner h2 {
text-transform:uppercase
}
#supersized-info .inner h2 a, #okvideo-info .inner h2 a, .flexslider .slides .info .inner h2 a, .iosSlider .info .inner h2 a {
display:inline
}
#supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
padding-top:8px;
font-size:15px;
font-size:1.5rem
}
#supersized-info a.supersized-next, #supersized-info a.supersized-prev {
right:-73px;
margin-top:0;
background-color:#fff;
background-color:rgba(26, 71, 33, 0.31);
width:48px
}
#supersized-info a.supersized-next {
top:-20px
}
#supersized-info a.supersized-next span {
margin-left:16px
}
#supersized-info a.supersized-prev {
top:auto;
left:auto;
bottom:-20px
}
#supersized-info a.supersized-prev span {
margin-left:14px
}
.flex-direction-nav a {
top:50%;
bottom:auto;
margin-top:-24px
}
#audioplayer {
top:auto;
bottom:30px;
left:30px;
width:380px;
margin-left:0
}
.thumb.round, .thumb.round a.image-link, .thumb.round img, .thumb.round a.image-link:before {
/*-webkit-border-radius:100%;
-moz-border-radius:100%;
-o-border-radius:100%;
border-radius:100%*/
}
.thumb a.image-link:before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:#111;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-ms-transition:all 200ms linear;
-o-transition:all 200ms linear;
transition:all 200ms linear
}
.thumb a.image-link:hover:before {
opacity:.2;
filter:alpha(opacity=20)
}
.thumb .info {
text-align:center
}
.features-boxes {
display:table
}
.features-boxes .box {
display:table-cell;
width:33.33%
}
.features-boxes .box .inner {
border-bottom:0;
border-right:1px dotted #b3b3b3
}
.features-boxes .last .inner {
border-right:0
}
.ie7 .features-boxes {
display:block
}
.ie7 .features-boxes .box {
float:left
}
h1 {
font-size:30px;
font-size:3rem
}
h2 {
font-size:29px;
font-size:2.9rem
}
h3 {
font-size:25px;
font-size:2.5rem;
color: #8A8886;
}
h4 {
font-size:21px;
font-size:2.1rem
}
h5 {
font-size:17px;
font-size:1.7rem
}
.page-title.left {
float:left;
margin-bottom:.75em
}
.subtitle {
float:right;
text-transform:uppercase
}
.subtitle p {
margin-bottom:.75em;
line-height:3.3
}
.post h3 {
position:relative;
}
.post .date {
float:left;
margin-right:17px;
width:77px;
position:relative;
top:2px;
}

.post .date strong {
font-size:51px;
font-size:5.1rem;
color:#111
}
.post .date em {
font-size:25px;
font-size:2.5rem;
position:absolute;
left:43px;
top:-6px
}
.post .date span {
position:absolute;
left:43px;
bottom:0
}
.post .date:before, .post .date:after {
content:'';
display:block;
position:absolute;
top:-2px;
height:37px;
border-left:1px dotted #bfbfbf
}
.post .date:before {
right:-5px
}
.post .date:after {
right:-7px
}
.post .meta p {
float:left;
width:30%;
line-height:1.5em
}
.post .meta p a {color: #3F8BB5;}
.post .meta p a:hover {color: #A2ABB9;}
.post .meta p span {
display:block
}
.post .meta p span:before {
top:0
}
.ie7 .post .date {
height:38px
}
.ie7 .post .date strong {
position:relative;
top:-9px;
line-height:44px
}
.commentlist .comment .comment-body {
position:relative;
margin-left:95px
}
.commentlist .comment h6 {
padding-right:100px
}
.commentlist .comment p {
margin-top:0
}
.commentlist .comment p.date {
position:absolute;
top:0;
right:0
}
.commentlist .comment .children {
margin-left:95px
}
.pagination .button {
margin-bottom:0
}
#footer .rotator .prev, #footer .rotator .next {
top:-50px
}
#footer .rotator .next {
left:125px
}
#footer .rotator .prev {
left:98px
}
#footer #top-link {
float:right
}
.ie7 #footer #top-link {
float:none
}
table th, table td {
padding:6px 8px;
font-size:15px;
font-size:1.5rem
}
.col {
float:left;
}
.col-left {
float:left;
}
.col.grid3 {
margin-left: 2%;
}
.grid1 {
width:6.5%;
margin-left:2%
}
.grid2 {
width:15%;
margin-left:2%
}
.grid3 {
width:23.5%;
}
.grid30 {
width:23.5%;
margin-left:1.5%
}

.grid4 {
width:32%;
margin-left:2%
}
.grid4-left {
width:32%;
margin-right:2%
}
.grid5 {
width:40.5%;
margin-left:2%
}
.grid6 {
width:49%;
margin-left:2%
}
.grid7 {
width:57.5%;
margin-left:2%
}
.grid8 {
width:66%;
margin-left:2%
}
.grid9 {
width:74.5%;
margin-left:2%
}
.grid10 {
width:83%;
margin-left:2%
}
.grid11 {
width:91.5%;
margin-left:2%
}
.grid12 {
margin-left:0;
width:100%
}
}
@media only screen and (min-width: 1024px) {
#header #logo {
height: auto;
}
#header nav ul li a {
/*line-height: 105px;*/
}
#header #logo h1 img {
height: 60px;
}
#supersized-info, #okvideo-info, .flexslider .slides .info, .iosSlider .info {
width:500px;
}
}
@media only screen and (min-width: 1260px) {
#header #logo {
height: auto;
}	
#header nav ul li a {
line-height: 105px;
}
#header #logo h1 img {
height: 72px;
}
#supersized-info, #okvideo-info, .flexslider .slides .info, .iosSlider .info {
width:600px;
}	
#topbook {
width: 1240px;
margin: 0 auto;
margin-top: 132px;
margin-bottom: 10px;
background: rgba(255, 255, 255, 0.8);
}
#topbook .wrapper {
padding: 1.5em;
}
}
@media only screen and (min-width: 480px) and (max-width: 800px) {
#topbook {
margin-top: 132px !important;
}

}
@media only screen and (min-width: 768px) and (max-width: 800px) {
.bk-list li {
	margin: 0px 15px 40px 0 !important;
}
}

@media only screen and (max-width: 240px) {
#header #logo h1 img {
max-width: none;
height: 30px;
padding-top: 5px;
}
#header nav.mobile ul li a {
padding: 1px;
padding-left: 15px;
}	

.ch-gridiv {
display: none;
}
}
/*Samsung S3*/
@media only screen and (min-device-width : 719px) and (max-device-width : 721px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : portrait) { 
.ch-gridiv {
top: 25%;
left: 12%;
}
}
@media only screen and (min-width : 384px)  and (max-width: 480px) and (orientation : portrait) { 
.ch-gridiv {
top: 25%;
left: 14% !important;
}
}
/* ipad mini */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
#supersized-info, #okvideo-info, .flexslider .slides .info, .iosSlider .info {
width:600px !important;
}	
}

@media only screen and (max-width: 768px) {
	ul.rig.columns-4 li {
    width: 47.5%;
	}
}