/* =General CSS -------------------------------------------------------------- */ .full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: left; } .clear_column { clear:both; display:block; font-size:0; height:0; line-height:0; width:100%; overflow: hidden; } /* =Shortcodes Templates -------------------------------------------------------------- */ /* =Default Template (no margin) -------------------------------------------------------------- */ .full_width { width: 100%; } .one_half { width: 50%; } .one_third { width: 33.3%; } .two_third { width: 66.6%; } .one_fourth { width: 25%; } .three_fourth { width: 75%; } .one_fifth { width: 20%; } .two_fifth { width: 40%; } .three_fifth { width: 60%; } .four_fifth { width: 80%; } .one_sixth { width: 16.6%; } .five_sixth { width: 83.4%; } /* =Responsive -------------------------------------------------------------- */ /* Maximum width of 600 pixels. */ @media screen and (max-width: 600px) { .full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { clear: both; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1em; } } /* =Small Margins Template -------------------------------------------------------------- */ /* .full_width { width: 100%; } .one_half { width: 49% !important; margin-right: 2% !important; } .one_half.last_column { width: 49% !important; margin-right: 0px !important; } .one_third { width: 32% !important; margin-right: 2% !important; } .one_third.last_column { width: 32% !important; margin-right: 0px !important; } .two_third { width: 66% !important; margin-right: 2% !important; } .two_third.last_column { width: 66% !important; margin-right: 0px !important; } .one_fourth { width: 23.5% !important; margin-right: 2% !important; } .one_fourth.last_column { width: 23.5% !important; margin-right: 0px !important; } .three_fourth { width: 74.5% !important; margin-right: 2% !important; } .three_fourth.last_column { width: 74.5% !important; margin-right: 0px !important; } .one_fifth { width: 18.4% !important; margin-right: 2% !important; } .one_fifth.last_column { width: 18.4% !important; margin-right: 0px !important; } .two_fifth { width: 39% !important; margin-right: 2% !important; } .two_fifth.last_column { width: 39% !important; margin-right: 0px !important; } .three_fifth { width: 59% !important; margin-right: 2% !important; } .three_fifth.last_column { width: 59% !important; margin-right: 0px !important; } .four_fifth { width: 79.6% !important; margin-right: 2% !important; } .four_fifth.last_column { width: 79.6% !important; margin-right: 0px !important; } .one_sixth { width: 15% !important; margin-right: 2% !important; } .one_sixth.last_column { width: 15% !important; margin-right: 0px !important; } */div.wpcf7 { margin: 0; padding: 0; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #ff0000; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng, div.wpcf7-aborted { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #f7e700; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; background-image: url('//secure2.convio.net/chh/css/chfh_wrpr/images/ajax-loader.gif'); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 .wpcf7-recaptcha iframe { margin-bottom: 0; } div.wpcf7 input[type="file"] { cursor: pointer; } div.wpcf7 input[type="file"]:disabled { cursor: default; } /* Theme Name: Chicagoland Habitat for Humanity Description: Habitat for Humanity theme for Chicagoland and affiliates. Author: Brian M. Worrall Author URI: http://www.chicagolandhabitat.org/ Version: 1.0 */ @charset "utf-8"; html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table {padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} /* Text */ @font-face { font-family: 'NeueHaasGroteskText'; src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text.eot'); /* IE9 Compat Modes */ src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text.woff2') format('woff2'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text.woff') format('woff'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: 400; } @font-face { font-family: 'NeueHaasGroteskText'; src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Italic.eot'); src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Italic.eot?#iefix') format('embedded-opentype'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Italic.woff2') format('woff2'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Italic.woff') format('woff'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'NeueHaasGroteskText'; src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Bold.eot'); src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Bold.eot?#iefix') format('embedded-opentype'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Bold.woff2') format('woff2'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Bold.woff') format('woff'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Bold.ttf') format('truetype'); font-weight: 700; } @font-face { font-family: 'NeueHaasGroteskText'; src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Medium.eot'); src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Medium.eot?#iefix') format('embedded-opentype'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Medium.woff2') format('woff2'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Medium.woff') format('woff'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Text_Medium.ttf') format('truetype'); font-weight: 600; } /* Display */ @font-face { font-family: 'NeueHaasGroteskDisplay'; src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display.eot'); src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display.eot?#iefix') format('embedded-opentype'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display.woff2') format('woff2'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display.woff') format('woff'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display.ttf') format('truetype'); font-weight: 400; } @font-face { font-family: 'NeueHaasGroteskDisplay'; src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display_Medium.eot'); src: url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display_Medium.eot?#iefix') format('embedded-opentype'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display_Medium.woff2') format('woff2'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display_Medium.woff') format('woff'), url('//secure2.convio.net/chh/css/chfh_wrpr/fonts/Neue_Haas_Grotesk-Display_Medium.ttf') format('truetype'); font-weight: 600; } /* 16px */ body, html {height: 100%;} body {font: 1em 'NeueHaasGroteskText', Helvetica, Arial, sans-serif; color: #3b3b3b; background: #fff; -webkit-text-size-adjust: none;} a {color: #37b1d6; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} a:hover {color: #c5d534;} input, select, textarea, button {font: 1em 'NeueHaasGroteskText', Helvetica, Arial, sans-serif; color: #3b3b3b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance:none;} input[type="submit"], input[type="reset"], button, label {cursor:pointer; padding:0; border:0;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;} textarea {overflow:auto;} table {border-collapse: separate; border-spacing: 0;} a:active {outline: 0;} *:focus {outline: none;} blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } header, section, nav, hgroup, footer, article { display: block; } strong {font-weight: 700;} b {font-weight: 600;} em, i {font-style: italic;} p {line-height:160%;} .left {float:left !important;} .right {float:right !important;} .element-hidden {display:none} .center {text-align:center !important;} .tleft {text-align:left !important;} .tright {text-align:right !important;} .margin0 {margin:0 !important;} .padding0 {padding:0 !important;} .border0 {border:0 !important;} .padding-bottom0 {padding-bottom:0 !important;} .padding-top0 {padding-top:0 !important;} .clear {clear:both;} img {max-width:100%; height:auto; vertical-align:middle;} .uppercase {text-transform:uppercase} .no-case {text-transform:none !important;} .relative {position:relative;} .overflow-hidden {overflow:hidden;} .rounded { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } button::-moz-focus-inner {padding:0; border:0} :required {-webkit-box-shadow: none; box-shadow: none;} /* WP Styles */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; height: auto; } img.alignleft { margin: 0 2em 2em 0; } img.alignright { margin: 0 0 2em 2em; } .wp-caption { max-width:100%; text-align: center; } .wp-caption img { } .wp-caption .wp-caption-text { font-size:0.875em; padding:5px 20px 0 20px; text-align:center; } .gallery-caption { } .wp-smiley { margin: 0; } img#wpstats{display: none} /* WP Styles */ span.edit-link a {position: fixed; bottom: 0; right: 0; z-index: 99999; background: red; color: #fff !important; font-size: 1em; padding: 10px;} ::-moz-selection {background:#37b1d6; color:#fff;} ::selection {background:#37b1d6; color:#fff;} *::-webkit-input-placeholder { color: #5e5e5e; } *::-moz-placeholder { color: #5e5e5e; opacity:1; } *:-ms-input-placeholder { color: #5e5e5e; } *:-moz-placeholder { color: #5e5e5e; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent !important; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent !important; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent !important; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent !important; } .wrapper {width: 1060px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .valign {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .valign.bottom {vertical-align: bottom;} .valign.auto {width: auto;} .body-content {float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .padding-content {padding: 60px 0;} .padding-content-more {padding: 100px 0;} .padding-content-less {padding: 45px 0;} .padding-content-30 {padding: 30px 0;} .padding-content-lr {padding-left: 60px; padding-right: 60px;} .padding-content-lr-less {padding-left: 45px; padding-right: 45px;} .padding-content-l {padding-left: 60px;} .padding-content-r {padding-right: 60px;} .half-content {float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .half-content-wrapper {float: right; width: 530px;} .half-content:last-child .half-content-wrapper {float: left;} .half-content.bordered + .bordered {border-left: solid 1px rgba(255, 255, 255, 0.3);} .in-middle {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 780px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .in-middle.small {width: 500px;} .in-middle.large {width: 840px;} .as-second {order: 2;} .as-second + .half-content:last-child .half-content-wrapper {float: right;} .body-content-border-top {border-top: solid 1px #dcdbdd;} .body-content-border-bottom {border-bottom: solid 1px #dcdbdd;} .flexbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .flexbox-center { -webkit-align-items: center; -ms-align-items: center; align-items: center; } .flex-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex-row.align-center { -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .content-block-half {display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 48.3%; margin: 0 0 30px 0;} .content-block-third {display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 31%; margin: 0 0 30px 0;} .content-row:last-child [class*="content-block"] {margin-bottom: 0;} .bg-cover {background-repeat: no-repeat; background-position: center center; background-size: cover;} .bg-blurred {position: absolute; left: -10%; top: -10%; width: 120%; height: 120%; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); } .half-content-background {min-height: 414px;} .in-wrapper {padding-left: 15px; padding-right: 15px;} .color-white {color: #fff;} .color-green {color: #c5d534;} .color-blue {color: #37b1d6;} .bg-white {background-color: #fff;} .bg-green {background-color: #c5d534;} .bg-blue {background-color: #37b1d6;} .bg-grey {background-color: #8a898e;} .bg-light {background-color: #f3f3f3;} .bg-orange {background-color: #f67647;} .bg-green a, .bg-blue a, .bg-grey a, .bg-orange a {color: #fff;} .bg-green .entry-content a:hover, .bg-blue .entry-content a:hover, .bg-grey .entry-content a:hover, .bg-orange .entry-content a:hover {text-decoration: underline;} .link-as-text {color: #3b3b3b;} .link-as-text:hover {color: #37b1d6} .mt5 {margin-top: 5px !important;} .mb5 {margin-bottom: 5px !important;} .mt10 {margin-top: 10px !important;} .mb10 {margi@: @: s€ @ăz ¨: `: @ `: ;} .mt40 {margin-top: 40px !important;} .mb40 {margin-bottom: 40px !important;} .mt50 {margin-top: 50px !important;} .mb50 {margin-bottom: 50px !important;} .mt70 {margin-top: 70px !important;} .mb70 {margin-bottom: 70px !important;} .move-up-30 {margin: -30px 0 0 0;} .move-up-120 {margin: -120px 0 0 0;} .z-index-10 {z-index: 10;} .heading {margin: 0 0 60px 0;} .heading:last-child, .heading :last-child {margin: 0;} .heading .sub-title {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 440px; margin: -20px 0 0 0; font-size: 0.938em;} .heading .more {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} h1 {font-size: 3.750em; line-height: 110%; margin: 0 0 30px 0; font-family: 'NeueHaasGroteskDisplay', Helvetica, Arial, sans-serif; font-weight: 600;} h2, .as-h2 {font-size: 2.875em; line-height: 110%; margin: 0 0 30px 0; font-family: 'NeueHaasGroteskDisplay', Helvetica, Arial, sans-serif;} h3 {font-size: 2.5em; line-height: 110%; margin: 0 0 30px 0;} h4 {font-size: 1.875em; line-height: 120%; margin: 0 0 30px 0;} h5 {font-size: 1.5em; line-height: 130%; margin: 0 0 30px 0;} h6 {font-size: 1.125em; line-height: 140%; margin: 0 0 30px 0;} h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin: 0;} .bg-green .heading, .bg-blue .heading {color: #fff;} .entry-content p, .as-p {margin: 0 0 30px 0;} .entry-content p:last-child, .entry-content ul:last-child, .entry-content ol:last-child, .entry-content iframe:last-child, .as-p:last-child {margin: 0;} .entry-content p:empty {display: none;} .entry-content p span[style] {line-height: 160%;} .entry-content hr {margin: 0 0 30px 0; padding: 0; border: 0; height: 2px; background: #c5d534; clear: left;} .entry-content hr:last-child {margin: 0;} .entry-content hr.grey {background: #dcdbdd; height: 1px;} .bg-green .entry-content hr, .bg-blue .entry-content hr {background: #fff;} .entry-content blockquote {margin: 0 0 30px 0; font-size: 1.5em; font-style: italic; line-height: 130%;} .entry-content blockquote p {line-height: 130%;} .entry-content small, .entry-content .small {font-size: 0.875em; line-height: 130%;} .entry-content ul, .entry-content ol {margin: 0 0 30px 0;} .entry-content li ul {margin: 8px 0 0 0 !important;} .entry-content li {margin: 0 0 8px 0; line-height: 150%; position: relative; padding: 0 0 0 17px;} .entry-content li:before {content: " "; display: block; width: 6px; height: 6px; background: #37b1d6; position: absolute; left: 0; top: 9px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .entry-content ol li {padding: 0; list-style-type: decimal; list-style-position: outside; margin: 0 0 10px 20px;} .entry-content ol li:before {display: none;} .entry-content iframe {max-width: 100%; vertical-align: middle; margin: 0 0 30px 0;} .entry-content .left + .left {margin-left: 40px;} .border-green {border-bottom: solid 2px #c5d534; text-decoration: none !important; color: #3b3b3b;} .border-green:hover {border-color: #fff;} .bg-green .border-green, .bg-blue .border-green {color: #fff;} .entry-content .border-orange {border-bottom: solid 2px #f67647; text-decoration: none !important; color: #3b3b3b;} .entry-content .border-orange:hover {border-color: #37b1d6;} .bg-green .border-orange, .bg-blue .border-orange {color: #fff;} .post-content .wide-image {margin: 0 0 0 -60px; width: calc(100% + 120px); max-width: calc(100% + 120px);} .post-content blockquote {margin-left: -60px; width: calc(100% + 60px);} body.mce-content-body {margin: 20px; height: auto; background: #f4f4f4;} .content-column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .one_half {padding: 0 30px 0 0;} .one_half.last_column {padding: 0 0 0 30px;} .one_third {padding: 0 30px 0 0;} .one_third + .one_third {padding: 0 15px;} .one_third.last_column {padding: 0 0 0 30px;} .content-column.full_width {padding: 0; margin: 0 0 60px 0;} .clear_column {margin: 0 0 60px 0;} .entry-content .clear_column:last-child, .entry-content .content-column.full_width:last-child {margin: 0;} .animate-onload [data-effect*="fade"], .animate-onappear [data-effect*="fade"] {opacity: 0;} .underline-green {border-bottom: solid 3px #c5d534;} .line-top {position: relative; padding: 25px 0 0 0;} .line-top:before {content: " "; display: block; width: 94px; height: 4px; background: #8a898e; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .before-green:before {background-color: #c5d534 !important;} .before-green-2:before {background-color: #4daf38 !important;} .before-blue:before {background-color: #37b1d6 !important;} .before-violet:before {background-color: #a3283c !important;} .before-orange:before {background-color: #f67647 !important;} .before-white:before {background-color: #fff !important;} .button {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; text-decoration: none !important; white-space: nowrap; line-height: 60px; text-align: center; color: #fff; background: #8a898e; text-transform: uppercase; font-weight: bold; font-size: 0.875em; padding: 0 30px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .button:hover {color: #fff; background: #000;} .button.green, .button.blue:hover {background: #c5d534;} .button.blue, .button.green:hover {background: #37b1d6;} .button.orange {background: #f67647;} .button.orange:hover {background: #37b1d6;} .bg-green .button.blue:hover, .bg-green .button.orange:hover {background: #fff; color: #c5d534;} .bg-blue .button.green:hover, .bg-blue .button.orange:hover {background: #fff; color: #37b1d6;} .button.small {line-height: 47px; font-size: 0.75em; padding: 0 20px !important;} .w170 {width: 170px;} .w230 {width: 230px;} .w270 {width: 270px;} .button-simple {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 0.875em; text-transform: uppercase; font-weight: bold; position: relative;} .button-back {padding: 0 0 0 22px;} .button-back:before {content: " "; display: block; width: 13px; height: 12px; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-arrow-back.png) no-repeat 0 0; background-size: 13px 12px; position: absolute; left: 0; top: 50%; margin: -6px 0 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .button-back:hover:before {left: -5px;} .button-simple-big {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 2em; font-weight: bold; text-decoration: none !important;} .button-simple-big[class*="icon-"] {padding: 0 0 0 105px; line-height: 85px; position: relative;} .button-simple-big[class*="icon-"]:before {content: " "; width: 85px; height: 85px; background-color: #f67647; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .button-simple-big[class*="icon-"]:hover:before {background-color: #c5d534;} .button-simple-big.icon-sign-up:before {background-image: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-volunteer-charity-grow-love.png); background-size: 48px 47px;} .button-group li, .button-group > div, .button-group > p {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 20px 0 0; padding: 0 !important;} .button-group li:before {display: none !important;} .button-group.center li, .button-group.center > div, .button-group.center > p {margin: 0 10px;} .button-group .address p {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-pin-1.png) no-repeat 0 center; background-size: 16px 20px; padding: 0 0 0 28px !important; font-size: 0.875em; line-height: 130%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-width {width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .icon-play {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 82px; height: 82px; border: solid 2px #fff; text-indent: -9999px; text-align: left; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .icon-play:before {content: " "; display: block; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -6px; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 18px; border-color: transparent transparent transparent #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } a:hover .icon-play {border-color: #37b1d6;} a:hover .icon-play:before {border-color: transparent transparent transparent #37b1d6;} .icon-play.absolute {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .box-icon-bg {display: block; height: 250px; line-height: 250px; position: relative; color: #fff !important; background-color: #3b3b3b; overflow: hidden;} .box-icon-bg:before {content: " "; display: block; width: 60%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=1 ); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .box-icon-bg .image {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; -webkit-transition: all 60s ease; -moz-transition: all 60s ease; transition: all 60s ease; } .box-icon-bg .valign {z-index: 20;} .box-icon-bg .title {margin: 0 30px 40px 30px; position: relative; padding: 0 0 0 66px;} .box-icon-bg .title:before {content: " "; display: block; width: 54px; height: 54px; position: absolute; left: 0; top: 50%; background: #8a898e; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .box-icon-bg .title p {font-size: 1.5em; line-height: 105%;} .box-icon-bg .title:after {content: " "; display: block; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icons-1.png) no-repeat -9999px; background-size: 227px 27px; position: absolute; left: 14px; top: 50%; margin: -1px 0 0 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .box-icon-bg .icon-home:after {background-position: 0 0; width: 27px; height: 27px;} .box-icon-bg .icon-tools:after {background-position: -50px 0; width: 27px; height: 27px;} .box-icon-bg .icon-users:after {background-position: -100px 0; width: 37px; height: 27px; left: 12px;} .box-icon-bg .icon-megaphone:after {background-position: -150px 0; width: 30px; height: 23px; left: 13px;} .box-icon-bg .icon-money:after {background-position: -200px 0; width: 27px; height: 22px;} .box-icon-bg:hover { -webkit-box-shadow: 0 3px 38px 0 rgba(0,0,0,0.35); box-shadow: 0 3px 38px 0 rgba(0,0,0,0.35); } .box-icon-bg:hover .image {-webkit-transform: scale(2); transform: scale(2);} #header {position: fixed; left: 0; top: 0; z-index: 10000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .site-logo {float: left; line-height: 82px; font-size: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .site-logo a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 135px; height: 56px; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/sitelogo-wchfh.png) no-repeat 0 bottom; background-size: 135px 126px; text-indent: -9999px;} /*.site-logo a:hover {background-position: 0 0;}*/ #main-menu {margin: 0 0 0 180px; position: relative;} #main-menu .level-0 {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; position: relative; line-height: 82px; font-size: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main-menu .level-0 > a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-weight: bold; color: #fff; font-size: 16px; line-height: 82px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main-menu .level-0.small > a {font-size: 12px; text-transform: none;} #main-menu .level-0.underline > a {text-decoration: underline; margin: 0 -30px 0 0;} #main-menu .level-0.bu > a {line-height: 48px !important; color: #fff !important; background: #f67647; padding: 0 25px; text-transform: uppercase;} #main-menu .level-0.bu > a:hover {background: #37b1d6;} #main-menu .sub-menu {position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #37b1d6; text-align: center; min-width: 180px; opacity: 0; pointer-events: none; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } #main-menu .level-0:hover .sub-menu {opacity: 1; pointer-events: auto; top: 85%;} #main-menu .sub-menu:before {content: " "; display: block; width: 12px; height: 12px; background: #37b1d6; position: absolute; left: 50%; top: 0; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); } #main-menu .sub-menu li {position: relative;} #main-menu .sub-menu a {display: block; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 12px 15px; line-height: 125%; position: relative;} #main-menu .sub-menu a:hover {background: #c5d534;} #main-menu .sub-menu .current-menu-item a/*, #main-menu .sub-menu .current-menu-ancestor a, #main-menu .sub-menu .current-page-parent a*/ {background: #f67647;} #main-menu .mobile {display: none;} #main-menu-marker {position: absolute; left: 0; top: 0; height: 3px; background: #37b1d6; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); transition: opacity .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s; transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s; transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s; } #main-menu-marker.hover { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } #main-menu-toggle {display: none; width: 36px; height: 66px; line-height: 66px; text-align: center; cursor: pointer; position: relative; z-index: 100; font-size: 0;} #main-menu-toggle strong {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 16px; height: 10px; position: relative; text-indent: -9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main-menu-toggle strong:before {content: " "; display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 0;} #main-menu-toggle strong:after {content: " "; display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;} #main-menu-toggle stron@: @: s€ @ăz ¨: `: @ `: 0 0; background: #fff;} #main-menu-toggle.opened strong:before {top: 4px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #main-menu-toggle.opened strong:after {bottom: 4px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #main-menu-toggle.opened strong span {opacity: 0;} .fixed #header {background: #fff;} .fixed .site-logo {line-height: 70px;} .fixed .site-logo a, .header-blue .site-logo a {background-position: 0 0;} .fixed #main-menu .level-0, .fixed #main-menu .level-0 > a {line-height: 70px;} .fixed #main-menu .level-0 > a, .header-blue #main-menu .level-0 > a {color: #37b1d6;} .fixed #main-menu-toggle strong:before, .fixed #main-menu-toggle strong:after, .fixed #main-menu-toggle strong span, .header-blue #main-menu-toggle strong:before, .header-blue #main-menu-toggle strong:after, .header-blue #main-menu-toggle strong span {background: #37b1d6;} .margin-from-header {margin: 82px 0 0 0;} .big-slide, .medium-slide {display: block;} .big-slide .align {line-height: 880px; height: 880px;} .medium-slide .align {line-height: 600px; height: 600px;} .big-slide.mobile {display: none; text-align: center;} .medium-slide.top-shadow, .medium-slide.bottom-shadow {position: relative;} .medium-slide.top-shadow:before {content: " "; display: block; width: 100%; height: 235px; position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0.5; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); } .medium-slide.bottom-shadow:before {content: " "; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0.6; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .big-tab-buttons li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; line-height: 148px; border-right: solid 2px rgba(255, 255, 255, 0.16); padding: 0 35px;} .big-tab-buttons li:last-child {border: 0;} .big-tab-buttons a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 2.625em; text-transform: uppercase; border-bottom: solid 5px transparent; padding: 5px 0;} .big-tab-buttons a:hover {border-color: #fff;} .mosaic-block {float: left; width: 33.333333333333%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mosaic-block.image div {padding-top: 100%;} .mosaic-block.text {padding: 0 10px;} .mosaic-block .number {font-size: 6.25em; line-height: 100%;} .mosaic-block .label {font-size: 0.938em; line-height: 125%;} #footer .top-line {border-bottom: solid 1px rgba(255, 255, 255, .3); padding: 60px 0 40px 0;} #footer-newsletter-form label, #footer-newsletter-form .label {padding: 0 100px 0 0; display: block;} #footer-newsletter-form label p, #footer-newsletter-form .label p {line-height: 120%;} #footer-newsletter-form label p:first-child, #footer-newsletter-form .label p:first-child {font-size: 1.125em; margin: 0 0 4px 0;} #footer-newsletter-form [type="email"] {float: left; width: calc(100% - 150px); height: 60px; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #footer-newsletter-form button {width: 150px; float: left; margin: 0 !important;} #footer-menu {border-bottom: solid 1px rgba(255, 255, 255, .3); padding: 40px 0 40px 0;} #footer-menu .level-0 {display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 170px;} #footer-menu .level-0 > a {font-weight: bold; text-transform: uppercase;} #footer-menu .level-0 > a:hover {opacity: 0.7;} #footer-menu .no-title > a {font-size: 0;} #footer-menu .level-0 ul {border-top: solid 1px rgba(255, 255, 255, .3); margin: 20px 0 0 0; padding: 11px 0 0 0;} #footer-menu .level-1 {margin: 7px 0 0 0;} #footer-menu .level-1 > a {font-size: 0.813em; font-weight: 500; border-bottom: solid 1px transparent; padding: 0 0 1px 0;} #footer-menu .level-1 > a:hover {border-color: #fff;} #footer .bottom-line {padding: 30px 0 30px 0;} #footer-logos {float: right; font-size: 0;} #footer-logos li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 0 0 15px; width: 82px; height: 46px; line-height: 46px; text-align: right;} #footer-logos li:first-child {margin: 0;} #footer-logos img {max-height: 100%; width: auto;} .social-menu {font-size: 0;} .social-menu li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 15px; line-height: 46px; padding: 0;} .social-menu li:before {display: none;} .social-menu a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; height: 22px; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-s.png) no-repeat -9999px; background-size: 322px 22px;} .social-menu .facebook a {width: 11px; background-position: 0 0;} .social-menu .twitter a {width: 20px; background-position: -48px 0;} .social-menu .instagram a {width: 23px; background-position: -100px 0;} .social-menu .flickr a {width: 22px; background-position: -154px 0;} .social-menu .linkedin a {width: 22px; background-position: -208px 0;} .social-menu .youtube a {width: 24px; background-position: -260px 0;} .social-menu a:hover {opacity: 0.7;} #footer .social-menu {text-align: center; margin: 0 250px;} .entry-content .social-menu {margin: 0 0 0 -15px;} .social-menu-large {font-size: 0;} .social-menu-large li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 20px 0 0; padding: 0;} .social-menu-large li:before {display: none;} .social-menu-large a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 54px; height: 54px; background: #fff; position: relative;} .social-menu-large .facebook a {background: #3B5995;} .social-menu-large .twitter a {background: #29A3EF;} .social-menu-large a:after {content: " "; display: block; height: 22px; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-s.png) no-repeat -9999px; background-size: 322px 22px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .social-menu-large .facebook a:after {width: 11px; background-position: 0 0;} .social-menu-large .twitter a:after {width: 20px; background-position: -48px 0;} .social-menu-large .instagram a:after {width: 22px; background-position: -300px 0;} .social-menu-large a:hover {background: #f67647;} .social-menu-large .instagram a:hover:after {background-position: -100px 0;} /*.social-menu-large li:not(.facebook):not(.twitter):not(.instagram) {display: none;}*/ #bottom-menu {text-align: center; margin: 25px 0 0 0;} #bottom-menu li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 10px 5px 10px;} #bottom-menu a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-weight: bold; font-size: 0.813em; border-bottom: solid 1px transparent; padding: 0 0 2px 0;} #bottom-menu a:hover {border-color: #fff;} #footer-copyright {text-align: center; font-size: 0.688em; opacity: 0.6; margin: 5px 0 0 0;} .tab-line-navi ul {display: table; width: 100%;} .tab-line-navi.equal ul {table-layout: fixed;} .tab-line-navi li {display: table-cell; position: relative;} .tab-line-navi li:before {content: " "; display: block; width: 100%; height: 2px; background: #ebebeb; position: absolute; left: 0; bottom: 0;} .tab-line-navi a {display: block; text-align: center; font-size: 1.313em; line-height: 70px; border-bottom: solid 2px transparent; white-space: nowrap; padding: 0 15px; position: relative;} .tab-line-navi a strong {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 100%; line-height: 120%;} .tab-line-navi .selected a {border-color: #37b1d6; color: #3b3b3b;} .check-list {float: left; width: 100%; counter-reset: section;} .check-list-item {float: left; width: 100%; line-height: 140%; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-check-1.png) no-repeat 0 4px; background-size: 26px 17px; padding: 0 45px 0 45px; margin: 0 0 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .check-list-item-counter {float: left; width: 100%; line-height: 140%; padding: 0 60px 0 70px; margin: 0 0 40px 0; position: relative; min-height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .check-list-item-counter:before {counter-increment: section; content: "" counter(section) ""; display: block; width: 44px; height: 44px; line-height: 40px; border: solid 2px #c5d534; color: #37b1d6; font-weight: bold; font-size: 1.750em; text-align: center; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .check-list-item-counter h6 {margin: 0 0 15px 0;} .bg-green .check-list-item-counter:before {border-color: #fff;} .bg-blue .check-list-item-counter:before {color: #fff;} [class*="check-list-item"].double {width: 50%;} [class*="check-list-item"].double:nth-child(2n+1) {clear: left;} [class*="check-list-item"].triple {width: 33.33333333333333333%;} [class*="check-list-item"].triple:nth-child(3n+1) {clear: left;} [class*="check-list-item"].fourth {width: 25%;} [class*="check-list-item"].fourth:nth-child(4n+1) {clear: left;} .one_half .check-list-item, .one_half .check-list-item-counter {padding-right: 0;} .check-list-item-counter.number-top {padding: 70px 30px 0 30px; text-align: center;} .check-list-item-counter.number-top:before {left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .tab-content {display: none;} .tab-content:first-child {display: block;} .items-list .item {float: left; width: 100%; margin: 0 0 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .items-list .double {width: 47.5%; margin: 0 0 4% 0;} .items-list .double:nth-child(2n) {float: right;} .items-list .double:nth-child(2n+1) {clear: left;} .items-list .double.centered {width: 50%; padding: 0 70px; margin: 0 0 70px 0;} .items-list .triple {width: 30%; margin: 0 5% 5% 0;} .items-list .triple:nth-child(3n) {margin-right: 0;} .items-list .triple:nth-child(3n+1) {clear: left;} .items-list .fourth {width: 23%; margin: 0 2.666666666666667% 2.666666666666667% 0;} .items-list .fourth:nth-child(4n) {margin-right: 0;} .items-list .fourth:nth-child(4n+1) {clear: left;} .items-list .fifth {width: 19.2%; margin: 0 1% 1% 0;} .items-list .fifth:nth-child(5n) {margin-right: 0;} .items-list .fifth:nth-child(5n+1) {clear: left;} .items-list .title {margin: 0;} .items-list .text {font-size: 0.938em; margin: 12px 0 0 0;} .items-list .text p {line-height: 140%;} .items-list .action {margin: 20px 0 0 0;} .items-list .image {margin: 0 0 20px 0; overflow: hidden; display: block;} .items-list .image-bg {height: 200px; display: block;} .items-list .image-bg.video {height: 240px;} .items-list .image-bg .icon-play {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .image-rounded {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 180px; height: 180px; position: relative; overflow: hidden;} .image-rounded-more {position: absolute; left: 0; bottom: 100%; width: 100%; height: 100%; background: #c5d534; color: #fff; text-transform: uppercase; font-size: 0.875em; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .image-rounded-more strong {position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .items-list .item:hover .image-rounded-more {bottom: 0;} .items-list .image .overlay {position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .items-list .image .share {position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(50%); transform: translateY(-50%);} .items-list .image .share p {font-size: 0.938em;} .items-list .image .share li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 20px 10px 0 10px;} .items-list .image .share a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 22px; height: 22px; text-indent: -9999px; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-share.png) no-repeat -9999px; background-size: 143px 59px;} .items-list .image .share .fb {background-position: 0 0;} .items-list .image .share .tw {width: 27px;background-position: -60px 0;} .items-list .image .share .in {background-position: -121px 0;} .items-list .image .share .fb:hover {background-position: 0 -36px;} .items-list .image .share .tw:hover {background-position: -60px -36px;} .items-list .image .share .in:hover {background-position: -121px -36px;} .items-list .image:hover .overlay {top: 0;} .items-list .price {margin: 12px 0 0 0;} .items-list .price strong {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; line-height: 31px; padding: 0 10px; font-size: 0.875em; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .items-list a:hover .price strong {background: #c5d534;} .items-list .image-left {display: block; float: left; width: 220px; height: 140px;} .items-list .image-left + .image-left-align {margin: 0 0 0 245px; line-height: 140px;} .items-list .meta {opacity: 0.5; font-size: 0.875em; margin: 0 0 2px 0;} .items-list .location {font-size: 0.938em; line-height: 120%; margin: 0 0 5px 0;} .items-list .title a, .items-list .title {display: block; line-height: 125%; color: #3b3b3b;} .items-list .title a:hover {color: #37b1d6;} .items-list .image-left-large {display: block; float: left; width: 350px; height: 260px; margin: 0 0 20px 0;} .items-list .image-left-large-align {margin: 0 0 20px 390px; line-height: 260px;} .items-list .excerpt {font-size: 0.938em; margin: 0 0 30px 0;} .items-list .cover {display: block; height: 260px;} .items-list .image-left-large.larger {height: 360px;} .items-list .image-left-large.larger + .image-left-large-align {line-height: 360px;} .item:last-child .image-left-large {margin: 0;} .items-list.inline-block {font-size: 0;} .items-list.inline-block .item {display: inline-block; *display: inline; zoom: 1; vertical-align: top; float: none; font-size: 16px;} .items-list.inline-block .item:first-child:last-child {margin-right: 0;} .items-list .item.logo {height: 70px; line-height: 70px; font-size: 0;} .items-list .item.logo img {width: auto; max-height: 85%;} .image-square {display: block; padding-top: 100%;} .image-only-slide {height: 440px;} /*.item.with-tooltip {position: relative;} .item-tooltip {position: absolute; left: -10%; bottom: 90%; background: #fff; text-align: left; padding: 12px; pointer-events: none; opacity: 0; width: 120%; z-index: 1000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 10px 21px 8px rgba(0,0,0,0.06); box-shadow: 0 10px 21px 8px rgba(0,0,0,0.06); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .item-tooltip p {font-size: 0.75em; line-height: 140%; margin: 0 0 15px 0;} .item-tooltip p:last-child {margin: 0;} .item-tooltip:before {content: " "; dis@: @: s€ @ăz ¨: `: @ `: : translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; } .item.with-tooltip:hover .item-tooltip, .item-tooltip.visible {opacity: 1; margin: 0 0 20px 0;}*/ .item-gradient-box {display: block; text-align: center; line-height: 385px; color: #fff; position: relative; background-color: #37b1d6; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .item-gradient-box:before {content: " "; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .item-gradient-box .margin {margin: 0 20px;} .item-gradient-box .title {color: #fff;} .item-gradient-box .text {color: #CACACA; margin-bottom: 25px;} .item-gradient-box .button-wrapper {height: 0; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .item-gradient-box:hover {color: #fff; -webkit-box-shadow: 0 3px 38px 0 rgba(0,0,0,0.46); box-shadow: 0 3px 38px 0 rgba(0,0,0,0.46); } .item-gradient-box:hover .button-wrapper {height: 60px;} /*.bxslider-arrows-nav {height: 38px;}*/ .bxslider-arrows-nav .actions {display: inline-block; *display: inline; zoom: 1; vertical-align: middle;} .bxslider-arrows-nav .actions a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 38px; height: 38px; border: solid 2px #EBEBEB; text-align: left; text-indent: -9999px; margin: 0 6px; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-next {float: right;} .bxslider-arrows-nav .actions a:before {content: " "; display: block; width: 11px; height: 11px; border: solid 2px #C5D533; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -5.5px 0 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; } .bxslider-arrows-nav .actions .bx-prev:before {border-top: 0; border-right: 0; margin-left: -3px;} .bxslider-arrows-nav .actions .bx-next:before {border-bottom: 0; border-left: 0; margin-left: -7px;} .bxslider-arrows-nav .actions a:hover:before {border-color: #fff;} .bxslider-arrows-nav .actions a:after {content: " "; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background: #C5D533; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); transition: opacity .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s; transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s; transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s; } .bxslider-arrows-nav .actions a:hover:after {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s; transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s; transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s; } .bg-green .bxslider-arrows-nav .actions a {border-color: transparent;} .bg-green .bxslider-arrows-nav .actions a:before {border-color: #fff;} .bg-green .bxslider-arrows-nav .actions a:after {background: #fff;} .bg-green .bxslider-arrows-nav .actions a:hover:before {border-color: #c5d534;} .bg-light .bxslider-arrows-nav .actions a {border-color: transparent;} .bxslider-pager-nav {height: 49px;} .bxslider-pager-nav .bx-pager-item {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; position: relative; margin: 0 6px;} .bxslider-pager-nav .bx-pager-link {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 49px; height: 49px; line-height: 39px; border: solid 5px rgba(55, 177, 214, 0.1); text-align: center; font-weight: bold; position: relative; z-index: 10; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bxslider-pager-nav .bx-pager-item:not(.active) .bx-pager-link:hover {color: #fff;} .bxslider-pager-nav .bx-pager-item:after {content: " "; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background: #37b1d6; opacity: 0; pointer-events: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); transition: opacity .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s; transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s; transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s; } .bxslider-pager-nav .bx-pager-item:hover:after {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s; transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s; transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s; } .bxslider-pager-nav .bx-pager-item.active:after {display: none;} .bxslider-pager-nav .bx-pager-item.active .bx-pager-link {color: #3b3b3b;} .quote-row {} .quote-row-image {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 350px; height: 350px; margin: 60px 0 0 0;} .items-one-by-one .item {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 20px;} .items-one-by-one.bottom .item {vertical-align: bottom;} .items-one-by-one p {margin: 0 0 15px 0;} .items-one-by-one .or {font-size: 1.875em;} .item-circle-box {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 142px; line-height: 142px; background: #c5d534; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .item-circle-box .price strong {display: inline-block; *display: inline; zoom: 1; vertical-align: middle;} .item-circle-box .price strong:first-child {font-size: 1.5em;} .item-circle-box .price strong:last-child {font-size: 3em;} .item-circle-box .label {font-size: 0.875em; color: #3b3b3b;} #gmap {height: 800px;} #gmap.small {height: 445px;} #gmap.large {height: 980px;} .pagination {margin: 30px 0 0 0; font-size: 0;} .pagination li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 6px; font-size: 16px;} .pagination .page-numbers {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 49px; height: 49px; line-height: 39px; border: solid 5px rgba(55, 177, 214, 0.1); text-align: center; font-weight: bold; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pagination .page-numbers.dots {display: none;} .pagination .page-numbers span {position: relative; z-index: 20;} .pagination a.page-numbers:not(.current):hover {color: #fff;} .pagination .page-numbers:after {content: " "; display: block; width: calc(100% + 10px); height: calc(100% + 10px); position: absolute; z-index: 1; left: -5px; top: -5px; background: #37b1d6; opacity: 0; pointer-events: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); transition: opacity .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s; transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s; transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .1s; } .pagination .page-numbers:hover:after {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s; transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s; transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s; } .pagination .page-numbers.current:after, .pagination span.page-numbers.prev:after, .pagination span.page-numbers.next:after {display: none;} .pagination .prev, .pagination .next {text-indent: -99999px;} .pagination .prev:before {content: " "; display: block; width: 11px; height: 11px; border: solid 2px #37b1d6; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -5.5px 0 0 -4px; border-top: 0; border-right: 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; } .pagination .next:before {content: " "; display: block; width: 11px; height: 11px; border: solid 2px #37b1d6; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -5.5px 0 0 -8px; border-bottom: 0; border-left: 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; } .pagination span.prev:before, .pagination span.next:before {border-color: #3b3b3b;} .pagination a.prev:hover:before, .pagination a.next:hover:before {border-color: #fff;} .contact-form-content {position: absolute; left: 0; top: 0; width: 100%;} .form-field {float: left; width: 100%; margin: 0 0 30px 0; position: relative;} .form-field.last {margin: 0;} .form-field .half {float: left; width: 48%;} .form-field .half + .half {float: right;} .form-field .submit {text-align: right;} .form-field .input {width: 100%; max-width: 100%; height: 60px; border: solid 2px #dedee0; padding: 0 14px; font-size: 0.875em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-field textarea.input {padding: 19px 14px 14px 14px; resize: none;} .form-field select.input {color: rgba(94, 94, 94, 0.5); -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; cursor: pointer;} .form-field .select {position: relative;} .form-field .select:before {content: " "; display: block; width: 6px; height: 6px; border: solid 2px #c5d534; position: absolute; z-index: 20; pointer-events: none; right: 20px; top: 50%; border-top: 0; border-left: 0; margin: -5px 0 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .form-field select::-ms-expand {display: none;} .form-field *::-webkit-input-placeholder {opacity: 0.5;} .form-field *::-moz-placeholder {opacity: 0.5;} .form-field *:-ms-input-placeholder {opacity: 0.5;} .form-field *:-moz-placeholder {opacity: 0.5;} .form-field .input:hover, .form-field .input:focus {border-color: #c5d534;} .wpcf7-not-valid {border-color: #f67647 !important;} .wpcf7-not-valid-tip {display: none !important;} .wpcf7-response-output {margin: 15px 0 0 0 !important; padding: 0 !important; float: left; width: 100%; text-align: center; border: 0 !important; font-size: 0.875em; color: #f67647; line-height: 125%;} .wpcf7-mail-sent-ok {color: #37b1d6;} .ajax-loader {background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/loading.svg) no-repeat 0 0 !important; width: 32px !important; height: 32px !important; background-size: 32px 32px !important; position: absolute; left: 20px; top: 50%; margin: -16px 0 0 0 !important;} .radio-label {font-size: 0.875em; color: rgba(94, 94, 94, 0.5);} .wpcf7-list-item {margin: 5px 20px 0 0 !important;} .wpcf7-list-item label {display: block; position: relative;} .wpcf7-list-item input {position: absolute; right: 0; top: 0; opacity: 0; pointer-events: none;} .wpcf7-list-item-label {display: block; position: relative; line-height: 24px; padding: 0 0 0 34px;} .wpcf7-list-item-label:before {content: " "; display: block; width: 24px; height: 24px; border: solid 2px #dedee0; background: #fff; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .wpcf7-list-item-label:after {content: " "; display: block; width: 10px; height: 10px; background: #f67647; position: absolute; left: 7px; top: 7px; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .wpcf7-list-item input:checked + .wpcf7-list-item-label:after {opacity: 1;} .wpcf7-list-item-label:hover:after {opacity: 0.4;} .inline-window {padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inline-window .head {border-bottom: solid 1px #dcdbdd; padding: 0 0 20px 0;} .inline-window .head + .body {margin: 20px 0 0 0;} .inline-window .body .entry-content p {font-size: 0.875em; margin: 0 0 15px 0; line-height: 140%;} .inline-window .body .entry-content p:last-child {margin: 0;} .photo-mosaic-1 {height: 500px;} .photo-mosaic-2 {width: calc(60% - 5px); height: 280px; margin: 0 0 0 5px;} .photo-mosaic-3 {width: calc(40% - 5px); height: 280px; margin: 0 0 0 5px;} .photo-mosaic-4 {width: calc(45% - 5px); height: 215px; margin: 5px 0 0 5px;} .photo-mosaic-5 {width: calc(55% - 5px); height: 215px; margin: 5px 0 0 5px;} .photo-mosaic .photo {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .icon-row-content:last-child {border: 0;} .icon-row-content .icon {float: left; width: 130px;} .icon-row-content .icon img {max-width: 130px;} .icon-row-content .icon + .align {margin: 0 0 0 180px;} .team-row {margin: 0 0 60px 0;} .team-row:last-child {border: 0 !important; margin: 0;} .team-row-info {width: 190px;} .team-row-content {width: calc(100% - 190px);} .team-row-image {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 180px; height:180px;} .team-row-no-bio {width: 33.33333333333333333%; border: 0; text-align: center; margin: 0; padding-left: 20px; padding-right: 20px;} .team-row-no-bio:nth-child(3n+1) {clear: left;} .team-row-no-bio .team-row-image {width: 100px; height: 100px;} .icon-linkedin {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 22px; height: 22px; text-indent: -9999px; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-email.png) no-repeat -9999px; background-size: 22px 44px; background-position: 0 0; margin: 0 5px;} .icon-linkedin:hover {background-position: 0 -22px;} .icon-email {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 29px; height: 22px; text-indent: -9999px; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-email.png) no-repeat -9999px; background-size: 29px 46px; background-position: 0 0; margin: 0 5px;} .icon-email:hover {background-position: 0 -24px;} .post-title {font-size: 2.250em;} .post-share {font-size: 0;} .post-share li, .post-share a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle;} .post-share a {width: 120px; height: 80px; text-indent: -9999px; position: relative;} .post-share .tw {background: #5babee;} .post-share .in {background: #1c7ab5;} .post-share .fb {background: #3f5997;} .post-share .gp {background: #d84c3a;} .post-share .email {background: #c5d534;} .post-share a:hover {background: #f67647;} .post-share a:before {content: " "; display: block; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-share2.png) no-repeat -9999px; background-size: 224px 22px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .post-share .tw:before {width: 20px; height: 16px; background-position: 0 0;} .post-share .in:before {width: 22px; height: 20px; background-position: -50px 0;} .post-share .fb:before {width: 9px; height: 19px; background-position: -100px 0;} .post-share .gp:before {width: 33px; height: 21px; background-position: -150px 0;} .post-share .email:before {width: 24px; height: 22px; background-position: -200px 0;} .row-background {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background-blend-mode: overlay; opacity: 0.3;} .row-background:first-child {display: block;} #page-header h1 br {display: none;} .box-in-box .address {margin-left: -70px;}@charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 88020; } .fancybox-skin { position: relative; background: #fff; text-shadow: none; } .fancybox-opened { z-index: 88030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 38px 0 rgba(0,0,0,0.18); box-shadow: 0 10px 38px 0 rgba(0,0,0,0.18); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; -webkit-overflow-scrolling: touch; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } .fancybox-close, .fancybox-prev span, .fancybox-next span { } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; z-index: 88060; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .fancybox-close { position: absolute; top: -92px; left: 50%; margin: 0 0 0 -36px; width: 72px; height: 72px; cursor: pointer; z-index: 88040; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: solid 2px #dcdbdd; background: #fff; } .fancybox-close:hover {background: #c5d534; border-color: #c5d534;} .fancybox-close:before {content: " "; display: block; width: 22px; height: 22px; background: url(//secure2.convio.net/chh/css/chfh_wrpr/images/icon-x.png) no-repeat 0 0; background-size: 22px 60px; position: absolute; left: 50%; top: 50%; margin: -11px 0 0 -11px;} .fancybox-close:hover:before {background-position: 0 bottom;} .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent; /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 88040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 88040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 88010; } .p| p| s€ @ăz Ř| | @ | lay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 88050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 88050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer.odometer-auto-theme .odometer-digit {padding: 0 1px 0 0;} .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media screen and (max-width : 1090px) { .wrapper {width: 100%; padding: 0 15px;} .half-content-wrapper {width: 100%;} .half-content-wrapper .padding-content-r {padding: 0 30px 0 15px;} .half-content-wrapper .padding-content-l {padding: 0 15px 0 30px;} .half-content-background {min-height: 10px;} #main-menu .level-0.underline > a {margin: 0;} .mosaic-block .number {font-size: 5em;} .box-in-box .padding-content-lr-less {padding-left: 30px; padding-right: 30px;} .box-in-box .button-group {text-align: center;} .button-group .address {width: 100%; margin: 0 0 15px 0;} } @media screen and (max-width : 1000px) { .post-content .wide-image {margin: 0; width: auto; max-width: 100%;} .post-content blockquote {margin-left: 0; width: auto;} .big-slide.desktop {display: none;} .big-slide.mobile {display: block;} .big-tab-buttons li {padding: 0 20px;} .big-tab-buttons a {font-size: 2em;} } @media screen and (max-width : 940px) { .contact-row .content-column {width: 100% !important; padding: 0 !important; text-align: center;} .contact-row .content-column + .content-column {margin: 40px 0 0 0;} .contact-row .entry-content .left {float: left !important; width: 50%;} .contact-row .entry-content .left + .left {margin: 0 !important;} .double-box-content.go-center .padding-content-lr {padding: 0;} #footer-newsletter-form .padding-content-lr {padding: 0;} .social-menu-large li {margin: 0 10px;} } @media screen and (max-width : 900px) { .site-logo {line-height: 66px !important;} .margin-from-header {margin: 66px 0 0 0;} #main-menu-toggle {display: block;} #main-menu-marker {display: none !important;} #main-menu {margin: 0; float: right;} #main-menu > ul {position: fixed; left: 0; top: 66px; display: none; width: 100%; height: calc(100% - 66px); background: #37b1d6; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main-menu .level-0 {width: 100%; line-height: 100% !important; padding: 16px 24px;} #main-menu .level-0 > a {line-height: 100% !important; color: #fff !important; text-transform: uppercase !important; text-decoration: none !important; font-size: 16px !important; padding: 0 !important;} #main-menu .level-0 > a:hover {text-decoration: underline !important;} #main-menu .level-0:not(.menu-item-has-children) > a {width: 100%;} #main-menu .level-0.menu-item-has-children {cursor: pointer;} #main-menu .level-0.menu-item-has-children.opened {background: #c5d534;} #main-menu .level-0.menu-item-has-children:before {content: " "; display: block; width: 44px; height: 100%; position: absolute; right: 0; top: 0; z-index: 20; cursor: pointer;} #main-menu .level-0.menu-item-has-children:after {content: " "; display: block; width: 12px; height: 12px; border: solid 2px #fff; border-top: 0; border-left: 0; position: absolute; right: 26px; top: 14px; z-index: 21; cursor: pointer; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main-menu .level-0.menu-item-has-children.opened:after { top: 20px; -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); } #main-menu .level-0.bu {text-align: center;} #main-menu .level-0.bu > a {line-height: 100% !important; width: auto; padding: 15px 25px !important;} #main-menu .level-0.bu > a:hover {background: #c5d534; text-decoration: none !important;} #main-menu .sub-menu {position: relative; left: auto; top: auto; z-index: 30; -webkit-transform: translateX(0); transform: translateX(0); background: none; min-width: 10px; width: calc(100% + 48px); text-align: left; display: none; margin: 16px 0 0 -24px; opacity: 1; pointer-events: auto; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; transition: none; } #main-menu .sub-menu:before {display: none;} #main-menu .sub-menu a {padding: 14px 24px; line-height: 125%;} #main-menu .sub-menu a:before {content: " "; display: block; width: calc(100% - 48px); height: 1px; background: #fff; opacity: 0.5; position: absolute; left: 24px; bottom: 0;} #main-menu .sub-menu li:last-child a:before {display: none;} #main-menu .sub-menu a:hover {background: none; opacity: 0.75;} #main-menu .sub-menu .current-menu-item a {background: none;} #main-menu .mobile {display: block;} #main-menu .desktop {display: none;} #footer .top-line {padding: 30px 0;} #footer-menu {display: none;} #footer-newsletter-form label, #footer-newsletter-form .label {padding-right: 30px;} .tab-line-navi a {padding: 0 10px; font-size: 1.125em; line-height: 60px;} .in-middle.large {width: 100%;} .button-back-wrapper {margin-top: 20px;} } @media screen and (max-width : 860px) { #footer-logos {float: none; text-align: center;} #footer .social-menu {margin: 5px 0 0 0;} #bottom-menu {margin: 5px 0 0 0;} .in-middle {width: 100%;} .mosaic-block .number {font-size: 4.5em;} .entry-content .left {float: none !important; margin: 0 !important;} .items-list .double {width: 100%; margin: 0;} .items-list .double + .double {margin: 40px 0 0 0;} .items-list .double.centered {float: left; width: 48%; padding: 0; margin: 0 0 40px 0;} .items-list .double.centered:nth-child(2n) {float: right;} .items-list .triple {width: 48%; margin: 0 0 40px 0;} .items-list .triple:nth-child(3n+1) {clear: none;} .items-list .triple:nth-child(2n) {float: right;} .items-list .triple:nth-child(2n+1) {clear: left;} .items-list .fourth {width: 30%; margin: 0 5% 40px 0;} .items-list .fourth:nth-child(4n) {margin-right: 5%;} .items-list .fourth:nth-child(4n+1) {clear: none;} .items-list .fourth:nth-child(3n) {margin-right: 0;} .items-list .fourth:nth-child(3n+1) {clear: left;} .one_third {width: 100% !important; padding: 0 !important;} .one_third + .one_third {margin: 35px 0 0 0 !important;} } @media screen and (max-width : 799px) { .double-box-content .flex-row {display: block;} .double-box-content .half-content {width: 100%; border: 0 !important;} .double-box-content .half-content + .half-content {margin: 40px 0 0 0;} .double-box-content .padding-content-lr {padding: 0;} .double-box-content.go-center {text-align: center;} #footer .half-content {width: 100%; text-align: center;} #footer-newsletter-form label, #footer-newsletter-form .label {padding: 0 0 20px 0;} } @media screen and (max-width : 767px) { .mosaic-block .number {font-size: 3.5em;} [class*="move-up"] {margin-top: 0 !important;} .big-slide .align {line-height: 640px; height: 640px;} .medium-slide .align {line-height: 400px; height: 400px;} #page-header .padding-content-lr {padding: 0;} .tab-line-navi a {font-size: 1em;} [class*="check-list-item"].double {width: 100%;} [class*="check-list-item"].triple {width: 100%;} [class*="check-list-item"].fourth {width: 100%;} .box-in-box {text-align: center;} .box-in-box .content-column {width: 100% !important; padding: 0 !important;} .quote-row-image {width: 60%; height: auto; padding-top: 60%; margin: 0;} .quote-row .padding-content-more {padding: 0;} .quote-row .entry-content {padding: 0 20px 30px 0;} .quote-row .entry-content h5 {font-size: 1.125em; line-height: 130%;} .quote-row .entry-content h6 {font-size: 1em; line-height: 130%;} .content-and-gallery .half-content {width: 100%;} .content-and-gallery .half-content + .half-content {margin: 40px 0 0 0;} .image-only-slide {height: auto; padding-top: 100%;} .items-one-by-one .item {width: 100%; margin: 0;} .items-one-by-one .item + .item {margin: 30px 0 0 0;} .items-list .fourth {width: 48%; margin: 0 0 40px 0;} .items-list .fourth:nth-child(4n) {margin-right: 0;} .items-list .fourth:nth-child(3n+1) {clear: none;} .items-list .fourth:nth-child(2n) {float: right;} .items-list .fourth:nth-child(2n+1) {clear: both;} .items-list .image-left-large {width: auto; float: none; margin: 0;} .items-list .image-left-large-align {margin: 20px 0 20px 0; line-height: 100% !important;} .row-text-image-project .flex-row {display: block;} .row-text-image-project .half-content {width: 100%;} .row-text-image-project .padding-content-more {padding: 30px 0 0 0;} .row-text-image-project .padding-content-l, .row-text-image-project .padding-content-r {padding-left: 0 !important; padding-right: 0 !important;} .in-wrapper .padding-content-lr {padding: 0 20px;} .in-wrapper-fluid {margin: 0 0 0 -15px; width: calc(100% + 30px);} .team-row .flex-row {display: block;} .team-row .half-content {width: 100%;} .team-row .half-content + .half-content {margin: 30px 0 0 0;} .team-row .padding-content-l, .team-row .padding-content-r {padding-left: 0; padding-right: 0;} .post-share li {width: 20%;} .post-share a {width: 100%; height: auto; padding-top: 100%;} .content-row .flex-row {display: block;} .content-block-half, .content-block-third {width: 100%; margin: 0 0 30px 0 !important;} .content-row:last-child [class*="content-block"]:last-child {margin-bottom: 0 !important;} .big-tab-buttons li {line-height: 100%; padding: 20px;} .big-tab-buttons a {font-size: 1.5em;} .photo-mosaic .half-content {width: 100%;} .photo-mosaic .half-content + .half-content {margin: 5px 0 0 0;} .photo-mosaic-1 {height: auto; padding-top: 100%;} .photo-mosaic-2, .photo-mosaic-3 {height: auto; width: 50%; padding-top: 50%; margin: 0;} .photo-mosaic-4, .photo-mosaic-5 {height: auto; width: 50%; padding-top: 50%; margin: 5px 0 0 0;} .photo-mosaic-3, .photo-mosaic-5 {width: calc(50% - 5px); margin-left: 5px;} #news-media-top p {text-align: center !important;} } @media screen and (max-width : 640px) , screen and (max-height: 600px) { .fancybox-close {width: 50px; height: 50px; top: -60px; margin: 0 0 0 -25px;} .fancybox-close:before {width: 16px; height: 16px; background-size: 16px 44px; margin: -8px 0 0 -8px;} } @media screen and (max-width : 600px) { .mosaic-block .number {font-size: 3em;} .heading {margin: 0 0 50px 0;} h1 {font-size: 3.125em;} h2, .as-h2 {font-size: 2.625em;} h3 {font-size: 2.25em;} h4 {font-size: 1.625em; line-height: 110%;} h5 {font-size: 1.375em; line-height: 120%;} h6 {line-height: 130%;} .content-column {padding: 0 !important; margin: 0 !important;} .content-column + .content-column {margin: 35px 0 0 0 !important;} .content-column.full_width {margin: 0 0 50px 0;} .clear_column {margin: 0 0 50px 0;} .padding-content {padding: 50px 0;} .padding-content-more {padding: 50px 0;} .padding-content-less {padding: 40px 0;} .padding-content-lr {padding-left: 50px; padding-right: 50px;} .padding-content-lr-less {padding-left: 40px; padding-right: 40px;} .padding-content-l {padding-left: 50px;} .padding-content-r {padding-right: 50px;} .row-text-image .flex-row {display: block;} .row-text-image .half-content {width: 100%;} .half-content-background {height: 300px;} .row-text-video .flex-row {display: block;} .row-text-video .half-content {width: 100%;} .half-content-wrapper .padding-content-r {padding: 0 15px 0 15px;} .half-content-wrapper .padding-content-l {padding: 0 15px 0 15px;} .check-list-item-counter.number-top {padding-left: 0; padding-right: 0;} .itep| p| s€ @ăz Ř| | Ŕ | -bio:nth-child(3n+1) {clear: none;} .team-row-no-bio:nth-child(2n+1) {clear: both;} .icon-row-content .icon {float: none; width: auto; text-align: center;} .icon-row-content .icon + .align {margin: 30px 0 0 0;} #page-header h1 br {display: block;} .mosaic-row {display: inline !important; float: none !important;} .mosaic-block {width: 50%;} .mosaic-block:nth-child(3) {clear: both; float: right;} .mosaic-row + .mosaic-row .mosaic-block:nth-child(2) {clear: both;} .mosaic-row + .mosaic-row .mosaic-block:nth-child(3) {clear: none; float: left;} .mosaic-block.image div {height: 200px; padding: 0;} .mosaic-block.text {line-height: 200px;} } @media screen and (max-width : 599px) { .tab-line-navi ul {display: block;} .tab-line-navi li {display: block;} .tab-line-navi a {line-height: 100%; padding: 20px 0; white-space: normal;} .tab-line-navi a br {display: none;} } @media screen and (max-width : 560px) { .mosaic-block .number {font-size: 2em;} .in-middle.small {width: 100%;} #contact-top .flex-row {display: block;} #contact-top .half-content {width: 100%; border: 0 !important; padding: 0 !important; text-align: center;} #contact-top .half-content + .half-content {margin: 20px 0 0 0;} .contact-form-content .padding-content-lr-less {padding: 0 15px;} .form-field {margin: 0 0 15px 0;} .form-field .half {width: 100%;} .form-field .half + .half {margin: 15px 0 0 0;} .form-field .submit {text-align: center;} .wpcf7-recaptcha > div:first-child {display: inline-block; *display: inline; zoom: 1; vertical-align: middle;} #gmap.large {height: 1050px;} .quote-row .half-content {width: 100%; text-align: center;} .quote-row .entry-content {padding-right: 0;} .bxslider-arrows-nav .half-content {width: 100%; text-align: center; margin: 20px 0 0 0;} .items-list .double.centered {width: 100%;} #gmap {height: 600px;} .box-icon-bg .title {margin: 0 20px 30px 20px;} .big-tab-buttons li {padding: 0; width: 100%; border: 0;} .big-tab-buttons li + li {margin: 20px 0 0 0;} .big-tab-buttons a {font-size: 1.375em;} } @media screen and (max-width : 500px) { .heading .sub-title {width: 100%;} .items-list .triple {width: 100%;} .items-list .fourth {width: 100%;} .items-list .fifth {width: 49%; margin: 0 0 2% 0;} .items-list .fifth:nth-child(5n) {margin-right: 0;} .items-list .fifth:nth-child(5n+1) {clear: none;} .items-list .fifth:nth-child(2n) {float: right;} .items-list .fifth:nth-child(2n+1) {clear: both;} .heading .more {position: relative; right: auto; top: auto; -webkit-transform: translateY(0); transform: translateY(0); margin: -10px 0 0 0;} .w170, .w230, .w270 {width: auto !important;} } @media screen and (max-width : 479px) { .items-list .image-left {width: auto; float: none;} .items-list .image-left + .image-left-align {line-height: 100%; margin: 15px 0 0 0;} .contact-row .entry-content .left {width: 100%;} } @media screen and (max-width : 460px) { h1 {font-size: 2.5em;} h2, .as-h2 {font-size: 2em;} h3 {font-size: 1.875em;} h4 {font-size: 1.5em;} h5 {font-size: 1.25em;} #gmap.small {height: 320px;} } @media screen and (max-width : 413px) { #footer-newsletter-form [type="email"] {width: calc(100% - 110px); padding: 0 10px;} #footer-newsletter-form button {width: 110px; padding: 0 !important;} #footer .social-menu li {margin: 0 10px;} #bottom-menu li {margin-left: 5px; margin-right: 0;} /*.mosaic-row {display: block !important;} .mosaic-block {width: 100%;} .mosaic-block.text {padding: 40px 0;} .mosaic-block .number {font-size: 4em;}*/ .big-slide .align {line-height: 500px; height: 500px;} .medium-slide .align {line-height: 300px; height: 300px;} .medium-slide.bottom-shadow .align {line-height: 100%; height: auto; padding: 50px 0;} .medium-slide.bottom-shadow .valign {margin: 0 !important;} h1 {font-size: 2.25em;} h2, .as-h2 {font-size: 1.875em;} h3 {font-size: 1.75em;} h4 {font-size: 1.375em;} h5 {font-size: 1.125em;} h6 {font-size: 1em; line-height: 140%;} .team-row-no-bio {width: 100%; padding-left: 0; padding-right: 0;} .mosaic-block.image div {height: 160px;} .mosaic-block.text {line-height: 160px;} .button-group li, .button-group > div, .button-group > p {margin: 0 5px 0 0;} } @media screen and (max-width : 374px) { .button-group.center li, .button-group.center > div, .button-group.center > p, .button-group li, .button-group > div, .button-group > p {width: 100%; margin: 0 0 15px 0;} .button-group.center > *:last-child, .button-group > *:last-child {margin: 0 !important;} }