/*Live*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=7f5b7d93-e678-41df-a612-9b8d4d03aec0");
@font-face { font-family: "FuturaBT W05 Book"; src: url("../fonts/464e1370-5b73-493b-a369-ee8ed8d2d36e.woff2") format("woff2"), url("Fonts/e23cba8f-ab32-49b8-95d3-3dad0150b369.woff") format("woff"); }
@font-face { font-family: "FuturaBT W05 Heavy"; src: url("../fonts/a4cbf934-184a-476a-8d7d-57d0f0d2f681.woff2") format("woff2"), url("Fonts/e8d6cd89-adfe-4f5c-8d94-923ee09b651f.woff") format("woff"); }
@font-face { font-family: "Futura"; font-style: normal; font-weight: normal; src: url("../fonts/futura_book.otf") format("opentype"), url("../fonts/futura_book.woff2") format("woff2"), url("../fonts/futura_book.woff") format("woff") }
@font-face { font-family: "Futura"; font-style: normal; font-weight: 300; src: url("../fonts/futura_light.otf") format("opentype"), url("../fonts/futura_light.woff2") format("woff2"), url("../fonts/futura_light.woff") format("woff") }
@font-face { font-family: "Futura"; font-style: normal; font-weight: 600; src: url("../fonts/futura_medium.otf") format("opentype"), url("../fonts/futura_medium.woff2") format("woff2"), url("../fonts/futura_medium.woff") format("woff") }
@font-face { font-family: "Futura"; font-style: normal; font-weight: bold; src: url("../fonts/futura_bold.otf") format("opentype"), url("../fonts/futura_bold.woff2") format("woff2"), url("../fonts/futura_bold.woff") format("woff") }
@font-face { font-family: "Futura"; font-style: italic; font-weight: bold; src: url("../fonts/futura_bold_italic.ttf") format("truetype"), url("../fonts/futura_bold_italic.woff2") format("woff2"), url("../fonts/futura_bold_italic.woff") format("woff") }/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger { padding: 10px 10px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible }
.hamburger:hover { opacity: 1 }
.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative }
.hamburger-inner { display: block; top: 50%; margin-top: -2px }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #FFF; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block }
.hamburger-inner::before { top: -10px }
.hamburger-inner::after { bottom: -10px }
.hamburger--3dx .hamburger-box { perspective: 80px }
.hamburger--3dx .hamburger-inner { transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dx.is-active .hamburger-inner { background-color: transparent; transform: rotateY(180deg) }
.hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) }
.hamburger--3dx-r .hamburger-box { perspective: 80px }
.hamburger--3dx-r .hamburger-inner { transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent; transform: rotateY(-180deg) }
.hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) }
.hamburger--3dy .hamburger-box { perspective: 80px }
.hamburger--3dy .hamburger-inner { transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dy.is-active .hamburger-inner { background-color: transparent; transform: rotateX(-180deg) }
.hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) }
.hamburger--3dy-r .hamburger-box { perspective: 80px }
.hamburger--3dy-r .hamburger-inner { transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent; transform: rotateX(180deg) }
.hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) }
.hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1) }
.hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1) }
.hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1) }
.hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1) }
.hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1) }
.hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1) }
.hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) }
.hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) }
.hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1) }
.hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1) }
.hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) }
.hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) }
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none }
.hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg) }
.hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0 }
.hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg) }
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.15s; transition-delay: 0.15s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear }
.hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.32s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear }
.hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.15s; transition-delay: 0.15s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear }
.hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.32s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear }
.hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) }
.hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.15s 0.4s ease }
.hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) }
.hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.1s }
.hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0 }
.hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.1s }
.hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) }
.hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.15s 0.4s ease }
.hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) }
.hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.1s }
.hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0 }
.hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.1s }
.hamburger--emphatic { overflow: hidden }
.hamburger--emphatic .hamburger-inner { transition: background-color 0.2s 0.25s ease-in }
.hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in }
.hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in }
.hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent }
.hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1) }
.hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1) }
.hamburger--emphatic-r { overflow: hidden }
.hamburger--emphatic-r .hamburger-inner { transition: background-color 0.2s 0.25s ease-in }
.hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in }
.hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in }
.hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent }
.hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1) }
.hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1) }
.hamburger--slider .hamburger-inner { top: 2px }
.hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.2s }
.hamburger--slider .hamburger-inner::after { top: 20px }
.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0 }
.hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg) }
.hamburger--slider-r .hamburger-inner { top: 2px }
.hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.2s }
.hamburger--slider-r .hamburger-inner::after { top: 20px }
.hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg) }
.hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0 }
.hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg) }
.hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.15s linear }
.hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spring.is-active .hamburger-inner { transition-delay: 0.32s; background-color: transparent }
.hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg) }
.hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.15s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear }
.hamburger--spring-r .hamburger-inner::before { transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.32s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear }
.hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--stand .hamburger-inner { transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear }
.hamburger--stand .hamburger-inner::before { transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--stand .hamburger-inner::after { transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent; transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear }
.hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--stand-r .hamburger-inner { transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear }
.hamburger--stand-r .hamburger-inner::before { transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--stand-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent; transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear }
.hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spin .hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in }
.hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out }
.hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spin-r .hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in }
.hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out }
.hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--squeeze .hamburger-inner { transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--squeeze .hamburger-inner::before { transition: top 0.1s 0.14s ease, opacity 0.1s ease }
.hamburger--squeeze .hamburger-inner::after { transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease, opacity 0.1s 0.14s ease }
.hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--vortex .hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear }
.hamburger--vortex .hamburger-inner::before { transition-property: top, opacity }
.hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform }
.hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s }
.hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0 }
.hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg) }
.hamburger--vortex-r .hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) }
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear }
.hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity }
.hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform }
.hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) }
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s }
.hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0 }
.hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg) }
#outdated { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px; text-align: center; text-transform: uppercase; z-index: 1500; background-color: #f25648; color: #fff }
* html #outdated { position: absolute }
#outdated h6 { font-size: 25px; line-height: 25px; margin: 30px 0 10px }
#outdated p { font-size: 12px; line-height: 12px; margin: 0 }
#outdated #btnUpdateBrowser { display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; color: #fff; text-decoration: none; border: 2px solid #fff; cursor: pointer }
#outdated #btnUpdateBrowser:hover { color: #f25648; background-color: #fff }
#outdated .last { position: absolute; top: 10px; right: 25px; width: 20px; height: 20px }
#outdated #btnCloseUpdateBrowser { display: block; position: relative; width: 100%; height: 100%; text-decoration: none; color: #fff; font-size: 36px; line-height: 36px }/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b55199ac841db6a3c220)
 * Config saved to config.json and https://gist.github.com/b55199ac841db6a3c220
 *//*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
display:none
}
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0 }
mark { background: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important }
a, a:visited { text-decoration: underline }
a[href]:after { content: " (" attr(href) ")" }
abbr[title]:after { content: " (" attr(title) ")" }
a[href^="#"]:after, a[href^="javascript:"]:after { content: "" }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid }
thead { display: table-header-group }
tr, img { page-break-inside: avoid }
img { max-width: 100% !important }
p, h2, h3 { orphans: 3; widows: 3 }
h2, h3 { page-break-after: avoid }
.navbar { display: none }
.btn>.caret, .dropup>.btn>.caret { border-top-color: #000 !important }
.label { border: 1px solid #000 }
.table { border-collapse: collapse !important }
.table td, .table th { background-color: #fff !important }
.table-bordered th, .table-bordered td { border: 1px solid #ddd !important }
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { font-size: 10px; -webkit-tap-highlight-color: transparent }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333333; background-color: #ffffff }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }
a { color: #337ab7; text-decoration: none }
a:hover, a:focus { color: #23527c; text-decoration: underline }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
figure { margin: 0 }
img { vertical-align: middle }
.img-responsive { display: block; max-width: 100%; height: auto }
.img-rounded { border-radius: 6px }
.img-thumbnail { padding: 4px; line-height: 1.5; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto }
.img-circle { border-radius: 50% }
hr { margin-top: 24px; margin-bottom: 24px; border: 0; border-top: 1px solid #eeeeee }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto }
[role="button"] {
cursor:pointer
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777777 }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 24px; margin-bottom: 12px }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65% }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 12px; margin-bottom: 12px }
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75% }
h1, .h1 { font-size: 41px }
h2, .h2 { font-size: 34px }
h3, .h3 { font-size: 28px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }
p { margin: 0 0 12px }
.lead { margin-bottom: 24px; font-size: 18px; font-weight: 300; line-height: 1.4 }
@media (min-width: 768px) {
.lead { font-size: 24px }
}
small, .small { font-size: 87% }
mark, .mark { background-color: #fcf8e3; padding: .2em }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }
.text-lowercase { text-transform: lowercase }
.text-uppercase { text-transform: uppercase }
.text-capitalize { text-transform: capitalize }
.text-muted { color: #777777 }
.text-primary { color: #337ab7 }
a.text-primary:hover, a.text-primary:focus { color: #286090 }
.text-success { color: #3c763d }
a.text-success:hover, a.text-success:focus { color: #2b542c }
.text-info { color: #31708f }
a.text-info:hover, a.text-info:focus { color: #245269 }
.text-warning { color: #8a6d3b }
a.text-warning:hover, a.text-warning:focus { color: #66512c }
.text-danger { color: #a94442 }
a.text-danger:hover, a.text-danger:focus { color: #843534 }
.bg-primary { color: #fff; background-color: #337ab7 }
a.bg-primary:hover, a.bg-primary:focus { background-color: #286090 }
.bg-success { background-color: #dff0d8 }
a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3 }
.bg-info { background-color: #d9edf7 }
a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee }
.bg-warning { background-color: #fcf8e3 }
a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5 }
.bg-danger { background-color: #f2dede }
a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9 }
.page-header { padding-bottom: 11px; margin: 48px 0 24px; border-bottom: 1px solid #eeeeee }
ul, ol { margin-top: 0; margin-bottom: 12px }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 }
.list-unstyled { padding-left: 0; list-style: none }
.list-inline { padding-left: 0; list-style: none; margin-left: -5px }
.list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px }
dl { margin-top: 0; margin-bottom: 24px }
dt, dd { line-height: 1.5 }
dt { font-weight: bold }
dd { margin-left: 0 }
@media (min-width: 768px) {
.dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.dl-horizontal dd { margin-left: 180px }
}
abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777 }
.initialism { font-size: 90%; text-transform: uppercase }
blockquote { padding: 12px 24px; margin: 0 0 24px; font-size: 20px; border-left: 5px solid #eeeeee }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0 }
blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.5; color: #777777 }
blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0' }
.blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right }
.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: '' }
.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014' }
address { margin-bottom: 24px; font-style: normal; line-height: 1.5 }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px }
kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25) }
kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none }
pre { display: block; padding: 11.5px; margin: 0 0 12px; font-size: 15px; line-height: 1.5; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 }
.pre-scrollable { max-height: 340px; overflow-y: scroll }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px }
@media (min-width: 768px) {
.container { width: 750px }
}
@media (min-width: 992px) {
.container { width: 970px }
}
@media (min-width: 1200px) {
.container { width: 1170px }
}
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px }
.row { margin-left: -15px; margin-right: -15px }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }
.col-xs-pull-12 { right: 100% }
.col-xs-pull-11 { right: 91.66666667% }
.col-xs-pull-10 { right: 83.33333333% }
.col-xs-pull-9 { right: 75% }
.col-xs-pull-8 { right: 66.66666667% }
.col-xs-pull-7 { right: 58.33333333% }
.col-xs-pull-6 { right: 50% }
.col-xs-pull-5 { right: 41.66666667% }
.col-xs-pull-4 { right: 33.33333333% }
.col-xs-pull-3 { right: 25% }
.col-xs-pull-2 { right: 16.66666667% }
.col-xs-pull-1 { right: 8.33333333% }
.col-xs-pull-0 { right: auto }
.col-xs-push-12 { left: 100% }
.col-xs-push-11 { left: 91.66666667% }
.col-xs-push-10 { left: 83.33333333% }
.col-xs-push-9 { left: 75% }
.col-xs-push-8 { left: 66.66666667% }
.col-xs-push-7 { left: 58.33333333% }
.col-xs-push-6 { left: 50% }
.col-xs-push-5 { left: 41.66666667% }
.col-xs-push-4 { left: 33.33333333% }
.col-xs-push-3 { left: 25% }
.col-xs-push-2 { left: 16.66666667% }
.col-xs-push-1 { left: 8.33333333% }
.col-xs-push-0 { left: auto }
.col-xs-offset-12 { margin-left: 100% }
.col-xs-offset-11 { margin-left: 91.66666667% }
.col-xs-offset-10 { margin-left: 83.33333333% }
.col-xs-offset-9 { margin-left: 75% }
.col-xs-offset-8 { margin-left: 66.66666667% }
.col-xs-offset-7 { margin-left: 58.33333333% }
.col-xs-offset-6 { margin-left: 50% }
.col-xs-offset-5 { margin-left: 41.66666667% }
.col-xs-offset-4 { margin-left: 33.33333333% }
.col-xs-offset-3 { margin-left: 25% }
.col-xs-offset-2 { margin-left: 16.66666667% }
.col-xs-offset-1 { margin-left: 8.33333333% }
.col-xs-offset-0 { margin-left: 0% }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left }
.col-sm-12 { width: 100% }
.col-sm-11 { width: 91.66666667% }
.col-sm-10 { width: 83.33333333% }
.col-sm-9 { width: 75% }
.col-sm-8 { width: 66.66666667% }
.col-sm-7 { width: 58.33333333% }
.col-sm-6 { width: 50% }
.col-sm-5 { width: 41.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-3 { width: 25% }
.col-sm-2 { width: 16.66666667% }
.col-sm-1 { width: 8.33333333% }
.col-sm-pull-12 { right: 100% }
.col-sm-pull-11 { right: 91.66666667% }
.col-sm-pull-10 { right: 83.33333333% }
.col-sm-pull-9 { right: 75% }
.col-sm-pull-8 { right: 66.66666667% }
.col-sm-pull-7 { right: 58.33333333% }
.col-sm-pull-6 { right: 50% }
.col-sm-pull-5 { right: 41.66666667% }
.col-sm-pull-4 { right: 33.33333333% }
.col-sm-pull-3 { right: 25% }
.col-sm-pull-2 { right: 16.66666667% }
.col-sm-pull-1 { right: 8.33333333% }
.col-sm-pull-0 { right: auto }
.col-sm-push-12 { left: 100% }
.col-sm-push-11 { left: 91.66666667% }
.col-sm-push-10 { left: 83.33333333% }
.col-sm-push-9 { left: 75% }
.col-sm-push-8 { left: 66.66666667% }
.col-sm-push-7 { left: 58.33333333% }
.col-sm-push-6 { left: 50% }
.col-sm-push-5 { left: 41.66666667% }
.col-sm-push-4 { left: 33.33333333% }
.col-sm-push-3 { left: 25% }
.col-sm-push-2 { left: 16.66666667% }
.col-sm-push-1 { left: 8.33333333% }
.col-sm-push-0 { left: auto }
.col-sm-offset-12 { margin-left: 100% }
.col-sm-offset-11 { margin-left: 91.66666667% }
.col-sm-offset-10 { margin-left: 83.33333333% }
.col-sm-offset-9 { margin-left: 75% }
.col-sm-offset-8 { margin-left: 66.66666667% }
.col-sm-offset-7 { margin-left: 58.33333333% }
.col-sm-offset-6 { margin-left: 50% }
.col-sm-offset-5 { margin-left: 41.66666667% }
.col-sm-offset-4 { margin-left: 33.33333333% }
.col-sm-offset-3 { margin-left: 25% }
.col-sm-offset-2 { margin-left: 16.66666667% }
.col-sm-offset-1 { margin-left: 8.33333333% }
.col-sm-offset-0 { margin-left: 0% }
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left }
.col-md-12 { width: 100% }
.col-md-11 { width: 91.66666667% }
.col-md-10 { width: 83.33333333% }
.col-md-9 { width: 75% }
.col-md-8 { width: 66.66666667% }
.col-md-7 { width: 58.33333333% }
.col-md-6 { width: 50% }
.col-md-5 { width: 41.66666667% }
.col-md-4 { width: 33.33333333% }
.col-md-3 { width: 25% }
.col-md-2 { width: 16.66666667% }
.col-md-1 { width: 8.33333333% }
.col-md-pull-12 { right: 100% }
.col-md-pull-11 { right: 91.66666667% }
.col-md-pull-10 { right: 83.33333333% }
.col-md-pull-9 { right: 75% }
.col-md-pull-8 { right: 66.66666667% }
.col-md-pull-7 { right: 58.33333333% }
.col-md-pull-6 { right: 50% }
.col-md-pull-5 { right: 41.66666667% }
.col-md-pull-4 { right: 33.33333333% }
.col-md-pull-3 { right: 25% }
.col-md-pull-2 { right: 16.66666667% }
.col-md-pull-1 { right: 8.33333333% }
.col-md-pull-0 { right: auto }
.col-md-push-12 { left: 100% }
.col-md-push-11 { left: 91.66666667% }
.col-md-push-10 { left: 83.33333333% }
.col-md-push-9 { left: 75% }
.col-md-push-8 { left: 66.66666667% }
.col-md-push-7 { left: 58.33333333% }
.col-md-push-6 { left: 50% }
.col-md-push-5 { left: 41.66666667% }
.col-md-push-4 { left: 33.33333333% }
.col-md-push-3 { left: 25% }
.col-md-push-2 { left: 16.66666667% }
.col-md-push-1 { left: 8.33333333% }
.col-md-push-0 { left: auto }
.col-md-offset-12 { margin-left: 100% }
.col-md-offset-11 { margin-left: 91.66666667% }
.col-md-offset-10 { margin-left: 83.33333333% }
.col-md-offset-9 { margin-left: 75% }
.col-md-offset-8 { margin-left: 66.66666667% }
.col-md-offset-7 { margin-left: 58.33333333% }
.col-md-offset-6 { margin-left: 50% }
.col-md-offset-5 { margin-left: 41.66666667% }
.col-md-offset-4 { margin-left: 33.33333333% }
.col-md-offset-3 { margin-left: 25% }
.col-md-offset-2 { margin-left: 16.66666667% }
.col-md-offset-1 { margin-left: 8.33333333% }
.col-md-offset-0 { margin-left: 0% }
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left }
.col-lg-12 { width: 100% }
.col-lg-11 { width: 91.66666667% }
.col-lg-10 { width: 83.33333333% }
.col-lg-9 { width: 75% }
.col-lg-8 { width: 66.66666667% }
.col-lg-7 { width: 58.33333333% }
.col-lg-6 { width: 50% }
.col-lg-5 { width: 41.66666667% }
.col-lg-4 { width: 33.33333333% }
.col-lg-3 { width: 25% }
.col-lg-2 { width: 16.66666667% }
.col-lg-1 { width: 8.33333333% }
.col-lg-pull-12 { right: 100% }
.col-lg-pull-11 { right: 91.66666667% }
.col-lg-pull-10 { right: 83.33333333% }
.col-lg-pull-9 { right: 75% }
.col-lg-pull-8 { right: 66.66666667% }
.col-lg-pull-7 { right: 58.33333333% }
.col-lg-pull-6 { right: 50% }
.col-lg-pull-5 { right: 41.66666667% }
.col-lg-pull-4 { right: 33.33333333% }
.col-lg-pull-3 { right: 25% }
.col-lg-pull-2 { right: 16.66666667% }
.col-lg-pull-1 { right: 8.33333333% }
.col-lg-pull-0 { right: auto }
.col-lg-push-12 { left: 100% }
.col-lg-push-11 { left: 91.66666667% }
.col-lg-push-10 { left: 83.33333333% }
.col-lg-push-9 { left: 75% }
.col-lg-push-8 { left: 66.66666667% }
.col-lg-push-7 { left: 58.33333333% }
.col-lg-push-6 { left: 50% }
.col-lg-push-5 { left: 41.66666667% }
.col-lg-push-4 { left: 33.33333333% }
.col-lg-push-3 { left: 25% }
.col-lg-push-2 { left: 16.66666667% }
.col-lg-push-1 { left: 8.33333333% }
.col-lg-push-0 { left: auto }
.col-lg-offset-12 { margin-left: 100% }
.col-lg-offset-11 { margin-left: 91.66666667% }
.col-lg-offset-10 { margin-left: 83.33333333% }
.col-lg-offset-9 { margin-left: 75% }
.col-lg-offset-8 { margin-left: 66.66666667% }
.col-lg-offset-7 { margin-left: 58.33333333% }
.col-lg-offset-6 { margin-left: 50% }
.col-lg-offset-5 { margin-left: 41.66666667% }
.col-lg-offset-4 { margin-left: 33.33333333% }
.col-lg-offset-3 { margin-left: 25% }
.col-lg-offset-2 { margin-left: 16.66666667% }
.col-lg-offset-1 { margin-left: 8.33333333% }
.col-lg-offset-0 { margin-left: 0% }
}
table { background-color: transparent }
caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left }
th { text-align: left }
.table { width: 100%; max-width: 100%; margin-bottom: 24px }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; line-height: 1.5; vertical-align: top; border-top: 1px solid #dddddd }
.table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #dddddd }
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top: 0 }
.table>tbody+tbody { border-top: 2px solid #dddddd }
.table .table { background-color: #ffffff }
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 5px }
.table-bordered { border: 1px solid #dddddd }
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid #dddddd }
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width: 2px }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 }
.table-hover>tbody>tr:hover { background-color: #f5f5f5 }
table col[class*="col-"] { position: static; float: none; display: table-column }
table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell }
.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th { background-color: #f5f5f5 }
.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th { background-color: #e8e8e8 }
.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th { background-color: #dff0d8 }
.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th { background-color: #d0e9c6 }
.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th { background-color: #d9edf7 }
.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th { background-color: #c4e3f3 }
.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th { background-color: #fcf8e3 }
.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th { background-color: #faf2cc }
.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th { background-color: #f2dede }
.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th { background-color: #ebcccc }
.table-responsive { overflow-x: auto; min-height: 0.01% }
#info .weather-info .data.small_size_info { text-align: center; width: 100% !important; }
.data.small_size_info p { font-size: 13px; line-height: 1.8; }
.data.small_size_info span { font-size: 13px !important; }
@media screen and (max-width: 767px) {
.table-responsive { width: 100%; margin-bottom: 18px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd }
.table-responsive>.table { margin-bottom: 0 }
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { white-space: nowrap }
.table-responsive>.table-bordered { border: 0 }
.table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0 }
.table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0 }
.table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td { border-bottom: 0 }
}
fieldset { padding: 0; margin: 0; border: 0; min-width: 0 }
legend { display: block; width: 100%; padding: 0; margin-bottom: 24px; font-size: 24px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5 }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold }
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal }
input[type="file"] { display: block }
input[type="range"] { display: block; width: 100% }
select[multiple], select[size] { height: auto }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
output { display: block; padding-top: 7px; font-size: 16px; line-height: 1.5; color: #555555 }
.form-control { display: block; width: 100%; height: 38px; padding: 6px 12px; font-size: 16px; line-height: 1.5; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) }
.form-control::-moz-placeholder {
color:#999999;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#999999
}
.form-control::-webkit-input-placeholder {
color:#999999
}
.form-control::-ms-expand {
border:0;
background-color:transparent
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1 }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed }
textarea.form-control { height: auto }
input[type="search"] { -webkit-appearance: none }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 38px }
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 33px }
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 49px }
}
.form-group { margin-bottom: 15px }
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px }
.radio label, .checkbox label { min-height: 24px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9 }
.radio+.radio, .checkbox+.checkbox { margin-top: -5px }
.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer }
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin-left: 10px }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed }
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed }
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed }
.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 40px }
.form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0 }
.input-sm { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px }
select.input-sm { height: 33px; line-height: 33px }
textarea.input-sm, select[multiple].input-sm { height: auto }
.form-group-sm .form-control { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px }
.form-group-sm select.form-control { height: 33px; line-height: 33px }
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto }
.form-group-sm .form-control-static { height: 33px; min-height: 38px; padding: 6px 10px; font-size: 14px; line-height: 1.5 }
.input-lg { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px }
select.input-lg { height: 49px; line-height: 49px }
textarea.input-lg, select[multiple].input-lg { height: auto }
.form-group-lg .form-control { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px }
.form-group-lg select.form-control { height: 49px; line-height: 49px }
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto }
.form-group-lg .form-control-static { height: 49px; min-height: 44px; padding: 11px 16px; font-size: 20px; line-height: 1.3333333 }
.has-feedback { position: relative }
.has-feedback .form-control { padding-right: 47.5px }
.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; pointer-events: none }
.input-lg+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback { width: 49px; height: 49px; line-height: 49px }
.input-sm+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback { width: 33px; height: 33px; line-height: 33px }
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d }
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) }
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #67b168 }
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8 }
.has-success .form-control-feedback { color: #3c763d }
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b }
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) }
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #c0a16b }
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3 }
.has-warning .form-control-feedback { color: #8a6d3b }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442 }
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) }
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483 }
.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede }
.has-error .form-control-feedback { color: #a94442 }
.has-feedback label ~ .form-control-feedback { top: 29px }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0 }
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 }
@media (min-width: 768px) {
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle }
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle }
.form-inline .form-control-static { display: inline-block }
.form-inline .input-group { display: inline-table; vertical-align: middle }
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto }
.form-inline .input-group>.form-control { width: 100% }
.form-inline .control-label { margin-bottom: 0; vertical-align: middle }
.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle }
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0 }
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0 }
.form-inline .has-feedback .form-control-feedback { top: 0 }
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 31px }
.form-horizontal .form-group { margin-left: -15px; margin-right: -15px }
@media (min-width: 768px) {
.form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px }
}
.form-horizontal .has-feedback .form-control-feedback { right: 15px }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 20px }
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 14px }
}
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.5; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none }
.btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc }
.btn-default:focus, .btn-default.focus { color: #333333; background-color: #e6e6e6; border-color: #8c8c8c }
.btn-default:hover { color: #333333; background-color: #e6e6e6; border-color: #adadad }
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad }
.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus { color: #333333; background-color: #d4d4d4; border-color: #8c8c8c }
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-image: none }
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #ffffff; border-color: #cccccc }
.btn-default .badge { color: #ffffff; background-color: #333333 }
.btn-primary { color: #ffffff; background-color: #337ab7; border-color: #2e6da4 }
.btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #286090; border-color: #122b40 }
.btn-primary:hover { color: #ffffff; background-color: #286090; border-color: #204d74 }
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { color: #ffffff; background-color: #286090; border-color: #204d74 }
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #204d74; border-color: #122b40 }
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background-image: none }
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4 }
.btn-primary .badge { color: #337ab7; background-color: #ffffff }
.btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c }
.btn-success:focus, .btn-success.focus { color: #ffffff; background-color: #449d44; border-color: #255625 }
.btn-success:hover { color: #ffffff; background-color: #449d44; border-color: #398439 }
.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439 }
.btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open>.dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus { color: #ffffff; background-color: #398439; border-color: #255625 }
.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background-image: none }
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c }
.btn-success .badge { color: #5cb85c; background-color: #ffffff }
.btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da }
.btn-info:focus, .btn-info.focus { color: #ffffff; background-color: #31b0d5; border-color: #1b6d85 }
.btn-info:hover { color: #ffffff; background-color: #31b0d5; border-color: #269abc }
.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc }
.btn-info:active:hover, .btn-info.active:hover, .open>.dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open>.dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open>.dropdown-toggle.btn-info.focus { color: #ffffff; background-color: #269abc; border-color: #1b6d85 }
.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { background-image: none }
.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da }
.btn-info .badge { color: #5bc0de; background-color: #ffffff }
.btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236 }
.btn-warning:focus, .btn-warning.focus { color: #ffffff; background-color: #ec971f; border-color: #985f0d }
.btn-warning:hover { color: #ffffff; background-color: #ec971f; border-color: #d58512 }
.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512 }
.btn-warning:active:hover, .btn-warning.active:hover, .open>.dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open>.dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open>.dropdown-toggle.btn-warning.focus { color: #ffffff; background-color: #d58512; border-color: #985f0d }
.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { background-image: none }
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236 }
.btn-warning .badge { color: #f0ad4e; background-color: #ffffff }
.btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a }
.btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #c9302c; border-color: #761c19 }
.btn-danger:hover { color: #ffffff; background-color: #c9302c; border-color: #ac2925 }
.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925 }
.btn-danger:active:hover, .btn-danger.active:hover, .open>.dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open>.dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open>.dropdown-toggle.btn-danger.focus { color: #ffffff; background-color: #ac2925; border-color: #761c19 }
.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { background-image: none }
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a }
.btn-danger .badge { color: #d9534f; background-color: #ffffff }
.btn-link { color: #337ab7; font-weight: normal; border-radius: 0 }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent }
.btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent }
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none }
.btn-lg { padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px }
.btn-sm { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px }
.btn-xs { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 3px }
.btn-block { display: block; width: 100% }
.btn-block+.btn-block { margin-top: 5px }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% }
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table }
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after { clear: both }
.center-block { display: block; margin-left: auto; margin-right: auto }
.pull-right { float: right !important }
.pull-left { float: left !important }
.hide { display: none !important }
.show { display: block !important }
.invisible { visibility: hidden }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.hidden { display: none !important }
.affix { position: fixed }
@-ms-viewport {
width:device-width
}
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important }
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important }
/*26-3-2020 start css*/
.user_resourcespart { padding-top: 50px; }
.user_resourcesimagepart .useful_resources_image { float: left; }
.resource_image { position: relative; width: 144px; height: 145px; background: #6ACFF6; line-height: 145px; vertical-align: middle; border-radius: 8px; box-shadow: 0px 3px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 2px rgba(0,0,0,0.1); }
/*.resource_image:after{content:"";width:144px; height:145px; position:absolute;top:0;left:0;right:0;margin:auto;}*/
.resource_image img { text-align: center; padding: 0 20px; min-height: 83px; }
.safepass_btm_btn { display: inline-block; width: 100%; }
.image_content a { font-size: 16px; font-weight: 700; color: #6D6F72; padding-top: 22px; display: inline-block; }
.useful_resources_image { padding-right: 30px; width: 175px; text-align: center; }
.resource_image.background_2 { background: #F6C06A; }
.safepass_faq { padding-top: 50px; }
.user_resourcespart:after { content: ""; clear: both; display: block; overflow: hidden; }
/*26-3-2020 start css*/
.sorter ul li.active{ position:relative; left:auto; right:auto; bottom:auto; top:auto; }
@media (max-width: 767px) {
.visible-xs { display: block !important }
table.visible-xs { display: table !important }
tr.visible-xs { display: table-row !important }
th.visible-xs, td.visible-xs { display: table-cell !important }
.safepass_faq { padding-top: 10px; }
.user_resourcespart { padding-top: 10px; }
}
@media (max-width: 480px) {
/*  .user_resourcesimagepart {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.user_resourcesimagepart .useful_resources_image {
    float: none;
    display: inline-block;
    padding:0px;
}*/
.useful_resources_image { width: 170px; }
/*.user_resourcesimagepart .useful_resources_image:last-child{ padding-right:0px;}*/
}
@media (max-width: 767px) {
.visible-xs-block { display: block !important }
}
@media (max-width: 767px) {
.visible-xs-inline { display: inline !important }
}
@media (max-width: 767px) {
.visible-xs-inline-block { display: inline-block !important }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm { display: block !important }
table.visible-sm { display: table !important }
tr.visible-sm { display: table-row !important }
th.visible-sm, td.visible-sm { display: table-cell !important }
.user_resourcesimagepart .useful_resources_image { float: left !important; width: 32%; text-align: center; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block { display: block !important }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline { display: inline !important }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block { display: inline-block !important }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md { display: block !important }
table.visible-md { display: table !important }
tr.visible-md { display: table-row !important }
th.visible-md, td.visible-md { display: table-cell !important }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block { display: block !important }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline { display: inline !important }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block { display: inline-block !important }
}
@media (min-width: 1200px) {
.visible-lg { display: block !important }
table.visible-lg { display: table !important }
tr.visible-lg { display: table-row !important }
th.visible-lg, td.visible-lg { display: table-cell !important }
}
@media (min-width: 1200px) {
.visible-lg-block { display: block !important }
}
@media (min-width: 1200px) {
.visible-lg-inline { display: inline !important }
}
@media (min-width: 1200px) {
.visible-lg-inline-block { display: inline-block !important }
}
@media (max-width: 767px) {
.hidden-xs { display: none !important }
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm { display: none !important }
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md { display: none !important }
}
@media (min-width: 1200px) {
.hidden-lg { display: none !important }
}
.visible-print { display: none !important }
@media print {
.visible-print { display: block !important }
table.visible-print { display: table !important }
tr.visible-print { display: table-row !important }
th.visible-print, td.visible-print { display: table-cell !important }
}
.visible-print-block { display: none !important }
@media print {
.visible-print-block { display: block !important }
}
.visible-print-inline { display: none !important }
@media print {
.visible-print-inline { display: inline !important }
}
.visible-print-inline-block { display: none !important }
@media print {
.visible-print-inline-block { display: inline-block !important }
}
@media print {
.hidden-print { display: none !important }
}/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5) }
.fancybox-outer, .fancybox-inner { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100% }
.fancybox-image { max-width: 100%; max-height: 100% }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite.png") }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060 }
#fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040 }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/fancybox/blank.gif"); -webkit-tap-highlight-color: transparent; z-index: 8040 }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden }
.fancybox-prev span { left: 10px; background-position: 0 -36px }
.fancybox-next span { right: 10px; background-position: 0 -72px }
.fancybox-nav:hover span { visibility: visible }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important }
.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox/fancybox_overlay.png") }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050 }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0,0,0,0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,0.8) }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1 }
.swiper-container-no-flexbox .swiper-slide { float: left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }
.swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
.swiper-pagination-progress { background: rgba(0,0,0,0.25); position: absolute }
.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,0.5) }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 }
.swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px }
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent); background-image: -moz-linear-gradient(right, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(right, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to left, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to right, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), transparent); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent) }
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px }
.swiper-container-cube, .swiper-container-flip { overflow: visible }
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 100% {
transform:rotate(360deg)
}
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s }
@-webkit-keyframes bounce { from, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce { from, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom }
@-webkit-keyframes flash { from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash { from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
@-webkit-keyframes pulse { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@keyframes pulse { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes rubberBand { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@keyframes rubberBand { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
@-webkit-keyframes shake { from, to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake { from, to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake }
@-webkit-keyframes headShake { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake }
@-webkit-keyframes swing { 20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) }
}
@keyframes swing { 20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) }
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing }
@-webkit-keyframes tada { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@keyframes tada { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
.tada { -webkit-animation-name: tada; animation-name: tada }
@-webkit-keyframes wobble { from {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to { -webkit-transform: none; transform: none }
}
@keyframes wobble { from {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to { -webkit-transform: none; transform: none }
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes jello { from, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.39063deg) skewY(0.39063deg);
transform:skewX(0.39063deg) skewY(0.39063deg)
}
88.8% {
-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
transform:skewX(-0.19531deg) skewY(-0.19531deg)
}
}
@keyframes jello { from, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.39063deg) skewY(0.39063deg);
transform:skewX(0.39063deg) skewY(0.39063deg)
}
88.8% {
-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
transform:skewX(-0.19531deg) skewY(-0.19531deg)
}
}
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center }
@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to { -webkit-transform: none; transform: none }
}
@keyframes bounceInDown { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to { -webkit-transform: none; transform: none }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to { -webkit-transform: none; transform: none }
}
@keyframes bounceInLeft { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to { -webkit-transform: none; transform: none }
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) }
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform: none; transform: none }
}
@keyframes bounceInRight { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) }
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform: none; transform: none }
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) }
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes bounceInUp { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) }
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
@-webkit-keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) }
}
@keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) }
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut }
@-webkit-keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) }
}
@keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) }
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown }
@-webkit-keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) }
}
@keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) }
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
@-webkit-keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
}
@keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight }
@-webkit-keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) }
}
@keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) }
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp }
@-webkit-keyframes fadeIn { from {
opacity:0
}
to { opacity: 1 }
}
@keyframes fadeIn { from {
opacity:0
}
to { opacity: 1 }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown { from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInDown { from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInDownBig { from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInDownBig { from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig }
@-webkit-keyframes fadeInLeft { from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInLeft { from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes fadeInLeftBig { from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInLeftBig { from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig }
@-webkit-keyframes fadeInRight { from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInRight { from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInRightBig { from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInRightBig { from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig }
@-webkit-keyframes fadeInUp { from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUp { from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes fadeInUpBig { from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUpBig { from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig }
@-webkit-keyframes fadeOut { from {
opacity:1
}
to { opacity: 0 }
}
@keyframes fadeOut { from {
opacity:1
}
to { opacity: 0 }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOutDown { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
@keyframes fadeOutDown { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
@-webkit-keyframes fadeOutDownBig { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) }
}
@keyframes fadeOutDownBig { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) }
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig }
@-webkit-keyframes fadeOutLeft { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
}
@keyframes fadeOutLeft { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) }
}
@keyframes fadeOutLeftBig { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) }
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig }
@-webkit-keyframes fadeOutRight { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@keyframes fadeOutRight { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
@-webkit-keyframes fadeOutRightBig { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
}
@keyframes fadeOutRightBig { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig }
@-webkit-keyframes fadeOutUp { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
}
@keyframes fadeOutUp { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
@-webkit-keyframes fadeOutUpBig { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) }
}
@keyframes fadeOutUpBig { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) }
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig }
@-webkit-keyframes flip { from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}
@keyframes flip { from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
@-webkit-keyframes flipInX { from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
@keyframes flipInX { from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX }
@-webkit-keyframes flipInY { from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
@keyframes flipInY { from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY }
@-webkit-keyframes flipOutX { from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 }
}
@keyframes flipOutX { from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 }
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important }
@-webkit-keyframes flipOutY { from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 }
}
@keyframes flipOutY { from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 }
}
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY }
@-webkit-keyframes lightSpeedIn { from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to { -webkit-transform: none; transform: none; opacity: 1 }
}
@keyframes lightSpeedIn { from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to { -webkit-transform: none; transform: none; opacity: 1 }
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
@-webkit-keyframes lightSpeedOut { from {
opacity:1
}
to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 }
}
@keyframes lightSpeedOut { from {
opacity:1
}
to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 }
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
@-webkit-keyframes rotateIn { from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 }
}
@keyframes rotateIn { from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn }
@-webkit-keyframes rotateInDownLeft { from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
@keyframes rotateInDownLeft { from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft }
@-webkit-keyframes rotateInDownRight { from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
@keyframes rotateInDownRight { from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight }
@-webkit-keyframes rotateInUpLeft { from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
@keyframes rotateInUpLeft { from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft }
@-webkit-keyframes rotateInUpRight { from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
@keyframes rotateInUpRight { from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight }
@-webkit-keyframes rotateOut { from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 }
}
@keyframes rotateOut { from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 }
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut }
@-webkit-keyframes rotateOutDownLeft { from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 }
}
@keyframes rotateOutDownLeft { from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 }
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight { from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 }
}
@keyframes rotateOutDownRight { from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 }
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft { from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 }
}
@keyframes rotateOutUpLeft { from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 }
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight { from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 }
}
@keyframes rotateOutUpRight { from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 }
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight }
@-webkit-keyframes hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 }
}
@keyframes hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 }
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge }
@-webkit-keyframes rollIn { from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes rollIn { from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn }
@-webkit-keyframes rollOut { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) }
}
@keyframes rollOut { from {
opacity:1
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) }
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut }
@-webkit-keyframes zoomIn { from {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn { from {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
@-webkit-keyframes zoomInDown { from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown { from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown }
@-webkit-keyframes zoomInLeft { from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft { from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft }
@-webkit-keyframes zoomInRight { from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight { from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight }
@-webkit-keyframes zoomInUp { from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp { from {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp }
@-webkit-keyframes zoomOut { from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to { opacity: 0 }
}
@keyframes zoomOut { from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to { opacity: 0 }
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut }
@-webkit-keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown }
@-webkit-keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center }
}
@keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center }
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft }
@-webkit-keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center }
}
@keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center }
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight }
@-webkit-keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp }
@-webkit-keyframes slideInDown { from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes slideInDown { from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown }
@-webkit-keyframes slideInLeft { from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes slideInLeft { from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft }
@-webkit-keyframes slideInRight { from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes slideInRight { from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight }
@-webkit-keyframes slideInUp { from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes slideInUp { from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }
@-webkit-keyframes slideOutDown { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
@keyframes slideOutDown { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown }
@-webkit-keyframes slideOutLeft { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
}
@keyframes slideOutLeft { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft }
@-webkit-keyframes slideOutRight { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@keyframes slideOutRight { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight }
@-webkit-keyframes slideOutUp { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
}
@keyframes slideOutUp { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }
.lazyBG { opacity: 0.3; -webkit-transition: opacity 1s cubic-bezier(0.31, -0.18, 0.52, 1.46); -moz-transition: opacity 1s cubic-bezier(0.31, -0.18, 0.52, 1.46); -ms-transition: opacity 1s cubic-bezier(0.31, -0.18, 0.52, 1.46); -o-transition: opacity 1s cubic-bezier(0.31, -0.18, 0.52, 1.46); transition: opacity 1s cubic-bezier(0.31, -0.18, 0.52, 1.46) }
.lazyBG.bgloaded { opacity: 1 }
.bttrlazyloading-wrapper { background-repeat: no-repeat; background-position: center; display: block; width: 100% }
.bttrlazyloading, .bttrlazyloading-clone { margin: 0; padding: 0; border: 0; display: block; height: auto; max-width: 100% }
.bttrlazyloading-loaded { background-image: none !important }
#comments h3 { font-size: 20px; font-size: 1.25rem; margin-bottom: 20px }
#comments h3 span { color: #6ACFF6 }
#comments .commentlist { list-style: none; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid #EEE }
#comments .commentlist a { text-decoration: none }
#comments .commentlist li, #comments .commentlist li ul, #comments .commentlist li ul li { margin: 30px 0 0 }
#comments .commentlist ul:first-child { margin-top: 0 }
#comments .commentlist li { position: relative; margin: 30px 0 0 30px }
#comments .commentlist li .comment-wrap { position: relative; border: 1px solid #E5E5E5; border-radius: 5px; padding: 20px 20px 20px 35px }
#comments .commentlist li .comment-content { padding: 0 0 0 15px; position: relative }
#comments .commentlist li .comment-content .comment-author { line-height: 1; font-size: 16px; font-weight: 700; color: #555 }
#comments .commentlist li .comment-content .comment-author a { border: none; color: #333; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out }
#comments .commentlist li .comment-content .comment-author a:hover { color: #6ACFF6 }
#comments .commentlist li .comment-content .comment-author span { display: block }
#comments .commentlist li .comment-content .comment-author span a { font-size: 12px; font-weight: 400; font-style: italic; color: #AAA; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out }
#comments .commentlist li .comment-content .comment-author span a:hover { color: #888 }
#comments .commentlist li .comment-meta { float: left; margin-right: 0; line-height: 1 }
#comments .commentlist li .comment-avatar { position: absolute; top: 15px; left: -35px; padding: 4px; background: #FFF; border: 1px solid #E5E5E5; border-radius: 50% }
#comments .commentlist li .comment-avatar img { display: block; border-radius: 50% }
#comments .commentlist li ul.children { margin-top: 0; list-style: none; padding: 0 }
#comments .commentlist li ul.children .comment-avatar { left: -25px }
#comments .commentlist li ul.children .comment-avatar img { width: 40px; height: 40px }
#comments .commentlist li ul.children li .comment-wrap { margin-left: 25px; padding-left: 20px }
#comments .commentlist li ul.children li .children { margin-left: 30px }
#comments .commentlist>li:first-child { padding-top: 0; margin-top: 0 }
#comments .commentlist .comment-reply-link { display: block; position: absolute; top: 4px; left: auto; text-align: center; right: 0; width: 16px; height: 14px; color: #CCC; font-size: 14px; line-height: 1; overflow: hidden }
#comments .commentlist .comment-reply-link:before { width: 14px; height: 14px; display: block; content: "\f112"; font-family: 'FontAwesome' }
#comments .commentlist .comment-reply-link:hover { color: #888 }
#respond { padding-bottom: 50px }
#respond h3 { font-size: 20px; font-size: 1.25rem; color: #6ACFF6 }
#respond .col_one_third { width: 30%; margin-right: 5%; float: left }
@media only screen and (max-width: 767px) {
#respond .col_one_third { width: 100%; float: none; margin: 0 }
}
#respond .col_one_third.comment-form-url { margin-right: 0 }
#respond input { width: 100%; height: 41px; padding: 0 10px; border: 1px solid #DDDDDD }
#respond input[type="submit"] { width: auto; padding: 0 22px; background: #6ACFF6; border-bottom: 3px solid rgba(0,0,0,0.15); border-radius: 3px; text-transform: uppercase; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2) }
#respond textarea { width: 100%; height: 150px; padding: 10px; border: 1px solid #DDDDDD }
.alignnone { margin: 5px 0 20px 0 }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto }
.alignright { float: right; margin: 5px 0 20px 20px }
.alignleft { float: left; margin: 5px 20px 20px 0 }
a img.alignright { float: right; margin: 5px 0 20px 20px }
a img.alignnone { margin: 5px 0 20px 0 }
a img.alignleft { float: left; margin: 5px 20px 20px 0 }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center }
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 }
div.wpcf7 { margin: 0; padding: 0 }
div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em }
div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0 }
div.wpcf7-mail-sent-ok { border: 2px solid #398f14 }
div.wpcf7-mail-sent-ng { border: 2px solid #ff0000 }
div.wpcf7-spam-blocked { border: 2px solid #ffa500 }
div.wpcf7-validation-errors { border: 2px solid #f7e700 }
.wpcf7-form-control-wrap { position: relative }
span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block }
.use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em }
span.wpcf7-list-item { margin-left: 0.5em }
.wpcf7-display-none { display: none }
div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px }
div.wpcf7 div.ajax-error { display: none }
div.wpcf7 .placeheld { color: #888 }
#page div.cs-select { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#page div.cs-select:focus { outline: none }
#page div.cs-select select { display: none }
#page div.cs-select span { display: block; position: relative; cursor: pointer; padding: 0 30px 0 0 }
#page div.cs-select>span { background-color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 1.32em }
#page div.cs-select>span::after, #page div.cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'FontAwesome'; content: '\f0d7'; -webkit-backface-visibility: hidden; backface-visibility: hidden }
#page div.cs-select .cs-options { position: absolute; z-index: 100; overflow: visible; background: transparent; opacity: 1; pointer-events: none; left: -1px; right: -1px; top: 100% }
#page div.cs-select .cs-options>ul::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); background: #fff; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s }
#page div.cs-select.cs-active .cs-options { visibility: visible; pointer-events: auto; border: 1px solid #e4e4e4 }
#page div.cs-select.cs-active .cs-options>ul::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: none; transition: none; -webkit-animation: expand 0.6s ease-out; animation: expand 0.6s ease-out }
#page div.cs-select ul { list-style: none; margin: 0; padding: 0; width: 100% }
#page div.cs-select ul li { opacity: 0; padding: 10px; -webkit-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); -webkit-transition: opacity 0.15s, -webkit-transform 0.15s; transition: opacity 0.15s, transform 0.15s }
#page div.cs-select ul li:first-child {/*display:none*/ }
#page div.cs-select ul span { padding: 0 10px }
#page div.cs-select ul li.cs-focus span { background-color: #ddd }
#page div.cs-select ul li.cs-optgroup ul { padding-left: 1em }
#page div.cs-select ul li.cs-optgroup>span { cursor: default }
#page div.cs-select.cs-active .cs-options ul li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: none; transition: none; -webkit-animation: bounce 0.6s ease-out; animation: bounce 0.6s ease-out }
#page div.cs-select .cs-options span:hover, #page div.cs-select .cs-options li.cs-focus span, #page div.cs-select .cs-options .cs-selected span { font-weight: bold }
#page div.cs-select .cs-options .cs-selected span::after { content: '' }
@-webkit-keyframes expand { 0% {
-webkit-transform:scale3d(1, 0, 1)
}
25% {
-webkit-transform:scale3d(1, 1.2, 1)
}
50% {
-webkit-transform:scale3d(1, 0.85, 1)
}
75% {
-webkit-transform:scale3d(1, 1.05, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1)
}
}
@keyframes expand { 0% {
-webkit-transform:scale3d(1, 0, 1);
transform:scale3d(1, 0, 1)
}
25% {
-webkit-transform:scale3d(1, 1.2, 1);
transform:scale3d(1, 1.2, 1)
}
50% {
-webkit-transform:scale3d(1, 0.85, 1);
transform:scale3d(1, 0.85, 1)
}
75% {
-webkit-transform:scale3d(1, 1.05, 1);
transform:scale3d(1, 1.05, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes bounce { 0% {
-webkit-transform:translate3d(0, -25px, 0);
opacity:0
}
25% {
-webkit-transform:translate3d(0, 10px, 0)
}
50% {
-webkit-transform:translate3d(0, -6px, 0)
}
75% {
-webkit-transform:translate3d(0, 2px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes bounce { 0% {
-webkit-transform:translate3d(0, -25px, 0);
transform:translate3d(0, -25px, 0);
opacity:0
}
25% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
50% {
-webkit-transform:translate3d(0, -6px, 0);
transform:translate3d(0, -6px, 0)
}
75% {
-webkit-transform:translate3d(0, 2px, 0);
transform:translate3d(0, 2px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
html, body { font-family: 'Futura', sans-serif; margin: 0; padding: 0; font-size: 100%; line-height: 1.3 }
@media only screen and (max-width: 767px) {
html, body { font-size: 14px }
}
img { max-width: 100%; height: auto }
a, a:hover, a:focus { outline: none; color: inherit; text-decoration: none }
h1, h2, h3, h4, h5, b, strong { font-weight: bold }
.container { position: relative }
@media only screen and (min-width: 1400px) {
.container { width: 1370px }
}
@media only screen and (min-width: 1600px) {
.container { width: 1530px }
}
[ng\:cloak], [ng-cloak], .ng-cloak {
display:none !important
}
.cls-1 { fill: #6ACFF6 }
.cls-2 { fill: #006BB6 }
#searchform { width: 225px; position: relative }
#searchform input { width: 100%; height: 24px; border-radius: 12px; background: #FFF; border: 1px solid #FFF; outline: none; color: #6d6f72; padding: 0 20px; font-weight: 300; font-size: 14px; font-size:.875rem
}
#searchform input[type="submit"] { background-image: url("../images/search.svg"); background-size: 15px; border-bottom-left-radius: 0; border-top-left-radius: 0; width: 25px; height: 20px; position: absolute; top: 2px; right: 0; font-size: 1px; color: transparent; background-repeat: no-repeat; background-position: center; border-left: 1px solid #808285 }
.bn, .button a, #main .nav-links a, #main .posts_loop .post a, #post aside #all-btn, #slider .content a, #boxes .items .item .content a, #page .files .item .download a, #page .files #moreBTN, #liners-table #moreBTN, #ships-table #moreBTN, #tides-table #moreBTN, #departures-table #moreBTN, #arrivals-table #moreBTN { display: inline-block; border: 3px solid #6ACFF6; border-radius: 20px; line-height: 40px; font-size: 20px; font-size: 1.25rem; font-weight: bold; padding: 0 25px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
.bn:hover, .button a:hover, #main .nav-links a:hover, #main .posts_loop .post a:hover, #post aside #all-btn:hover, #slider .content a:hover, #boxes .items .item .content a:hover, #page .files .item .download a:hover, #page .files #moreBTN:hover, #liners-table #moreBTN:hover, #ships-table #moreBTN:hover, #tides-table #moreBTN:hover, #departures-table #moreBTN:hover, #arrivals-table #moreBTN:hover { background: #6ACFF6; color: #fff !important; }
@media only screen and (max-width: 1199px) {
.bn, .button a, #main .nav-links a, #main .posts_loop .post a, #post aside #all-btn, #slider .content a, #boxes .items .item .content a, #page .files .item .download a, #page .files #moreBTN, #liners-table #moreBTN, #ships-table #moreBTN, #tides-table #moreBTN, #departures-table #moreBTN, #arrivals-table #moreBTN { font-size: 16px; font-size: 1rem }
header .main-nav li a { padding:10px 6px 15px; font-size:11px !important; }
}
.swiper-button-prev, .swiper-button-next { background: url("../images/arrow.png") no-repeat center center; width: 30px; height: 30px; margin-top: -15px }
.swiper-button-prev { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1) }
.button { padding: 10px 0; display: inline-block; text-transform: uppercase }
.button a { padding: 10px 25px; line-height: 1.25 }
main form#searchform { border-radius: 12px; border: 1px solid #808285 }
main.error-404 article { text-align: center; padding: 80px 0 }
main.error-404 form { margin: 25px auto 0 }
header { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background-color: #000; background-color: rgba(0,0,0,0.75); height:116px; }
.brexitinfo{ position:fixed; top:116px; height:36px; left:0; width:100%; background:#6BCFF6; z-index:3; text-align:center; }
.brexitinfo a{ display:inline-block; line-height:36px; color:#fff; font-size:18px; text-transform:uppercase; text-decoration:underline; font-weight:700; }
.home .brexitinfo{ height:43px; }
.home .brexitinfo a{ line-height:43px; font-size:20px; }
header.small{ height:auto; }
header.small + .brexitinfo { display:none; }
header #menu_toggle { outline: none; display: none }
@media only screen and (max-width: 991px) {
header #menu_toggle { display: block; position: relative; z-index: 9999 }
}
@media only screen and (max-width: 767px) {
header #menu_toggle { width: 30%; text-align: right }
}
header .social-media, header .copyright { display: none }
@media only screen and (max-width: 991px) {
header .social-media, header .copyright { display: block; text-align: center }
}
@media only screen and (max-width: 991px) {
header .social-media { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; width: 100%; max-width: 500px; margin: auto; padding: 15px 15px 45px }
header .social-media .fa { height: 68px; width: 68px; line-height: 68px; text-align: center; font-size: 34px; background: #FFF; border-radius: 50%; display: inline-block; color: #212121 }
}
@media only screen and (max-width: 359px) {
header .social-media .fa { height: 55px; width: 55px; line-height: 55px; font-size: 27.5px }
}
header .hwrap { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -ms-align-items: center; justify-content: space-between; -ms-justify-content: space-between }
header #logo { padding: 20px 0; position: relative; z-index: 9999; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
header #logo svg { height: 55px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
header .main-nav li .toggle-btn-submenu { position: absolute; width: 20px; height: 20px; top: 18px; right: -10px; }
header .main-nav li .toggle-btn-submenu::before { content: ""; position: absolute; left: 4px; top: 6px; width: 0px; height: 0px; border-color: #6ACFF6; border-width: 3px 3px 0px 0px; border-style: solid; padding: 3px; display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
header .main-nav li ul.sub-menu li .toggle-btn-submenu { display: none; }
 @media only screen and (max-width: 1199px) {
header #logo svg { height: 35px }
header .main-nav li .toggle-btn-submenu { top: 8px; }
}
@media only screen and (max-width: 991px) {
header #logo { padding: 10px 0 }
header #logo svg { height: 35px; width: 166px }
header .main-nav li a { display: inline-block !important; }
header .main-nav li .toggle-btn-submenu { right: -5px; top: 4px; position: relative; }
header .main-nav li .toggle-btn-submenu::before { padding: 5px; left: 3px; top: 0px; }
}
@media only screen and (max-width: 767px) {
header #logo { text-align: left; width: 70% }
}
header nav { color: #FFF; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse }
header nav ul { margin: 0; padding: 0; list-style: none; font-size: 14px; font-size:.875rem
}
header nav ul li { display: inline-block }
@media only screen and (min-width: 992px) {
header nav { pointer-events: visible !important; opacity: 1 !important }
}
@media only screen and (max-width: 991px) {
header nav { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 100; padding: 100px 0 30px; background-color: #000; background-color: rgba(0,0,0,0.9); opacity: 0; pointer-events: none }
header nav.animated { pointer-events: visible; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; opacity: 1 }
header nav ul { text-align: center; font-size: 20px; font-size: 1.25rem; line-height: 48px; line-height: 3rem }
header nav ul li { display: block }
}
header .top-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; -ms-justify-content: flex-end; align-items: center; -ms-align-items: center; overflow: hidden; height: 58px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
header .top-nav li { position: relative }
header .top-nav li a { display: block; padding: 20px 5px; font-weight: 300 }
@media only screen and (max-width: 1199px) {
header .top-nav li a { padding: 15px 5px 10px }
}
@media only screen and (max-width: 991px) {
header .top-nav li a { font-weight: bold; padding: 0 }
}
@media only screen and (max-width: 1199px) {
header .top-nav { height: 43px }
}
@media only screen and (max-width: 991px) {
header .top-nav { height: auto; display: block; text-transform: uppercase }
header .top-nav:before { content: ""; display: block; width: 70%; max-width: 320px; height: 2px; background: #656565; margin: 10px auto }
header .top-nav form { display: none }
}
header .top-nav #menu-top-nav { margin-right: 5px }
header .main-nav { text-transform: uppercase; text-align: right; height: 58px }
@media only screen and (max-width: 991px) {
header .main-nav { height: auto }
}
header .main-nav li { position: relative }
header .main-nav li a { display: block; padding: 20px; font-weight: bold }
@media only screen and (max-width: 1599px) {
header .main-nav li a { padding: 20px 10px }
}
@media only screen and (max-width: 1399px) {
header .main-nav li a { padding: 20px 5px; font-size: 12px !important; font-size:.8125rem
}
}
@media only screen and (max-width: 1199px) {
header .main-nav li a { padding: 10px 6px 15px; font-size:11px !important; }
header .main-nav li .toggle-btn-submenu:before{ top:5px; }
header{ height:87px; }
.brexitinfo{ top:87px; }
}
@media only screen and (max-width: 991px) {
header .main-nav li a { padding: 0; font-size: 20px; font-size: 1.25rem; line-height: 48px; line-height: 3rem }
header{ height:56px; }
.brexitinfo{ top:56px; height:36px; }
.brexitinfo a{ font-size:18px; line-height:36px; }
.home .brexitinfo{ height:36px; }
.home .brexitinfo a{ line-height:36px; font-size:18px; }
}
/*header .main-nav li:last-child a {
    padding-right: 0
}
header .main-nav li.menu-item-has-children>a:after {
    content: ">";
    color: #6ACFF6;
    margin-left: 5px;
    font-weight: 300
}*/


@media only screen and (max-width: 991px) {
header .main-nav li.menu-item-has-children>a:after { position: absolute }
}
header .main-nav li.current-menu-parent>a, header .main-nav li:hover>a, header .main-nav li.is-active>a, header .main-nav li.active>a { color: #6ACFF6 }
header .main-nav li:hover ul { opacity: 1; visibility: visible }
header .main-nav li ul { position: absolute; opacity: 0; visibility: hidden; background-color: #000; background-color: rgba(0,0,0,0.75); padding: 10px 20px; color: #adaeb0; font-weight: 300; text-transform: none; text-align: left }
@media only screen and (min-width: 992px) {
header .main-nav li ul { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
}
header .main-nav li ul li { display: block }
header .main-nav li ul li a { padding: 5px 0; line-height: 1.25; font-weight: 400 }
header .main-nav li ul li:hover>a, header .main-nav li ul li.active>a { color: #FFF }
@media only screen and (min-width: 992px) {
header .main-nav li ul { display: block !important }
}
@media only screen and (max-width: 991px) {
header .main-nav li ul { display: none; position: static; background: transparent; text-align: center; visibility: visible; opacity: 1; color: #FFF }
header .main-nav li ul li a { font-weight: 300; line-height: 2em }
header .main-nav li ul li:focus>a, header .main-nav li ul li:hover>a, header .main-nav li ul li.active>a { font-weight: bold }
}
header.small .top-nav { height: 0px }
header.small #logo { padding: 10px 0 }
header.small #logo svg { height: 35px }
#social { padding: 40px 0; text-align: center; background: #006BB6 }
#social .fa { height: 68px; width: 68px; line-height: 68px; text-align: center; font-size: 34px; background: #FFF; border-radius: 50%; margin-left: 60px; display: inline-block; color: #006BB6 }
#social a:first-of-type .fa { margin-left: 0 }
@media only screen and (max-width: 767px) {
#social { padding: 30px 0 }
#social .social { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; width: 100%; max-width: 500px; margin: auto }
#social .fa { margin: 0; height: 55px; width: 55px; line-height: 55px; font-size: 27.5px }
}
footer { background: #575757; color: #FFF; padding: 10px 0; font-size: 15px; font-size:.9375rem;
font-weight: 300 }
@media only screen and (max-width: 767px) {
footer { padding: 20px 0 }
}
footer .wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; flex-direction: row-reverse }
@media only screen and (max-width: 767px) {
footer .wrap { display: block; text-align: center; font-size: 10.5px }
}
footer p { margin: 0 }
footer ul { text-align: right; margin: 0; padding: 0; list-style: none }
footer ul li { display: inline-block }
footer ul li a:after { content: "|"; margin: 0 5px }
footer ul li:last-child a:after { content: none }
@media only screen and (max-width: 767px) {
footer ul { text-align: center; margin: 0 -10px 10px }
footer ul li a:after { margin: 0 3px }
}
#main { padding: 20px 0 40px; font-size: 20px; font-size: 1.25rem; font-weight: 300; color: #6d6f72 }
#main .nav-links { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between }
#main h1 { color: #6ACFF6; text-transform: uppercase; font-size: 40px; font-size: 2.5rem; text-align: center }
#main .posts_loop { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; margin: 0 -15px 15px }
#main .posts_loop .post { width: calc(33.333% - 30px); margin: 15px; height: 340px; background: #CCC; position: relative; z-index: 300; font-size: 20px; font-size: 1.25rem }
@media only screen and (max-width: 1199px) {
#main .posts_loop .post { height: 275px; font-size: 16px; font-size: 1rem }
}
@media only screen and (max-width: 991px) {
#main .posts_loop .post { width: calc(50% - 30px) }
}
@media only screen and (max-width: 767px) {
#main .posts_loop .post { width: calc(100% - 30px) }
}
#main .posts_loop .post .post-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat }
#main .posts_loop .post .post-image img { min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none }
#main .posts_loop .post .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; background-color: #000; background-color: rgba(0,0,0,0.3); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; flex-direction: column; -ms-flex-direction: column; justify-content: flex-end; -ms-justify-content: flex-end; color: #FFF; padding: 30px }
#main .posts_loop .post .text:hover { background-color: #000; background-color: rgba(0,0,0,0.7) }
#main .posts_loop .post h2 { font-size: 20px; font-size: 1.25rem; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; margin: 0 }
@media only screen and (max-width: 1199px) {
#main .posts_loop .post h2 { font-size: 16px; font-size: 1rem }
}
#main .posts_loop .post .date { font-weight: 300; height: 0; overflow: hidden; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
#main .posts_loop .post .link { margin-top: 35px; height: 0; overflow: hidden; text-align: center; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
@media only screen and (max-width: 1199px) {
#main .posts_loop .post .link { margin-top: 20px }
}
#main .posts_loop .post a { text-transform: uppercase; padding: 0 60px }
@media only screen and (max-width: 1199px) {
#main .posts_loop .post a { padding: 0 30px; font-size: 14px; font-size:.875rem;
line-height: 30px; border-radius: 15px }
}
#main .posts_loop .post.hover .date, #main .posts_loop .post:focus .date, #main .posts_loop .post:hover .date { height: 35px }
@media only screen and (max-width: 1199px) {
#main .posts_loop .post.hover .date, #main .posts_loop .post:focus .date, #main .posts_loop .post:hover .date { height: 20px }
}
#main .posts_loop .post.hover .link, #main .posts_loop .post:focus .link, #main .posts_loop .post:hover .link { height: 50px }
#main #moreitems { padding: 0 60px; text-transform: uppercase; cursor: pointer }
#post { padding: 130px 0 40px; font-size: 20px; font-size: 1.25rem; font-weight: 300; color: #6d6f72 }
@media only screen and (max-width: 1199px) {
#post { padding: 105px 0 40px }
}
@media only screen and (max-width: 991px) {
#post { padding: 70px 0 40px }
}
#post article { padding: 0 0 20px; border-bottom: 1px solid #E8E8E8 }
@media only screen and (max-width: 991px) {
#post article { border-bottom: 0 }
}
#post article a { text-decoration: underline }
#post .date { color: #6ACFF6; margin: 0 }
#post .title { color: #6ACFF6; font-size: 25px; font-size: 1.5625rem; text-transform: uppercase; margin: 5px 0 15px }
#post .post-image { background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #6d6f72; width: 100%; height: 520px; position: relative; margin-bottom: 20px }
@media only screen and (max-width: 1199px) {
#post .post-image { height: 450px }
}
@media only screen and (max-width: 991px) {
#post .post-image { height: 375px }
}
@media only screen and (max-width: 767px) {
#post .post-image { height: 250px }
}
#post .gallery-swiper { width: 100%; height: 520px; position: relative; margin-bottom: 20px }
#post .gallery-swiper .swiper-slide { background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #6d6f72 }
@media only screen and (max-width: 1199px) {
#post .gallery-swiper { height: 450px }
}
@media only screen and (max-width: 991px) {
#post .gallery-swiper { height: 375px }
}
@media only screen and (max-width: 767px) {
#post .gallery-swiper { height: 250px }
}
#post h5 { font-weight: 300 }
#post .share-box { display: inline-block }
#post #boxes { padding: 40px 0 0 }
@media only screen and (max-width: 991px) {
#post #boxes { display: none }
}
#post #boxes h3 { margin: 0; font-size: 20px; font-size: 1.25rem; text-transform: uppercase }
#post aside h2 { font-size: 20px; font-size: 1.25rem; color: #3d3d3d; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #E8E8E8; margin: 30px 0 25px }
#post aside .post { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #E8E8E8 }
#post aside .post:nth-of-type(4) { border-bottom: 0 }
#post aside .post h3 { font-size: 18px; font-size: 1.125rem; color: #3d3d3d; text-transform: uppercase; margin: 0 }
#post aside .post .date { color: #3d3d3d; font-size: 18px; font-size: 1.125rem }
#post aside .post .excerpt { color: #6e6f72; font-size: 18px; font-size: 1.125rem; font-weight: 300; margin: 15px 0 10px }
#post aside .post a { font-weight: bold; color: #3d3d3d }
#post aside #all-btn { text-transform: uppercase; padding: 0 60px }
@media only screen and (max-width: 767px) {
#post aside #all-btn { padding: 0 25px }
}
.share { background: #808285; padding-right: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; }
.share span#myTooltip { position: absolute; top: -51px; right: 0; margin:0; }
.share span#myTooltip:after{ border-style: solid; border-width: 10px 10px 0 10px; border-color:#006BB6 transparent transparent transparent; top:100%; margin:0; right:70px; }

.share span { padding: 0 20px 0 20px; margin-right: 15px; line-height: 40px; display: inline-block; background: #006BB6; position: relative; color: #FFF }
.share span:after { content: ""; display: inline-block; position: absolute; right: -10px; top: 50%; margin-top: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #006BB6 }
.share a { display: inline-block; width: 46px; height: 40px; overflow: hidden; text-align: center; position: relative; background: #808285; color: #FFF; margin: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.share a i { padding: 0; margin: 0; border-radius: 0; background: none; display: block; position: absolute; line-height: 40px; width: 46px; height: 40px; text-align: center; font-size: 20px; top: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.share a i:last-child { top: 40px; color: #FFF !important }
@media only screen and (max-width: 767px) {
.share a { margin: 1px; width: 34.5px; height: 30px }
.share a i { line-height: 30px; width: 34.5px; height: 30px; font-size: 15px }
}
.share a:hover i { top: -40px }
.share a:hover i:last-child { top: 0 }
.share a.facebook:hover { background: #3B5998 }
.share a.linkedin:hover { background: #0077B5 }
.share a.whatsapp01:hover { background: #075E54 }
.share a.twitter:hover { background: #00ACEE }
.share a.pinterest:hover { background: #C8232C }
.share a.google:hover { background: #DD4B39 }
.share a.rss:hover { background: #EE802F }
.share a.mail:hover { background: #6567A5 }
#slider { height: 100vh; width: 100% }
#slider .swiper-container { height: 100%; width: 100% }
#slider .swiper-slide { background-size: cover; background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,0.5); position: relative }
#slider .swiper-slide.yt { background-color: #000 }
#slider .swiper-pagination-bullet { width: 16px; height: 16px; background: #FFF; opacity: 0.5 }
#slider .swiper-pagination-bullet-active { opacity: 1 }
#slider .content { position: absolute; bottom: 100px; left: 0; text-align: center; padding: 0 15px; width: 100%; color: #FFF; background:rgba(0,0,0,0.5); }
@media only screen and (max-width: 767px) {
#slider .content { bottom: 75px }
}
#slider .content h2 { font-size: 35px; font-size: 2.1875rem }
@media only screen and (max-width: 767px) {
#slider .content h2 { font-size: 20px; font-size: 1.25rem }
#slider .content h2 br { display: none }
}
#slider .content a { margin-top: 45px }
@media only screen and (max-width: 767px) {
#slider .content a { margin-top: 10px }
}
#slider .video, #slider .video iframe { padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none }
@media (min-aspect-ratio: 16 / 9) {
#slider .video { height: 300%; top: -100% }
}
@media (max-aspect-ratio: 16 / 9) {
#slider .video { width: 300%; left: -100% }
}
#statistics { padding: 40px 0; text-align: center; color: #6d6f72; font-size: 20px; font-size: 1.25rem; text-transform: uppercase }
#statistics .arrow-next, #statistics .arrow-prev { display: none }
@media only screen and (max-width: 767px) {
#statistics .arrow-next, #statistics .arrow-prev { display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -22px; right: 15px; width: 35px; z-index: 400; text-align: right }
#statistics .arrow-next svg, #statistics .arrow-prev svg { fill: #c1c1c0; fill-rule: evenodd }
}
@media only screen and (max-width: 767px) {
#statistics .arrow-prev { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); left: 15px; right: auto }
}
#statistics h2 { font-size: 40px; font-size: 2.5rem; font-weight: bold; color: #6ACFF6; margin: 0 0 15px }
@media only screen and (max-width: 1199px) {
#statistics h2 { font-size: 36px; font-size: 2.25rem }
}
#statistics .swiper-wrapper { align-items: stretch; -ms-align-items: stretch }
#statistics .swiper-slide { height: auto }
#statistics .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-self: center; -ms-align-self: center; justify-content: space-between; -ms-justify-content: space-between; flex-direction: column; height: 100% }
#statistics svg { margin: 40px auto 20px auto;max-height:137px;max-width: 280px;}
#statistics p { margin: 0 }
#statistics .col-md-4:nth-of-type(2) .val { font-size: 63px; font-size: 3.9375rem }
#statistics .val { font-size: 56px; font-size: 3.5rem; line-height: 56px; line-height: 3.5rem; font-weight: bold; margin: 0 }
@media only screen and (max-width: 1199px) {
#statistics .val { font-size: 45px; font-size: 2.8125rem; line-height: 45px; line-height: 2.8125rem }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#statistics .val { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem }
}
#info { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px 0 }
@media only screen and (max-width: 767px) {
#info { padding: 10px 15px }
}
#info .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-items: stretch; -ms-align-items: stretch; -ms-align-items: stretch; justify-content: center; -ms-justify-content: center; margin: 0 -15px; word-break: break-word }
#info .item { background: #FFF; margin: 15px; width: calc(33% - 30px) }
#info .wheatherrightside .item { width: 100%; max-width: 100%; margin: 0px; box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); }
.weatherpart p.col-md-6 { display: inline-block; }
@media only screen and (max-width: 1399px) {
#info .item { width: calc(33% - 20px); margin: 10px }
}
@media only screen and (max-width: 1199px) {
#info .item { width: calc(50% - 20px) }
/*#info .wheatherrightside .item .weather-info .data{font-size: 14px;}
#info .wheatherrightside .item .weather-info .data span{ font-size:14px;}
#info .wheatherrightside .item .weather-info .svg{ margin-right:20px;}
#info .wheatherrightside .item .box-title{ height:auto; padding:0;}
#info .wheatherrightside .item .box-title h3{ padding:25px 15px;}*/
}
@media only screen and (max-width: 767px) {
#info .item { width: 100%; margin: 10px 0 }
}
#info .box-title { padding: 35px 15px 10px; text-align: center; height: 100px; color: #FFF; background: #006BB6; font-size: 20px; font-size: 1.25rem; font-weight: 300 }
#info .box-title h3 { font-weight: bold; font-size: 25px; font-size: 1.5625rem; line-height: 1; text-transform: uppercase; margin: 0 }
.weatherpart { text-align: center; }
.weatherpart p.col-md-6 a img.alignleft { float: none; display: inline-block; margin-right: 0px; width: 100%; max-width: 100%; }
#info .wheatherrightside .item .box-title { cursor: pointer; }
@media only screen and (max-width: 1399px) {
#info .box-title { font-size: 16px; font-size: 1rem }
#info .box-title h3 { font-size: 20px; font-size: 1.25rem }
}
#info .box-content { padding: 20px 10px }
@media only screen and (max-width: 767px) {
#info .box-content { display: none }
#info .box-content.active { display: block }
}
#info .weather-info { padding: 30px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -ms-align-items: center; justify-content: space-between; -ms-justify-content: space-between }
@media only screen and (max-width: 1399px) {
#info .weather-info { padding: 20px 0 }
}
#info .weather-info .svg { width: 25% }
#info .weather-info .svg svg { margin: auto; display: block }
#info .weather-info .data { width: 75%; text-align: left; font-size: 20px; font-size: 1.25rem; font-weight: 300; color: #6d6f72; text-transform: uppercase }
#info .weather-info .data p { margin: 0 }
#info .weather-info .data span { font-size: 25px; font-size: 1.5625rem; color: #6ACFF6; font-weight: bold }
@media only screen and (max-width: 1399px) {
#info .weather-info .data { font-size: 16px; font-size: 1rem }
#info .weather-info .data span { font-size: 20px; font-size: 1.25rem }
}
#info .arrivals-data { padding: 30px 20px; text-align: center; color: #6d6f72 }
#info .arrivals-data:first-child { padding-bottom: 50px }
#info .arrivals-data h3 { font-size: 25px; font-size: 1.5625rem; color: #6ACFF6; margin: 0 0 20px; text-align: center; text-transform: uppercase }
#info .arrivals-data svg { max-height: 30px; max-width: 45px }
#info .arrivals-data .val { font-size: 20px; font-size: 1.25rem; font-weight: 300; text-transform: uppercase; text-align: left; width: calc(100% - 50px) }
#info .arrivals-data .data { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; -ms-align-items: flex-start; padding: 0 0 5px }
#info .arrivals-data .data .svg { width: 50px; padding-top: 2px }
#info .arrivals-data a.bn, #info .arrivals-data .button a, .button #info .arrivals-data a, #info .arrivals-data #main .nav-links a, #main .nav-links #info .arrivals-data a, #info .arrivals-data #main .posts_loop .post a, #main .posts_loop .post #info .arrivals-data a, #info .arrivals-data #post aside a#all-btn, #post aside #info .arrivals-data a#all-btn, #info .arrivals-data #slider .content a, #slider .content #info .arrivals-data a, #info .arrivals-data #boxes .items .item .content a, #boxes .items .item .content #info .arrivals-data a, #info .arrivals-data #page .files .item .download a, #page .files .item .download #info .arrivals-data a, #info .arrivals-data #page .files a#moreBTN, #page .files #info .arrivals-data a#moreBTN, #info .arrivals-data #liners-table a#moreBTN, #liners-table #info .arrivals-data a#moreBTN, #info .arrivals-data #ships-table a#moreBTN, #ships-table #info .arrivals-data a#moreBTN, #info .arrivals-data #tides-table a#moreBTN, #tides-table #info .arrivals-data a#moreBTN, #info .arrivals-data #departures-table a#moreBTN, #departures-table #info .arrivals-data a#moreBTN, #info .arrivals-data #arrivals-table a#moreBTN, #arrivals-table #info .arrivals-data a#moreBTN { margin: 15px 0 0; text-transform: uppercase }
@media only screen and (max-width: 1399px) {
#info .arrivals-data { padding: 20px 15px }
#info .arrivals-data h3 { font-size: 20px; font-size: 1.25rem }
#info .arrivals-data .val { font-size: 16px; font-size: 1rem }
#info .arrivals-data a.bn, #info .arrivals-data .button a, .button #info .arrivals-data a, #info .arrivals-data #main .nav-links a, #main .nav-links #info .arrivals-data a, #info .arrivals-data #main .posts_loop .post a, #main .posts_loop .post #info .arrivals-data a, #info .arrivals-data #post aside a#all-btn, #post aside #info .arrivals-data a#all-btn, #info .arrivals-data #slider .content a, #slider .content #info .arrivals-data a, #info .arrivals-data #boxes .items .item .content a, #boxes .items .item .content #info .arrivals-data a, #info .arrivals-data #page .files .item .download a, #page .files .item .download #info .arrivals-data a, #info .arrivals-data #page .files a#moreBTN, #page .files #info .arrivals-data a#moreBTN, #info .arrivals-data #liners-table a#moreBTN, #liners-table #info .arrivals-data a#moreBTN, #info .arrivals-data #ships-table a#moreBTN, #ships-table #info .arrivals-data a#moreBTN, #info .arrivals-data #tides-table a#moreBTN, #tides-table #info .arrivals-data a#moreBTN, #info .arrivals-data #departures-table a#moreBTN, #departures-table #info .arrivals-data a#moreBTN, #info .arrivals-data #arrivals-table a#moreBTN, #arrivals-table #info .arrivals-data a#moreBTN { font-size: 16px; font-size: 1rem }
}
#info #tides { color: #6d6f72 }
@media only screen and (max-width: 1199px) {
#info #tides { width: 100% }
}
#info #tides #tides-box { padding: 0 15px }
#info #tides .sorter { display: none; position: absolute; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); background: #FFF; width: 100%; max-height: 300px; font-weight: 300; overflow: auto; top: 100%; left: 0; margin-top: 3px }
#info #tides .sorter ul { margin: 0; padding: 0; list-style: none }
#info #tides .sorter ul li { line-height: 2em; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; padding: 0 10px }
#info #tides .sorter ul li.active, #info #tides .sorter ul li:hover { background: #6ACFF6; color: #FFF }
#info #tides .date-sorter { text-align: center; font-size: 22px; font-size: 1.375rem; font-weight: bold; text-transform: uppercase; padding: 3px; cursor: pointer; border: 1px solid #6ACFF6; position: relative }
#info #tides .date-sorter a { display: block }
#info #tides .date-sorter svg, #info #tides .date-sorter .fa { float: right; position: relative; margin-left: 5px }
#info #tides .date-sorter svg { top: 4px }
#info #tides .date-sorter .fa { font-size: 18px; font-size: 1.125rem; top: 5px; color: #6ACFF6 }
#info #tides .tides { padding: 0 25px }
#info #tides .tides .tide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; padding: 40px 0; font-size: 20px; font-size: 1.25rem; border-bottom: 1px solid #E8E8E8 }
#info #tides .tides .tide:last-child { border: 0 }
#info #tides .tides .tide .height { text-align: right }
#info #tides .tides .tide strong { display: block }
#info #tides .tides .tide .height.low strong:before { content: 'Low ' }
#info #tides .tides .tide .height.high strong:before { content: 'High ' }
#boxes { padding: 40px 0 }
@media only screen and (max-width: 767px) {
#boxes { padding: 10px 15px }
}
#boxes .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-items: stretch; -ms-align-items: stretch; justify-content: center; -ms-justify-content: center; margin: 0 -15px }
#boxes .items .item { width: calc(100% / 3 - 31px); margin: 15px; background-size: cover; background-repeat: no-repeat; background-position: center; height: 20vw; position: relative }
@media only screen and (max-width: 991px) {
#boxes .items .item { width: calc(50% - 20px); margin: 10px; height: 27.5vw }
}
@media only screen and (max-width: 767px) {
#boxes .items .item { width: 100%; margin: 10px 0; height: 60vw }
}
#boxes .items .item .item-overflow { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.6; z-index: 1; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
#boxes .items .item .content { position: absolute; top: 50%; left: 0; width: 100%; z-index: 2; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #FFF; font-size: 20px; font-size: 1.25rem; font-weight: 300 }
#boxes .items .item .content a { border-color: transparent }
#boxes .items .item .content p:last-child { opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
#boxes .items .item:hover .item-overflow { opacity: 0.75 }
#boxes .items .item:hover .content p:last-child { opacity: 1 }
#boxes .items .item:hover a { border-color: #6ACFF6 }
#top { display: block; width: 100%; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center }
@media only screen and (max-width: 767px) {
#top { height: 200px }
}
article .fa { font-size: 29px; line-height: 58px; width: 58px; height: 58px; text-align: center; display: inline-block; margin: 5px 14.5px; border-radius: 50%; background: #6ACFF6; color: #FFF }
main .breadcrump { padding: 0 0 10px; margin: 0 0 40px; border-bottom: 1px solid #E8E8E8; color: #6d6f72; font-size: 15px; font-size:.9375rem
}
@media only screen and (max-width: 767px) {
main .breadcrump { display: none }
}
main .breadcrump p { margin: 0 }
main .map { overflow: auto; display: block; width: 100% }
main .map img { max-width: none }
#page { padding: 20px 0 40px; font-size: 20px; font-size: 1.25rem; font-weight: 300; color: #6d6f72 }
#page.lock .builder { max-width: 1000px }
#page p { margin: 0 0 10px }
#page ol { font-weight: bold; padding-left: 25px }
#page ol span { font-weight: 300 }
#page h1 { font-size: 40px; font-size: 2.5rem; margin: 0 0 0.75em; color: #6ACFF6; text-transform: uppercase }
@media only screen and (max-width: 767px) {
#page h1 { font-size: 32px; font-size: 2rem }
}
#page h2 { font-size: 25px; font-size: 1.5625rem; text-transform: uppercase; margin: 1em 0 }
#page h2 img { margin: 0 0 5px 10px }
#page h3 { font-size: 25px; font-size: 1.5625rem; margin: 1em 0 }
#page h4 { font-size: 20px; font-size: 1.25rem; color: #6ACFF6; margin: 5px 0 }
#page ul { padding: 0 0 0 1em }
#page ul li { padding-left: 30px; padding-bottom: 5px }
#page blockquote { border: 0; margin: 20px 0; padding: 0; font-size: 20px; font-size: 1.25rem; font-weight: bold; font-style: italic; color: #6ACFF6 }
#page aside ul { margin: 0; padding: 0 0 0 15px; list-style: none }
#page aside ul li { font-size: 20px; font-size: 1.25rem; line-height: 1.4; padding: 10px 0 }
#page aside ul li a { display: block; color: #6d6f72; opacity: 0.4; position: relative; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
#page aside ul li:hover a { color: #6ACFF6; opacity: 1 }
#page aside ul li.active a { color: #6ACFF6; opacity: 1; font-weight: bold }
#page aside ul li.active a:before { content: ">"; float: right }
#page .indent { padding-left: 20px; text-indent: -20px }
#contact .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-content: stretch; -ms-align-content: stretch; justify-content: space-between; -ms-justify-content: space-between }
#contact #map { width: 100%; min-height: 600px; height: calc(100% - 115px) }
@media only screen and (max-width: 991px) {
#contact #map { width: 100%; min-height: 0; height: 400px; margin-bottom: 25px }
}
#contact .map, #contact .contact-content { width: calc(50% - 15px) }
@media only screen and (max-width: 991px) {
#contact .map, #contact .contact-content { width: 100% }
}
#contact h2 { font-size: 20px; font-size: 1.25rem; margin: 0 }
#contact input, #contact select { -webkit-appearance: textfield; width: 100%; height: 40px; border: 1px solid #6ACFF6; background: #FFF; padding: 0 10px; margin-top: 15px; box-shadow: none !important }
#contact select { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzODYuMjU3IDM4Ni4yNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4Ni4yNTcgMzg2LjI1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cG9seWdvbiBwb2ludHM9IjAsOTYuODc5IDE5My4xMjksMjg5LjM3OSAzODYuMjU3LDk2Ljg3OSAiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); background-position: right 10px center; background-repeat: no-repeat }
#contact input[type="submit"] { display: block; background: #FFF; border: 2px solid #6ACFF6; width: auto; margin: 35px auto; border-radius: 20px; padding: 0 80px; font-weight: bold }
#contact textarea { width: 100%; height: 340px; padding: 10px; border: 1px solid #6ACFF6; margin-top: 15px }
#contact .data { margin: -100px 0 0; width: calc(50% - 15px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-content: stretch; -ms-align-content: stretch; justify-content: space-between; -ms-justify-content: space-between }
@media only screen and (max-width: 991px) {
#contact .data { margin: 15px 0 0; width: 100% }
}
#contact .data address { line-height: 1.2; width: calc(50% - 15px) }
#contact .data .right { text-align: right; width: calc(50% - 15px) }
#contact .data .right p { margin: 0 }
#stats h2 { font-size: 40px; font-size: 2.5rem; text-transform: uppercase }
@media only screen and (max-width: 1399px) {
#stats h2 { font-size: 36px; font-size: 2.25rem }
}
@media only screen and (max-width: 1199px) {
#stats h2 { font-size: 32px; font-size: 2rem }
}
@media only screen and (max-width: 767px) {
#stats h2 { font-size: 25px; font-size: 1.5625rem }
}
#stats .statsrow { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; justify-content: space-between; -ms-justify-content: space-between; margin: 0 -15px }
#stats .statsrow .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; -ms-justify-content: space-between; align-items: center; -ms-align-items: center; width: calc(33.333% - 30px); text-transform: uppercase; text-align: center; margin: 15px }
@media only screen and (max-width: 767px) {
#stats .statsrow .item { width: calc(100% - 30px) }
}
#stats .statsrow .item svg { max-height: 130px }
@media only screen and (max-width: 991px) {
#stats .statsrow .item svg { max-height: 90px; width: auto }
}
@media only screen and (max-width: 767px) {
#stats .statsrow .item svg { max-height: none }
}
#stats .statsrow .item .value { font-size: 56px; font-size: 3.5rem; font-weight: bold }
@media only screen and (max-width: 1399px) {
#stats .statsrow .item .value { font-size: 48px; font-size: 3rem }
}
@media only screen and (max-width: 1199px) {
#stats .statsrow .item .value { font-size: 36px; font-size: 2.25rem }
}
@media only screen and (max-width: 767px) {
#stats .statsrow .item .value { font-size: 48px; font-size: 3rem }
}
#stats .statsrow .item h3 { font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; min-height: 2.1em; font-weight: 300 }
#stats .imex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; justify-content: space-between; -ms-justify-content: space-between; align-items: stretch; -ms-align-items: stretch; margin: 15px -15px; text-transform: uppercase; text-align: center }
#stats .imex .title { color: #6ACFF6; font-size: 34px; font-size: 2.125rem; font-weight: bold }
@media only screen and (max-width: 1399px) {
#stats .imex .title { font-size: 30px; font-size: 1.875rem }
}
@media only screen and (max-width: 1199px) {
#stats .imex .title { font-size: 25px; font-size: 1.5625rem }
}
#stats .imex .value { font-size: 40px; font-size: 2.5rem; font-weight: bold }
@media only screen and (max-width: 1399px) {
#stats .imex .value { font-size: 32px; font-size: 2rem }
}
@media only screen and (max-width: 1199px) {
#stats .imex .value { font-size: 25px; font-size: 1.5625rem }
}
#stats .imex h3 { font-size: 20px; font-size: 1.25rem; min-height: 2.1em; font-weight: 300 }
@media only screen and (max-width: 1399px) {
#stats .imex h3 { font-size: 16px; font-size: 1rem }
}
@media only screen and (max-width: 767px) {
#stats .imex h3 { font-size: 14px; font-size:.875rem
}
}
#stats .imex>div { margin: 15px; width: calc(50% - 30px); border: 3px solid #6ACFF6 }
@media only screen and (max-width: 991px) {
#stats .imex>div { width: calc(100% - 30px); margin: 10px 15px }
}
#stats .imex .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; justify-content: space-between; -ms-justify-content: space-between; align-content: center; -ms-align-content: center; padding: 35px 25px 0 }
@media only screen and (max-width: 767px) {
#stats .imex .items { padding: 25px 10px 0 }
}
#stats .imex .items .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; -ms-justify-content: flex-start; flex-direction: column; align-items: center; -ms-align-items: center; width: 33.333% }
@media only screen and (max-width: 767px) {
#stats .imex .items .item { padding: 0 5px }
}
@media only screen and (max-width: 359px) {
#stats .imex .items .item { width: 49% }
}
#stats .imex .items .item svg { max-width: 100% }
#stats .imex .items .item:nth-child(1) svg { height: 100px; width: auto; margin-top: 20px }
@media only screen and (max-width: 1399px) {
#stats .imex .items .item:nth-child(1) svg { height: 80px }
}
@media only screen and (max-width: 1199px) {
#stats .imex .items .item:nth-child(1) svg { height: 60px }
}
@media only screen and (max-width: 359px) {
#stats .imex .items .item:nth-child(1) svg { display: none }
}
@media only screen and (max-width: 359px) {
#stats .imex .items .item:nth-child(1) { width: 100% }
}
#stats .imex .items .item:nth-child(2) svg { height: 80px; width: auto; margin: 10px 0 }
@media only screen and (max-width: 1399px) {
#stats .imex .items .item:nth-child(2) svg { height: 60px }
}
#stats .imex .items .item:nth-child(3) svg { height: 100px; width: auto }
@media only screen and (max-width: 1399px) {
#stats .imex .items .item:nth-child(3) svg { height: 80px }
}
#stats .stats { border-top: 1px solid #E8E8E8; margin-top: 25px; padding-top: 25px; text-align: center; text-transform: uppercase }
#stats .stats .items { margin: 0 -15px }
@media only screen and (max-width: 991px) {
#stats .stats .items { margin: 0 -10px }
}
#stats .stats .item-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-items: stretch; -ms-align-items: stretch }
@media only screen and (max-width: 1199px) {
#stats .stats .item-row { justify-content: center; -ms-justify-content: center }
}
#stats .stats .title { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -ms-align-items: center; justify-content: center; -ms-justify-content: center; width: 14.55%; margin: 15px }
#stats .stats .title h2 { font-size: 20px; font-size: 1.25rem }
#stats .stats .title h2 strong { font-size: 40px; font-size: 2.5rem; display: block }
@media only screen and (max-width: 1199px) {
#stats .stats .title { width: calc(100% - 20px); margin-bottom: 0 }
}
#stats .stats .tile { width: 14.6777%; margin: 15px; padding-top: 13%; min-height: 120px; background: #6ACFF6; position: relative; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
#stats .stats .tile:hover { background: #006BB6 }
@media only screen and (max-width: 1399px) {
#stats .stats .tile { width: 16%; padding-top: 14.5% }
}
@media only screen and (max-width: 1199px) {
#stats .stats .tile { width: calc(25% - 30px); padding-top: 20% }
}
#stats .stats .tile a { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: block }
#stats .stats .tile p { color: #FFF; position: absolute; z-index: 1; top: 50%; left: 0; margin: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; display: block; font-size: 25px; font-size: 1.5625rem; font-weight: bold }
#stats .stats .tile p span { font-size: 51px; font-size: 3.1875rem; margin-top: 10px; display: block }
@media only screen and (max-width: 991px) {
#stats .stats .tile { width: calc(25% - 20px); margin: 10px }
#stats .stats .tile p { font-size: 20px; font-size: 1.25rem }
#stats .stats .tile p span { font-size: 32px; font-size: 2rem }
}
@media only screen and (max-width: 767px) {
#stats .stats .tile { width: calc(50% - 20px); padding-top: 35% }
}
@media only screen and (max-width: 359px) {
#stats .stats .tile p { font-size: 16px; font-size: 1rem }
}
#page .timeline { max-width: 1050px; position: relative; padding: 15px 0 30px; margin: 50px 0 0 }
#page .timeline .line { position: absolute; display: block; width: 3px; height: 100%; top: 0; left: 50%; background: #6ACFF6 }
#page .timeline .line:before, #page .timeline .line:after { content: ""; display: block; width: 26px; height: 3px; background: #6ACFF6; top: 0; left: 50%; margin-left: -13px; position: absolute }
#page .timeline .line:after { top: 100% }
@media only screen and (max-width: 767px) {
#page .timeline .line { left: auto; right: 5px }
#page .timeline .line:after, #page .timeline .line:before { content: none }
}
#page .timeline .items { display: table; margin: 0 -15px 0 }
#page .timeline .item { width: 510px; float: left; margin: 0 15px 50px; padding-bottom: 20px; border-bottom: 1px solid #E8E8E8 }
#page .timeline .item .text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-items: flex-start; -ms-align-items: flex-start; justify-content: space-between; -ms-justify-content: space-between }
#page .timeline .item .text p { width: calc(100% - 110px) }
#page .timeline .item .text .date { padding: 5px 0 10px 10px; color: #006BB6; font-weight: bold; font-size: 40px; font-size: 2.5rem; line-height: 1; width: 110px }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#page .timeline .item .text { flex-direction: column }
#page .timeline .item .text p { order: 2; width: 100% }
#page .timeline .item .text .date { width: 100%; order: 1; padding: 0 !important; margin: 0 }
}
@media only screen and (max-width: 767px) {
#page .timeline .item .text p { order: 2; width: 100% }
#page .timeline .item .text .date { width: 100%; order: 1; padding: 0 !important; margin: 0; text-align: right; position: relative }
#page .timeline .item .text .date:after { content: ""; width: 26px; height: 3px; background: #6ACFF6; position: absolute; right: -32px; top: 50%; margin-top: -3px }
}
#page .timeline .item img { width: 100%; height: auto }
#page .timeline .item.right { margin-top: 25px; float: right }
#page .timeline .item.right .text { flex-direction: row-reverse }
#page .timeline .item.right .text .date { padding: 5px 10px 10px 0 }
@media only screen and (max-width: 767px) {
#page .timeline .item.right .text { flex-direction: row }
}
#page .timeline .item:last-of-type { margin-bottom: 0 }
@media only screen and (max-width: 1399px) {
#page .timeline .item { width: 456px }
}
@media only screen and (max-width: 1199px) {
#page .timeline .item { width: 333px }
}
@media only screen and (max-width: 991px) {
#page .timeline .item { width: 345px }
}
@media only screen and (max-width: 767px) {
#page .timeline .item { width: calc(100vw - 55px); margin: 0 15px 50px; float: none }
#page .timeline .item.right { margin: 0 15px 50px; float: none }
}
#page .gallery-swiper { width: 100%; height: 520px; position: relative; margin-bottom: 40px }
@media only screen and (max-width: 1199px) {
#page .gallery-swiper { height: 400px }
}
@media only screen and (max-width: 767px) {
#page .gallery-swiper { height: 250px }
}
@media only screen and (max-width: 359px) {
#page .gallery-swiper { height: 200px }
}
#page .gallery-swiper .swiper-slide { background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #6d6f72 }
#page .team { max-width: 1050px }
#page .team .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-items: flex-start; -ms-align-items: flex-start; margin: 0 -15px }
#page .team .item { width: calc(25% - 30px); margin: 5px 15px 10px; color: #6ACFF6; font-size: 20px; font-size: 1.25rem; line-height: 1.2; font-weight: 300 }
@media only screen and (max-width: 767px) {
#page .team .item { width: calc(50% - 30px) }
}
@media only screen and (max-width: 359px) {
#page .team .item { width: calc(50% - 20px); margin: 5px 10px 10px }
}
#page .team .item img { width: 100%; height: auto }
#page .team .item h4 { font-size: 25px; font-size: 1.5625rem; font-weight: bold; margin-bottom: 0 }
#page .team .item h4 small { color: #6ACFF6; font-size: 20px; font-size: 1.25rem; font-weight: bold }
#page .files { max-width: 1050px }
#page .files .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-items: flex-start; -ms-align-items: flex-start; margin: 0 -15px }
#page .files .cls-2 { fill: #FFFFFF }
#page .files .item { width: calc(50% - 30px); margin: 15px; color: #FFF; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; line-height: 1.2; font-weight: 300; position: relative }
@media only screen and (max-width: 767px) {
#page .files .item { width: calc(100% - 30px); margin: 7.5px 15px }
}
#page .files .item img { width: 100%; height: auto }
#page .files .item h4 { font-size: 25px; font-size: 1.5625rem; color: #FFF; font-weight: bold; margin-bottom: 0 }
#page .files .item h4 small { color: #FFF }
@media only screen and (max-width: 767px) {
#page .files .item h4 { font-size: 20px; font-size: 1.25rem }
}
#page .files .item .data { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 30px; background-color: #000; background-color: rgba(0,0,0,0.5) }
#page .files .item .data .icon { position: absolute; bottom: 30px; right: 30px }
@media only screen and (max-width: 767px) {
#page .files .item .data { padding: 20px }
#page .files .item .data .icon { bottom: 20px; right: 20px }
#page .files .item .data .icon svg { width: 35px; height: 35px }
}
#page .files .item .download { position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; width: 100%; height: 100%; text-align: center; background-color: #000; background-color: rgba(0,0,0,0.5); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s }
#page .files .item .download:hover { opacity: 1 }
#page .files .item .download a { position: relative; padding: 0 45px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
#page .files #moreBTN { padding: 0 80px; text-transform: uppercase; margin-top: 30px; cursor: pointer }
#page .terminals .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; align-items: flex-start; -ms-align-items: flex-start; margin: 0 -15px }
#page .terminals .items .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 250px; margin: 15px }
#page .terminals .items .item .image img { max-width: none; width: auto }
#page .terminals .items .item .text { padding: 10px 0 0 5px }
@media only screen and (max-width: 767px) {
#page .terminals .items .item { width: calc(50% - 30px) }
}
@media only screen and (max-width: 359px) {
#page .terminals .items .item { width: calc(100% - 30px) }
}
#page .spoiler .spoiler-title { font-size: 20px; font-size: 1.25rem; font-weight: bold; color: #6d6f72; text-transform: uppercase; cursor: pointer; margin: 0.5em 0 0 }
#page .spoiler .spoiler-title .fa { color: #6ACFF6; margin-left: 5px; display: inline-block; background: none; width: auto; height: auto; border-radius: 0; line-height: 1 }
#page .spoiler .spoiler-content { display: none }
#page .spoiler .spoiler-content.opened { display: block }
#page .consultation { padding: 20px; max-width: 1000px }
#page .consultation #consultation-form p { max-width: 1000px }
#page .consultation #consultation-form label { font-weight: 400; padding-top: 30px }
#page .consultation #consultation-form .wpcf7-textarea { max-width: 1000px; width: 100%; margin-top: 15px }
#page .consultation #consultation-form .wpcf7-form-control { border: 1px solid #6ACFF6; padding: 0 10px }
#page .consultation #consultation-form .wpcf7-text, #page .consultation #consultation-form .wpcf7-email { margin-top: 15px; height: 40px; max-width: 360px; width: 100% }
#page .consultation #consultation-form .wpcf7-submit { display: block; background: #FFF; border: 2px solid #6ACFF6; width: auto; height: 36px; margin: 35px auto; border-radius: 20px; padding: 0 60px; font-weight: bold }
#page .car-parking-cruises form { display: block; margin-top: 35px; padding: 35px 55px; border: 1px solid #e4e4e4; font-size: 14px }
#page .car-parking-cruises form .row { margin-bottom: 15px }
@media only screen and (max-width: 767px) {
#page .car-parking-cruises form { margin-top: 25px; padding: 15px }
}
#page .car-parking-cruises form label { font-weight: 300; color: #6ACFF6 }
#page .car-parking-cruises form .wpcf7-list-item.first.last { margin-left: 0 !important; color: #6ACFF6; font-weight: 300 }
#page .car-parking-cruises form .wpcf7-list-item.first.last .wpcf7-list-item-label { margin-right: 15px }
#page .car-parking-cruises form input[type="text"], #page .car-parking-cruises form input[type="email"], #page .car-parking-cruises form textarea, #page .car-parking-cruises form div.cs-select, #page .car-parking-cruises form select { margin-bottom: 8px; width: 100%; padding: 12px; font-weight: 300; color: #6ACFF6; background-color: #fff; border: 1px solid #e4e4e4; outline: none }
#page .car-parking-cruises form input[type="text"]:focus, #page .car-parking-cruises form input[type="email"]:focus, #page .car-parking-cruises form textarea:focus, #page .car-parking-cruises form div.cs-select:focus, #page .car-parking-cruises form select:focus { border-color: #e4e4e4 }
#page .car-parking-cruises form input[type="text"].wpcf7-not-valid, #page .car-parking-cruises form input[type="email"].wpcf7-not-valid, #page .car-parking-cruises form textarea.wpcf7-not-valid, #page .car-parking-cruises form div.cs-select.wpcf7-not-valid, #page .car-parking-cruises form select.wpcf7-not-valid { border-color: #ef84b4 }
#page .car-parking-cruises form select { -webkit-user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
#page .car-parking-cruises form select::-ms-expand {
display:none
}
#page .car-parking-cruises form input[type="submit"] { padding: 12px; border: 1px solid #6ACFF6; color: #6ACFF6; font-size: 16px; background-color: #fff; outline: none }
#page .car-parking-cruises form input[type="submit"]:focus { border: inherit; background-color: #6ACFF6; color: #fff }
#page .car-parking-cruises form .wpcf7-not-valid-tip { color: #ef84b4 }
#page .car-parking-cruises form .wpcf7-response-output { font-size: 15px }
#page .car-parking-cruises #confirmation { position: fixed; z-index: 9998; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0; display: none }
#page .car-parking-cruises #confirmation .box { position: fixed; max-width: 600px; width: 95%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #FFF; padding: 30px; z-index: 9999; font-size: 20px; font-size: 1.25rem }
@media only screen and (max-width: 767px) {
#page .car-parking-cruises #confirmation .box { padding: 15px }
}
#page .car-parking-cruises #confirmation h2 { border-bottom: 1px solid #D7D7D7; margin: 0 0 25px; padding-bottom: 15px }
#page .car-parking-cruises #confirmation h2 .close { float: right; cursor: pointer }
#page .car-parking-cruises #confirmation .butn { margin-top: 25px; text-align: center }
#page .car-parking-cruises #confirmation .butn a { display: inline-block; white-space: nowrap; line-height: 50px; padding: 0 60px; background: #6ACFF6; color: #FFF; text-decoration: none !important }
#page .car-parking-cruises.standard h2 { color: #6ACFF6; text-transform: none; font-size: 24px; margin-top: 35px }
#page .car-parking-cruises.standard h2 .fa { width: 30px; height: 30px; line-height: 1em; font-size: 30px; background: transparent; margin: 0 3px 0 0; color: #6ACFF6; vertical-align: middle }
#page #instafeed { margin-top: 20px }
#page #instafeed div { display: inline-block; width: 25%; padding-top: 25%; background-position: center center; background-repeat: no-repeat; background-size: cover }
@media only screen and (max-width: 991px) {
#page #instafeed div { width: 50%; padding-top: 50% }
}
@media only screen and (max-width: 767px) {
#page #instafeed div { width: 100%; padding-top: 100% }
}
#page .cruise-dublin h2 { color: #6ACFF6 }
#page .cruise-dublin h4 { text-transform: uppercase; font-size: 20px; font-size: 1.25rem; color: #6d6f72 }
#page .blue-h2 h2 { color: #6ACFF6 }
#page .big-ul ul li { margin: 0.5em 0 }
#liners-table, #ships-table, #tides-table, #departures-table, #arrivals-table { margin-top: 25px; text-transform: uppercase; position: relative }
@media only screen and (max-width: 1199px) {
#liners-table, #ships-table, #tides-table, #departures-table, #arrivals-table { font-size: 16px; font-size: 1rem }
}
@media only screen and (max-width: 767px) {
#liners-table, #ships-table, #tides-table, #departures-table, #arrivals-table { margin-right: -15px }
}
#liners-table ::-webkit-scrollbar, #ships-table ::-webkit-scrollbar, #tides-table ::-webkit-scrollbar, #departures-table ::-webkit-scrollbar, #arrivals-table ::-webkit-scrollbar {
-webkit-appearance:none
}
#liners-table ::-webkit-scrollbar:vertical, #ships-table ::-webkit-scrollbar:vertical, #tides-table ::-webkit-scrollbar:vertical, #departures-table ::-webkit-scrollbar:vertical, #arrivals-table ::-webkit-scrollbar:vertical {
width:10px
}
#liners-table ::-webkit-scrollbar:horizontal, #ships-table ::-webkit-scrollbar:horizontal, #tides-table ::-webkit-scrollbar:horizontal, #departures-table ::-webkit-scrollbar:horizontal, #arrivals-table ::-webkit-scrollbar:horizontal {
height:10px
}
#liners-table ::-webkit-scrollbar-thumb, #ships-table ::-webkit-scrollbar-thumb, #tides-table ::-webkit-scrollbar-thumb, #departures-table ::-webkit-scrollbar-thumb, #arrivals-table ::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.5);
border-radius:10px;
background:#CCCCCB
}
#liners-table ::-webkit-scrollbar-track, #ships-table ::-webkit-scrollbar-track, #tides-table ::-webkit-scrollbar-track, #departures-table ::-webkit-scrollbar-track, #arrivals-table ::-webkit-scrollbar-track {
border-radius:10px;
background-color:#CCCCCB;
border:4px solid #FFF
}
#liners-table .sorter, #ships-table .sorter, #tides-table .sorter, #departures-table .sorter, #arrivals-table .sorter { display: none; position: absolute; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); background: #FFF; width: 100%; max-height: 300px; font-weight: 300; overflow: auto; top: 100%; left: 0 }
#liners-table .sorter ul, #ships-table .sorter ul, #tides-table .sorter ul, #departures-table .sorter ul, #arrivals-table .sorter ul { margin: 0; padding: 0; list-style: none }
#liners-table .sorter ul li, #ships-table .sorter ul li, #tides-table .sorter ul li, #departures-table .sorter ul li, #arrivals-table .sorter ul li { line-height: 2em; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; padding: 0 10px }
#liners-table .sorter ul li.active, #liners-table .sorter ul li:hover, #ships-table .sorter ul li.active, #ships-table .sorter ul li:hover, #tides-table .sorter ul li.active, #tides-table .sorter ul li:hover, #departures-table .sorter ul li.active, #departures-table .sorter ul li:hover, #arrivals-table .sorter ul li.active, #arrivals-table .sorter ul li:hover { background: #6ACFF6; color: #FFF }
#liners-table .inner, #ships-table .inner, #tides-table .inner, #departures-table .inner, #arrivals-table .inner { width: 100%; min-height: 400px; overflow: auto; margin-bottom: 25px }
#liners-table table, #ships-table table, #tides-table table, #departures-table table, #arrivals-table table { min-width: 940px }
#liners-table tbody td, #ships-table tbody td, #tides-table tbody td, #departures-table tbody td, #arrivals-table tbody td { border: 0 }
#liners-table td[data-name="vessel_type"] svg, #ships-table td[data-name="vessel_type"] svg, #tides-table td[data-name="vessel_type"] svg, #departures-table td[data-name="vessel_type"] svg, #arrivals-table td[data-name="vessel_type"] svg { height: 30px; width: 30px }
@media only screen and (max-width: 1199px) {
#liners-table td[data-name="vessel_type"] svg, #ships-table td[data-name="vessel_type"] svg, #tides-table td[data-name="vessel_type"] svg, #departures-table td[data-name="vessel_type"] svg, #arrivals-table td[data-name="vessel_type"] svg { height: 20px; width: 20px }
}
#liners-table td[data-name="height"] svg, #ships-table td[data-name="height"] svg, #tides-table td[data-name="height"] svg, #departures-table td[data-name="height"] svg, #arrivals-table td[data-name="height"] svg { height: 30px; width: 30px; position: relative; top: 5px }
@media only screen and (max-width: 1199px) {
#liners-table td[data-name="height"] svg, #ships-table td[data-name="height"] svg, #tides-table td[data-name="height"] svg, #departures-table td[data-name="height"] svg, #arrivals-table td[data-name="height"] svg { height: 20px; width: 20px }
}
#liners-table td[data-name="location"] svg, #ships-table td[data-name="location"] svg, #tides-table td[data-name="location"] svg, #departures-table td[data-name="location"] svg, #arrivals-table td[data-name="location"] svg { height: 34px; width: 34px }
@media only screen and (max-width: 1199px) {
#liners-table td[data-name="location"] svg, #ships-table td[data-name="location"] svg, #tides-table td[data-name="location"] svg, #departures-table td[data-name="location"] svg, #arrivals-table td[data-name="location"] svg { height: 20px; width: 20px }
}
#liners-table thead, #ships-table thead, #tides-table thead, #departures-table thead, #arrivals-table thead { font-weight: bold }
#liners-table thead td, #ships-table thead td, #tides-table thead td, #departures-table thead td, #arrivals-table thead td { vertical-align: bottom; position: relative; width: 300px; white-space: nowrap }
#liners-table thead td[data-name="date"], #ships-table thead td[data-name="date"], #tides-table thead td[data-name="date"], #departures-table thead td[data-name="date"], #arrivals-table thead td[data-name="date"], #arrivals-table thead td[data-name="port_name"]{ width: 200px }
@media only screen and (max-width: 1199px) {
#liners-table thead td[data-name="date"], #ships-table thead td[data-name="date"], #tides-table thead td[data-name="date"], #departures-table thead td[data-name="date"], #arrivals-table thead td[data-name="date"], #arrivals-table thead td[data-name="port_name"]{ width: 150px }
}
#liners-table thead td[data-name="time"], #ships-table thead td[data-name="time"], #tides-table thead td[data-name="time"], #departures-table thead td[data-name="time"], #arrivals-table thead td[data-name="time"] { width: 150px }
@media only screen and (max-width: 1199px) {
#liners-table thead td[data-name="time"], #ships-table thead td[data-name="time"], #tides-table thead td[data-name="time"], #departures-table thead td[data-name="time"], #arrivals-table thead td[data-name="time"], #arrivals-table thead td[data-name="port_name"] { width: 100px }
}
#liners-table thead td svg, #ships-table thead td svg, #tides-table thead td svg, #departures-table thead td svg, #arrivals-table thead td svg { margin-left: 10px }
@media only screen and (max-width: 1199px) {
#liners-table thead td svg, #ships-table thead td svg, #tides-table thead td svg, #departures-table thead td svg, #arrivals-table thead td svg { height: 15px; width: auto }
}
#liners-table thead a, #ships-table thead a, #tides-table thead a, #departures-table thead a, #arrivals-table thead a { cursor: pointer; display: block }
#liners-table .fa, #ships-table .fa, #tides-table .fa, #departures-table .fa, #arrivals-table .fa { width: auto; height: auto; background: none; color: #6ACFF6; border-radius: 0; margin: 0 0 0 2px; line-height: 1; font-size: 22px; position: relative; top: -2px }
#liners-table .table-striped>tbody>tr:nth-of-type(odd), #ships-table .table-striped>tbody>tr:nth-of-type(odd), #tides-table .table-striped>tbody>tr:nth-of-type(odd), #departures-table .table-striped>tbody>tr:nth-of-type(odd), #arrivals-table .table-striped>tbody>tr:nth-of-type(odd) { background: #F5F6F6 }
#liners-table #lazyload, #ships-table #lazyload, #tides-table #lazyload, #departures-table #lazyload, #arrivals-table #lazyload { display: none }
#liners-table #moreBTN, #ships-table #moreBTN, #tides-table #moreBTN, #departures-table #moreBTN, #arrivals-table #moreBTN { margin-top: 40px; cursor: pointer; padding: 0 80px }
@media only screen and (max-width: 767px) {
#liners-table #moreBTN, #ships-table #moreBTN, #tides-table #moreBTN, #departures-table #moreBTN, #arrivals-table #moreBTN { margin-top: 0 }
}
#tides-table table { width: auto; min-width: 0; max-width: 100% }
#tides-table table[data-name="date"] { width: 200px }
@media only screen and (max-width: 1199px) {
#tides-table table[data-name="date"] { width: 150px }
}
#tides-table table[data-name="time"] { width: 200px }
@media only screen and (max-width: 1199px) {
#tides-table table[data-name="time"] { width: 150px }
}
#weather-table { margin: 0 -15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap }
@media only screen and (max-width: 1199px) {
#weather-table { margin: 0 }
}
#weather-table .date-box { width: calc(20% - 30px); position: relative; margin: 15px }
@media only screen and (max-width: 1199px) {
#weather-table .date-box { width: 100%; margin: 15px 0 0; text-align: right }
}
#weather-table .date-box a { text-transform: uppercase; font-weight: bold; cursor: pointer }
#weather-table .date-box svg { height: 20px; width: 20px; margin-left: 10px }
#weather-table .date-box .sorter { display: none; position: absolute; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); background: #FFF; width: 100%; max-height: 300px; font-weight: 300; overflow: auto; top: 28px; left: 0 }
#weather-table .date-box .sorter ul { margin: 0; padding: 0; list-style: none }
#weather-table .date-box .sorter ul li { line-height: 2em; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; padding: 0 10px }
#weather-table .date-box .sorter ul li a { display: block }
#weather-table .date-box .sorter ul li.active, #weather-table .date-box .sorter ul li:hover { background: #6ACFF6; color: #FFF }
#weather-table .info-box { width: calc(80% - 30px); margin: 15px }
@media only screen and (max-width: 1199px) {
#weather-table .info-box { width: 100%; margin: 0 0 15px }
}
#weather-table .fa { width: auto; height: auto; background: none; color: #6ACFF6; border-radius: 0; margin: 0 0 0 5px; line-height: 1; font-size: 14px; position: relative; font-weight: 400; top: -2px }
#weather-table .box-title { padding: 35px 15px 10px; text-align: center; height: 100px; color: #FFF; background: #006BB6; font-size: 20px; font-size: 1.25rem; font-weight: 300 }
#weather-table .box-title h3 { font-weight: bold; font-size: 25px; font-size: 1.5625rem; line-height: 1; text-transform: uppercase; margin: 0 }
@media only screen and (max-width: 1399px) {
#weather-table .box-title { font-size: 16px; font-size: 1rem }
#weather-table .box-title h3 { font-size: 20px; font-size: 1.25rem }
}
#weather-table .box-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; justify-content: space-between; -ms-justify-content: space-between; align-items: stretch; -ms-align-items: stretch }
#weather-table .box-content .weather-info { width: 50%; padding: 30px 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -ms-align-items: center; justify-content: space-between; -ms-justify-content: space-between }
@media only screen and (max-width: 1399px) {
#weather-table .box-content .weather-info { padding: 20px 0 }
}
@media only screen and (max-width: 767px) {
#weather-table .box-content .weather-info { width: 100%; padding: 15px 0 }
}
#weather-table .box-content .weather-info .svg { width: 25% }
#weather-table .box-content .weather-info .svg svg { margin: auto; display: block }
#weather-table .box-content .weather-info .data { width: 75%; text-align: left; font-size: 20px; font-size: 1.25rem; font-weight: 300; color: #6d6f72; text-transform: uppercase }
#weather-table .box-content .weather-info .data p { margin: 0 }
#weather-table .box-content .weather-info .data span { font-size: 25px; font-size: 1.5625rem; color: #6ACFF6; font-weight: bold }
@media only screen and (max-width: 1399px) {
#weather-table .box-content .weather-info .data { font-size: 16px; font-size: 1rem }
#weather-table .box-content .weather-info .data span { font-size: 20px; font-size: 1.25rem }
}
.acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0 }
.acf-map img { max-width: inherit !important }
.loading_page { overflow: hidden; }
.loading_page .loding_wrap { display: block; }
.loding_wrap { display: none; position: fixed; height: 100%; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.8); z-index: 99999; }
#page-preloader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; }
.block-preloader.preloader, .block-preloader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; height: auto; }
.block-preloader + * { overflow: visible !important; }
.block-preloader.preloader + *:not(iframe) { height: auto !important; }
.block-preloader:after { display: none; }
#page-preloader.preloader-loaded .page-preloader-spin, .block-preloader.preloader-loaded .page-preloader-spin { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#page-preloader.preloader-loaded, .block-preloader.preloader-loaded { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#page-preloader .page-preloader-spin, .block-preloader .page-preloader-spin, .preloader-spin { position: absolute; left: 50%; top: 50%; z-index: 1001; width: 80px; height: 80px; margin: -40px 0 0 -40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid transparent; border-top-color: #6ACFF6; -webkit-animation: PreloaderSpin 2s linear infinite; animation: PreloaderSpin 2s linear infinite; }
.preloader-spin { border-top-color: #e96d1f; }
.block-preloader .page-preloader-spin { top: 100px; margin-top: 0; }
#page-preloader .page-preloader-spin:before, .block-preloader .page-preloader-spin:before, .preloader-spin:before { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid transparent; border-top-color: #174E72; -webkit-animation: PreloaderSpin 3s linear infinite; animation: PreloaderSpin 3s linear infinite; }
.preloader-spin:before { border-top-color: #aab3a3; }
#page-preloader .page-preloader-spin:after, .block-preloader .page-preloader-spin:after, .preloader-spin:after { content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid transparent; border-top-color: #6D6F72; -webkit-animation: PreloaderSpin 1.5s linear infinite; animation: PreloaderSpin 1.5s linear infinite; }
.preloader-spin:after { border-top-color: #202221; }
@-webkit-keyframes PreloaderSpin { 0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes PreloaderSpin { 0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*:focus { outline: none !important; }
#page .car-parking-cruises form label { position: relative; }
.req_s { color: #F00; font-size: 17px; position: absolute; right: -8px; top: 0; }
/************* 17-6-2020  **************/
.shipping_wrap { display: block; width: 100%; }
.shipping_fromcontent { display: block; width: 100%; }
.shipping_fromcontent:after { display: block; content: ""; overflow: hidden; clear: both; }
.shipping_left { float: left; padding: 0 16px 0 0; width: 52%; }
.shipping_right { float: left; padding: 0 0 0 16px; width: 48%; }
.ship_rightingwrap { display: block; width: 100%; }
.ship_rightingwrap .row { margin: 0 -6px; }
.ship_rightingbox { float: left; width: 33.3333%; padding: 20px 6px 0; }
.ship_rightingdiv { display: block; width: 100%; position: relative; }
.ship_rightingtitle { display: block; width: 100%; padding: 7px 0 0 0; font-size: 16px; color: #6D6F72; font-family: "Futura"; line-height: 21px; }
#page .shipping_left h2 { color: #6ACFF6; font-size: 20px; font-weight: 700; font-family: "Futura"; padding: 0; margin: 0; text-transform: none; }
#page .shipping_left ul { list-style: none; display: block; padding: 30px 0 0 0; margin: 0; }
#page .shipping_left ul li { color: #6D6F72; font-size: 20px; line-height: 27px; display: block; position: relative; padding: 4px 0 0 12px; }
#page .shipping_left ul li:first-child { padding-top: 0; }
#page .shipping_left ul li:after { position: absolute; content: "-"; left: 0; top: 0; }
#page .shipping_left h2 + p { padding: 4px 0 0 0; }
#page .shipping_left p { padding: 27px 0 0 0; color: #6D6F72; font-size: 20px; line-height: 27px; font-family: "Futura"; margin: 0; }
#page .shipping_left p a { color: #3366FF; font-size: 20px; font-weight: 700; text-decoration: underline; }
.sectionone { padding: 33px 0 0 0; }
#page .shipping_left h3 { color: #6D6F72; font-size: 18px; font-weight: 700; font-family: "Futura"; padding: 0; margin: 0; text-transform: none; }
.sectiononefrom { display: block; width: 100%; }
.frominput_wrap { display: block; width: 100%; padding-top: 20px; }
.frominput_wrap input, .select_status_drop_down select { border: 1px solid #6D6F72; color: #6D6F72; font-size: 20px; font-family: "Futura"; border-radius: 7px; height: 41px; padding: 0 12px; display: block; width: 100%; z-index: 1; background: none; position: relative; }
.two-filed { display: block; width: 100%; }
.select_statuswrap.new-select-wrap, .padleft0{padding-left: 0px !important;}
.two-filed:after { content: ""; display: block; overflow: hidden; clear: both; }
.two-filed .frominput_wrap { float: left; width: 50%; }
.two-filed .frominput_wrap:first-child { padding-right: 10px; }
.two-filed .frominput_wrap:last-child { padding-left: 10px; }
.frominput_wrap input::-webkit-input-placeholder {
color:#6D6F72;
opacity:1;
}
.frominput_wrap input::-moz-placeholder {
color:#6D6F72;
opacity:1;
}
.frominput_wrap input:-ms-input-placeholder {
color:#6D6F72;
opacity:1;
}
.frominput_wrap input:-moz-placeholder {
color:#6D6F72;
opacity:1;
}
.two-filed.one-field .frominput_wrap { float: left; width: calc(50% + 10px); }
.two-filed.one-field .frominput_wrap:last-child { padding-left: 0; }
.two-filed.one-field .frominput_wrap:first-child { padding-right: 0; }
.frominput_wrap.padleftzero { padding-left: 0 !important; }
.select_statuswrap { width: 100%; padding: 20px 0 0 13px; }
.select_statustitle { font-size: 20px; color: #6D6F72; }
.select_radiowrap { display: block; width: 100%; position: relative; }
.select_radiowrap:after { content: ""; clear: both; overflow: hidden; display: block; }
.select_radiobox { float: left; margin: 14px 17px 0 0; position: relative; }
.select_radiowrap .select_radiobox:last-child { margin-right: 0; }
.select_radiobox input { position: absolute; left: 0; top: 0; opacity: 0; }
.select_radiobox label { position: relative; font-weight: 400; margin: 0; padding: 0 0 0 26px; font-size: 20px; color: #6D6F72; }
.select_radiobox label:after { content: ""; position: absolute; top: 50%; margin: -8px 0 0 0; left: 0; width: 16px; height: 16px; border: 1px solid #707070; border-radius: 50%; }
.select_radiobox input:checked + label:before { content: ""; position: absolute; top: 50%; margin: -4px 0 0 0; left: 4px; width: 8px; height: 8px; background: #6ACFF6; border-radius: 50%; }
.sectiontwo { display: block; width: 100%; padding: 45px 0 0 0; }
.Vehiclewrap { display: block; width: 100%; padding: 12px 0 0 13px; font-size: 20px; color: #6D6F72; }
.secondvehicle { display: block; width: 100%; padding: 14px 0 0 0; }
.secondvehicle a { display: inline-block; width: 100%; padding: 0 0 0 36px; position: relative; }
.secondvehicle a:after { content: ""; position: absolute; background: url(../images/black_plus.svg) no-repeat 0 0; width: 25px; height: 25px; left: 0; top: 0; }
.sectionthree { padding: 50px 0 0 0; width: 100%; display: block; }
.pleaseselect { display: block; width: 100%; padding: 11px 0 0 13px; color: #6D6F72; font-size: 20px; }
.seccheckboxwrap { display: block; width: 100%; }
.seccheckbox { display: block; margin: 30px 0 0 0; padding: 11px 21px 11px 13px; border: 1px solid #6D6F72; border-radius: 4px; position: relative; max-width: 473px; }
.seccheckbox input { position: absolute; left: 0; top: 0; opacity: 0; }
.seccheckbox label { display: block; font-weight: 400; margin: 0; font-size: 20px; color: #6D6F72; position: relative; padding: 0 0 0 33px; z-index: 2; }
.seccheckbox label:after { content: ""; top: 50%; margin-top: -13px; position: absolute; left: 0; height: 20px; border: 1px solid #707070; width: 20px; }
.seccheckbox input:checked + label:before, .seccheckbox input:checked + div + label:before { content: ""; top: 50%; margin-top: -12px; position: absolute; left: 7px; height: 14px; border-top: 2px solid #6ACFF6; border-left: 2px solid #6ACFF6; width: 6px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.checktext { width: 170px; display: inline-block; }
.checkimg { padding: 0 0 0 30px; }
.seccheckbox input:checked + label + .checkborder, .seccheckbox input:checked + div + label + .checkborder { position: absolute; left: -1px; top: -1px; bottom: -1px; right: -1px; border: 3px solid #6ACFF6; border-radius: 4px; z-index: 1; }
.sectionfourth { display: block; width: 100%; padding: 50px 0 0 0; }
.cal_box .frominput_wrap { display: inline-block; padding: 12px 0 0 0; max-width: 310px; position: relative; }
.cal_box .frominput_wrap input { padding: 0 48px 0 12px; }
.cal_box .frominput_wrap:after { content: ""; position: absolute; right: 10px; top: 18px; width: 28px; height: 28px; background: url(../images/cale_icon.svg) no-repeat 0 0; }
.sectionfifth { padding: 50px 0 0 0; }
.sectionfifth .select_statustitle a { font-weight: 700; text-decoration: underline; color: #3366FF; }
.fileupload_wrap { display: block; width: 100%; padding: 20px 0 0 0; position: relative; }
.fileupload_wrap input { position: absolute; left: 0; top: 20px; height: 40px; width: 130px; opacity: 0; cursor: pointer; }
.fileupload_listbut { display: inline-block; width: 130px; }
.fileupload_listbut a { display: block; width: 100%; border: 1px solid #6ACFF6; height: 40px; font-size: 20px; color: #6ACFF6; text-align: center; line-height: 38px; border-radius: 4px; }
.fileupload_text { display: inline-block; padding: 0 0 0 22px; line-height: 40px; font-size: 20px; color: #6D6F72; }
.submitcheckbox { display: block; padding: 0 0 0 0; margin: 3px 0 0 0; }
.submitcheckbox input { position: absolute; left: 0; top: 0; opacity: 0; }
.submitcheckbox label { font-weight: 400; margin: 0; font-size: 20px; color: #6D6F72; position: relative; padding: 0 0 0 33px; }
.submitcheckbox label:after { content: ""; top: 2px; margin-top: 0; position: absolute; left: 0; height: 20px; border: 1px solid #707070; width: 20px; }
.submitcheckbox input:checked + label:before, .submitcheckbox input:checked + div + label:before { content: ""; top: 3px; margin-top: 0; position: absolute; left: 7px; height: 14px; border-top: 2px solid #6ACFF6; border-left: 2px solid #6ACFF6; width: 6px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.submitcheckbox a { font-weight: 700; text-decoration: underline; color: #3366FF; }
.sectionsixth.sectionfifth .select_statuswrap { padding: 12px 0 0 13px; }
.submit_but { padding: 15px 0 0 0; display: block; width: 100%; }
.submit_but input { display: inline-block; height: 40px; background: #6ACFF6; font-size: 20px; color: #fff; border: none; font-family: "Futura"; padding: 0 12px; border-radius: 4px; }
.thankyou_page { display: block; width: 100%; }
#page .thankyou_page h1 { text-transform: none; font-size: 34px; line-height: 46px; }
#page .thankyou_cont { display: block; max-width: 850px; font-weight: 400; }
#page .thankyou_cont p { padding: 32px 0 0 0; margin: 0; font-size: 20px; color: #6D6F72; line-height: 27px; }
#page .thankyou_cont p:first-child { padding: 13px 0 0 0; }
#page .thankyou_cont p a { font-weight: 700; text-decoration: underline; color: #3366FF; }
#page .stepone_wrap h2 { padding: 10px 0 0 0; font-size: 20px; color: #6ACFF6; text-transform: none; margin: 0; }
#page .stepone_wrap p { padding: 10px 0 0 0; font-size: 20px; color: #6D6F72; line-height: 27px; margin: 0; }
#page .stepone_wrap { font-weight: 400; }
.stepone_boxwrap { display: block; width: 100%; }
.stepone_boxwrap:after { content: ""; display: block; overflow: hidden; clear: both; }
.stepone_box { float: left; width: 33.333%; padding: 35px 20px 0; }
.stepone_boxinner { display: block; width: 100%; padding: 14px 19px 22px 19px; border: 1px solid #6D6F72; border-radius: 4px; position: relative; }
.stepone_box_logo { display: block; min-height: 36px; text-align: right; position: relative; z-index: 1; }
.stepone_box_titel { padding: 3px 0 0 13px; font-size: 20px; color: #6ACFF6; font-weight: 700; line-height: 27px; position: relative; z-index: 1; }
.stepone_box_bigimg { display: block; padding: 10px 0 0 0; position: relative; position: relative; z-index: 1; }
.stepone_box_bigimg img { width: 100%; }
.areasincluding_wrap { display: block; padding: 28px 0 0 13px; min-height: 280px; position: relative; z-index: 1; }
.areasincluding_titel { font-size: 20px; color: #6D6F72; position: relative; z-index: 1; }
.areasincluding_list { display: block; width: 100%; padding: 14px 0 0 0; position: relative; z-index: 1; }
.areasincluding_listimg { display: inline-block; width: 82px; vertical-align: middle; position: relative; z-index: 1; }
.areasincluding_listcont { display: inline-block; width: calc(100% - 96px); font-size: 20px; color: #6D6F72; line-height: 27px; padding: 0 0 0 15px; vertical-align: middle; }
.ars_radiowrap { display: block; width: 100%; padding: 36px 0 0 0; text-align: center; position: relative; z-index: 1; }
.ars_radiolist { display: inline-block; position: relative; width: 34px; height: 34px; }
.ars_radiolist input { position: absolute; left: 0; top: 0; opacity: 0; }
.active { position: absolute; left: -1px; right: -1px; bottom: -1px; top: -1px; border: 3px solid #6ACFF6; border-radius: 4px; }
.ars_radiolist label { display: block; border: 1px solid #707070; width: 34px; height: 34px; border-radius: 50%; position: relative; }
.ars_radiolist input:checked + label:after { position: absolute; left: 8px; top: 8px; width: 16px; height: 16px; background: #6ACFF6; content: ""; border-radius: 50%; }
.nextbut_wrap { display: block; width: calc(66.666% - 20px); padding: 25px 0 0 0; text-align: right; }
.nextbut_wrap a { display: inline-block; background: #6ACFF6; height: 40px; border-radius: 4px; padding: 0 34px; color: #fff; font-size: 20px; line-height: 40px; }
.shipping_fromcontent { font-weight: 400; }
.secondvehicle + div .Vehicletitle { padding: 10px 0 0 0; }
.seccheckboxwrap.seccheckboxwrapsec .checktext { width: 230px; }
.seccheckboxwrap.seccheckboxwrapsec .seccheckbox { max-width: 533px; }
.steps_pagewrap { display: block; width: 100%; padding: 175px 0 40px 0; }
.steps_logowrap { display: block; width: 100%; padding: 0 0 60px 0; }
.pluse_icon { position: absolute; right: 10px; top: 20px; background: url(../images/pluse_icon.svg) no-repeat 0 0; width: 27px; height: 27px; }
.areasincluding_listimg { position: relative; }
.areasincluding_listimg .pluse_icon { margin: auto; top: 0; left: 0; bottom: 0; right: 0; }
#page .shipping_wrap h1 { font-size: 34px; text-transform: none; line-height: 46px; }
.ship_rightingdiv { position: relative; }
.ship_rightingdiv img { width: 100%; }
.ship_rightingdiv .pluse_icon { top: 10px; right: 10px; }
.google_recaptcha { display: block; padding: 30px 0 0 13px; }
.seccheckbox { position: relative; }
.seccheckbox .validation_message_payment { position: absolute; left: 0; top: 100%; }
.validation_message_payment { font-size: 15px; }
.fileupload_wrap .validation_message_payment { position: absolute; top: 100%; left: 0; }
.submitcheckbox { position: relative; }
.submitcheckbox .validation_message_payment { position: absolute; top: 100%; left: 0; }
.select_textbox { position: absolute; top: -9px; left: 115%; }
.select_radiowrap .select_textbox input.validation_message_payment, .select_radiowrap .select_textbox input { border: 1px solid #6D6F72; color: #6D6F72; font-size: 20px; font-family: "Futura"; border-radius: 7px; height: 41px; padding: 0 12px; display: block; width: 300px; opacity: 1; top: 0; }
.select_textbox input::-webkit-input-placeholder {
color:#6D6F72;
opacity:1;
}
.select_textbox input::-moz-placeholder {
color:#6D6F72;
opacity:1;
}
.select_textbox input:-ms-input-placeholder {
color:#6D6F72;
opacity:1;
}
.select_textbox input:-moz-placeholder {
color:#6D6F72;
opacity:1;
}
.select_radiowrap .validation_message_payment { float: left; width: 100%; }
.select_radiowrap .select_textbox .validation_message_payment { position: absolute; left: 0; top: 41px; }
.fileupload_wrap input.validation_message_payment { top: 20px; }
.photoguide_wrap { display: block; margin: 0 0 0 0; padding: 20px 0; border-top: 2px solid #69cef6; border-bottom: 2px solid #69cef6; }
.photoguide_wrap:after { content: ""; display: block; overflow: hidden; clear: both; }
.photoguid_icon { float: left; width: 150px; }
.photoguid_cont { display: block; margin: 0 0 0 180px; }
#page .photoguid_cont ul { list-style: none; margin: 0; padding: 30px 0 0 0; }
#page .photoguid_cont ul li { display: block; margin: 10px 0 0 0; padding: 0 0 0 20px; font-size: 20px; color: #6D6F72; position: relative; }
#page .photoguid_cont ul li:after { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #69cef6; border-radius: 50%; }
#page .photoguid_cont ul li:first-child { margin: 0; }
.photoguide_contsec { display: block; width: 100%; padding: 30px 0 0 0; }
.photoguide_contsec:after { content: ""; display: block; overflow: hidden; clear: both; }
.photoguide_contleft { float: left; width: 66.66666%; padding: 0 15px 0 0; }
#page .photoguide_contleft ul { list-style: none; margin: 0; padding: 0px 0 0 0; float: left; width: 50%; }
#page .photoguide_contleft ul:first-child { padding: 0 15px 0 0; }
#page .photoguide_contleft ul:last-child { padding: 0 0 0 15px; }
#page .photoguide_contleft ul li { display: block; margin: 10px 0 0 0; padding: 0 0 0 20px; font-size: 20px; color: #6D6F72; position: relative; }
#page .photoguide_contleft ul li:after { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #69cef6; border-radius: 50%; }
.photoguide_contright { float: left; width: 33.3333%; padding: 0 0 0 15px; }
#page .photoguide_contright ul { list-style: none; margin: 0; padding: 0px 0 0 0; }
#page .photoguide_contright ul li { display: block; margin: 10px 0 0 0; padding: 0 0 0 20px; font-size: 20px; color: #6D6F72; position: relative; }
#page .photoguide_contright ul li:after { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #69cef6; border-radius: 50%; }
#page .photoguide_contright p { margin: 0; padding: 10px 0 0 0; }
.photoguide_conthead { font-size: 20px; color: #69cef6; font-weight: 700; }
.photoguide_bottom { display: block; width: 100%; padding: 30px 20px; margin: 35px 0 0 0; background: #fdb913; }
.photoguide_bottom:after { content: ""; display: block; overflow: hidden; clear: both; }
.photoguide_bottleft { float: left; }
.photoguide_bottright { float: right; }
.photoguide_bottright img { max-width: 230px; }
/************* 17-6-2020  **************/
.modal { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; -webkit-overflow-scrolling: touch; outline: 0;  /*overflow-x: hidden; overflow-y: auto; overflow: hidden;*/ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); max-height: calc(100vh - 120px); height: auto; top: calc(50% - 120px); }
.modal-dialog { width: auto; margin: 0; margin: auto; max-width: 100%; padding: 0 30px; text-align: center; }
.modal-content { background: #FFF; position: relative; top: auto; left: auto; right: auto; margin: 30px auto; text-align: center; vertical-align: middle; width: auto; height: auto; border-radius: 5px; display: inline-block; overflow: auto; border: 1px solid #fff;/*max-height: calc(100vh + -333px);*/ max-height: calc(100vh - 130px); }
header .main-nav li.active { border: none; }
.modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px; padding-bottom: 5px; border-top-left-radius: .3rem;
 border-top-right-radius: .3rem;
}
button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; }
.image_heading h4.modal-title { font-size: 20px; color: #6ACFF6; margin: 0; line-height: 27px; text-align: left; }
.image_heading p { margin: 0px; text-align: left; font-size: 20px; line-height: 27px; color: #6D6F72; }
.closebtn button { background: url(../../images/close.svg) no-repeat 0 0; width: 42px; height: 42px; display: inline-block; }
.modal-body img { height: auto; max-height: calc(100vh - 279px); width: auto; }
.model-open .modal { overflow: hidden; }
.modal-backdrop.show { display: block; }
.modal-backdrop { display: none; }
.modal-body { height: auto; max-height: calc(100vh - 240px); padding: 20px; }
.user_resourcesimagepart { display: inline-block; width: 100%; }
.hidden-xs .active { border: none; position: relative; }
.image_heading { padding-right: 20px; }
.ship_rightingbox:nth-child(4) { clear: both; }
/*7-8-2020 css start*/
.dpsp_desing_update p { display: inline-block; width: 100%; }
.dpsp_desing_update .dpsp_firstpara { padding-top: 20px; }
#page .dpsp_desing_update .dpsp_firstpara p { margin-bottom: 20px; }
.dpsp_desing_update .dpsp_firstpara { margin-bottom: 44px; }
.dpsp_desing_update .standard iframe { width: 100%; max-width: 100%; }
.dpsp_desing_update .dpsp_s1 { background: #69bbe3; color: #fff; border: 2px solid #fff; border-radius: 15px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); padding: 25px 50px 20px; text-align: center; cursor:pointer; }
.dpsp_desing_update .dpsp_s1 p span { display: block; width: 100%; font-size: 40px; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #fff; }
.dpsp_desing_update .dpsp_s1 p { font-size: 25px; line-height: 35px; font-weight: 500; }
#page .dpsp_desing_update .dpsp_s1 p.main_para { padding: 0 36px; margin-bottom: 20px }
.dpsp_desing_update .dpsp_firstpara p strong { font-family: "FuturaBT W05 Heavy"; }
.dpsp_desing_update .dpsp_s2 { background: #F6C06A; color: #fff; border: 2px solid #fff; border-radius: 15px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); padding: 25px 50px 20px; text-align: center; cursor:pointer; }
.dpsp_desing_update .dpsp_s2 p span { display: block; width: 100%; font-size: 40px; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #fff; }
.dpsp_desing_update .dpsp_s2 p { font-size: 25px; line-height: 35px; font-weight: 500; }
#page .dpsp_desing_update .dpsp_s2 p.main_para { padding: 0 48px; margin-bottom: 53px; }
.dpsp_desing_update .dpsp_firstpara p strong,.dps1_mainpara_two p strong{ font-family: "FuturaBT W05 Heavy"; }
.dpsp_s1, .dpsp_s2 { margin-top: 83px; }
.dps1_mainpara_two { padding-top: 40px; }
/*.builder.faq_accordion.dpsp_desing_update { padding-right: 102px; }*/
#page .dps1_mainpara_two p { margin-bottom: 20px; }
.dpsp_stp1_standard { background: #f0f7fd; padding: 30px 47px 40px 40px; border: 2px solid #87b1c7; border-radius: 15px; }
#page .dpsp_stp1_standard h3 { margin-top: 0px; }
.dpsp_stp1_standard h3 span { text-transform: uppercase; font-size: 25px; padding-left: 18px; padding-bottom: 16px; border-bottom: 1px solid #6ABBE4; width: 100%; display: inline-block; }
.dpsp_stp1_standard h3 span strong { text-transform: capitalize; }
#page .dpsp_stp1_standard ul li { margin-bottom: 30px; padding-left: 55px; position: relative; list-style-type: none; font-family: "FuturaBT W05 Book"; font-size: 20px; }
#page .dpsp_stp1_standard ul li strong,#page .dpsp_stp1_standard ul li b { font-family: "Futura"; }
#page .dpsp_stp1_standard ul li:after { content: ""; position: absolute; background: url(../images/bullet-blue-arrow.svg) no-repeat 0 0; width: 25px; height: 27px; top: 0; left: 8px; }
#page .dpsp_stp1_standard ul { padding-left: 0px; margin-top: 32px; margin-bottom: 50px; }
#page .dpsp_stp1_standard ul li:marker {
display:none;
}
.insructionpart { text-align: center; }
.dpsp_stp1_standard #departures-table #moreBTN { padding: 20px 68px 20px 54px; background: #6ABBE4; color: #fff; line-height: 1.5; border: none; border: 1px solid #6ABBE4; margin-top: 10px; }
.dpsp_desing_update p { font-family: "FuturaBT W05 Book"; }
.dpsp_desing_update .dpsp_two_parent p { font-family: "Futura"; }
.insructionpart p strong { font-family: "Futura"; color: #6ABBE4; }
#page .dpsp_stp2_standard h3 { margin-top: 0px; }
.dpsp_stp2_standard h3 span { text-transform: uppercase; font-size: 25px; padding-left: 18px; padding-bottom: 16px; border-bottom: 1px solid #F6C06A; width: 100%; display: inline-block; }
.dpsp_stp2_standard h3 span strong { text-transform: capitalize; }
#page .dpsp_stp2_standard ul li { margin-bottom: 30px; padding-left: 55px; position: relative; list-style-type: none; font-family: "FuturaBT W05 Book"; font-size: 20px; }
#page .dpsp_stp2_standard ul li strong { font-family: "Futura"; }
#page .dpsp_stp2_standard ul li:after { content: ""; position: absolute; background: url(../images/bullet-yellow-arrow.svg) no-repeat 0 0; width: 25px; height: 27px; top: 0; left: 8px; }
#page .dpsp_stp2_standard ul { padding-left: 0px; margin-top: 32px; margin-bottom: 50px; }
#page .dpsp_stp2_standard ul li:marker {
display:none;
}
.dpsp_desing_update #departures-table p { font-family: "Futura"; }
.insructionpart { text-align: center; }
.dpsp_stp2_standard #departures-table #moreBTN { padding: 20px 68px 20px 54px; background: #F6C06A; color: #fff; line-height: 1.5; border: none; border: 1px solid #F6C06A; margin-top: 10px; }
.dpsp_stp2_standard .insructionpart p strong { font-family: "Futura"; color: #F6C06A; }
.dpsp_stp2_standard { margin-top: 25px; padding: 30px 47px 40px 40px; background: #fdf9f0; border: 2px solid #F6C06A; border-radius: 15px }
.dpsp_stp2_standard p strong { font-family: "Futura"; }
.dpsp_stp1_standard p strong { font-family: "Futura"; }
.dpsp_desing_update .user_resourcespart { padding-top: 25px; }
#page .dpsp_desing_update .user_resourcespart h2 { margin-top: 0px; margin-bottom: 42px; font-size: 25px; }
.dpsp_desing_update .user_resourcesimagepart .useful_resources_image { width: 230px; margin-bottom: 28px; }
.dpsp_desing_update .user_resourcesimagepart .resource_image { width: 193px; height: 192px; line-height: 183px; border-radius: 25px; background: #6ABBE4; }
.dpsp_desing_update .user_resourcesimagepart .image_content { padding: 0 30px; }
.dpsp_two_parent .row{ margin:0 -8px;}
.dpsp_two_parent .col-sm-6{ padding:0 8px;}
.builder.faq_accordion.dpsp_desing_update{ overflow:visible;}
/***** 22-9-2021 *******/
.aligncenter, div.aligncenter.imageleft{ margin:5px auto 30px; text-align:center; }
.chooselang{ padding:0 0 0 50px; }
.chooselang h2{ padding:30px 0 9px 20px; font-size:25px !important; border-bottom:1px solid #6ABBE4; margin:0 !important; text-transform:capitalize !important; }
#page .chooselang ul{ padding:25px 0 0 25px; list-style:none; margin:0; }
#page .chooselang ul:after{ content:""; display:block; overflow:hidden; clear:both; }
#page .chooselang ul li{ margin:20px 0 0 0; float:left; padding:0 20px 0 40px; min-width:247px; position:relative; }
#page .chooselang ul li:first-child{ clear:none; }
#page .chooselang ul li:nth-child(2n + 1){ clear:both; }
#page .chooselang ul li:after{ position:absolute; content:""; left:0; top:0; background:url(images/link_arrow.svg) no-repeat 0 0; width:25px; height:27px; }
#page .chooselang ul li a{ font-size:26px; color:#6D6F72; font-weight:bold; line-height:27px; }
#page .chooselang ul li a:hover{ color:#6ABBE4; }


/********** Marine Operations Application Start **********/

.listing_data_inr{margin-bottom: 30px;}
.lhead{text-transform: uppercase;color: #6BCFF6;}
.detail_desc{margin-bottom: 24px;}
.rlink a{padding:10px 25px;margin-bottom: 22px;line-height: 1.25;display: inline-block;border: 3px solid #6ACFF6;border-radius: 20px;font-size: 16px;font-weight: bold;-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;text-transform: uppercase;position:relative;color: #6d6f72;}
/*.rlink a{padding:10px 25px;margin-bottom: 22px;line-height: 1.25;display: inline-block;border: 3px solid #6ACFF6;border-radius: 20px;font-size: 1.25rem;font-weight: bold;-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;text-transform: uppercase;position:relative;color: #6d6f72;}*/
/*.rlink a:after {content: '';top: 50%;right: 22px;height: 17px;width: 22px;background: url(images/button-arrow-icon-grey.svg) no-repeat center center;position: absolute;transform: translateY(-50%);}*/
@media (min-width:1025px) {
.rlink a:hover{background:#6BCFF6;color:#ffffff;}
/*.rlink a:hover:after{background-image:url(images/button-arrow-icon-white.svg);}*/
}
@media (max-width:1199px) {
.rlink a{font-size: 14px;}
}
@media (max-width:767px) {
/*.rlink a{font-size:18px;line-height:28px;padding-left:15px;padding-right:45px;}
.rlink a:after{right:15px;}*/
}

/********** Marine Operations Application End **********/

/********** marine-operations-application-sub-page Start **********/

.mhead{text-transform: uppercase;color: #6BCFF6;}

/********** marine-operations-application-sub-page End **********/


@media (max-width:991px) {
#page .chooselang ul{ padding:25px 0 0 0; list-style:none; }
.chooselang h2{ padding:30px 0 9px 0px; }
.chooselang{ padding:0 0 0 0; }
}
@media (max-width:767px) {
#page .chooselang ul{ padding:25px 0 0 0; list-style:none; }
.chooselang{ padding:0 0 0 0; }
.chooselang h2{ padding:30px 0 9px 0px; font-size:20px !important; }
#page .chooselang ul li a{ font-size:20px; line-height:27px; }
}
/***** 22-9-2021 *******/
@media (max-width:1600px) {
.page-id-21111686 #page .dpsp_desing_update .dpsp_s2 p.main_para{ margin-bottom:20px; }
}
@media (max-width:1399px) {
.page-id-21111686 #page .dpsp_desing_update .dpsp_s2 p.main_para{ margin-bottom:53px; }
}
 @media (min-width:1025px) {
.nextbut_wrap a:hover { background: #006BB6; }
.submit_but input:hover { background: #006BB6; }
#page .shipping_left p a:hover { color: #006BB6; }
#page .thankyou_cont p a:hover { color: #006BB6; }
.sectionfifth .select_statustitle a:hover { color: #006BB6; }
.submitcheckbox a:hover { color: #006BB6; }
button.close:hover { background: url(../../images/close-hover.svg) no-repeat 0 0; }
.dpsp_stp1_standard #departures-table #moreBTN:hover { background: #fff; color: #6ABBE4 !important; }
.dpsp_stp2_standard #departures-table #moreBTN:hover { background: #fff; color: #F6C06A !important; }
}
@media (max-width:1199px) {
.stepone_box { width: 50%; padding: 35px 20px 0; }
.nextbut_wrap { width: calc(100% - 20px); }
.steps_pagewrap { padding: 130px 0 30px 0; }
.user_resourcesimagepart .useful_resources_image { height: 209px; margin-bottom: 30px; }
.useful_resources_image { width: 174px; }
.builder.faq_accordion.dpsp_desing_update { padding-right: 0px; }
#page .dpsp_desing_update .dpsp_s1 p.main_para { padding: 0 25px; }
.dpsp_desing_update .user_resourcesimagepart .useful_resources_image { margin-right: 10px; width: 215px;}
.user_resourcesimagepart .useful_resources_image { height: 254px; }
.dpsp_desing_update .user_resourcesimagepart .useful_resources_image { height:auto; } 
.page-id-21111686 #page .dpsp_desing_update .dpsp_s2 p.main_para{ margin-bottom:20px; }
}
@media (max-width:991px) {
.shipping_left {
padding: 0 0px 0 0;
width: 100%;
}
.shipping_right {
padding: 30px 0 0 0;
width: 100%;
}
.ship_rightingbox img {
width: 100%;
}
.steps_pagewrap {
padding: 70px 0 10px 0;
}
.steps_logowrap {
padding: 0 0 30px 0;
}
.select_textbox {
position: absolute;
top: 120%;
left: -220px;
}
#page .photoguid_cont ul {
padding: 20px 0 0 0;
}
.modal {
overflow: auto;
}
.user_resourcesimagepart {
display: inline-block;
width: 100%;
margin: 0 -15px;
}
.useful_resources_image {
padding: 0 15px;
text-align: center;
margin-bottom: 20px;
}
.resource_image {
width: 208px;
}
.user_resourcesimagepart .useful_resources_image {
height: 209px;
}
.dpsp_desing_update .user_resourcesimagepart .useful_resources_image {
height: auto;
}
.dpsp_desing_update .dpsp_s2,.dpsp_desing_update .dpsp_s1{ padding:20px;}
.dpsp_s1, .dpsp_s2 {
    margin-top: 50px;
}
.page-id-21111686 #page .dpsp_desing_update .dpsp_s2 p.main_para{ margin-bottom:53px; }
}
@media (max-width:768px) {
}
@media (max-width:767px) {
.stepone_box_titel { padding: 3px 0 0 0; }
.stepone_box { padding: 35px 10px 0; }
.nextbut_wrap { width: calc(100% - 10px); }
#page .thankyou_page h1 { font-size: 28px; line-height: 36px; }
#page .shipping_wrap h1 { font-size: 28px; line-height: 36px; }
#page .thankyou_cont p { padding: 20px 0 0 0; }
.sectiontwo { padding: 65px 0 0 0; }
.photoguide_contright { width: 100%; padding: 30px 0 0 0; }
.photoguide_contleft { width: 100%; padding: 0; }
.modal { max-width: 98%; overflow: auto; margin: 0 auto; }
.modal-dialog { padding: 0 15px; }
.resource_image { width: auto; }
.dpsp_stp2_standard,.dpsp_stp1_standard{padding: 20px;}
.dpsp_stp2_standard h3 span,.dpsp_stp1_standard h3 span,#page .dpsp_stp2_standard ul li,#page .dpsp_stp1_standard ul li{ font-size:16px;}
#page .dpsp_desing_update .user_resourcespart h2{ margin-bottom:30px;}
.dpsp_desing_update #departures-table{ margin-top:0px;}
.dpsp_desing_update .user_resourcesimagepart .useful_resources_image{ width:203px;}.user_resourcesimagepart { display: inline-block; width: 100%;margin:0 -10px; text-align: center; vertical-align:top;}
.user_resourcesimagepart .useful_resources_image { float: none; display: inline-block; margin: auto; height: auto; }
#page .dpsp_desing_update .user_resourcespart h2{ text-align:center;}
.dpsp_desing_update .user_resourcesimagepart .useful_resources_image {
    margin-right: 0px; vertical-align:top;
}
.dpsp_desing_update .user_resourcesimagepart .image_content{ position:relative;left:10px;}
.page-id-21111686 #page .dpsp_desing_update .dpsp_s2 p.main_para{ margin-bottom:20px; }
}
@media (max-width:650px) {
.stepone_box { width: 100%; }
.stepone_box_bigimg img { width: 100%; }
.areasincluding_wrap { min-height: inherit; }
}
@media (max-width:590px) {
.select_textbox { position: absolute; top: 120%; left: 0; }
}
@media (max-width:560px) {
.seccheckboxwrap.seccheckboxwrapsec .checkimg { padding: 0 0 0 15px; width: calc(100% - 230px); display: inline-block; }
.seccheckboxwrap.seccheckboxwrapsec .seccheckbox { padding: 11px 13px; }
.modal-body { height: auto; }
.resource_image { width: auto; }

.dpsp_desing_update .user_resourcespart{ padding-top:40px;}
}
@media (max-width:540px) {
.two-filed .frominput_wrap { width: 100%; }
.two-filed .frominput_wrap:first-child { padding-right: 0; }
.two-filed .frominput_wrap:last-child { padding-left: 0; }
.two-filed.one-field .frominput_wrap { width: 100%; }
#page .photoguide_contleft ul { width: 100%; }
#page .photoguide_contleft ul:last-child { padding: 10px 0 0 0; }
.photoguid_cont { padding: 0px 0 0 0; float: left; width: 100%; margin: 0; }
.photoguid_icon { width: 100%; text-align: center; }
.photoguid_icon img { max-width: 100px; }
.photoguide_bottleft { width: 100%; text-align: center; }
.photoguide_bottright { width: 100%; padding: 30px 0 0 0; text-align: center; }
.photoguide_bottright img { max-width: 220px; }
.useful_resources_image { width: 49%; }
.image_heading h4.modal-title { font-size: 16px; }
.modal { top: calc(50% - 0px); }
}
@media (max-width:500px) {
.seccheckbox { max-width: 100%; }
.checkimg { padding: 0 0 0 15px; width: calc(100% - 170px); display: inline-block; }
.ship_rightingbox { width: 50%; }
.ship_rightingbox img { width: 100%; }
}
@media (max-width:450px) {
.seccheckboxwrap.seccheckboxwrapsec .checktext { width: 200px; font-size: 18px; }
.seccheckboxwrap.seccheckboxwrapsec .checkimg { width: calc(100% - 200px); }
.select_radiowrap .select_radiobox:last-child { clear: both; }
}
@media (min-width:769px) and (max-width:812px) {
.modal { top: calc(50% - 0px); }
}