/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * Browser:        0
 * Browser group: 
 */
/*** Warning: The file ../js/jquery/fancybox2/jquery.fancybox.css could not be found ***/
/*** Warning: The file ../js/jquery/fancybox2/helpers/jquery.fancybox-thumbs.css could not be found ***/
@font-face { font-family: 'harabararegular'; src: url('harabara/harabara-webfont.eot'); src: url('harabara/harabara-webfont.eot?#iefix') format('embedded-opentype'), url('harabara/harabara-webfont.woff') format('woff'), url('harabara/harabara-webfont.ttf') format('truetype'), url('harabara/harabara-webfont.svg#harabararegular') format('svg'); font-weight: normal; font-style: normal; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html, body { margin:0; padding:0; color:#4c4c4c; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }
body { background-color:#4c4c4c; color:#a7a9ac; }
h1, h2, h3, h4 { margin:0; padding:0; font-weight:normal; font-family:"harabararegular"; letter-spacing: 1.5px; text-transform: uppercase; }
a { text-decoration:none; }
p, ul, ol, li { margin:0; padding:0; }
a img { border:none; }
.wrapper { width:920px; margin:0 auto; position: relative; }
.area-white { background-color:#fff; color:#4c4c4c; }
.area-green { background-color:#b9c41f; color:#fff; }
#header { padding:12px 0; position:relative; }
#phone { text-align:right; position:absolute; right:0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size:16px; }
#phone p { padding:5px 0; }
#phone a { font-weight:bold; color:#fff; font-size:22px; }
#menu { background-color:#000; }
#menu li { list-style:none; float:left; position: relative; }
#menu a { color:#fff; text-transform: uppercase; font-size:14px; display:inline-block; padding:15px 24px 12px; border-right: solid 2px #848484; font-family:"harabararegular"; letter-spacing: 1px; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; padding: 10px 10px 10px; font-size:12px; }
#menu a:hover { background-color:#4c4c4c; }
#menu li { }
#menu li>ul { display:none; position:absolute; z-index: 100000; background-color:#000; }
#menu li:hover>ul { display:block; }
#menu li>ul>li { float:none; white-space:nowrap; width:100%; }
#menu li>ul>li>a { border-right:none; width:100%; }
#features { width:920px; height:340px; position: relative; margin:0 auto; margin-top: 4px; background-color:#000; overflow: hidden; -webkit-box-shadow: 0 30px 10px -20px rgba(0,0,0,0.2); box-shadow: 0 30px 10px -20px rgba(0,0,0,0.2); }
#features ul { padding:0; margin:0; }
#features li { position:absolute; list-style: none; padding:0; margin:0; display: none; }
#features li.current { display:block; }
#features-cover { position:absolute; top:0; left:0; background-image:url('/images/features-cover.png'); z-index: 999999; width:920px; height:340px; }
#banner { width:920px; height:180px; margin: 0 auto; margin-top:4px; overflow: hidden; }
#content { padding-bottom: 40px; margin-top:-170px; padding-top:220px; }
#secondary #content { margin-top: 0; padding-top: 30px; }
#content .left { float:left; width:635px; padding-right:90px; }
#content .right { width:285px; float:right; }
#content h1 { font-size:36px; line-height: 30px; color:#b9c41f; margin-bottom: 10px; }
#content h2 { font-size:22px; line-height:18px; margin-bottom: 6px; }
#content .left h2 { margin-top:40px; }
#content .left p, #content .left li { font-size:14px; line-height: 22px; margin-bottom: 16px; margin-top:12px; }
#content .left li { margin-top:0; margin-bottom: 0; }
#content .left a { font-weight: bold; color:#555; }
#content .left a:hover { color:#b9c41f; }
#content .left ul, #content .left ol { margin-bottom: 16px; }
#content .left ul li, #content .left ol li { margin-left:40px; }
#content strong { font-weight:bold; color:#9c9c9c; }
.panel { margin-bottom: 40px; }
#panel-testimonials .testimonial { background-color:#ededed; background-image:url('/images/background-testimonial.png'); background-position: right bottom; background-repeat: no-repeat; font-size: 14px; line-height: 22px; padding:20px; padding-bottom:38px; }
#panel-testimonials .testimonial p { width:245px; }
#panel-testimonials .testimonial-switchable p { position: absolute; }
#panel-testimonials .details { text-transform: uppercase; text-align: right; padding-right: 14px; padding-top:6px; font-family:"harabararegular"; letter-spacing: 1px; width:200px; float:right; }
#panel-testimonials .details div { position: relative; }
#panel-testimonials .details .name { color:#b9c41f; font-size:24px; position: relative; line-height: 20px; }
#panel-testimonials .details .role { color:#888; margin-top: -4px; position: relative; line-height:14px; }
#panel-testimonials .details .role span { margin-top:5px; }
#panel-testimonials .details-switchable span { position: absolute; width:195px; right:0; }
#panel-testimonials-list { display:none !important; }
#panel-testimonials .controls { position: relative; margin-top:6px; width:83px; height:39px; float:left; display: none; }
#panel-testimonials .controls a { width:40px; height:39px; display: block; background-color:#b9c41f; padding-top: 11px; position: absolute; }
#panel-testimonials .controls a.previous { left:0; top:0; }
#panel-testimonials .controls a.next { left:43px; top:0; }
#panel-testimonials .controls a:link span { background-image:url('/images/controls.png'); background-position: 0px 0px; text-indent: -100000px; display: block; width:14px; height:17px; margin:0 auto; }
#panel-testimonials .controls a.previous:hover span { background-position: 0 -17px; }
#panel-testimonials .controls a.next span { background-position: 14px 0; }
#panel-testimonials .controls a.next:hover span { background-position: 14px -17px; }
input, textarea { border:none; background-color:#EDEDED; width:100% !important; color:#4c4c4c; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size:14px; margin-bottom: 3px; padding:10px 10px; }
label { display: block; font-family:"harabararegular"; margin-top: 10px; text-transform: uppercase; font-size: 18px; }
.form-hidden-submit, .fHiddenSubmit { display: none; }
input.form-button { width:auto !important; float:right; background-color:#b9c41f; color:#fff; font-family:"harabararegular"; text-transform: uppercase; font-size:16px; letter-spacing: 1px; }
.form-footnote { font-size:11px; line-height: 12px; margin-bottom: 6px; }
.footer { padding: 12px 0; font-size:10px; text-transform: uppercase; }
#footer-menu { padding-top:30px; padding-bottom: 20px; }
#footer-menu ul { width:200px; float:left; margin-right:20px; }
#footer-menu li { list-style: none; margin-bottom: 7px; }
#footer-menu a { background-image:url('/images/icon-link.png'); background-repeat: no-repeat; background-position: left top; padding-left:24px; font-weight: bold; color:#fff; font-size: 12px; text-transform: uppercase; min-height: 16px !important; display: block; }
#footer-menu a:hover { background-image:url('/images/icon-link-hover.png'); color:#4C4C4C; }
#footer-menu a span { font-weight: 600; display: inline-block; line-height: 14px; padding-top:1px; }
.insite-testimonials li { list-style: none; margin-bottom: 20px; margin-left: 0 !important; }
.testimonial-text { }
.testimonial-author { padding-left:40px; margin-top: 4px; font-size: 14px; font-weight: bold; color:#999; }
.img-left, .img-right { margin-bottom: 8px; margin-top:10px; border:solid 1px #777; }
.img-left img, .img-right img { display:block; }
.img-left { float:left; margin-right: 20px; }
.img-right { float:right; margin-left: 20px; }
#digital-cookie { width:83px; height:13px; position: absolute; right:0; top:0; }
#digital-cookie a { text-indent: -10000px; width:73px; height:13px; display: inline-block; background-image:url('/images/digital-cookie.png'); background-position: center top; }
#digital-cookie a:hover { background-position: center bottom; }
.insite-gallery { text-align: center; }
.gallery-popup { margin: 8px 10px; display: inline-block; border:solid 1px #b9c41f; }
.gallery-popup img { display:block; }
.gallery-left { float:left; margin-right: 16px; margin-bottom: 10px; }
.gallery-right { float:right; margin-left: 16px; margin-bottom: 10px; }
.gallery-left .gallery-popup, .gallery-right .gallery-popup { margin:0; }
.insite-faqs>ul { margin:0; padding:0; }
.insite-faqs>ul>li { list-style:none; padding:0; margin:0 !important; margin-bottom:30px !important; }
.insite-faqs .lFAQHead { color:#b9c41f; font-family:"harabararegular"; text-transform: uppercase; font-size:16px; letter-spacing: 1px; }
.insite-faqs .lFAQBody p { margin-top:0px !important; }
.clear, .clear:after { clear: both; }
.clear:after { visibility: hidden; content: "."; height: 0; display: block; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { #digital-cookie a { background-image:url('/images/digital-cookie-2x.png'); -webkit-background-size: 73px 26px ; -moz-background-size: 73px 26px ; background-size: 73px 26px ; }
#panel-testimonials .controls a:link span { background-image:url('/images/controls-2x.png'); -webkit-background-size: 28px 34px ; -moz-background-size: 28px 34px; background-size: 28px 34px ; }
#footer-menu a { background-image:url('/images/icon-link-2x.png'); -webkit-background-size: 16px 16px ; -moz-background-size: 16px 16px ; background-size: 16px 16px ; }
#footer-menu a:hover { background-image:url('/images/icon-link-hover-2x.png'); -webkit-background-size: 16px 16px ; -moz-background-size: 16px 16px ; background-size: 16px 16px ; }
}
@media only screen and (max-width: 529px) { .wrapper { width:90%; }
#phone { position:relative; top:auto; right:auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; max-width:100%; text-align:center; padding-top:10px; }
#page-head .wrapper { width:100%; }
#page-head .wrapper #header { width:90%; position: relative; margin: 0 auto; text-align: center; }
#page-head .wrapper #header img { max-width:160px; height:auto; }
#features { width:100%; height:auto; position: relative; }
#features:after { padding-top: 36.96%; display: block; content: ''; }
#features .wrapper { width:100% !important; }
#features li { width:100%; position: absolute; left:0; top:0; bottom:0; right:0; }
#features li img { width:100%; height: auto; }
#banner { width:100%; height:auto; position: relative; }
#banner:after { padding-top: 19.56%; display: block; content: ''; }
#banner img { width:100%; position: absolute; left:0; top:0; bottom: 0; right:0; height: auto; }
#menu { text-align: center; }
#menu li { float: none; display: inline-block; }
#menu a { padding: 6px 14px 4px; border:none; }
#menu li:hover>ul { display:none; }
#content { margin-top:0; padding-top:30px; }
#content .left { float:none; width:100%; padding-right: 0; }
#content .right { float:none; width:100%; }
#panel-testimonials .testimonial p { width:90%; }
.panel:last-child { margin-bottom: 0; }
.footer { text-align: center; }
#digital-cookie { position: relative; margin: 0 auto; margin-top: 14px; }
}
@media only screen and (min-width: 530px) and (max-width: 730px) { .wrapper { width:500px; }
#features { width:500px; height:200px; }
#features img { width:500px; height: auto; }
#banner { width:500px; height: 98px; }
#banner img { width:500px; height: auto !important; }
#menu a { padding: 10px 10px 8px; font-size: 12px; }
#content { margin-top:-100px; padding-top:130px; }
#content .left { float:none; width:100%; padding-right: 0; margin-bottom: 40px; }
#content .right { float:none; width:100%; }
.panel:last-child { margin-bottom: 0; }
#panel-testimonials .testimonial p { width:460px; }
}
@media only screen and (min-width: 729px) and (max-width: 940px) { .wrapper { width:700px; }
#features { width:700px; height:280px; }
#banner { width:700px; height:137px; }
#banner img { width:100%; height: auto; }
#content { margin-top:-140px; padding-top:180px; }
#content .left { float:none; width:100%; padding-right: 0; margin-bottom: 40px; }
#content .right { float:none; width:100%; }
.panel:last-child { margin-bottom: 0; }
#panel-testimonials .testimonial p { width:660px; }
}