/* ==========================================================================
   PIRANHA DESIGNS CSS

   Main Styles to use with Bootstrap
   ========================================================================== */


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; margin-bottom: 1px; }
html, button, input, select, textarea { font-family: Helvetica, sans-serif; color: #3f3f3f; }
body { margin: 0; }
::-moz-selection { background: #bbb; color: #fff; text-shadow: none; }
::selection { background: #bbb; color: #fff; text-shadow: none; }

a { color: #00adee; text-decoration: none; }
a:hover { color: #bbb; }
/*a:visited { color: #EEB400; }*/
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong {font-family: Helvetica, sans-serif; font-weight: bold;}
b.semi, strong.semi {font-family: Helvetica, sans-serif!important; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #bbb; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.4em;}
sub { bottom: -0.25em; }

ul, ol { margin: 0 0 0 0; padding: 0 0 0 0; }
ol {  display: inline-block; width: 100%; }
ol li { margin-bottom: 10px; }
dd { margin: 0 0 0 130px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
/*button, input, select, textarea { font-size: 100%; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
#recaptcha_image img { margin: 0 0px 11px; width: 408px;}

table { border-collapse: collapse; border-spacing: 0; width: 100%; }
td { vertical-align: top; }

.left {float:left;} 
.right { float:right; }
.half { width: 50%; display: block; float: left; }


span { padding: 0; margin: 0; }


/* ==========================================================================
   Overall styles
   ========================================================================== */

html, body { font-family: Helvetica, sans-serif; color: #666; }

/*
html { background: #fbfbfb; }
body { background: #fff; margin: 0 auto; max-width: 1700px; }
*/

body { padding: 0px; background: none; }

p, li, td { font-family: Helvetica, sans-serif;color: #666;line-height: 20px;font-size: 14px;}

ol li, ul li { list-style: none!important; }
#content ul li { list-style: inside; list-style: default; }
ul.list li { list-style: inside!important; list-style: default; }
ol.list li { list-style: inside!important; list-style-type: decimal!important; }
ul.list li p, ol.list li p { margin: 0px; width: 96.5%; float: right; }

ul li p, ol li p { margin: 0px; }
    
.dl-horizontal { display: inline-table; width: 98%; margin-bottom: 10px;}
.dl-horizontal dt { display: table-cell; margin: 0; padding-right: 10px; width: 120px; text-align: left;}
.dl-horizontal dd { display: table-cell; margin: 0; width: 100%;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #666; }

a { color: #26aae2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;cursor: pointer;text-decoration: none!important;}
a:hover h5 { text-decoration: underline; }
a.underlined {text-decoration: underline!important;}

h1, h2, h3 {font-family: Helvetica;}
h4, h5, h6 {font-family: Helvetica, sans-serif; font-weight: normal;line-height: 1.2em !important;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .headline {font-family: Helvetica, sans-serif; font-weight: bold;}

h1{ margin-top: 0px; font-size: 50px; line-height: 56px; }
h2{ margin-top: 0px; font-size: 36px; line-height: 40px; }
h3{ margin-top: 0px; font-size: 28px; line-height: 34px; }
h4{ margin-top: 0px; font-size: 18px; line-height: 24px; }
h5{ margin-top: 0px; font-size: 16px; line-height: 22px; }
h6{ margin-top: 0px; font-size: 14px; line-height: 20px; }

h1.xl {font-size: 3.8em; line-height: 1em; word-wrap: break-word; }
.xxxxl {font-size: 8em; line-height: 1em; word-wrap: break-word; }
.xxxl {font-size: 6em; line-height: 1em; word-wrap: break-word; }
.xxl {font-size: 5em; line-height: 1em; word-wrap: break-word; }
.xl {font-size: 2em; line-height: 1em; word-wrap: break-word; }

p + h3, ul + h3, ol + h3 { margin-top: 20px; }

p.description { margin: 0px; line-height: 20px; text-align: left;}

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.text-shadow { text-shadow: 1px 1px 5px #000000; }
.text-middle { vertical-align: middle; }

.center { text-align: center; }
.block { display: block; width: 100%; }
.inline-block, .inline { display: inline-block; width: auto; }

.relative { position: relative; }

.centered, .img-center img { margin: 0 auto; }
.row.col-centered { text-align: center; font-size:0 }
.row.col-centered [class*="col-"] { float: none; display: inline-block; font-size:1rem; }
.col-centered {display: block;float:none;margin: 0 auto;}

/* 5 col grid */
.col-xs-1_5, .col-sm-1_5, .col-md-1_5, .col-lg-1_5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-1_5 { width: 20%; float: left; }
.col-xs-2_5 { width: 40%; float: left; }
.col-xs-3_5 { width: 60%; float: left; }
.col-xs-4_5 { width: 80%; float: left; }

@media (min-width: 768px) and (max-width: 992px) { 
	.col-sm-1_5 { width: 20%; float: left; }
	.col-sm-2_5 { width: 40%; float: left; }
	.col-sm-3_5 { width: 60%; float: left; }
	.col-sm-4_5 { width: 80%; float: left; }
}
@media (min-width: 992px) and (max-width: 1200px) { 
	.col-md-1_5 { width: 20%; float: left; }
	.col-md-2_5 { width: 40%; float: left; }
	.col-md-3_5 { width: 60%; float: left; }
	.col-md-4_5 { width: 80%; float: left; }
}
@media (min-width: 1200px) { 
	.col-lg-1_5 { width: 20%; float: left; }
	.col-lg-2_5 { width: 40%; float: left; }
	.col-lg-3_5 { width: 60%; float: left; }
	.col-lg-4_5 { width: 80%; float: left; }
}
/* 5 col grid */

.no-float { float: none!important; }

.no-padding { padding-left: 0px!important; padding-right: 0px!important; }
.no-padding-right { padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.no-padding-left { padding-left: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.no-margin-both { margin-top: 0px!important; margin-bottom: 0px!important; }
.no-margin-bottom { margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.no-margin-top { margin-top: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.visually-hidden { visibility: hidden; }

/* Overlay Settings */

.overlay-wrapper { position: relative; display: block; padding: 0!important; margin-bottom0;}
.overlay { position: absolute; bottom: 0; width: 100%; display: block; margin-bottom: 0px; padding: 15px 10%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.overlay.no-padding { padding: 0px; }

.overlay-auto { width: auto!important; float: left;}
.overlay-hidden { position: relative!important; visibility: hidden; }

.overlay.black.opaque { color: #fff; background-color: rgba(0, 0, 0, 0.6); }
.overlay.black * { color: #fff; }
.overlay.black.dark.opaque { color: #fff; background-color: rgba(0, 0, 0, 0.6)!important; }
.overlay.white.opaque { color: #000; background-color: rgba(255,255,255,0.8)!important; }

.black.overlay-opaque:after { background-color: rgba(0, 0, 0, 0.4); }
.black.dark.overlay-opaque:after { background-color: rgba(0, 0, 0, 0.6)!important; }
.white.overlay-opaque:after { background-color: rgba(255,255,255,0.8)!important; }

.overlay-wrapper .content { position: absolute; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.overlay-wrapper .content-title { position: absolute; bottom: 0; width: 100%!important; display: block; margin-bottom: 0px; padding: 15px 10%; z-index: 9999999999999; }
.overlay-wrapper .content-title * { margin-bottom: 0; }
.overlay-wrapper .content-link { position: absolute; text-transform: uppercase; color: #fff; bottom: 0; right: 0; width: 100%!important; text-align: right; display: block; margin-bottom: 0px; padding: 20px 0 0 0!important; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.80) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.80))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
.overlay-wrapper .content-link span { padding: 10px!important; font-size: 1.5em; }
.overlay-wrapper .content-link .fa { padding: 10px; }
.overlay-wrapper .content-visible { visibility: visible!important; opacity: 1!important; }

.overlay-wrapper:hover .content { visibility: hidden; opacity: 0; }
.overlay-wrapper .overlay-content > * { z-index: 99999999; }
.overlay-wrapper:hover .overlay-hidden { visibility: visible; }
.overlay-wrapper:hover .overlay.black.opaque { /* background: rgba(0,0,0,0.1); */}
.overlay-wrapper:hover .overlay.white.opaque { background: rgba(255,255,255,0.2); }

.overlay-square { width: 100%; height: 0; padding-bottom: 100%!important; }

.overlay-visible .overlay-content { opacity: 1; }
.overlay-visible:hover .overlay-content .icon { background: transparent!important; }
.overlay-hover .overlay-content { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0;left: 0;margin: auto; text-align: center; display: inline-block; vertical-align: middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.overlay-hover .overlay { left: 0; }
.overlay-hover:hover .overlay-content { opacity: 1; }

.overlay > h1, .overlay > h2, .overlay > h3, .overlay > h4, .overlay > h5, .overlay > h6 .overlay > p { margin: 0px; line-height: 1.2em; }

.overlay-opaque { position: relative; z-index: 0; }
.overlay-opaque:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(0,0,0,0.4); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.overlay-opaque.hover:hover:after { background-color: transparent; }

.overlay-multiply { position: relative; z-index: 0; }
.overlay-multiply:after { content: "";mix-blend-mode: multiply;display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(0,0,0,0.4); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.overlay-multiply.hover:hover:after { background-color: transparent; }

.black.overlaymultiply:after, .black.overlay-opaque:after, .black.overlay-opaque.onhover:hover:after { background-color: rgba(0, 0, 0, 0.4); }
.black.dark.overlay-multiply:after, .black.dark.overlay-opaque:after, .black.dark.overlay-opaque.onhover:hover:after {background-color: rgba(0, 0, 0, 0.7)!important;}
.white.overlay-multiply:after, .white.overlay-opaque:after, .white.overlay-opaque.onhover:hover:after { background-color: rgba(255,255,255,0.8)!important; }

.contain, .contain-full {padding: 15px 20px;margin-bottom: 20px;color: #fff;height: 100%;display: inline-block;width: 100%;}
.contain-full { width: 100%; }
a.contain { float: left; padding: 0.5rem; }
.contain .contain:last-child { margin-bottom: 0px; }
.contain.small { padding: 5px 10px; }
.contain.contain-extra { padding: 15%;}
.contain.contain-no-margin { margin-bottom: 0px; }

.container-extra {max-width: 1400px!important; width: 100%!important;}

.padded { padding-top: 15px; padding-bottom: 15px; }
.padded.padded-sm { padding-top: 5px; padding-bottom: 5px; }
.padded.padded-xl { padding-top: 10%!important; padding-bottom: 10%!important; }
.padded.padded-xl-equal { padding: 10%!important; }
.padded.padded-la { padding-top: 30px!important; padding-bottom: 30px!important; }
.padded.padded-xxl { padding-top: 30%!important; padding-bottom: 30%!important; }
.padded.padded-top { padding-top: 15px; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-bottom { padding-top: 0px!important; padding-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-sm.padded-top { padding-top: 5px!important; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-sm.padded-bottom { padding-top: 0px!important; padding-bottom: 5px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-la.padded-top { padding-top: 30px!important; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-la.padded-bottom { padding-top: 0px!important; padding-bottom: 30px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-xl.padded-top { padding-top: 10%!important; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-xl.padded-bottom { padding-top: 0px!important; padding-bottom: 10%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-xxl.padded-top { padding-top: 30%!important; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-xxl.padded-bottom { padding-top: 0px!important; padding-bottom: 30%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.unpad-bottom { margin-bottom: 0px!important; }

.margined { margin-top: 15px; margin-bottom: 15px; }
.margined.margined-sm { margin-top: 5px; margin-bottom: 5px; }
.margined.margined-xl { margin-top: 10%!important; margin-bottom: 10%!important; }
.margined.margined-xl-equal { margin: 10%!important; }
.margined.margined-la { margin-top: 30px!important; margin-bottom: 30px!important; }
.margined.margined-xxl { margin-top: 30%!important; margin-bottom: 30%!important; }
.margined.margined-top { margin-top: 15px; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-bottom { margin-top: 0px!important; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-sm.margined-top { margin-top: 5px!important; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-sm.margined-bottom { margin-top: 0px!important; margin-bottom: 5px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-la.margined-top { margin-top: 30px!important; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-la.margined-bottom { margin-top: 0px!important; margin-bottom: 30px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-xl.margined-top { margin-top: 10%!important; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-xl.margined-bottom { margin-top: 0px!important; margin-bottom: 10%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-xxl.margined-top { margin-top: 30%!important; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-xxl.margined-bottom { margin-top: 0px!important; margin-bottom: 30%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hover-blend:hover { background-blend-mode: hard-light; }

.bkg-cover { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
.bkg-fixed { background-repeat: no-repeat!important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; background-position: center; background-attachment: fixed!important; }
.bkg-contain { background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.bkg-centered { background-position: center; }
.bkg-multiply {mix-blend-mode: multiply;}

/* social colours */
.bkg-facebook, .bkg-facebook.button { background-color: #3b5998;}
.text-facebook { color: #3b5998;}
.bkg-twitter, .bkg-twitter.button { background-color: #00aced;}
.text-twitter { color: #00aced;}
.bkg-googleplus, .bkg-googleplus.button { background-color: #dd4b39;}
.text-googleplus { color: #dd4b39;}
.bkg-linkedin, .bkg-linkedin.button { background-color: #007bb5;}
.text-linkedin { color: #007bb5;}
/* social colours */

.bkg-white { background-color: #fff;}
.bkg-white.opaque {background-color: rgba(255,255,255,0.5)!important;}
.bkg-black { background-color: #000; }
.bkg-black.opaque { background-color: rgba(0,0,0,0.5)!important; }
.bkg-black.light { background-color: #222; }
.bkg-grey { background-color: #666; }

.bkg-grey.light { background-color: #f7f7f7; }
.bkg-grey.dark { background-color: #3f3f3f; }

a.text-white:hover { color: #f3f3f3!important; }

.text-black { color: #000!important; }
.text-black-opaque { color: rgba(0,0,0,0.5)!important; }
.text-white { color: #fff!important;}
.text-white-opaque { color: rgba(255,255,255,0.6)!important; }
.text-grey { color: #666!important; }
.text-grey.light { color: #aaa!important; }
.text-grey-light { color: #f7f7f7!important; }
.text-grey-dark { color: #3f3f3f!important; }

a.text-white:hover { color: #ccc!important;}

a:hover.contain.black { background: #000;}
.contain p { /* color: #fff; */ }

.rounded { -webkit-border-radius: 5px!important; border-radius: 5px!important; }
.non-rounded { -webkit-border-radius: 0px!important; border-radius: 0px!important; }
.round { -webkit-border-radius: 50%!important; border-radius: 50%!important; padding: 0px; }

/*.button, input[type="submit"] {width: auto;color: #fff;background-color: #00adee;font-family: Helvetica, sans-serif;outline: 0px;border: 0px;padding: 10px 20px;line-height: 20px;text-align: center;font-size: 15px;cursor: pointer;-webkit-backface-visibility: hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display: inline-block !important;position: relative;text-decoration: none;min-width: 135px;}

.button + .button, button + button {margin-top: 20px!important;}

.button.centered,
button,  input[type="submit"] { margin: 0 auto; }

.button.auto-width, button.auto-width, input[type="submit"].auto-width {min-width: 0!important;width: auto;}

.button.disabled, button.disabled { opacity: 0.3; }
.button.disabled:hover, button.disabled:hover { opacity: 1; }

.button.inverse, button.inverse, input[type="submit"].inverse {background-color: #fff;color: #00ADEE!important;}

button:hover,
.button:hover,*/
/*a:hover button,
a:focus button,*/
a:hover .button,
input[type="submit"]:hover {  color: #fff!important; background: #31C2FC!important; text-decoration: none; }

a:hover .gradient3,
a:hover.gradient3, 
button:hover .gradient3,
button:hover.gradient3 { background: #25a7de!important; -webkit-backface-visibility: hidden; -moz-transition: none!important; -webkit-transition: none!important; -o-transition: color 0 ease-in!important; transition: none!important; }


/*.button.spaced-left,
button.spaced-left,
input[type="submit"].spaced-left { margin-left: 20px; }

.button.spaced-right,
button.spaced-right,
input[type="submit"].spaced-right { margin-right: 20px; }*/

.space-after { margin-right: 10px; }
.space-before { margin-left: 10px; }

.contain.* .overline { border-top: 1px #fff solid; }
.overline, .white.overline { border-top: 1px #ccc solid; margin-top: 15px; }
.contain.* .underline { border-bottom: 1px #fff solid; }
.underline, .white.underline { border-bottom: 1px #ccc solid; margin-bottom: 15px; }
.white.underline, .white.overline { border-color: #fff; }

.divider, .divide-line, hr {display: block;min-height: 1px;border-top: 1px solid #ccc;margin-top: 15px;margin-bottom: 15px;float: left;width: 100%;}
.divider.padded, .divide-line.padded, hr.padded, .sidebar [data-de-type*="separator"] {padding: 0;margin-top: 30px!important;margin-bottom: 30px!important;border-bottom-color: #ccc!important;}

.container-fluid > .row > [data-dve-type="column"] > [data-dve-type="separator"] {margin-left: -15px!important;width: calc(100% + 30px)!important;}

.nav.nav-center { margin:0; float:none; } 
.navbar-inner{ text-align:center; }

.row > a.col-md-3 { display: block; }

.ontop { z-index: 999999999; }


/* ==========================================================================
   Header styles
   ========================================================================== */

.navbar { margin-bottom: 0; }
.navbar-brand {float: none;padding: 0;height: auto;display: inline-block;margin: 0!important;}

/* ==========================================================================
   Slider styles
   ========================================================================== */

.flexslider { margin: 0!important; }
.flexslider .flex-direction-nav a  { color: rgba(255, 255, 255,0.9); font-size: 30px; text-decoration:none; display: block; width: 40px; height: auto; padding-bottom: 10px; padding-top: 5px;line-height: 25px; margin: -20px 0 0; position: absolute; background-color: rgb(0, 0, 0);text-align: center!important; top: 50%; z-index: 10; overflow: visible; opacity: 1; cursor: pointer; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav a:before { color: #fff!important; font-family: 'FontAwesome'!important; font-size: 80px!important; padding: 5px 20px; line-height: 70px; text-align: center;}
.flex-direction-nav a.flex-prev { left: -50px; z-index: 9999999999; }
.flex-direction-nav a.flex-next { right: -50px; z-index: 9999999999; }
.flexslider:hover .flex-direction-nav a.flex-prev { left: 0; }
.flexslider:hover .flex-direction-nav a.flex-next { right: 0; }
.flex-direction-nav a.flex-prev:before, .flex-direction-nav a.flex-next:before { content: ' '!important; display: none;}
.flex-control-nav { bottom: -10% !important; }

/* ==========================================================================
   Section Boxes styles
   ========================================================================== */

.section-boxes-wrapper { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.section-boxes + div {margin-top: -2px;z-index: 1;position: relative;}
.section-boxes [class*="col-"] { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.section-boxes [class*="col-"]:first-child {  }

/* ==========================================================================
   FAQs styles
   ========================================================================== */

.panel-group .panel { border-radius: 0!important; border: 0!important; box-shadow: none!important; }
.panel-group .panel-heading { position: relative; color: #fff; border-radius: 0!important; background: transparent; border-bottom: 1px solid #ccc!important; }
.panel-group .panel-heading p.panel-title { font-family: 'montserratlight', sans-serif; font-size: inherit; }
.panel-group .panel-heading p.panel-title:before { content: url(../images/site/menu-arrow.png); position: absolute; left: 0; color: #1AA0E0; }
.panel-group .panel-heading .panel-title a { width: 100%; color: #1AA0E0; }
.panel-group .panel-heading .panel-title a:hover { color: #999; }
.panel-group .panel-heading .panel-title:after { content: '+'; font-size: 1.5em; float: right; }
.panel-group .panel-heading.active .panel-title:after { content: '-'; font-size: 1.5em; float: right; }
.panel-group .panel-heading+.panel-collapse .panel-body { border-top: 0px!important; }


/* ==========================================================================
   IMG styles
   ========================================================================== */

.square-img { position: relative; overflow: hidden; }
.square-img:before{ content: ""; display: block; padding-top: 100%;}
.square-img > div, .square-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.square-img > div.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.rectangle-img { position: relative; overflow: hidden; }
.rectangle-img:before{ content: ""; display: block; padding-top: 50%; }
.rectangle-img > div, .rectangle-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.rectangle-img > div.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.sixteen-nine-img { position: relative; overflow: hidden; }
.sixteen-nine-img:before{ content: ""; display: block; padding-top: 56.25%; }
.sixteen-nine-img > div, .sixteen-nine-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.sixteen-nine-img > div.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.twentyone-nine-img { position: relative; overflow: hidden; }
.twentyone-nine-img:before{ content: ""; display: block; padding-top: 42.86%; }
.twentyone-nine-img > div, .twentyone-nine-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-nine-img > div.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.twentyone-six-img { position: relative; overflow: hidden; }
.twentyone-six-img:before{ content: ""; display: block; padding-top: 28.571%; }
.twentyone-six-img > div, .twentyone-six-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-six-img > div.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.four-three-img { position: relative; overflow: hidden; }
.four-three-img:before{ content: ""; display: block; padding-top: 75%; }
.four-three-img > div, .four-three-img > img { position: absolute;  height: 100%; width: 100%;top: 0; }
.four-three-img > div.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.three-four-img { position: relative; overflow: hidden; }
.three-four-img:before{ content: ""; display: block; padding-top: 133%; }
.three-four-img > div, .three-four-img > img { position: absolute;  height: 100%; width: 100%; top: 0; }
.three-four-img > div.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.square-img.padded, .rectangle-img.padded, .sixteen-nine-img.padded, .twentyone-nine-img.padded, .four-three-img.padded, .three-four-img.padded { margin: 20px 0;}
.square-img > div .button, .rectangle-img > div .button, .sixteen-nine-img > div .button, .twentyone-nine-img > div .button, .four-three-img > div .button, .three-four-img > div .button {/* position: relative; *//* top: 50%; *//* margin-top: -22px; */}
.square-img > div .caption, .rectangle-img > div .caption, .sixteen-nine-img > div .caption, .twentyone-nine-img > div .caption, .four-three-img > div .caption, .three-four-img > div .caption { color: #fff; text-align: center; width: 100%; margin-bottom: 0!important; text-align: left;}
.square-img > div .caption.top, .rectangle-img > div .caption.top, .sixteen-nine-img > div .caption.top, .twentyone-nine-img > div .caption.top, .four-three-img > div .caption.top, .three-four-img > div .caption.top { position: absolute; top: 0; }
.square-img > div .caption.bottom, .rectangle-img > div .caption.bottom, .sixteen-nine-img > div .caption.bottom, .twentyone-nine-img > div .caption.bottom, .four-three-img > div .caption.bottom, .three-four-img > div .caption.bottom { position: absolute; bottom: 0; }

img { display: block; max-width: 100%; height: auto; }
img.text-center, .text-center > img { display: inline-block; margin: 0 auto; }
.img-full, .masonry-item img, .box-full { width: 100%;max-width: none!important;}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px; }

/* ==========================================================================
   INPUT & FORMS
   ========================================================================== */

/*input[type="submit"] { display: inline-block; border: 0px!important; outline: 0px!important; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 20px; }*/
/*input[type="text"], input[type="submit"], input { -webkit-appearance: none; border-radius: 0; }*/
input[type="text"], input[type="date"], input[type="email"], input[type="password"], select, textarea {height: 35px!important;font-size: 13px!important;border: 0px;outline: none;color: #999;margin-bottom: 10px;background: #fff;padding: 5px 10px;width: 100%!important;display: block;box-sizing: border-box;-webkit-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2);box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2);}
/*input[type="number"],*/
textarea {
    height: auto !important;
    min-height: 38px !important;
}
/*input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }

input[type="radio"] {
    -webkit-appearance: none!important;
    -moz-appearance: checkbox!important;
    -ms-appearance: checkbox!important;
    -o-appearance: none!important;
    appearance: none!important;
    height: 25px;
    width: 25px;
    vertical-align: sub;
    margin-left: 10px;
    background: #999;
    background: #fff;
    -webkit-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2)!important;
    box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2);
}
input[type="radio"]:checked { background-image: url(../images/site/checkbox.png); background-repeat: no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-position: center;}

label.radio input { display: none; }
label.radio:after { content: ''; display: inline-block; position: relative; top: 5px; height: 25px;
    width: 25px;
    vertical-align: sub;
    margin-left: 10px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2)!important;
    box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2); }
label.radio.checked:after { background-image: url(../images/site/checkbox.png); background-repeat: no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-position: center;}

*/
input:only-child { margin-bottom: 0px!important; }

div[class*="col-"] input:last-child, div[class*="col-"] input[type="submit"] { margin-bottom: 0px; }


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens - DOWN */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops - DOWN */
@media only screen and (max-width : 992px) {

.xxxxl { font-size: 12vw; }
.xxxl { font-size: 10vw; }
.xxl { font-size: 8vw; }
.xl { font-size: 6vw!important; }

.sm-left { float: left!important; }
.sm-right { float: right!important; }

.sm-text-left { text-align: left !important; }
.sm-text-right { text-align: right !important; }
.sm-text-center { text-align: center !important; }
.sm-text-center * { text-align: center !important; }
.sm-text-justify { text-align: justify !important; }

.sm-no-padding { padding-left: 0px!important; padding-right: 0px!important; }
.sm-no-padding-right { padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sm-no-padding-left { padding-left: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img.sm-text-center, .sm-text-center > img { display: inline-block; margin: 0 auto; }
img.sm-text-center, .sm-text-center > img { display: inline-block; margin: 0 auto; }

/* iPad Portrait Mobile Menu */
.navbar-header { float: none; width: 100%; }
.navbar-left,.navbar-right { float: none !important; }
.navbar-toggle { display: block; position: absolute; right: 0; top: 0; }
.navbar-toggle .fa { color: #144a99; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin-top: 7.5px; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
.collapse.in{ display:block !important; }

}

/* Landscape */
@media only screen and  (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

.bkg-fixed { background-attachment: scroll!important; }

}

/* Landscape */
@media only screen and  (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

.bkg-fixed { background-attachment: scroll!important; }

}

/* Small Devices, Tablets - DOWN */
@media only screen and (max-width : 768px) {

.container-fluid .container {/* padding-left:0; *//* padding-right:0; */}

.no-col-xs-right, .no-col-xs-left { padding-left: 0px!important; padding-right: 0px!important; }
.no-col-xs { padding-left: 0px!important; padding-right: 0px!important; }

.xs-left { float: left!important; }
.xs-right { float: right!important; }

.xs-text-left { text-align: left !important; }
.xs-text-right { text-align: right !important; }
.xs-text-center { text-align: center !important; }
.xs-text-center * { text-align: center !important; }
.xs-text-justify { text-align: justify !important; }

.xs-no-padding { padding-left: 0px!important; padding-right: 0px!important; }
.xs-no-padding-right { padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xs-no-padding-left { padding-left: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img.xs-text-center, .xs-text-center > img { display: inline-block; margin: 0 auto; }
img.xs-text-center, .xs-text-center > img { display: inline-block; margin: 0 auto; }

.bkg-fixed { background-attachment: scroll!important; }

input[type="text"], input[type="date"], input[type="number"], input[type="email"], input[type="password"], select, textarea { font-size: 16px!important; }

.xxl { font-size: 13vw; }

.section-boxes [class*="col-"] { border-right: 0; }

}


/* Extra Small Devices, Phones - DOWN */ 
@media only screen and (max-width : 480px) {

}

}

/* Custom, iPhone Retina - DOWN  */ 
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina - UP */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones - UP */ 
@media only screen and (min-width : 480px) {

}

/* Extra Small Devices, Phones - UP */ 
@media only screen and (min-width : 480px) and (max-width : 767px) {


}

/* Small Devices, Tablets - UP */
@media only screen and (min-width: 768px) {

.vertical-align { vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%); backface-visibility: hidden; -webkit-backface-visibility: hidden; translate3d( 0, 0, 0); filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur'); } 
.vertical-align.centered { left: 0; right: 0; }
.vertical-align.right { right: 0; }
.vertical-align.left { left: 0; }

.col-lined-l [class*="col-"] { border-left: 1px solid #ccc; }
.col-lined-l [class*="col-"]:first-child { border-left: 0px; }
.col-lined-r [class*="col-"] { border-right: 1px solid #ccc; }
.col-lined-r [class*="col-"]:last-child { border-right: 0px; }

}

/* Small Devices, Tablets - UP */
@media only screen and (min-width: 768px) and (max-width : 992px) {

h1{ margin-top: 0px; font-size: 52px; line-height: 58px; }
h2{ margin-top: 0px; font-size: 38px; line-height: 42px; }
h3{ margin-top: 0px; font-size: 30px; line-height: 36px; }
h4{ margin-top: 0px; font-size: 20px; line-height: 26px; }
h5{ margin-top: 0px; font-size: 18px; line-height: 24px; }
h6{ margin-top: 0px; font-size: 16px; line-height: 22px; }
p, li, td { line-height: 22px; font-size: 16px; }

.col-centered-sm { display: block; float: none; margin: 0 auto; }
.container-fluid-sm-no-padding { padding-left:0; padding-right:0; }
.container-fluid-sm { width: 100%!important; max-width: none!important; }

.section-boxes [class*="col-"]:last-child:nth-child(odd) { border-left: 1px solid #ccc; }
.section-boxes [class*="col-"]:nth-child(even) { border-right: 0; }

}

/* Medium Devices, Desktops - UP */
@media only screen and (min-width : 992px) {

html,
body { height: 100%; }

body {
display: table;
width: 100%;
}

.page-row {
display: table-row;
height: 1px;
}

.page-row-expanded { height: 100%; }

.auto-col { -webkit-column-width: 50%; /* Chrome, Safari, Opera */ -moz-column-column-width: 50%; /* Firefox */ column-width: 50%; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;-webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 80px; /* Firefox */ column-gap: 80px;-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */}
.auto-col section { -webkit-column-break-inside: avoid!important; -moz-column-break-inside:avoid!important; -moz-page-break-inside:avoid!important; page-break-inside: avoid!important; break-inside: avoid-column!important; display:inline-block; }

.md-left { float: left!important; }
.md-right { float: right!important; }

.md-text-left { text-align: left !important; }
.md-text-right { text-align: right !important; }
.md-text-center { text-align: center !important; }
.md-text-center * { text-align: center !important; }
.md-text-justify { text-align: justify !important; }

.md-no-padding { padding-left: 0px!important; padding-right: 0px!important; }
.md-no-padding-right { padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.md-no-padding-left { padding-left: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img.md-text-center, .md-text-center > img { display: inline-block; margin: 0 auto; }
img.md-text-center, .md-text-center > img { display: inline-block; margin: 0 auto; }

}

/* Medium Devices, Desktops - UP */
@media only screen and (min-width : 992px) and (max-width: 1199px) {

.section-boxes [class*="col-"]:last-child:nth-child(odd) { border-left: 1px solid #ccc; }
.section-boxes [class*="col-"]:nth-child(even) { border-right: 0; }

}

/* Large Devices, Wide Screens - UP */
@media only screen and (min-width : 1200px) {

.section-boxes [class*="col-"]:last-child { border-right: 0; }
.section-boxes-wrapper .section-boxes [class*="col-"] { border-bottom: 0px; }

}

/*Validation*/
.parsley-errors-list { margin-top: 4px; padding: 0; }
.parsley-errors-list li { padding: 0; list-style: none; color: #cc0000; }
.parsley-error {/* border-color: #c00 !important; */}
label.parsley-error {color: #fff !important; text-transform: uppercase; font-size: 12px;border: 0;}

/*Alerts*/
.alert { border-radius: 0; font-size: 12px; -webkit-border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);border: 0;background: #205472!important;color: #fff!important;}
.alert .sign { font-size: 20px; vertical-align: middle; margin-right: 5px; text-align: center; width: 25px; display: inline-block; }
.alert-success { background-color: #DBF6D3; border-color: #AED4A5; color: #569745; }
.alert-info { background-color: #D9EDF7; border-color: #98cce6; color: #3A87AD; }
.alert-warning { background-color: #FCF8E3; border-color: #F1DAAB; color: #C09853; }
.alert-danger { background-color: #F2DEDE; border-color: #e0b1b8; color: #B94A48; }
.alert-white { background-image: linear-gradient(to bottom, #ffffff, #f9f9f9); border-top-color: #d8d8d8; border-bottom-color: #bdbdbd; border-left-color: #cacaca; border-right-color: #cacaca; color: #404040; padding-left: 61px; position: relative; }
.alert-white .icon { text-align: center; width: 45px; height: 103%; position: absolute; top: -1px; left: -1px; border: 1px solid #BDBDBD; padding-top: 15px; }
.alert-white .icon:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: ''; width: 10px; height: 10px; border: 1px solid #BDBDBD; position: absolute; border-left: 0; border-bottom: 0; top: 50%; right: -6px; margin-top: -3px; background: #fff; }
.alert-white.rounded { border-radius: 3px; -webkit-border-radius: 3px; }
.alert-white.rounded .icon { border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
.alert-white .icon i { font-size: 20px; color: #FFF; left: 12px; margin-top: -10px; position: absolute; top: 50%; }
.alert-white.alert-danger .icon, .alert-white.alert-danger .icon:after { border-color: #ca452e; background: #da4932; }
.alert-white.alert-info .icon, .alert-white.alert-info .icon:after { border-color: #3A8ACE; background: #4D90FD; }
.alert-white.alert-warning .icon, .alert-white.alert-warning .icon:after { border-color: #D68000; background: #FC9700; }
.alert-white.alert-success .icon, .alert-white.alert-success .icon:after { border-color: #54A754; background: #60C060; }
.alert.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #fff; text-shadow: 1px 1px 1px #000; filter: alpha(opacity=20); opacity: 1; }


.under-maintenance-banner { background-color: gold; color: black; font-size: 15px; margin: 0 -25px; padding: 10px; text-align: center; }