/*!
* Project:   Creative Hub
* Date:      2012/10/03
/* ---------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic);

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; }
body { background: #041a22 url(../images/site-bg-a.jpg); font-size: 62.5%; }

body, textarea, input, select, option, button { color: #000; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.4666; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.5em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

/*! layout -------- */

#root { position: relative; z-index: 1; overflow: hidden; margin: 0; padding: 0; }
#top { position: relative; z-index: 100; max-width: 920px; margin: 0 auto; padding: 15px 0 0; }
/* #top:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: url(../images/top-bg-a.png); background: rgba(0,26,31,0.4); } */
#logo { overflow: hidden; min-height: 70px; margin: 0 0 15px; padding-top: 12px; line-height: 1; }


#skips, #skips ul { position: absolute; position: fixed; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; margin: -30px 0 0; padding: 0; text-align: center; }
#skips li { position: absolute; left: 0; top: 0; width: 100%; font: bold 5em/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
#skips li:before { display: none; }
#skips li a { display: -moz-inline-stack; display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
#skips li a:focus, #skips li a:active { position: relative; left: 0; }

#nav { height: 50px; line-height: 42px; margin: 0; }
#nav ul { float: right; list-style: none; margin: 0; padding: 0; }
#nav ul li { position: relative; float: left; font: normal 1.7em/50px colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
#nav ul li:before { display: none; }
#nav ul li ~ li { margin-left: 25px; }
#nav ul li a { position: relative; float: left; color: #aaf6ff; text-decoration: none !important; }
#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active { color: #5dffa5; text-decoration: none; }
#nav ul li.selected > a { color: #5dffa5; }
#nav ul li.selected > a:before { position: absolute; top: 12px; left: 0; right: 0; height: 1px; background: #5dffa5; content: ''; }
#nav ul li em { position: absolute; left: -10001px; top: -10001px; }
#nav ul li ul { display: none; position: absolute; left: -5px; top: 49px; float: none; width: 175px; background: transparent; }
#nav ul li:hover > ul { display: block; }
#nav ul li ul li { float: none; margin: 0; padding: 0 15px; background: url(../images/nav-bg.png); background: rgba(0,27,35,0.97); font: bold 14px/1.143 Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: none; }
#nav ul li ul li a { display: block; float: none; padding: 11px 5px; border-top: 1px solid #003339; color: #fff; }
#nav ul li ul li:first-child a { border-top: none; }
#nav ul li ul li a:hover, #nav ul li ul li a:focus, #nav ul li ul li a:active, #nav ul li ul li.selected > a { color: #1bd5eb; }
#nav ul li ul li.selected > a:before { display: none; }
#nav ul li ul li ul { list-style: none; position: absolute; left: 175px; top: 0; padding-left: 1px; }
#nav .select-a { display: none; }

#corner { position: absolute; right: 0; top: 15px; padding-top: 2px; }
#corner ul { float: left; margin-top: -2px; }
#corner p,#corner form { position: relative; float: left; margin-left: 25px; font-size: 1.4em; margin-left: 10px;}
#corner p label { float: left; padding: 0 10px 0 0; color: #2ca5b3; line-height: 34px; font-size: 15px; }
.js #corner p label { position: absolute; left: 10px; top: 0; }
html.js* #corner p label { left: 40px; }
#corner p input { float: left; width: 165px; height: 32px; padding: 0 29px 0 9px; border: 1px solid #012937; background: #011219; color: #fff; line-height: 32px; }
#corner p button { position: absolute; right: 0; top: 0; overflow: hidden; width: 32px; height: 32px; margin: 0; padding: 0; border: none; background: url(../images/corner-button-a.png) 50% 50% no-repeat; text-indent: 101%; white-space: nowrap; }

#content { position: relative; z-index: 1; max-width: 920px; margin: 0 auto; padding: 15px 0 80px; }
#content:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: url(../images/site-bg-b.jpg) 50% 0 no-repeat; }

#footer { position: relative; z-index: 1; width: 100%; max-width: 920px; margin: 0 auto; padding: 30px 0 15px; color: #fff; }
#footer:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; border-top: 1px solid #032d34; background: url(../images/footer-bg-a.png); background: rgba(0,0,0,0.2) }
#footer:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
#footer .wrap { position: relative; margin: 0 0 15px -20px; padding: 0 0 50px; font-size: 0; letter-spacing: -5px; }
#footer .wrap:before { position: absolute; bottom: 0; left: 20px; right: 0; height: 1px; background: #032d34; content: ''; }
#footer .wrap > div { display: -moz-inline-stack; display: inline-block; width: 25%; margin: 0; padding: 0 0 0 20px; font-size: 10px; letter-spacing: 0; vertical-align: top; }
#footer .wrap > div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
#footer .wrap strong { font-weight: normal; }
#footer .address figure { width: 100%; border-bottom: 1px solid #03232b; }
#footer .address p { font-size: 14px; line-height: 1.571; }
#footer .fields p { position: relative; overflow: hidden; margin: 0 0 10px; padding: 0 20px 0 0; }
#footer .fields p { position: relative; overflow: hidden; margin: 0 0 10px; padding: 0 20px 0 0; }
#footer .fields p label { display: block; margin: 0 0 5px; color: #fff; font-size: 13px; font-weight: bold; }
.js #footer .fields p label { position: absolute; left: 10px; bottom: 0; margin: 0; color: #021e29; line-height: 32px; }
#footer .fields p input,input#CaptchaV2 { width: 100%; height: 32px; padding: 0 9px; border: none; background: #93b2bd; color: #021e29; line-height: 32px; }
#footer .fields p > img { display: block; margin: 0 0 10px; }
#footer .fields p button { min-width: 100px; }
#footer .signup p { font-size: 14px; line-height: 1.571; }
#footer .signup p strong { font-weight: bold; }
#footer .socials-a { float: left; height: 30px; }
#footer .copys { text-align: right; font-size: 13px; line-height: 1.3; margin:0 0 15px; }
#footer .copys a { white-space: nowrap; }

/*! grids --------- */

