/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #90aabd; color: #fff; text-shadow: none; } ::selection { background: #90aabd; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor:default; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */ button, input { line-height: normal; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ============================================================================= Chrome Frame Prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ==|== primary styles ===================================================== Author: ========================================================================== */ /* ==|== media queries ====================================================== EXAMPLE Media Query for Responsive Design. This example overrides the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } *{ box-sizing: border-box; } @charset "UTF-8"; .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-toolbar { top: 0; right: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > div { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none; } .fancybox-button[disabled] { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: 0.3; } .fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; } .fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Navigation arrows */ .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s; } .fancybox-arrow::after { content: ''; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; } .fancybox-arrow--right { right: 0; } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0; } .fancybox-show-nav .fancybox-arrow { opacity: 0.6; } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: 0.3; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0; } .fancybox-button--left, .fancybox-button--right { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent; } .fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; } .fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; } /* Thumbs */ .fancybox-thumbs { display: none; } .fancybox-button--thumbs { display: none; } @media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block; } .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 220px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } } /*! jQuery UI - v1.12.1 - 2018-07-30 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /*! jQuery UI - v1.12.1 - 2018-07-30 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0} /*! jQuery UI - v1.12.1 - 2018-07-30 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../js/vendor/jqueryui/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} @font-face { font-family: "PF CentroSans Pro"; font-style: normal; font-weight: 800; src: url("../font/PFCentroSansPro-Black.eot?#iefix") format("embedded-opentype"), url("../font/PFCentroSansPro-Black.woff") format("woff"), url("../font/PFCentroSansPro-Black.svg#PF CentroSans Pro") format("svg"); } @font-face { font-family: "PF CentroSans Pro"; font-style: normal; font-weight: 600; src: url("../font/PFCentroSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../font/PFCentroSansPro-Bold.woff") format("woff"), url("../font/PFCentroSansPro-Bold.svg#PF CentroSans Pro") format("svg"); } @font-face { font-family: "PF CentroSans Pro"; font-style: normal; font-weight: 500; src: url("../font/PFCentroSansPro-Medium.eot?#iefix") format("embedded-opentype"), url("../font/PFCentroSansPro-Medium.woff") format("woff"), url("../font/PFCentroSansPro-Medium.svg#PF CentroSans Pro") format("svg"); } @font-face { font-family: "PF CentroSans Pro"; font-style: normal; font-weight: 400; src: url("../font/PFCentroSansPro.eot?#iefix") format("embedded-opentype"), url("../font/PFCentroSansPro.woff") format("woff"), url("../font/PFCentroSansPro.svg#PF CentroSans Pro") format("svg"); } a, .link { outline: none; font-weight: 400; text-decoration: underline; color: #258de2; background-color: transparent; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a:hover, .link:hover { color: #409be6; } sub, sup { font-size: 65%; } img { max-width: 100%; height: auto; } img.fullwidth { display: block; width: 100%; } strong { font-weight: 700; } h1, .h1 { font-family: "PF CentroSans Pro", Tahoma, Arial, Helvetica, sans-serif; font-size: 36px; font-weight: 500; line-height: 1.3; color: #000000; margin: 0 0 35px 0; } h1:first-child, .h1:first-child { margin-top: 0; } @media (max-width: 767px) { h1, .h1 { font-size: 28px; } } @media (max-width: 479px) { h1, .h1 { font-size: 24px; } } @media (max-width: 359px) { h1, .h1 { font-size: 20px; } } h2, .h2 { font-family: "PF CentroSans Pro", Tahoma, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 600; line-height: 1.3; color: #000000; margin: 20px 0 20px 0; } h2:first-child, .h2:first-child { margin-top: 0; } @media (max-width: 767px) { h2, .h2 { font-size: 20px; } } h3, .h3 { font-family: "PF CentroSans Pro", Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.3; margin: 20px 0 20px 0; color: #000000; } h4, .h4 { font-family: "PF CentroSans Pro", Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.3; margin: 0 20px 0 20px; color: #000000; } @media (max-width: 767px) { h4, .h4 { font-size: 13px; } } p { margin: 0 0 20px 0; -webkit-text-size-adjust: 100%; } p:first-child { margin-top: 0; } ol, ul { margin: 0 0 35px 0; padding: 0; } ol:first-child, ul:first-child { margin-top: 0; } ol li, ul li { margin: 0 0 12px 0; padding: 0 0 0 20px; } @media (max-width: 767px) { ol li, ul li { padding-left: 13px; } } ol li:first-child, ul li:first-child { margin-top: 0; } li ul, li ol { margin-top: 12px; } li li { margin-top: 6px; } ul { list-style: none; } ul li { position: relative; text-indent: -20px; } @media (max-width: 767px) { ul li { text-indent: -13px; } } ul li * { text-indent: 0; } ul li:before { position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: #000; border-radius: 50%; margin-right: 15px; font-size: 9px; line-height: 1; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent: 0; content: ""; } @media (max-width: 767px) { ul li:before { font-size: 7px; margin-right: 3px; } } ol { padding-left: 15px; } ol li { padding: 0 0 0 0px; } .list-no-bullet li { text-indent: 0; padding-left: 0; } .list-no-bullet li:before { display: none; } .list-no-space li { margin-top: 0; } .list-no-space ul, .list-no-space ol { margin-top: 0; } .list-font-smaller { font-size: 16px; } @media (max-width: 767px) { .list-font-smaller { font-size: 13px; } } .list-font-smaller ul, .list-font-smaller ol { font-size: 15px; } @media (max-width: 767px) { .list-font-smaller ul, .list-font-smaller ol { font-size: 13px; } } .links-as-text a { color: inherit; font-weight: inherit; text-decoration: none; } .links-as-text a:hover { color: #000000; } nav ul { margin: 0; padding: 0; } nav li { margin: 0; padding: 0; text-indent: 0; } nav li:before { display: none; } table th, table td { padding: 3px 10px; } .text-center { text-align: center; } .padding-bot40 { padding-bottom: 40px; } .margin-bot40 { margin-bottom: 40px; } /* Buttons */ .btn { position: relative; display: inline-block; outline: none; text-decoration: none; text-align: center; font-family: "PF CentroSans Pro", Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; line-height: 1; letter-spacing: 0; border: none; padding: 24px 23px; vertical-align: middle; white-space: nowrap; height: 59px; min-width: 188px; color: #ffffff !important; -webkit-appearance: none; background: #d83982 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; border-radius: 3px; text-transform: uppercase; } .btn::-moz-focus-inner { padding: 0 !important; border: 0 none !important; } .btn:hover { background: #e1659e !important; } .btn:active { text-decoration: none; } .btn[disabled], .btn.disabled { background-color: #ebebeb; color: #888 !important; border-color: inherit; border-color: currentColor; opacity: 1; cursor: default; cursor: not-allowed; } .btn + .btn { margin-left: 30px; } .btn > input[type='file'] { opacity: 0; filter: alpha(opacity=0); font-size: 120px; position: absolute; top: -20px; right: -10px; vertical-align: top; z-index: 3; cursor: pointer; } .btn--wide { min-width: 270px; } .btn--small { font-size: 14px; min-width: 124px; height: 37px; color: #0464b5 !important; text-transform: inherit; padding: 12px 12px; } .btn--large { font-size: 18px; height: 92px; min-width: 408px; padding: 40px 45px; font-weight: 600; color: #ffffff !important; } @media (max-width: 479px) { .btn--large { min-width: 95%; } } .btn--no-hover:hover { color: inherit !important; background: inherit !important; border-color: inherit; border-color: currentColor; } .btn--fullwidth { width: 100%; margin-top: 20px; } .btn--fullwidth:first-child { margin-top: 0; } /* Column Layout */ .cols { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cols--around { -ms-flex-pack: distribute; justify-content: space-around; } .cols--start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cols--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cols--stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .cols--acenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cols__inner { display: block; } .col--1-4 { width: 25%; } .col--3-4 { width: 75%; } .col--1-3 { width: 33.33%; } .col--2-3 { width: 66.66%; } .col--1-2 { width: 50%; } .col--1-s4 { width: 23%; } .col--1-s2 { width: 48%; } .form { position: relative; margin-left: auto; margin-right: auto; } .form:after { content: ""; display: table; clear: both; } .form--items { padding: 20px 40px; } @media (max-width: 479px) { .form--items { padding: 20px 20px; } } .form--title { height: 68px; line-height: 68px; font-size: 24px; color: #ffffff; font-weight: 500; text-align: center; background: #409be6; } .form--item { position: relative; margin-bottom: 20px; } .form--item.horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 7px; } .form--item.horizontal .form--item-label { width: 16%; margin-bottom: 0; text-align: right; padding-left: 0; padding-top: 10px; } .form--item.horizontal .form--item-field { width: 80%; margin-top: 0; } .form--item-label { display: block; font-size: 15px; color: #ffffff; font-weight: 600; margin-bottom: 5px; } .form--item-label + .checkboxes { margin-top: 0; } .form--item-field { position: relative; } .form--error { padding: 2px 0 0; color: #ffffff; font-size: 11px; font-weight: 400; -webkit-animation: 0.5s ease-out; animation: 0.5s ease-out; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-name: pulsateError; animation-name: pulsateError; width: 100%; display: block; text-align: right; position: absolute; animation-name: pulsateError; } .form--item-field--error-absolute .form--error { position: absolute; top: 100%; right: 0; left: 0; } .form--actions { position: relative; margin-top: 20px; text-align: center; } @-webkit-keyframes pulsateError { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @keyframes pulsateError { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } /* Textfields */ textarea, input, button { -webkit-font-smoothing: antialiased; outline: none; line-height: 1.25; font-family: "PF CentroSans Pro", Tahoma, Arial, Helvetica, sans-serif; } .textfield { display: inline-block; font-family: "PF CentroSans Pro", Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.3; background: #ffffff; -webkit-box-shadow: inset 0.5px 0.9px 0 0 rgba(153, 209, 254, 0.47); box-shadow: inset 0.5px 0.9px 0 0 rgba(153, 209, 254, 0.47); color: #000000; padding: 9px 20px; height: 35px; width: 100%; border-radius: 3px; border: 1px solid transparent; -webkit-appearance: none; outline: none; resize: none; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; -o-transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; } .textfield:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .textfield:invalid { background-color: #f0f0f1; } .textfield:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fdffde inset; } .textfield::-ms-clear { display: none; width: 0; height: 0; } .textfield::-webkit-input-placeholder { color: #808080; opacity: 1; } .textfield::-moz-placeholder { color: #808080; opacity: 1; } .textfield:-moz-placeholder { color: #808080; opacity: 1; } .textfield:-ms-input-placeholder { color: #808080; opacity: 1; } .textfield.error { border-color: #f00; } .textfield.error + .textfield-placeholder { color: #ffffff !important; } .textfield[disabled], .textfield.disabled, .textfield[readonly] { opacity: 1; color: #000; background-color: #ebebeb; border-color: transparent; cursor: default; cursor: not-allowed; } .textfield--autowidth { width: auto; } .textfield--lines { background: -webkit-repeating-linear-gradient(top, transparent, transparent 40px, #d1d1d1 41px, #d1d1d1 41px); background: -o-repeating-linear-gradient(top, transparent, transparent 40px, #d1d1d1 41px, #d1d1d1 41px); background: repeating-linear-gradient(180deg, transparent, transparent 40px, #d1d1d1 41px, #d1d1d1 41px); padding: 5px 0 0; line-height: 2.6; background-attachment: local; } textarea.textfield { white-space: normal; overflow: auto; height: auto; height: 80px; } /* Icons */ [class^="icon-"], [class*=" icon-"] { position: relative; display: inline-block; text-decoration: none; line-height: 1; letter-spacing: 0; background: center center no-repeat; background-size: contain; vertical-align: middle; } [class^="icon-"]:before, [class*=" icon-"]:before { position: relative; text-decoration: none; width: auto; line-height: 1; letter-spacing: 0; margin-right: 0; margin-left: 0; background: center center no-repeat; background-size: contain; } [class^="icon-"]:after, [class*=" icon-"]:after { background: center center no-repeat; background-size: contain; } /* Checkboxes */ .checkboxes { margin-top: 10px; } .checkboxes:after { content: ""; display: table; clear: both; } .checkboxes + .form__error { padding-left: 30px; } .checkboxes__inner { float: left; width: 100%; margin-bottom: -12px; } .checkbox { position: relative; display: inline-block; vertical-align: top; padding-left: 23px; margin-bottom: 12px; font-size: 11px; color: #ffffff; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .checkbox a { color: #ffffff; } @media (max-width: 767px) { .checkbox { font-size: 13px; } } .checkbox__icon { position: absolute; top: -1px; left: 0; width: 12px; height: 12px; -webkit-box-shadow: inset 1px 1.7px 0 0 rgba(0, 0, 0, 0.17); box-shadow: inset 1px 1.7px 0 0 rgba(0, 0, 0, 0.17); border: solid 1px #76b5ea; background-color: #fff; border-radius: 6px; content: ''; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 767px) { .checkbox__icon { top: 3px; } } .checkbox > input[type='radio'], .checkbox > input[type='checkbox'] { position: absolute; left: 0; top: 0; opacity: 0; z-index: -1; } .checkbox:hover .checkbox__icon { border-color: #ffffff; } .checkbox.focused .checkbox__icon { border-color: #ffffff; } .checkbox.disabled { cursor: default; cursor: not-allowed; } .checkbox.disabled .checkbox__icon { border-color: #ebebeb; background-color: #ebebeb; -webkit-box-shadow: none; box-shadow: none; } .checkbox .form__error { padding-left: 0; padding-right: 0; } .checkbox.checked .checkbox__icon:before, .checkbox-plain-js.checked .checkbox__icon:before { background-color: #0464b5; position: absolute; content: ''; width: 4px; height: 4px; top: 3px; left: 3px; border-radius: 5px; } .checkbox--radio .checkbox__icon { border-radius: 50%; } .checkbox--block { width: 100%; margin-right: 0; } .checkbox--inline { display: inline; margin-right: 0; margin-bottom: 0; } .checkbox--separate { width: 20px; height: 20px; padding-left: 0; margin: -6px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox--separate .checkbox__icon { top: 0; } .checkbox--separate .checkbox__icon:after { top: 7px; } html { -webkit-text-size-adjust: 100%; background-color: #fff; height: 100%; } body { position: relative; font-family: "PF CentroSans Pro", Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; min-height: 100%; height: 100%; background: #fff; min-width: 320px; } @media (max-width: 767px) { body { font-size: 13px; } } @media (max-width: 319px) { body { overflow-x: auto; } } .notransition { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .touchevents body { cursor: pointer; } .touchevents .touch-focused { cursor: pointer; } .no-touchevents body ::-webkit-scrollbar { -webkit-appearance: none; } .no-touchevents body ::-webkit-scrollbar:vertical { width: 5px; } .no-touchevents body ::-webkit-scrollbar:horizontal { height: 5px; } .no-touchevents body ::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.3) !important; border-radius: 100px; border: none; } .no-touchevents body ::-webkit-scrollbar-track { border-radius: 100px; margin: 5px 0; border: none; background-color: rgba(255, 255, 255, 0.1) !important; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .no-animation *, .no-animation *:before, .no-animation *:after { -webkit-animation: none !important; animation: none !important; } .no-transition *, .no-transition *:before, .no-transition *:after { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } ::-moz-selection { background: rgba(0, 0, 0, 0.3); color: #000; text-shadow: none; } ::selection { background: rgba(0, 0, 0, 0.3); color: #000; text-shadow: none; } /* * * Skeleton elements * */ .scrollable { overflow-y: auto; overflow-x: hidden; } .scrollable-x { overflow-y: hidden; overflow-x: auto; } .container { max-width: 1336px; margin: 0 auto; width: 100%; min-width: 320px; } @media (max-width: 1415px) { .container { max-width: 1280px; padding: 0 1%; } } @media (max-width: 1259px) { .container { max-width: 1280px; } } @media (max-width: 981px) { .container { max-width: 1025px; } } @media (max-width: 767px) { .container { max-width: 768px; } } @media (max-width: 479px) { .container { padding: 0 3%; } } .wrap { position: relative; width: 100%; min-height: 100%; overflow: hidden; } /* Responsive Helpers */ .respon-meter { position: absolute; z-index: 9999; } @media (max-width: 1259px) { .respon-meter { z-index: 1259; } } @media (max-width: 981px) { .respon-meter { z-index: 1023; } } @media (max-width: 767px) { .respon-meter { z-index: 479; } } .tablet-show, .tablet-show-inline-block, .tablet-show-inline, .tablet-show-table-row, .tablet-show-table-cell { display: none !important; } @media (max-width: 1259px) { .tablet-hide { display: none !important; } .tablet-show { display: block !important; } .tablet-show-inline-block { display: inline-block !important; } .tablet-show-inline { display: inline !important; } .tablet-show-table-row { display: table-row !important; } .tablet-show-table-cell { display: table-cell !important; } } .mobile-show, .mobile-show-inline-block, .mobile-show-inline, .mobile-show-table-cell { display: none !important; } @media (max-width: 767px) { .mobile-hide { display: none !important; } .mobile-show { display: block !important; } .mobile-show-inline-block { display: inline-block !important; } .mobile-show-inline { display: inline !important; } .mobile-show-table-cell { display: table-cell !important; } } .mobile-small-show, .mobile-small-show-inline-block, .mobile-small-show-inline, .mobile-small-show-table-cell { display: none !important; } @media (max-width: 767px) { .mobile-small-hide { display: none !important; } .mobile-small-show { display: block !important; } .mobile-small-show-inline-block { display: inline-block !important; } .mobile-small-show-inline { display: inline !important; } .mobile-small-show-table-cell { display: table-cell !important; } } .mobile-xsmall-show, .mobile-xsmall-show-inline-block, .mobile-xsmall-show-inline, .mobile-xsmall-show-table-cell { display: none !important; } @media (max-width: 479px) { .mobile-xsmall-hide { display: none !important; } .mobile-xsmall-show { display: block !important; } .mobile-xsmall-show-inline-block { display: inline-block !important; } .mobile-xsmall-show-inline { display: inline !important; } .mobile-xsmall-show-table-cell { display: table-cell !important; } } .mobile-xxsmall-show, .mobile-xxsmall-show-inline-block, .mobile-xxsmall-show-inline, .mobile-xxsmall-show-table-cell { display: none !important; } @media (max-width: 359px) { .mobile-xxsmall-hide { display: none !important; } .mobile-xxsmall-show { display: block !important; } .mobile-xxsmall-show-inline-block { display: inline-block !important; } .mobile-xxsmall-show-inline { display: inline !important; } .mobile-xxsmall-show-table-cell { display: table-cell !important; } } .header-line { background: #258de2; height: 8px; } .header-content { padding: 36px 0 42px 0; } @media (max-width: 1415px) { .header-content { padding: 36px 1% 42px 1%; } } @media (max-width: 981px) { .header-content { padding: 20px 1% 20px 1%; } } .header-content .logo { width: 227px; } @media (max-width: 981px) { .header-content .logo { max-width: 150px; } } @media (max-width: 359px) { .header-content .logo { max-width: 120px; } } .header-content .email:before { content: ''; background: url("../img/i1.png"); width: 19px; height: 12px; display: inline-block; vertical-align: middle; margin-right: 7px; } .header-content .email a { font-weight: 500; font-size: 15px; } @media (max-width: 981px) { .header-content .email a { font-size: 12px; } } .header-content .address span { font-weight: 500; font-size: 15px; display: inline-block; } @media (max-width: 981px) { .header-content .address span { font-size: 12px; } } .header-content .address:before { content: ''; background: url("../img/i2.png") no-repeat; width: 12px; height: 20px; display: inline-block; vertical-align: baseline; margin-right: 7px; position: relative; top: -3px; } .header-content .phone { font-weight: 600; font-size: 15px; } @media (max-width: 981px) { .header-content .phone { max-width: 160px; } } .header-content .phone span { font-weight: 600; font-size: 15px; display: inline-block; } @media (max-width: 981px) { .header-content .phone span { width: 84%; font-size: 12px; } } .header-content .phone:before { content: ''; background: url("/img/i3.png"); width: 9px; height: 17px; display: inline-block; vertical-align: middle; margin-right: 7px; position: relative; } @media (max-width: 981px) { .header-content .phone:before { vertical-align: baseline; top: -3px; } } .header-content .phone a { font-weight: 600; font-size: 15px; text-decoration: none; color: #000000; } @media (max-width: 981px) { .header-content .phone a { font-size: 12px; } } .footer-separator { border-bottom: 1px solid #b0b2b4; position: relative; z-index: 1; padding-top: 30px; } .footer-separator--icon { position: relative; z-index: 2; background: #fff url("/img/i15.png") no-repeat 50% 50%; width: 113px; height: 44px; margin: auto; top: 22px; } .footer .header-content { padding: 69px 0 27px 0; } .footer .copy { color: #282828; font-size: 12px; margin-bottom: 55px; } .footer-line { background: #258de2; height: 8px; } .offer { background: url("../img/p1.jpg") 50% 50% no-repeat; background-size: cover; } @media (max-width: 981px) { .offer { background-position: 100% 0; } } .offer-content { min-height: 547px; } @media (max-width: 981px) { .offer-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; } } @media (max-width: 981px) { .offer-content--text { margin-bottom: 20px; } } .offer-content--text .h1 span { color: #d83982; } .offer-content--text p { font-size: 24px; margin-bottom: 30px; } .offer-content--text p span { color: #0464b5; font-weight: 600; } @media (max-width: 767px) { .offer-content--text p { font-size: 20px; } } @media (max-width: 479px) { .offer-content--text p { font-size: 18px; } } .offer-content--text p:before { content: ''; display: inline-block; margin-right: 22px; vertical-align: middle; position: relative; } .offer-content--text p.icon1:before { background: url("../img/i4.png"); width: 34px; height: 31px; top: -4px; } .offer-content--text p.icon2:before { background: url("../img/i5.png"); width: 33px; height: 26px; top: -2px; } .offer-content--text p.icon3:before { background: url("../img/i6.png"); width: 32px; height: 34px; top: -2px; } .offer-content--text p.icon3 { margin-bottom: 0; } .offer-content--form { background: #258de2; min-height: 547px; width: 468px; } @media (max-width: 1259px) { .offer-content--form { width: 385px; } } @media (max-width: 981px) { .offer-content--form { width: 90%; } } @media (max-width: 767px) { .offer-content--form { width: 95%; } } @media (max-width: 479px) { .offer-content--form { width: 100%; } } .offer-content--form .agree-terms { padding-top: 11px; } .offer-content--form .ui-widget.ui-widget-content { background: #76b5ea; -webkit-box-shadow: inset 0.5px 0.9px 0 0 rgba(91, 159, 217, 0.75); box-shadow: inset 0.5px 0.9px 0 0 rgba(91, 159, 217, 0.75); height: 4px; border-radius: 3px; border: none; } .offer-content--form .ui-slider-horizontal .ui-slider-range-min { -webkit-box-shadow: inset 0.5px 0.9px 0 0 rgba(0, 0, 0, 0.21); box-shadow: inset 0.5px 0.9px 0 0 rgba(0, 0, 0, 0.21); background: #d83982; } .offer-content--form .ui-slider-handle { width: 24px; height: 24px; border-radius: 12px; background: #e1659e; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e1659e 0%, #d83982 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#e1659e), to(#d83982)); background: -o-linear-gradient(left, #e1659e 0%, #d83982 100%); background: linear-gradient(to right, #e1659e 0%, #d83982 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1659e', endColorstr='#d83982',GradientType=1 ); /* IE6-9 */ border: none; -webkit-box-shadow: 1px 1.7px 0 0 rgba(0, 0, 0, 0.18); box-shadow: 1px 1.7px 0 0 rgba(0, 0, 0, 0.18); top: 50%; margin-top: -12px; cursor: pointer; } .offer-content--form .offer-sum--delimeter { padding: 10px 0 6px 0; } .offer-content--form .offer-sum--delimeter div { width: 1px; height: 7px; background: #76b5ea; } .offer-content--form .offer-sum--text { padding: 13px 0 16px 0; } .offer-content--form .offer-sum--text span { color: #ffffff; font-size: 14px; } .offer-content--form .offer-sum--amount { color: #ffffff; font-size: 36px; font-weight: 600; text-align: center; } .offer-content--form .offer-sum--amount span { font-size: 15px; } .benefits { padding-top: 25px; } @media (max-width: 767px) { .benefits .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .benefits-item { margin-bottom: 25px; width: 32%; height: 408px; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .benefits-item:first-child p { padding-top: 60px; } @media (max-width: 981px) { .benefits-item { height: 350px; padding-bottom: 30px; } } @media (max-width: 767px) { .benefits-item { width: 60%; } } @media (max-width: 479px) { .benefits-item { width: 100%; } } .benefits-item p { font-size: 20px; line-height: 1.2; font-weight: 600; text-align: center; padding-top: 70px; position: relative; z-index: 2; } @media (max-width: 981px) { .benefits-item p { font-size: 16px; } } .benefits-item p span { color: #258de2; } .benefits-item:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: url("/img/p2.jpg") no-repeat 50% 50%; background-size: cover; } .benefits-item:nth-child(2):before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .benefits-item--img { position: relative; z-index: 2; } .benefits-item--percent { font-size: 39px; font-weight: 800; color: #d83982; line-height: 1; position: relative; margin-top: 20px; } .benefits-item:after { content: ""; position: absolute; width: 111px; height: 3px; background: #258de2; bottom: 0; left: 50%; margin-left: -55px; } @media (max-width: 767px) { .percents-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .banner { background: url("../img/p3.jpg") 100% 0; height: 229px; text-align: right; } @media (max-width: 981px) { .banner { background-position: 80% 0; } } @media (max-width: 479px) { .banner { text-align: center; } } .banner-text { display: inline-block; text-align: left; margin-right: 10%; padding-top: 25px; } @media (max-width: 1259px) { .banner-text { margin-right: 2%; } } .banner-text p { font-size: 34px; font-weight: 600; color: #ffffff; } @media (max-width: 479px) { .banner-text p { font-size: 20px; } } .percent { background: #ecf0f4; padding: 36px 0 291px 0; } .percent--icon { background: url("../img/i10.png"); width: 40px; height: 41px; margin: auto; } .percent-item { background: #f4f6f8; } .percent-item:nth-child(2n) { background: #ecf0f4; } .percent-item .container { position: relative; } .percent-item--counter { position: absolute; bottom: 16px; left: 10px; color: #e1e7ed; font-size: 36px; font-weight: 600; } .percent-item--content { max-width: 870px; margin: auto; padding: 40px 0; } .percent-item--title { font-size: 48px; font-weight: 500; padding-left: 67px; position: relative; } @media (max-width: 767px) { .percent-item--title { font-size: 36px; } } @media (max-width: 479px) { .percent-item--title { font-size: 28px; } } .percent-item--title:before { position: absolute; top: 3px; left: 0; content: ''; } .percent-item .icon1:before { background: url("../img/i11.png"); width: 40px; height: 40px; top: 7px; } .percent-item .icon2:before { background: url("../img/i12.png"); width: 43px; height: 51px; } .percent-item .icon3:before { background: url("../img/i13.png"); width: 43px; height: 43px; } .percent-item--text { padding-left: 162px; font-size: 27px; line-height: 1.2; position: relative; } @media (max-width: 767px) { .percent-item--text { padding-left: 67px; } } @media (max-width: 767px) { .percent-item--text { font-size: 22px; } } @media (max-width: 479px) { .percent-item--text { font-size: 18px; } } .percent-item--text:before { content: ''; width: 50px; height: 2px; background: #d83982; position: absolute; top: 15px; left: 67px; } @media (max-width: 767px) { .percent-item--text:before { display: none; } } .percent-item--text:after { content: ''; width: 67%; height: 1px; background: #cacfd4; position: absolute; bottom: -40px; left: 50px; } .percent-item--text span { font-size: 39px; font-weight: 800; color: #d83982; line-height: 1; } @media (max-width: 767px) { .percent-item--text span { font-size: 28px; } } .percent-item--text.first-line:after { display: none; } .percent-btn { text-align: center; padding-top: 83px; } .paybaner { background: url("../img/p4.jpg") 50% 50%; height: 443px; margin-top: -221px; } @media (max-width: 1259px) { .paybaner { height: 350px; background-size: cover; } } @media (max-width: 981px) { .paybaner { height: 300px; } } @media (max-width: 767px) { .paybaner { height: 250px; } } .partners { padding: 50px 0 0 0; } .partners-title { padding-top: 60px; } .partners-item { width: 292px; height: 140px; background: #ecf0f4; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 50px; } .partners-item a { width: 100%; } .partners-item img { width: 80%; } @media (max-width: 1259px) { .partners-item { width: 24%; } } @media (max-width: 767px) { .partners-item { width: 48%; } } @media (max-width: 479px) { .partners-item { min-width: 100%; margin-bottom: 20px; } } .serts { padding: 50px 0 0 0; } .serts-item { width: 200px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 50px; } .serts-item a { width: 100%; } .serts-item img { width: 80%; } @media (max-width: 1259px) { .serts-item { width: 24%; } } @media (max-width: 767px) { .serts-item { width: 48%; } } @media (max-width: 479px) { .serts-item { min-width: 100%; margin-bottom: 20px; } } .director { padding: 50px 0 0 0; } .director > div { width: 49%; } @media (max-width: 767px) { .director > div { width: 100%; margin-bottom: 20px; } } .director > div p { font-size: 20px; } .director > div p.h2 { font-size: 28px; } .coaching-item { background: #fafafa; padding: 20px; margin-bottom: 30px; } .coaching-item--title { font-size: 20px; font-weight: bold; margin-bottom: 20px; } .coaching-item ul { padding-left: 30px; } .coaching-item ul li { display: block; margin-bottom: 15px; } .coaching-item ul li a { font-size: 16px; } .coaching-detail { margin-bottom: 40px; } .coaching-video { margin-bottom: 40px; } .coaching-text { margin-bottom: 20px; } .coaching-files p { margin-bottom: 10px; } .coaching-files a { display: block; margin-bottom: 10px; } /*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=build.css.map */