/* ========================================================================== 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; width: 100%; overflow-x: hidden; } @media only screen and (max-width: 992px) { html, body { overflow-x: visible; } } /* 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; } @media (max-width: 992px) { .sm-text-left { text-align: left !important; } .sm-text-right { text-align: right !important; } .sm-text-center { text-align: center !important; } .sm-text-justify { text-align: justify !important; } } @media (max-width: 767px) { .xs-text-left { text-align: left !important; } .xs-text-right { text-align: right !important; } .xs-text-center { text-align: center !important; } .xs-text-justify { text-align: justify !important; } } .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) { .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) { .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-md { padding-top: 3%!important; padding-bottom: 3%!important; } .padded.padded-lg { padding-top: 5%!important; padding-bottom: 5%!important; } .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; } .space10 { display: inline-block; width: 100%; height: 10px; padding: 0; margin: 0; } .space20 { display: inline-block; width: 100%; height: 20px; padding: 0; margin: 0; } .space30 { display: inline-block; width: 100%; height: 30px; padding: 0; margin: 0; } .space40 { display: inline-block; width: 100%; height: 40px; padding: 0; margin: 0; } .hover-blend:hover { background-blend-mode: hard-light; } .bkg-cover { 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!important; } .bkg-fixed { background-repeat: no-repeat!important!important; -webkit-background-size: cover!important!important; -moz-background-size: cover!important!important; -o-background-size: cover!important!important; background-size: cover!important!important; background-position: center!important; background-attachment: fixed!important!important; } .bkg-contain { background-repeat: no-repeat!important; -webkit-background-size: contain!important; -moz-background-size: contain!important; -o-background-size: contain!important; background-size: contain!important; } .bkg-centered { background-position: center!important; } .bkg-multiply {mix-blend-mode: multiply!important;} /* 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 */ .white-separator { display: inline-block; margin-bottom: 15px; margin-top: 15px; width: 100%; } .button.button-site1.reverse { clear: both; background-color: transparent; border: 1px solid #000000; color: #000000; display: inline-block; font-family: 'Sansation', sans-serif; font-size: 20px; font-weight: 400; line-height: 25px; padding: 15px 35px; text-align: center; text-transform: uppercase; width: auto; } .button.button-site1.reverse:hover { background-color: #82111E!important; border-color: #82111E!important; color: #ffffff!important; } .bkg-site1 { background: #414141; } .bkg-site2 { background: #EFEFEF; } .bkg-site3 { background: #82111E; } .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; } .text-site1 { color: #82111E; } .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: #EAEAEA!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; } .open > .dropdown-menu { height: auto; max-height: 200px!important; } #favourites button { background: transparent!important; padding: 10px 5px 10px 0; margin: -10px 0 -12px -20px; color: #000!important; font-family: 'Sansation'; font-size: 18px; font-weight: 500; } #favourites button > i { padding-right: 2px; } #favourites button > i.fa-heart { color: #82111E; } #favourites button:hover { background-color: transparent!important; color:#82111E!important; } header.transparent #favourites button, header.transparent #favourites button > i.fa-heart { color: #fff!important; } #favourites .favourites-list { z-index: 99999; background: #eee; width: 400px; top: 60px; } #favourites .pdg-favourites-list { background: #eee!important; } #favourites .pdg-favourites-remove-btn i { color: #82111E!important; margin-right: 2px; } .pdg-favourites-list h3 { color: #000000; font-size: 17px; font-family: 'Sansation'; font-weight: 300; line-height: 22px; margin-bottom: 0; padding-bottom: 0; text-transform: uppercase; } .pdg-favourites-list h4 { color: #000; font-family: 'OpenSansBold'; font-size: 15px; font-weight: 500; line-height: 20px; } #favourites .pdg-favourites-list .price { color: #82111E; } #favourites a.pdg-favourites-interest { background: #82111E; width: 100%; } #favourites button span + span { background: #fff; width: 20px; height: 20px; border-radius: 50%; text-align: center; color: #82111E!important; margin: -5px -5px -5px 5px; padding: 5px; } @media (max-width: 1205px) { #favourites button { position: relative; top: 2px; } } @media (max-width: 1205px) { #favourites button { right: 0; } } @media (max-width: 767px) { #favourites button { font-size: 16px; } } /****************** BOOTSTRAP SELECT ******************/ .bootstrap-select.btn-group { margin-bottom: 10px; max-width: 100%; min-width: auto; width: 100%; } .bootstrap-select.btn-group > button { background-color: transparent; border-bottom: 1px solid #aaaaaa!important; color: #333333!important; padding: 17px 0 0!important; text-transform: uppercase; } .bootstrap-select.btn-group > button:hover { background-color: transparent!important; } .bootstrap-select.btn-group > button > span { color: #333333!important; font-size: 16px!important; line-height: 21px!important; } .bootstrap-select.btn-group .dropdown-toggle .caret { border: 0; position: relative; } .bootstrap-select.btn-group .dropdown-toggle .caret:after { content: "\f107"; font-family: FontAwesome; font-size: 16px; color: #333333; position: absolute; right: 0; top: -15px; } @media (max-width: 767px) { .bootstrap-select.btn-group > button > span { font-size: 15px!important; line-height: 20px!important; } } @media (max-width: 576px) { .bootstrap-select.btn-group > button > span { font-size: 14px!important; line-height: 19px!important; } } /* ========================================================================== 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; } .flex-control-paging li a { background: #fff; } .flex-control-paging li a.flex-active { background: transparent; border: 1px solid #fff; } /* ========================================================================== 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%;} .sixteen-eight-img { position: relative; overflow: hidden; } .sixteen-eight-img:before{ content: ""; display: block; padding-top: 53%; } .sixteen-eight-img > div, .sixteen-eight-img > img { position: absolute; width: 100%; height: 100%; top: 0; } .sixteen-eight-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="number"], 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);} 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,#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; } } @media only screen and (min-width: 768px) and (max-width: 992px) { #content { min-height: 542px; } } /* 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; } .auto-col-4 { -webkit-column-width: 25%; /* Chrome, Safari, Opera */ -moz-column-column-width: 25%; /* Firefox */ column-width: 25%; -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px;-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */} .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; display: inline-block; margin-bottom: 0; padding: 15px; position: relative; width: 100%;} .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; } /*==================================== FONTS ====================================*/ @font-face { font-family: 'OpenSansLight'; src: url('fonts/opensans-light.eot'); src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light.woff') format('woff'), url('fonts/opensans-light.ttf') format('truetype'), url('fonts/opensans-light.svg#humanst521_btroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('fonts/opensans-regular.eot'); src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular.woff') format('woff'), url('fonts/opensans-regular.ttf') format('truetype'), url('fonts/opensans-regular.svg#humanst521_btroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('fonts/opensans-bold.eot'); src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold.woff') format('woff'), url('fonts/opensans-bold.ttf') format('truetype'), url('fonts/opensans-bold.svg#humanst521_btroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sansation'; src: url('fonts/sansation/SansationLight.eot'); src: url('fonts/sansation/SansationLight.eot?#iefix') format('embedded-opentype'), url('fonts/sansation/SansationLight.woff') format('woff'), url('fonts/sansation/SansationLight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Sansation'; src: url('fonts/sansation/SansationItalic.eot'); src: url('fonts/sansation/SansationItalic.eot?#iefix') format('embedded-opentype'), url('fonts/sansation/SansationItalic.woff') format('woff'), url('fonts/sansation/SansationItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Sansation'; src: url('fonts/sansation/SansationLightItalic.eot'); src: url('fonts/sansation/SansationLightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/sansation/SansationLightItalic.woff') format('woff'), url('fonts/sansation/SansationLightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Sansation'; src: url('fonts/sansation/SansationBold.eot'); src: url('fonts/sansation/SansationBold.eot?#iefix') format('embedded-opentype'), url('fonts/sansation/SansationBold.woff') format('woff'), url('fonts/sansation/SansationBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Sansation'; src: url('fonts/sansation/SansationRegular.eot'); src: url('fonts/sansation/SansationRegular.eot?#iefix') format('embedded-opentype'), url('fonts/sansation/SansationRegular.woff') format('woff'), url('fonts/sansation/SansationRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sansation'; src: url('fonts/sansation/SansationBoldItalic.eot'); src: url('fonts/sansation/SansationBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/sansation/SansationBoldItalic.woff') format('woff'), url('fonts/sansation/SansationBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } .imgBkg { background: url(../images/bkg.jpg) repeat; } /****************** GENERAL ******************/ @media (max-width: 480px) { .col-xss-12 { width: 100%; } } /*==================================== HEADER ====================================*/ header a.dark { display: inline-block; } header a.light { display: none; } header > .navbar { border-bottom: 1px solid #CCCCCC!important; } header > .navbar.noborder { border-bottom: none!important; } header .navbar-toggle { float: left; } header .navbar-toggle:hover { background: transparent!important; } header button > em.fa-bars, header button > em.fa-close { float: left; padding-top: 7px; color: #000; } header .navbar-toggle:hover > em.fa-bars, header .navbar-toggle:hover > em.fa-close { color: #E6E6E6; } header .navbar-toggle.sidebar { position: absolute; right: 0; top: 0; } header .navbar-brand { display: inline-block; float: none; } header .navbar-brand > img { display: inline-block; /*max-width: 150px;*/ } header ul.social-header { display: inline-block; float: right; padding-top: 30px; } header ul.social-header > li { display: inline-block; padding: 0 5px; } header ul.social-header > li > a { color: #000; font-size: 22px; } header ul.social-header > li > a.facebookLink:hover { color: #3b5999; } header ul.social-header > li > a.twitterLink:hover { color: #55acee; } header ul.social-header > li > a.gplusLink:hover { color: #dd4b39; } header ul.social-header > li > a.instagramLink:hover { color: #e4405f; } header ul.social-header > li > a.linkedinLink:hover { color: #0077B5; } .emailLink:hover { color: #CCCCCC; } .facebookLink:hover { color: #3b5998;} .twitterLink:hover { color: #00aced;} .gplusLink:hover { color: #dd4b39;} .instagramLink:hover { color: #e4405f;} .linkedinLink:hover { color: #0077B5;} header.transparent { position: absolute; width: 100%; z-index: 9; } header.transparent a.dark { display: none; } header.transparent a.light { display: inline-block; } header.transparent button > em.fa-bars, header.transparent button > em.fa-close, header.transparent ul.social-header > li > a { color: #fff; } @media (min-width: 992px) { header .header-wrapper > .col-xs-12 { padding-left: 0; padding-right: 0; } header .navbar-toggle { display: inline-block; } } @media (max-width: 767px) { header .navbar-toggle { position: absolute; top: 0; left: 0; padding-right: 0; } header ul.social-header > li.visible-xs { display: inline-block!important; } header ul.social-header > li > a { font-size: 18px; line-height: 23px; } } /*==================================== HOMEPAGE ====================================*/ #homeSlider { overflow-y: hidden; padding-top: 0; } #homeSlider iframe { height: 130%; left: -15%; top: -15%; width: 130%; } #homeSlider h2 { position: absolute; top: 50px; left: 50%; text-rendering: optimizeLegibility; text-rendering: optimizeSpeed; } #homeSlider .flex-control-nav { z-index: 9; bottom: 12vh!important; } .flexslider {margin: 0!important;overflow: hidden;background: #f8f8f8;border: 0;border-radius: 0;box-shadow: none; } /*.flexslider .slides > li { display: block; min-height: 28.571vw; background-position: top center;}*/ .flexslider .slides > li { min-height: 100vh; } .flexslider .slides img { height: 100%; min-height: 600px; } .flex-control-paging li a { background: #fff; box-shadow: none; border: 1px solid #FFF; } .flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: transparent; border: 1px solid #9984d3; } /*.flexslider, .flexslider > .slides, .flexslider > .slides > li, .flexslider > .slides > li > img, .flex-viewport { max-height: 100vh; } .flexslider > .slides > li { height: 100vh; } .flexslider .flex-direction-nav { display: none; }*/ #homeBox {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;display: flex;justify-content: space-around;padding: 30px;} #homeBox img.logo {display: inline-block;/* position: absolute; */width: 100%;height: auto!important;/* left: 50%; */max-width: 470px;/* top: 45%; *//* transform: translate(-50%, -50%); *//* -webkit-transform: translate(-50%, -50%); *//*-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);*/align-self: center;} #homeBox img.award {max-width: 100px;height: auto!important;align-self: center;} @media (max-width: 992px) { #homeBox img.award { display: none; } #homeBox img.logo { position: absolute; left: 50%; max-width: 470px; top: 45%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); */-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);align-self: center; } #homeAwards .awards {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 15px;} #homeAwards .awards img {max-width: 25%;width: 100%;} } @media (min-width: 992px) { #homeAwards { display: none;} } @media (min-width: 1200px) { #homeBox img.award {max-width: 150px; } } .chevron { display: block; position: absolute; left: 50%; margin-left: -34px; bottom: 10vh; max-width: 70px; margin-top: inherit; z-index: 9; } /*img.award { display: inline-block; margin-bottom: 15px; margin-top: 15px; max-width: 120px; } */ .bootstrap-select.btn-group .dropdown-menu { max-width: 320px; } h2.featured { padding-top: 30px; padding-bottom: 5px; margin-bottom: 0; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; font-size: 35px; color: #000; } .jcarousel-wrapper { margin-top: 5px!important; } .jslides li { padding: 5px 25px; } .jslides li > h3 { font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; color: #000; padding-top: 10px; margin-bottom: 5px; } .jslides li > h4.countryReference { font-family: 'OpenSansBold'; color: #000; } .jslides li > h4.countryReference > span { text-transform: uppercase; } .jslides li > h4.beds { display: inline-block; margin-right: 30px; font-family: 'OpenSansLight'; color: #000; text-transform: uppercase; } .jslides li > h4.price { display: inline-block; font-family: 'OpenSansBold'; color: #82111E; font-size: 20px; } #homeSearch { background-color: rgba(211,211,211,0.75); font-family: 'Sansation'; font-weight: 300; position: absolute; top: calc(100vh - 166px); width: 100%; z-index: 8; } #homeSearch form { border-right: 1px; display: inline-block; padding-bottom: 20px; padding-top: 20px; width: 100%; } #homeSearch form div[class*="col-"] { padding-left: 10px; padding-right: 10px; } #homeSearch .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #000000!important; } #homeSearch .bootstrap-select.btn-group .dropdown-toggle .caret:after { color: #000000!important; } #homeSearch .searchFormAvailability { display: inline-block; width: 100%; } #homeSearch .searchFormAvailability > label { color: #000000; display: inline-block; float: left; font-size: 16px; font-weight: 400; line-height: 21px; margin-bottom: 0; margin-right: 10px; text-transform: uppercase; } #homeSearch .searchFormAvailability > label > input { background-color: transparent; border: 1px solid #000000; border-radius: 0; box-shadow: none!important; cursor: pointer; display: inline-block; float: left; height: 18px; line-height: 18px; margin-right: 7px; position: relative; top: -3px; width: 18px!important; appearance: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -o-appearance: none!important; } #homeSearch .searchFormAvailability > label > input:checked:after { content: "\f00c"; color: #000000; display: inline-block; font-family: FontAwesome; font-size: 14px; left: 1px; position: absolute; top: -1px; } #homeSearch .searchFormAvailability > label > input:focus { outline: 0; } #homeSearch input, #homeSearch button.dropdown-toggle { width: 100%!important; padding-top: 8px; border-radius: 0; border-color: transparent; box-shadow: none; } #homeSearch .bootstrap-select.btn-group > button { border-bottom-color: #333333!important; } #homeSearch input[type="submit"] { padding: 10px 0; background: #000000; color: #fff; text-transform: uppercase; font-size: 16px; } #homeSearch input[type="submit"]:hover { background: #000000!important; color: #fff!important; opacity: 0.85; } #homeSearch ul{ display: inline-block; float: left; } #homeSearch ul > li { display: inline-block; width: 100%; } #homeSearch ul > li > a { color: #000000; font-size: 16px; line-height: 29px; text-transform: uppercase; } #homeSearch ul > li > a > .fa { color: #000000; } #homeSearch ul > li > a:hover { color: #cccccc; } #featuredDevelopment > #box { position: absolute; display: inline-block; top: 0; left: 0; width: 33%; height: 100%; padding: 12% 5% 20px; background: rgba(0,0,0,0.7); } #featuredDevelopment > #box h2 { font-family: 'Sansation'; font-weight: 300; } #featuredDevelopment > #box h4 { font-family: 'Sansation'; font-weight: 300; color: #fff; } #featuredDevelopment > #box p { font-family: 'OpenSansRegular'; } #featuredDevelopment > #box a { font-family: 'OpenSansBold'; text-transform: uppercase; color: #fff; font-size: 17px; } #featuredDevelopment > #box a:hover { color: #CCCCCC; } #featuredDevelopment > #box i { font-size: 15px; } #featuredDevelopment > #imgBox { position: absolute; display: inline-block; top: 0; right: 0; width: 66%; height: 100%; text-align: center; } #featuredDevelopment > #imgBox > img { position: relative; display: inline-block; width: auto; height: auto; top: 50%; margin-top: -25px; } #featuredPropertiesBox .pdg-favourites-add.properties-favourite { position: relative; display: inline-block; float: right; color: #82111E; font-size: 22px; } #partners { background-color: rgb(239, 239, 239); padding-bottom: 45px; padding-top: 45px; } #partners h2 { color: #000000; font-family: 'Sansation'; font-size: 35px; font-weight: 300; margin-bottom: 15px; text-transform: uppercase; } #partners-slide .item { text-align: center; } #partners-slide .item > a { display: inline-block; width: 70%; } #partners-slide .item > a > img { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } .slick-prev, .slick-next { height: 50px; } .slick-prev:before, .slick-next:before { color: #999999; font-family: FontAwesome; font-size: 45px; line-height: 50px; } .slick-prev:before { content: "\f104"; } .slick-next:before { content: "\f105"; } h2.newsHeading { margin-bottom: 15px; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; font-size: 35px; color: #000; } #homeNews { padding-right: 45px; } #homeNews .bkg-cover { display: inline-block; margin-bottom: 10px; width: 100%; } #homeNews h3 { font-family: 'Sansation'; font-size: 25px; font-weight: 500; color: #000; line-height: 28px; } #homeNews p.date { font-family: 'Sansation'; font-weight: 500; color: #666666; font-size: 15px; } #homeNews p.description { font-family: 'OpenSansRegular'; color: #333333; font-size: 15px; } #homeNews a:not(.bkg-cover) { display: inline-block; margin-top: 20px; font-family: 'OpenSansBold'; color: #82111E; font-size: 16px; text-transform: uppercase; } @media (max-width: 1550px) { #homeBox img.chevron { bottom: 3.5%; } } @media (max-width: 1400px) { #homeSlider iframe { height: 146%; left: -23%; top: -23%; width: 146%; } #featuredDevelopment > #box { padding-top: 8%; } } @media (max-width: 1199px) { #homeSlider iframe { height: 150%; left: -25%; top: -25%; width: 150%; } #featuredDevelopment > #box { width: 40%; padding-top: 6%; } #featuredDevelopment > #imgBox { width: 59%; } #featuredDevelopment > #imgBox > img { max-width: 90%; } #homeNews h3 { font-size: 23px; line-height: 25px; } } @media (max-width: 1100px) { .slick-prev { left: -5px; } .slick-next { right: -5px; } #homeBox img { max-width: 300px; } #homeNews { padding-right: 30px; } } @media (min-width: 993px) { #homeSlider { height: 100vh; padding-bottom: 0; padding-top: 0; width: 100vw; } #homeSlider > div { height: 100%; top: -166px!important; width: 100%; } #homeSearch form { border-right: 1px solid #333333; padding-right: 15px; } #homeSearch ul:not(.dropdown-menu) { margin-top: 26%; } } @media (max-width: 992px) { .jcarousel-control-prev { left: -10px!important; } .jcarousel-control-next { right: -10px!important; } #homeSearch { position: relative; top: 0; } #homeSearch ul { margin-bottom: 30px; margin-left: 10px; } #featuredDevelopment > #box { width: 60%; } #homeNews { border-bottom: 4px solid #CCC; margin-bottom: 5px; padding-bottom: 20px!important; padding-right: 20px; } #homeNews:last-child { border-bottom: none; margin-bottom: 0; } } @media (max-width: 767px) { .bootstrap-select.btn-group .dropdown-menu { max-width: 311px; } #homeSlider { min-height: 300px; max-height: 330px; } #homeSlider iframe { height: 150%; left: -25%; top: -25%; width: 150%; } #homeSlider .flex-control-nav { bottom: 20px!important; } .flexslider .slides > li { max-height: 330px; } .flexslider .slides img { min-height: inherit; } #homeBox img { max-width: 65%; margin-top: 9%; transform: translate(-50%, -50%); } #homeBox img.chevron { display: none; } { display: none; } #homeSearch .searchFormAvailability > label { font-size: 15px; line-height: 20px; } #featuredDevelopment > #box { position: relative; width: 100%; height: 25%; padding-top: 15px; } h2.newsHeading { margin-top: 20px; margin-bottom: 0; font-size: 25px; line-height: 30px; } #homeNews { padding-bottom: 10px!important; border-bottom: 4px solid #CCC; } #homeNews:last-child { margin-bottom: 25px; } #homeNews h3 { font-size: 20px; line-height: 22px; } #homeNews h3, #homeNews a { margin-top: 10px; } #homeNews p.date { font-size: 13px; } #homeNews p.description { font-size: 13px; } #homeNews a { font-size: 15px; } } @media (max-width: 576px) { #homeSearch .searchFormAvailability > label { font-size: 14px; line-height: 19px; margin-right: 5px; } } @media (max-width: 480px) { #featuredDevelopment > #box { height: 52%; } #featuredDevelopment.twentyone-nine-img:before { padding-top: 59.9%; } } /*==================================== PROPERTIES LISTS ====================================*/ .noResults { padding-top: 40px; } .noResults > div > div { padding: 30px; } .noResults h3 { font-family: 'Sansation'; font-weight: 300; color: #000; } .noResults i { color: #82111E; } .noResults h4 { font-family: 'Sansation'; font-weight: 500; color: #333; } .noResults p { font-family: 'OpenSansRegular'; } .noResults p a { color: #999; } #map { width: 100%; height: 400px; } #propertiesSearch { background-color: #F4F4F4; padding-top: 10px; padding-bottom: 25px; } #propertiesSearch form div[class*="col-"] { padding-left: 10px; padding-right: 10px; } #propertiesSearch form > div { padding-top:15px; } #propertiesSearch form .btn-group { margin-bottom: 0; } #propertiesSearch form .btn-group > button { padding-top: 10px!important; } #propertiesSearch form input[type="text"] { background-color: transparent; border-bottom: 1px solid #aaaaaa; color: #333333; font-size: 16px!important; line-height: 21px; padding: 12px 0 0; text-transform: uppercase; } #propertiesSearch form input[type="text"]::placeholder{ color: #333333; } #propertiesSearch input, #propertiesSearch button.dropdown-toggle { width: 100%!important; padding-bottom: 4px; border-radius: 0; border-color: transparent; box-shadow: none; } .bootstrap-select.btn-group .dropdown-toggle .filter-option, .bootstrap-select.btn-group .dropdown-menu li a, #propertiesSearch input { color: #666; font-family: 'Sansation', sans-serif; font-size: 13px; font-weight: 500; } #propertiesSearch #cat2 input, #propertiesSearch #gibResidency input { background-color: transparent; border: 1px solid #aaaaaa; border-radius: 0; box-shadow: none!important; cursor: pointer; display: inline-block; float: left; height: 18px; line-height: 18px; margin-right: 7px; position: relative; top: -3px; width: 18px!important; appearance: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -o-appearance: none!important; } #propertiesSearch #cat2 input:checked:after, #propertiesSearch #gibResidency input:checked:after { content: "\f00c"; color: #333333; display: inline-block; font-family: FontAwesome; font-size: 14px; left: 1px; position: absolute; top: -1px; } #propertiesSearch #cat2 input:focus, #propertiesSearch #gibResidency input:focus { outline: 0; } #propertiesSearch #cat2 label, #propertiesSearch #gibResidency label { background: transparent; color: #333333; display: inline-block; font-family: 'Sansation'; font-size: 16px; font-weight: 400; margin-bottom: 0; position: relative; text-align: left; text-transform: uppercase; top: 13px; } #propertiesSearch #cat2 label.selected, #propertiesSearch #gibResidency label.selected { background: #82111E; color: #fff; } #propertiesSearch form input[type="submit"] { display: inline-block!important; width: auto; max-width: 100%; height: 35px; padding-top: 5px; background: #000000; color: #fff; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; border: none!important; } #propertiesSearch form input[type="submit"]:hover { background-color: #000000!important; } #propertiesControls { display: inline-block; margin-top: 25px; } #propertiesControls p, #propertiesControls label { font-family: 'Sansation'; font-weight: 500; font-size: 14px; font-weight: 500; color: #666666; } #propertiesControls p { padding-right: 15px; } #propertiesControls .btn-group { margin-left: 5px; margin-right: 10px; max-width: 180px; top: 5px; } #propertiesControls .btn-group > button { display: inline-block; border-radius: 0; border: 1px solid #CCCCCC!important; padding: 8px 15px 7px!important; } #propertiesControls .btn-group > button .filter-option { font-family: 'Sansation'; font-weight: 400; color: #999999!important; } #propertiesControls .btn-group > button .caret { color: #999; } #propertiesControls .btn-group > button:hover { background: transparent!important; border: 1px solid #999; } #propertiesControls .bootstrap-select.btn-group .dropdown-toggle .caret:after { top: -10px; } #propertiesControls .btn-group > .dropdown-menu { border-radius: 0; } #propertiesControls .btn-group > .dropdown-menu > ul > li > a > span.text { font-family: 'Sansation'; font-weight: 500; color: #999999; } #propertiesList { padding: 25px 10px; } #propertiesList > h2.heading { padding-bottom: 10px; margin-bottom: 0; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; font-size: 35px; color: #000; } #propertiesList #box { padding: 5px 25px; margin-top: 15px; } #propertiesList #box .status { position: absolute; display: inline-block; bottom: 0; right: 0; padding: 10px 20px; background-color: #82111E; color: #fff; text-transform: uppercase; font-family: 'Sansation'; font-size: 13px; } #propertiesList #box .pdg-favourites-add.properties-favourite { cursor: pointer; position: relative; display: inline-block; float: right; margin-top: -5px; color: #82111E; font-size: 22px; } #propertiesList #box > h3 { font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; color: #000; padding-top: 10px; margin-bottom: 5px; } #propertiesList #box > h4.countryReference { font-family: 'OpenSansBold'; color: #000; } #propertiesList #box > h4.countryReference > span { text-transform: uppercase; } #propertiesList #box > h4.beds { display: inline-block; margin-right: 30px; font-family: 'OpenSansLight'; color: #000; text-transform: uppercase; } #propertiesList #box > h4.price { display: inline-block; font-family: 'OpenSansBold'; color: #82111E; font-size: 20px; } #propertiesList .pagination { display: inline-block; position: relative; width: 100%; padding-top: 30px; text-align: center; } #propertiesList ul.paginator { display: inline-block; border-bottom: 4px solid #E5E5E5; padding-bottom: 5px; } #propertiesList ul.paginator li { position: relative; display: table-cell; padding: 0 12px; } #propertiesList ul.paginator li a { color: #666666; font-family: 'OpenSansRegular'; font-size: 17px; } #propertiesList ul.paginator li span.selected { color: #333; font-size: 17px; } #propertiesList ul.paginator li span:after, ul.paginator li a:hover:after { content: ''; position: absolute; width: 100%; height: 3px; background: #333; left: 0; bottom: -8px; } @media only screen and (max-width: 767px) { #propertiesList > h2.heading { font-size: 25px; line-height: 30px; } #propertiesList #box > h3 { font-size: 20px; line-height: 25px; } #propertiesList #box > h4.countryReference, #propertiesList #box > h4.beds { font-size: 17px; line-height: 22px; } #propertiesSearch form input[type="submit"] { margin-top: 15px; } } @media only screen and (max-width: 480px) { #propertiesList ul.paginator li { padding: 0 7px; } } /*==================================== PROPERTY DETAILS ====================================*/ #propertyHeader { position: relative; height: 100vh; } #propertyHeader:before { content: ''; position: absolute; z-index: 1; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); } #propertyHeader h1 { position: relative; z-index: 2; margin-top: 17%; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; } #propertyHeader h3.country { position: relative; z-index: 2; font-family: 'Sansation'; font-weight: 700; text-transform: uppercase; } #propertyHeader h3 { position: relative; z-index: 2; font-family: 'OpenSansLight'; } #propertyHeader h3 > span { position: relative; z-index: 2; font-family: 'OpenSansRegular'; margin-right: 20px; } #propertyHeader h2 { position: relative; z-index: 2; font-family: 'OpenSansBold'; font-size: 50px; } #propertyHeader a.viewPhotos { position: relative; z-index: 2; display: inline-block; margin-top: 5%; background: transparent; border: 1px solid #fff; padding: 10px 30px; color: #fff; text-transform: uppercase; font-family: 'Sansation'; font-weight: 300; font-size: 25px; } #propertyHeader a.viewPhotos:hover { background-color: #82111E; border-color: #82111E; color: #ffffff; } #propertyHeader a.anchor { z-index: 2; display: inline-block; position: absolute; bottom: 3%; left: calc(50% - 35px); width: 70px; } #propertyDescription a.back { display: inline-block; float: right; margin-top: 10px; margin-bottom: 15px; font-family: 'Sansation'; font-weight: 500; color: #000; font-size: 20px; } #propertyDescription a.back > i { padding-right: 5px; } #propertyDescription a.back:hover { color: #82111E; } #propertyDescription h3 { padding-top: 15px; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; font-size: 30px; color: #000; } #propertyDescription p { font-family: 'OpenSansRegular'; font-size: 15px; color: #333333; } #propertyDescription ul { padding: 10px 0 15px 25px; } #propertyDescription ul li { list-style-type: disc!important; font-family: 'OpenSansRegular'; color: #333333; font-size: 15px; } #propertyDescription ul li { line-height: 30px; } #propertyDescription .pdg-favourites-add.property-favourite { position: relative; cursor:pointer; display: inline-block; float: left; margin-top: 8px; color: #82111E; font-size: 25px; } #propertyDescription #salesContact { position: relative; display: inline-block; width: 100%; padding: 20px 5px; border: 1px solid #CCC; min-height: 80px; } #propertyDescription #salesContact h3 { font-size: 18px; margin-top: -10px; margin-bottom: 10px; padding-top: 0; } #propertyDescription #salesContact h3.name { font-family: 'OpenSansBold'; font-size: 17px; } #propertyDescription #salesContact h4 { font-family: 'OpenSansRegular'; font-size: 14px; color: #000; } #propertyDescription #salesContact h4 > a { color: #000; word-break: break-all; } #calculator { position: relative; display: inline-block; width: 100%; } #calculator form { margin-top: 0; margin-bottom: 60px; } #calculator form .col-left { display: inline-block; float: left; width: 47%; } #calculator form .col-right { display: inline-block; float: right; width: 47%; } #calculator form .bootstrap-select { width: calc(100% - 85px); margin-top: 5px; border: 0; border-bottom: 2px solid #999!important; } #calculator form .bootstrap-select > button { border: 0; } #calculator form .bootstrap-select ul { padding-left: 0; margin-left: 0; } #calculator form .bootstrap-select ul > li { list-style: none!important; } #calculator form .bootstrap-select > button:hover, #calculator form .bootstrap-select > button:focus { border: 0!important; background: #fff!important; color: #000!important; } #calculator form input, #calculator form textarea { font-family: 'OpenSansLight', sans-serif; color: #82111E; } #calculator form label { display: inline-block; position: relative; width: auto; margin-right: 15px; min-width: 65px; font-family: 'OpenSansLight'; text-transform: uppercase; font-size: 15px; padding-bottom: 0; bottom: -10px; } #calculator form label.message { margin-top: 7px; } #calculator form input { display: inline-block; width: calc(100% - 85px)!important; min-height: 40px; border: none!important; border-bottom: 2px solid #999!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; border-radius: 0px; } #calculator form textarea { display: inline-block; position: relative; top: 17px; width: calc(100% - 85px)!important; min-height: 75px!important; border: 2px solid #999!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; border-radius: 0px; } #calculator label.image, #calculator input.image { margin-top: 12px; } #calculator #update2 { display: inline-block!important; float: left; width: auto!important; margin-top: 10px; padding: 10px 20px; background: #82111E; color: #fff; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; border: none!important; } #calculator #update2:hover { background-color: rgba(132,14,27,0.75)!important; } #propertyDescription ul.shareButtons { display: inline-block; float: left; } #propertyDescription ul.shareButtons > li { display: inline-block; padding-right: 20px; } #propertyDescription ul.shareButtons > li > a { font-size: 28px; color: #000; } #propertyDescription ul.shareButtons > li > a:hover { color: #82111E; } #propertyDescription ul.shareButtons > li > ul { display: none; position: absolute; width: 150px; padding: 15px 0 5px; transition: .5s all ease; =webkit-transition: .5s all ease; -moz-transition: .5s all ease; } #propertyDescription ul.shareButtons > li > ul > li { display: inline-block; } #propertyDescription ul.shareButtons > li > ul > li > a { display: inline-block; font-size: 24px; } #propertyDescription ul.shareButtons > li > ul > li > a.share-facebook { padding: 10px 15px; background: #3b5998; border-radius: 50%; color: #fff; } #propertyDescription ul.shareButtons > li > ul > li > a.share-twitter { margin-left: 10px; padding: 10px 11px; background: #00aced; border-radius: 50%; color: #fff; } #propertyDescription ul.shareButtons > li:hover > ul { display: inline-block; } #propertyDescription ul.shareButtons > li > a.share-facebook:hover { color: #3b5999; } #propertyDescription ul.shareButtons > li > a.share-twitter:hover { color: #55acee; } #propertyDescription ul.shareButtons > li > a.share-google:hover { color: #dd4b39; } #propertyDescription a.viewPhotos { display: inline-block; padding-top: 10px; padding-left: 20px; font-family: 'Sansation'; font-weight: 500; text-transform: uppercase; color: #000; font-size: 21px; } #propertyDescription a.viewPhotos:hover { color: #666; } #propertyDescription #video { margin-top: 20px; margin-bottom: 30px; } #propertyDescription a.playButton { display: inline-block; position: absolute; width: 120px; height: 120px; top: calc(50% - 60px); left: calc(50% - 60px); background: rgba(255,255,255,0.75); border-radius: 50%; } #propertyDescription a.playButton > img { display: inline-block; height: 60px; margin-top: 30px; margin-left: 38px; transition: .3s all ease; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; } #propertyDescription a.playButton:hover > img { opacity: 0.7; } #propertyMap { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #propertyMap #map { width: calc(100% + 30px); height: 500px; margin-left: -15px; } #propertyMap h3 { padding-top: 15px; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; font-size: 30px; color: #000; } #propertyMap p { font-family: 'OpenSansRegular'; font-size: 15px; color: #333333; } #propertyMap .locationInfo { padding: 35px 15px 30px 50px; } #registerInterest { padding-top: 40px; padding-bottom: 40px; } #registerInterest form { display: inline-block; width: 100%; margin-top: 15px; margin-bottom: 60px; } #registerInterest form .col-left { display: inline-block; float: left; width: 47%; } #registerInterest form .col-right { display: inline-block; float: right; width: 47%; } #registerInterest form input, #registerInterest form textarea { font-family: 'OpenSansLight', sans-serif; color: #82111E; } #registerInterest form label { display: inline-block; position: relative; width: auto; margin-right: 15px; min-width: 65px; font-family: 'OpenSansLight'; text-transform: uppercase; font-size: 15px; padding-bottom: 0; bottom: -10px; } #registerInterest form label.message { margin-top: 7px; } #registerInterest form input[type="text"], #registerInterest form input[type="email"] { display: inline-block; width: calc(100% - 85px)!important; min-height: 40px; border: none!important; border-bottom: 2px solid #999!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; border-radius: 0px; } #registerInterest form textarea { display: inline-block; position: relative; top: 17px; width: calc(100% - 85px)!important; min-height: 75px!important; border: 2px solid #999!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; border-radius: 0px; } #registerInterest label.image, #registerInterest input.image { margin-top: 12px; } #registerInterest input[type="submit"] { display: inline-block!important; float: right; width: auto!important; margin-top: 10px; background: #82111E; color: #fff; font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; border: none!important; } #registerInterest input[type="submit"]:hover { background-color: rgba(132,14,27,0.75)!important; } #similarProperties .jslides li { padding: 5px 25px; } #similarProperties .jslides li > h3 { font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; color: #000; padding-top: 10px; margin-bottom: 5px; font-size: 22px; } #similarProperties .jslides li > h4.countryReference { font-family: 'OpenSansBold'; color: #000; font-size: 15px; } #similarProperties .jslides li > h4.countryReference > span { text-transform: uppercase; } #similarProperties .jslides li > h4.beds { display: inline-block; margin-right: 10px; font-family: 'OpenSansLight'; color: #000; text-transform: uppercase; font-size: 16px; } #similarProperties .jslides li > h4.price { display: inline-block; font-family: 'OpenSansBold'; color: #82111E; font-size: 16px; } .info-register { display: inline-block; float: left; width: calc(50% - 10px); margin-right: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #82111E; } .info-register:nth-child(2n) { margin-right: 0; } .info-register h3 { color: #000000; font-family: 'Sansation'; font-weight: 300; margin-bottom: 0; text-transform: uppercase; } .info-register h4.reference { color: #000000; font-family: 'OpenSansLight'; margin-bottom: 0; } .info-register h4.reference > strong { font-family: 'OpenSansBold'; } .info-register h4.price { color: #82111E; font-size: 21px; font-family: 'OpenSansBold'; line-height: 27px; } @media only screen and (max-width: 1199px) { #propertyMap .locationInfo { padding: 35px 15px 30px 0; } } @media only screen and (min-width: 993px) and (max-width: 1199px) { #propertyDescription #salesContact h3:not(.name) { padding-top: 15px; } } @media only screen and (max-width: 1150px) { #propertyHeader h1 { font-size: 44px; line-height: 50px; } #propertyHeader h3.country { font-size: 26px; } #propertyDescription h3 { font-size: 26px; } #propertyHeader a.viewPhotos { font-size: 20px; } #propertyHeader a.anchor { left: calc(50% - 25px) } #propertyHeader a.anchor > img { max-width: 50px; } #calculator form .bootstrap-select, #calculator form input { width: 100%!important; } h2.featured { font-size: 30px; } } @media only screen and (max-width: 1099px) { #propertyHeader { height: calc(100vh - 50px); } #propertyMap #map { height: 500px; } } @media only screen and (max-width: 992px) { #propertyHeader { height: 65vh; min-height: 535px; } #calculator form { margin-top: 15px; } #propertyMap .locationInfo { padding-left: 15px; } #registerInterest form .col-left, #registerInterest form .col-right { width: 100%; } } @media only screen and (max-width: 767px) { #propertyHeader h1 { font-size: 36px; margin-top: 180px; } #propertyHeader h3, #propertyHeader h3.country { font-size: 21px; } #propertyHeader h2 { font-size: 32px; } #propertyHeader a.viewPhotos { padding: 10px 20px; font-size: 20px } #propertyHeader a.anchor { max-width: 40px; left: calc(50% - 20px); bottom: -40px; width: 100%; } #propertyHeader a.anchor > img { display: inline-block; max-width: 100%; } #propertyDescription h3 { font-size: 22px; line-height: 27px; } #propertyDescription h3.descriptionTitle { margin-top: 15px; } #propertyDescription a.back { margin-top: -10px; } #propertyDescription #salesContact h3 { margin-top: 10px; } #propertyDescription #salesContact h3.name { margin-top: -10px; } #propertyMap #map { width: calc(100% + 30px); height: 300px; } #propertyMap .locationInfo { padding: 30px 20px; } #registerInterest form { display: inline-block; width: 100%; margin-bottom: 10px; } #registerInterest form label, #registerInterest form input, #registerInterest form textarea { width: 100%!important; display: block; } #registerInterest form label.message { margin-top: 17px; } #registerInterest form textarea { top: 26px; } #registerInterest label.image, #registerInterest input.image { margin-top: 22px; } h2.featured { padding-top: 50px; font-size: 27px; line-height: 31px; } } @media only screen and (max-width: 480px) { #propertyHeader h1 { font-size: 37px; margin-top: 50%; } #propertyHeader h3.country { font-size: 23px; } #propertyHeader h3 { font-size: 20px; } #propertyHeader h2 { font-size: 37px; } #propertyHeader h1, #propertyHeader h2, #propertyHeader h3 { margin-bottom: 0; } #propertyHeader a.viewPhotos { padding: 10px 20px; font-size: 19px } #registerInterest input[type="submit"] { width: 100%!important; } } /*==================================== PROPERTY IMAGES ====================================*/ #imagesFullsize { display: inline-block; position: relative; width: 100%; height: calc(100vh + 1px); margin-bottom: -10px; background: #000000; } #imagesControllers { height: calc(100vh + 1px); text-align: center; min-height: 600px; } #imagesControllers > hr { margin-top: 30px; margin-bottom: 30px; border-top: 1px solid rgba(255,255,255,0.3); } #imagesControllers > a.logo { position: relative; display: inline-block; margin-top: 50px; max-width: 80%; } #imagesControllers > a.logo > img { display: inline-block; width: 100%; } #imagesControllers > h1 { margin-bottom: 0; font-family: 'Sansation'; font-weight: 300; font-size: 40px; line-height: 40px; text-transform: uppercase; letter-spacing: 2px; } #imagesControllers > h3.country { margin-bottom: 3px; font-family: 'Sansation'; font-weight: 700; font-size: 23px; text-transform: uppercase; color: #fff; } #imagesControllers > h3.reference { display: inline-block; margin-right: 15px; font-family: 'OpenSansRegular'; font-size: 21px; color: #fff; } #imagesControllers > h3.beds { display: inline-block; font-family: 'OpenSansLight'; font-size: 21px; text-transform: uppercase; color: #fff; } #imagesControllers > h2.price { display: block; font-family: 'OpenSansBold'; color: #fff; } #imagesControllers > ul.actions { display: inline-block; width: auto; } #imagesControllers > ul.actions > li { display: inline-block; padding: 0 10px; } #imagesControllers > ul.actions > li > a { font-size: 25px; color: #fff; font-weight: 300; } #imagesControllers a.back { display: block; width: 100%; margin-top: 35px; font-size: 20px; color: #fff; } #imagesControllers a.back:hover { color: #EAEAEA; } #imagesControllers ul.actions > li > a.share-facebook:hover { color: #3b5999; } #imagesControllers ul.actions > li > a.share-twitter:hover { color: #55acee; } #imagesControllers ul.actions > li > a.share-google:hover { color: #dd4b39; } #imagesControllers > div.custom-navigation { display: inline-block; position: absolute; width: 100%; left: 0; bottom: 35px; color: #fff; font-family: 'OpenSansLight'; font-size: 25px; } #imagesControllers > div.custom-navigation > a { color: #fff; } #imagesControllers > div.custom-navigation > a.flex-prev, #imagesControllers > div.custom-navigation > a.flex-next { position: relative; bottom: -4px; font-size: 40px; } #imagesControllers > div.custom-navigation > a.flex-prev { margin-right: 5px; } #imagesControllers > div.custom-navigation > a.flex-next { margin-left: 5px; } #imagesControllers > div.custom-navigation > a.gallery { position: relative; bottom: -4px; margin-left: 15px; font-size: 30px; } #imagesBox { padding: 0; } #imagesBox > a.closeIcon { position: absolute; z-index: 1; top: 50px; right: 50px; font-size: 25px; color: #fff; } #imagesBox .flexslider .slides img { display: none; } #imagesBox #gallery { display: none; position: relative; width: 100%; height: auto; padding: 0; /*overflow-y: scroll;*/ } #imagesBox #gallery > div > a { position: absolute; display: inline-block; width: 100%; height: 100%; top: 0; left: 0; } @media only screen and (max-width: 1199px) { #imagesControllers > h1 { font-size: 30px; line-height: 30px; } #imagesControllers > h3.country { font-size: 23px; line-height: 29px; } #imagesControllers > h3.reference, #imagesControllers > h3.beds { font-size: 19px; } #imagesControllers > h2.price { font-size: 29px; margin-bottom: 0; } #imagesControllers a.back { margin-top: 25px; font-size: 19px; } } @media only screen and (max-width: 992px) { #imagesFullsize { height: 100%; } #imagesControllers { height: auto; min-height: 660px; } } @media only screen and (max-width: 767px) { #imagesControllers { min-height: 630px; } #imagesControllers > hr { margin-top: 20px; margin-bottom: 20px; } #imagesControllers a.closeIcon { position: absolute; z-index: 1; top: 25px; right: 40px; font-size: 20px; color: #fff; } #imagesControllers > h1 { font-size: 25px; } #imagesControllers > h3.country { font-size: 19px; line-height: 25px; } #imagesControllers > h3.reference, #imagesControllers > h3.beds { font-size: 17px; } #imagesControllers > h2.price { font-size: 26px; margin-bottom: 0; } #imagesControllers a.back { margin-top: 25px; font-size: 17px; } } @media only screen and (max-width: 480px) { #imagesControllers { min-height: 560px; } } /*==================================== ABOUT PAGE ====================================*/ .aboutTitle { font-family: 'Sansation'; font-weight: 300; color: #000; text-transform: uppercase; font-size: 28px; line-height: 33px; } .teamBox { position: relative; display: inline-block; width: 100%; height: auto; padding: 20px; margin-bottom: 20px; border: 1px solid #CCC; } .teamBox a.square-img { display: inline-block; width: 100%; } .teamBox h3.name a { font-family: 'OpenSansLight'; text-transform: uppercase; color: #000; font-size: 23px; margin-bottom: 0; } .teamBox h4.position { font-family: 'OpenSansBold'; text-transform: uppercase; color: #000; margin-bottom: 0; } .teamBox p { padding-top: 15px; } .teamBox p, .teamBox p > a { font-family: 'OpenSansRegular'!important; color: #000!important; font-size: 12px!important; line-height: 15px; } .teamBox p > a { word-break: break-all; } @media only screen and (max-width: 992px) { .teamBox h3.name a { font-size: 20px; } .teamBox h4.position { font-size: 17px; } .equal-height { min-height: 325px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .teamBox { width: calc(100% + 31px); } } @media only screen and (max-width: 767px) { .equal-height { min-height: 250px; } } /*==================================== STAFF DETAILS PAGE ====================================*/ #staffDetails { padding-bottom: 35px; padding-top: 50px; } #staffDetails a.back { display: inline-block; margin-bottom: 15px; font-size: 18px; font-family: 'Sansation'; color: #000; text-transform: uppercase; } #staffDetails a.back > i { font-size: 22px; } #staffDetails a.back:hover { color: #666; } #staffDetails h2.name { margin-bottom: 2px!important; font-family: 'OpenSansLight'; color: #000; font-weight: 300; text-transform: uppercase; } #staffDetails h4.position { font-size: 20px; font-family: 'OpenSansBold'; text-transform: uppercase; color: #000; } #staffDetails .contact { padding-top: 7px; color: #000; } #staffDetails .contact > a { color: #000; font-family: 'OpenSansRegular'; font-size: 13px; } #staffDetails .contact > a:hover { text-decoration: underline!important; } #staffDetails .description { font-family: 'OpenSansRegular'; color: #333; } #staffDetails .staffShare { display: block; width: 100%; margin-top: 20px; } #staffDetails .staffShare > li { display: inline-block; padding-right: 10px; } #staffDetails .staffShare > li > a { display: inline-block; color: #000; font-size: 20px; } #staffDetails .staffShare > li > a.share-facebook:hover { color: #3b5999; } #staffDetails .staffShare > li > a.share-twitter:hover { color: #55acee; } @media only screen and (max-width: 767px) { #staffDetails h2.name { padding-top: 15px; } } /*==================================== BLOG PAGE ====================================*/ #articles { padding-top: 40px; } #articles h2 { font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; } #articles h2 a { color: #333; } .grid.articles { display: block!important; width: 100%!important; min-width: 100%; margin-top: 40px; margin-bottom: 50px; } .grid:after { content: ''; display: block; clear: both; } .news { padding: 20px 10px 0; margin: 10px 0 15px; } .news > a { position: relative; display: inline-block; width: 100%; } .news > div { border-bottom: 7px solid #CCC; } .news h2 { padding-top: 10px; font-family: 'Sansation'; font-weight: 500; font-size: 30px; line-height: 32px; } .news p.date { font-family: 'Sansation'; font-weight: 500; font-size: 15px; } .news .text { color: #333; font-family: 'OpenSansRegular'; } .news a.readMore { display: inline-block; margin-top: 25px; margin-bottom: 25px; color: #82111E; text-transform: uppercase; font-family: 'OpenSansBold'; font-size: 18px; } #paginator { padding-bottom: 15px; padding-top: 25px; } #paginator .pagination { display: inline-block; position: relative; width: 100%; padding-top: 30px; text-align: center; } #paginator ul.paginator { display: inline-block; border-bottom: 4px solid #E5E5E5; padding-bottom: 5px; } #paginator ul.paginator li { position: relative; display: table-cell; padding: 0 12px; } #paginator ul.paginator li a { color: #666666; font-family: 'OpenSansRegular'; font-size: 17px; } #paginator ul.paginator li span.selected { color: #333; font-size: 17px; } #paginator ul.paginator li span:after, ul.paginator li a:hover:after { content: ''; position: absolute; width: 100%; height: 3px; background: #333; left: 0; bottom: -8px; } @media only screen and (max-width: 1150px) { #articles h2 { font-size: 23px; line-height: 27px; } } @media only screen and (max-width: 992px) { /*.news { width: 49.9%; }*/ } @media only screen and (max-width: 480px) { .news { width: 100%; } } /*==================================== BLOG DETAILS PAGE ====================================*/ #article { padding-top: 40px; padding-bottom: 40px; } #article > div > div { padding-bottom: 20px; border-bottom: 7px solid #CCC; } #article h2 { margin-bottom: 0; font-family: 'Sansation'; font-weight: 300; font-size: 30px; color: #000; } #article p.date { color: #666; font-size: 15px; } #article a.back { display: inline-block; text-transform: uppercase; font-size: 20px; color: #000; font-family: 'Sansation'; font-weight: 300; } #article a.back > i { font-size: 15px; } #article ul.articleShare { display: inline-block; margin-top: 30px; margin-bottom: 10px; } #article ul.articleShare > li { display: inline-block; } #article ul.articleShare > li a { padding: 5px; color: #000; font-size: 25px; } #article ul.articleShare > li a.facebook:hover { color: #3b5998; } #article ul.articleShare > li a.twitter:hover { color: #00aced; } #article ul.articleShare > li a.googleplus:hover { color: #dd4b39; } #article ul.articleShare > li a.email-friend:hover { color: #CCCCCC; } #otherNewsBox { border-bottom: none!important; margin-top: 40px; } #otherNews { padding-right: 45px; } #otherNews h3 { font-family: 'Sansation'; font-weight: 500; color: #000; } #otherNews p.date { font-family: 'Sansation'; font-weight: 500; color: #666666; font-size: 15px; } #otherNews p.description { font-family: 'OpenSansRegular'; color: #333333; font-size: 17px; } #otherNews a { display: inline-block; margin-top: 25px; font-family: 'OpenSansBold'; color: #82111E; font-size: 19px; text-transform: uppercase; } @media (max-width: 1150px) { #otherNews { padding-right: 30px; } #otherNews h3 { font-size: 23px; line-height: 28px; } } @media (max-width: 992px) { #otherNews { border-bottom: 4px solid #CCC; margin-bottom: 5px; padding-bottom: 20px!important; padding-right: 20px; } #otherNews:last-child { border-bottom: none; margin-bottom: 0; } } @media (max-width: 767px) { #article h2 { padding-top: 15px; } #otherNews h3, #otherNews a { margin-top: 10px; } } /*==================================== CONTACT PAGE ====================================*/ #contactHeader { padding: 200px 20px 180px; text-align: center; } #contactHeader h1 { font-family: 'Sansation'; font-weight: 300; text-transform: uppercase; font-size: 42px; line-height: 50px; color: #fff; } .contactPage #map { position: relative; display: inline-block; width: calc(100% + 30px); margin-left: -15px; height: 500px; } #contactInfo { padding: 5% 8% 4% 20px; } img#captcha { display: inline-block; height: 40px; max-width: 80px; } input[name="captcha_code"] { width: calc(100% - 115px;); } @media only screen and (max-width: 1099px) { #map { height: 400px; } } @media only screen and (max-width: 767px) { img#captcha { height: 50px; max-width: 100%; margin-top: 35px; } } /*==================================== DELTA EDITOR CSS ====================================*/ div.vc-col-right { min-height: 250px; padding: 50px 15% 40px 40px; } div.vc-col-left { min-height: 250px; padding: 50px 40px 40px 15%; } div[data-dve-type="html"] h1 { font-family: 'Sansation'; font-weight: 300; color: #000; text-transform: uppercase; font-size: 45px; line-height: 52px; } div[data-dve-type="html"] h2 { font-family: 'Sansation'; font-weight: 300; color: #000; text-transform: uppercase; font-size: 28px; line-height: 33px; } div[data-dve-type="html"] p { font-family: 'OpenSansRegular'; color: #333; font-size: 15px; margin-bottom: 20px; } div[data-dve-type="column"].boxRight { padding: 3% 8% 6% 3%; } div[data-dve-type="column"].boxLeft { padding: 3% 3% 6% 8%; } @media only screen and (max-width: 992px) { div[data-dve-type="column"].boxRight, div[data-dve-type="column"].boxLeft { padding: 3% 3% 5%; } } @media only screen and (max-width: 767px) { div[data-dve-type="html"] h1 { padding-top: 10px; font-size: 35px; line-height: 42px; } div[data-dve-type="column"].boxRight, div[data-dve-type="column"].boxLeft { padding: 20px 15px 30px; } div[data-dve-type="html"] h1 { font-size: 38px; line-height: 45px; } div[data-dve-type="html"] h2 { font-size: 22px; line-height: 27px; } div[data-dve-type="html"] p { font-size: 13px; line-height: 17px; } } /*==================================== FOOTER ====================================*/ footer { background: #414141; } footer ul.social { position: relative; display: inline-block; } footer ul.social > li { display: inline-block; padding: 10px 15px; } footer ul.social > li > a { font-size: 35px; color: #fff; } footer .contact-phone { margin-bottom: 20px; } footer .contact-phone img { display: inline-block; } footer .contact-phone a { display: inline-block; padding-left: 7px; font-family: 'Sansation'; font-weight: 300; color: #fff; font-size: 24px; padding-top: 5px; } footer .contact-info p { font-family: 'OpenSansLight', sans-serif; color: #fff; font-size: 11px; } footer .contact-info p > a { color: #fff; } footer .contact-info p > a:hover { color: #ccc; } footer .copyright { padding-bottom: 10px; text-align: center; } footer .copyright ul { position: relative; display: inline-block; float: none; padding-bottom: 20px; } footer .copyright ul > li { display: inline-block; padding: 15px; } footer .copyright ul > li > a { font-family: 'OpenSansLight', sans-serif; text-transform: uppercase; color: #fff; font-size: 15px; } footer .copyright ul > li > a:hover { color: #ccc; } footer .copyright p { font-family: 'OpenSansLight', sans-serif; font-size: 11px; color: #fff; } footer .copyright p > a { color: #fff; } footer .copyright p > a:hover { color: #CCC; } #cookiesdirective #impliedsubmit { background-color: #82111E; color: #fff; } #cookiesdirective #impliedsubmit:hover { background-color: #000000!important; color: #fff; } @media (max-width: 992px) { footer .copyright ul > li { padding: 15px 10px; } } @media (max-width: 767px) { footer .copyright ul { width: 80%; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } footer .copyright ul > li { display: block; width: 100%; text-align: left; padding: 2px 0; } footer .copyright ul > li > a { font-size: 14px; } } /* * Off Canvas * -------------------------------------------------- */ .navbar-collapse { max-height: 100%; } .row-offcanvas { position: relative; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; } .row-offcanvas-left { left: 0; } .row-offcanvas-left .sidebar-offcanvas { left: 0; margin-left: 0px; } .row-offcanvas-left { left: 0; } .row-offcanvas-left .sidebar-offcanvas { left: 0; } .row-offcanvas-left.active { left: 450px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease z-index: -0!important; } .sidebar-offcanvas { position: fixed; overflow: hidden; z-index: 9999999999; top: 0; width: 0; height: 100%; min-height: 100vh; background: #F4F4F4; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; } .row-offcanvas.active .sidebar-offcanvas { width: 450px; padding: 20px; } .row-offcanvas.active .sidebar-offcanvas img { display: inline-block; /*max-width: 150px;*/ } /* SIDEBAR MENU */ .sidebar-offcanvas #mainNav { margin-top: 30px; } .sidebar-offcanvas #mainNav > li:first-child { border-top: 1px solid #999; } .sidebar-offcanvas #mainNav > li { display: block; width: 100%; padding: 0 10px 0 40px; border-bottom: 1px solid #999; } .sidebar-offcanvas #mainNav > li > a { display: inline-block; width: 100%; padding: 10px 0; font-family: 'Sansation'; font-weight: 300; color: #000000; text-transform: uppercase; font-size: 18px; } .sidebar-offcanvas #mainNav > li:hover, .sidebar-offcanvas #mainNav > li.active { border-bottom-color: #000000; } .sidebar-offcanvas .social-header { float: left; margin-left: 40px; margin-top: 10px; } .sidebar-offcanvas .social-header > li > a { color: #000000!important; } .sidebar-offcanvas .contact-phone { float: left; margin-left: 40px; margin-top: 25px; } .sidebar-offcanvas .contact-phone > img { display: inline-block; max-height: 28px; filter: brightness(-100%); -webkit-filter: brightness(-100%); } .sidebar-offcanvas .contact-phone > a { display: inline-block; margin-left: 10px; font-family: 'Sansation'; font-weight: 300; font-size: 22px; color: #000000; } @media only screen and (max-width: 1099px) { .row-offcanvas-left.active { left: 0; } .row-offcanvas-left.active header .navbar-toggle { left: 400px; z-index: 99999999; } } @media only screen and (max-width: 992px) { .row-offcanvas.active .sidebar-offcanvas { width: 35%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .row-offcanvas-left.active header .navbar-toggle { left: calc(100% + 25px); padding: 0; margin-top: -15px; } } @media only screen and (max-width: 767px) { .row-offcanvas.active .sidebar-offcanvas { width: 55%; overflow: scroll; } .row-offcanvas.active .sidebar-offcanvas a > img { max-width: 235px; } .row-offcanvas-left.active header .navbar-toggle { left: calc(54% + 25px); margin-top: -75px; } .row-offcanvas-left.active header .navbar-toggle.visible-xs { left: inherit; margin-top: -18px; right: 0; } .sidebar-offcanvas #mainNav > li { padding-left: 10px; } .sidebar-offcanvas #mainNav > li > a { font-size: 13px; padding: 6px; } .sidebar-offcanvas .social-header, .sidebar-offcanvas .contact-phone { margin-left: 10px; } .sidebar-offcanvas .contact-phone > img { max-height: 24px; } .sidebar-offcanvas .contact-phone > a { margin-left: 5px; font-size: 18px; } } @media only screen and (max-width: 420px) { .row-offcanvas.active .sidebar-offcanvas { width: 75%; max-width: 320px; } .row-offcanvas-left.active header .navbar-toggle { left: calc(77% + 25px); } } @media only screen and (max-width: 300px) { .row-offcanvas.active .sidebar-offcanvas { width: 85%; } /*.row-offcanvas-left.active header .navbar-toggle { left: calc(85% + 20px); }*/ } /* * Off Canvas * -------------------------------------------------- */ /****************************** ERROR PAGE ******************************/ #error-page { padding-top: 50px; } #error-page > h1 { color: #000; font-size: 90px; } #error-page > h2 { padding-bottom: 15px; padding-top: 25px; color: #333; font-size: 30px; line-height: 30px; } #error-page > ul { display: inline-block; width: auto; } #error-page > ul > li { display: inline-block; margin-left: 15px; } #error-page > ul > li > a { display: inline-block; text-align: center; } #error-page > ul > li > a > i { display: inline-block; width: 50px; height: 50px; padding-top: 10px; text-align: center; color: #82111E; border: 1px solid #82111E; border-radius: 50%; font-size: 25px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -o-transition: .5s all ease; -ms-transition: .5s all ease; } #error-page > ul > li > a > span { display: block; padding-top: 8px; text-align: center; font-size: 16px; color: #82111E; } #error-page > ul > li > a:hover > i { background-color: #82111E; color: #fff; } #latest-development-modal { background-color: rgba(0,0,0,0.4); display: none; height: 100%; left: 0; position: fixed; overflow: auto; padding-top: 100px; top: 0; width: 100%; z-index: 999; } #latest-development-modal .modal-content { background-color: #000000; border-radius: 20px; cursor: pointer; margin: auto; max-width: 700px; min-width: 320px; padding: 20px; width: 45%; } #latest-development-modal .close { color: #f89d31; font-size: 28px; font-weight: bold; opacity: 1; text-align: right; } #latest-development-modal .close:hover, #latest-development-modal .close:focus { color: #ffffff; cursor: pointer; text-decoration: none; }