.gridrow-a { width: 100%; }
html* .gridrow-a { zoom: 1; }
.gridrow-a.sep { margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #cccccc; }
.gridrow-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
.gridrow-a .column { margin: 0 0 0 4.4%; float: left; min-height: 1px; position: relative; }
html* .gridrow-a .column { margin-left: 4.3%; }
.gridrow-a .column + .column:last-child { float: right; margin-left: 0; }
.gridrow-a .column + .column:last-child { float: right; margin-left: 0; }
.gridrow-a .column:first-child { margin-left: 0px; }
.gridrow-a .column.centered { float: none; margin: 0 auto; }
.gridrow-a .column.w1 { width: 4.3%; } .gridrow-a .column.w2 { width: 13%; } .gridrow-a .column.w3 { width: 22.7%; } .gridrow-a .column.w4 { width: 30.4%; } .gridrow-a .column.w5 { width: 39.1%; } .gridrow-a .column.w6 { width: 47.8%; } .gridrow-a .column.w7 { width: 56.5%; } .gridrow-a .column.w8 { width: 65.2%; } .gridrow-a .column.w9 { width: 69.0%; } .gridrow-a .column.w10 { width: 82.6%; } .gridrow-a .column.w11 { width: 91.3%; } .gridrow-a .column.w12 { width: 100%; }
.gridrow-a .o1 { margin-left: 13.1%; } .gridrow-a .o2 { margin-left: 21.8%; } .gridrow-a .o3 { margin-left: 30.5%; } .gridrow-a .o4 { margin-left: 39.2%; } .gridrow-a .o5 { margin-left: 47.9%; } .gridrow-a .o6 { margin-left: 56.6%; } .gridrow-a .o7 { margin-left: 65.3%; } .gridrow-a .o8 { margin-left: 74.0%; } .gridrow-a .o9 { margin-left: 82.7%; } .gridrow-a .o10 { margin-left: 91.4%; } .gridrow-a .o11 { margin-left: 95.7%; } 
.gridrow-a .o1:first-child { margin-left:  8.7%; } .gridrow-a .o2:first-child { margin-left: 17.4%; } .gridrow-a .o3:first-child { margin-left: 26.1%; } .gridrow-a .o4:first-child { margin-left: 34.8%; } .gridrow-a .o5:first-child { margin-left: 43.5%; } .gridrow-a .o6:first-child { margin-left: 52.2%; } .gridrow-a .o7:first-child { margin-left: 60.9%; } .gridrow-a .o8:first-child { margin-left: 69.6%; } .gridrow-a .o9:first-child { margin-left: 78.3%; } .gridrow-a .o10:first-child { margin-left: 87.0%; } .gridrow-a .o11:first-child { margin-left: 95.7%; }

/*! elements ------ */

.bio-a { margin: 0 0 30px; }
.bio-a + .bio-a { padding-top: 30px; border-top: 1px solid #ccc; }
.bio-a figure { float: left; width: 180px; margin: 0; }
.bio-a figure img { display: block; }
.bio-a figure a { display: block; overflow: hidden; width: 161px; height: 35px; margin: 10px 0 0; background: url(../images/bio-a-twitter-a.png) no-repeat; font-size: 0; text-indent: 101%; white-space: nowrap; }
.bio-a figure a:hover, .bio-a figure a:focus, .bio-a figure a:active { background-position: 0 -50px; }
.bio-a figure ~ * { margin-left: 230px !important; }
.bio-a h2 + p.sub { margin-top: -15px; font-size: 1.5em; }

.comments-a { margin: 0 0 30px; }
.comments-a h2 { margin: 0 0 5px; }
.comments-a article { margin: 0 0 10px; padding: 15px 20px; background: #e7e7e7; }
.comments-a article p.author { margin: 0 0 5px; color: #09c; }
.comments-a article p.author strong { display: block; font: normal 20px/1 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }
.comments-a article blockquote { margin: 0; padding: 0; }
.comments-a article blockquote p { margin: 0; }

.contact-a { display: table; position: relative; width: 100%; margin: 30px 0; border: 2px solid #0d2c36; border-color: rgba(0,0,0,0.1); background: url(../images/bg-trans-b.png); background: rgba(170,246,255,0.1); }
.contact-a { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; behavior: url(styles/pie.htc); }
.contact-a h4 { display: table-cell; padding: 15px 20px; border-right: 2px solid #0d2c36; border-color: rgba(0,0,0,0.1); color: #fff; text-align: left; vertical-align: middle; }
.contact-a h4 strong { color: #f0d10d; }
.contact-a p { display: table-cell; padding: 15px; border-left: 1px solid #22414c; border-color: rgba(255,255,255,0.05); text-align: center; vertical-align: middle; }

.contact-form-a { }
.contact-form-a .fields-a .row { width: 100%; margin: 0 0 10px; }
.contact-form-a .fields-a .row:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
.contact-form-a .fields-a h2 { float: left; margin: 0; }
.contact-form-a .fields-a p.req { float: right; margin: 15px 20px 0 0; }
.contact-form-a .fields-a .button-a { min-width: 100px; }
.contact-form-a figure { width: 100%; padding: 40px 0 0; }
.contact-form-a figure img { display: block; margin: 0 auto; }

.crumbs-a { color: #5effa6; text-align: right; }
.crumbs-a p { font-size: 12px; color:#399e2f;  }
.crumbs-a span { padding: 0 2px; }

.details-a { width: 100%; }
.details-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
.details-a > .one { float: left; width: 30%; margin: 0; }
.details-a > .one ul { list-style: none; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #ccc; }
/*   .details-a > .one ul li { padding-left: 15px; background: url(../images/bullet-a.png) 0 7px no-repeat; }*/
.details-a > .two { margin: 0 0 0 30%; padding-left: 25px; }
.details-a p.pdf { padding: 7px 0 7px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url(../images/iconset-a-pdf-a.png) 0 50% no-repeat; }

.entry-a { margin: 0 0 30px; }
.entry-a header { }
.entry-a hr {margin:25px 0 20px 0px;}
.entry-a header p { margin-top: -15px;font-weight:bold;padding:0 0 20px 0; }
.entry-a footer { width: 100%; padding: 0; border-top: 0px solid #ccc; }
.entry-a footer:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
.entry-a footer > div { float: left; margin: 0; font-size: 14px; line-height: 20px; }
.entry-a footer > div p { font-size: 14px; }
.entry-a footer > div + div { float: right; }
.entry-a p.image {padding:25px 0px;}

.features-a { list-style: none; margin: -35px 0 30px; padding: 0 0 75px; border-bottom: 2px solid #0f7d8c; font-size: 0; }
.features-a li { display: -moz-inline-stack; display: inline-block; overflow: hidden; width: 33.3%; margin: 75px 0 0 0; padding: 0 5% 0 80px; font-size: 14px; line-height: 1.4666; vertical-align: top; }
.features-a li:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
html* .features-a li { display: inline; width: 28%; }
.features-a li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; position: relative; }
.features-a li:before { display: none; }
.features-a li a { text-decoration: none !important; }
.features-a li strong { display: block; margin: 0; }
.features-a span { display: block; }
.features-a br { display: none; }
.features-a span.item-icon-a { position: absolute; top: 3px; left: 0; width: 78px; margin: 0; padding: 0; }
.features-a span.item-icon-a img { display: block; max-width: 78px; margin: 0 auto; }

.features-b { list-style: none; margin: 30px 0; padding: 0; }
div.features-b { margin: 15px 0; }
.features-b > * { position: relative; overflow: hidden; padding: 0 0 0 130px; }
.features-b li:before { display: none; }
.features-b > * + * { margin-top: 30px; padding-top: 30px; border-top: 2px solid #0f7d8c; }
.features-b a { color: #aaf6ff; text-decoration: none !important; }
.features-b strong { display: block; margin: 0 0 10px !important; color: #fff; font: normal 20px/1.2 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }
.features-b strong em { color: #e7cd00; font-style: normal; }
.features-b br { display: none; }
.features-b .button-a { margin-right: 100%; margin-top: 15px; }

.features-b span.item-icon-b, .features-b span.item-icon-c { display: block; position: absolute; top: 32px; left: 0px; }

div.services-detail .features-b { margin-bottom: 40px; }
div.services-detail .features-b span.item-icon-b, .features-b span.item-icon-c { top: 5px; }
div.services-detail .features-b strong { color: #fff; font: normal 22px/1.36 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }
div.services-detail .features-b strong em { color: #f0d10d; font-style: normal; }

.fields-a { }
.fields-a h2 {  }
.fields-a p.req { width: auto; margin-top: -15px; padding: 0; color: #c00; font-size: 13px; font-weight: bold; }
.fields-a p { position: relative; width: 100%; margin: 0 0 12px; padding: 0 0 0 15px; }
.fields-a p em { position: absolute; left: 0; top: 7px; color: #c00; font-style: normal; }
.fields-a p label,
.fields-a .item label,
.contact-form-a .textfield,
.contact-form-a .textarea { float: left; margin: 0; color: #87888C; font-size: 13px; font-weight: bold; }
.fields-a .item label span { color:red; padding:0 0 0 5px;}
.js .fields-a p label,
.js .fields-a .item label  { position: static; left: 10px; top: 0; line-height: 32px; }
.fields-a p input, .fields-a p textarea { width: 100%; height: 32px; margin: 0; padding: 0 10px; border: none; background: #93b2bd; color: #021e29; font-size: 13px; font-weight: bold; line-height: 32px; }
.fields-a p, .fields-a p input, .fields-a p textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
.fields-a p textarea { width: 100%; height: 130px; padding: 5px 5px 5px 10px; line-height: 1.3; }
.fields-a p img { display: block; margin: 0 0 12px; }
.js .fields-a p.captcha { }
.js .fields-a p.captcha label { top: auto; bottom: 0; }
.js .fields-a p.captcha input { width: 70%; }
.js .fields-a p.captcha em { top: auto; bottom: 2px; }
form .item { position:relative; }

ul.files-a, .files-a ul { list-style: none; margin: 30px 0; padding: 0; }
.files-a li { margin: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 22px; border-top: 1px solid #063841; border-bottom: 1px solid #063841; }
.files-a li:before { display: none; }
.files-a li ~ li { border-top: none; }
.files-a li a { display: block; padding: 7px 0 7px 30px; background-position: 0 50%; background-repeat: no-repeat; }
.files-a li.doc a { background-image: url(../images/iconset-a-word-a.png); }
.files-a li.xls a { background-image: url(../images/iconset-a-excel-a.png); }
.files-a li.pdf a { background-image: url(../images/iconset-a-pdf-a.png); }
.files-a li a span { font-weight: normal; white-space: nowrap; }
.files-a li a .sep { margin: 0 4px; }

.lead-a { margin:0 0 20px; font: normal 22px/1.36 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }

.lead-a strong { color: #f0d10d; }

.lead-b { margin: 0; color: #0f8c91; font: normal 18px/1.2 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }

.newslist-a, .newslist-a ul { }
ul.newslist-a, .newslist-a ul { margin: 30px 0; padding: 0; border-top: 1px solid #063841; padding-bottom: 10px;}
.newslist-a li { margin: 0; padding: 10px 0; border-bottom: 1px solid #063841; }
.newslist-a li:before { display: none; }
.newslist-a li a span { font-weight: normal; }
.newslist-a li a .sep { margin: 0 4px; }

.paging-a { margin: 30px 0; padding: 10px 0 0; border-top: 1px solid #ccc; }
.paging-a ul { list-style: none; width: 100%; margin: 0; padding: 0; }
.paging-a ul:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
.paging-a ul li { float: left; font: normal 14px/25px colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }
.paging-a ul li:before { display: none; }
.paging-a ul li ~ li { margin-left: 5px; }
.paging-a ul li.step { font-size: 24px; font-weight: normal; }
.paging-a ul li a { float: left; width: 25px; height: 25px; border: 1px solid #dfdfdf; background: #ecebeb; color: #666; text-align: center; }
.paging-a ul li a:hover, .paging-a ul li a:focus, .paging-a ul li a:active { background-color: #dfdede; color: #666; text-decoration: none; }
.paging-a ul li.selected a { background-color: #009acc !important; color: #fff !important; }

.qas-a {padding-top: 30px;}
.qas-a dt { margin: 0 0 5px; color: #1bd5eb; }
.js .qas-a dt { color: #5dffa5; font-size: 14px; cursor: pointer; }
.js .qas-a dt small { color: #aaf6ff; font: bold 17px colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }
.js .qas-a dt.active, .js .qas-a dt.active small { color: #1bd5eb; }
.qas-a dd { margin: 0 0 20px 20px; padding: 20px 20px 25px 75px; background: url(../images/bg-trans-c.png); background: rgba(0,0,0,0.3); }
html* .qas-a dd { font-size: 10px; }
.js .qas-a dd { display: none; }
.js .qas-a dd.active { display: block; }
.qas-a dd:before { float: left; margin: 4px 0 0 -50px; content: 'A:'; color: #f0d10d; font: normal 34px/15px colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }

.quote-a { padding: 15px 0 20px; }
.quote-a h3 { color: #f0d10d; font-size: 15px; }
.quote-a h3 .sep { margin: 0 4px; }
.quote-a blockquote { position: relative; margin: 0; padding: 0 0 0 50px; }
.quote-a blockquote p { font: normal 19px/1.368 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }
.quote-a blockquote:before { position: absolute; left: 0; top: -10px; content: '"'; color: #1bd5eb; font: normal 58px/1 'Arial Black','Arial Bold',HelveticaNeue-Bold,Arial,Helvetica Neue,Helvetica,sans-serif; }

span.select-a select, span.select-a option { color: #021e29; }
.js span.select-a { display: block; position: relative; width: 100%; height: 34px; margin-right: 48px; background: url(../images/select-a-bg-a.png) 100% 50% no-repeat; color: #021e29; line-height: 34px; }
.js span.select-a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-shadow: inset 0 2px 3px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1); }
.js span.select-a span { display: block; position: absolute; left: 20px; top: 0; bottom: 0; right: 55px; overflow: hidden; height: 100%; font-size: 14px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.js span.select-a select { position: relative; z-index: 2; float: left; width: 100%; height: 100%; border: none; opacity: 0; filter: alpha(opacity=0); }
.js span.select-a.focus { color: #5effa6; }
.js span.select-a.over { color: #1bd5eb; }

.showcase-a { position: relative; z-index: 0; margin: -15px 0 20px; padding: 1px 0 68px; }
.showcase-a:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 88px; z-index: -1; content: ''; background: url(../images/showcase-a-bg.png) 50% 100% no-repeat; }
.showcase-a:after { position: absolute; left: -100%; right: -100%; bottom: 0; z-index: -1; height: 88px; content: ' '; background: url(../images/showcase-a-indicators-a.png) 50% 100% no-repeat; }
.js .showcase-a { min-height: 390px; }
.showcase-a .flexslider { padding-bottom: 20px; border: none; background: none; }
.showcase-a .flexslider .flex-control-nav { bottom: 0; margin: 0; }
.showcase-a .flexslider .flex-direction-nav { display: none; }
.showcase-a .slides { }
.showcase-a .slides li { }
.showcase-a .slides li:before { display: none; }
.showcase-a .slides li br { display: none; }
.showcase-a .slides li  .banner-text { width:50%; float:left;  padding:20px 0;  }
.showcase-a .slides li  .banner-text strong { display: block; margin: 0 0 5px; color: #fff; font: bold 38px/1 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }
.showcase-a .slides li  .banner-text span { display: block; margin: 0 0 15px; width: 380px;}
.flexslider .banner-img { font-size:0; width:50%; float:right; padding:20px 0; margin:0;  }
.flexslider .banner-img img { display:inline-block; vertical-align:middle; }
.flexslider ul li .banner-cont { }
.flexslider .slides .banner-item2 .banner-text { padding:35px 0 0 0; }
.flexslider .slides .banner-item1 .banner-text { padding:30px 0 0 0; }


.showcase-a + * { position: relative; z-index: 2; margin-top: -40px; }

.side-a { float: right; margin: -45px 0 -20px; }
html* .side-a { position: absolute; width: 200px; margin-left: -200px; text-align: right; }

.showcase-b { position: relative; z-index: 0; margin: -20px 0 20px; padding: 0 0 68px; }
.showcase-b:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 88px; z-index: -1; content: ''; background: url(../images/showcase-a-bg.png) 50% 100% no-repeat; }
.showcase-b:after { position: absolute; left: -100%; right: -100%; bottom: 0; z-index: -1; height: 88px; content: ' '; background: url(../images/showcase-a-indicators-a.png) 50% 100% no-repeat; }
.js .showcase-b { min-height: 430px; }
.showcase-b .flexslider { position: relative; z-index: 1; padding-bottom: 20px; border: none; background: none; }
.showcase-b .flexslider .flex-control-nav { bottom: 0; margin: 0; }
.showcase-b .flexslider .flex-direction-nav { display: none; }
.showcase-b .slides { }
.showcase-b .slides li { }
.showcase-b .slides li:before { display: none; }
.showcase-b .slides li br { display: none; }

.sidebar-a { margin: 0 0 30px; }
.sidebar-a h3 { margin: 0; padding: 7px 15px 3px; border: 1px solid #dfdfdf; border-width: 1px 1px 0; background: #09c; color: #fff; }
.sidebar-a ul { list-style: none; margin: 0 0 30px; padding: 0; border: 1px solid #dfdfdf; background: #ecebeb; }
.sidebar-a li { float: none; margin: 0; padding: 7px 15px; font: 14px/1.3 Arial,Helvetica Neue,Helvetica,sans-serif; }
.sidebar-a li:before { display: none; }
.sidebar-a li ~ li { border-top: 1px solid #dfdfdf; }
.sidebar-a li a { color: #666; }
.sidebar-a li a:hover, .sidebar-a li a:focus, .sidebar-a li a:active { color: #09c; text-decoration: none; }
.sidebar-a li.selected > a { color: #09c; }
.sidebar-a div.BlogTagCloud { list-style: none; margin: 0 0 30px; padding: 0; border: 1px solid #dfdfdf; background: #ecebeb; }
.sidebar-a div.BlogTagCloud a { display: block; padding: 7px 15px; color: #666; font: 14px/1.3 Arial,Helvetica Neue,Helvetica,sans-serif; }
.sidebar-a div.BlogTagCloud a ~ a { border-top: 1px solid #dfdfdf; }
.sidebar-a div.BlogTagCloud a:hover, .sidebar-a div.BlogTagCloud a:focus, .sidebar-a div.BlogTagCloud a:active { color: #09c; text-decoration: none; }

.sidenav-a, .sidenav-a ul { list-style: none; margin: 0; padding: 0; }
.sidenav-a ul { margin: 0; border: none; }
.sidenav-a li { float: none; margin: 0; font: bold 14px/1.143 Arial,Helvetica Neue,Helvetica,sans-serif; }
.sidenav-a li:before { display: none; }
.sidenav-a li ~ li { border-top: 1px solid #063841; }
.sidenav-a li a { display: block; float: none; padding: 11px 5px; color: #fff; }
.sidenav-a li a:hover, .sidenav-a li a:focus, .sidenav-a li a:active, .sidenav-a li.selected > a { color: #1bd5eb; text-decoration: none; }

.side-book-now { border: 0px solid; width: 280px; height: 49px; vertical-align: top; }
.side-img { margin:0; font-size:0; }

.sidebar .contact-b iframe { width:100%; border:0; height:200px;}
.sidebar .contact-b .map-cont { margin:0 0 15px 0;}

/*.sidebar-our-work  { display:none; }*/

.socials-a { list-style: none; height: 38px; margin: 0 0 15px; padding: 0; }
.socials-a li { float: left; }
.socials-a li:before { display: none; }
.socials-a li ~ li { margin-left: 6px; }
#footer .socials-a li ~ li { margin-left: 3px; }
.socials-a li a { display: block; overflow: hidden; width: 38px; height: 38px; background: url(../images/socials-a-icons-a.png) no-repeat; font-size: 0; text-indent: 101%; white-space: nowrap; }
#footer .socials-a li a { width: 30px; height: 30px; background-image: url(../images/socials-a-icons-b.png); }
.socials-a li a:hover, .socials-a li a:focus, .socials-a li a:active { background-position: 0 -40px; }
.socials-a li.twitter a { background-position: -40px 0; }
.socials-a li.twitter a:hover, .socials-a li.twitter a:focus, .socials-a li.twitter a:active { background-position: -40px -40px; }
.socials-a li.feed a { background-position: -80px 0; }
.socials-a li.feed a:hover, .socials-a li.feed a:focus, .socials-a li.feed a:active { background-position: -80px -40px; }
.socials-a li.vimeo a { background-position: -120px 0; }
.socials-a li.vimeo a:hover, .socials-a li.vimeo a:focus, .socials-a li.vimeo a:active { background-position: -120px -40px; }

.tweets-a { margin: 0 0 30px; }
.tweets-a h3 { margin: 0; padding: 7px 15px 3px; border: 1px solid #dfdfdf; border-width: 1px 1px 0; background: #09c; color: #fff; }
.tweets-a ul { list-style: none; margin: 0; padding: 0; border: 1px solid #dfdfdf; background: #ecebeb; }
.tweets-a li { float: none; margin: 0; padding: 7px 15px; font: 14px/1.3 Arial,Helvetica Neue,Helvetica,sans-serif; }
.tweets-a li:before { display: none; }
.tweets-a li ~ li { border-top: 1px solid #dfdfdf; }
.tweets-a p { padding: 5px 15px; background: #e3e3e3; }

.work-a { list-style: none; margin: -20px 0 30px -20px; padding: 0; font-size: 0; letter-spacing: -5px; }
.work-a li { display: -moz-inline-stack; display: inline-block; width: 25%; margin: 30px 0 0 0; padding: 0 0 0 20px; letter-spacing: 0; vertical-align: top; }
html* .work-a { margin-left: 0; }
html* .work-a li { display: inline; width: 23%; margin-right: 2%; padding-left: 0; }
.work-a li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
.work-a li:before { display: none; }
.work-a li a { display: block; position: relative; z-index: 1; }
.work-a li a:before { display: none; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; margin: 0; padding: 0 20px; border: 1px solid #20434d; background: url(../images/bg-trans-a.png); background: rgba(1,25,44,0.95); content: ''; }
.work-a li img { display: block; position: relative; z-index: -1; width: 100%; height: auto; margin: 0; }
.work-a li a > span { display: none; position: absolute; top: 50%; left: 0; right: 0; z-index: 2; overflow: hidden; margin: -24px 0 0; padding: 0 20px; color: #fff; font: normal 20px/24px colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; text-align: center; }
.work-a li a:hover:before, .work-a li a:hover > span { display: block; }
.work-a li span em { display: block; color: #5effa6; font-size: 12px; font-style: normal; text-transform: uppercase; }

.work-b { list-style: none; margin: -25px 0 30px -25px; padding: 0; font-size: 0; }
.work-b li { display: -moz-inline-stack; display: inline-block; position: relative; width: 25%; margin: 25px 0 0 0; padding: 0 0 0 25px; font-size: 14px; font-weight: bold; vertical-align: top; }
html* .work-b { margin-left: 0; }
html* .work-b li { display: inline; width: 23%; margin-right: 2%; padding-left: 0; }
.work-b li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
.work-b li:before { display: none; }
.work-b li a { text-decoration: none !important; }
.work-b li img { position: relative; display: block; margin: 0; }
.work-b li strong { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 25px; padding: 0; background: url(../images/work-b-bg-a.png); color: #fff; font: normal 20px/1.2 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; text-align: center; }
html* .work-b li strong { left: 0; }
.work-b li a:hover strong { display: block; }
.work-b li strong span { position: absolute; left: 0; bottom: 0; right: 0; top: 50%; margin: -20px 0 0; text-align: center; }
.work-b li strong small { display: block; color: #ccc; font: 14px/1.2 Arial,Helvetica Neue,Helvetica,sans-serif; }

.work-c, .work-c li { text-align: center; }
.work-c li:before { display: none; }
.work-c img { display: block; margin: 0 0 5px; }
.work-c a { display: block; position: relative; z-index: 1; }
.work-c a:before { display: none; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; margin: 0; padding: 0 20px; border: 1px solid #20434d; background: url(../images/bg-trans-a.png); background: rgba(1,25,44,0.95); content: ''; }
.work-c img { display: block; position: relative; z-index: -1; width: 100%; height: auto; margin: 0; }
.work-c a:hover:before, .work-c a:hover > span { display: block; }
.work-c a > span { display: none; position: absolute; top: 50%; left: 0; right: 0; z-index: 2; margin: -24px 0 0; padding: 0 20px; color: #fff; font: normal 20px/24px colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; text-align: center; }

.work-c span em { display: block; color: #5effa6; font-size: 12px; font-style: normal; text-transform: uppercase; }

/*! headers ------- */

/*! buttons ------- */

.button-a, .productSubmitInput, #catshopbuy { display: -moz-inline-stack; display: inline-block; position: relative; height: 34px; padding: 0 15px; border: none; background: url(../images/button-a-bg.png) repeat-x; color: #aaf6ff; font: bold 14px/34px Arial,Helvetica Neue,Helvetica,sans-serif; text-decoration: none !important; white-space: nowrap; text-shadow: 0 1px 4px rgba(0,0,0,0.2); }
.button-a, .productSubmitInput, #catshopbuy { border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; behavior: url(styles/pie.htc); }
html*.button-a, .productSubmitInput, #catshopbuy { display: inline; }
.button-a:hover, .button-a:focus, .button-a:active, .productSubmitInput:hover, #catshopbuy:hover { background-position: 0 -34px; color: #aaf6ff; cursor: pointer;}

#catshopbuy {float:right;}

.button-a.small { height: 30px; font-size: 12px; line-height: 30px; }
.button-a { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.button-b { display: -moz-inline-stack; display: inline-block; position: relative; height: 36px; padding: 0 25px; border: none; background: url(../images/button-b-bg.png) repeat-x; color: #fff; font: bold 15px/36px Arial,Helvetica Neue,Helvetica,sans-serif; text-decoration: none !important; white-space: nowrap; text-shadow: 0 1px 4px rgba(0,0,0,0.2); }
.button-b { border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; behavior: url(styles/pie.htc); }
html*.button-b { display: inline; }
.button-b:hover, .button-b:focus, .button-b:active { background-position: 0 -36px; color: #fff; }

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/*! defaults ------ */

form { }
label { cursor: pointer; }
textarea { overflow: auto; resize: vertical; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px 10px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 { color: #aaf6ff; font: normal 1em/1.2 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }
h1 { margin-bottom: 30px; font-size: 5.0em; font-weight: bold; text-shadow: 0 1px 5px rgba(0,0,0,0.65); }
h2 { font-size: 3.4em; }
h3 { font-size: 2.6em; }
h4 { font-size: 2.2em; }
h5 { font-size: 1.8em; }
h6 { font-size: 1.6em; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }


div.primary ol { list-style: none; padding-left: 20px; counter-reset: ol; }
div.primary ol li { font-size: 1.4em; line-height: 1.85; counter-increment: ol; }
div.primary  ol li:before { position: absolute; content: counter(ol) '.'; margin: 0 0 0 -20px; color: #1bd5eb; font: bold 17px/1.52352941 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; }

ul { list-style: none; padding-left: 15px; }
ul li { position: relative; font-size: 1.4em; line-height: 1.85; counter-increment: ul; }
ul li:before { position: absolute; content: counter(ul,disc); margin: 0 0 0 -15px; color: #1bd5eb; font-weight: bold; }
.opera ul li:before { content: '•'; }

#footer ul li:before {display:none;}

a { color: #5effa6; font-weight: bold; text-decoration: none; }
a:hover, a:focus, a:active { color: #1bd5eb; text-decoration: none; }
a span { cursor: pointer; }

img { max-width: 100%; height: auto; border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 30px 0; border: none; border-top: 2px solid #0f7d8c; background: none; font-size: 0; } div.hr * { display: none; }

.clearboth { clear: both; display: block; visibility: hidden; font-size: 0; line-height: 0; }
.clearfix:after, .clearfix:before { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after { clear: both; }
.clearfix { zoom: 1;}
.align-center { text-align:center; }

.textfield, .textarea, .formselect { box-sizing:border-box; height:30px; border:1px solid #ccc; font-size:14px; width:318px; padding:0 10px; }
.textarea { height:150px; }

/* Team */
.stories-b { }
.stories-b .item { overflow: hidden; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e4dcd0; }
.stories-b .item figure { float: left; margin: 0; }
.stories-b .item figure img { display: block; max-width: 242px; margin: 0; }
.stories-b .item figure ~ * { margin-left: 260px !important; }
.stories-b .item h2 { margin-bottom: 0; }
.stories-b .item p.role { font-size: 1.5em; font-weight: bold; }
.stories-b .item p.action { margin-bottom: 0; }
.stories-b .item h2 a {text-decoration:none; }

.stories-b figure.left { float: left; margin: 5px 20px 5px 0; }
.stories-b figure.right { float: right; margin: 5px 0 5px 20px; }
.stories-b figure.left img, .stories-b figure.right img { display: block; margin: 0; }

/*! mobile -------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }


/* Ecom */
#ratingsContainer {color:#000;}
#ratingsContainer textarea {width:400px;}
#ratingsContainer .comment-form p {margin-left:0px !important; padding-left:0px;}
#ratingsContainer label {left:0px;}

.products-a { margin: 0 -25px 20px;width:100%;}
.products-a.home {width:100%;}
.products-a table { width: 106%; margin: 0 0 25px; }
.products-a table td { width: 33.33%; padding: 25px; border: 1px solid #014961; border-width: 1px 0 0 1px; vertical-align: top; font-size: 1em; }
.products-a table td { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.products-a table td:first-child { border-left: none; }
.products-a table tr:first-child td { padding-top: 0; border-top: none; }
.products-a table tr:last-child td { padding-bottom: 0; }
.products-a table tr:last-child td { padding-bottom: 0; }
.products-a article { width:100% !important; }
.products-a article figure { position: relative; width: 100%; margin: 0 0 5px; color: #eaeaea; font-size: 1.2em; }
.products-a article figure a { display: block; font-size:0; }
.products-a article figure img { display: block; width: 100%; /* max-width: 280px; */}
.products-a article figure span.colors { position: absolute; left: 0; bottom: 0; right: 0; padding: 3px; background: #574d46; background: rgba(51,51,51,0.65); color: #eaeaea; text-align: center; text-transform: lowercase; }
.products-a article figure span.sale { position: absolute; left: -5px; top: -4px; overflow: hidden; width: 61px; height: 70px; background: url(../images/product-a-sale-a.png) no-repeat; text-indent: -10001px; z-index:400;}
.products-a article h3 { color: #757575; }
.products-a article h3 a { color: #5EFFA6; }
.products-a article h3 a:hover, .products-a article h3 a:focus, .products-a article h3 a:active { color: #09C; text-decoration: none; }
.products-a article h4 { margin: 0 0 2px; color: #757575; font: bold 1.3em/1.38 Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
.products-a article h4 a { color: #5EFFA6; }
.products-a article h4 a:hover, .products-a article h4 a:focus, .products-a article h4 a:active { color: #09C; text-decoration: none; }
.products-a article p { margin: 0; font-size: 1.3em; }
.products-a article p.sale { color: #89c43d; }
.products-a article p.review { margin-top: 3px; font-size: 1.1em; line-height: 13px; }
.products-a article p.review span { vertical-align: top; }
.products-a .paging { padding: 0 16px; text-align: right; text-transform: lowercase; }
.products-a .paging strong { color: #89c43d; font-weight: normal; }
.products-a .paging a { display: -moz-inline-stack; display: inline-block; overflow: hidden; width: 0; height: 0; margin: 5px 10px; border: 5px solid #757575; border-width: 5px 10px 5px 0; border-color: transparent #757575; text-indent: -10001px; vertical-align: top; }
html* .products-a .paging a { display: inline; }
.products-a .paging a:hover { border-color: transparent #89c43d; }
.products-a .paging a.next { border-width: 5px 0 5px 10px; }
.products-a.category { }




figure.product-image img {}
.catalogueItem article figure a img {}
.products-a.prodList article {width:170px;}
.products-a.prodList.wishlist article {width:170px !important;}
body.ecom.details .products-a.prodList article {width:100%;}
.products-a .tabs-a p,.products-a .tabs-a ul li, .products-a .details-a p, .products-a .product-attributes {font-size:1.4em;}
.products-a .catProdAttributeTitle,.product-grouping label {display: block;margin: 0 0 2px;font-size: 12px;}
.products-a .product-attributes .catProdAttributeItem select,.products-a .product-grouping select {width: 90%;height: 27px;padding: 3px;border: 1px solid #D5D6D6;font-size: 14px;color: black;}
.products-a .details-a > .info .qty {width:105px; float:left;}
.products-a .wrap.socials {width:100%; overflow:hidden; position:relative;}
.products-a .wrap.socials ul {margin:0px;padding:0px;}
.products-a .wrap.socials ul li:before {display:none !important;}
.products-a .wrap.socials ul li {float:left; list-style-type:none;margin-right: 10px;}
.products-a .wrap.socials ul li a {margin-right:15px;}


.details-a { overflow: hidden; width: 100%; margin: 0 0 30px; }
.details-a > .info { float: right; width: 34%; margin: 0; padding-left: 24px; border-left: 1px solid #014961; }
.details-a > .info > .wrap { min-height: 25px; margin: 0 0 10px; padding: 25px; background: #021017; }
.details-a > .info > .wrap:first-child {  min-height: 350px;  width: 85%;position: relative;overflow: hidden;}
.details-a > .info p { margin: 0 0 10px; width: 90%;}
.details-a > .info .price { margin: 0 0 5px; color: #AAF6FF; font-size: 2.7em; font-weight: bold; }
.details-a > .info .reviews { font-size: 1.1em; }
.details-a > .info .reviews .rating-a { vertical-align: top; }
.details-a > .info .color { margin: 15px 0; }
.details-a > .info .color label { display: block; margin: 0 0 2px; font-size: 12px; }
.details-a > .info .color select { width: 100%; height: 27px; padding: 3px; border: 1px solid #d5d6d6; }
.details-a > .info .qty { overflow: hidden; width: 100%; line-height: 34px; }
.details-a > .info .qty label { float: left; padding-right: 10px; font-size: 12px; }
.details-a > .info .qty input { float: left; width: 30px; height: 32px; padding: 0 9px; border: 1px solid #d5d6d6; background: #fff; line-height: 32px; text-align: center;color: black;}
.details-a > .info .qty .button-a, span.addToCart input.productSubmitInput { float: right !important; height: 34px !important; font-size: 18px !important; line-height: 32px !important; }
.details-a > .images { float: left; width: 61%; margin: 0; }
.details-a > .images figure { overflow: hidden; position: relative; margin: 0 0 10px; }
.details-a > .images figure img { display: block; width: 100%; max-width:563px;}
.details-a > .images figure a { display: block; }
.details-a > .images figure a:before { position: absolute; right: 0; bottom: 0; overflow: hidden; content: ' '; width: 45px; height: 45px; background: url(../images/details-a-zoom-a.png) no-repeat; text-indent: -10001px; }
.details-a > .images .thumbs { position: relative; width: 100%; }
.details-a > .images .thumbs .wrap { position: relative; overflow: hidden; width: 460px; margin: 0 auto; }
.details-a > .images .thumbs ul.items { float: left; width: 99999px; list-style: none; margin: 0; padding: 0; }
.details-a > .images .thumbs ul.items li { position: relative; overflow: hidden; float: left; width: 100px; height: 75px; margin: 0 20px 0 0; padding: 0; }
.details-a > .images .thumbs ul.items li:before { display: none; }
.details-a > .images .thumbs ul.items li a { float: left; }
.details-a > .images .thumbs ul.items li a:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ' '; }
.details-a > .images .thumbs ul.items li a:hover:before { border: 1px solid #000; }
.details-a > .images .thumbs ul.items li a img { float: left; width: 87px; }
.lt-ie9 .details-a > .images .thumbs ul.items li a img { max-width: 100px; }
.details-a > .images .thumbs ul.index { list-style: none; margin: 0; padding: 0; }
.details-a > .images .thumbs ul.index li { position: absolute; left: 0; top: 0; bottom: 0; margin: 0; padding: 0; }
.details-a > .images .thumbs ul.index li.next { left: auto; right: 0; }
.details-a > .images .thumbs ul.index li:before { display: none; }
.details-a > .images .thumbs ul.index li a { display: block; overflow: hidden; width: 30px; height: 75px; background: #e4e3e3 url(../images/details-a-steps-a.png) 0 50% no-repeat; font-size: 0; text-indent: -10001px; }
.details-a > .images .thumbs ul.index li a:hover { background-color: #cac9c9; }
.details-a > .images .thumbs ul.index li.next a { background-position: -30px 50%; }



.tabs-a { width: 100%; margin: 0 0 40px; }
.tabs-a > ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; }
.tabs-a > ul li { float: left; font-size: 1.6em; line-height: 40px; text-align: center; }
.tabs-a > ul li ~ li { margin-left: 10px; }
.tabs-a > ul li:before { display: none; }
.tabs-a > ul li a { float: left; min-width: 140px; height: 40px; padding: 0 10px; background: #84B6C2; color: #021017; text-decoration: none !important; }
.tabs-a > ul li a:hover { background-color: #014961; color:#fff;}
.tabs-a > ul li.selected > a, .tabs-a > ul li.active > a { background: #014961; color:#fff;}
.tabs-a > .content > div { background: #023749; }

.tabs-a > .content > .tab { margin: 0; padding: 30px 25px; }
.js .tabs-a > .content > .tab { display: none; }
.js .tabs-a > .content > .tab.active { display: block; }

.show-secure-item-0 {display:none !important;}


body.details { }
body.details #content > .gridrow-a { }
body.details #content > .gridrow-a > .column:first-child { display: none; }
body.details #content > .gridrow-a > .column { float: none; width: 100%; margin: 0; }

/* hide large product to work JS magic then show w/JS */
.prodLarge {display:none;}

div.tabs-a .quote-a { margin: 0 0 25px; padding: 0 0 25px; border-bottom: 1px solid #eaeaea; }
div.tabs-a .quote-a blockquote { margin: 0 0 10px; padding: 20px 25px; background: #021017;width:90%; }
div.tabs-a .quote-a blockquote:before, .quote-a blockquote > .before { display:none; }
div.tabs-a .quote-a blockquote + p { position: relative; margin: 0 0 0 90px; color: #666; }
div.tabs-a .quote-a blockquote + p:before, div.tabs-a .quote-a blockquote + p > .before { position: absolute; left: -40px; top: -10px; content: ''; overflow: hidden; width: 0; height: 0; border: 15px solid #021017; border-color: #021017 #021017 transparent transparent; }

.products-a.slider table td {width:25%;display:inline-block;}

.details-a > .images .thumbs {overflow: hidden;}

/*top Bar */
#bar {   height: 53px; margin: 0; border-top: 1px solid #5d5d5d; background: #021017; color: #fff; line-height: 53px; width: 100%;}

#bar .wrap-a {max-width: 960px; margin: 0px auto;}
#bar:before, #bar > .before { position: absolute; left: -100%; right: -100%; top: 0px; bottom: 0; z-index: -1; content: ' '; border-top: 1px solid #5d5d5d; height: 53px; margin: 0; border-top: 1px solid #5d5d5d; background: #021017; }
#bar p { float: left; margin: 0; font-weight: 300; }
#bar p strong {  font-weight: 700; }
#bar ul { float: right; list-style: none; margin: 0; padding: 0; margin-top: 13px;}
#bar ul li { position: relative; float: left; }
#bar ul li ~ li { margin-left: 25px; }
#bar ul li:before { display: none; }
#bar ul li ~ li:before { display: block; position: absolute; left: -15px; top: 0; content: '/'; width: auto; height: auto; margin: 0; background: none; }
#bar ul li.button { margin-left: 15px; margin-top: -4px;}
#bar ul li.button a {color:#fff;}
#bar ul li.button:before { display: none; }
#bar ul li a { color: #fff; }
#bar ul li a:hover, #bar ul li a:focus, #bar ul li a:active {  text-decoration: underline; }


/* Cart */
.cart-a { }
.cart-a > .items { position: relative; margin: 0 0 5px; padding: 50px 0 20px; overflow: hidden; }
.cart-a > .items .wrap { display: table; width: 100%; }
.cart-a > .items .wrap div.row { display: table-row; }
.cart-a > .items .wrap div.row > * { display: table-cell; margin: 0; padding: 20px 0 0 10px; vertical-align: top; text-align: left; }
.cart-a > .items .wrap div.row > div.title { color: inherit; font-size: 14px; font-weight: bold; }
.cart-a > .items .wrap div.row > div.title a { color: inherit; }
.cart-a > .items .wrap div.row > div { width: 100px; font-size: 14px; }
.cart-a > .items .wrap div.row > div div.productitemcell { height: 80px; margin: 0 0 10px; }
.cart-a > .items .wrap div.row > div div.productitemcell img { max-height: 80px; }
.cart-a > .items .wrap div.row span { display: none; }
.cart-a > .items .wrap div.row label { display: none; }
.cart-a > .items .wrap div.row input { display: block; width: 20px; padding: 0; text-align: center; }
.cart-a > .items .wrap div.row:first-child > *:before { position: absolute; top: 20px; margin: 0; font-size: 16px; line-height: 1; font-weight: bold; }
.cart-a > .items .wrap div.row:first-child > figure:before { content: 'Product'; }
.cart-a > .items .wrap div.row:first-child > .price:before { content: 'Price'; }
.cart-a > .items .wrap div.row:first-child > .quantity:before { content: 'Qty'; }
.cart-a > .items .wrap div.row:first-child > .tax:before { content: 'Tax'; }
.cart-a > .items .wrap div.row:first-child > .total:before { content: 'Total'; }
.cart-a > .items .wrap div.row:first-child > .action:before { content: 'Action'; }
.cart-a > .subtotal { display: table; width: 100%; }
.cart-a > .subtotal p { display: table-row; }
.cart-a > .subtotal p > * { display: table-cell; font-size: 16px; }
.cart-a > .subtotal strong { width: 300px; padding: 20px 0 20px 20px ;  }
.cart-a > .subtotal span { width: 210px; padding: 20px 0; }
.cart-a > .subtotal span + span { width: 100px; }
.cart-a > .subtotal a { }
.cart-a > .codes { display: table; list-style: none; width: 100%; margin: 0 0 5px; padding: 0; }
.cart-a > .codes li { display: table-row; }
.cart-a > .codes li.shipping div { display: block; width:75%;}
 .cart-a > .codes li > * { display: table-cell; padding: 0 20px 10px; }
 .cart-a > .codes li:before { display: none; }
 .cart-a > .codes li label,
 .cart-a > .codes li div.shippingCountryDiv > span { display: block; margin: 0 0 5px; font-size: 14px; }
 .cart-a > .codes li input[type=text], .cart-a >.codes li select { width: 70%; height: 30px; font-size: 12px; }
 .cart-a > .codes li input[type=button] { height: 30px; margin: 0; padding: 0; border: none; background: none; color: #f00; line-height: 30px; }
 .cart-a > .codes li > span.price { width: 29%; }

.cart-a > .total { position: relative; width: 100%; margin: 0 0 5px; padding: 20px 0; font-size: 22px; }
.cart-a > .total strong { padding: 0 0 0 20px; }
.cart-a > .total span { position: absolute; right: 0; width: 27%; padding: 0 0 0 10px; }
.cart-a > .action { width: 100%; margin: 15px 0 0; }
.cart-a > .action:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
.cart-a > .action > a { float: left; margin: 5px 0 0 20px; }
.cart-a > .action > span { float: right; padding: 0 0 0 10px; }

.checkout-a { }
.checkout-a .required { float: right; color: #bb1515; }
.checkout-a em { color: #bb1515; font-style: normal; }
.checkout-a h2 { margin-bottom: 20px; }
.checkout-a .wrap { margin: 0 0 25px; padding: 0 0 30px; border-bottom: 1px solid #eaeaea; }
.checkout-a .wrap .fields { overflow: hidden; width: 100%; margin: 0 0 10px; }
.checkout-a .wrap .fields p { display: inline; float: left; margin: 0 0 0 20px; }
.checkout-a .wrap .fields p:first-child { margin-left: 0; }
.checkout-a label, .checkout-a span.label { display: block; margin: 0 0 3px; font-size: 12px; }
.checkout-a input.text { width: 265px; height: 25px; padding: 0 6px 0 7px; border: 1px solid #d5d6d6; line-height: 25px; }
.checkout-a select { width: 280px; padding: 3px; border: 1px solid #d5d6d6; background: #fff; }
.checkout-a .half input.text { width: 115px; }
.checkout-a .half select { width: 130px; }
.checkout-a .tick { margin-top: 15px; }
.checkout-a .tick label { display: inline; margin: 0; font-size: 14px; }
.checkout.form-container input,.checkout.form-container select {color:#000 !important;}

.checkout-a .cards { }
.checkout-a .cards img { display: block; margin-top: 7px; }
.checkout-a .total { overflow: hidden; width: 100%; padding: 20px 0; border: none;  }
.checkout-a .total p { float: right; margin: 0 20px; }
.checkout-a .total p.sum { float: left; font-size: 2.6em; font-weight: bold; line-height: 34px; color:#AAF6FF;}
.checkout-a .total p .button-a { height: 34px; padding: 0 25px; font-size: 18px; line-height: 32px; }


.checkout { padding: 0; }
.checkout form { padding: 0; background: none;  }
.checkout fieldset { display: block; margin: 0 0 15px;  }
.checkout fieldset.fieldset-a { overflow: hidden; border: 0; margin: 0; }

.checkout .row { margin: 0; padding-bottom: 12px; }
.checkout label { margin-left: 0; color: #fff; font-size: 14px; font-weight: normal ; }
.checkout select { width: 270px; }
.checkout .field-b select { width: 93px; }
.checkout .card-expiration select { width: 107px; margin-right: 20px; }
.checkout .row-accepted-cards { padding: 0 0 16px; }
.checkout p img { margin-left: 5px; }
.checkout footer { position: relative; overflow: hidden; padding: 0; }
* html .checkout footer { zoom: 1; }
.checkout footer .total { position: relative; width: 100%; overflow: hidden; margin: 0 0 20px; padding: 12px 0 8px; background: #68b3af; color: #fff; font-size: 22px; line-height: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 5px #dedede; -moz-box-shadow: 0 1px 5px #dedede; box-shadow: 0 1px 5px #dedede;  behavior: url(/styles/pie.htc); }
.checkout footer .total .label { float: left; margin-left: 20px; font-family: "lobster",Verdana,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif; }
.checkout footer .total strong { float: right; margin: -2px 35px 0 0; font-weight: bold; }
.checkout footer button { float: right; display: inline; border: 0; background: none; }
.checkout footer button span { float: right; padding: 0 18px; line-height: 32px; border: 1px solid #243e4e; background: #2f4a5b; color: #fff; }
.checkout footer button:hover span, .checkout footer button:active span, .checkout footer button:focus span { background: #68b3af; border: 1px solid #60aaa6; }

.form-container { padding: 0 0 50px; }
.form-container header { position: relative; width: 100%; overflow: hidden; }


.form-generic-a { display: block; zoom: 1; position: relative; overflow: hidden;  }
.form-generic-a { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/styles/pie.htc); }
html* .form-generic-a { zoom: 1; }
.form-generic-a fieldset { border: 0; }
.form-generic-a .col-a { float: left; width: 225px; padding-right: 25px; }
.form-generic-a .col-b { float: right; width: 379px; }
.form-generic-a .row { overflow: hidden; width: 100%; padding: 0;margin-bottom: 15px; }
.form-generic-a .row .field { float: left; margin: 0; }
.form-generic-a .row .field-a { width: 238px; padding-right: 42px; }
.form-generic-a .row .field-a input { width: 238px;color: black; }
.form-generic-a .row .field-b { width: 140px; padding-right: 10px; }
.form-generic-a .row .field-b input { width: 108px }
.form-generic-a .row .field-c { width: 100px; padding-right: 13px; }
.form-generic-a .row .field-c select { width: 93px }
.form-generic-a .row .field-d { width: 125px; padding-right: 10px; }
.form-generic-a .row .field-d input { width: 125px }
.form-generic-a h3 { margin-bottom: 22px; color: #531201; font-size: 18px; }
.form-generic-a p { margin-bottom: 9px; }
.form-generic-a p img { vertical-align: middle; }
.form-generic-a label { display: block; margin: 0 0 0 2px; font-size: 13px; font-weight: bold; }
.form-generic-a label em { color: #c00; }
.form-generic-a input { width: 238px; height: 25px; line-height: 25px;color:#000; } 
.form-generic-a select { width: 474px; height: 26px; }
html* .form-generic-a select { height: auto; }
.form-generic-a .row textarea { width: 462px; height: 150px; margin: 0 0 6px; }
.form-generic-a .checkbox input { display: inline; width: auto; height: auto; margin-right: 6px; padding: auto; border: none; background: none; }
.form-generic-a .checkbox label { display: inline; }
.form-generic-a .row-a p { margin: 0 0 17px; }
.form-generic-a .row .col { float: left; display: inline; width: 249px; margin: 0; }

.secure-page-jumper {display:none;}

li.checkout:before {display:none;}

div.table { position: relative; padding-bottom: 24px; border: 1px solid #ddd;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  behavior: url(/styles/pie.htc); }
div.table {}
div.table .thead { margin-bottom: 18px; padding-top: 20px; border-bottom: 1px solid #eeede3; }
div.table .row { overflow: hidden; width: 100%; padding-bottom: 8px; margin: 0 0 15px;}
div.table .row span { float: left; font-size: 13px; }
div.table .row .col1 { width: 303px; padding: 0 30px; }
div.table .row .col2 { width: 90px; padding: 0 30px; }


/*     Notices
-------------------------------------*/
#notice-slider { padding: 20px; color: #fff; font-weight: bold; display: none; margin: 20px 0 20px 0; font-size: 1.4em;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  behavior: url(/styles/pie.htc);}
.alarm { background-color: #021017; }
.caution { background-color: #021017; }

#bar li.button {display:none;}
.prodList.wishlist {margin-left:0px;}

.products-a.home.matrix {margin:0px !Important;}
.products-a.home.matrix article {width:100%;display: inline-block;vertical-align: top;margin:0 43px 40px 0;}
.products-a.home.matrix article:nth-child(3n+3) {margin-right:0px !important;}

.products-a {width:100%; overflow:hidden; position:relative;}

/* addons */
.show-app-item-0, .show-app-item- {display:none !important;}

div.captcha-wrapper {width:100%; overflow:hidden; position:relative;}
div.captcha-wrapper p.captcha-label {}
div.captcha-wrapper div.captchaimg {}
div.captcha-wrapper .captchaimg img {width:150px; height:30px;}
div.captcha-wrapper input#CaptchaV2 {width: 130px !important;}

.twitHeader, .twitUser, .twitterUserName, .howManyTweets,.twitNavi {display:none;}
#footer .twitter-a ul {margin:0px; padding:0px;}
#footer .twitter-a ul li {list-style-type:none;}

.blog-form .captcha-wrapper,.fields-a .captcha-wrapper {padding-left:10px;}

.show-app-item-, .show-app-item-0 {display:none !important;}

.work-c ul {margin:0px; padding:0px;}
.work-c ul li {list-style-type:none;}
.work-c ul li a:hover {text-decoration:none;}

.blogsitesummary {margin:0px;padding:0px;}
.blogsitesummary li {list-style-type:none !important; margin-bottom:15px !important;}
.blogsitesummary li:before {display:none;}
.blogsitesummary li span.author, .blogsitesummary li span.date {display:block;}
.search-results {font-size:1.4em;}
.search-results .search-result {font-size:11px;}

.bump-left {margin-left:0px  !important; padding-left:0px !important; }
.service-item {margin-bottom:15px !important;}

.twitter-a li {margin-bottom:15px;}

/* blog layout adjustment */
.sidebar-b {margin-top: 93px;}
.sidebar-b h3, div.tweets-b h3 {font:bold 20px/1.2 colaborate,Arial,Helvetica Neue,Helvetica,sans-serif; margin-bottom:10px;}
.sidebar-b ul, div.tweets-b ul {padding:0px;}
.sidebar-b a {color:#fff;}
.sidebar-b a:hover {color:#1bd5eb;}
.sidebar-b li:before, div.tweets-b li:before {display:none;}
div.tweets-b li {border-bottom:1px solid #012f3f; padding:0 0 15px 0; margin:0 0 15px 0;}

.showcase-a .button-b {display:block; width:76px;margin-top:15px;}

.bump-left {margin-left:0px  !important; padding-left:0px !important; padding-top:15px; }
.service-item {margin-bottom:15px !important;}

.secondary h2 {font-size:3em;}
span.news-heading {color:#5EFFA6;}

div.sidebar-b, div.sidebar-b div {margin-bottom:30px;}

/*     Updates may14 2015
---------------------------------------------------------------------------------------------------------------*/
body {background: none; font-family: 'Roboto Condensed', sans-serif;}

a {color: #399e2f; font-weight: normal;}
a:hover, a:focus {color:#2f8627;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; color: #2166b3;}

.container {max-width: 920px; margin: 0 auto;}
.container:before, .container:after {content: ""; line-height: 0; display: table;}
.container:after {clear: both;}

.fields-a p input, .fields-a p textarea,
#footer .fields p input, input#CaptchaV2 {background: #fff; border: 1px solid #e0e0e0;}

.button-a {background: #399e2f; border-bottom: 4px solid #2f8627; font-family: 'Roboto Condensed', sans-serif; color: #fff !important; font-weight: normal; padding: 8px 25px; height: auto; line-height: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.button-b {background: #fff; border-bottom: 4px solid #dfdfdf; font-family: 'Roboto Condensed', sans-serif; color: #101010 !important; font-weight: normal; padding: 8px 25px; height: auto; line-height: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.button-a:hover, .button-b:hover {opacity: 0.9;}
.button-b.btn-book {font-size: 20px;  width: 170px !important; text-align: center;  padding: 15px 25px 12px;}

#header {padding: 0; margin: 0; position: relative;z-index: 100;}
#header #top {background: #1d4fb0; width: auto; max-width: none; margin: 0; padding: 0;}
#header #logo {float: left; margin: 0; padding: 10px 0 20px;}
#header .contact {float: right; font-size: 50px; font-family: Arial, Helvetica,sans-serif; font-style: italic; padding: 30px 0 0; width:335px; text-align:right; }
#header .contact a { display:block; line-height:1.3; color:#fff; text-decoration:none; }
#header .contact .header-email { display:block; font-size:20px; }

#header #bottom {background: url(../images/bg-headbtm.png) repeat-x left top; margin: 0; padding: 10px 0;}
#header .service { margin: 0; padding: 0; text-align:left; }
#header .slogan {  margin: 0; padding: 0; font-size: 42px; font-style: italic; text-transform: lowercase; text-align:center;}
#header .vanbox { text-align:right; }
#header .header-bot { display:table; width:100%; }
#header .header-bot > div { display:table-cell; vertical-align:middle; }

#header #nav {background: url(../images/bg-menu.png) repeat-x left top #fff; box-shadow:0 2px 2px rgba(0,0,0,0.3);}
#header #nav ul {float: none; text-align: center;}
#header #nav ul li {margin: 0; font-family: "Roboto Condensed",sans-serif; font-size: 20px; margin: 0 12px; float: none; display: inline-block;}
#header #nav ul li a {color: #2d2d2d; padding: 0 15px; font-weight: normal; display: block; float: none;}
#header #nav ul li a:hover, #header #nav ul li.selected > a {color: #2064b7;}
#header #nav ul li.selected > a:before {top: 0; background: #2064b7; height: 2px}
#header #nav ul ul {text-align: left;}
#header #nav ul ul li {background: #fff; display: block; margin: 0; font-size: 16px;}
#header #nav ul ul li a {padding: 8px 0;}

#body {background: #fff;}
#slider {background: url(../images/bg-banner.jpg) no-repeat center top; background-size: cover; margin-bottom: 35px;}
#slider .showcase-a {padding: 0;}
#slider .showcase-a .slides li > span strong {font-family: "Roboto Condensed",sans-serif; font-weight: normal; color: #fff;}
#slider .showcase-a .slides li > span, .showcase-a .slides li p {font-size: 18px; line-height: 1.5;}
#slider .showcase-a .flex-control-nav {bottom: -22px;}
#slider .flex-control-nav li a {background: #3ba621;}
#slider .flex-control-nav li a:hover, #slider .flex-control-nav li a.active {background: #2166b3;}
#slider .flexslider {overflow: visible !important; padding:0; }
#slider .flex-slide-wrap {overflow: hidden; margin:0; }

#content {background: none; color: #2e2e2e; padding: 20px 0;}
#content:before {background: none !important;}

.products-a article h3 a {color: #399e2f; font-weight: normal;}
.products-a.home.matrix article {border-bottom: 5px solid #ececec; padding-bottom: 8px; margin-bottom: 30px !important;}

.quote-a blockquote p {font-family: 'Roboto Condensed', sans-serif; font-size: 16px;}
.quote-a h3 {color: #399e2f; margin: 0 0 5px;}
.quote-a blockquote {padding-left: 35px;}
.quote-a blockquote::before {color: #2e2e2e;}

.sidenav-a li a {color: #2d2d2d;}
.sidenav-a li a:hover, .sidenav-a li a:focus, .sidenav-a li a:active, .sidenav-a li.selected > a {color: #399e2f;}

.sidebar-b a {color: #399e2f;}
.sidebar-b a:hover, .sidebar-b a:focus {color:#2f8627;}

#footer {width: auto; max-width: none; color: #2e2e2e; padding: 0;}
#footer h4 {color: #399e2f;}
#footer:before {background: none !important;}
#footer .wrap {padding: 0;}
#footer .wrap:before {background: none;}
#footer .address figure {border: 0;}

#footer .socials-a {margin: 0;}
#footer .socials-a li a {background-image: url("../images/socials-a-icons-c.png"); width: 36px; height: 36px;}

#foot-top {background: #ececec; margin: 0; padding: 30px 0;}
#foot-top .wraps { display:table; width:100%; padding:0; }
#foot-top .col { display:table-cell; vertical-align:middle; margin:0; width:25%;  }
#foot-top  .address { text-align:left; }
#foot-top  .entries { padding:0 0 0 45px; text-align:left; }
#foot-top  .entries strong { display:block; font-size:16px; }
#foot-top  .entries p { font-size:14px; }
#foot-top .signup { text-align:right; }
#foot-btm {background: #1c4faf; color: #fff; margin: 0; padding: 20px 0;}
.copys a {color: #64a2ed;}

#booking-form label { float:left; width:235px; font-size:14px; display:block; }
#booking-form .field { margin-left:245px; font-size:14px; }
#booking-form input[type="radio"] { margin:0 10px 0 0; }


#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../images/fancybox/fancybox.png); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; margin-bottom: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
html* #fancybox-content > div { margin-bottom: 0; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(../images/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1111; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(../images/fancybox/blank.gif); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url(../images/fancybox/fancybox.png); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url(../images/fancybox/fancybox.png); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(../images/fancybox/fancybox-x.png); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url(../images/fancybox/fancybox.png); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(../images/fancybox/fancybox-y.png); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(../images/fancybox/fancybox.png); background-position: -40px -182px;  }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(../images/fancybox/fancybox-x.png); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(../images/fancybox/fancybox.png); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(../images/fancybox/fancybox-y.png); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url(../images/fancybox/fancybox.png); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url(../images/fancybox/fancy_title_over.png); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url(../images/fancybox/fancybox.png) -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(../images/fancybox/fancybox-x.png) 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url(../images/fancybox/fancybox.png) -55px -90px no-repeat; }

/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

#content .column.w3.secondary.sidebar,
#content .column.w4.secondary.sidebar { float:left; } 
#content .column.w9.primary.content,
#content .column.w8.primary.content { float:right; }

.nav-btn { display:none; }

/* added css larpol */
.list-testimonials .pagination.webapp { display: none; }
.list-testimonials .gridrow-a .column.w6 { min-height: 200px; }
.list-testimonials .column.w6:nth-child(3) { margin: 0; }
.view-more-testi { width: 100%; text-align: center; }
.btn-href {
    background: #399e2f none repeat scroll 0 0;
    border-bottom: 4px solid #2f8627;
    border-radius: 0;
    color: #fff !important;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: normal;
    height: auto;
    line-height: 1;
    padding: 8px 25px;
    display: inline-block; 
    font-size: 20px;
}
.list-logo-bot { margin: 40px 0 0 0; padding:20px 0; border-top:4px solid #ececec; }
.list-logo-bot ul { margin: 0; padding: 0; text-align: center; }
.list-logo-bot li { list-style: none; display: inline-block; max-width: 24%; vertical-align: middle; }
.list-logo-bot li::before { content: none; }
.list-logo-bot li .img-list { padding: 0 20px; }



/* Media Queries*/

@media ( min-width:768px ) and ( max-width: 919px ) {
.container { max-width:100%; padding:0 15px; box-sizing:border-box; }
.crumbs-a { padding:0 15px; }
.gridrow-a { padding:0 15px; box-sizing:border-box; }
#foot-top .entries { width:20%;}
#foot-top .signup { width:34%; }
#booking-form label { width:154px; }
#booking-form .field { margin-left:186px; }
h1 { font-size:40px; }
.textfield, .textarea, .formselect { width:100%; }

body #recaptcha_widget_div {}
body #recaptcha_area { background:#dadada; border:1px solid #9b9b9b; border-radius:3px; box-sizing:border-box; }
body #recaptcha_area,
body #recaptcha_area table#recaptcha_table { width:100% !important; max-width:318px !important; }
body .recaptchatable .recaptcha_image_cell,
body #recaptcha_area table#recaptcha_table .recaptcha_image_cell center { height:auto !important; background:none; }
body #recaptcha_area table#recaptcha_table #recaptcha_image { width:auto !important; height:auto !important; }
body #recaptcha_area table#recaptcha_table #recaptcha_image #recaptcha_challenge_image { width:100% !important; height:auto !important; }
body .recaptcha_r1_c1,
body .recaptcha_r2_c1,
body .recaptcha_r2_c2,
body .recaptcha_r3_c1,
body .recaptcha_r3_c2,
body .recaptcha_r3_c3,
body .recaptcha_r4_c2,
body .recaptcha_r7_c1,
body .recaptcha_r8_c1,
body .recaptcha_r4_c4 { background:none !important; }

.products-a article h3 a { font-size:20px; }

.flexslider .slides img { width:100%; }
.showcase-a .slides li .banner-text strong { font-size:25px; }
.flexslider ul li .banner-cont { padding:0 15px; box-sizing:border-box; }
.showcase-a .slides li .banner-text span { width:auto; }
.flexslider .slides .banner-item2 .banner-text { padding-top:30px; }
.flexslider .slides .banner-item1 .banner-text { padding-top:30px;}
.list-testimonials .gridrow-a .column.w6 { min-height: 220px; }
}

@media ( min-width:479px ) and ( max-width: 650px ) {
    .flexslider .slides .banner-item2 .banner-text { padding-top: 25px; }
}

@media ( max-width: 767px ) {
.container { max-width:100%; padding:0 15px; box-sizing:border-box; }
.crumbs-a { padding:0 15px; }
.gridrow-a { padding:0 15px; box-sizing:border-box; }
body #recaptcha_widget_div {}
body #recaptcha_area { background:#dadada; border:1px solid #9b9b9b; border-radius:3px; box-sizing:border-box; }
body #recaptcha_area,
body #recaptcha_area table#recaptcha_table { width:100% !important; max-width:318px !important; }
body .recaptchatable .recaptcha_image_cell,
body #recaptcha_area table#recaptcha_table .recaptcha_image_cell center { height:auto !important; background:none; }
body #recaptcha_area table#recaptcha_table #recaptcha_image { width:auto !important; height:auto !important; }
body #recaptcha_area table#recaptcha_table #recaptcha_image #recaptcha_challenge_image { width:100% !important; height:auto !important; }
body .recaptcha_r1_c1,
body .recaptcha_r2_c1,
body .recaptcha_r2_c2,
body .recaptcha_r3_c1,
body .recaptcha_r3_c2,
body .recaptcha_r3_c3,
body .recaptcha_r4_c2,
body .recaptcha_r7_c1,
body .recaptcha_r8_c1,
body .recaptcha_r4_c4 { background:none !important; }

#header #logo { float:none; text-align:center; padding:10px 0 0; }
#header .contact { float:none; width:auto; text-align:center; padding:15px; font-size:35px; }
#header .contact a { display:inline-block; }
#header .contact .header-email { font-size:20px; }
#header .slogan { font-size:18px; }
#header .vanbox img { width:100%; } 
#header .service { text-align:center; }

#foot-top .col { display:block; width:auto; text-align:center; }
#foot-top .entries { padding:15px 0; }
#footer .copys { text-align:center; }
#foot-top .wraps { display:block; }

.flexslider .slides img { width:100%; }
.showcase-a .slides li .banner-text strong { font-size:20px; }
.flexslider ul li .banner-cont { padding:0 15px; box-sizing:border-box; }
.showcase-a .slides li .banner-text span { width:auto; }
.flexslider .slides .banner-item2 .banner-text { padding-top:25px; }
.flexslider .slides .banner-item1 .banner-text { padding-top:30px;}
.button-b.btn-book { font-size:14px; padding:10px; width:140px !important;}


#content .gridrow-a .column.w3.sidebar .sidenav-a { display:none; }
#content .column.w3.secondary.sidebar,
#content .column.w4.secondary.sidebar { float:none; width:auto; } 
#content .column.w9.primary.content,
#content .column.w8.primary.content { float:none; width:auto; margin:0 0 20px 0; }



.side2-book-online { display:block; text-align:center; }
h1 { font-size:35px; }

#booking-form label { float:none; width:auto; }
#booking-form .field { margin:0; }
.textfield, .textarea, .formselect { width:100%; }

.nav-wrap { background: #ececec; height: 100%; left: 0; max-width: 300px; position: fixed; top: 0; width: 75%; z-index: 999999; overflow-y:auto; left:-75%; }
#header #nav ul li { display:block; float:none; margin:0; font-size:15px; border-top:1px solid #ccc; text-align:left; }
#header #nav ul li :first-child { border-top:0; }
#header #nav ul li a { line-height:1.3; padding:10px 15px; position:relative;  }
#nav ul li ul { display:block; position:static; width:auto; background:none; }
#header #nav ul ul li { background:#ececec; padding:0; border-top:1px solid #ccc !important;  }
#header #nav ul ul { position:static; display:none; }
#header #nav ul ul li a { border:0; text-transform:uppercase; padding:10px 35px 10px 25px; }
#header #nav ul ul ul li a { padding:10px 35px 10px 40px; }
.nav-btn { display:inline-block; width:50px; text-align:center; height:50px; float:right; cursor:pointer; }
.nav-btn .fa { color:#2e2e2e; font-size:20px; vertical-align:middle; line-height:50px;  }
.nav-cover { position:fixed; top:0; left:0; height:100%; width:100%; z-index:999998; }
#header #nav .withsub > span { border-left: 1px solid #ccc; color: #2e2e2e; height: 100%; position: absolute; right: 0; top: 0; width: 30px; }
#header #nav .withsub em { display: table; height: 100%; position: static; text-align: center; width: 100%; }
#header #nav .withsub .fa { display: table-cell; vertical-align: middle; font-size:16px; }
#header #nav ul ul.openme { display:block !important; }
#header .nav-wrap > ul { border-bottom:1px solid #ccc; }
.products-a article h3 a { font-size:16px; }
.list-testimonials .gridrow-a .column.w6 { width: 100%; min-height: auto; margin: 0 0 0; }
.list-logo-bot li { max-width: 48%; }
.list-logo-bot li .img-list { padding: 0 15px; }   
}

@media ( max-width: 479px ) {
.products-a .gridrow-a .column.w4 { width:300px; margin:0 auto; float:none; }

h1 { font-size:30px; }
#header .contact .header-email { font-size:14px; }

.contact-form-a.gridrow-a .column.w7 { float:none; width:auto; margin:0 0 20px 0; }
.contact-form-a.gridrow-a .column.w5 { float:none; width:auto; margin:0; }

.gridrow-a.contact-form-a { padding:0; }

.showcase-a .slides li .banner-text strong { font-size:16px; line-height:1.4; }
.flexslider .banner-img { width:auto; float:none; padding-bottom:0; line-height:0 !important; }
.showcase-a .slides li .banner-text { float:none; width:auto; }
#slider .showcase-a .slides li > span, .showcase-a .slides li p { font-size:14px; }
.flexslider .slides .banner-item2 .banner-text,
.flexslider .slides .banner-item1 .banner-text { padding-top:20px; }
.list-logo-bot li .img-list { padding: 0 10px; }
.list-logo-bot li { max-width: 100%; }
}