@charset "utf-8";

/*! jQuery UI - v1.11.4 - 2015-12-09
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.grecaptcha-badge {
    display: none !important
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: .4em 2.1em .4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #454545;
    text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #2b2b2b;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.animation-delay1 {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.animation-delay2 {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.animation-delay3 {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    animation-delay: .9s
}

.animation-delay4 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.animation-delay5 {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.animation-delay6 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s
}

.animation-delay7 {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.animation-delay8 {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-moz-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-o-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animated.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}

@-moz-keyframes shake {

    0%,
    100% {
        -moz-transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(10px)
    }
}

@-o-keyframes shake {

    0%,
    100% {
        -o-transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

.animated.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px)
    }
}

@-o-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -o-transform: translateY(0)
    }

    40% {
        -o-transform: translateY(-30px)
    }

    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }

    10%,
    20% {
        -moz-transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1)
    }

    10%,
    20% {
        -o-transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -o-transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -o-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -o-transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: scale(1) rotate(0)
    }
}

.animated.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes swing {

    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg)
    }

    40% {
        -moz-transform: rotate(-10deg)
    }

    60% {
        -moz-transform: rotate(5deg)
    }

    80% {
        -moz-transform: rotate(-5deg)
    }

    100% {
        -moz-transform: rotate(0)
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg)
    }

    40% {
        -o-transform: rotate(-10deg)
    }

    60% {
        -o-transform: rotate(5deg)
    }

    80% {
        -o-transform: rotate(-5deg)
    }

    100% {
        -o-transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0)
    }
}

.animated.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0)
    }

    15% {
        -moz-transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -moz-transform: translateX(20%) rotate(3deg)
    }

    45% {
        -moz-transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -moz-transform: translateX(10%) rotate(2deg)
    }

    75% {
        -moz-transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0)
    }

    15% {
        -o-transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -o-transform: translateX(20%) rotate(3deg)
    }

    45% {
        -o-transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -o-transform: translateX(10%) rotate(2deg)
    }

    75% {
        -o-transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -o-transform: translateX(0)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        transform: translateX(0)
    }
}

.animated.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1)
    }

    50% {
        -moz-transform: scale(1.1)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1)
    }

    50% {
        -o-transform: scale(1.1)
    }

    100% {
        -o-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.animated.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out
    }

    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out
    }

    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in
    }

    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in
    }

    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out
    }

    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out
    }

    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in
    }

    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in
    }

    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -o-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -o-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.animated.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animated.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.animated.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.animated.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

.animated.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.animated.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.animated.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.animated.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.animated.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }

    70% {
        -moz-transform: scale(.9)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }

    70% {
        -o-transform: scale(.9)
    }

    100% {
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }

    80% {
        -moz-transform: translateY(10px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }

    80% {
        -o-transform: translateY(10px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.animated.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }

    80% {
        -moz-transform: translateY(-10px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }

    80% {
        -o-transform: translateY(-10px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }

    80% {
        -moz-transform: translateX(-10px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }

    80% {
        -o-transform: translateX(-10px)
    }

    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }

    80% {
        -moz-transform: translateX(10px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }

    80% {
        -o-transform: translateX(10px)
    }

    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }

    25% {
        -moz-transform: scale(.95)
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }

    25% {
        -o-transform: scale(.95)
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -o-transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

.animated.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.animated.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.animated.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.animated.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.animated.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.animated.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.animated.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.animated.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.animated.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.animated.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0)
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
}

.animated.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.animated.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -moz-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -moz-transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -o-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -o-transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animated.lightSpeedOut {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }

    10% {
        -webkit-transform: skewX(-8deg)
    }

    20% {
        -webkit-transform: skewX(7deg)
    }

    30% {
        -webkit-transform: skewX(-6deg)
    }

    40% {
        -webkit-transform: skewX(5deg)
    }

    50% {
        -webkit-transform: skewX(-4deg)
    }

    60% {
        -webkit-transform: skewX(3deg)
    }

    70% {
        -webkit-transform: skewX(-2deg)
    }

    80% {
        -webkit-transform: skewX(1deg)
    }

    90% {
        -webkit-transform: skewX(0)
    }

    100% {
        -webkit-transform: skewX(0)
    }
}

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg)
    }

    10% {
        -moz-transform: skewX(-8deg)
    }

    20% {
        -moz-transform: skewX(7deg)
    }

    30% {
        -moz-transform: skewX(-6deg)
    }

    40% {
        -moz-transform: skewX(5deg)
    }

    50% {
        -moz-transform: skewX(-4deg)
    }

    60% {
        -moz-transform: skewX(3deg)
    }

    70% {
        -moz-transform: skewX(-2deg)
    }

    80% {
        -moz-transform: skewX(1deg)
    }

    90% {
        -moz-transform: skewX(0)
    }

    100% {
        -moz-transform: skewX(0)
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg)
    }

    10% {
        -o-transform: skewX(-8deg)
    }

    20% {
        -o-transform: skewX(7deg)
    }

    30% {
        -o-transform: skewX(-6deg)
    }

    40% {
        -o-transform: skewX(5deg)
    }

    50% {
        -o-transform: skewX(-4deg)
    }

    60% {
        -o-transform: skewX(3deg)
    }

    70% {
        -o-transform: skewX(-2deg)
    }

    80% {
        -o-transform: skewX(1deg)
    }

    90% {
        -o-transform: skewX(0)
    }

    100% {
        -o-transform: skewX(0)
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }

    10% {
        transform: skewX(-8deg)
    }

    20% {
        transform: skewX(7deg)
    }

    30% {
        transform: skewX(-6deg)
    }

    40% {
        transform: skewX(5deg)
    }

    50% {
        transform: skewX(-4deg)
    }

    60% {
        transform: skewX(3deg)
    }

    70% {
        transform: skewX(-2deg)
    }

    80% {
        transform: skewX(1deg)
    }

    90% {
        transform: skewX(0)
    }

    100% {
        transform: skewX(0)
    }
}

.animated.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animated.wiggle {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

@-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
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .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, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes jello {

    11.1%,
    from,
    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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    11.1%,
    from,
    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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    -moz-transition: scale .1s ease;
    -ms-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

@font-face {
    font-family: flexslider-icon;
    src: url(fonts/flexslider-icon.eot);
    src: url(fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(fonts/flexslider-icon.woff) format('woff'), url(fonts/flexslider-icon.ttf) format('truetype'), url(fonts/flexslider-icon.svg#flexslider-icon) format('svg');
    font-weight: 400;
    font-style: normal
}

.flex-container a:hover,
.flex-slider a:hover {
    outline: 0
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides>li:first-child {
    display: block
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: ''0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: ''0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: ''0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: ''0 1px 4px rgba(0, 0, 0, .2)
}

.flexslider .slides {
    zoom: 1
}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)
}

.flex-direction-nav a.flex-next:before {
    content: '\f002'
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    cursor: default;
    z-index: -1
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, .7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, .9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

body:after {
    content: url(lightbox/close.png) url(lightbox/loading.gif) url(lightbox/prev.png) url(lightbox/next.png);
    display: none
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(lightbox/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(lightbox/prev.png) left 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(lightbox/next.png) right 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(lightbox/close.png) top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    opacity: 1
}

.nivo-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-lightbox-overlay.nivo-lightbox-open {
    visibility: visible;
    opacity: 1
}

.nivo-lightbox-wrap {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%
}

.nivo-lightbox-content {
    width: 100%;
    height: 100%
}

.nivo-lightbox-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center
}

.nivo-lightbox-nav {
    display: none
}

.nivo-lightbox-prev {
    position: absolute;
    top: 50%;
    left: 0
}

.nivo-lightbox-next {
    position: absolute;
    top: 50%;
    right: 0
}

.nivo-lightbox-close {
    position: absolute;
    top: 3%;
    right: 2%
}

.nivo-lightbox-image {
    text-align: center
}

.nivo-lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.nivo-lightbox-content iframe {
    width: 100%;
    height: 100%
}

.nivo-lightbox-ajax,
.nivo-lightbox-inline {
    max-height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-lightbox-error {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 1px 1px #000
}

.nivo-lightbox-error p {
    display: table-cell;
    vertical-align: middle
}

.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -moz-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -ms-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -o-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%)
}

.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%)
}

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%)
}

.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}

.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translateZ(300px);
    -moz-transform: translateZ(300px);
    -ms-transform: translateZ(300px);
    transform: translateZ(300px)
}

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: rgba(0, 0, 0, .6)
}

.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
    background: url(nivolightbox-themes/default/loading.gif) no-repeat 50% 50%
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, .5)
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: url(nivolightbox-themes/default/prev.png);
    border-radius: 0 3px 3px 0
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: url(nivolightbox-themes/default/next.png);
    border-radius: 3px 0 0 3px
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url(nivolightbox-themes/default/close.png) no-repeat 5px 5px;
    width: 40px;
    height: 45px;
    text-indent: -9999px;
    padding: 5px;
    opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
    opacity: 1
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
    bottom: -7%
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
    font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #000;
    color: #fff;
    padding: 7px 15px;
    border-radius: 30px
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
    background: #fff;
    padding: 40px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

@media (-webkit-min-device-pixel-ratio:1.3),
(-o-min-device-pixel-ratio:2.6/2),
(min--moz-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
    .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
        background-image: url(nivolightbox-themes/default/loading@2x.gif);
        background-size: 32px 32px
    }

    .nivo-lightbox-theme-default .nivo-lightbox-prev {
        background-image: url(nivolightbox-themes/default/prev@2x.png);
        background-size: 48px 48px
    }

    .nivo-lightbox-theme-default .nivo-lightbox-next {
        background-image: url(nivolightbox-themes/default/next@2x.png);
        background-size: 48px 48px
    }

    .nivo-lightbox-theme-default .nivo-lightbox-close {
        background-image: url(nivolightbox-themes/default/close@2x.png);
        background-size: 16px 16px
    }
}

@font-face {
    font-family: ytpregular;
    src: url(ytplayer/ytp-regular.eot)
}

@font-face {
    font-family: ytpregular;
    src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'), url(ytplayer/ytp-regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.mb_YTPlayer:focus {
    outline: 0
}

.mb_YTPlayer {
    display: block;
    transform: translateZ(0);
    transform-style: preserve-3d;
    perspective: 1000;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
    box-sizing: border-box
}

.mb_YTPlayer.fullscreen {
    display: block !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border: none !important
}

.mb_YTPlayer.fullscreen .mbYTP_wrapper {
    opacity: 1 !important
}

.mbYTP_wrapper iframe {
    max-width: 4000px !important
}

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    background: rgba(0, 0, 0, .5)
}

.inline_YTPlayer img {
    border: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.mb_YTPBar .ytpicon {
    font-size: 20px;
    font-family: ytpregular
}

.mb_YTPBar .mb_YTPUrl.ytpicon {
    font-size: 30px
}

.mb_YTPBar {
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    display: block;
    width: 100%;
    height: 10px;
    padding: 5px;
    background: #333;
    position: fixed;
    bottom: 0;
    left: 0;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: border-box;
    text-align: left;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color: #fff;
    opacity: .1
}

.mb_YTPBar.visible,
.mb_YTPBar:hover {
    opacity: 1
}

.mb_YTPBar .buttonBar {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    background: 0 0;
    font: 12px/14px Calibri;
    position: absolute;
    top: -30px;
    left: 0;
    padding: 5px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.mb_YTPBar:hover .buttonBar {
    background: rgba(0, 0, 0, .4)
}

.mb_YTPBar span {
    display: inline-block;
    font: 16px/20px Calibri, sans-serif;
    position: relative;
    width: 30px;
    height: 25px;
    vertical-align: middle
}

.mb_YTPBar span.mb_YTPTime {
    width: 130px
}

.mb_YTPBar span.mb_OnlyYT,
.mb_YTPBar span.mb_YTPUrl {
    position: absolute;
    width: auto;
    display: block;
    top: 6px;
    right: 10px;
    cursor: pointer
}

.mb_YTPBar span.mb_YTPUrl img {
    width: 60px
}

.mb_YTPBar span.mb_OnlyYT {
    left: 185px;
    right: auto
}

.mb_YTPBar span.mb_OnlyYT img {
    width: 25px
}

.mb_YTPBar span.mb_YTPUrl a {
    color: #fff
}

.mb_YTPPlaypause,
.mb_YTPlayer .mb_YTPPlaypause img {
    cursor: pointer
}

.mb_YTPMuteUnmute {
    cursor: pointer
}

.mb_YTPProgress {
    height: 10px;
    width: 100%;
    background: #111;
    bottom: 0;
    left: 0
}

.mb_YTPLoaded {
    height: 10px;
    width: 0;
    background: #444;
    left: 0
}

.mb_YTPseekbar {
    height: 10px;
    width: 0;
    background: #fff;
    bottom: 0;
    left: 0;
    box-shadow: rgba(82, 82, 82, .47) 1px 1px 3px
}

.YTPOverlay {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: flat;
    box-sizing: border-box
}

.YTPOverlay.raster {
    background: url(ytplayer/raster.png)
}

.YTPOverlay.raster.retina {
    background: url(ytplayer/raster@2x.png)
}

.YTPOverlay.raster-dot {
    background: url(ytplayer/raster_dot.png)
}

.YTPOverlay.raster-dot.retina {
    background: url(ytplayer/raster_dot@2x.png)
}

.b_hover {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.b_hover:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    border-radius: 3px;
    right: 0;
    bottom: 0;
    background: url(../img/nav_bg.png);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.b_hover:active,
.b_hover:focus,
.b_hover:hover {
    color: #fff
}

.b_hover:active:before,
.b_hover:focus:before,
.b_hover:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.menuzord {
    width: 100%;
    padding: 0 30px;
    float: left;
    position: relative
}

.menuzord a {
    -o-transition: color .3s linear, background .3s linear;
    -moz-transition: color .3s linear, background .3s linear;
    -webkit-transition: color .3s linear, background .3s linear;
    transition: color .3s linear, background .3s linear
}

.menuzord-brand {
    margin: 8px 30px 8px 0;
    float: left;
    color: #666;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer
}

.menuzord-menu {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

.menuzord-menu.menuzord-right {
    float: right
}

.menuzord-menu>li {
    display: inline-block;
    float: left
}

.menuzord-menu>li>a {
    padding: 26px 16px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #888;
    outline: 0;
    line-height: 1.42857143;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.menuzord-menu>li.active>a,
.menuzord-menu>li:hover>a {
    color: #333
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 180px;
    white-space: nowrap;
    background: #fff
}

.menuzord-menu ul.dropdown li ul.dropdown {
    left: 100%
}

.menuzord-menu ul.dropdown li {
    clear: both;
    width: 100%;
    border: 0 none;
    font-size: 12px;
    position: relative
}

.menuzord-menu ul.dropdown li a {
    width: 100%;
    background: 0 0;
    padding: 10px 25px 10px 22px;
    color: #888;
    text-decoration: none;
    display: inline-block;
    float: left;
    clear: both;
    text-align: left;
    position: relative;
    outline: 0;
    -o-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -webkit-transition: padding .2s linear;
    transition: padding .2s linear
}

.menuzord-menu ul.dropdown li:hover>a {
    padding-left: 28px;
    padding-right: 19px;
    color: #333
}

.menuzord-menu ul.dropdown.dropdown-left {
    left: none
}

.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {
    left: -100%
}

.menuzord-menu li .indicator {
    margin-left: 3px;
    display: inline-block
}

.menuzord-menu li ul.dropdown li .indicator {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 15px
}

.menuzord-menu>li>.megamenu {
    width: 100%;
    padding: 20px 30px;
    left: 0;
    position: absolute;
    display: none;
    z-index: 99;
    border-top: solid 1px #f0f0f0;
    background: #fff
}

.menuzord-menu>li>.megamenu.megamenu-half-width {
    width: 50%;
    left: auto
}

.menuzord-menu>li>.megamenu.megamenu-quarter-width {
    width: 25%;
    left: auto
}

.menuzord-menu>li>.megamenu .megamenu-row {
    width: 100%;
    margin-top: 15px
}

.menuzord-menu>li>.megamenu .megamenu-row:first-child {
    margin-top: 0
}

.menuzord-menu>li>.megamenu .megamenu-row:after,
.menuzord-menu>li>.megamenu .megamenu-row:before {
    display: table;
    content: "";
    line-height: 0
}

.menuzord-menu>li>.megamenu .megamenu-row:after {
    clear: both
}

.menuzord-menu>li>.megamenu .megamenu-row .col1,
.menuzord-menu>li>.megamenu .megamenu-row .col10,
.menuzord-menu>li>.megamenu .megamenu-row .col11,
.menuzord-menu>li>.megamenu .megamenu-row .col12,
.menuzord-menu>li>.megamenu .megamenu-row .col2,
.menuzord-menu>li>.megamenu .megamenu-row .col3,
.menuzord-menu>li>.megamenu .megamenu-row .col4,
.menuzord-menu>li>.megamenu .megamenu-row .col5,
.menuzord-menu>li>.megamenu .megamenu-row .col6,
.menuzord-menu>li>.megamenu .megamenu-row .col7,
.menuzord-menu>li>.megamenu .megamenu-row .col8,
.menuzord-menu>li>.megamenu .megamenu-row .col9 {
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 3%
}

.menuzord-menu>li>.megamenu .megamenu-row [class*=col]:first-child {
    margin-left: 0
}

.menuzord-menu>li>.megamenu .megamenu-row .col1 {
    width: 5.583333333333%
}

.menuzord-menu>li>.megamenu .megamenu-row .col2 {
    width: 14.166666666666%
}

.menuzord-menu>li>.megamenu .megamenu-row .col3 {
    width: 22.75%
}

.menuzord-menu>li>.megamenu .megamenu-row .col4 {
    width: 31.333333333333%
}

.menuzord-menu>li>.megamenu .megamenu-row .col5 {
    width: 39.916666666667%
}

.menuzord-menu>li>.megamenu .megamenu-row .col6 {
    width: 48.5%
}

.menuzord-menu>li>.megamenu .megamenu-row .col7 {
    width: 57.083333333333%
}

.menuzord-menu>li>.megamenu .megamenu-row .col8 {
    width: 65.666666666667%
}

.menuzord-menu>li>.megamenu .megamenu-row .col9 {
    width: 74.25%
}

.menuzord-menu>li>.megamenu .megamenu-row .col10 {
    width: 82.833333333334%
}

.menuzord-menu>li>.megamenu .megamenu-row .col11 {
    width: 91.416666666667%
}

.menuzord-menu>li>.megamenu .megamenu-row .col12 {
    width: 100%
}

.menuzord .showhide {
    width: 60px;
    height: 46px;
    padding: 13px 0 0;
    display: none;
    float: right;
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.menuzord .showhide em {
    width: 20px;
    height: 3px;
    margin: 3.5px 20px 0;
    float: right;
    background: #08428b
}

.menuzord-menu>li>a>i {
    margin: 0 5px 0 0;
    font-size: 18px;
    float: left;
    line-height: 20px;
    font-family: FontAwesome;
    font-style: normal
}

.menuzord-menu>li.search form {
    float: left;
    padding: 22px 16px 17px
}

.menuzord-menu>li.search form input[type=text] {
    width: 160px;
    padding: 5px 10px;
    font-family: 'Open Sans', sans-serif;
    border: none;
    background: #f0f0f0;
    border-radius: 2px;
    outline: 0;
    -o-transition: width 1s ease-out;
    -moz-transition: width 1s ease-out;
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out
}

.menuzord-menu>li.search form:hover input[type=text] {
    width: 160px
}

@media (max-width:900px) {
    .menuzord-responsive.menuzord {
        padding: 0
    }

    .menuzord-responsive .menuzord-brand {
        margin: 0;
        font-size: 20px;
        line-height: 1.55;
        width: calc(100% - 61px);
        padding: 3px
    }

    .menuzord-responsive .showhide {
        margin: 0
    }

    .menuzord-responsive .menuzord-menu {
        width: 100%;
        float: left !important
    }

    .menuzord-responsive .menuzord-menu.scrollable {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    .menuzord-responsive .menuzord-menu.scrollable>.scrollable-fix {
        display: block
    }

    .menuzord-responsive .menuzord-menu>li {
        width: 100%;
        display: block;
        position: relative
    }

    .menuzord-responsive .menuzord-menu>li>a {
        width: 100%;
        padding: 12px 20px;
        display: block;
        border-bottom: solid 1px #f0f0f0
    }

    .menuzord-responsive .menuzord-menu>li:first-child>a {
        border-top: solid 1px #f0f0f0
    }

    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        width: 100%;
        left: 0;
        position: static;
        border: none;
        background: #fff;
        float: left
    }

    .menuzord-responsive .menuzord-menu ul.dropdown li {
        position: relative
    }

    .menuzord-responsive .menuzord-menu ul.dropdown li a {
        border-bottom: solid 1px #f0f0f040;
        padding: 10px 25px
    }

    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>a {
        padding-left: 20px !important
    }

    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>a {
        padding-left: 60px !important
    }

    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a {
        padding-left: 80px !important
    }

    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li:hover>a {
        padding-left: 50px !important
    }

    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li:hover>a {
        padding-left: 70px !important
    }

    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li:hover>a {
        padding-left: 90px !important
    }

    .menuzord-responsive .menuzord-menu li .indicator {
        width: 60px;
        height: 58px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 22px;
        text-align: center;
        line-height: 43px;
        border-left: solid 1px #f5f5f5
    }

    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
        height: 38px;
        right: 0;
        top: 0;
        font-size: 18px;
        line-height: 36px
    }

    .menuzord-responsive .menuzord-menu>li>.megamenu {
        width: 100% !important;
        left: 0 !important;
        position: static;
        border-top: none;
        border-bottom: solid 1px #f0f0f0
    }

    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row [class*=col] {
        float: none;
        display: block;
        width: 100% !important;
        margin-left: 0;
        margin-top: 15px
    }

    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row:first-child [class*=col]:first-child {
        margin-top: 0
    }

    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row {
        margin-top: 0
    }

    .menuzord-responsive .menuzord-menu>li.search form {
        width: 100%;
        margin: 4px 0;
        padding: 10px 16px !important
    }

    .menuzord-responsive .menuzord-menu>li.search form input[type=text] {
        width: 100%
    }

    .menuzord-responsive .menuzord-tabs-nav {
        width: 100%
    }

    .menuzord-responsive .menuzord-tabs-content {
        width: 100%
    }
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.cd-container::after {
    content: '';
    display: table;
    clear: both
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed
}

@media only screen and (min-width:1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em
    }

    #cd-timeline::before {
        left: 50%;
        margin-left: -2px
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:1170px) {
    .cd-timeline-block {
        margin: 4em 0
    }

    .cd-timeline-block:first-child {
        margin-top: 0
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, .08), 0 3px 0 4px rgba(0, 0, 0, .05)
}

.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px
}

.cd-timeline-img.cd-picture {
    background: #75ce66
}

.cd-timeline-img.cd-movie {
    background: #c03b44
}

.cd-timeline-img.cd-location {
    background: #f0ca45
}

@media only screen and (min-width:1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 .6s;
        -moz-animation: cd-bounce-1 .6s;
        animation: cd-bounce-1 .6s
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(.5)
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #fff;
    border-radius: .25em;
    padding: 1em;
    box-shadow: 0 3px 0 #d7e4ed
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-content h2 {
    color: #303e49
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more,
.cd-timeline-content p {
    font-size: 13px;
    font-size: .8125rem
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more {
    display: inline-block
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #fff;
    border-radius: .25em
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff
}

@media only screen and (min-width:768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-content .cd-date,
    .cd-timeline-content .cd-read-more {
        font-size: 14px;
        font-size: .875rem
    }
}

@media only screen and (min-width:1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #fff
    }

    .cd-timeline-content .cd-read-more {
        float: left
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #fff
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 .6s;
        -moz-animation: cd-bounce-2 .6s;
        animation: cd-bounce-2 .6s
    }
}

@media only screen and (min-width:1170px) {
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse .6s;
        -moz-animation: cd-bounce-2-inverse .6s;
        animation: cd-bounce-2-inverse .6s
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    left: -5px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(bxslider/img/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(bxslider/img/arrow-left.png) no-repeat scroll 0 0
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(bxslider/img/arrow-right.png) no-repeat scroll 0 0
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(bxslider/img/arrow-left.png) no-repeat scroll 0 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(bxslider/img/arrow-right.png) no-repeat scroll 0 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

::selection {
    background: rgba(0, 155, 204, .62);
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    color: #fff;
    text-shadow: none
}

::-webkit-selection {
    background: rgba(0, 155, 204, .62);
    color: #fff;
    text-shadow: none
}

:active,
:focus {
    outline: 0
}

header {
    background: #fff
}

.menuzord-menu>li {
    padding: 18px 0
}

.menuzord-menu>li>a {
    padding: 8px
}

.menuzord-menu>li.active>a,
.menuzord-menu>li:hover>a {
    background: #333;
    color: #fff
}

.menuzord-menu ul.dropdown li ul.dropdown {
    top: 0
}

.menuzord .menuzord-menu ul.dropdown li:hover>a {
    background: #333;
    color: #fff
}

.menuzord-menu>li.search form {
    padding: 2px 16px
}

.menuzord.blue .menuzord-menu ul.dropdown li:hover>a,
.menuzord.blue .menuzord-menu>li.active>a,
.menuzord.blue .menuzord-menu>li:hover>a {
    background: #5d9cec;
    color: #fff
}

@media (max-width:900px) {
    .menuzord-responsive .menuzord-menu>li {
        padding: 0;
        height: initial
    }

    .menuzord-responsive .menuzord-menu>li>a {
        padding: 7px 20px !important;
        border-radius: 0
    }
}

body {
    line-height: 2;
    color: #000;
    letter-spacing: 1px;
    font-size: 1.075rem;
    font-family: '微軟正黑體', Raleway, sans-serif;
    background-color: #fff
}

a {
    color: #00d0ff;
    text-decoration: none;
    outline: 0 !important;
    font-weight: 500
}

a:focus,
a:hover {
    color: #595959;
    text-decoration: none
}

a img,
iframe {
    border: none
}

img {
    max-width: 100%
}

.h1,
h1 {
    font-size: 3.4rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 22px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 13px
}

.h1,
.h2,
h1,
h2 {
    font-family: '微軟正黑體', Raleway, sans-serif;
    font-weight: 700;
    line-height: 1.42857143;
    color: #08428b
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
h1 .small,
h1 small,
h2 .small,
h2 small {
    font-weight: 400;
    line-height: 1;
    color: #333
}

.h1 a,
.h2 a,
h1 a,
h2 a {
    color: #333
}

.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
    font-family: Raleway, sans-serif;
    font-weight: 600;
    line-height: 1.42857143;
    color: #08428b
}

.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #333
}

.h3 a,
.h4 a,
.h5 a,
.h6 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333
}

address,
blockquote,
dd,
dl,
fieldset,
form,
ol,
pre,
table,
ul {
    margin-bottom: 10px
}

.font-trirong {
    font-family: Trirong, serif
}

.font-raleway {
    font-family: Raleway, sans-serif
}

.font-opensans {
    font-family: 'Open Sans', sans-serif
}

.breadcrumb {
    background-color: rgba(0, 98, 195, .64);
    font-size: 15px;
    padding-top: 0;
    display: inline-block;
    border-radius: 4px;
    list-style: none;
    margin-bottom: 20px;
    padding: 0 15px 0 12px
}

.breadcrumb li.active {
    color: #111
}

.breadcrumb.white li.active {
    color: #fdfdfd;
    font-weight: 700
}

.breadcrumb.white li a {
    color: #fff
}

@media only screen and (min-width:768px) {
    .breadcrumb.text-right {
        text-align: right
    }
}

html {
    font-size: 100%;
    max-width: 100%
}

@media only screen and (max-width:991px) {
    html {
        font-size: 90%;
        max-width: 100%;
        width: 100%;
        overflow-x: hidden
    }

    body .sp2 {
        max-width: 100%
    }

    body .widget .post,
    body .widget ul.list li {
        display: inline-block
    }

    body .widget ul.list.sp1 li {
        display: block
    }
}

@media only screen and (max-width:767px) {
    html {
        font-size: 85%
    }

    body .widget .post,
    body .widget ul.list li {
        display: block
    }
}

@media only screen and (max-width:479px) {
    html {
        font-size: 80%
    }
}

html,
html a {
    -webkit-font-smoothing: antialiased
}

body {
    max-width: 100%;
    overflow-x: hidden
}

.fluid-video-wrapper {
    padding: 0;
    position: relative;
    width: 100%
}

iframe {
    width: 100%
}

.lead {
    font-size: 18px
}

.text-highlight {
    background: #111 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    margin-top: 2px;
    padding: 1px 8px
}

.text-highlight.light {
    background: grey
}

.inline-block {
    display: inline-block
}

.display-block {
    display: block
}

.fullwidth {
    width: 100%
}

.bg-hover-theme-colored {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.text-underline {
    text-decoration: underline
}

.heading-title {
    margin-top: 10px
}

.line-bottom {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 10px;
    margin-top: 0
}

.line-bottom:after {
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px
}

.line-bottom-centered {
    position: relative;
    margin: 10px 0 20px
}

.line-bottom-centered:after {
    background: #2b96cc none repeat scroll 0 0;
    bottom: -8px;
    content: "";
    height: 1px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: absolute;
    right: 0;
    width: 30px
}

.line-bottom-double-line-centered {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.line-bottom-double-line-centered:after {
    bottom: 7px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 45px
}

.line-bottom-double-line-centered:before {
    bottom: 3px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 20px
}

.title-icon [class^=flaticon-]::after,
.title-icon [class^=flaticon-]::before {
    font-size: 48px;
    margin-left: 10px
}

.title-icon {
    margin: 0 auto;
    max-width: 160px;
    position: relative
}

.title-icon::after {
    content: "";
    height: 2px;
    left: 24px;
    position: absolute;
    top: 10px;
    width: 30px
}

.title-icon::before {
    content: "";
    height: 2px;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 30px
}

.vertical-line {
    position: relative
}

.vertical-line::before {
    content: "";
    height: 25px;
    left: 6px;
    position: absolute;
    top: 5px;
    width: 2px;
    z-index: 9
}

.vertical-line::after {
    content: "";
    height: 84%;
    left: 0;
    position: absolute;
    top: 5px;
    width: 4px
}

footer ol,
footer ul,
ol.sp33,
ul.sp33 {
    list-style: none;
    margin: 0;
    padding: 0
}

ol ul,
ul ul {
    margin-left: 15px
}

ul.list {
    list-style: outside none none;
    margin-top: 13px;
    padding-left: 0
}

ul.list li:hover:before {
    background: 0 0;
    border-color: transparent
}

ul.list li a {
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding: 5px 5px 5px 12px;
    display: block;
    letter-spacing: 1px;
    color: #5d5d5d;
    font-size: 16px
}

.list-icon li {
    font-size: 14px;
    margin: 0
}

.list-icon li i {
    color: #555;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px 5px 0;
    text-align: center;
    width: 28px
}

.list-icon.square li i {
    background: silver;
    color: #555;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px 5px 0;
    text-align: center;
    width: 28px
}

.list-icon.rounded li i {
    color: #555;
    background: silver;
    border-radius: 50%;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px 5px 0;
    text-align: center;
    width: 28px
}

.list-icon.theme-colored.square li i {
    color: #fff
}

.list-icon.theme-colored.rounded li i {
    color: #fff
}

.list-info li {
    clear: both;
    position: relative
}

.list-info li label {
    display: inline-block;
    font-weight: 700;
    padding: 5px 0 0
}

.list-info li span {
    left: 110px;
    padding: 5px 0;
    position: absolute
}

.list-features {
    -moz-column-count: 3;
    column-count: 3
}

.list-dashed>article {
    border-bottom: 1px dashed #d3d3d3 !important;
    margin-bottom: 7px;
    padding-bottom: 7px
}

.list-dashed>li {
    border-bottom: 1px dashed #d3d3d3 !important;
    margin-bottom: 7px;
    padding-bottom: 7px
}

.list-dashed.dark-dash>article {
    border-bottom: 1px dashed #333 !important
}

.list-dashed.dark-dash>div {
    border-bottom: 1px dashed #333 !important
}

.list-dashed.dark-dash>li {
    border-bottom: 1px dashed #333 !important
}

ul.list.check li:before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 12px
}

ul.list.angle-double-right li:before {
    content: "\f101";
    font-family: fontawesome;
    font-size: 12px
}

ul.list.angle-right li:before {
    content: "\f105";
    font-family: fontawesome
}

ul.list.check-circle li:before {
    content: "\f058";
    font-family: fontawesome;
    font-size: 14px
}

.call-to-action {
    display: inline-block;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%
}

.opening-hourse ul li {
    padding-bottom: 10px !important
}

section {
    position: relative
}

section>.container,
section>.container-fluid {
    padding-top: 100px;
    padding-bottom: 100px
}

.bg-video {
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: -1
}

.bg-video .video {
    height: 100%;
    left: 0;
    margin: 0 !important;
    position: relative;
    top: 0;
    width: 100%
}

.bg-video .video .mbYTP_wrapper {
    z-index: -1 !important
}

.display-table-parent {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.display-table {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.display-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.scrollToTop {
    background: rgba(0, 0, 0, .1);
    bottom: 88px;
    display: none;
    height: 50px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 99999;
    border-radius: 100%
}

.scrollToTop i {
    color: #fff;
    font-size: 42px
}

.scrollToTop:hover {
    background: rgba(0, 0, 0, .6);
    text-decoration: none
}

.heading-border {
    border-bottom: 1px solid #d3d3d3;
    margin: 30px 0;
    padding: 20px 0
}

.scrolltofixed-container {
    position: static
}

.home-boxes .bg-icon {
    bottom: 0;
    color: #fff;
    font-size: 58px;
    line-height: 1;
    opacity: .3;
    position: absolute;
    right: 0;
    transform: rotate(-40deg)
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
    font-size: 48px
}

.floating {
    float: left;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-top: 10px
}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0)
    }

    65% {
        -webkit-transform: translate(0, 15px)
    }

    to {
        -webkit-transform: translate(0, 0)
    }
}

@-moz-keyframes Floating {
    from {
        -moz-transform: translate(0, 0)
    }

    65% {
        -moz-transform: translate(0, 15px)
    }

    to {
        -moz-transform: translate(0, 0)
    }
}

.scaling {
    float: left;
    -webkit-animation-name: scalex;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: scale;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out
}

@-webkit-keyframes scalex {
    from {
        -webkit-transform: scale(.9)
    }

    65% {
        -webkit-transform: scale(1)
    }

    to {
        -webkit-transform: scale(.9)
    }
}

@-moz-keyframes scale {
    from {
        -moz-transform: scale(.9)
    }

    65% {
        -moz-transform: scale(1)
    }

    to {
        -moz-transform: scale(.9)
    }
}

.layer-overlay {
    position: relative
}

.layer-overlay::before {
    background: rgba(17, 17, 17, .5) none repeat scroll 0 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.layer-overlay.overlay-light::before {
    background-color: rgba(255, 255, 255, .4)
}

.layer-overlay.overlay-lighter::before {
    background-color: rgba(255, 255, 255, .3)
}

.layer-overlay.overlay-deep::before {
    background-color: rgba(255, 255, 255, .9)
}

.layer-overlay.overlay-dark::before {
    background-color: rgba(17, 17, 17, .85)
}

.layer-overlay.overlay-dark-1::before {
    background-color: rgba(17, 17, 17, .1)
}

.layer-overlay.overlay-dark-2::before {
    background-color: rgba(17, 17, 17, .2)
}

.layer-overlay.overlay-dark-3::before {
    background-color: rgba(17, 17, 17, .3)
}

.layer-overlay.overlay-dark-4::before {
    background-color: rgba(17, 17, 17, .4)
}

.layer-overlay.overlay-dark-5::before {
    background-color: rgba(17, 17, 17, .5)
}

.layer-overlay.overlay-dark-6::before {
    background-color: rgba(17, 17, 17, .6)
}

.layer-overlay.overlay-dark-7::before {
    background-color: rgba(17, 17, 17, .7)
}

.layer-overlay.overlay-dark-8::before {
    background-color: rgba(17, 17, 17, .8)
}

.layer-overlay.overlay-dark-9::before {
    background-color: rgba(17, 17, 17, .9)
}

.layer-overlay.overlay-white::before {
    background-color: rgba(255, 255, 255, .4)
}

.layer-overlay.overlay-white-1::before {
    background-color: rgba(255, 255, 255, .1)
}

.layer-overlay.overlay-white-2::before {
    background-color: rgba(255, 255, 255, .2)
}

.layer-overlay.overlay-white-3::before {
    background-color: rgba(255, 255, 255, .3)
}

.layer-overlay.overlay-white-4::before {
    background-color: rgba(255, 255, 255, .4)
}

.layer-overlay.overlay-white-5::before {
    background-color: rgba(255, 255, 255, .5)
}

.layer-overlay.overlay-white-6::before {
    background-color: rgba(255, 255, 255, .6)
}

.layer-overlay.overlay-white-7::before {
    background-color: rgba(255, 255, 255, .7)
}

.layer-overlay.overlay-white-8::before {
    background-color: rgba(255, 255, 255, .8)
}

.layer-overlay.overlay-white-9::before {
    background-color: rgba(255, 255, 255, .9)
}

.layer-overlay.layer-pattern::before {
    background-image: url(../img/pattern1.png);
    background-color: rgba(0, 0, 0, .6)
}

.layer-overlay.layer-pattern2::before {
    background-image: url(../img/pattern2.png);
    background-color: rgba(0, 0, 0, .8)
}

.layer-overlay.layer-pattern3::before {
    background-image: url(../img/pattern3.png);
    background-color: rgba(0, 0, 0, .8)
}

.layer-overlay.maximage-layer-overlay::before {
    z-index: 1
}

.layer-overlay.overlay-blue::before {
    background-color: rgba(1, 162, 208, .9)
}

.layer-overlay.overlay-blue-light::before {
    background-color: rgba(1, 162, 208, .45)
}

.layer-overlay.overlay-pink::before {
    background-color: rgba(235, 110, 142, .9)
}

.layer-overlay.overlay-pink-light::before {
    background-color: rgba(235, 110, 142, .45)
}

.layer-overlay.overlay-brown::before {
    background-color: rgba(60, 171, 111, .9)
}

.layer-overlay.overlay-brown-light::before {
    background-color: rgba(60, 171, 111, .45)
}

.layer-overlay.overlay-yellow::before {
    background-color: rgba(255, 187, 34, .9)
}

.layer-overlay.overlay-yellow-light::before {
    background-color: rgba(255, 187, 34, .45)
}

.layer-overlay.overlay-green::before {
    background-color: rgba(16, 196, 92, .9)
}

.layer-overlay.overlay-green-light::before {
    background-color: rgba(16, 196, 92, .45)
}

.layer-overlay.overlay-theme-color-1::before {
    background-color: rgba(173, 216, 230, .9)
}

.layer-overlay.overlay-theme-color-2::before {
    background-color: rgba(230, 173, 188, .9)
}

.layer-overlay.overlay-theme-color-3::before {
    background-color: rgba(230, 216, 173, .9)
}

.half-divider .overlay-theme-color-1,
.half-divider .overlay-theme-color-2,
.half-divider .overlay-theme-color-3 {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

.header-top {
    padding: 0;
    border-top: 3px solid #35bbe1 !important;
    background: #333
}

.header-top .header-widget .social-icons a i:hover {
    background: 0 0
}

.header-top .header-widget .list-border li {
    border-right: 1px solid rgba(0, 0, 0, .06);
    padding: 5px 15px
}

.header-top .header-widget .list-border li:last-child {
    border-right: 0
}

@media only screen and (max-width:767px) {
    .header-top .header-widget .contact-info {
        margin-bottom: 20px
    }

    .header-top .header-widget .contact-info li {
        display: block;
        text-align: center
    }
}

.menuzord-brand img {
    height: 57px
}

.header-nav .header-nav-wrapper .menuzord {
    padding: 0
}

.header-nav.navbar-transparent.animated-active {
    background-color: rgba(0, 0, 0, .25)
}

.nav-sidebar li {
    background: #f1f1f1;
    padding-bottom: 0
}

.nav-sidebar li a {
    border-radius: 0
}

.nav-pills li a:hover,
.nav-pills li.active>a,
.nav-pills li.active>a:focus,
.nav-pills li.active>a:hover {
    background: #d3d3d3;
    color: #777
}

.header-nav {
    position: relative
}

.header-nav .header-nav-absolute-wrapper {
    width: 100%
}

.header-nav .header-nav-wrapper .menuzord {
    padding: 0
}

.menuzord-menu>li {
    padding: 0;
    position: relative;
    margin-right: 5px;
    text-align: center
}

.menuzord-menu>li>a {
    font-size: 13px;
    color: #333;
    padding: 8px 16px
}

.menuzord .menuzord-menu ul.dropdown li:hover>a i,
.menuzord .menuzord-menu>li.active>a i,
.menuzord .menuzord-menu>li:hover>a i {
    color: #fff
}

.menuzord-menu ul.dropdown {
    border: none;
    top: 73px
}

.menuzord-menu ul.dropdown li {
    margin: 0
}

.menuzord-menu ul.dropdown li a {
    color: #a9a9a9;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 25px 7px 22px;
    background: #333
}

.menuzord-menu ul.dropdown li .indicator {
    top: 4px
}

.menuzord-menu>li>.megamenu .megamenu-row li {
    border: 0 none;
    clear: both;
    font-size: 12px;
    margin: 0;
    padding: 2px;
    position: relative;
    width: 100%
}

.menuzord-menu>li>.megamenu .megamenu-row li a {
    display: block;
    padding: 8px 10px;
    -webkit-transition: padding .2s linear;
    -o-transition: padding .2s linear;
    transition: padding .2s linear
}

.menuzord-menu>li>.megamenu .megamenu-row li.active>a,
.menuzord-menu>li>.megamenu .megamenu-row li:hover>a {
    color: #111;
    padding-left: 15px
}

.menuzord-menu>li>.megamenu .megamenu-row li a i {
    color: #444
}

.menuzord-menu>li>.megamenu .megamenu-row li.active a i,
.menuzord-menu>li>.menuzord-menu>li>.megamenu .megamenu-row li:hover a i {
    color: #fff
}

@media only screen and (max-width:900px) {
    .menuzord-menu {
        background: #fff
    }
}

.header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
    background: rgba(255, 255, 255, .84);
    border-top: 3px solid #063688;
    box-shadow: 0 4px 21px rgba(0, 0, 0, .25)
}

.header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed .menuzord {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee
}

.header .inner-sticky-wrapper {
    height: 80px
}

@media only screen and (min-width:901px) {
    .header-nav .header-nav-absolute-wrapper {
        bottom: -36px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        z-index: 1111
    }

    .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
        bottom: auto
    }
}

.header-nav {
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.header-nav.navbar-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1030
}

.navbar-sticky-animated .header-nav-wrapper .container {
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.header-nav.navbar-white {
    background-color: rgba(255, 255, 255, .95);
    border: medium none
}

.header-nav.navbar-white .menuzord {
    background: 0 0
}

.header-nav.navbar-transparent .menuzord {
    background: 0 0
}

.header-nav.navbar-transparent .header-nav-wrapper {
    border-bottom: 1px solid #eee
}

.header-nav.navbar-transparent.animated-active {
    background-color: rgba(0, 0, 0, .1)
}

.header-nav.navbar-transparent.animated-active .header-nav-wrapper {
    border-bottom: none
}

.header-nav.navbar-transparent.animated-active .menuzord-menu>li>a {
    color: #fff
}

@media only screen and (max-width:1199px) {
    .menuzord-brand {
        margin: 10px 15px 10px 0
    }

    .menuzord-menu>li>a {
        padding: 8px 12px
    }
}

@media only screen and (max-width:991px) {
    .menuzord .showhide {
        padding: 20px 0 0
    }

    .menuzord-menu>li {
        padding: 0
    }

    .menuzord-menu>li>a {
        padding: 8px 7px
    }
}

@media only screen and (max-width:900px) {
    .header-nav.navbar-transparent.animated-active .menuzord-menu>li>a {
        color: #888
    }
}

.inner-header .title {
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    color: #fff;
    margin-bottom: 10px
}

.boxed-layout .container {
    max-width: 1170px;
    padding-left: 30px;
    padding-right: 30px
}

.boxed-layout .footer,
.boxed-layout .header,
.boxed-layout .main-content {
    margin: 0 auto;
    max-width: 1170px;
    box-shadow: 0 0 8px -2px #333
}

.boxed-layout .footer,
.boxed-layout .header,
.boxed-layout section {
    background-color: #fff
}

.boxed-layout .header {
    margin-bottom: 15px
}

.boxed-layout .header .navbar-default {
    background-color: #fff;
    border-color: #fff;
    padding: 0
}

.boxed-layout .header .navbar-default .navbar-nav>li>a {
    padding: 30px 5px
}

.boxed-layout .header .navbar-default .navbar-collapse {
    background-color: #fff;
    border-color: #fff;
    margin-right: 30px
}

.boxed-layout .header #header-logo {
    margin: 0;
    padding-top: 27px
}

@media only screen and (max-width:991px) {
    .boxed-layout {
        padding-top: 0
    }

    .boxed-layout .header .navbar-default .navbar-nav>li>a {
        padding: 10px
    }

    .boxed-layout .header .navbar-default .navbar-collapse {
        margin-right: 15px
    }

    .boxed-layout .navbar-header {
        padding: 15px 0
    }

    .boxed-layout .navbar-collapse .navbar-nav li a .caret {
        margin-right: 0
    }
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    font-size: 14px
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

label {
    font-weight: 400
}

.form-control:focus,
form input[type=color]:focus,
form input[type=date]:focus,
form input[type=email]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=search]:focus,
form input[type=tel]:focus,
form input[type=text]:focus,
form input[type=url]:focus,
form select:focus,
form textarea:focus {
    color: #444;
    border-color: silver;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    outline: 0
}

.form-transparent .form-control {
    background: 0 0;
    color: #f7f7f7
}

.form-transparent .form-control:focus,
.form-transparent form input[type=color]:focus,
.form-transparent form input[type=date]:focus,
.form-transparent form input[type=email]:focus,
.form-transparent form input[type=number]:focus,
.form-transparent form input[type=password]:focus,
.form-transparent form input[type=search]:focus,
.form-transparent form input[type=tel]:focus,
.form-transparent form input[type=text]:focus,
.form-transparent form input[type=url]:focus,
.form-transparent form select:focus,
.form-transparent form textarea:focus {
    color: #f7f7f7
}

.form-transparent textarea.form-control,
.form-white textarea.form-control {
    height: 150px
}

.form-white .form-control {
    background: #fff
}

.form-transparent.form-line .form-control {
    border: none;
    border-bottom: 1px solid silver;
    padding-left: 0
}

.form-transparent.form-line textarea.form-control {
    height: 70px
}

form label {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px
}

form .form-control.error {
    border: 2px solid #ee163b
}

form .error {
    color: #ee163b
}

.donation-form .form-group label.radio-inline {
    color: grey
}

.form-text-white .form-group label {
    color: #fff
}

.side-push-panel {
    overflow-x: hidden
}

.side-push-panel.fullwidth-page #wrapper {
    right: 0;
    position: relative
}

.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    right: 0
}

.side-push-panel.fullwidth-page.side-panel-left #wrapper {
    left: 0;
    right: auto
}

.side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    left: 0;
    right: auto
}

.side-push-panel.fullwidth-page.side-panel-open #wrapper {
    right: 300px
}

.side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    right: 300px
}

.side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper {
    left: 300px;
    right: auto
}

.side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    left: 300px;
    right: auto
}

.side-push-panel.has-side-panel .menuzord .showhide {
    float: left
}

.has-side-panel .body-overlay {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.has-side-panel.side-panel-open .body-overlay {
    opacity: 1;
    pointer-events: auto;
    z-index: 1111
}

.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover {
    cursor: url(../img/close.png) 15 15, default
}

#side-panel {
    -webkit-backface-visibility: hidden;
    background-color: #f3f3f3;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: -300px;
    top: 0;
    width: 300px;
    z-index: 1112;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

#side-panel .side-panel-wrap {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 50px 70px 50px 40px;
    position: absolute;
    top: 0;
    width: 330px
}

#side-panel .widget {
    border-top: 1px solid #eee;
    margin-top: 40px;
    padding-top: 40px;
    width: 220px
}

#side-panel .widget:first-child {
    border-top: 0;
    margin: 0;
    padding-top: 0
}

.side-panel-open #side-panel {
    right: 0
}

.side-panel-left #side-panel {
    left: -300px;
    right: auto
}

.side-panel-left.side-panel-open #side-panel {
    left: 0;
    right: auto
}

.device-touch #side-panel .side-panel-wrap {
    overflow-y: scroll
}

#side-panel .side-panel-nav .nav li a {
    padding: 5px 0
}

#side-panel .side-panel-nav .nav li a:hover {
    background-color: transparent;
    color: #a9a9a9
}

#side-panel .side-panel-nav .nav ul.tree {
    display: none;
    margin-left: 15px
}

#side-panel-trigger {
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 25px;
    z-index: 11
}

@media only screen and (max-width:767px) {
    #side-panel-trigger {
        margin-top: 15px
    }
}

#side-panel-trigger-close {
    left: 0;
    margin: 10px;
    position: absolute;
    top: 0
}

.side-push-panel.fullwidth-page #wrapper,
.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.box-hover-effect {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%
}

.box-hover-effect img {
    position: relative;
    display: block;
    max-height: 100%;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-hover-effect .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-hover-effect .overlay::after,
.box-hover-effect .overlay::before {
    pointer-events: none
}

.box-hover-effect .overlay .details {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-hover-effect .overlay .title {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-hover-effect .overlay .para {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-hover-effect .overlay .entry-meta {
    bottom: 10px;
    font-size: 70%;
    opacity: 0;
    position: absolute;
    width: 89%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-hover-effect .overlay .entry-meta.top {
    top: 10px
}

.box-hover-effect .overlay .entry-meta i {
    color: #fff
}

.box-hover-effect .overlay .icons {
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-hover-effect:hover .overlay {
    background: rgba(0, 0, 0, .85)
}

.box-hover-effect:hover .overlay.white {
    background: rgba(255, 255, 255, .75)
}

.box-hover-effect:hover .overlay.black {
    background: rgba(0, 0, 0, .85)
}

.box-hover-effect:hover .overlay .entry-meta {
    opacity: 1
}

.box-hover-effect:hover .overlay .icons {
    opacity: 1
}

.box-hover-effect:hover .overlay .icons i {
    color: #fff
}

.box-hover-effect:hover .overlay .icons.twin i {
    padding: 10px
}

.box-hover-effect:hover .overlay .icons.bordered i {
    border: 1px solid #fff
}

.box-hover-effect:hover .overlay .icons.bordered i.text-black {
    border-color: #000
}

.shadow-overlay {
    background-image: url(../img/shadow-overlay.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    bottom: 0;
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.box-hover-effect.effect1 .thumb {
    position: relative;
    overflow: hidden
}

.box-hover-effect.effect1 .thumb:before {
    background-color: rgba(255, 255, 255, .5);
    left: -40%;
    content: "";
    height: 150%;
    opacity: 0;
    position: absolute;
    top: -40%;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    transform: rotate(-70deg);
    width: 100%;
    z-index: 1
}

.box-hover-effect.effect1:hover .thumb:before {
    opacity: 1
}

.box-hover-effect.effect1:hover .thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.box-hover-effect.effect2 .thumb {
    position: relative;
    overflow: hidden
}

.box-hover-effect.effect2 .overlay .overlay-details {
    opacity: 0;
    -webkit-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    transform: scale(.8, .8);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.box-hover-effect.effect2:hover .overlay-details {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.box-hover-effect.effect2:hover .details {
    opacity: 0
}

.box-hover-effect.effect2:hover img {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.box-hover-effect.effect3 .overlay {
    position: relative
}

.box-hover-effect.effect3 .thumb {
    position: relative
}

.box-hover-effect.effect3 .thumb:after {
    background-color: rgba(255, 255, 255, .15);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 0
}

.box-hover-effect.effect3 .thumb:before {
    background-color: rgba(255, 255, 255, .15);
    left: 0;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 0;
    z-index: 1
}

.box-hover-effect.effect3:hover .thumb:after,
.box-hover-effect.effect3:hover .thumb:before {
    height: 100%;
    width: 100%;
    -webkit-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.box-hover-effect.effect2 .overlay.white .overlay-details p {
    color: #777
}

.portfolio-filter {
    margin-bottom: 30px;
    text-align: center
}

.portfolio-filter a {
    background: #f7f8fa none repeat scroll 0 0;
    border: 1px solid #eee;
    color: #555;
    display: inline-block;
    float: none;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-right: 10px;
    outline: medium none;
    padding: 5px 15px;
    margin-bottom: 10px
}

.portfolio-filter a.active,
.portfolio-filter a:hover {
    color: #111;
    background-color: #f5f5f5
}

.gallery-isotope.gutter .gallery-item {
    padding-right: 5px;
    padding-bottom: 5px
}

.gallery-isotope.gutter-small .gallery-item {
    padding-right: 2px;
    padding-bottom: 2px
}

.gallery-isotope.gutter-10 .gallery-item {
    padding-right: 10px;
    padding-bottom: 10px
}

.gallery-isotope.gutter-20 .gallery-item {
    padding-right: 20px;
    padding-bottom: 20px
}

.gallery-isotope.gutter-30 .gallery-item {
    padding-right: 30px;
    padding-bottom: 30px
}

.gallery-isotope.gutter-40 .gallery-item {
    padding-right: 40px;
    padding-bottom: 40px
}

.gallery-isotope.gutter-50 .gallery-item {
    padding-right: 50px;
    padding-bottom: 50px
}

.gallery-isotope.gutter-60 .gallery-item {
    padding-right: 60px;
    padding-bottom: 60px
}

.gallery-isotope .gallery-item {
    width: 25%
}

.gallery-isotope .gallery-item.wide {
    width: 50%
}

.gallery-isotope.grid-1 .gallery-item {
    width: 100%
}

.gallery-isotope.grid-1 .gallery-item.wide {
    width: 100%
}

.gallery-isotope.grid-2 .gallery-item {
    width: 50%
}

.gallery-isotope.grid-2 .gallery-item.wide {
    width: 100%
}

.gallery-isotope.grid-3 .gallery-item {
    width: 33.333%
}

.gallery-isotope.grid-3 .gallery-item.wide {
    width: 66.6667%
}

.gallery-isotope.grid-4 .gallery-item {
    width: 25%
}

.gallery-isotope.grid-4 .gallery-item.wide {
    width: 50%
}

.gallery-isotope.grid-5 .gallery-item {
    width: 20%
}

.gallery-isotope.grid-5 .gallery-item.wide {
    width: 40%
}

.gallery-isotope.grid-6 .gallery-item {
    width: 16.666666667%
}

.gallery-isotope.grid-6 .gallery-item.wide {
    width: 33.333%
}

.gallery-isotope.grid-7 .gallery-item {
    width: 14.2857143%
}

.gallery-isotope.grid-7 .gallery-item.wide {
    width: 28.5714286%
}

.gallery-isotope.grid-8 .gallery-item {
    width: 12.5%
}

.gallery-isotope.grid-8 .gallery-item.wide {
    width: 25%
}

.gallery-isotope.grid-9 .gallery-item {
    width: 11.11%
}

.gallery-isotope.grid-9 .gallery-item.wide {
    width: 22.22%
}

.gallery-isotope.grid-10 .gallery-item {
    width: 10%
}

.gallery-isotope.grid-10 .gallery-item.wide {
    width: 20%
}

@media only screen and (max-width:991px) {
    .gallery-isotope .gallery-item {
        width: 33.333% !important
    }

    .gallery-isotope .gallery-item.wide {
        width: 66.6667% !important
    }
}

@media only screen and (max-width:767px) {
    .gallery-isotope .gallery-item {
        width: 50% !important
    }

    .gallery-isotope .gallery-item.wide {
        width: 100% !important
    }
}

@media only screen and (max-width:479px) {
    .gallery-isotope .gallery-item {
        width: 100% !important
    }

    .gallery-isotope .gallery-item.wide {
        width: 100% !important
    }
}

.gallery-isotope .gallery-item {
    overflow: hidden
}

.gallery-isotope .gallery-item .thumb {
    position: relative;
    overflow: hidden
}

.gallery-isotope .gallery-item .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background: 0 0 !important;
    color: transparent !important;
    z-index: 11
}

.gallery-isotope .gallery-item .overlay-shade {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background-color: #333;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.gallery-isotope .gallery-item:hover .overlay-shade {
    opacity: .9
}

.gallery-isotope .gallery-item .icons-holder {
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: auto;
    height: 36px;
    vertical-align: middle;
    z-index: 13;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.gallery-isotope .gallery-item .icons-holder .icons-holder-inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -18px 0 0 -50%
}

.gallery-isotope .gallery-item .icons-holder .icons-holder-inner a {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.gallery-isotope .gallery-item:hover .icons-holder {
    top: 50%
}

.gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a {
    opacity: 1
}

.gallery-isotope .gallery-item .portfolio-description {
    padding: 15px 0
}

.gallery-isotope .gallery-item .portfolio-description .title {
    margin: 0
}

.gallery-isotope .gallery-item .portfolio-description .title a {
    color: #333
}

.gallery-isotope .gallery-item .text-holder {
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 25px 30px 60px;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s;
    width: 100%;
    z-index: 13
}

.gallery-isotope .gallery-item .text-holder .title {
    color: #fff
}

.gallery-isotope .gallery-item:hover .text-holder {
    opacity: 1
}

.gallery-isotope .flex-control-nav {
    z-index: 111
}

#home .revslider-fullscreen {
    min-height: auto
}

.minimal-revslider-wrapper {
    left: 0;
    width: 100%
}

.minimal-revslider-wrapper .tp-leftarrow {
    left: 0
}

.minimal-revslider-wrapper .tp-rightarrow {
    right: 0
}

.tab-slider .tab-content {
    padding: 0;
    border: 0
}

.tab-slider .nav.nav-pills>div {
    background-color: #fff;
    float: left;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tab-slider .nav.nav-pills i {
    color: #d3d3d3
}

.tab-slider .nav.nav-pills a {
    display: block;
    padding: 40px 30px;
    background: #f3f3f3
}

.tab-slider .nav.nav-pills a.active h6,
.tab-slider .nav.nav-pills a.active i,
.tab-slider .nav.nav-pills a:hover h6,
.tab-slider .nav.nav-pills a:hover i {
    color: #fff
}

.maximage-slider .fullscreen-controls .img-next,
.maximage-slider .fullscreen-controls .img-prev {
    background: rgba(0, 0, 0, .3)
}

.testimonial-carousel .quote,
.testimonial-carousel .thumb,
.testimonial-carousel-style2 .quote,
.testimonial-carousel-style2 .thumb {
    margin-bottom: 40px
}

.testimonial-carousel .quote i,
.testimonial-carousel-style2 .quote i {
    background: #555;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    height: 60px;
    line-height: 1;
    padding: 20px 0 0;
    text-align: center;
    width: 60px
}

.testimonial-carousel .author,
.testimonial-carousel-style2 .author {
    margin-top: 30px;
    text-transform: uppercase
}

.testimonial-carousel-style2.owl-theme .owl-controls,
.testimonial-carousel.owl-theme .owl-controls {
    margin-top: 10px
}

.testimonial-carousel-style2.fullwidth .content p,
.testimonial-carousel.fullwidth .content p {
    font-size: 15px;
    font-style: italic;
    color: #fff
}

.testimonial-carousel-style2.fullwidth .content p::after,
.testimonial-carousel.fullwidth .content p::after {
    content: "\f10e";
    font-family: fontawesome;
    font-size: 100px;
    left: 42%;
    opacity: .1;
    position: absolute
}

.testimonial-carousel-style2.bullet-white .owl-dots span,
.testimonial-carousel.bullet-white .owl-dots span {
    background: #fff
}

.testimonial-carousel .owl-item img,
.testimonial-carousel-style2 .owl-item img {
    display: inline-block;
    width: auto;
    max-width: 90px
}

.testimonial-carousel-style2.boxed .quote,
.testimonial-carousel-style2.boxed .thumb,
.testimonial-carousel.boxed .quote,
.testimonial-carousel.boxed .thumb {
    margin-bottom: 20px
}

.testimonial-carousel-style2.boxed .owl-item img,
.testimonial-carousel.boxed .owl-item img {
    display: inline-block;
    width: auto;
    max-width: 65px
}

.testimonial-carousel-style2.boxed .content::after,
.testimonial-carousel.boxed .content::after {
    bottom: 12px;
    content: "\f10e";
    font-family: fontawesome;
    font-size: 55px;
    opacity: .2;
    position: absolute;
    right: 10px
}

.testimonial-carousel-style2.boxed .owl-controls,
.testimonial-carousel.boxed .owl-controls {
    margin-top: 0
}

.testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot.active span,
.testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot:hover span,
.testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot.active span,
.testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1
}

.widget-testimonial-carousel .item img {
    max-width: 75px;
    float: right
}

.owl-controls {
    margin: 0
}

.owl-controls .owl-nav>div {
    background: none repeat scroll 0 0 rgba(88, 169, 255, .64);
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 5px;
    position: absolute;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    line-height: 45px;
    top: -270px;
    color: #fff;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 6
}

.owl-controls .owl-next {
    right: 0
}

.owl-controls .owl-next i {
    color: #fff;
    font-size: 40px
}

.owl-controls .owl-prev i {
    color: #fff;
    font-size: 40px;
    font-weight: 700
}

.owl-controls .owl-nav>div:hover {
    background: #08428b none repeat scroll 0 0
}

.owl-theme .owl-dots {
    text-align: center;
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border: 2px solid #eee;
    border-radius: 50%;
    display: block;
    height: 12px;
    margin: 5px 3px;
    opacity: .8;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 12px
}

.image-carousel .owl-controls .owl-nav>div {
    opacity: 0
}

.image-carousel:hover .owl-controls .owl-nav>div {
    opacity: 1
}

.owl-carousel.owl-nav-top.bullet-white .owl-dots span {
    background: #fff
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav>div {
    background-color: transparent;
    top: -89px;
    right: 0
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav>div:hover i {
    color: #fff
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {
    right: 58px
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    right: 0
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {
    background: rgba(88, 169, 255, .64);
    border: none;
    line-height: 26px;
    text-align: center;
    height: 49px
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i {
    font-size: 40px;
    font-weight: 700
}

.owl-carousel.owl-nav-top.nav-theme-colored .owl-controls .owl-nav .owl-next i,
.owl-carousel.owl-nav-top.nav-theme-colored .owl-controls .owl-nav .owl-prev i {
    color: #fff;
    font-weight: 800
}

.owl-carousel.no-bullet .owl-nav {
    display: none
}

.recent-project .owl-controls .owl-nav>div {
    top: 38%
}

.recent-project .owl-controls .owl-nav .owl-next i,
.recent-project .owl-controls .owl-nav .owl-prev i {
    padding: 2px 16px
}

.featured-gallery.style2 {
    float: right;
    width: 92%
}

.featured-gallery.style2 .owl-controls {
    bottom: 58px;
    left: -80px;
    margin: 0;
    position: absolute
}

.featured-gallery.style2 .owl-controls .owl-nav>div {
    top: 95%
}

.featured-gallery.style2 .owl-controls .owl-nav .owl-prev {
    left: 0
}

.featured-gallery.style2 .owl-controls .owl-nav .owl-next {
    display: inline-table;
    left: 40px
}

.featured-gallery.style2 .owl-controls .owl-nav .owl-next i,
.featured-gallery.style2 .owl-controls .owl-nav .owl-prev i {
    color: #fff;
    font-size: 35px
}

@media only screen and (max-width:991px) {
    .featured-gallery.style2 {
        float: none;
        margin-top: 58px;
        width: 100%
    }

    .featured-gallery.style2 .owl-controls {
        bottom: auto;
        left: auto;
        top: -45px
    }
}

.image-carousel .owl-controls .owl-nav>div {
    opacity: 0
}

.image-carousel:hover .owl-controls .owl-nav>div {
    opacity: 1
}

.fullwidth-carousel .owl-controls .owl-nav>div {
    top: 45%
}

.fullwidth-carousel .carousel-item {
    min-height: 615px;
    width: 100%
}

.fullwidth-carousel.blog-fullwidth-carousel .carousel-item {
    height: 600px;
    min-height: auto;
    width: 100%
}

.fullwidth-carousel.blog-fullwidth-carousel .owl-controls .owl-nav>div {
    background: 0 0
}

.owl-dots-bottom-right .owl-dots {
    bottom: -10px;
    position: absolute;
    right: 0
}

.twitter-feed.twitter-carousel {
    color: #111;
    font-size: 16px
}

.twitter-feed.twitter-carousel a {
    color: #111
}

.twitter-feed .date {
    font-size: 12px
}

.twitter-feed.twitter-white,
.twitter-feed.twitter-white a {
    color: #fff
}

.bx-wrapper {
    margin: 0 auto 7px;
    padding: 0;
    position: relative
}

.bx-wrapper .bx-viewport {
    background: inherit;
    border: 0 solid #fff;
    box-shadow: 0 0 0 #ccc;
    left: 0;
    transform: translateZ(0)
}

.bx-controls .bx-controls-direction>a {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    height: auto;
    line-height: 28px;
    padding: 0 12px;
    width: auto;
    text-indent: 0;
    top: -30px;
    z-index: 0
}

.bx-controls .bx-controls-direction>a:hover {
    background: #ddd
}

.bx-controls .bx-controls-direction>a i {
    color: #888
}

.bx-controls .bx-controls-direction .bx-prev {
    right: 35px;
    left: auto
}

.bx-controls .bx-controls-direction .bx-next {
    right: 0
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    -moz-animation: blink .7s infinite;
    animation: blink .7s infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.dots-left .owl-dots {
    margin-left: 0;
    margin-top: 10px;
    text-align: left
}

.owl-carousel .owl-item .testimonial-wrapper img {
    display: inline-block;
    width: 75px
}

.owl-carousel .owl-item .testimonial-wrapper.large-image img {
    display: inline-block;
    width: 100px
}

.setion-bottom-absolute-div {
    background: rgba(255, 255, 255, .5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.bg-img-box {
    position: relative
}

.bg-img-box .caption {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    position: absolute;
    top: 0
}

.bg-img-box .caption .title {
    font-size: 30px;
    line-height: 39px
}

.bg-img-box .caption p {
    max-width: 280px
}

.img-hover-border {
    position: relative
}

.img-hover-border::after {
    background: rgba(0, 0, 0, .3) none repeat scroll 0 0;
    border: 1px solid #999;
    content: "";
    height: 97%;
    left: 5px;
    position: absolute;
    top: 4px;
    transition: all .3s ease-in-out 0s;
    width: 95%
}

@media only screen and (max-width:991px) {
    .img-hover-border::after {
        height: 96%;
        left: 15px;
        top: 15px
    }
}

@media only screen and (max-width:479px) {
    .img-hover-border::after {
        height: 96%;
        left: 10px;
        top: 10px
    }
}

.project {
    margin-bottom: 30px
}

.project .thumb {
    position: relative;
    overflow: hidden
}

.project:hover .thumb::after {
    border: 10px solid rgba(255, 255, 255, .2);
    opacity: 1
}

.project .thumb::after {
    background: rgba(0, 0, 0, .2) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition-duration: .3s;
    width: 100%
}

.project .hover-link {
    left: 44%;
    opacity: 0;
    position: absolute;
    top: 34%;
    transition-duration: .3s;
    z-index: 9
}

.project:hover .hover-link {
    opacity: 1;
    top: 44%
}

.project .hover-link i {
    color: #fff;
    display: block;
    font-size: 30px;
    padding: 0;
    font-weight: 700
}

.project .project-details {
    background: #fff none repeat scroll 0 0;
    transition-duration: .3s;
    padding: 10px 15px
}

.project:hover .project-details .sub-title,
.project:hover .project-details .title {
    color: #fff
}

.volunteer {
    position: relative
}

.volunteer .overlay {
    height: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.volunteer .content {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.volunteer:hover .overlay {
    opacity: 1;
    height: 100%
}

.volunteer:hover .content {
    opacity: 1;
    top: 30%
}

.volunteer.border {
    border: 3px solid #fff
}

.volunteer .info {
    padding: 15px 0;
    padding-bottom: 0;
    text-align: center
}

.volunteer .info .name {
    font-weight: 700;
    margin: 0
}

.volunteer .info .name a {
    text-transform: uppercase
}

.volunteer .info .occupation {
    color: #999;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase
}

.contact-wrapper {
    padding: 50px 50px 50px 100px
}

.contact-form .form-group {
    margin-bottom: 20px
}

.contact-form .form-control {
    background-image: none;
    border: 1px solid silver;
    border-radius: 0;
    box-shadow: none;
    height: 48px
}

.contact-form .form-control:active,
.contact-form .form-control:focus {
    box-shadow: none;
    color: #333
}

.contact-form .form-control2 {
    background-color: rgba(0, 0, 0, .8);
    color: silver
}

.contact-form .form-group button {
    margin-top: 0
}

.contact-form textarea.form-control {
    height: 110px;
    resize: none
}

.event {
    border: 1px solid #eee;
    border-radius: 15px;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.event:hover {
    background: #fafafa
}

.event .event-content .media-heading a {
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.event .event-content ul li {
    font-size: 12px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 10px
}

.event .event-date ul li {
    line-height: 1
}

.event .event-date ul li:first-child {
    margin-bottom: 10px
}

.schedule-box .thumb {
    position: relative;
    overflow-x: hidden
}

.schedule-box .thumb .overlay {
    background-color: rgba(255, 255, 255, .85);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: .3s ease-in-out 0s;
    -o-transition: .3s ease-in-out 0s;
    transition: .3s ease-in-out 0s;
    top: -100%
}

.schedule-box .thumb .overlay a i {
    background-color: #333;
    color: #fff;
    margin: 0 auto;
    padding: 13px 12px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .45s ease-in-out 0s;
    -o-transition: all .45s ease-in-out 0s;
    transition: all .45s ease-in-out 0s;
    top: 0
}

.schedule-box .schedule-details ul li {
    margin: 0
}

.schedule-box .schedule-details .title a {
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.schedule-box:hover .thumb .overlay {
    opacity: 1;
    top: 0
}

.schedule-box:hover .thumb .overlay a i {
    opacity: 1;
    top: 40%
}

.table-schedule thead tr th {
    color: #fff;
    font-size: 16px;
    padding: 15px 25px;
    text-transform: uppercase
}

.table-schedule>tbody>tr {
    background-color: #f3f3f3
}

.table-schedule>tbody>tr:nth-child(2n+1) {
    background-color: #f9f9f9
}

.table-schedule tbody tr td {
    border-top: 1px solid #f3f3f3;
    color: #666;
    font-weight: 400;
    padding: 15px 25px
}

.table-schedule tbody tr td .speaker-thumb {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    width: 55px
}

.table-schedule tbody tr td .title {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 3px
}

.table-schedule tbody tr td .name {
    font-size: 13px;
    margin: 0
}

.table-schedule tbody tr td strong {
    color: #666;
    font-weight: 700
}

.table-schedule .toggle-content {
    cursor: pointer
}

.table-schedule .session-details {
    display: none
}

.upcoming-event-right {
    margin-left: 90px
}

.practice-area {
    overflow: hidden;
    position: relative
}

.practice-area:hover .practice-name {
    opacity: 1;
    right: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.rotated-service-box {
    position: relative
}

.rotated-service-box .icon {
    background-color: #d3d3d3;
    display: inline-block;
    height: 90px;
    left: 0;
    margin: 0 auto;
    padding: 30px;
    position: absolute;
    right: 0;
    top: -45px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px
}

.rotated-service-box .icon i {
    color: #fff;
    font-size: 32px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotated-service-box .heading {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.services-list li {
    border: medium none;
    padding: 0 !important
}

.services-list li.active {
    position: relative;
    padding-left: 30px
}

.services-list ul li a {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    color: #111;
    display: block;
    font-weight: 500;
    padding: 12px 30px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease
}

.services-list li.active a {
    border: 1px solid transparent;
    color: #fff;
    font-weight: 600
}

.brochured li a {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    display: inline-block;
    padding: 16px 30px;
    width: 100%;
    -webkit-transition: all .1s ease !important;
    -o-transition: all .1s ease !important;
    transition: all .1s ease !important
}

.brochured li a i {
    font-size: 18px;
    margin-right: 12px;
    vertical-align: middle
}

.job-overview {
    box-shadow: 0 0 0 2px #eee;
    padding: 20px 0 20px 20px
}

.job-overview .dl-horizontal dt {
    width: auto
}

.job-overview .dl-horizontal dd {
    margin-left: 40px
}

.product {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden
}

.products .product {
    border: 1px solid #eee;
    max-width: 400px
}

.products .product:hover {
    border: 1px solid #eee
}

.products .product .product-details .product-title {
    font-size: 15px;
    margin-top: 20px;
    text-transform: uppercase
}

.btn-add-to-cart-wrapper,
.btn-product-view-details {
    opacity: 0;
    height: auto;
    margin: 0 0 15px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: absolute;
    bottom: 0;
    left: -60px
}

.product:hover .btn-add-to-cart-wrapper,
.product:hover .btn-product-view-details {
    left: 0;
    opacity: 1
}

.btn-product-view-details {
    left: auto;
    bottom: 0;
    right: -60px
}

.product:hover .btn-product-view-details {
    left: auto;
    opacity: 1;
    right: 0
}

.product .price {
    margin-top: 5px
}

.product .price .amount {
    font-size: 18px;
    font-weight: 600
}

.product .price del .amount {
    color: #999;
    font-size: 14px;
    font-weight: 500
}

.product .price ins {
    margin-left: 10px;
    text-decoration: none
}

.product .product-summary .product-title {
    margin-top: 0
}

.product .product-summary .short-description {
    margin-bottom: 15px
}

.product .product-summary .cart-form-wrapper .btn {
    margin-top: 0
}

.product .product-summary .variations {
    width: 100%
}

.product .product-tab {
    margin-top: 30px
}

.product .commentlist .comment {
    margin-top: 30px;
    position: relative
}

.product .commentlist .comment .meta {
    font-size: 12px
}

.product .commentlist .comment .author {
    font-size: 14px;
    font-weight: 700
}

.product .product-thumb {
    position: relative
}

.product .product-thumb:hover .overlay {
    opacity: 1
}

.product .product-thumb .overlay .add-to-wishlist {
    color: #fff;
    right: 10px;
    top: 10px;
    position: absolute
}

.product .product-summary .cart-form-wrapper .quantity,
.tbl-shopping-cart .quantity {
    display: inline-block;
    margin-right: .8571em;
    position: relative;
    width: 4.1429em;
    vertical-align: top
}

.product .product-summary .cart-form-wrapper .quantity .minus,
.product .product-summary .cart-form-wrapper .quantity .plus,
.tbl-shopping-cart .quantity .minus,
.tbl-shopping-cart .quantity .plus {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    height: 18px;
    left: 2.8571em;
    line-height: 1;
    outline: medium none;
    padding: 0;
    position: absolute;
    width: 18px
}

.product .product-summary .cart-form-wrapper .quantity .minus,
.tbl-shopping-cart .quantity .minus {
    bottom: 0
}

.product .product-summary .cart-form-wrapper .quantity .plus,
.tbl-shopping-cart .quantity .plus {
    top: 0
}

.product .product-summary .cart-form-wrapper .quantity .qty,
.tbl-shopping-cart .quantity .qty {
    -moz-appearance: textfield;
    border: 1px solid #ccc;
    height: 41px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 40px
}

.star-rating {
    font-size: 14px;
    height: 16px;
    width: 75px;
    line-height: 1;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 0
}

.star-rating span::before,
.star-rating::before {
    color: #a9a9a9;
    content: "\f005\f005\f005\f005\f005";
    float: left;
    font-family: fontawesome;
    left: 0;
    letter-spacing: 2px;
    position: absolute;
    top: 0
}

.star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0
}

.product .tag-sale {
    margin: 0;
    top: 0;
    display: block;
    left: auto;
    right: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding: 4px 10px 4px 16px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    z-index: 9
}

.product .tag-sale .tag-sale::before {
    border-color: transparent transparent transparent #dcdcdc;
    border-style: solid;
    border-width: 12px 13px 13px 8px;
    content: "";
    height: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 1px;
    width: 0
}

.tbl-shopping-cart .product-thumbnail img {
    max-width: 72px;
    max-height: 72px
}

.tbl-shopping-cart .product-remove {
    text-align: center
}

.tbl-shopping-cart .variation .variation-size,
.tbl-shopping-cart .variation .variation-size span {
    font-size: 12px
}

.tbl-shopping-cart .coupon button,
.tbl-shopping-cart .coupon input,
.tbl-shopping-cart .coupon label,
.tbl-shopping-cart tr td,
.tbl-shopping-cart tr th {
    vertical-align: middle
}

.tbl-shopping-cart tr td {
    padding: 10px 12px
}

table.no-border td {
    border: medium none
}

.payment-method .radio {
    border: 1px solid #eee;
    padding: 10px
}

.payment-method .radio>label {
    color: #111;
    font-size: 17px
}

.payment-method .radio input {
    margin-top: 8px;
    vertical-align: initial
}

.payment-method .radio>p {
    margin-left: 20px
}

#checkout-shipping-address {
    display: none
}

.top-nav-cart-box .indicator,
.top-nav-search-box .indicator {
    display: none
}

.dropdown-cart {
    padding: 10px
}

.dropdown-cart .cart-table-list,
.dropdown-cart .cart-table-list i {
    color: #222;
    border: none
}

.dropdown-cart .cart-table-list a {
    line-height: normal;
    color: #222
}

.dropdown-cart .cart-table-list td img {
    width: 50px;
    height: auto
}

.dropdown-cart .cart-table-list.table>tbody>tr>td {
    border: none;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.dropdown-cart .total-cart {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    color: #222;
    text-align: right
}

.dropdown-cart .total-cart ul {
    float: right;
    list-style: none;
    padding: 0;
    width: 100%
}

.dropdown-cart .total-cart ul li {
    display: block;
    overflow: hidden
}

.dropdown-cart .total-cart ul li span {
    width: 100px;
    display: inline-block;
    text-align: right;
    white-space: nowrap
}

.dropdown-cart .total-cart .table>tbody>tr>td,
.dropdown-cart .total-cart .table>tbody>tr>th,
.dropdown-cart .total-cart .table>tfoot>tr>td,
.dropdown-cart .total-cart .table>tfoot>tr>th,
.dropdown-cart .total-cart .table>thead>tr>td,
.dropdown-cart .total-cart .table>thead>tr>th {
    border: 0
}

.dropdown-cart .cart-btn .btn {
    width: auto;
    float: none;
    padding: 5px 15px
}

.post .entry-header {
    position: relative;
    overflow: hidden
}

.post .entry-title {
    margin-top: 0;
    margin-bottom: 0;
    display: block
}

.post .entry-content {
    background: #f8f8f8;
    padding: 15px
}

.post .entry-date {
    font-size: 13px
}

.post .entry-meta.meta-absolute {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.post .entry-meta.meta-absolute i {
    display: block;
    font-size: 28px
}

.post .entry-meta.meta-absolute span a {
    color: #454545;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 2px;
    margin-right: 5px
}

.post.media-post .post-thumb {
    float: left;
    margin: 0 10px 10px 0
}

.post .post-thumb {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.post.style2,
.post.style3 {
    position: relative;
    overflow: hidden
}

.post.style2 .entry-content,
.post.style3 .entry-content {
    background-color: rgba(0, 0, 0, .8);
    bottom: -30px;
    left: 0;
    padding: 30px;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.post.style2 .entry-content .entry-date,
.post.style3 .entry-content .entry-date {
    font-size: 11px;
    margin-bottom: 10px
}

.post.style2:hover .entry-content,
.post.style3:hover .entry-content {
    bottom: 0
}

.post.style2:hover .post-thumb,
.post.style3:hover .post-thumb {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.post .entry-header .entry-date {
    position: absolute;
    bottom: 0;
    right: 0
}

.featured-blog {
    overflow: hidden;
    position: relative
}

.featured-blog-details {
    bottom: -18%;
    padding: 30px;
    position: absolute;
    transition: all .4s ease-in-out 0s;
    width: 100%
}

.featured-blog:hover .featured-blog-details {
    bottom: 0
}

.reply-box .form-group input {
    border-radius: 0;
    height: 45px;
    margin-bottom: 30px
}

.featured-blog {
    overflow: hidden;
    position: relative
}

.featured-blog-details {
    bottom: -18%;
    padding: 30px;
    position: absolute;
    transition: all .4s ease-in-out 0s;
    width: 100%
}

.featured-blog:hover .featured-blog-details {
    bottom: 0
}

.btn-border {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.btn-border.focus,
.btn-border:focus {
    color: #222;
    background-color: #e6e6e6;
    border-color: #000
}

.btn-border:hover {
    color: #222;
    background-color: #e6e6e6;
    border-color: #040404
}

.btn-border.active,
.btn-border:active,
.open>.dropdown-toggle.btn-border {
    color: #222;
    background-color: #fff;
    border-color: #040404
}

.btn-border.active.focus,
.btn-border.active:focus,
.btn-border.active:hover,
.btn-border:active.focus,
.btn-border:active:focus,
.btn-border:active:hover,
.open>.dropdown-toggle.btn-border.focus,
.open>.dropdown-toggle.btn-border:focus,
.open>.dropdown-toggle.btn-border:hover {
    color: #222;
    background-color: #fff;
    border-color: #000
}

.btn-border.active,
.btn-border:active,
.open>.dropdown-toggle.btn-border {
    background-image: none
}

.btn-border.disabled.focus,
.btn-border.disabled:focus,
.btn-border.disabled:hover,
.btn-border[disabled].focus,
.btn-border[disabled]:focus,
.btn-border[disabled]:hover,
fieldset[disabled] .btn-border.focus,
fieldset[disabled] .btn-border:focus,
fieldset[disabled] .btn-border:hover {
    background-color: #fff;
    border-color: #222
}

.btn-border .badge {
    color: #fff;
    background-color: #222
}

.btn-border {
    border-width: 2px
}

.btn-border:active,
.btn-border:focus,
.btn-border:hover {
    background-color: #222;
    border-color: #222;
    color: #fff
}

.btn-dark {
    color: #fff;
    background-color: #222;
    border-color: #222
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #090909;
    border-color: #000
}

.btn-dark:hover {
    color: #fff;
    background-color: #090909;
    border-color: #040404
}

.btn-dark.active,
.btn-dark:active,
.open>.dropdown-toggle.btn-dark {
    color: #fff;
    background-color: #090909;
    border-color: #040404
}

.btn-dark.active.focus,
.btn-dark.active:focus,
.btn-dark.active:hover,
.btn-dark:active.focus,
.btn-dark:active:focus,
.btn-dark:active:hover,
.open>.dropdown-toggle.btn-dark.focus,
.open>.dropdown-toggle.btn-dark:focus,
.open>.dropdown-toggle.btn-dark:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-dark.active,
.btn-dark:active,
.open>.dropdown-toggle.btn-dark {
    background-image: none
}

.btn-dark.disabled.focus,
.btn-dark.disabled:focus,
.btn-dark.disabled:hover,
.btn-dark[disabled].focus,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark.focus,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark:hover {
    background-color: #222;
    border-color: #222
}

.btn-dark .badge {
    color: #222;
    background-color: #fff
}

.btn-gray {
    color: #333;
    background-color: #eee;
    border-color: #eee
}

.btn-gray.focus,
.btn-gray:focus {
    color: #333;
    background-color: #d5d5d5;
    border-color: #afafaf
}

.btn-gray:hover {
    color: #333;
    background-color: #d5d5d5;
    border-color: #d0d0d0
}

.btn-gray.active,
.btn-gray:active,
.open>.dropdown-toggle.btn-gray {
    color: #333;
    background-color: #d5d5d5;
    border-color: #d0d0d0
}

.btn-gray.active.focus,
.btn-gray.active:focus,
.btn-gray.active:hover,
.btn-gray:active.focus,
.btn-gray:active:focus,
.btn-gray:active:hover,
.open>.dropdown-toggle.btn-gray.focus,
.open>.dropdown-toggle.btn-gray:focus,
.open>.dropdown-toggle.btn-gray:hover {
    color: #333;
    background-color: #c3c3c3;
    border-color: #afafaf
}

.btn-gray.active,
.btn-gray:active,
.open>.dropdown-toggle.btn-gray {
    background-image: none
}

.btn-gray.disabled.focus,
.btn-gray.disabled:focus,
.btn-gray.disabled:hover,
.btn-gray[disabled].focus,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray.focus,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray:hover {
    background-color: #eee;
    border-color: #eee
}

.btn-gray .badge {
    color: #eee;
    background-color: #333
}

.btn-circled {
    border-radius: 25px
}

.btn-flat {
    border-radius: 0
}

.btn {
    font-size: 13px;
    padding: 6px 22px
}

.btn-xs {
    font-size: 11px;
    padding: 3px 14px
}

.btn-sm {
    font-size: 12px;
    padding: 5px 17px
}

.btn-lg {
    font-size: 14px;
    padding: 10px 26px
}

.btn-xl {
    font-size: 16px;
    padding: 13px 32px
}

.btn-transparent {
    background-color: transparent;
    color: #fff
}

.btn-read-more {
    padding: 0
}

.btn-read-more::after {
    display: inline-block;
    content: "\f18e";
    font-family: fontawesome;
    font-size: 16px;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: 5px;
    position: relative;
    text-shadow: none;
    text-transform: none;
    top: 2px;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

blockquote {
    border-left: 3px solid #eee;
    margin: 20px 0;
    padding: 30px
}

blockquote.gray {
    border-left: 3px solid #666;
    background-color: #eee;
    color: #333
}

blockquote.gray.bg-theme-colored {
    background-color: #eee
}

blockquote.dark {
    border-left: 3px solid #3c3c3c;
    background-color: #555;
    color: #fff
}

blockquote.dark footer {
    color: #d3d3d3
}

blockquote p {
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-style: italic
}

.clients-logo .item {
    background: #eee;
    border-color: transparent;
    box-shadow: 0 0 0 10px #fff;
    margin-bottom: 30px;
    padding: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.clients-logo img {
    width: auto;
    display: inline;
    opacity: .8
}

.clients-logo img:hover {
    opacity: 1
}

.clients-logo.carousel {
    text-align: center
}

.clients-logo.carousel .item {
    box-shadow: none;
    margin: 0 10px
}

.clients-logo.style2 .item {
    box-shadow: none
}

.clients-logo.style2 .item img {
    max-height: 120px
}

.client-img {
    opacity: .6;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.client-img:hover {
    opacity: 1
}

.client-img img {
    max-height: 90px
}

.clients-logo.carousel {
    text-align: center
}

.clients-logo.carousel .item {
    box-shadow: none;
    margin: 0 10px
}

.clients-logo.transparent .item {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    margin-bottom: 0
}

.countdown-timer li {
    color: grey;
    display: inline-block;
    padding: 30px 20px;
    background-color: #f1f1f1;
    margin-right: 15px;
    font-size: 40px;
    text-align: center;
    min-width: 120px;
    min-height: 120px
}

.countdown-timer li span {
    color: silver;
    display: block;
    font-size: 15px;
    margin-top: 5px
}

.countdown-timer.timer-box {
    padding: 20px;
    padding-top: 40px;
    text-align: center
}

.countdown-timer.timer-box li {
    color: #fff;
    background-color: rgba(0, 0, 0, .05);
    margin-bottom: 15px
}

.countdown-timer.timer-box li span {
    color: #eee
}

.countdown-timer.timer-deep-bg li {
    background-color: rgba(0, 0, 0, .05)
}

@media only screen and (max-width:767px) {
    .timer-responsive li {
        margin-top: 30px;
        font-size: 20px;
        min-width: 60px;
        min-height: 60px;
        padding: 20px 10px
    }

    .countdown-timer li span {
        font-size: 12px
    }
}

.home-countdown>li {
    background: #3db4d9 none repeat scroll 0 0;
    margin-right: 10px;
    padding: 12px 10px 20px;
    text-transform: uppercase
}

.home-countdown>li>span {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    display: inline-block;
    position: relative
}

.home-countdown>li>span:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 25px;
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 103%
}

.divider {
    background-repeat: repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.parallax {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: top center
}

.mobile-parallax {
    background-size: cover;
    background-attachment: scroll;
    background-position: center center
}

.divider .container {
    padding-top: 90px;
    padding-bottom: 90px
}

.divider .container.small-padding {
    padding-top: 30px;
    padding-bottom: 30px
}

.divider .container.extra-padding {
    padding-top: 180px;
    padding-bottom: 180px
}

.fb-comments,
.fb-comments>span,
.fb-comments>span>iframe,
.fb_iframe_widget,
.fb_iframe_widget>span,
.fb_iframe_widget>span>iframe {
    display: block;
    margin: 0;
    width: 100%
}

.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
    outline: 0;
    border: none
}

.flex-direction-nav {
    display: none
}

.flexslider {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.flex-control-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    width: auto;
    position: absolute;
    z-index: 10;
    text-align: center;
    bottom: 15px;
    right: 15px
}

.flex-control-nav li {
    float: left;
    display: block;
    margin: 0 3px;
    width: 10px;
    height: 10px
}

.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.flex-control-nav li a.flex-active,
.flex-control-nav li:hover a {
    background-color: #fff
}

.card {
    float: left;
    min-height: 300px;
    padding-bottom: 25%;
    position: relative;
    text-align: center;
    width: 100%
}

.card:nth-child(1) {
    margin-left: -3px;
    margin-right: 1px
}

.card .card:nth-child(3),
.card:nth-child(1) {
    margin-right: 1px
}

.card .card__back,
.card .card__front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.card .card__back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.card .card__text {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 300px;
    line-height: 20px
}

.card.effect__hover:hover .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.card.effect__hover:hover .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.card.effect__click.flipped .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.card.effect__click.flipped .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.card.effect__random.flipped .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.card.effect__random.flipped .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.social-icons a {
    color: #333;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    float: left;
    margin: 5px 7px 5px 0;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.social-icons a:hover {
    color: #666
}

.social-icons.icon-gray a {
    background-color: #eee;
    color: #555;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px
}

.social-icons.icon-gray a:hover {
    color: #bbb
}

.social-icons.icon-gray.icon-bordered a {
    background-color: transparent;
    border: 2px solid #eee
}

.social-icons.icon-gray.icon-bordered a:hover {
    border: 2px solid #d5d5d5
}

.social-icons.icon-dark a {
    background-color: #333;
    color: #eee;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px
}

.social-icons.icon-dark a:hover {
    color: #5e5e5e
}

.social-icons.icon-dark.icon-bordered a {
    background-color: transparent;
    border: 2px solid #111;
    color: #111
}

.social-icons.icon-dark.icon-bordered a:hover {
    background-color: #111;
    border-color: #111;
    color: #fff
}

.social-icons.icon-bordered a {
    border: 1px solid #777
}

.social-icons.icon-bordered a:hover {
    background-color: #777;
    color: #fff
}

.social-icons.icon-rounded a {
    border-radius: 3px
}

.social-icons.icon-circled a {
    border-radius: 50%
}

.social-icons.icon-sm a {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 2px 7px 2px 0;
    width: 30px
}

.social-icons.icon-md a {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    width: 50px
}

.social-icons.icon-lg a {
    font-size: 32px;
    height: 60px;
    line-height: 60px;
    width: 60px
}

.social-icons.icon-xl a {
    font-size: 60px;
    height: 120px;
    line-height: 120px;
    width: 120px
}

.social-icons li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0
}

.funfact {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.funfact.border {
    border: 1px solid #d3d3d3
}

.funfact.no-border {
    border: 0
}

.funfact.border {
    border: 1px solid #d3d3d3
}

.funfact i {
    font-size: 45px
}

.funfact h2 {
    position: relative
}

.funfact h2:after {
    bottom: 0
}

.funfact span {
    color: #eee;
    font-size: 18px
}

.funfact.style-1 .funfact-title,
.funfact.style-1 i {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.funfact.style-1 .funfact-title {
    color: #999;
    font-size: 14px;
    text-transform: uppercase
}

.funfact.style-1:hover i {
    font-size: 40px;
    opacity: .3
}

.funfact.style-1:hover .funfact-title {
    color: #333
}

.home-boxes .each-box {
    overflow-x: hidden
}

.home-boxes .bg-icon {
    bottom: 0;
    color: #fff;
    font-size: 58px;
    line-height: 1;
    opacity: .3;
    position: absolute;
    right: 30px;
    transform: rotate(-40deg)
}

.icon-box {
    margin-bottom: 30px
}

.icon-box .icon {
    display: inline-block;
    height: 64px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 64px
}

.icon-box .icon i {
    line-height: 64px
}

.icon-box .icon.icon-gray {
    background-color: #eee;
    color: #555
}

.icon-box .icon.icon-gray:hover {
    background-color: #d5d5d5;
    color: #bbb
}

.icon-box .icon.icon-gray.icon-bordered {
    background-color: transparent;
    border: 2px solid #eee
}

.icon-box .icon.icon-gray.icon-bordered:hover {
    background-color: #eee;
    color: #555
}

.icon-box .icon.icon-dark {
    background-color: #111;
    color: #fff
}

.icon-box .icon.icon-dark:hover {
    color: #5e5e5e
}

.icon-box .icon.icon-dark.icon-bordered {
    background-color: transparent;
    border: 2px solid #111;
    color: #111
}

.icon-box .icon.icon-dark.icon-bordered:hover {
    background-color: #111;
    border-color: #111;
    color: #fff
}

.icon-box .icon.icon-white {
    background-color: #fff;
    color: #333
}

.icon-box .icon.icon-white:hover {
    background-color: #b3b3b3;
    color: #000
}

.icon-box .icon.icon-white.icon-bordered {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.icon-box .icon.icon-white.icon-bordered:hover {
    background-color: #fff;
    border-color: #fff;
    color: #111
}

.icon-box .icon.icon-white.icon-border-effect {
    position: relative
}

.icon-box .icon.icon-white.icon-border-effect::after {
    box-shadow: 0 0 0 3px #fff
}

.icon-box .icon.icon-bordered {
    border: 1px solid #777
}

.icon-box .icon.icon-bordered:hover {
    background-color: #777;
    color: #fff
}

.icon-box .icon.icon-rounded {
    border-radius: 3px
}

.icon-box .icon.icon-circled {
    border-radius: 50%
}

.icon-box .icon.icon-xs {
    height: 30px;
    width: 30px
}

.icon-box .icon.icon-xs i {
    font-size: 18px;
    line-height: 30px
}

.icon-box .icon.icon-sm {
    height: 50px;
    width: 50px
}

.icon-box .icon.icon-sm i {
    font-size: 22px;
    line-height: 50px
}

.icon-box .icon.icon-md {
    height: 75px;
    width: 75px
}

.icon-box .icon.icon-md i {
    font-size: 36px;
    line-height: 75px
}

.icon-box .icon.icon-lg {
    height: 90px;
    width: 90px
}

.icon-box .icon.icon-lg i {
    font-size: 48px;
    line-height: 90px
}

.icon-box .icon.icon-xl {
    height: 140px;
    width: 140px
}

.icon-box .icon.icon-xl i {
    font-size: 64px;
    line-height: 140px
}

.icon-box .icon.icon-border-effect {
    position: relative
}

.icon-box .icon.icon-border-effect::after {
    border-radius: 50%;
    box-shadow: 0 0 0 3px #eee;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -4px;
    opacity: 0;
    padding: 4px;
    top: -4px;
    transform: scale(.8);
    transition: transform .2s ease 0s, opacity .2s ease 0s;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.icon-box .icon.icon-border-effect.effect-flat::after {
    border-radius: 0
}

.icon-box .icon.icon-border-effect.effect-rounded::after {
    border-radius: 3px
}

.icon-box .icon.icon-border-effect.effect-circled::after {
    border-radius: 50%
}

.icon-box .icon.icon-border-effect.icon-gray::after {
    box-shadow: 0 0 0 3px #eee
}

.icon-box .icon.icon-top {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -32px
}

.icon-box i {
    display: inline-block;
    font-size: 40px;
    font-weight: 800;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.icon-box i[class*=pe-7s-] {
    vertical-align: text-bottom
}

.icon-box.left {
    text-align: left
}

.icon-box.left a {
    margin-right: 30px;
    padding: 0
}

.icon-box.iconbox-border {
    border: 1px solid #dcdcdc;
    padding: 40px 11px 28px 11px
}

.icon-box .icon-box-title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 27px;
    line-height: 1;
    z-index: 9;
    position: relative;
    color: #333
}

.lightbox .lb-dataContainer {
    left: 0;
    position: absolute;
    right: 0;
    top: -45px
}

.section-title .both-side-line::after {
    content: "";
    height: 2px;
    position: absolute;
    right: -40px;
    top: 10px;
    width: 30px
}

.section-title .both-side-line::before {
    content: "";
    height: 2px;
    position: absolute;
    left: -40px;
    top: 10px;
    width: 30px
}

.section-title.sp24 .both-side-line::after,
.section-title.sp24 .both-side-line::before {
    top: 17px
}

.section-title .title {
    margin-top: 0;
    position: relative
}

.section-title .icon i {
    font-size: 80px;
    position: absolute;
    top: -7px;
    opacity: .1
}

.section-title p {
    font-size: 14px;
    letter-spacing: 1px
}

.section-title p.left-bordered {
    border-left: 2px solid silver;
    padding-left: 10px
}

.section-title p.right-bordered {
    border-right: 2px solid silver;
    padding-right: 10px
}

.section-title {
    margin-bottom: 30px;
    padding-left: 20px;
    line-height: 1.5
}

.section-title.title-border {
    padding-left: 30px
}

.tab-content {
    padding: 15px;
    border: 1px solid #eee
}

.nav-tabs {
    border: none
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li.active a,
.nav-tabs>li.active a:focus,
.nav-tabs>li.active a:hover {
    color: #111;
    background-color: #f8f8f8
}

.nav-tabs>li.active a i,
.nav-tabs>li.active a:focus i,
.nav-tabs>li.active a:hover i {
    color: #00d0ff
}

.nav-tabs>li>a {
    border-radius: 0;
    padding: 12px 20px;
    margin-right: 0;
    color: #555
}

.nav-tabs>li>a i {
    color: #cecece
}

.nav-tabs>li>a .fa {
    margin-right: 10px
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    color: #333;
    background-color: transparent
}

.nav-tabs>li>a i {
    font-size: 32px;
    margin-right: 20px;
    vertical-align: middle
}

.nav-tabs>li {
    text-align: center
}

.nav-tabs>li>a i {
    display: inline-block;
    font-size: 23px;
    margin-right: 0;
    vertical-align: middle
}

.horizontal-tab-centered .nav-pills {
    display: inline-block
}

.horizontal-tab-centered .nav-pills>li>a {
    background: #eee;
    color: #555;
    font-size: 14px;
    padding: 8px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: capitalize
}

.horizontal-tab-centered .nav-pills>li>a:hover {
    color: #fff
}

.horizontal-tab-centered .nav-pills>li>a i {
    font-size: 14px;
    margin-right: 8px
}

.horizontal-tab-centered .nav-pills>li.active>a,
.horizontal-tab-centered .nav-pills>li.active>a:focus,
.horizontal-tab-centered .nav-pills>li.active>a:hover {
    color: #fff
}

.horizontal-tab.fullwide .nav-tabs>li {
    width: 20%
}

.vertical-tab .tab-content {
    padding: 5px 5px 20px 20px;
    border: none
}

.vertical-tab .nav-tabs>li {
    float: none;
    margin-bottom: 0
}

.vertical-tab .nav-tabs>li>a {
    background: 0 0;
    text-align: right;
    border-radius: 0;
    font-size: 14px;
    padding: 18px 20px 18px 15px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 1px solid transparent
}

.vertical-tab .nav-tabs>li.active>a,
.vertical-tab .nav-tabs>li.active>a:focus,
.vertical-tab .nav-tabs>li.active>a:hover {
    background: 0 0;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 4px solid #53d0ff;
    border-bottom: 1px solid transparent
}

.vertical-tab .small-padding .nav-tabs>li a {
    padding: 20px 0 20px 15px
}

.vertical-tab .small-padding .nav-tabs>li i {
    font-size: 24px
}

@media only screen and (max-width:767px) {
    .vertical-tab .tab-content {
        padding: 20px 5px
    }

    .nav-tabs>li>a {
        border-radius: 0;
        border-bottom: none;
        border-left: 2px solid #d3d3d3
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-bottom: none;
        border-left: 2px solid #d3d3d3
    }
}

.custom-nav-tabs {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 0 medium medium;
    margin-right: 53px
}

.custom-nav-tabs>li {
    float: none;
    margin: 0 0 1px
}

.custom-nav-tabs>li a {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 59px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.custom-nav-tabs>li.active>a,
.custom-nav-tabs>li.active>a:focus,
.custom-nav-tabs>li.active>a:hover,
.custom-nav-tabs>li>a:focus,
.custom-nav-tabs>li>a:hover {
    border: medium none;
    color: #000;
    padding: 0
}

.team-members {
    overflow: hidden;
    position: relative
}

.team-members .team-details {
    bottom: -50px;
    position: absolute;
    transition: all .3s ease-in-out 0s;
    width: 100%
}

.team-members:hover .team-details {
    bottom: 0
}

.testimonial .item {
    position: relative;
    overflow: hidden
}

.testimonial .item .thumb img {
    margin: auto;
    max-width: 75px
}

.testimonial.style1 {
    text-align: center
}

.testimonial.style1 .item {
    border: none
}

.testimonial.style1 .item::before {
    display: none
}

.testimonial.style1 .quote,
.testimonial.style1 .thumb {
    margin-bottom: 30px
}

.testimonial.style1 .author {
    color: #777;
    margin-bottom: 5px;
    text-transform: uppercase
}

.testimonial.style1 .title {
    color: silver;
    margin-bottom: 20px
}

.testimonial.style1 .owl-item img {
    display: inline-block;
    width: auto;
    width: 75px
}

.testimonial.style1 .comment {
    padding: 60px
}

.testimonial.style1 .comment p {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 500
}

.testimonial.style1 .comment::after {
    color: #fff;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 48px;
    left: 25px;
    position: absolute;
    top: 0
}

.testimonial.style2 {
    text-align: center
}

.testimonial.style2 .thumb img {
    display: inline-block;
    width: auto;
    width: 75px
}

.testimonial .content {
    position: relative
}

.testimonial .content::after {
    color: #202c45;
    content: "\f10e";
    font-family: fontawesome;
    font-size: 48px;
    opacity: .2;
    position: absolute;
    right: 20px;
    top: -15px
}

.panel-group .panel {
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    position: relative
}

.panel-group .panel-title a {
    background: #fff;
    display: block;
    padding: 10px 15px 10px 48px;
    white-space: normal
}

.panel-group .panel-title a.active {
    color: #333;
    font-weight: 600
}

.panel-group .panel-title a.active .open-sub:after {
    display: none
}

.panel-group .panel-title a.active::after {
    color: #fff;
    background: #333;
    content: "\f068"
}

.panel-group .panel-title a::after {
    color: #777;
    content: "\f067";
    font-family: fontawesome;
    font-size: 14px;
    left: 0;
    padding: 14px;
    position: absolute;
    top: 0
}

.panel-group .panel-title:focus a,
.panel-group .panel-title:hover a {
    color: #00d0ff
}

.panel-group .panel-title .open-sub {
    display: block;
    position: relative
}

.panel-group .panel-title .open-sub:after,
.panel-group .panel-title .open-sub:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    top: 50%;
    margin-top: -.5px;
    left: 50%
}

.panel-group .panel-content {
    border: 1px solid #eee;
    padding: 10px 20px 20px
}

.panel-group .panel-title a::after {
    background: #eee none repeat scroll 0 0
}

.panel-group .panel+.panel {
    margin-top: 9px
}

.panel-group.toggle .panel-heading {
    padding: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-group.toggle .panel-body {
    padding: 10px 0 5px 25px
}

.panel-group.accordion.transparent .panel-title a,
.panel-group.accordion.transparent .panel-title a.active,
.panel-group.toggle.transparent .panel-title a,
.panel-group.toggle.transparent .panel-title a.active {
    background: 0 0;
    border: none
}

.panel-group.accordion.transparent .panel-title a.active::after,
.panel-group.accordion.transparent .panel-title a::after,
.panel-group.toggle.transparent .panel-title a.active::after,
.panel-group.toggle.transparent .panel-title a::after {
    color: #333;
    background: 0 0
}

.panel-group.accordion.transparent .panel-content,
.panel-group.toggle.transparent .panel-content {
    background: 0 0
}

.panel-group.toggle .panel-heading+.panel-collapse>.list-group,
.panel-group.toggle .panel-heading+.panel-collapse>.panel-body {
    border-top: none
}

.cd-timeline-content {
    background: #f1f1f1
}

.cd-timeline-content::before {
    border-color: transparent transparent transparent #eee
}

.cd-timeline-block:nth-child(2n) .cd-timeline-content::before {
    border-color: transparent #eee transparent transparent
}

#cd-timeline.cd-timeline-simple::before {
    background: #ccc none repeat scroll 0 0;
    height: 82%;
    top: 65px;
    width: 2px
}

#cd-timeline.cd-timeline-simple.time-line-media::before {
    height: 65%
}

.cd-timeline-simple .cd-timeline-block {
    margin: 38px 0 20px 0
}

.cd-timeline-simple .cd-timeline-block .cd-timeline-content::before {
    display: none
}

.cd-timeline-simple .cd-timeline-block .cd-timeline-content {
    padding-top: 0;
    background: 0 0;
    box-shadow: none
}

.cd-timeline-simple .cd-timeline-block .cd-timeline-content p {
    font-size: 14px
}

.cd-timeline-simple .cd-timeline-block .cd-timeline-img {
    background: #333 none repeat scroll 0 0;
    box-shadow: 0 0 0 4px #ccc, 0 3px 0 rgba(0, 0, 0, .06) inset, 0 0 0 3px rgba(0, 0, 0, .05)
}

@media only screen and (max-width:992px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content {
        text-align: left
    }
}

@media only screen and (max-width:768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:992px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 {
        font-size: 20px
    }
}

@media only screen and (max-width:768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 {
        font-size: 18px
    }
}

@media only screen and (max-width:768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content .cd-date {
        font-size: 14px
    }
}

.vertical-masonry-timeline .each-masonry-item {
    position: relative;
    width: 50%;
    margin-bottom: 30px
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2) {
    margin-top: 80px
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2n) {
    padding-left: 50px
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) {
    padding-right: 50px
}

.vertical-masonry-timeline .each-masonry-item .timeline-block {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7e4ed;
    height: 100%;
    padding: 20px;
    position: relative;
    width: 100%
}

.vertical-masonry-timeline .each-masonry-item .timeline-block:after,
.vertical-masonry-timeline .each-masonry-item .timeline-block:before {
    border-style: solid;
    border-width: 8px;
    content: "";
    display: block;
    position: absolute;
    top: 20px
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:before {
    border-color: transparent transparent transparent #c6d2db;
    left: auto;
    right: -16px
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:after {
    border-color: transparent transparent transparent #fff;
    left: auto;
    right: -15px
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:before {
    border-color: transparent #c6d2db transparent transparent;
    left: -16px;
    right: auto
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:after {
    border-color: transparent #fff transparent transparent;
    left: -15px;
    right: auto
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format {
    left: auto;
    right: -82px
}

.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format {
    left: -80px;
    right: auto
}

.timeline-post-format {
    border: 3px solid #bbb;
    border-radius: 100%;
    color: #bbb;
    height: 60px;
    overflow: hidden;
    position: absolute;
    top: -2px;
    width: 60px;
    z-index: 1
}

.timeline-post-format:after {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.timeline-post-format i {
    font-size: 18px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.vertical-masonry-timeline-wrapper:before {
    background: #ddd none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: 0;
    position: absolute;
    width: 4px
}

.vertical-masonry-timeline-wrapper:after {
    background: rgba(0, 0, 0, 0) linear-gradient(#ddd, transparent) repeat scroll 0 0;
    bottom: -100px;
    content: "";
    height: 100px;
    left: 50%;
    margin-left: 0;
    position: absolute;
    width: 4px
}

.vertical-masonry-timeline::after {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent, #ddd) repeat scroll 0 0;
    content: "";
    height: 100px;
    left: 50%;
    position: absolute;
    top: -65px;
    width: 4px
}

@media only screen and (min-width:768px) {
    .vertical-masonry-timeline .each-masonry-item.item-right {
        padding-right: 0;
        padding-left: 50px
    }

    .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:before {
        border-color: transparent #c6d2db transparent transparent;
        left: -16px;
        right: auto
    }

    .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:after {
        border-color: transparent #fff transparent transparent;
        left: -15px;
        right: auto
    }

    .vertical-masonry-timeline .each-masonry-item.item-right .timeline-post-format {
        left: -80px;
        right: auto
    }

    .vertical-masonry-timeline .each-masonry-item.item-left {
        padding-right: 50px;
        padding-left: 0
    }

    .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:before {
        border-color: transparent transparent transparent #c6d2db;
        right: -16px;
        left: auto
    }

    .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:after {
        border-color: transparent transparent transparent #fff;
        right: -15px;
        left: auto
    }

    .vertical-masonry-timeline .each-masonry-item.item-left .timeline-post-format {
        right: -81px;
        left: auto
    }

    .footer .logo {
        width: initial;
        margin-top: 25px;
        opacity: .8;
        transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all.2s ease-in-out
    }

    .footer .logo:hover {
        opacity: 1
    }
}

.working-process>li {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center
}

.working-process>li::after {
    border-top: 1px dashed #333;
    content: "";
    left: 6px;
    margin-left: -32px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    width: 50%
}

.working-process>li::before {
    border-top: 1px dashed #333;
    content: "";
    margin-right: -25px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 50%
}

.working-process>li:first-child::after {
    border-top: medium none
}

.working-process>li:last-child::before {
    border-top: medium none
}

.working-process li a {
    border: 1px solid;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    width: 50px;
    border-radius: 50%
}

.working-process li a:hover {
    background: #333 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff
}

.working-process li a i {
    font-size: 18px
}

.working-process.square li a,
.working-process.square.large-circle li a {
    border-radius: 0
}

.working-process.large-circle li a {
    height: 120px;
    line-height: 130px;
    width: 120px;
    border-radius: 50%
}

.working-process.large-circle li a i {
    font-size: 28px
}

.working-process.large-circle>li::before {
    margin-right: -60px;
    top: 60px
}

.working-process.large-circle>li::after {
    margin-left: -64px;
    top: 60px
}

.working-process.theme-colored li a {
    color: #fff
}

.search-form-wrapper {
    position: relative
}

.search-form-wrapper.toggle {
    display: none
}

.search-form-wrapper.toggle.active {
    display: block
}

.search-form-wrapper form {
    padding: 10px;
    position: relative
}

.search-form-wrapper form label {
    margin: 0;
    position: absolute;
    right: 11px;
    top: 11px
}

.search-form-wrapper form label:before {
    color: #555;
    cursor: pointer;
    content: "\f002";
    font-family: fontawesome;
    font-size: 16px;
    position: absolute;
    right: 13px;
    top: 6px
}

.search-form-wrapper form input[type=text] {
    background-color: #fff;
    border: 1px solid silver;
    height: 46px;
    padding: 8px 17px;
    width: 100%
}

.search-form-wrapper form input[type=submit] {
    background-color: #fff;
    border-left: 1px solid silver;
    border: none;
    height: 44px;
    width: 50px;
    text-indent: -999px
}

.search-form-wrapper.form-absolute form {
    background-color: #333;
    position: absolute;
    right: 0;
    top: 12px;
    width: 370px;
    z-index: 99
}

.search-form-wrapper.round form input[type=text] {
    border-radius: 30px;
    border-width: 4px
}

.search-form-wrapper.round form input[type=submit] {
    height: auto;
    width: auto;
    margin-right: 10px;
    margin-top: 10px
}

.search-form-wrapper.round form label::before {
    color: silver
}

.widget {
    margin-bottom: 40px
}

.widget .widget-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 22px;
    padding-bottom: 10px
}

.widget ul li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #d3d3d3
}

.widget .post,
.widget ul.list li {
    margin-bottom: 8px;
    padding-bottom: 8px
}

.widget.address>li {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px
}

.widget.address>li i {
    font-size: 16px;
    margin-right: 8px;
    vertical-align: middle
}

.widget .styled-icons li {
    margin-bottom: 0;
    padding-bottom: 0
}

.widget .styled-icons li a {
    margin-bottom: 0
}

.widget .tags a {
    border: 1px solid #dcdcdc;
    display: inline-block;
    font-size: 12px;
    margin: 5px 4px 5px -2px;
    padding: 5px 10px
}

.widget .tags a:hover {
    color: #fff
}

.widget .search-input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid silver;
    border-radius: 3px 0 0 3px;
    box-shadow: none;
    height: 45px;
    padding: 10px;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

.widget .search-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid silver;
    border-radius: 0 3px 3px 0;
    height: 45px
}

.widget .nav-tabs li {
    border-bottom: 1px solid transparent;
    margin-bottom: -2px;
    padding-bottom: 0
}

.widget .nav-tabs li:hover {
    border-bottom: 1px solid transparent
}

.widget .post-title a {
    font-size: 13px;
    letter-spacing: 0
}

.widget .quick-contact-form .form-control {
    background-color: rgba(241, 241, 241, .8);
    border-color: #d3d3d3;
    color: #a9a9a9
}

.widget .product-list .product-title {
    font-size: 14px;
    font-weight: 400
}

.horizontal-contact-widget {
    border-top: 1px dashed #666
}

.horizontal-contact-widget .each-widget::before {
    content: "\f111";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    right: 0;
    top: -42px
}

.horizontal-contact-widget.dark {
    border-top: 1px dashed #333
}

.widget.dark .btn.btn-default {
    border-color: #333
}

.footer {
    padding: 50px 0 0 0;
    border-top: 1px solid #3a3a3a;
    background-image: url(../img/footer.png), linear-gradient(to right, #1b5f9c, rgba(255, 255, 255, 0));
    background-color: #040f33;
    background-repeat: no-repeat;
    background-position: 15% 50px, left;
    background-size: 30%;
    z-index: 9;
    position: relative
}

.footer a {
    color: #ccc
}

.footer a:active,
.footer a:focus,
.footer a:hover {
    color: #fff
}

.footer .widget .widget-title {
    margin-top: 0
}

.footer .widget.dark .quick-contact-form button {
    border-color: #333;
    color: #909090
}

.footer .widget.dark .quick-contact-form button:hover {
    background-color: #eee;
    border-color: #eee;
    color: #333
}

.footer-bottom {
    border-top: 1px solid #333;
    background: rgba(0, 17, 17, .5)
}

.index-ab {
    background: url(../img/bg3s.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: inherit
}

.index-ab h2 {
    font-size: 36px
}

.m-0 {
    margin: 0 !important
}

.m-5 {
    margin: 5px !important
}

.m-10 {
    margin: 10px !important
}

.m-15 {
    margin: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-30 {
    margin: 30px !important
}

.m-40 {
    margin: 40px !important
}

.m-50 {
    margin: 50px !important
}

.m-60 {
    margin: 60px !important
}

.m-70 {
    margin: 70px !important
}

.m-80 {
    margin: 80px !important
}

.m-90 {
    margin: 90px !important
}

.m-100 {
    margin: 100px !important
}

.m-110 {
    margin: 110px !important
}

.m-120 {
    margin: 120px !important
}

.m-130 {
    margin: 130px !important
}

.m-140 {
    margin: 140px !important
}

.m-150 {
    margin: 150px !important
}

.m-160 {
    margin: 160px !important
}

.m-170 {
    margin: 170px !important
}

.m-180 {
    margin: 180px !important
}

.m-190 {
    margin: 190px !important
}

.m-200 {
    margin: 200px !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-30 {
    padding: 30px !important
}

.p-40 {
    padding: 40px !important
}

.p-50 {
    padding: 50px !important
}

.p-60 {
    padding: 60px !important
}

.p-70 {
    padding: 70px !important
}

.p-80 {
    padding: 80px !important
}

.p-90 {
    padding: 90px !important
}

.p-100 {
    padding: 100px !important
}

.p-110 {
    padding: 110px !important
}

.p-120 {
    padding: 120px !important
}

.p-130 {
    padding: 130px !important
}

.p-140 {
    padding: 140px !important
}

.p-150 {
    padding: 150px !important
}

.p-160 {
    padding: 160px !important
}

.p-170 {
    padding: 170px !important
}

.p-180 {
    padding: 180px !important
}

.p-190 {
    padding: 190px !important
}

.p-200 {
    padding: 200px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-120 {
    margin-top: 120px !important
}

.mt-130 {
    margin-top: 130px !important
}

.mt-140 {
    margin-top: 140px !important
}

.mt-150 {
    margin-top: 150px !important
}

.mt-160 {
    margin-top: 160px !important
}

.mt-170 {
    margin-top: 170px !important
}

.mt-180 {
    margin-top: 180px !important
}

.mt-190 {
    margin-top: 190px !important
}

.mt-200 {
    margin-top: 200px !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mr-70 {
    margin-right: 70px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mr-90 {
    margin-right: 90px !important
}

.mr-100 {
    margin-right: 100px !important
}

.mr-110 {
    margin-right: 110px !important
}

.mr-120 {
    margin-right: 120px !important
}

.mr-130 {
    margin-right: 130px !important
}

.mr-140 {
    margin-right: 140px !important
}

.mr-150 {
    margin-right: 150px !important
}

.mr-160 {
    margin-right: 160px !important
}

.mr-170 {
    margin-right: 170px !important
}

.mr-180 {
    margin-right: 180px !important
}

.mr-190 {
    margin-right: 190px !important
}

.mr-200 {
    margin-right: 200px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mb-110 {
    margin-bottom: 110px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.mb-130 {
    margin-bottom: 130px !important
}

.mb-140 {
    margin-bottom: 140px !important
}

.mb-150 {
    margin-bottom: 150px !important
}

.mb-160 {
    margin-bottom: 160px !important
}

.mb-170 {
    margin-bottom: 170px !important
}

.mb-180 {
    margin-bottom: 180px !important
}

.mb-190 {
    margin-bottom: 190px !important
}

.mb-200 {
    margin-bottom: 200px !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-50 {
    margin-left: 50px !important
}

.ml-60 {
    margin-left: 60px !important
}

.ml-70 {
    margin-left: 70px !important
}

.ml-80 {
    margin-left: 80px !important
}

.ml-90 {
    margin-left: 90px !important
}

.ml-100 {
    margin-left: 100px !important
}

.ml-110 {
    margin-left: 110px !important
}

.ml-120 {
    margin-left: 120px !important
}

.ml-130 {
    margin-left: 130px !important
}

.ml-140 {
    margin-left: 140px !important
}

.ml-150 {
    margin-left: 150px !important
}

.ml-160 {
    margin-left: 160px !important
}

.ml-170 {
    margin-left: 170px !important
}

.ml-180 {
    margin-left: 180px !important
}

.ml-190 {
    margin-left: 190px !important
}

.ml-200 {
    margin-left: 200px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pt-110 {
    padding-top: 110px !important
}

.pt-120 {
    padding-top: 120px !important
}

.pt-130 {
    padding-top: 130px !important
}

.pt-140 {
    padding-top: 140px !important
}

.pt-150 {
    padding-top: 150px !important
}

.pt-160 {
    padding-top: 160px !important
}

.pt-170 {
    padding-top: 170px !important
}

.pt-180 {
    padding-top: 180px !important
}

.pt-190 {
    padding-top: 190px !important
}

.pt-200 {
    padding-top: 200px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pr-100 {
    padding-right: 100px !important
}

.pr-110 {
    padding-right: 110px !important
}

.pr-120 {
    padding-right: 120px !important
}

.pr-130 {
    padding-right: 130px !important
}

.pr-140 {
    padding-right: 140px !important
}

.pr-150 {
    padding-right: 150px !important
}

.pr-160 {
    padding-right: 160px !important
}

.pr-170 {
    padding-right: 170px !important
}

.pr-180 {
    padding-right: 180px !important
}

.pr-190 {
    padding-right: 190px !important
}

.pr-200 {
    padding-right: 200px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pb-110 {
    padding-bottom: 110px !important
}

.pb-120 {
    padding-bottom: 120px !important
}

.pb-130 {
    padding-bottom: 130px !important
}

.pb-140 {
    padding-bottom: 140px !important
}

.pb-150 {
    padding-bottom: 150px !important
}

.pb-160 {
    padding-bottom: 160px !important
}

.pb-170 {
    padding-bottom: 170px !important
}

.pb-180 {
    padding-bottom: 180px !important
}

.pb-190 {
    padding-bottom: 190px !important
}

.pb-200 {
    padding-bottom: 200px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pl-110 {
    padding-left: 110px !important
}

.pl-120 {
    padding-left: 120px !important
}

.pl-130 {
    padding-left: 130px !important
}

.pl-140 {
    padding-left: 140px !important
}

.pl-150 {
    padding-left: 150px !important
}

.pl-160 {
    padding-left: 160px !important
}

.pl-170 {
    padding-left: 170px !important
}

.pl-180 {
    padding-left: 180px !important
}

.pl-190 {
    padding-left: 190px !important
}

.pl-200 {
    padding-left: 200px !important
}

.flex {
    display: flex;
    flex-wrap: wrap
}

.flex.stretch {
    align-items: stretch
}

.menuzord-menu li.set-no-arrow .indicator {
    display: none
}

.set-de-nopadding {
    padding: 0
}

.default-50 {
    min-height: 50px
}

.default-40 {
    min-height: 40px
}

address.contact ul {
    padding: 0;
    margin: 0
}

address.contact ul li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 16px
}

address.contact ul li .title {
    font-weight: 700;
    color: #444;
    margin-right: 15px
}

address.contact ul li .title i {
    width: 15px;
    color: #888
}

footer p {
    color: #868686;
    font-size: 17px
}

@media only screen and (max-width:768px) {
    .vertical-masonry-timeline .each-masonry-item {
        width: 100%
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) {
        padding-right: 0;
        padding-left: 71px
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n) {
        padding-left: 71px;
        padding-right: inherit
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2) {
        margin-top: 0
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format {
        left: -72px;
        right: auto
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format {
        left: -72px
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::before {
        border-color: transparent #c6d2db transparent transparent;
        left: -16px;
        right: auto
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::after {
        border-color: transparent #fff transparent transparent;
        left: -15px;
        right: auto
    }

    .vertical-masonry-timeline:after {
        left: 29px
    }

    .vertical-masonry-timeline-wrapper:after,
    .vertical-masonry-timeline-wrapper:before {
        left: 44px
    }

    .index-ab {
        background-attachment: unset;
        background-size: cover;
        background-position: center center
    }
}

.num_n_eng {
    font-family: Raleway, sans-serif;
    color: #fff
}

.menuzord-menu>li>a {
    font-size: 16px;
    color: #333;
    padding: 14px 22px 15px 21px;
    font-family: '微軟正黑體'
}

.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
    font-family: '微軟正黑體', Raleway, sans-serif
}

.owl-controls {
    margin: 0;
    position: relative;
    top: 0
}

.at2 {
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.btn.search-button.at3 {
    color: #888
}

.btn.search-button.at3:hover {
    color: #fff
}

.at4 {
    height: 213px;
    border: 1px solid #eee;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.at5 {
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.at6 {
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.breadcrumb>li+li:before {
    color: #96d2ff
}

.at7 {
    height: 208px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.zoom-gallery a img {
    border-radius: 3px
}

.at8 {
    line-height: 32px;
    font-size: 16px;
    font-weight: 700
}

.sp3 {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff
}

.search {
    margin-top: 0;
    width: 200px;
    float: right
}

::-moz-selection {
    background: #00d0ff none repeat scroll 0 0
}

.tcolor {
    color: #00d0ff !important
}

.tcolor2 {
    color: #08428b !important
}

.box-shadow-theme-colored-6px {
    box-shadow: 0 0 0 6px #00d0ff
}

.team-member .member-info {
    background-color: rgba(106, 180, 62, .7) !important
}

.donate-piechart .piechart canvas {
    background-color: rgba(106, 180, 62, .75) !important;
    border-radius: 50%;
    max-height: 80px
}

.overlay-theme-colored:before {
    background-color: rgba(106, 180, 62, .8) !important
}

.bg-theme-colored-transparent-deep,
.post .entry-meta.meta-absolute,
.volunteer .overlay {
    background-color: rgba(106, 180, 62, .9) !important
}

.icon-box.box-style1.practice-style3:hover .icon-wrapper,
.zeus .tp-bullet::after {
    background-color: #00d0ff
}

.preloader-dot-loading .cssload-loading i {
    background: #00d0ff !important
}

.portfolio-filter a.active,
.portfolio-filter a:hover {
    background-color: #00d0ff;
    color: #fff
}

.blog-posts .post .entry-content .post-date.right,
.custom-nav-tabs>li>a:hover,
.drop-caps.colored-rounded p:first-child:first-letter,
.drop-caps.colored-square p:first-child:first-letter,
.horizontal-tab-centered .nav-pills>li.active>a,
.horizontal-tab-centered .nav-pills>li.active>a:focus,
.horizontal-tab-centered .nav-pills>li.active>a:hover,
.horizontal-tab-centered .nav-pills>li>a:hover,
.line-bottom-center:after,
.line-bottom-center:before,
.line-bottom-double-line-centered:after,
.line-bottom-double-line-centered:before,
.line-bottom-no-border:after,
.line-bottom:after,
.list-icon.theme-colored.rounded li i,
.list-icon.theme-colored.square li i,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme.dot-theme-colored .owl-controls .owl-dot span,
.pagination.theme-colored li.active a,
.product .tag-sale,
.progress-item .progress-bar,
.section-title .both-side-line::after,
.section-title .both-side-line::before,
.section-title .left-side-line::before,
.section-title .right-side-line::before,
.section-title .top-side-line::after,
.small-title .title::after,
.tab-slider .nav.nav-pills a.active,
.tab-slider .nav.nav-pills a:hover,
.testimonial .item::after,
.title-dots span,
.title-icon::after,
.title-icon::before,
.vertical-line::after,
.vertical-line::before,
.widget .tags a:hover,
.widget.dark .tags a:hover,
.working-process.theme-colored a {
    background: rgba(88, 169, 255, .64)
}

.project:hover .project-details {
    background: rgba(14, 92, 175, .64)
}

.owl-carousel.owl-nav-top.nav-theme-colored .owl-controls .owl-nav .owl-next,
.owl-carousel.owl-nav-top.nav-theme-colored .owl-controls .owl-nav .owl-prev {
    background: #00d0ff
}

.ui-state-highlight {
    background: #00d0ff !important;
    color: #fff !important
}

.rtl {
    direction: rtl
}

.rev_slider_wrapper {
    position: relative;
    z-index: 0
}

.rev_slider {
    position: relative;
    overflow: visible
}

.tp-overflow-hidden {
    overflow: hidden
}

.rev_slider img,
.tp-simpleresponsive img {
    max-width: none !important;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin: 0;
    padding: 0;
    border-width: 0;
    border: none
}

.rev_slider .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px
}

.rev_slider>ul,
.rev_slider>ul>li,
.rev_slider>ul>li:before,
.rev_slider_wrapper>ul,
.tp-revslider-mainul>li,
.tp-revslider-mainul>li:before,
.tp-simpleresponsive>ul,
.tp-simpleresponsive>ul>li,
.tp-simpleresponsive>ul>li:before {
    list-style: none !important;
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: visible;
    overflow-y: visible;
    list-style-type: none !important;
    background-image: none;
    background-position: 0 0;
    text-indent: 0;
    top: 0;
    left: 0
}

.rev_slider>ul>li,
.rev_slider>ul>li:before,
.tp-revslider-mainul>li,
.tp-revslider-mainul>li:before,
.tp-simpleresponsive>ul>li,
.tp-simpleresponsive>ul>li:before {
    visibility: hidden
}

.tp-revslider-mainul,
.tp-revslider-slidesli {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute !important
}

.tp-caption .rs-untoggled-content {
    display: block
}

.tp-caption .rs-toggled-content {
    display: none
}

.rs-toggle-content-active.tp-caption .rs-toggled-content {
    display: block
}

.rs-toggle-content-active.tp-caption .rs-untoggled-content {
    display: none
}

.rev_slider .caption,
.rev_slider .tp-caption {
    position: relative;
    visibility: hidden;
    white-space: nowrap;
    display: block
}

.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap :last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap :last-child {
    margin-bottom: 0
}

.tp-svg-layer svg {
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: top
}

.tp-carousel-wrapper {
    cursor: url(openhand.cur), move
}

.tp-carousel-wrapper.dragged {
    cursor: url(closedhand.cur), move
}

.tp-caption {
    z-index: 1
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-caption {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    position: absolute;
    -webkit-font-smoothing: antialiased !important
}

.tp-caption.tp-layer-selectable {
    -moz-user-select: all;
    -khtml-user-select: all;
    -webkit-user-select: all;
    -o-user-select: all
}

.tp-caption.tp-hidden-caption,
.tp-forcenotvisible,
.tp-hide-revslider {
    visibility: hidden !important;
    display: none !important
}

.rev_slider audio,
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
    max-width: none !important
}

.rev_slider_wrapper {
    width: 100%
}

.fullscreen-container {
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative
}

.tp-static-layers {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0
}

.tp-layer-inner-rotation {
    position: relative !important
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.noFilterClass {
    filter: none !important
}

.rs-background-video-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 0
}

.tp-caption.coverscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.caption.fullscreenvideo,
.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo audio,
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe audio,
.tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullcoveredvideo audio,
.fullscreenvideo audio .fullcoveredvideo video,
.fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.videoisplaying .html5vid .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 3;
    margin-top: -25px;
    margin-left: -25px;
    line-height: 50px !important;
    text-align: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    z-index: 4;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out !important;
    -moz-transition: opacity .3s ease-out !important;
    -o-transition: opacity .3s ease-out !important;
    transition: opacity .3s ease-out !important
}

.tp-audio-html5 .tp-video-play-button,
.tp-hiddenaudio {
    display: none !important
}

.tp-caption .html5vid {
    width: 100% !important;
    height: 100% !important
}

.tp-video-play-button i {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 50px !important;
    font-size: 40px !important
}

.tp-caption:hover .tp-video-play-button {
    opacity: 1
}

.tp-caption .tp-revstop {
    display: none;
    border-left: 5px solid #fff !important;
    border-right: 5px solid #fff !important;
    margin-top: 15px !important;
    line-height: 20px !important;
    vertical-align: top;
    font-size: 25px !important
}

.videoisplaying .revicon-right-dir {
    display: none
}

.videoisplaying .tp-revstop {
    display: inline-block
}

.videoisplaying .tp-video-play-button {
    display: none
}

.tp-caption:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none !important
}

.fullscreenvideo .fullscreenvideo audio {
    object-fit: contain !important
}

.fullscreenvideo .fullscreenvideo video {
    object-fit: contain !important
}

.fullscreenvideo .fullcoveredvideo audio {
    object-fit: cover !important
}

.fullscreenvideo .fullcoveredvideo video {
    object-fit: cover !important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(to bottom, #000 13%, #323232 100%);
    background-image: -o-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -moz-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -webkit-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.13, #000), color-stop(1, #323232));
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-caption:hover .tp-video-controls {
    opacity: .9
}

.tp-video-button {
    background: rgba(0, 0, 0, .5);
    border: 0;
    color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
    outline: 0
}

.tp-video-button:hover {
    cursor: pointer
}

.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-seek-bar,
.tp-volume-bar {
    width: 100%;
    cursor: pointer;
    outline: 0;
    line-height: 12px;
    margin: 0;
    padding: 0
}

.rs-fullvideo-cover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: 0 0;
    z-index: 5
}

.rs-background-video-layer video::-webkit-media-controls {
    display: none !important
}

.rs-background-video-layer audio::-webkit-media-controls {
    display: none !important
}

.tp-audio-html5 .tp-video-controls {
    opacity: 1 !important;
    visibility: visible !important
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.tp-dottedoverlay.twoxtwo {
    background: url(../assets/gridtile.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(../assets/gridtile_white.png)
}

.tp-dottedoverlay.threexthree {
    background: url(../assets/gridtile_3x3.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(../assets/gridtile_3x3_white.png)
}

.tp-shadowcover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    position: absolute;
    z-index: -1
}

.tp-shadow1 {
    -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8);
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8)
}

.tp-shadow2:after,
.tp-shadow2:before,
.tp-shadow3:before,
.tp-shadow4:after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: 0 0;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
    box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.tp-shadow2:after,
.tp-shadow4:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.tp-shadow5 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.tp-shadow5:after,
.tp-shadow5:before {
    content: "";
    position: absolute;
    z-index: -2;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
    top: 30%;
    bottom: 0;
    left: 20px;
    right: 20px;
    -moz-border-radius: 100px/20px;
    border-radius: 100px/20px
}

.tp-button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6) !important;
    font-size: 15px;
    line-height: 45px !important;
    font-family: arial, sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none
}

.tp-button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important
}

.purchase:hover,
.tp-button.big:hover,
.tp-button:hover {
    background-position: bottom, 15px 11px
}

.purchase.green,
.purchase:hover.green,
.tp-button.green,
.tp-button:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0 3px 0 0 #104d0b;
    -moz-box-shadow: 0 3px 0 0 #104d0b;
    box-shadow: 0 3px 0 0 #104d0b
}

.purchase.blue,
.purchase:hover.blue,
.tp-button.blue,
.tp-button:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0 3px 0 0 #0f3e68;
    -moz-box-shadow: 0 3px 0 0 #0f3e68;
    box-shadow: 0 3px 0 0 #0f3e68
}

.purchase.red,
.purchase:hover.red,
.tp-button.red,
.tp-button:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0 3px 0 0 #7c1212;
    -moz-box-shadow: 0 3px 0 0 #7c1212;
    box-shadow: 0 3px 0 0 #7c1212
}

.purchase.orange,
.purchase:hover.orange,
.tp-button.orange,
.tp-button:hover.orange {
    background-color: #f70;
    -webkit-box-shadow: 0 3px 0 0 #a34c00;
    -moz-box-shadow: 0 3px 0 0 #a34c00;
    box-shadow: 0 3px 0 0 #a34c00
}

.purchase.darkgrey,
.purchase:hover.darkgrey,
.tp-button.darkgrey,
.tp-button.grey,
.tp-button:hover.darkgrey,
.tp-button:hover.grey {
    background-color: #555;
    -webkit-box-shadow: 0 3px 0 0 #222;
    -moz-box-shadow: 0 3px 0 0 #222;
    box-shadow: 0 3px 0 0 #222
}

.purchase.lightgrey,
.purchase:hover.lightgrey,
.tp-button.lightgrey,
.tp-button:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0 3px 0 0 #555;
    -moz-box-shadow: 0 3px 0 0 #555;
    box-shadow: 0 3px 0 0 #555
}

.rev-btn,
.rev-btn:visited {
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    line-height: 44px;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Roboto, sans-serif;
    cursor: pointer
}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 900
}

.rev-btn.rev-withicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-out !important;
    -moz-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    -ms-transition: all .2s ease-out !important;
    margin-left: 10px !important
}

.rev-btn.rev-hiddenicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-out !important;
    -moz-transition: all .2s ease-out !important;
    -o-transition: all .2s ease-out !important;
    -ms-transition: all .2s ease-out !important;
    opacity: 0;
    margin-left: 0 !important;
    width: 0 !important
}

.rev-btn.rev-hiddenicon:hover i {
    opacity: 1 !important;
    margin-left: 10px !important;
    width: auto !important
}

.rev-btn.rev-medium,
.rev-btn.rev-medium:visited {
    line-height: 36px;
    font-size: 14px;
    padding: 10px 30px
}

.rev-btn.rev-medium.rev-withicon i {
    font-size: 14px;
    top: 0
}

.rev-btn.rev-medium.rev-hiddenicon i {
    font-size: 14px;
    top: 0
}

.rev-btn.rev-small,
.rev-btn.rev-small:visited {
    line-height: 28px;
    font-size: 12px;
    padding: 7px 20px
}

.rev-btn.rev-small.rev-withicon i {
    font-size: 12px;
    top: 0
}

.rev-btn.rev-small.rev-hiddenicon i {
    font-size: 12px;
    top: 0
}

.rev-maxround {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.rev-minround {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.rev-burger {
    position: relative;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0 0 14px;
    border-radius: 50%;
    border: 1px solid rgba(51, 51, 51, .25);
    tap-highlight-color: transparent;
    cursor: pointer
}

.rev-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    transition: .7s;
    pointer-events: none;
    transform-style: flat !important
}

.rev-burger span:nth-child(2) {
    margin: 3px 0
}

#dialog_addbutton .rev-burger:hover:first-child,
.open .rev-burger:first-child,
.open.rev-burger:first-child {
    transform: translateY(6px) rotate(-45deg);
    -webkit-transform: translateY(6px) rotate(-45deg)
}

#dialog_addbutton .rev-burger:hover:nth-child(2),
.open .rev-burger:nth-child(2),
.open.rev-burger:nth-child(2) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    opacity: 0
}

#dialog_addbutton .rev-burger:hover:last-child,
.open .rev-burger:last-child,
.open.rev-burger:last-child {
    transform: translateY(-6px) rotate(-135deg);
    -webkit-transform: translateY(-6px) rotate(-135deg)
}

.rev-burger.revb-white {
    border: 2px solid rgba(255, 255, 255, .2)
}

.rev-burger.revb-white span {
    background: #fff
}

.rev-burger.revb-whitenoborder {
    border: 0
}

.rev-burger.revb-whitenoborder span {
    background: #fff
}

.rev-burger.revb-darknoborder {
    border: 0
}

.rev-burger.revb-darknoborder span {
    background: #333
}

.rev-burger.revb-whitefull {
    background: #fff;
    border: none
}

.rev-burger.revb-whitefull span {
    background: #333
}

.rev-burger.revb-darkfull {
    background: #333;
    border: none
}

.rev-burger.revb-darkfull span {
    background: #fff
}

@-webkit-keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

@-moz-keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

.rev-scroll-btn {
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    width: 35px;
    height: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 23px
}

.rev-scroll-btn>* {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #7f8c8d;
    color: #fff;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px
}

.rev-scroll-btn>.active,
.rev-scroll-btn>:focus,
.rev-scroll-btn>:hover {
    color: #fff
}

.rev-scroll-btn.revs-fullwhite {
    background: #fff
}

.rev-scroll-btn.revs-fullwhite span {
    background: #333
}

.rev-scroll-btn.revs-fulldark {
    background: #333;
    border: none
}

.rev-scroll-btn.revs-fulldark span {
    background: #fff
}

.rev-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: rev-ani-mouse 2.5s linear infinite;
    -moz-animation: rev-ani-mouse 2.5s linear infinite;
    animation: rev-ani-mouse 2.5s linear infinite
}

.rev-scroll-btn.revs-dark {
    border-color: #333
}

.rev-scroll-btn.revs-dark span {
    background: #333
}

.rev-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: rgba(0, 0, 0, .5);
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    cursor: pointer
}

.rev-cbutton-dark-sr {
    border-radius: 3px
}

.rev-cbutton-light {
    color: #333;
    background-color: rgba(255, 255, 255, .75)
}

.rev-cbutton-light-sr {
    color: #333;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .75)
}

.rev-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px
}

.rev-sbutton-blue {
    background-color: #3b5998
}

.rev-sbutton-lightblue {
    background-color: #00a0d1
}

.rev-sbutton-red {
    background-color: #dd4b39
}

.tp-bannertimer {
    visibility: hidden;
    width: 100%;
    height: 5px;
    background: #fff;
    background: rgba(0, 0, 0, .15);
    position: absolute;
    z-index: 200;
    top: 0
}

.tp-bannertimer.tp-bottom {
    top: auto;
    bottom: 0 !important;
    height: 5px
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-caption img {
    background: 0 0;
    zoom: 1
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../assets/coloredbg.png) repeat
}

.tp-caption.slidelink a span {
    background: url(../assets/coloredbg.png) repeat
}

.tp-shape {
    width: 100%;
    height: 100%
}

.tp-caption .rs-starring {
    display: inline-block
}

.tp-caption .rs-starring .star-rating {
    float: none
}

.tp-caption .rs-starring .star-rating {
    color: #ffc321 !important;
    display: inline-block;
    vertical-align: top
}

.tp-caption .rs-starring .star-rating,
.tp-caption .rs-starring-page .star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    font-family: star
}

.tp-caption .rs-starring .star-rating:before,
.tp-caption .rs-starring-page .star-rating:before {
    content: "\73\73\73\73\73";
    color: #e0dadf;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.tp-caption .rs-starring .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 1em !important
}

.tp-caption .rs-starring .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0
}

.tp-caption .rs-starring .star-rating {
    color: #ffc321 !important
}

.tp-caption .rs-starring .star-rating,
.tp-caption .rs-starring-page .star-rating {
    font-size: 1em !important;
    font-family: star
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    background: url(../assets/loader.gif) no-repeat center center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner5 {
    background: url(../assets/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1s infinite ease-in-out;
    animation: tp-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes tp-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes tp-bouncedelay {

    0%,
    100%,
    80% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2s infinite linear;
    animation: tp-rotate 2s infinite linear
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2s infinite ease-in-out;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes tp-bounce {

    0%,
    100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes tp-bounce {

    0%,
    100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.tp-bullets.navbar,
.tp-tabs.navbar,
.tp-thumbs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.tp-bullets,
.tp-tabs,
.tp-thumbs {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0
}

.tp-tab,
.tp-thumb {
    cursor: pointer;
    position: absolute;
    opacity: .5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-arr-imgholder,
.tp-tab-image,
.tp-thumb-image,
.tp-videoposter {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.tp-tab.selected,
.tp-tab:hover,
.tp-thumb.selected,
.tp-thumb:hover {
    opacity: 1
}

.tp-tab-mask,
.tp-thumb-mask {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important
}

.tp-tabs,
.tp-thumbs {
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important
}

.tp-bullet {
    width: 15px;
    height: 15px;
    position: absolute;
    background: #fff;
    background: rgba(255, 255, 255, .3);
    cursor: pointer
}

.tp-bullet.selected,
.tp-bullet:hover {
    background: #fff
}

.tp-bannertimer {
    background: #000;
    background: rgba(0, 0, 0, .15);
    height: 5px
}

.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 48px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000
}

.tparrows:hover {
    background: #000
}

.tparrows:before {
    font-family: Pe-icon-7-stroke;
    font-size: 48px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.tparrows.tp-leftarrow:before {
    content: '\e686'
}

.tparrows.tp-rightarrow:before {
    content: '\e684'
}

body.rtl .tp-kbimg {
    left: 0 !important
}

.dddwrappershadow {
    box-shadow: 0 45px 100px rgba(0, 0, 0, .4)
}

.hglayerinfo {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    background: rgba(0, 0, 0, .75);
    padding: 5px 10px;
    z-index: 2000;
    white-space: normal
}

.hginfo {
    position: absolute;
    top: -2px;
    left: -2px;
    color: #e74c3c;
    font-size: 12px;
    font-weight: 600;
    background: #000;
    padding: 2px 5px
}

.indebugmode .tp-caption:hover {
    border: 1px dashed #c0392b !important
}

.helpgrid {
    border: 2px dashed #c0392b;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

#revsliderlogloglog {
    padding: 15px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
    background: rgba(0, 0, 0, .7);
    z-index: 100000;
    font-size: 10px;
    overflow: scroll
}

.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084b4 !important
}

.tp-caption.Twitter-Content a:hover {
    color: #0084b4 !important;
    text-decoration: underline !important
}

.medium_grey,
.tp-caption.medium_grey {
    background-color: #888;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    padding: 2px 4px;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    white-space: nowrap
}

.small_text,
.tp-caption.small_text {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    white-space: nowrap
}

.medium_text,
.tp-caption.medium_text {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    white-space: nowrap
}

.large_text,
.tp-caption.large_text {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    white-space: nowrap
}

.tp-caption.very_large_text,
.very_large_text {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 60px;
    margin: 0;
    position: absolute;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    white-space: nowrap
}

.tp-caption.very_big_white,
.very_big_white {
    background-color: #000;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 60px;
    font-weight: 800;
    line-height: 60px;
    margin: 0;
    padding: 1px 4px 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.tp-caption.very_big_black,
.very_big_black {
    background-color: #fff;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Arial;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    margin: 0;
    padding: 1px 4px 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.modern_medium_fat,
.tp-caption.modern_medium_fat {
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.modern_medium_fat_white,
.tp-caption.modern_medium_fat_white {
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.modern_medium_light,
.tp-caption.modern_medium_light {
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.modern_big_bluebg,
.tp-caption.modern_big_bluebg {
    background-color: #4e5b6c;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0;
    padding: 3px 10px;
    position: absolute;
    text-shadow: none
}

.modern_big_redbg,
.tp-caption.modern_big_redbg {
    background-color: #de543e;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0;
    padding: 1px 10px 3px;
    position: absolute;
    text-shadow: none
}

.modern_small_text_dark,
.tp-caption.modern_small_text_dark {
    border-style: none;
    border-width: 0;
    color: #555;
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}

.boxshadow,
.tp-caption.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.black,
.tp-caption.black {
    color: #000;
    text-shadow: none
}

.noshadow,
.tp-caption.noshadow {
    text-shadow: none
}

.thinheadline_dark,
.tp-caption.thinheadline_dark {
    background-color: transparent;
    color: rgba(0, 0, 0, .85);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    position: absolute;
    text-shadow: none
}

.thintext_dark,
.tp-caption.thintext_dark {
    background-color: transparent;
    color: rgba(0, 0, 0, .85);
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    position: absolute;
    text-shadow: none
}

.largeblackbg,
.tp-caption.largeblackbg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #000;
    border-radius: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}

.largepinkbg,
.tp-caption.largepinkbg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #db4360;
    border-radius: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}

.largewhitebg,
.tp-caption.largewhitebg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
    border-radius: 0;
    color: #000;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}

.largegreenbg,
.tp-caption.largegreenbg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #67ae73;
    border-radius: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}

.excerpt,
.tp-caption.excerpt {
    background-color: #000;
    border-color: #fff;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    height: auto;
    letter-spacing: -1.5px;
    line-height: 36px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none;
    white-space: normal !important;
    width: 150px
}

.large_bold_grey,
.tp-caption.large_bold_grey {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #666;
    font-family: "Open Sans";
    font-size: 60px;
    font-weight: 800;
    line-height: 60px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none
}

.medium_thin_grey,
.tp-caption.medium_thin_grey {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #666;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none
}

.small_thin_grey,
.tp-caption.small_thin_grey {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #757575;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none
}

.lightgrey_divider,
.tp-caption.lightgrey_divider {
    background-color: #ebebeb;
    background-position: initial initial;
    background-repeat: initial initial;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 3px;
    text-decoration: none;
    width: 370px
}

.large_bold_darkblue,
.tp-caption.large_bold_darkblue {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #34495e;
    font-family: "Open Sans";
    font-size: 58px;
    font-weight: 800;
    line-height: 60px;
    text-decoration: none
}

.medium_bg_darkblue,
.tp-caption.medium_bg_darkblue {
    background-color: #34495e;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}

.medium_bold_red,
.tp-caption.medium_bold_red {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #e33a0c;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.medium_light_red,
.tp-caption.medium_light_red {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #e33a0c;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 300;
    line-height: 26px;
    padding: 0;
    text-decoration: none
}

.medium_bg_red,
.tp-caption.medium_bg_red {
    background-color: #e33a0c;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}

.medium_bold_orange,
.tp-caption.medium_bold_orange {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #f39c12;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    text-decoration: none
}

.medium_bg_orange,
.tp-caption.medium_bg_orange {
    background-color: #f39c12;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}

.grassfloor,
.tp-caption.grassfloor {
    background-color: #a0b397;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 150px;
    text-decoration: none;
    width: 4000px
}

.large_bold_white,
.tp-caption.large_bold_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 58px;
    font-weight: 800;
    line-height: 60px;
    text-decoration: none
}

.medium_light_white,
.tp-caption.medium_light_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    padding: 0;
    text-decoration: none
}

.mediumlarge_light_white,
.tp-caption.mediumlarge_light_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}

.mediumlarge_light_white_center,
.tp-caption.mediumlarge_light_white_center {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    padding: 0;
    text-align: center;
    text-decoration: none
}

.medium_bg_asbestos,
.tp-caption.medium_bg_asbestos {
    background-color: #7f8c8d;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}

.medium_light_black,
.tp-caption.medium_light_black {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    padding: 0;
    text-decoration: none
}

.large_bold_black,
.tp-caption.large_bold_black {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: "Open Sans";
    font-size: 58px;
    font-weight: 800;
    line-height: 60px;
    text-decoration: none
}

.mediumlarge_light_darkblue,
.tp-caption.mediumlarge_light_darkblue {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #34495e;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}

.small_light_white,
.tp-caption.small_light_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    padding: 0;
    text-decoration: none
}

.roundedimage,
.tp-caption.roundedimage {
    border-color: #222;
    border-style: none;
    border-width: 0
}

.large_bg_black,
.tp-caption.large_bg_black {
    background-color: #000;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    padding: 10px 20px 15px;
    text-decoration: none
}

.mediumwhitebg,
.tp-caption.mediumwhitebg {
    background-color: #fff;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    padding: 5px 15px 10px;
    text-decoration: none;
    text-shadow: none
}

.maincaption,
.tp-caption.maincaption {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #212a40;
    font-family: roboto;
    font-size: 33px;
    font-weight: 500;
    line-height: 43px;
    text-decoration: none;
    text-shadow: none
}

.miami_title_60px,
.tp-caption.miami_title_60px {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Source Sans Pro";
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 60px;
    text-decoration: none;
    text-shadow: none
}

.miami_subtitle,
.tp-caption.miami_subtitle {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: rgba(255, 255, 255, .65);
    font-family: "Source Sans Pro";
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 24px;
    text-decoration: none;
    text-shadow: none
}

.divideline30px,
.tp-caption.divideline30px {
    background: #fff;
    background-color: #fff;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 2px;
    min-width: 30px;
    text-decoration: none
}

.Miami_nostyle,
.tp-caption.Miami_nostyle {
    border-color: #222;
    border-style: none;
    border-width: 0
}

.miami_content_light,
.tp-caption.miami_content_light {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Source Sans Pro";
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    text-decoration: none;
    text-shadow: none
}

.miami_title_60px_dark,
.tp-caption.miami_title_60px_dark {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #333;
    font-family: "Source Sans Pro";
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 60px;
    text-decoration: none;
    text-shadow: none
}

.miami_content_dark,
.tp-caption.miami_content_dark {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #666;
    font-family: "Source Sans Pro";
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    text-decoration: none;
    text-shadow: none
}

.divideline30px_dark,
.tp-caption.divideline30px_dark {
    background-color: #333;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 2px;
    min-width: 30px;
    text-decoration: none
}

.ellipse70px,
.tp-caption.ellipse70px {
    background-color: rgba(0, 0, 0, .14902);
    border-color: #222;
    border-radius: 50px 50px 50px 50px;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    line-height: 1px;
    min-height: 70px;
    min-width: 70px;
    text-decoration: none
}

.arrowicon,
.tp-caption.arrowicon {
    border-color: #222;
    border-style: none;
    border-width: 0;
    line-height: 1px
}

.MarkerDisplay,
.tp-caption.MarkerDisplay {
    background-color: transparent;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    font-family: Permanent Marker;
    font-style: normal;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.Restaurant-Display,
.tp-caption.Restaurant-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 120px;
    font-style: normal;
    font-weight: 700;
    line-height: 120px;
    padding: 0;
    text-decoration: none
}

.Restaurant-Cursive,
.tp-caption.Restaurant-Cursive {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Nothing you could do;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.Restaurant-ScrollDownText,
.tp-caption.Restaurant-ScrollDownText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 0;
    text-decoration: none
}

.Restaurant-Description,
.tp-caption.Restaurant-Description {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.Restaurant-Price,
.tp-caption.Restaurant-Price {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.Restaurant-Menuitem,
.tp-caption.Restaurant-Menuitem {
    background-color: #000;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.Furniture-LogoText,
.tp-caption.Furniture-LogoText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #e6cfa3;
    font-family: Raleway;
    font-size: 160px;
    font-style: normal;
    font-weight: 300;
    line-height: 150px;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.Furniture-Plus,
.tp-caption.Furniture-Plus {
    background-color: #fff;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: none;
    border-width: 0;
    box-shadow: rgba(0, 0, 0, .1) 0 1px 3px;
    color: #e6cfa3;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 6px 7px 4px;
    text-decoration: none;
    text-shadow: none
}

.Furniture-Title,
.tp-caption.Furniture-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 20px;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.Furniture-Subtitle,
.tp-caption.Furniture-Subtitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.Gym-Display,
.tp-caption.Gym-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: 70px;
    padding: 0;
    text-decoration: none
}

.Gym-Subline,
.tp-caption.Gym-Subline {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 5px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.Gym-SmallText,
.tp-caption.Gym-SmallText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 22;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}

.Fashion-SmallText,
.tp-caption.Fashion-SmallText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 0;
    text-decoration: none
}

.Fashion-BigDisplay,
.tp-caption.Fashion-BigDisplay {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 60px;
    padding: 0;
    text-decoration: none
}

.Fashion-TextBlock,
.tp-caption.Fashion-TextBlock {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}

.Sports-Display,
.tp-caption.Sports-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 130px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 13px;
    line-height: 130px;
    padding: 0;
    text-decoration: none
}

.Sports-DisplayFat,
.tp-caption.Sports-DisplayFat {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 130px;
    font-style: normal;
    font-weight: 900;
    line-height: 130px;
    padding: 0;
    text-decoration: none
}

.Sports-Subline,
.tp-caption.Sports-Subline {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 32px;
    padding: 0;
    text-decoration: none
}

.Instagram-Caption,
.tp-caption.Instagram-Caption {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    padding: 0;
    text-decoration: none
}

.News-Title,
.tp-caption.News-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto Slab;
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    padding: 0;
    text-decoration: none
}

.News-Subtitle,
.tp-caption.News-Subtitle {
    background-color: rgba(255, 255, 255, 0);
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto Slab;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    padding: 0;
    text-decoration: none
}

.News-Subtitle:hover,
.tp-caption.News-Subtitle:hover {
    background-color: rgba(255, 255, 255, 0);
    border-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: rgba(255, 255, 255, .65);
    text-decoration: none
}

.Photography-Display,
.tp-caption.Photography-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 80px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 5px;
    line-height: 70px;
    padding: 0;
    text-decoration: none
}

.Photography-Subline,
.tp-caption.Photography-Subline {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #777;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.Photography-ImageHover,
.tp-caption.Photography-ImageHover {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22;
    padding: 0;
    text-decoration: none
}

.Photography-ImageHover:hover,
.tp-caption.Photography-ImageHover:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.Photography-Menuitem,
.tp-caption.Photography-Menuitem {
    background-color: rgba(0, 0, 0, .65);
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px;
    text-decoration: none
}

.Photography-Menuitem:hover,
.tp-caption.Photography-Menuitem:hover {
    background-color: rgba(0, 255, 222, .65);
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.Photography-Textblock,
.tp-caption.Photography-Textblock {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.Photography-Subline-2,
.tp-caption.Photography-Subline-2 {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: rgba(255, 255, 255, .35);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}

.Photography-ImageHover2,
.tp-caption.Photography-ImageHover2 {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22;
    padding: 0;
    text-decoration: none
}

.Photography-ImageHover2:hover,
.tp-caption.Photography-ImageHover2:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.WebProduct-Title,
.tp-caption.WebProduct-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #333;
    font-family: Raleway;
    font-size: 90px;
    font-style: normal;
    font-weight: 100;
    line-height: 90px;
    padding: 0;
    text-decoration: none
}

.WebProduct-SubTitle,
.tp-caption.WebProduct-SubTitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #999;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-decoration: none
}

.WebProduct-Content,
.tp-caption.WebProduct-Content {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #999;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 0;
    text-decoration: none
}

.WebProduct-Menuitem,
.tp-caption.WebProduct-Menuitem {
    background-color: #333;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px;
    text-align: left;
    text-decoration: none
}

.WebProduct-Menuitem:hover,
.tp-caption.WebProduct-Menuitem:hover {
    background-color: #fff;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #999;
    text-decoration: none
}

.WebProduct-Title-Light,
.tp-caption.WebProduct-Title-Light {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 90px;
    font-style: normal;
    font-weight: 100;
    line-height: 90px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.WebProduct-SubTitle-Light,
.tp-caption.WebProduct-SubTitle-Light {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: rgba(255, 255, 255, .35);
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.WebProduct-Content-Light,
.tp-caption.WebProduct-Content-Light {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: rgba(255, 255, 255, .65);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.FatRounded,
.tp-caption.FatRounded {
    background-color: rgba(0, 0, 0, .5);
    border-color: #d3d3d3;
    border-radius: 50px 50px 50px 50px;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    padding: 20px 22px 20px 25px;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.FatRounded:hover,
.tp-caption.FatRounded:hover {
    background-color: #000;
    border-color: #d3d3d3;
    border-radius: 50px 50px 50px 50px;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.NotGeneric-Title,
.tp-caption.NotGeneric-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
    line-height: 70px;
    padding: 10px 0;
    text-decoration: none
}

.NotGeneric-SubTitle,
.tp-caption.NotGeneric-SubTitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.NotGeneric-CallToAction,
.tp-caption.NotGeneric-CallToAction {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .5);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.NotGeneric-CallToAction:hover,
.tp-caption.NotGeneric-CallToAction:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.NotGeneric-Icon,
.tp-caption.NotGeneric-Icon {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.NotGeneric-Menuitem,
.tp-caption.NotGeneric-Menuitem {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .15);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 27px 30px;
    text-align: left;
    text-decoration: none
}

.NotGeneric-Menuitem:hover,
.tp-caption.NotGeneric-Menuitem:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.MarkerStyle,
.tp-caption.MarkerStyle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Permanent Marker";
    font-size: 17px;
    font-style: normal;
    font-weight: 100;
    line-height: 30px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.Gym-Menuitem,
.tp-caption.Gym-Menuitem {
    background-color: #000;
    border-color: rgba(255, 255, 255, 0);
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px;
    text-align: left;
    text-decoration: none
}

.Gym-Menuitem:hover,
.tp-caption.Gym-Menuitem:hover {
    background-color: #000;
    border-color: rgba(255, 255, 255, .25);
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.Newspaper-Button,
.tp-caption.Newspaper-Button {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, .25);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.Newspaper-Button:hover,
.tp-caption.Newspaper-Button:hover {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #000;
    text-decoration: none
}

.Newspaper-Subtitle,
.tp-caption.Newspaper-Subtitle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #a8d8ee;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.Newspaper-Title,
.tp-caption.Newspaper-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Roboto Slab";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    padding: 0 0 10px;
    text-align: left;
    text-decoration: none
}

.Newspaper-Title-Centered,
.tp-caption.Newspaper-Title-Centered {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Roboto Slab";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    padding: 0 0 10px;
    text-align: center;
    text-decoration: none
}

.Hero-Button,
.tp-caption.Hero-Button {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .5);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.Hero-Button:hover,
.tp-caption.Hero-Button:hover {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #000;
    text-decoration: none
}

.Video-Title,
.tp-caption.Video-Title {
    background-color: #000;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    padding: 5px;
    text-align: left;
    text-decoration: none
}

.Video-SubTitle,
.tp-caption.Video-SubTitle {
    background-color: rgba(0, 0, 0, .35);
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 12px;
    padding: 5px;
    text-align: left;
    text-decoration: none
}

.NotGeneric-Button,
.tp-caption.NotGeneric-Button {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .5);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.NotGeneric-Button:hover,
.tp-caption.NotGeneric-Button:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.NotGeneric-BigButton,
.tp-caption.NotGeneric-BigButton {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .15);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 27px 30px;
    text-align: left;
    text-decoration: none
}

.NotGeneric-BigButton:hover,
.tp-caption.NotGeneric-BigButton:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.WebProduct-Button,
.tp-caption.WebProduct-Button {
    background-color: #333;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 48px;
    padding: 0 40px;
    text-align: left;
    text-decoration: none
}

.WebProduct-Button:hover,
.tp-caption.WebProduct-Button:hover {
    background-color: #fff;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 2px;
    color: #333;
    text-decoration: none
}

.Restaurant-Button,
.tp-caption.Restaurant-Button {
    background-color: rgba(10, 10, 10, 0);
    border-color: rgba(255, 255, 255, .5);
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.Restaurant-Button:hover,
.tp-caption.Restaurant-Button:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffe081;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.Gym-Button,
.tp-caption.Gym-Button {
    background-color: #8bc027;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 13px 35px;
    text-align: left;
    text-decoration: none
}

.Gym-Button:hover,
.tp-caption.Gym-Button:hover {
    background-color: #72a800;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.Gym-Button-Light,
.tp-caption.Gym-Button-Light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .25);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.Gym-Button-Light:hover,
.tp-caption.Gym-Button-Light:hover {
    background-color: rgba(114, 168, 0, 0);
    border-color: #8bc027;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.Sports-Button-Light,
.tp-caption.Sports-Button-Light {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .5);
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.Sports-Button-Light:hover,
.tp-caption.Sports-Button-Light:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.Sports-Button-Red,
.tp-caption.Sports-Button-Red {
    background-color: #db1c22;
    border-color: rgba(219, 28, 34, 0);
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.Sports-Button-Red:hover,
.tp-caption.Sports-Button-Red:hover {
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.Photography-Button,
.tp-caption.Photography-Button {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .25);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 13px 35px;
    text-align: left;
    text-decoration: none
}

.Photography-Button:hover,
.tp-caption.Photography-Button:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}

.Newspaper-Button-2,
.tp-caption.Newspaper-Button-2 {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .5);
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 15px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}

.Newspaper-Button-2:hover,
.tp-caption.Newspaper-Button-2:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.Feature-Tour,
.tp-caption.Feature-Tour {
    background-color: #8bc027;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding: 17px 35px;
    text-align: left;
    text-decoration: none
}

.Feature-Tour:hover,
.tp-caption.Feature-Tour:hover {
    background-color: #72a800;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.Feature-Examples,
.tp-caption.Feature-Examples {
    background-color: transparent;
    border-color: rgba(33, 42, 64, .15);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: rgba(33, 42, 64, .5);
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding: 15px 35px;
    text-align: left;
    text-decoration: none
}

.Feature-Examples:hover,
.tp-caption.Feature-Examples:hover {
    background-color: transparent;
    border-color: #8bc027;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #8bc027;
    text-decoration: none
}

.subcaption,
.tp-caption.subcaption {
    background-color: transparent;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #6f7c82;
    font-family: roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.menutab,
.tp-caption.menutab {
    background-color: transparent;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #292e31;
    font-family: roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.menutab:hover,
.tp-caption.menutab:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #d50000;
    text-decoration: none
}

.maincontent,
.tp-caption.maincontent {
    background-color: transparent;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #292e31;
    font-family: roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.minitext,
.tp-caption.minitext {
    background-color: transparent;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #b9babb;
    font-family: roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.Feature-Buy,
.tp-caption.Feature-Buy {
    background-color: #009aee;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding: 17px 35px;
    text-align: left;
    text-decoration: none
}

.Feature-Buy:hover,
.tp-caption.Feature-Buy:hover {
    background-color: #0085d6;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.Feature-Examples-Light,
.tp-caption.Feature-Examples-Light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .15);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding: 15px 35px;
    text-align: left;
    text-decoration: none
}

.Feature-Examples-Light:hover,
.tp-caption.Feature-Examples-Light:hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}

.Facebook-Likes,
.tp-caption.Facebook-Likes {
    background-color: #3b5999;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none
}

.Twitter-Favorites,
.tp-caption.Twitter-Favorites {
    background-color: rgba(255, 255, 255, 0);
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #8899a6;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.Twitter-Link,
.tp-caption.Twitter-Link {
    background-color: #fff;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: none;
    border-width: 0;
    color: #8799a5;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    padding: 11px 11px 9px;
    text-align: left;
    text-decoration: none
}

.Twitter-Link:hover,
.tp-caption.Twitter-Link:hover {
    background-color: #0084b4;
    border-color: transparent;
    border-radius: 30px 30px 30px 30px;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}

.Twitter-Retweet,
.tp-caption.Twitter-Retweet {
    background-color: rgba(255, 255, 255, 0);
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #8899a6;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.Twitter-Content,
.tp-caption.Twitter-Content {
    background-color: #fff;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #292f33;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 30px 30px 70px;
    text-align: left;
    text-decoration: none
}

.revtp-form input[type=email],
.revtp-form input[type=text],
.revtp-searchform input[type=email],
.revtp-searchform input[type=text] {
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 0;
    width: 400px;
    margin-bottom: 0;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.BigBold-Title,
.tp-caption.BigBold-Title {
    color: #fff;
    font-size: 110px;
    line-height: 100px;
    font-weight: 800;
    font-style: normal;
    font-family: Raleway;
    padding: 10px 0 10px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.BigBold-SubTitle,
.tp-caption.BigBold-SubTitle {
    color: rgba(255, 255, 255, .5);
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 1px
}

.BigBold-Button,
.tp-caption.BigBold-Button {
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .5);
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    text-align: left;
    letter-spacing: 1px
}

.BigBold-Button:hover,
.tp-caption.BigBold-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}

.FoodCarousel-Content,
.tp-caption.FoodCarousel-Content {
    color: #292e31;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 30px 30px 30px 30px;
    text-decoration: none;
    background-color: #fff;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    text-align: left
}

.FoodCarousel-Button,
.tp-caption.FoodCarousel-Button {
    color: #292e31;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 70px 15px 50px;
    text-decoration: none;
    background-color: #fff;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    text-align: left;
    letter-spacing: 1px
}

.FoodCarousel-Button:hover,
.tp-caption.FoodCarousel-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}

.FoodCarousel-CloseButton,
.tp-caption.FoodCarousel-CloseButton {
    color: #292e31;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: left;
    letter-spacing: 1px
}

.FoodCarousel-CloseButton:hover,
.tp-caption.FoodCarousel-CloseButton:hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: rgba(41, 46, 49, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px
}

.Video-SubTitle,
.tp-caption.Video-SubTitle {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .35);
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    letter-spacing: 2px;
    text-align: left
}

.Video-Title,
.tp-caption.Video-Title {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    font-style: normal;
    font-family: Raleway;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-color: #000;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Travel-BigCaption,
.tp-caption.Travel-BigCaption {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Travel-SmallCaption,
.tp-caption.Travel-SmallCaption {
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Travel-CallToAction,
.tp-caption.Travel-CallToAction {
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 20px 12px 20px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, .05);
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px 5px 5px 5px;
    text-align: left;
    letter-spacing: 1px
}

.Travel-CallToAction:hover,
.tp-caption.Travel-CallToAction:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255, 255, 255, .15);
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px 5px 5px 5px
}

.RotatingWords-TitleWhite,
.tp-caption.RotatingWords-TitleWhite {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 800;
    font-style: normal;
    font-family: Raleway;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.RotatingWords-Button,
.tp-caption.RotatingWords-Button {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 20px 50px 20px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .15);
    border-style: solid;
    border-width: 2px;
    border-radius: 0;
    text-align: left;
    letter-spacing: 3px
}

.RotatingWords-Button:hover,
.tp-caption.RotatingWords-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 0
}

.RotatingWords-SmallText,
.tp-caption.RotatingWords-SmallText {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    text-shadow: none
}

.ContentZoom-SmallTitle,
.tp-caption.ContentZoom-SmallTitle {
    color: #292e31;
    font-size: 33px;
    line-height: 45px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.ContentZoom-SmallSubtitle,
.tp-caption.ContentZoom-SmallSubtitle {
    color: #6f7c82;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.ContentZoom-SmallIcon,
.tp-caption.ContentZoom-SmallIcon {
    color: #292e31;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.ContentZoom-SmallIcon:hover,
.tp-caption.ContentZoom-SmallIcon:hover {
    color: #6f7c82;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0
}

.ContentZoom-DetailTitle,
.tp-caption.ContentZoom-DetailTitle {
    color: #292e31;
    font-size: 70px;
    line-height: 70px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.ContentZoom-DetailSubTitle,
.tp-caption.ContentZoom-DetailSubTitle {
    color: #6f7c82;
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.ContentZoom-DetailContent,
.tp-caption.ContentZoom-DetailContent {
    color: #6f7c82;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.ContentZoom-Button,
.tp-caption.ContentZoom-Button {
    color: #292e31;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, .5);
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    text-align: left;
    letter-spacing: 1px
}

.ContentZoom-Button:hover,
.tp-caption.ContentZoom-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}

.ContentZoom-ButtonClose,
.tp-caption.ContentZoom-ButtonClose {
    color: #292e31;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, .5);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: left;
    letter-spacing: 1px
}

.ContentZoom-ButtonClose:hover,
.tp-caption.ContentZoom-ButtonClose:hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px
}

.Newspaper-Title,
.tp-caption.Newspaper-Title {
    color: #fff;
    font-size: 50px;
    line-height: 55px;
    font-weight: 400;
    font-style: normal;
    font-family: "Roboto Slab";
    padding: 0 0 10px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Newspaper-Subtitle,
.tp-caption.Newspaper-Subtitle {
    color: #a8d8ee;
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Newspaper-Button,
.tp-caption.Newspaper-Button {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 35px 12px 35px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, .25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    letter-spacing: 2px;
    text-align: left
}

.Newspaper-Button:hover,
.tp-caption.Newspaper-Button:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}

.rtwhitemedium,
.tp-caption.rtwhitemedium {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-shadow: none
}

@media only screen and (max-width:767px) {

    .revtp-form input[type=email],
    .revtp-form input[type=text],
    .revtp-searchform input[type=email],
    .revtp-searchform input[type=text] {
        width: 200px !important
    }
}

.revtp-form input[type=submit],
.revtp-searchform input[type=submit] {
    font-family: Arial, sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px;
    border: 0;
    background: #009aee;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084b4 !important
}

.tp-caption.Twitter-Content a:hover {
    color: #0084b4 !important;
    text-decoration: underline !important
}

.Concept-Title,
.tp-caption.Concept-Title {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0 0 10px 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    letter-spacing: 5px
}

.Concept-SubTitle,
.tp-caption.Concept-SubTitle {
    color: rgba(255, 255, 255, .65);
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    font-style: italic;
    font-family: Playfair Display;
    padding: 0 0 10px 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0
}

.Concept-Content,
.tp-caption.Concept-Content {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-style: none;
    border-width: 2px;
    border-radius: 0
}

.Concept-MoreBtn,
.tp-caption.Concept-MoreBtn {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 10px 8px 7px 10px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px;
    letter-spacing: 1px;
    text-align: left
}

.Concept-MoreBtn:hover,
.tp-caption.Concept-MoreBtn:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px
}

.Concept-LessBtn,
.tp-caption.Concept-LessBtn {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 10px 8px 7px 10px;
    text-decoration: none;
    text-align: left;
    background-color: #000;
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px;
    letter-spacing: 1px;
    text-align: left
}

.Concept-LessBtn:hover,
.tp-caption.Concept-LessBtn:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px
}

.Concept-SubTitle-Dark,
.tp-caption.Concept-SubTitle-Dark {
    color: rgba(0, 0, 0, .65);
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    font-style: italic;
    font-family: Playfair Display;
    padding: 0 0 10px 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0
}

.Concept-Title-Dark,
.tp-caption.Concept-Title-Dark {
    color: #000;
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0 0 10px 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    letter-spacing: 5px
}

.Concept-MoreBtn-Dark,
.tp-caption.Concept-MoreBtn-Dark {
    color: #000;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 10px 8px 7px 10px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px;
    letter-spacing: 1px;
    text-align: left
}

.Concept-MoreBtn-Dark:hover,
.tp-caption.Concept-MoreBtn-Dark:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0;
    border-radius: 50px 50px 50px 50px
}

.Concept-Content-Dark,
.tp-caption.Concept-Content-Dark {
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-style: none;
    border-width: 2px;
    border-radius: 0
}

.Concept-Notice,
.tp-caption.Concept-Notice {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto Condensed;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-style: none;
    border-width: 2px;
    border-radius: 0;
    letter-spacing: 2px
}

.tp-caption.Concept-Content a,
.tp-caption.Concept-Content a:visited {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
    font-weight: 700 !important
}

.tp-caption.Concept-Content a:hover {
    border-bottom: 1px solid transparent !important
}

.tp-caption.Concept-Content-Dark a,
.tp-caption.Concept-Content-Dark a:visited {
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
    font-weight: 700 !important
}

.tp-caption.Concept-Content-Dark a:hover {
    border-bottom: 1px solid transparent !important
}

.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084b4 !important
}

.tp-caption.Twitter-Content a:hover {
    color: #0084b4 !important;
    text-decoration: underline !important
}

.Creative-Title,
.tp-caption.Creative-Title {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0
}

.Creative-SubTitle,
.tp-caption.Creative-SubTitle {
    color: #cdb083;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    letter-spacing: 2px
}

.Creative-Button,
.tp-caption.Creative-Button {
    color: #cdb083;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(205, 176, 131, .25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    letter-spacing: 2px
}

.Creative-Button:hover,
.tp-caption.Creative-Button:hover {
    color: #cdb083;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: #cdb083;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}

.subcaption,
.tp-caption.subcaption {
    color: #6f7c82;
    font-size: 19px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-shadow: none;
    text-align: left
}

.RedDot,
.tp-caption.RedDot {
    color: #000;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: #d50000;
    border-color: #fff;
    border-style: solid;
    border-width: 5px;
    border-radius: 50px 50px 50px 50px
}

.RedDot:hover,
.tp-caption.RedDot:hover {
    color: #000;
    text-decoration: none;
    background-color: rgba(255, 255, 255, .75);
    border-color: #d50000;
    border-style: solid;
    border-width: 5px;
    border-radius: 50px 50px 50px 50px
}

.SlidingOverlays-Title,
.tp-caption.SlidingOverlays-Title {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0
}

.SlidingOverlays-Title,
.tp-caption.SlidingOverlays-Title {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0
}

.Woo-TitleLarge,
.tp-caption.Woo-TitleLarge {
    color: #000;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    type: text
}

.Woo-Rating,
.tp-caption.Woo-Rating {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    type: text
}

.Woo-SubTitle,
.tp-caption.Woo-SubTitle {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    letter-spacing: 2px;
    type: text
}

.Woo-PriceLarge,
.tp-caption.Woo-PriceLarge {
    color: #000;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    type: text
}

.Woo-ProductInfo,
.tp-caption.Woo-ProductInfo {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 75px 12px 50px;
    text-decoration: none;
    background-color: #fecf72;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
    type: button
}

.Woo-ProductInfo:hover,
.tp-caption.Woo-ProductInfo:hover {
    color: #000;
    text-decoration: none;
    background-color: #f3a847;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px
}

.Woo-AddToCart,
.tp-caption.Woo-AddToCart {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 35px 12px 35px;
    text-decoration: none;
    background-color: #fecf72;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
    type: button
}

.Woo-AddToCart:hover,
.tp-caption.Woo-AddToCart:hover {
    color: #000;
    text-decoration: none;
    background-color: #f3a847;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px
}

.Woo-TitleLarge,
.tp-caption.Woo-TitleLarge {
    color: #000;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    type: text
}

.Woo-SubTitle,
.tp-caption.Woo-SubTitle {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    letter-spacing: 2px;
    type: text
}

.Woo-PriceLarge,
.tp-caption.Woo-PriceLarge {
    color: #000;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    type: text
}

.Woo-ProductInfo,
.tp-caption.Woo-ProductInfo {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 75px 12px 50px;
    text-decoration: none;
    background-color: #fecf72;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
    type: button
}

.Woo-ProductInfo:hover,
.tp-caption.Woo-ProductInfo:hover {
    color: #000;
    text-decoration: none;
    background-color: #f3a847;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px
}

.Woo-AddToCart,
.tp-caption.Woo-AddToCart {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 35px 12px 35px;
    text-decoration: none;
    background-color: #fecf72;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
    type: button
}

.Woo-AddToCart:hover,
.tp-caption.Woo-AddToCart:hover {
    color: #000;
    text-decoration: none;
    background-color: #f3a847;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px
}

.FullScreen-Toggle,
.tp-caption.FullScreen-Toggle {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 11px 8px 11px 12px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(0, 0, 0, .5);
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    letter-spacing: 3px;
    text-align: left
}

.FullScreen-Toggle:hover,
.tp-caption.FullScreen-Toggle:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0;
    border-radius: 0
}

.Agency-Title,
.tp-caption.Agency-Title {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 900;
    font-style: normal;
    font-family: lato;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 10px
}

.Agency-SubTitle,
.tp-caption.Agency-SubTitle {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.Agency-PlayBtn,
.tp-caption.Agency-PlayBtn {
    color: #fff;
    font-size: 30px;
    line-height: 71px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.Agency-PlayBtn:hover,
.tp-caption.Agency-PlayBtn:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.Agency-SmallText,
.tp-caption.Agency-SmallText {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    font-style: normal;
    font-family: lato;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 5px
}

.Agency-Social,
.tp-caption.Agency-Social {
    color: #333;
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: #333;
    border-style: solid;
    border-width: 2px;
    border-radius: 30px 30px 30px 30px;
    text-align: center
}

.Agency-Social:hover,
.tp-caption.Agency-Social:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
    border-color: #333;
    border-style: solid;
    border-width: 2px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}

.Agency-CloseBtn,
.tp-caption.Agency-CloseBtn {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-style: none;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.Agency-CloseBtn:hover,
.tp-caption.Agency-CloseBtn:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-style: none;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.Dining-Title,
.tp-caption.Dining-Title {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 10px
}

.Dining-SubTitle,
.tp-caption.Dining-SubTitle {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Dining-BtnLight,
.tp-caption.Dining-BtnLight {
    color: rgba(255, 255, 255, .5);
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    font-style: normal;
    font-family: Lato;
    padding: 17px 73px 17px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    text-align: left;
    letter-spacing: 2px
}

.Dining-BtnLight:hover,
.tp-caption.Dining-BtnLight:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}

.Dining-Social,
.tp-caption.Dining-Social {
    color: #fff;
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, .25);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: center
}

.Dining-Social:hover,
.tp-caption.Dining-Social:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}

.Team-Thumb,
tp-caption.Team-Thumb {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Team-Thumb:hover,
.tp-caption.Team-Thumb:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.Team-Name,
.tp-caption.Team-Name {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Team-Position,
.tp-caption.Team-Position {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Team-Description,
.tp-caption.Team-Description {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Team-Social,
.tp-caption.Team-Social {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.Team-Social:hover,
.tp-caption.Team-Social:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.VideoControls-Play,
.tp-caption.VideoControls-Play {
    color: #000;
    font-size: 50px;
    line-height: 120px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 7px;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.VideoControls-Play:hover,
.tp-caption.VideoControls-Play:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.VideoPlayer-Title,
.tp-caption.VideoPlayer-Title {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 10px
}

.VideoPlayer-SubTitle,
.tp-caption.VideoPlayer-SubTitle {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.VideoPlayer-Social,
.tp-caption.VideoPlayer-Social {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.VideoPlayer-Social:hover,
.tp-caption.VideoPlayer-Social:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.VideoControls-Mute,
.tp-caption.VideoControls-Mute {
    color: #000;
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.VideoControls-Mute:hover,
.tp-caption.VideoControls-Mute:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.VideoControls-Pause,
.tp-caption.VideoControls-Pause {
    color: #000;
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}

.VideoControls-Pause:hover,
.tp-caption.VideoControls-Pause:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.soundcloudwrapper iframe {
    width: 100% !important
}

.SleekLanding-Title,
.tp-caption.SleekLanding-Title {
    color: #fff;
    font-size: 35px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 5px
}

.SleekLanding-ButtonBG,
.tp-caption.SleekLanding-ButtonBG {
    color: #000;
    font-size: px;
    line-height: px;
    font-weight: 700;
    font-style: normal;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: rgba(255, 255, 255, .1);
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-radius: 5px 5px 5px 5px;
    text-align: left;
    -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, .15)
}

.SleekLanding-SmallTitle,
.tp-caption.SleekLanding-SmallTitle {
    color: #fff;
    font-size: 13px;
    line-height: 50px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 2px
}

.SleekLanding-BottomText,
.tp-caption.SleekLanding-BottomText {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.SleekLanding-Social,
.tp-caption.SleekLanding-Social {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.SleekLanding-Social:hover,
.tp-caption.SleekLanding-Social:hover {
    color: rgba(0, 0, 0, .25);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

#rev_slider_429_1_wrapper .tp-loader.spinner2 {
    background-color: #555 !important
}

.tp-fat {
    font-weight: 900 !important
}

.PostSlider-Category,
.tp-caption.PostSlider-Category {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    letter-spacing: 3px;
    text-align: left
}

.PostSlider-Title,
.tp-caption.PostSlider-Title {
    color: #000;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.PostSlider-Content,
.tp-caption.PostSlider-Content {
    color: #777;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.PostSlider-Button,
.tp-caption.PostSlider-Button {
    color: #000;
    font-size: 15px;
    line-height: 40px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 1px 56px 1px 32px;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    text-align: left
}

.PostSlider-Button:hover,
.tp-caption.PostSlider-Button:hover {
    color: #000;
    text-decoration: none;
    background-color: #eee;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    cursor: pointer
}

.LandingPage-Title,
.tp-caption.LandingPage-Title {
    color: #fff;
    font-size: 70px;
    line-height: 80px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 10px
}

.LandingPage-SubTitle,
.tp-caption.LandingPage-SubTitle {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.LandingPage-Button,
.tp-caption.LandingPage-Button {
    color: #000;
    font-size: 15px;
    line-height: 54px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0 35px 0 35px;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    text-align: left;
    letter-spacing: 3px
}

.LandingPage-Button:hover,
.tp-caption.LandingPage-Button:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.tp-caption.App-Content a,
.tp-caption.App-Content a:visited {
    color: #89124e !important;
    border-bottom: 1px solid transparent !important;
    font-weight: 700 !important
}

.tp-caption.App-Content a:hover {
    border-bottom: 1px solid #89124e !important
}

.RockBand-LogoText,
.tp-caption.RockBand-LogoText {
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-style: normal;
    font-family: Oswald;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #fff !important;
    text-decoration: underline !important
}

.tp-caption.Twitter-Content a:hover {
    color: #fff !important;
    text-decoration: none !important
}

.soundcloudwrapper iframe {
    width: 100% !important
}

.Agency-LogoText,
.tp-caption.Agency-LogoText {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    letter-spacing: 1px
}

.ComingSoon-Highlight,
.tp-caption.ComingSoon-Highlight {
    color: #fff;
    font-size: 20px;
    line-height: 37px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 20px 3px 20px;
    text-decoration: none;
    text-align: left;
    background-color: #009aee;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.ComingSoon-Count,
.tp-caption.ComingSoon-Count {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.ComingSoon-CountUnit,
.tp-caption.ComingSoon-CountUnit {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.ComingSoon-NotifyMe,
.tp-caption.ComingSoon-NotifyMe {
    color: #a49d8f;
    font-size: 27px;
    line-height: 35px;
    font-weight: 600;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

#mc_embed_signup input#mce-EMAIL {
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 1px solid #fff;
    width: 400px;
    margin-bottom: 0;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#mc_embed_signup input#mce-EMAIL[type=email]:focus {
    background-color: #fff;
    border: 1px solid #666;
    border-right: 0
}

#mc_embed_signup input#mc-embedded-subscribe,
#mc_embed_signup input#mc-embedded-subscribe:focus {
    font-family: Lato, sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    padding: 0 20px;
    border: 1px solid #009aee;
    background: #009aee;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#mc_embed_signup input#mc-embedded-subscribe:hover {
    background: #0083d4
}

@media only screen and (max-width:767px) {
    #mc_embed_signup input#mce-EMAIL {
        width: 200px
    }
}

.Agency-SmallTitle,
.tp-caption.Agency-SmallTitle {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    font-family: lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    letter-spacing: 6px
}

.Agency-SmallContent,
.tp-caption.Agency-SmallContent {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.Agency-SmallLink,
.tp-caption.Agency-SmallLink {
    color: #f87c09;
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #f87c09 !important
}

.Agency-SmallLink:hover,
.tp-caption.Agency-SmallLink:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.Agency-NavButton,
.tp-caption.Agency-NavButton {
    color: #333;
    font-size: 17px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.Agency-NavButton:hover,
.tp-caption.Agency-NavButton:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.Agency-SmallLinkGreen,
.tp-caption.Agency-SmallLinkGreen {
    color: #6db19b;
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #6db19b !important
}

.Agency-SmallLinkGreen:hover,
.tp-caption.Agency-SmallLinkGreen:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.Agency-SmallLinkBlue,
.tp-caption.Agency-SmallLinkBlue {
    color: #999;
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #999 !important
}

.Agency-SmallLinkBlue:hover,
.tp-caption.Agency-SmallLinkBlue:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.Agency-LogoText,
.tp-caption.Agency-LogoText {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center;
    letter-spacing: 1px
}

.Agency-ArrowTooltip,
.tp-caption.Agency-ArrowTooltip {
    color: #333;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Permanent Marker;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}

.Agency-SmallSocial,
.tp-caption.Agency-SmallSocial {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: center
}

.Agency-SmallSocial:hover,
.tp-caption.Agency-SmallSocial:hover {
    color: #333;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    cursor: pointer
}

.ares.tparrows {
    cursor: pointer;
    background: #fff;
    min-width: 60px;
    min-height: 60px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%
}

.ares.tparrows:before {
    font-family: revicons;
    font-size: 25px;
    color: #aaa;
    display: block;
    line-height: 60px;
    text-align: center;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    z-index: 2;
    position: relative
}

.ares.tparrows.tp-leftarrow:before {
    content: "\e81f"
}

.ares.tparrows.tp-rightarrow:before {
    content: "\e81e"
}

.ares.tparrows:hover:before {
    color: #000
}

.ares .tp-title-wrap {
    position: absolute;
    z-index: 1;
    display: inline-block;
    background: #fff;
    min-height: 60px;
    line-height: 60px;
    top: 0;
    margin-left: 30px;
    border-radius: 0 30px 30px 0;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%
}

.ares.tp-rightarrow .tp-title-wrap {
    right: 0;
    margin-right: 30px;
    margin-left: 0;
    -webkit-transform-origin: 100% 50%;
    border-radius: 30px 0 0 30px
}

.ares.tparrows:hover .tp-title-wrap {
    transform: scaleX(1) scaleY(1);
    -webkit-transform: scaleX(1) scaleY(1)
}

.ares .tp-arr-titleholder {
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transform: translateX(200px);
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    white-space: nowrap;
    padding: 0 20px;
    margin-left: 10px;
    opacity: 0
}

.ares.tp-rightarrow .tp-arr-titleholder {
    transform: translateX(-200px);
    margin-left: 0;
    margin-right: 10px
}

.ares.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-delay: .1s;
    opacity: 1
}

.ares.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.ares .tp-bullet {
    width: 13px;
    height: 13px;
    position: absolute;
    background: #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box
}

.ares .tp-bullet.selected,
.ares .tp-bullet:hover {
    background: #fff
}

.ares .tp-bullet-title {
    position: absolute;
    color: #888;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 600;
    right: 27px;
    top: -4px;
    background: #fff;
    background: rgba(255, 255, 255, .75);
    visibility: hidden;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transition: transform .3s;
    -webkit-transition: transform .3s;
    line-height: 20px;
    white-space: nowrap
}

.ares .tp-bullet-title:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent rgba(255, 255, 255, .75);
    content: " ";
    position: absolute;
    right: -10px;
    top: 0
}

.ares .tp-bullet:hover .tp-bullet-title {
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.ares .tp-bullet.selected:hover .tp-bullet-title {
    background: #fff
}

.ares .tp-bullet.selected:hover .tp-bullet-title:after {
    border-color: transparent transparent transparent #fff
}

.ares.tp-bullets:hover .tp-bullet-title {
    visibility: hidden
}

.ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title {
    visibility: visible
}

.ares .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    border-bottom: 1px solid #e5e5e5
}

.ares .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left
}

.ares .tp-tab-content {
    background: rgba(0, 0, 0, 0);
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute
}

.ares .tp-tab-date {
    display: block;
    color: #aaa;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0
}

.ares .tp-tab-title {
    display: block;
    text-align: left;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px
}

.ares .tp-tab.selected,
.ares .tp-tab:hover {
    background: #eee
}

.custom.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100
}

.custom.tparrows:hover {
    background: #000
}

.custom.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.custom.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.custom.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.custom.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.custom .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #aaa;
    background: rgba(125, 125, 125, .5);
    cursor: pointer;
    box-sizing: content-box
}

.custom .tp-bullet.selected,
.custom .tp-bullet:hover {
    background: #7d7d7d
}

.dione.tparrows {
    height: 100%;
    width: 100px;
    background: 0 0;
    background: rgba(0, 0, 0, 0);
    line-height: 100%;
    transition: all .3s;
    -webkit-transition: all .3s
}

.dione.tparrows:hover {
    background: rgba(0, 0, 0, .45)
}

.dione .tp-arr-imgwrapper {
    width: 100px;
    left: 0;
    position: absolute;
    height: 100%;
    top: 0;
    overflow: hidden
}

.dione.tp-rightarrow .tp-arr-imgwrapper {
    left: auto;
    right: 0
}

.dione .tp-arr-imgholder {
    background-position: center center;
    background-size: cover;
    width: 100px;
    height: 100%;
    top: 0;
    visibility: hidden;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0;
    left: 0
}

.dione.tparrows.tp-rightarrow .tp-arr-imgholder {
    right: 0;
    left: auto;
    transform: translateX(50px);
    -webkit-transform: translateX(50px)
}

.dione.tparrows:before {
    position: absolute;
    line-height: 30px;
    margin-left: -22px;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-top: -15px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.dione.tparrows.tp-rightarrow:before {
    margin-left: 6px
}

.dione.tparrows:hover:before {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    opacity: 0
}

.dione.tparrows.tp-rightarrow:hover:before {
    transform: translateX(20px);
    -webkit-transform: translateX(20px)
}

.dione.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.dione .tp-bullet {
    opacity: 1;
    width: 50px;
    height: 50px;
    padding: 3px;
    background: #000;
    background-color: rgba(0, 0, 0, .25);
    margin: 0;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s
}

.dione .tp-bullet-image {
    display: block;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    width: 44px;
    height: 44px;
    background-size: cover;
    background-position: center center
}

.dione .tp-bullet-title {
    position: absolute;
    bottom: 65px;
    display: inline-block;
    left: 50%;
    background: #000;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: translateZ(.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0;
    white-space: nowrap
}

.dione .tp-bullet:hover .tp-bullet-title {
    transform: rotateX(0) translateX(-50%);
    -webkit-transform: rotateX(0) translateX(-50%);
    opacity: 1
}

.dione .tp-bullet.selected,
.dione .tp-bullet:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #777 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777));
    background: -webkit-linear-gradient(top, #fff 0, #777 100%);
    background: -o-linear-gradient(top, #fff 0, #777 100%);
    background: -ms-linear-gradient(top, #fff 0, #777 100%);
    background: linear-gradient(to bottom, #fff 0, #777 100%)
}

.dione .tp-bullet-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0, 0, 0, .75) transparent transparent transparent;
    bottom: -8px
}

.erinyen.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 35px
}

.erinyen.tparrows:before {
    font-family: revicons;
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 70px;
    text-align: center;
    z-index: 2;
    position: relative
}

.erinyen.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.erinyen.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.erinyen .tp-title-wrap {
    position: absolute;
    z-index: 1;
    display: inline-block;
    background: #000;
    background: rgba(0, 0, 0, .5);
    min-height: 70px;
    line-height: 70px;
    top: 0;
    margin-left: 0;
    border-radius: 35px;
    overflow: hidden;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0
}

.erinyen.tparrows:hover .tp-title-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.erinyen.tp-rightarrow .tp-title-wrap {
    right: 0;
    margin-right: 0;
    margin-left: 0;
    -webkit-transform-origin: 100% 50%;
    border-radius: 35px;
    padding-right: 20px;
    padding-left: 10px
}

.erinyen.tp-leftarrow .tp-title-wrap {
    padding-left: 20px;
    padding-right: 10px
}

.erinyen .tp-arr-titleholder {
    letter-spacing: 3px;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transform: translateX(200px);
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 70px;
    white-space: nowrap;
    padding: 0 20px;
    margin-left: 11px;
    opacity: 0
}

.erinyen .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover
}

.erinyen .tp-arr-img-over {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, .5)
}

.erinyen.tp-rightarrow .tp-arr-titleholder {
    transform: translateX(-200px);
    margin-left: 0;
    margin-right: 11px
}

.erinyen.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-delay: .1s;
    opacity: 1
}

.erinyen.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #555;
    background: -moz-linear-gradient(top, #555 0, #222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(100%, #222));
    background: -webkit-linear-gradient(top, #555 0, #222 100%);
    background: -o-linear-gradient(top, #555 0, #222 100%);
    background: -ms-linear-gradient(top, #555 0, #222 100%);
    background: linear-gradient(to bottom, #555 0, #222 100%);
    padding: 10px 15px;
    margin-left: -15px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 10px;
    box-shadow: 0 0 2px 1px rgba(33, 33, 33, .3)
}

.erinyen .tp-bullet {
    width: 13px;
    height: 13px;
    position: absolute;
    background: #111;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box
}

.erinyen .tp-bullet.selected,
.erinyen .tp-bullet:hover {
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0, #999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(100%, #999));
    background: -webkit-linear-gradient(top, #e5e5e5 0, #999 100%);
    background: -o-linear-gradient(top, #e5e5e5 0, #999 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0, #999 100%);
    background: linear-gradient(to bottom, #e5e5e5 0, #999 100%);
    border: 1px solid #555;
    width: 12px;
    height: 12px
}

.erinyen .tp-thumb {
    opacity: 1
}

.erinyen .tp-thumb-over {
    background: #000;
    background: rgba(0, 0, 0, .25);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.erinyen .tp-thumb-more:before {
    font-family: revicons;
    font-size: 12px;
    color: #aaa;
    color: rgba(255, 255, 255, .75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.erinyen .tp-thumb-more:before {
    content: "\e825"
}

.erinyen .tp-thumb-title {
    font-family: Raleway;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 20px 35px 20px 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-weight: 500
}

.erinyen .tp-thumb.selected .tp-thumb-more:before,
.erinyen .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa
}

.erinyen .tp-thumb.selected .tp-thumb-over,
.erinyen .tp-thumb:hover .tp-thumb-over {
    background: #fff
}

.erinyen .tp-thumb.selected .tp-thumb-title,
.erinyen .tp-thumb:hover .tp-thumb-title {
    color: #000
}

.erinyen .tp-tab-title {
    color: #a8d8ee;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto Slab"margin-bottom: 5px
}

.erinyen .tp-tab-desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    font-family: "Roboto Slab"
}

.gyges.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #777;
    background: -moz-linear-gradient(top, #777 0, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(100%, #666));
    background: -webkit-linear-gradient(top, #777 0, #666 100%);
    background: -o-linear-gradient(top, #777 0, #666 100%);
    background: -ms-linear-gradient(top, #777 0, #666 100%);
    background: linear-gradient(to bottom, #777 0, #666 100%);
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 10px
}

.gyges .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #333;
    border: 3px solid #444;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box
}

.gyges .tp-bullet.selected,
.gyges .tp-bullet:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #fff 0, #e1e1e1 100%);
    background: -o-linear-gradient(top, #fff 0, #e1e1e1 100%);
    background: -ms-linear-gradient(top, #fff 0, #e1e1e1 100%);
    background: linear-gradient(to bottom, #fff 0, #e1e1e1 100%)
}

.gyges .tp-thumb {
    opacity: 1
}

.gyges .tp-thumb-img-wrap {
    padding: 3px;
    background: #000;
    background-color: rgba(0, 0, 0, .25);
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s
}

.gyges .tp-thumb-image {
    padding: 3px;
    display: block;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25)
}

.gyges .tp-thumb-title {
    position: absolute;
    bottom: 100%;
    display: inline-block;
    left: 50%;
    background: rgba(255, 255, 255, .8);
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 20px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: translateZ(.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    white-space: nowrap
}

.gyges .tp-thumb:hover .tp-thumb-title {
    transform: rotateX(0) translateX(-50%);
    -webkit-transform: rotateX(0) translateX(-50%);
    opacity: 1
}

.gyges .tp-thumb.selected .tp-thumb-img-wrap,
.gyges .tp-thumb:hover .tp-thumb-img-wrap {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #777 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777));
    background: -webkit-linear-gradient(top, #fff 0, #777 100%);
    background: -o-linear-gradient(top, #fff 0, #777 100%);
    background: -ms-linear-gradient(top, #fff 0, #777 100%);
    background: linear-gradient(to bottom, #fff 0, #777 100%)
}

.gyges .tp-thumb-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(255, 255, 255, .8) transparent transparent transparent;
    bottom: -8px
}

.gyges .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.gyges .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left
}

.gyges .tp-tab-content {
    background: rgba(0, 0, 0, 0);
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute
}

.gyges .tp-tab-date {
    display: block;
    color: rgba(255, 255, 255, .25);
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0
}

.gyges .tp-tab-title {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px
}

.gyges .tp-tab.selected,
.gyges .tp-tab:hover {
    background: rgba(0, 0, 0, .5)
}

.hades.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .15);
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    z-index: 100
}

.hades.tparrows:before {
    font-family: revicons;
    font-size: 30px;
    color: #fff;
    display: block;
    line-height: 100px;
    text-align: center;
    transition: background .3s, color .3s
}

.hades.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.hades.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.hades.tparrows:hover:before {
    color: #aaa;
    background: #fff;
    background: #fff
}

.hades .tp-arr-allwrapper {
    position: absolute;
    left: 100%;
    top: 0;
    background: #888;
    width: 100px;
    height: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.hades.tp-rightarrow .tp-arr-allwrapper {
    left: auto;
    right: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg)
}

.hades:hover .tp-arr-allwrapper {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: rotatey(0);
    transform: rotatey(0)
}

.hades .tp-arr-imgholder {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hades.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.hades .tp-bullet {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #888;
    cursor: pointer;
    border: 5px solid #fff;
    box-sizing: content-box;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
    -webkit-perspective: 400;
    perspective: 400;
    -webkit-transform: translatez(.01px);
    transform: translatez(.01px)
}

.hades .tp-bullet.selected,
.hades .tp-bullet:hover {
    background: #555
}

.hades .tp-bullet-image {
    position: absolute;
    top: -80px;
    left: -60px;
    width: 120px;
    height: 60px;
    background-position: center center;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    -webkit-transform-style: flat;
    transform-style: flat;
    perspective: 600;
    -webkit-perspective: 600;
    transform: rotatex(-90deg);
    -webkit-transform: rotatex(-90deg);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

.hades .tp-bullet:hover .tp-bullet-image {
    display: block;
    opacity: 1;
    transform: rotatex(0);
    -webkit-transform: rotatex(0);
    visibility: visible
}

.hades .tp-thumb {
    opacity: 1
}

.hades .tp-thumb-img-wrap {
    border-radius: 50%;
    padding: 3px;
    display: inline-block;
    background: #000;
    background-color: rgba(0, 0, 0, .25);
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s
}

.hades .tp-thumb-image {
    padding: 3px;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25)
}

.hades .tp-thumb.selected .tp-thumb-img-wrap,
.hades .tp-thumb:hover .tp-thumb-img-wrap {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #777 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777));
    background: -webkit-linear-gradient(top, #fff 0, #777 100%);
    background: -o-linear-gradient(top, #fff 0, #777 100%);
    background: -ms-linear-gradient(top, #fff 0, #777 100%);
    background: linear-gradient(to bottom, #fff 0, #777 100%)
}

.hades .tp-thumb-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0, 0, 0, .75) transparent transparent transparent;
    bottom: -8px
}

.hades .tp-tab {
    opacity: 1
}

.hades .tp-tab-title {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 25px
}

.hades .tp-tab-price {
    display: block;
    text-align: center;
    color: #999;
    font-size: 16px;
    margin-top: 10px;
    line-height: 20px
}

.hades .tp-tab-button {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    background: #219bd7;
    border-radius: 4px;
    font-weight: 400
}

.hades .tp-tab-inner {
    text-align: center
}

.hebe.tparrows {
    cursor: pointer;
    background: #fff;
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100
}

.hebe.tparrows:before {
    font-family: revicons;
    font-size: 30px;
    color: #aaa;
    display: block;
    line-height: 70px;
    text-align: center;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    z-index: 2;
    position: relative;
    background: #fff;
    min-width: 70px;
    min-height: 70px
}

.hebe.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.hebe.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.hebe.tparrows:hover:before {
    color: #000
}

.hebe .tp-title-wrap {
    position: absolute;
    z-index: 0;
    display: inline-block;
    background: #000;
    background: rgba(0, 0, 0, .75);
    min-height: 60px;
    line-height: 60px;
    top: -10px;
    margin-left: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%
}

.hebe.tp-rightarrow .tp-title-wrap {
    right: 0;
    -webkit-transform-origin: 100% 50%
}

.hebe.tparrows:hover .tp-title-wrap {
    transform: scaleX(1);
    -webkit-transform: scaleX(1)
}

.hebe .tp-arr-titleholder {
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 90px;
    white-space: nowrap;
    padding: 0 20px 0 90px
}

.hebe.tp-rightarrow .tp-arr-titleholder {
    margin-left: 0;
    padding: 0 90px 0 20px
}

.hebe.tparrows:hover .tp-arr-titleholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-delay: .1s;
    opacity: 1
}

.hebe .tp-arr-imgholder {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    top: 0;
    right: -90px
}

.hebe.tp-rightarrow .tp-arr-imgholder {
    right: auto;
    left: -90px
}

.hebe.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.hebe .tp-bullet {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #fff;
    cursor: pointer;
    border: 5px solid #222;
    border-radius: 50%;
    box-sizing: content-box;
    -webkit-perspective: 400;
    perspective: 400;
    -webkit-transform: translateZ(.01px);
    transform: translateZ(.01px);
    transition: all .3s
}

.hebe .tp-bullet.selected,
.hebe .tp-bullet:hover {
    background: #222;
    border-color: #fff
}

.hebe .tp-bullet-image {
    position: absolute;
    top: -90px;
    left: -40px;
    width: 70px;
    height: 70px;
    background-position: center center;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    -webkit-transform-style: flat;
    transform-style: flat;
    perspective: 600;
    -webkit-perspective: 600;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    border-radius: 6px
}

.hebe .tp-bullet:hover .tp-bullet-image {
    display: block;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible
}

.hebe .tp-tab-title {
    color: #a8d8ee;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto Slab"margin-bottom: 5px
}

.hebe .tp-tab-desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    font-family: "Roboto Slab"
}

.hephaistos.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%
}

.hephaistos.tparrows:hover {
    background: #000
}

.hephaistos.tparrows:before {
    font-family: revicons;
    font-size: 18px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.hephaistos.tparrows.tp-leftarrow:before {
    content: "\e82c";
    margin-left: -2px
}

.hephaistos.tparrows.tp-rightarrow:before {
    content: "\e82d";
    margin-right: -2px
}

.hephaistos.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.hephaistos .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #999;
    border: 3px solid #f5f5f5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
    box-shadow: 0 0 2px 1px rgba(130, 130, 130, .3)
}

.hephaistos .tp-bullet.selected,
.hephaistos .tp-bullet:hover {
    background: #fff;
    border-color: #000
}

.hermes.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 30px;
    height: 110px;
    position: absolute;
    display: block;
    z-index: 100
}

.hermes.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 110px;
    text-align: center;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all .3s;
    -webkit-transition: all .3s
}

.hermes.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.hermes.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.hermes.tparrows.tp-leftarrow:hover:before {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    opacity: 0
}

.hermes.tparrows.tp-rightarrow:hover:before {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    opacity: 0
}

.hermes .tp-arr-allwrapper {
    overflow: hidden;
    position: absolute;
    width: 180px;
    height: 140px;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.hermes.tp-rightarrow .tp-arr-allwrapper {
    right: 0;
    left: auto
}

.hermes.tparrows:hover .tp-arr-allwrapper {
    visibility: visible
}

.hermes .tp-arr-imgholder {
    width: 180px;
    position: absolute;
    left: 0;
    top: 0;
    height: 110px;
    transform: translateX(-180px);
    -webkit-transform: translateX(-180px);
    transition: all .3s;
    transition-delay: .3s
}

.hermes.tp-rightarrow .tp-arr-imgholder {
    transform: translateX(180px);
    -webkit-transform: translateX(180px)
}

.hermes.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.hermes .tp-arr-titleholder {
    top: 110px;
    width: 180px;
    text-align: left;
    display: block;
    padding: 0 10px;
    line-height: 30px;
    background: #000;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    font-weight: 600;
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 1px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-sizing: border-box
}

.hermes.tparrows:hover .tp-arr-titleholder {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.hermes .tp-bullet {
    overflow: hidden;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    position: absolute
}

.hermes .tp-bullet:hover {
    background-color: rgba(0, 0, 0, .2)
}

.hermes .tp-bullet:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px #fff;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.hermes .tp-bullet.selected:after {
    height: 100%
}

.hermes .tp-tab {
    opacity: 1;
    padding-right: 10px;
    box-sizing: border-box
}

.hermes .tp-tab-image {
    width: 100%;
    height: 60%;
    position: relative
}

.hermes .tp-tab-content {
    background: #363636;
    position: absolute;
    padding: 20px 20px 20px 30px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    width: 100%;
    min-height: 40%;
    bottom: 0;
    left: -10px
}

.hermes .tp-tab-date {
    display: block;
    color: #888;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px
}

.hermes .tp-tab-title {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 19px
}

.hermes .tp-tab.selected .tp-tab-title:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 10px;
    border-color: transparent transparent transparent #363636;
    content: " ";
    position: absolute;
    right: -9px;
    bottom: 50%;
    margin-bottom: -30px
}

.hermes .tp-tab-mask {
    padding-right: 10px !important
}

@media only screen and (max-width:960px) {
    .hermes .tp-tab .tp-tab-title {
        font-size: 14px;
        line-height: 16px
    }

    .hermes .tp-tab-date {
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 10px
    }

    .hermes .tp-tab-content {
        padding: 15px 15px 15px 25px
    }
}

@media only screen and (max-width:768px) {
    .hermes .tp-tab .tp-tab-title {
        font-size: 12px;
        line-height: 14px
    }

    .hermes .tp-tab-date {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 5px
    }

    .hermes .tp-tab-content {
        padding: 10px 10px 10px 20px
    }
}

.hesperiden.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%
}

.hesperiden.tparrows:hover {
    background: #000
}

.hesperiden.tparrows:before {
    font-family: revicons;
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.hesperiden.tparrows.tp-leftarrow:before {
    content: "\e82c";
    margin-left: -3px
}

.hesperiden.tparrows.tp-rightarrow:before {
    content: "\e82d";
    margin-right: -3px
}

.hesperiden.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 8px
}

.hesperiden .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #999;
    background: -moz-linear-gradient(top, #999 0, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #999 0, #e1e1e1 100%);
    background: -o-linear-gradient(top, #999 0, #e1e1e1 100%);
    background: -ms-linear-gradient(top, #999 0, #e1e1e1 100%);
    background: linear-gradient(to bottom, #999 0, #e1e1e1 100%);
    border: 3px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box
}

.hesperiden .tp-bullet.selected,
.hesperiden .tp-bullet:hover {
    background: #666
}

.hesperiden .tp-thumb {
    opacity: 1;
    -webkit-perspective: 600px;
    perspective: 600px
}

.hesperiden .tp-thumb .tp-thumb-title {
    font-size: 12px;
    position: absolute;
    margin-top: -10px;
    color: #fff;
    display: block;
    z-index: 1000;
    background-color: #000;
    padding: 5px 10px;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: rotatex(90deg) translatez(.001px);
    transform-origin: 50% 100%;
    -webkit-transform: rotatex(90deg) translatez(.001px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0
}

.hesperiden .tp-thumb:hover .tp-thumb-title {
    transform: rotatex(0);
    -webkit-transform: rotatex(0);
    opacity: 1
}

.hesperiden .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    border-bottom: 1px solid #e5e5e5
}

.hesperiden .tp-tab-image {
    width: 60px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: left
}

.hesperiden .tp-tab-content {
    background: rgba(0, 0, 0, 0);
    position: relative;
    padding: 15px 15px 15px 85px;
    left: 0;
    overflow: hidden;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute
}

.hesperiden .tp-tab-date {
    display: block;
    color: #aaa;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0
}

.hesperiden .tp-tab-title {
    display: block;
    text-align: left;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 17px
}

.hesperiden .tp-tab.selected,
.hesperiden .tp-tab:hover {
    background: #eee
}

.metis.tparrows {
    background: #fff;
    padding: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
    width: 60px;
    height: 60px;
    box-sizing: border-box
}

.metis.tparrows:hover {
    background: #fff;
    background: rgba(255, 255, 255, .75)
}

.metis.tparrows:before {
    color: #000;
    transition: all .3s;
    -webkit-transition: all .3s
}

.metis.tparrows:hover:before {
    transform: scale(1.5)
}

.metis .tp-bullet {
    opacity: 1;
    width: 50px;
    height: 50px;
    padding: 3px;
    background: #000;
    background-color: rgba(0, 0, 0, .25);
    margin: 0;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    border-radius: 50%
}

.metis .tp-bullet-image {
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25);
    width: 44px;
    height: 44px;
    background-size: cover;
    background-position: center center
}

.metis .tp-bullet-title {
    position: absolute;
    bottom: 65px;
    display: inline-block;
    left: 50%;
    background: #000;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: translateZ(.001px) translateX(-50%) translateY(14px);
    transform-origin: 50% 100%;
    -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0;
    white-space: nowrap
}

.metis .tp-bullet:hover .tp-bullet-title {
    transform: rotateX(0) translateX(-50%);
    -webkit-transform: rotateX(0) translateX(-50%);
    opacity: 1
}

.metis .tp-bullet.selected,
.metis .tp-bullet:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #777 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777));
    background: -webkit-linear-gradient(top, #fff 0, #777 100%);
    background: -o-linear-gradient(top, #fff 0, #777 100%);
    background: -ms-linear-gradient(top, #fff 0, #777 100%);
    background: linear-gradient(to bottom, #fff 0, #777 100%)
}

.metis .tp-bullet-title:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0, 0, 0, .75) transparent transparent transparent;
    bottom: -8px
}

.metis .tp-tab-number {
    color: #fff;
    font-size: 40px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Playfair Display";
    width: 50px;
    margin-right: 17px;
    display: inline-block;
    float: left
}

.metis .tp-tab-mask {
    padding-left: 20px;
    left: 0;
    max-width: 90px !important;
    transition: .4s padding-left, .4s left, .4s max-width
}

.metis:hover .tp-tab-mask {
    padding-left: 0;
    left: 50px;
    max-width: 500px !important
}

.metis .tp-tab-divider {
    border-right: 1px solid transparent;
    height: 30px;
    width: 1px;
    margin-top: 5px;
    display: inline-block;
    float: left
}

.metis .tp-tab-title {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Playfair Display";
    position: relative;
    padding-top: 10px;
    padding-left: 30px;
    display: inline-block;
    transform: translateX(-100%);
    transition: .4s all
}

.metis .tp-tab-title-mask {
    position: absolute;
    overflow: hidden;
    left: 67px
}

.metis:hover .tp-tab-title {
    transform: translateX(0)
}

.metis .tp-tab {
    opacity: .15;
    transition: .4s all
}

.metis .tp-tab.selected,
.metis .tp-tab:hover {
    opacity: 1
}

.metis .tp-tab.selected .tp-tab-divider {
    border-right: 1px solid #cdb083
}

.metis.tp-tabs {
    max-width: 118px !important;
    padding-left: 50px
}

.metis.tp-tabs:before {
    content: " ";
    height: 100%;
    width: 88px;
    background: rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(255, 255, 255, .1);
    left: 0;
    top: 0;
    position: absolute;
    transition: .4s all
}

.metis.tp-tabs:hover:before {
    width: 118px
}

@media (max-width:499px) {
    .metis.tp-tabs:before {
        background: rgba(0, 0, 0, .75)
    }
}

.persephone.tparrows {
    cursor: pointer;
    background: #aaa;
    background: rgba(200, 200, 200, .5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border: 1px solid #f5f5f5
}

.persephone.tparrows:hover {
    background: #333
}

.persephone.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.persephone.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.persephone.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.persephone.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.persephone .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #aaa;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    box-sizing: content-box
}

.persephone .tp-bullet.selected,
.persephone .tp-bullet:hover {
    background: #222
}

.uranus.tparrows {
    width: 50px;
    height: 50px;
    background: 0 0
}

.uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.uranus.tparrows:hover:before {
    opacity: .75
}

.uranus .tp-bullet {
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    background: 0 0
}

.uranus .tp-bullet.selected,
.uranus .tp-bullet:hover {
    box-shadow: 0 0 0 2px #fff;
    border: none;
    border-radius: 50%;
    background: 0 0
}

.uranus .tp-bullet-inner {
    background-color: rgba(255, 255, 255, .7);
    -webkit-transition: background-color .3s ease, -webkit-transform .3s ease;
    transition: background-color .3s ease, transform .3s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    border-radius: 50%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .3);
    text-indent: -999em;
    cursor: pointer;
    position: absolute
}

.uranus .tp-bullet.selected .tp-bullet-inner,
.uranus .tp-bullet:hover .tp-bullet-inner {
    transform: scale(.4);
    -webkit-transform: scale(.4);
    background-color: #fff
}

.zeus.tparrows {
    cursor: pointer;
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 35px;
    overflow: hidden;
    background: rgba(0, 0, 0, .1)
}

.zeus.tparrows:before {
    font-family: revicons;
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 70px;
    text-align: center;
    z-index: 2;
    position: relative
}

.zeus.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.zeus.tparrows.tp-rightarrow:before {
    content: "\e825"
}

.zeus .tp-title-wrap {
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    border-radius: 50%
}

.zeus .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.zeus.tp-rightarrow .tp-arr-imgholder {
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

.zeus.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.zeus.tparrows:hover .tp-title-wrap {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.zeus .tp-bullet {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 13px;
    height: 13px;
    border: 2px solid #fff
}

.zeus .tp-bullet:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.zeus .tp-bullet.selected:after,
.zeus .tp-bullet:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.zeus .tp-bullet-image,
.zeus .tp-bullet-imageoverlay {
    width: 135px;
    height: 60px;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, .5);
    bottom: 25px;
    left: 50%;
    margin-left: -65px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px
}

.zeus .tp-bullet-imageoverlay,
.zeus .tp-bullet-title {
    z-index: 2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.zeus .tp-bullet-title {
    color: #fff;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    font-weight: 600;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    bottom: 45px;
    width: 135px;
    vertical-align: middle;
    left: -57px
}

.zeus .tp-bullet:hover .tp-bullet-image,
.zeus .tp-bullet:hover .tp-bullet-imageoverlay,
.zeus .tp-bullet:hover .tp-bullet-title {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.zeus .tp-thumb {
    opacity: 1
}

.zeus .tp-thumb-over {
    background: #000;
    background: rgba(0, 0, 0, .25);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.zeus .tp-thumb-more:before {
    font-family: revicons;
    font-size: 12px;
    color: #aaa;
    color: rgba(255, 255, 255, .75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.zeus .tp-thumb-more:before {
    content: "\e825"
}

.zeus .tp-thumb-title {
    font-family: Raleway;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 20px 35px 20px 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-weight: 500
}

.zeus .tp-thumb.selected .tp-thumb-more:before,
.zeus .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa
}

.zeus .tp-thumb.selected .tp-thumb-over,
.zeus .tp-thumb:hover .tp-thumb-over {
    background: #000
}

.zeus .tp-thumb.selected .tp-thumb-title,
.zeus .tp-thumb:hover .tp-thumb-title {
    color: #fff
}

.zeus .tp-tab {
    opacity: 1;
    box-sizing: border-box
}

.zeus .tp-tab-title {
    display: block;
    text-align: center;
    background: rgba(0, 0, 0, .25);
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    padding: 9px 10px
}

.zeus .tp-tab.selected .tp-tab-title,
.zeus .tp-tab:hover .tp-tab-title {
    color: #000;
    background: #fff
}

.post-tabs .tp-thumb {
    opacity: 1
}

.post-tabs .tp-thumb-over {
    background: #252525;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.post-tabs .tp-thumb-more:before {
    font-family: revicons;
    font-size: 12px;
    color: #aaa;
    color: rgba(255, 255, 255, .75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2
}

.post-tabs .tp-thumb-more:before {
    content: "\e825"
}

.post-tabs .tp-thumb-title {
    font-family: raleway;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 15px 30px 15px 15px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-weight: 500
}

.post-tabs .tp-thumb.selected .tp-thumb-more:before,
.post-tabs .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa
}

.post-tabs .tp-thumb.selected .tp-thumb-over,
.post-tabs .tp-thumb:hover .tp-thumb-over {
    background: #fff
}

.post-tabs .tp-thumb.selected .tp-thumb-title,
.post-tabs .tp-thumb:hover .tp-thumb-title {
    color: #000
}

.attorney-address li i,
.attorney-carousel .content .contact-area i,
.blog-posts .post .entry-meta li i,
.brochured li a i,
.donation-form .form-group label,
.drop-caps.text-colored p:first-child:first-letter,
.horizontal-contact-widget .each-widget::before,
.horizontal-contact-widget .widget::before,
.icon-box.box-style1.practice-style3 i,
.icon-box.services-style1:hover .heading,
.list-icon.theme-colored li i,
.menuzord-menu>li>.megamenu .megamenu-row .post a:hover,
.menuzord-menu>li>.megamenu .megamenu-row .post a:hover i,
.menuzord-menu>li>.megamenu .megamenu-row li:hover>a,
.menuzord-menu>li>.megamenu .megamenu-row li:hover>a i,
.pager.theme-colored a,
.pricing-table .table-list li i,
.schedule-box:hover .schedule-details .title a,
.small-title i,
.testimonial-carousel.boxed .content::after,
.title-icon [class^=flaticon-]::after,
.title-icon [class^=flaticon-]::before,
.volunteer .info .name a,
.widget .address li i,
.widget .post-title a:hover,
.widget .twitter-feed li::after,
.widget.dark .nav-tabs li.active a,
ul.list.theme-colored li:before,
ul.list.theme-colored.angle-double-right li:before,
ul.list.theme-colored.angle-right li:before,
ul.list.theme-colored.check li:before,
ul.list.theme-colored.check-circle li:before {
    color: #00d0ff
}

.brochured li a:hover {
    background: #00d0ff;
    color: #fff
}

.brochured li a:hover i {
    color: #fff
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i {
    color: #fff
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {
    border: none
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav>div:hover {
    background-color: #08428b
}

.panel-group .panel-title a.active {
    background: #00d0ff none repeat scroll 0 0;
    color: #08428b
}

.star-rating span::before {
    color: #00d0ff !important
}

.menuzord .menuzord-menu ul.dropdown li:hover>a,
.menuzord .menuzord-menu>li.active>a,
.menuzord .menuzord-menu>li:hover>a {
    color: #fff;
    background: url(../img/nav_bg2.png) repeat-x;
    background-size: contain;
    color: #fff !important
}

.menuzord-menu ul.dropdown li a:before {
    content: '';
    width: 9px;
    height: 2px;
    display: block;
    background: rgba(255, 255, 255, .1);
    position: absolute;
    left: 0;
    top: 18px;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

.menuzord-menu ul.dropdown li:hover a:before {
    background: rgba(255, 255, 255, .2);
    width: 15px
}

.menuzord .menuzord-menu ul.dropdown li:hover>a i,
.menuzord .menuzord-menu>li.active>a i,
.menuzord .menuzord-menu>li:hover>a i {
    color: #00d0ff
}

.menuzord .menuzord-menu ul.dropdown li:hover>a i,
.menuzord .menuzord-menu>li.active>a i,
.menuzord .menuzord-menu>li:hover>a i {
    color: #3498db
}

.icon-box.icon-rounded-bordered i,
.pager.theme-colored a,
.widget .line-bottom:after {
    border: 1px solid #00d0ff
}

.border-theme-colored,
.owl-theme .owl-dots .owl-dot span {
    border-color: #00d0ff
}

.icon-box.box-style1.practice-style3:hover .icon-wrapper::after {
    border-color: #00d0ff transparent transparent
}

.opening-hourse ul li {
    border-bottom: 1px dashed #00d0ff
}

blockquote.theme-colored {
    border-left: 3px solid #00d0ff
}

blockquote.bg-theme-colored {
    border-left: 3px solid #0078da;
    color: #fff
}

blockquote.bg-theme-colored footer {
    color: #eee
}

blockquote.gray.bg-theme-colored {
    background-color: #eee !important;
    border-left: 3px solid #00d0ff;
    color: #00d0ff
}

blockquote.gray.bg-theme-colored footer {
    color: #777
}

.attorney-address li {
    border-left: 1px solid #00d0ff
}

.section-title.title-border {
    border-left: 4px solid #00d0ff
}

.member-info {
    border-top: 3px outset #00d0ff
}

.cssload-tri {
    border-top: 27px solid #00d0ff
}

.border-right-red {
    border-right: 1px solid #00d0ff
}

.section-title.title-border.title-right {
    border-right: 4px solid #00d0ff
}

.services-list li.active a {
    background-color: #00d0ff !important
}

.services-list ul li a:hover {
    color: #fff
}

.services-list ul li a:hover:before {
    border-radius: 0
}

.services-list li.active a {
    border: 1px solid #00d0ff
}

.cssload-tri.cssload-invert {
    border-bottom: 27px solid #00d0ff
}

.btn-default.bcolor {
    color: #00d0ff;
    background-color: #fff;
    border-color: #00d0ff
}

.btn-default.bcolor.focus,
.btn-default.bcolor:focus {
    color: #00d0ff;
    background-color: #e6e6e6;
    border-color: #32551d
}

.btn-default.bcolor:hover {
    color: #00d0ff;
    background-color: #e6e6e6;
    border-color: #2870ff
}

.btn-default.bcolor.active,
.btn-default.bcolor:active,
.open>.dropdown-toggle.btn-default.bcolor {
    color: #00d0ff;
    background-color: #e6e6e6;
    border-color: #2870ff
}

.btn-default.bcolor.active.focus,
.btn-default.bcolor.active:focus,
.btn-default.bcolor.active:hover,
.btn-default.bcolor:active.focus,
.btn-default.bcolor:active:focus,
.btn-default.bcolor:active:hover,
.open>.dropdown-toggle.btn-default.bcolor.focus,
.open>.dropdown-toggle.btn-default.bcolor:focus,
.open>.dropdown-toggle.btn-default.bcolor:hover {
    color: #00d0ff;
    background-color: #d4d4d4;
    border-color: #32551d
}

.btn-default.bcolor.active,
.btn-default.bcolor:active,
.open>.dropdown-toggle.btn-default.bcolor {
    background-image: none
}

.btn-default.bcolor.disabled.focus,
.btn-default.bcolor.disabled:focus,
.btn-default.bcolor.disabled:hover,
.btn-default.bcolor[disabled].focus,
.btn-default.bcolor[disabled]:focus,
.btn-default.bcolor[disabled]:hover,
fieldset[disabled] .btn-default.bcolor.focus,
fieldset[disabled] .btn-default.bcolor:focus,
fieldset[disabled] .btn-default.bcolor:hover {
    background-color: #fff;
    border-color: #00d0ff
}

.btn-default.bcolor .badge {
    color: #fff;
    background-color: #00d0ff
}

.btn-default.bcolor:active,
.btn-default.bcolor:focus,
.btn-default.bcolor:hover {
    background-color: #00d0ff;
    border-color: #00d0ff;
    color: #fff
}

.btn-border.bcolor {
    color: #00d0ff;
    background-color: #fff;
    border-color: #00d0ff
}

.btn-border.bcolor.focus,
.btn-border.bcolor:focus {
    color: #00d0ff;
    background-color: #e6e6e6;
    border-color: #32551d
}

.btn-border.bcolor:hover {
    color: #00d0ff;
    background-color: #e6e6e6;
    border-color: #2870ff
}

.btn-border.bcolor.active,
.btn-border.bcolor:active,
.open>.dropdown-toggle.btn-border.bcolor {
    color: #00d0ff;
    background-color: #e6e6e6;
    border-color: #2870ff
}

.btn-border.bcolor.active.focus,
.btn-border.bcolor.active:focus,
.btn-border.bcolor.active:hover,
.btn-border.bcolor:active.focus,
.btn-border.bcolor:active:focus,
.btn-border.bcolor:active:hover,
.open>.dropdown-toggle.btn-border.bcolor.focus,
.open>.dropdown-toggle.btn-border.bcolor:focus,
.open>.dropdown-toggle.btn-border.bcolor:hover {
    color: #00d0ff;
    background-color: #d4d4d4;
    border-color: #32551d
}

.btn-border.bcolor.active,
.btn-border.bcolor:active,
.open>.dropdown-toggle.btn-border.bcolor {
    background-image: none
}

.btn-border.bcolor.disabled.focus,
.btn-border.bcolor.disabled:focus,
.btn-border.bcolor.disabled:hover,
.btn-border.bcolor[disabled].focus,
.btn-border.bcolor[disabled]:focus,
.btn-border.bcolor[disabled]:hover,
fieldset[disabled] .btn-border.bcolor.focus,
fieldset[disabled] .btn-border.bcolor:focus,
fieldset[disabled] .btn-border.bcolor:hover {
    background-color: #fff;
    border-color: #00d0ff
}

.btn-border.bcolor .badge {
    color: #fff;
    background-color: #00d0ff
}

.btn-border.bcolor:active,
.btn-border.bcolor:focus,
.btn-border.bcolor:hover {
    background-color: #0078da;
    border-color: #0078da;
    color: #fff
}

.btn-dark.bcolor {
    color: #fff;
    background-color: #00d0ff;
    border-color: #00d0ff
}

.btn-dark.bcolor.focus,
.btn-dark.bcolor:focus {
    color: #fff;
    background-color: #0078da;
    border-color: #32551d
}

.btn-dark.bcolor:hover {
    color: #fff;
    background-color: #0078da;
    border-color: #2870ff
}

.btn-dark.bcolor.active,
.btn-dark.bcolor:active,
.open>.dropdown-toggle.btn-dark.bcolor {
    color: #fff;
    background-color: #0078da;
    border-color: #2870ff
}

.btn-dark.bcolor.active.focus,
.btn-dark.bcolor.active:focus,
.btn-dark.bcolor.active:hover,
.btn-dark.bcolor:active.focus,
.btn-dark.bcolor:active:focus,
.btn-dark.bcolor:active:hover,
.open>.dropdown-toggle.btn-dark.bcolor.focus,
.open>.dropdown-toggle.btn-dark.bcolor:focus,
.open>.dropdown-toggle.btn-dark.bcolor:hover {
    color: #fff;
    background-color: #0078da;
    border-color: #32551d
}

.btn-dark.bcolor.active,
.btn-dark.bcolor:active,
.open>.dropdown-toggle.btn-dark.bcolor {
    background-image: none
}

.btn-dark.bcolor.disabled.focus,
.btn-dark.bcolor.disabled:focus,
.btn-dark.bcolor.disabled:hover,
.btn-dark.bcolor[disabled].focus,
.btn-dark.bcolor[disabled]:focus,
.btn-dark.bcolor[disabled]:hover,
fieldset[disabled] .btn-dark.bcolor.focus,
fieldset[disabled] .btn-dark.bcolor:focus,
fieldset[disabled] .btn-dark.bcolor:hover {
    background-color: #00d0ff;
    border-color: #00d0ff
}

.btn-dark.bcolor .badge {
    color: #00d0ff;
    background-color: #fff
}

.btn-gray.bcolor {
    color: #fff;
    background-color: #85c75e;
    border-color: #85c75e
}

.btn-gray.bcolor.focus,
.btn-gray.bcolor:focus {
    color: #fff;
    background-color: #00d0ff;
    border-color: #487b2a
}

.btn-gray.bcolor:hover {
    color: #fff;
    background-color: #00d0ff;
    border-color: #66ac3b
}

.btn-gray.bcolor.active,
.btn-gray.bcolor:active,
.open>.dropdown-toggle.btn-gray.bcolor {
    color: #fff;
    background-color: #00d0ff;
    border-color: #66ac3b
}

.btn-gray.bcolor.active.focus,
.btn-gray.bcolor.active:focus,
.btn-gray.bcolor.active:hover,
.btn-gray.bcolor:active.focus,
.btn-gray.bcolor:active:focus,
.btn-gray.bcolor:active:hover,
.open>.dropdown-toggle.btn-gray.bcolor.focus,
.open>.dropdown-toggle.btn-gray.bcolor:focus,
.open>.dropdown-toggle.btn-gray.bcolor:hover {
    color: #fff;
    background-color: #5a9935;
    border-color: #487b2a
}

.btn-gray.bcolor.active,
.btn-gray.bcolor:active,
.open>.dropdown-toggle.btn-gray.bcolor {
    background-image: none
}

.btn-gray.bcolor.disabled.focus,
.btn-gray.bcolor.disabled:focus,
.btn-gray.bcolor.disabled:hover,
.btn-gray.bcolor[disabled].focus,
.btn-gray.bcolor[disabled]:focus,
.btn-gray.bcolor[disabled]:hover,
fieldset[disabled] .btn-gray.bcolor.focus,
fieldset[disabled] .btn-gray.bcolor:focus,
fieldset[disabled] .btn-gray.bcolor:hover {
    background-color: #85c75e;
    border-color: #85c75e
}

.btn-gray.bcolor .badge {
    color: #85c75e;
    background-color: #fff
}

.bcolor {
    color: #fff;
    background: url(../img/nav_bg.png) repeat-x;
    border: none;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out;
    font-size: 15px;
    padding: 10px 26px;
    border-radius: 3px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    display: inline-block
}

.bcolor.focus,
.bcolor:focus {
    color: #fff;
    background-color: #0078da;
    border-color: #32551d
}

.bcolor.active,
.bcolor.active:hover,
.bcolor:active,
.bcolor:active:hover,
.bcolor:hover {
    color: #fff;
    background: url(../img/nav_bg2.png) repeat-x
}

.bcolor.active.focus,
.bcolor.active:focus,
.bcolor:active.focus,
.bcolor:active:focus,
.open>.dropdown-toggle.bcolor.focus,
.open>.dropdown-toggle.bcolor:focus,
.open>.dropdown-toggle.bcolor:hover {
    color: #fff;
    background-color: #0078da;
    border-color: #32551d
}

.bcolor.active,
.bcolor:active,
.open>.dropdown-toggle.bcolor {
    background-image: none
}

.bcolor.disabled.focus,
.bcolor.disabled:focus,
.bcolor.disabled:hover,
.bcolor[disabled].focus,
.bcolor[disabled]:focus,
.bcolor[disabled]:hover,
fieldset[disabled] .bcolor.focus,
fieldset[disabled] .bcolor:focus,
fieldset[disabled] .bcolor:hover {
    background-color: #00d0ff;
    border-color: #00d0ff
}

.bcolor .badge {
    color: #00d0ff;
    background-color: #fff
}

.icon-box.iconbox-theme-colored .icon {
    color: #00d0ff
}

.icon-box.iconbox-theme-colored .icon.icon-border-effect::after {
    box-shadow: 0 0 0 3px #00d0ff
}

.icon-box.iconbox-theme-colored .icon.icon-bordered {
    border-color: #00d0ff
}

.icon-box.iconbox-theme-colored .icon.icon-bordered:hover {
    background-color: #00d0ff;
    color: #fff
}

.icon-box.iconbox-theme-colored .icon.icon-gray:hover {
    background-color: #00d0ff;
    color: #fff
}

.icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered {
    border-color: #eee
}

.icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered:hover {
    background-color: #00d0ff;
    border-color: #00d0ff;
    color: #fff
}

.icon-box.iconbox-theme-colored .icon.icon-dark {
    background-color: #00d0ff;
    color: #fff
}

.icon-box.iconbox-theme-colored .icon.icon-dark:hover {
    color: #fff
}

.icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered {
    background-color: transparent;
    border-color: #00d0ff;
    color: #00d0ff
}

.icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered:hover {
    background-color: #00d0ff;
    border-color: #00d0ff;
    color: #fff
}

.icon-box.iconbox-theme-colored .icon.icon-white {
    background-color: #fff;
    color: #00d0ff
}

.icon-box.iconbox-theme-colored .icon.icon-white:hover {
    background-color: #00d0ff;
    color: #fff
}

.icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered {
    background-color: transparent;
    border-color: #00d0ff;
    color: #fff
}

.icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered:hover {
    background-color: #00d0ff;
    border-color: #00d0ff;
    color: #fff
}

.widget .post-title a:hover {
    color: #fff
}

.search .search-input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #0d57b3;
    border-radius: initial;
    box-shadow: none;
    height: 35px;
    padding: 10px;
    color: #fff
}

.search .search-input:focus {
    color: #fff
}

.search .search-button {
    background: transparent none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    height: 35px
}

.btn.search-button,
.btn.search-button.focus,
.btn.search-button:focus,
.btn.search-button:hover {
    color: #fff
}

.product-image {
    border: 1px solid #ddd
}

@media (min-width:769px) {
    .set-mobile {
        display: none !important
    }

    .set-mobile-re {
        display: block !important
    }
}

@media (max-width:768px) {
    .set-mobile {
        display: block !important
    }

    .set-mobile-re {
        display: none !important
    }
}

@media (max-width:480px) {
    .set-de-nopadding {
        padding: 0 15px
    }

    .menuzord .showhide {
        padding: 14px 0
    }
}

@media (max-width:320px) {
    .menuzord .showhide {
        padding: 15px 0
    }
}

body .webeditor img,
body .webeditor table {
    max-width: 100%
}

.sp4 {
    float: right;
    padding: 0 22px;
    height: 35px;
    line-height: 35px
}

.header-top a {
    color: #fff
}

.sp5 {
    background: url(../img/bg6.jpg) left top no-repeat;
    background-attachment: fixed
}

.sp6 {
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .3)
}

.sp5 .icon-box {
    background: #fff;
    border-color: #fff;
    box-shadow: 6px 7px 24px rgba(0, 0, 0, .1);
    position: relative;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out;
    border: 1px solid #dcdcdc;
    padding: 40px 11px 28px 11px;
    margin-bottom: 30px
}

.sp5 .icon-box:hover {
    cursor: default;
    box-shadow: 6px 7px 24px rgba(0, 0, 0, .3)
}

.sp5 .icon-box .icon {
    float: left;
    height: 152px;
    width: 151px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 0;
    color: rgba(0, 208, 255, .21176470588235294);
    transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all.1s ease-in-out
}

.sp5 .icon-box .icon i {
    font-size: 130px;
    line-height: initial
}

.sp5 .icon-box .icon-box-title span {
    font-size: 18px;
    color: #08428b;
    font-family: Arimo, "微軟正黑體", "LiHei Pro", sans-serif;
    font-weight: 700
}

.sp7 {
    color: #e6e6e6;
    margin-bottom: 0
}

.item h5 {
    display: inline-block;
    border-bottom: 2px solid rgba(44, 121, 204, .64);
    padding-bottom: 5px;
    margin: 5px 0 7px
}

.sp8 {
    margin-top: 0;
    padding-left: 17px;
    font-size: 19px
}

.sp9 {
    width: 79%;
    margin: auto
}

.sp9:after {
    content: '';
    position: absolute;
    right: 61px;
    top: 29px;
    display: block;
    width: 595px;
    height: 342px;
    background: rgba(72, 149, 218, .64);
    z-index: 0
}

.sp9 img {
    z-index: 1;
    position: relative;
    box-shadow: 9px 8px 7px rgba(8, 20, 101, .3)
}

.btn.search-button:hover {
    color: #fff;
    background: url(../img/nav_bg.png) repeat-x
}

.sp10 {
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin: 41px auto 10px auto
}

.sp11 {
    font-family: Arimo, "微軟正黑體", "LiHei Pro", sans-serif;
    padding: 5px 14px 6px 17px;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 3px;
    font-weight: 400;
    border: none;
    margin-top: 10px;
    display: inline-block
}

.sp12 {
    z-index: 999999
}

.sp13 {
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 15px
}

.sp5 .icon-box:hover .icon {
    color: rgba(247, 222, 33, .22)
}

.sp5 .col-sm-4:nth-child(3) .icon-box .icon {
    top: 11px
}

.sp14 {
    background-position: 50% 50%;
    background-attachment: fixed
}

.sp15 {
    font-size: 23px;
    font-weight: 700
}

.sp16 {
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 8px 14px 9px 14px;
    border-radius: 3px;
    border: none;
    background: #d4d4d4;
    font-family: Arimo, "微軟正黑體", "LiHei Pro", sans-serif;
    float: right;
    margin-left: 5px;
    color: #fff
}

.post .sp17:hover {
    border-color: #6fba2c;
    background: #fff
}

.post .sp17 {
    background: #f8f8f8;
    height: auto;
    padding: 20px 18px 8px 18px;
    margin: 0;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out;
    border-bottom: 1px dashed #d3d3d3 !important
}

.pdt-list .pdt-img {
    width: 100%
}

.pdt-img {
    width: 41.5%;
    display: inline-block;
    position: relative;
    float: left;
    padding-right: 10px;
    text-align: center
}

.pdt-img.news {
    width: 100%
}

.pdt-img.case {
    width: 100%;
    float: none;
    padding-right: 0
}

.pdt-img.item a {
    display: inline-block;
    width: 49%
}

.pdt-img a {
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out;
    display: block;
    overflow: hidden;
    opacity: 1;
    position: relative
}

.pdt-img a:before {
    content: 'MORE';
    position: absolute;
    font-family: Arimo, "微軟正黑體", "LiHei Pro", sans-serif;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
    font-weight: 700;
    display: block;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    padding: 5px 12px;
    top: -500px;
    left: 50%;
    margin-left: -33px;
    color: #fff;
    opacity: 0;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out;
    z-index: 1
}

.pdt-img a:hover:before {
    top: 50%;
    margin-top: -17px;
    opacity: 1
}

.pdt-img a:hover {
    border: 1px solid rgba(88, 169, 255, .64);
    opacity: .9
}

.pdt-img a:after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    width: 100%;
    background: url(../img/bg2.png) repeat-x;
    background-size: contain;
    opacity: 0;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out;
    z-index: 0
}

.pdt-list .pdt-img a:after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    width: 100%;
    background: url(../img/bg2-1.png) repeat-x;
    background-size: contain;
    opacity: 0;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out;
    z-index: 0
}

.pdt-list .pdt-img a:hover {
    border: 1px solid #fff;
    opacity: .9
}

.pdt-img a:hover:after {
    opacity: 1
}

.pdt-img img {
    width: 100%
}

.pdt-info {
    width: 58.4%;
    display: inline-block;
    position: relative;
    float: left
}

.post .sp17 p {
    height: 42px;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 0
}

.sp18 {
    float: right;
    padding-top: 8px;
    color: #fff;
    font-size: 12px;
    margin-right: 19px;
    letter-spacing: 1px
}

.sp18:hover {
    color: #00d0ff
}

.sp18 span {
    color: #fff;
    bottom: -1px;
    position: relative;
    margin-right: 3px
}

.company-info {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px dashed rgba(88, 169, 255, .64)
}

.sp19 {
    -webkit-animation-name: sp19, sp19s;
    animation-name: sp19, sp19s;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
    color: #00d0ff
}

.sp19.s {
    margin-left: 5px;
    font-size: 17px
}

.sp20 .company-info {
    color: #08428b
}

.sp20 a:hover {
    color: #00d0ff
}

.sp20 a {
    color: #333
}

.jh {
    font-family: "微軟正黑體", "LiHei Pro"
}

.fff {
    color: #fff !important
}

.bg-fff {
    background-color: #fff !important
}

.tc {
    text-align: center !important
}

.tl {
    text-align: left !important
}

.tr {
    text-align: right !important
}

.fr {
    float: right !important
}

.fl {
    float: left !important
}

.w100 {
    width: 100%
}

.hidden-xs {
    display: block
}

.hidden-sm {
    display: block
}

.hidden-md {
    display: none
}

.trtc {
    text-align: right
}

.tltc {
    text-align: left
}

@media (max-width:767px) {
    body .hidden-xs {
        display: none
    }

    body .hidden-sm {
        display: block
    }

    body .hidden-md {
        display: block
    }

    body .tltc,
    body .trtc {
        text-align: center
    }

    body .webeditor img,
    body .webeditor table {
        max-width: 100%
    }

    body .search {
        width: 100%
    }

    body .menuzord-brand img {
        height: 50px
    }

    body .sp9:after {
        display: none
    }

    body .inner-header .title {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
    }

    body .pdt-img {
        width: 100%;
        padding-right: 0
    }

    body .pdt-info {
        width: 100%
    }

    body .sp15 {
        font-size: 20px;
        font-weight: 700
    }

    body .post .sp17 p {
        font-size: 13px;
        max-height: 40px;
        display: none
    }

    body .scrolltofixed-container {
        display: none !important
    }

    body .sp4 {
        display: none
    }

    body .sp18 {
        float: none;
        padding-top: 0;
        font-size: 12px;
        margin-right: 5px;
        margin-left: 5px;
        letter-spacing: 1px;
        display: inline-block
    }

    header form {
        margin-bottom: 0
    }

    body .header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
        background: #fff
    }

    body .bcolor {
        width: 100%
    }

    body .owl-carousel-4col {
        margin-top: 40px
    }

    body .footer-bottom a {
        display: block
    }

    body .caret {
        border-top: 7px dashed;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent
    }

    body .menuzord-menu ul.dropdown li a:before {
        top: 24px
    }

    body .footer {
        background-position: -38% 41px, top left;
        background-size: 75%, contain
    }

    body .inq_num {
        top: 16px;
        right: 14px
    }

    body .post .sp17 {
        height: auto;
        margin: 3px 0
    }

    body .pdt-price {
        text-align: left;
        width: 100%
    }

    body .pdt-price.s {
        text-align: center
    }

    body .sp16 {
        width: 48%;
        text-align: center
    }

    body .pagination>li:first-child>a,
    body .pagination>li:first-child>span,
    body .pagination>li:last-child>a,
    body .pagination>li:last-child>span {
        width: auto;
        top: -2px
    }

    html body .pdt-item .col-sm-2 {
        font-size: 13px;
        display: block;
        text-align: center;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
        background: #08428b
    }

    body .pdt-item [class*=col] {
        text-align: center;
        border-right: 1px solid #ececec;
        height: 27px;
        line-height: 27px;
        margin: 3px 0;
        font-size: 13px
    }

    body .pdt-item .row {
        border-bottom: 0
    }

    body .pdt-item h3 {
        margin: 0;
        line-height: 27px
    }

    body .sp23 {
        display: block;
        font-size: 14px
    }

    body .pdt-related img {
        border-radius: 3px
    }

    html body .pdt-related .col-sm-3 {
        font-size: 13px;
        display: block;
        text-align: left;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
        background: linear-gradient(to right, rgba(206, 206, 206, .8) 0, rgba(206, 206, 206, .44) 60%, rgba(206, 206, 206, .2) 100%)
    }

    body .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 24%;
        max-width: 25%
    }

    body .sp29 .item {
        height: 237px
    }

    body .sp29 .owl-controls .owl-nav>div {
        display: none !important
    }

    body .case-info {
        height: auto
    }

    body section>.container,
    body section>.container-fluid {
        padding-top: 50px;
        padding-bottom: 50px
    }

    body .bnr.sp11 {
        width: auto
    }

    body .sp9 {
        width: 100%
    }

    body .sp9 img {
        box-shadow: 9px 8px 3px rgba(8, 20, 101, .3)
    }

    body #tarteaucitronAlertSmall {
        display: none !important
    }

    body .pdt_item_model {
        width: 100%;
        display: block;
        margin-top: 0
    }

    body .info {
        width: 100%
    }

    body .info_bottom .sp16 {
        float: left
    }

    body .pdt-img.item a {
        width: 80%
    }
}

@media (min-width:768px) and (max-width:991px) {
    body .hidden-xs {
        display: block
    }

    body .hidden-sm {
        display: none
    }

    body .hidden-md {
        display: block
    }

    body .webeditor img,
    body .webeditor table {
        max-width: 100%
    }

    body .sp18 {
        display: none
    }

    body .menuzord-brand img {
        height: 51px
    }

    body .inner-header .title {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
    }

    body .sp15 {
        font-size: 20px;
        font-weight: 700
    }

    body .post .sp17 p {
        font-size: 13px;
        max-height: 46px
    }

    body .sp16 {
        display: none
    }

    body .btn.search-button.at3 {
        padding: 0 6px
    }

    body .post .sp17 {
        padding: 4px 15px
    }

    body .icon-box .icon-box-title {
        margin-bottom: 15px;
        text-align: center;
        font-size: 21px;
        line-height: 1.3;
        z-index: 9;
        position: relative
    }

    body #tarteaucitronRoot {
        display: none
    }

    body .zoom-gallery.pdt-details a {
        width: 49%;
        display: inline-block
    }

    .pdt-item .row,
    body .pdt-item [class*=col].height {
        text-align: center
    }

    body .sp23 {
        font-size: 14px
    }
}

.menuzord-menu>li>a>small {
    font-size: 6pt;
    transform: scale(.75);
    text-transform: uppercase;
    display: inline-table;
    margin-left: -3px;
    color: #cacaca
}

.menuzord-menu>li>a>span {
    display: block;
    text-align: center
}

.caret {
    color: #3498db;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.btn,
button {
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

.tcolor6 {
    color: #ffffff;
}

.tcolor3 {
    color: #ffffff;
}

.tcolor4 {
    color: #08428b
}

.sp21 {
    color: #08428b;
    font-size: 26px;
    font-weight: 700;
    margin: 10px auto;
    text-align: center;
    letter-spacing: 6px;
    position: relative;
    width: 96px
}

.sp21:before {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 2px;
    background: #5bacdb;
    left: -66px;
    top: 20px
}

.sp21:after {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 2px;
    background: #5bacdb;
    right: -60px;
    top: 20px
}

footer address {
    list-style: none;
    margin-left: 8px
}

footer address li {
    margin: 7px
}

.sp22 {
    display: inline-block
}

footer address li:first-child {
    color: #868686;
    font-size: 16px;
    margin-top: 13px;
    letter-spacing: 0
}

.project:hover {
    cursor: pointer
}

.social_icon {
    display: block;
    margin-top: 20px
}

.social_icon a {
    margin: 0 5px
}

.social_icon a i {
    font-size: 32px;
    color: rgba(183, 183, 183, .68);
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

.social_icon a i:hover {
    color: #fff
}

.social_icon a.line {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../img/line.png) no-repeat center;
    background-size: 100%;
    margin-bottom: -2px;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

.social_icon a.line:hover {
    background: url(../img/line2.png) no-repeat center;
    background-size: 100%
}

p:hover {
    cursor: default
}

.bg9 {
    background-image: url(../img/bg9.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-attachment: fixed;
    background-size: contain;
}

img.bor {
    border-radius: 5px;
    box-shadow: 6px 7px 24px rgba(0, 0, 0, .1)
}

.sp23 {
    display: block;
    font-size: 18px;
    color: #08428b;
    letter-spacing: 1px;
    font-family: Arimo, "微軟正黑體", "LiHei Pro", sans-serif
}

.style {
    display: inline-block;
    margin-bottom: -12px;
    width: auto;
    overflow: auto
}

.style span {
    padding: 2px 9px 3px 10px;
    position: relative;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 7px 10px 0;
    background-color: #08428b;
    box-shadow: 3px 3px 1px #08428b59;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    display: inline-block;
    float: left
}

.info {
    display: inline-block;
    font-size: 15px;
    border-bottom: 1px dashed #ddd;
    padding: 4px;
    width: 49.5%
}

.info_title {
    display: inline-block;
    margin-right: 9px;
    color: #08428b;
    font-size: 15px
}

.pdt-price small {
    font-size: 10px
}

.modalo input,
.modalo input[type=checkbox]+label:before,
.modalo input[type=radio]+label,
.modalo select,
.modalo select option {
    width: 100%;
    padding: 7px 20px;
    line-height: 1.4;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    transition: all .35s ease-in-out
}

.modalo .sp25 input[type=checkbox]+label {
    width: 100%;
    padding: 7px;
    line-height: 1.4;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    transition: all .35s ease-in-out
}

.modalo .sp25 input[type=checkbox]:first-child+label {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.modalo .sp25 input[type=checkbox]+label.s {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #666
}

.modalo input:focus {
    outline: 0;
    border-color: #64ac15
}

.modalo input:focus+.input-icon i {
    color: #08428b
}

.modalo input:focus+.input-icon:after {
    border-right-color: rgba(88, 169, 255, .64)
}

.modalo input[type=radio] {
    display: none
}

.modalo input[type=radio]+label,
.modalo select {
    display: inline-block;
    width: 50%;
    text-align: center;
    float: left;
    border-radius: 0
}

.modalo input[type=radio]+label:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.modalo input[type=radio]+label:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.modalo input[type=radio]+label i {
    padding-right: .4em
}

.modalo input:checked+label:before,
.modalo input[type=radio]:checked+label,
.modalo select:active,
.modalo select:focus {
    background-color: #08428b;
    color: #fff;
    border-color: #08428b
}

.modalo input[type=checkbox]:checked+label {
    background-color: #08428b;
    color: #fff;
    border-color: #08428b
}

.modalo .sp25 input[type=checkbox]:checked+label {
    background-color: #08428b;
    color: #fff;
    border-color: #00387d
}

.modalo input[type=checkbox] {
    display: none
}

.modalo input[type=checkbox]+label {
    position: relative;
    display: block;
    padding-left: 1.6em
}

.modalo .sp25 input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    width: 25%;
    text-align: center;
    float: left
}

.modalo input[type=checkbox]+label:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    content: ""
}

.modalo .sp25 input[type=checkbox]+label:before {
    display: none
}

.modalo input[type=checkbox]+label:after {
    position: absolute;
    top: 2px;
    left: 4px;
    font-size: .8em;
    color: #fff;
    opacity: 0;
    font-family: FontAwesome;
    font-weight: lighter;
    content: "\f00c"
}

.modalo .sp25 input[type=checkbox]+label:after {
    display: none
}

.modalo input:checked+label:after {
    opacity: 1
}

.modalo select {
    height: 3.4em;
    line-height: 2
}

.modalo select:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.modalo select:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.modalo select:active,
.modalo select:focus {
    outline: 0
}

.modalo select option {
    background-color: #7ed321;
    color: #fff
}

.modalo .input-group {
    margin: 5px 0;
    zoom: 1;
    display: inline-block;
    vertical-align: middle
}

.modalo .input-group:after,
.modalo .input-group:before {
    content: "";
    display: table
}

.modalo .input-group:after {
    clear: both
}

.modalo .input-group-icon {
    position: relative
}

.modalo .input-group-icon input {
    padding-left: 55px
}

.modalo .input-group-icon .input-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 37px;
    line-height: 38px;
    text-align: center;
    pointer-events: none
}

.modalo .input-group-icon .input-icon:after {
    position: absolute;
    top: .6em;
    bottom: .6em;
    left: 43px;
    display: block;
    border-right: 1px solid #e5e5e5;
    content: "";
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    transition: all .35s ease-in-out
}

.modalo .input-group-icon .input-icon i {
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    transition: all .35s ease-in-out;
    font-size: 20px
}

.show:active {
    transform: scale(.9)
}

@-webkit-keyframes sheen {
    0% {
        -webkit-transform: skewY(-45deg) translateX(0);
        transform: skewY(-45deg) translateX(0)
    }

    100% {
        -webkit-transform: skewY(-45deg) translateX(12.5em);
        transform: skewY(-45deg) translateX(12.5em)
    }
}

@keyframes sheen {
    0% {
        -webkit-transform: skewY(-45deg) translateX(0);
        transform: skewY(-45deg) translateX(0)
    }

    100% {
        -webkit-transform: skewY(-45deg) translateX(12.5em);
        transform: skewY(-45deg) translateX(12.5em)
    }
}

.shiny {
    padding: 6px 0;
    text-align: center;
    background: url(../img/nav_bg.png) repeat-x;
    text-decoration: none;
    color: rgba(255, 255, 255, .73);
    border-bottom: 2px solid #2194e0;
    font-size: 20px;
    letter-spacing: 1px;
    width: 100%;
    border-radius: .3em;
    transition: all .2s ease-in-out;
    position: relative;
    overflow: hidden;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, .3)
}

.shiny:before {
    content: "";
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%);
    height: 100%;
    width: 3em;
    display: block;
    position: absolute;
    top: 0;
    left: -4.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    transition: none
}

.shiny:hover {
    color: #fff;
    border-bottom: 2px solid #1977b5;
    background: url(../img/nav_bg2.png) repeat-x
}

.shiny:hover:before {
    -webkit-transform: skewX(-45deg) translateX(13.5em);
    transform: skewX(-45deg) translateX(13.5em);
    transition: all .5s cubic-bezier(.18, .89, .32, 1.28)
}

button.close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 40px;
    height: 40px;
    background: 0 0;
    color: rgba(212, 212, 212, .64);
    cursor: pointer;
    border: 0;
    float: right;
    font-size: 27px;
    font-weight: lighter;
    border-radius: 5px;
    text-align: center;
    line-height: 24px
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 73, 94, .8);
    z-index: 50;
    visibility: hidden;
    opacity: 0;
    transition: .7s
}

.modalo {
    position: fixed;
    top: 10%;
    left: 50%;
    width: 400px;
    height: auto;
    margin-left: -200px;
    pointer-events: none;
    padding: 10px 25px;
    background: #fff;
    border-top: 3px solid #00d0ff;
    border-bottom: 3px solid #00d0ff;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease-out;
    transform: translateY(45px)
}

.active {
    visibility: visible;
    opacity: 1;
    pointer-events: all
}

.active+.modalo {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    z-index: 99999
}

.modalo .container {
    max-width: 100%
}

.sp24 .sub-title {
    font-size: 26px;
    margin: 10px 0 0 0;
    position: relative;
    display: inline-block;
    text-align: center
}

.sp24.section-title {
    margin-bottom: 25px
}

.bcolor.s {
    width: 100%
}

.sp26 {
    margin-top: 20px
}

.modalo h4 {
    display: inline-block
}

.sp27 {
    width: 200px
}

.modalo .input-group.sp25 {
    width: 100%
}

.widget .search-input:hover {
    background: rgba(88, 169, 255, .21);
    color: #08428b
}

.pdt-item {
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

.pdt-all {
    border-radius: 10px 10px 0 0
}

[class*=col-] img {
    max-width: 100%
}

.tag1 {
    background: #eb6877;
    padding: 2px 7px;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #de4d5e85;
    color: #fff;
    display: inline-block;
    font-size: 10px
}

.tag2 {
    background: #68a0eb;
    padding: 2px 7px;
    border-radius: 3px;
    box-shadow: 2px 2px 0 #4d8cde;
    color: #fff;
    display: inline-block;
    font-size: 10px
}

.tag3 {
    background: #77bf87;
    padding: 2px 7px;
    border-radius: 3px;
    box-shadow: 2px 2px 0 #4a9e5d;
    color: #fff;
    display: inline-block;
    font-size: 10px
}

.tag4 {
    background: #9268eb;
    padding: 2px 7px;
    border-radius: 3px;
    box-shadow: 2px 2px 0 #7b4dde;
    color: #fff;
    display: inline-block;
    font-size: 10px
}

.tag5 {
    background: #4d70bf;
    padding: 2px 7px;
    border-radius: 3px;
    box-shadow: 2px 2px 0 #7b7b7b;
    color: #fff;
    display: inline-block;
    font-size: 10px
}

.tag6 {
    background: #9a9a9a;
    padding: 2px 7px;
    border-radius: 3px;
    box-shadow: 2px 2px 0 #7b7b7b;
    color: #fff;
    display: inline-block;
    font-size: 10px
}

.pdt-item>img {
    border: 1px solid #c3c3c3;
    width: 100%
}

.pdt-item [class*=col] small {
    display: inline-block;
    float: left
}

.pdt-item [class*=col] {
    text-align: center;
    border-right: 1px solid #ececec;
    height: 35px;
    line-height: 35px;
    margin: 3px
}

.pdt-item .row {
    height: 41px;
    line-height: 41px;
    border-bottom: 1px solid #ececec;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

.pdt-item .col-lg-2 {
    font-size: 13px
}

.pdt-item .row:hover {
    background: #fff
}

.pdt-item [class*=col]:last-child {
    border-right: 1px solid transparent
}

[class*=pdt-info] {
    border-bottom: 1px solid #ececec;
    margin: 3px;
    height: 41px
}

.pdt-price {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #e10000;
    margin-right: 7px;
    transform: skew(-13deg);
    display: block;
    float: left
}

.pdt-price.s {
    float: none;
    font-size: 18px
}

.pdt-title {
    text-align: right;
    font-size: 16px;
    color: #797979;
    display: inline-block;
    float: left;
    clear: both;
    border-right: 1px solid #ececec;
    padding-right: 15px;
    height: 35px;
    line-height: 35px
}

.pdt-3col {
    width: calc(calc(100% - 110px)/ 2);
    border-right: 1px solid #ececec;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative
}

.pdt-2col {
    width: calc(100% - 110px);
    height: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative;
    padding-left: 20px
}

[class*=pdt-cspf] {
    width: calc(100% / 5);
    border-right: 1px solid #ececec;
    height: 27px;
    line-height: 24px;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 20px
}

.pdt-cspf-1 {
    background-color: #0869a3
}

.pdt-cspf-2 {
    background-color: #8fc43e
}

.pdt-cspf-3 {
    background-color: #fff100
}

.pdt-cspf-4 {
    background-color: #f6ab00
}

.pdt-cspf-5 {
    background-color: #e70012
}

.pdt-3col:last-child {
    border-right: none
}

[class*=pdt-cspf].active:after {
    position: absolute;
    bottom: -7px;
    content: '✔';
    color: #06ff3d;
    left: 5px;
    top: 0;
    font-size: 25px;
    font-weight: 700
}

.pdt-3col small {
    position: absolute;
    left: 2px;
    top: -8px;
    font-size: 10px;
    color: #797979
}

.pdt-info-col:last-child {
    border-bottom: 1px solid #c3c3c3
}

[class*=pdt-cspf]:not(.active) {
    opacity: .2
}

[class*=pdt-cspf].active {
    border: 2px solid #000;
    line-height: 21px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
}

.pdt-2col small {
    position: absolute;
    left: 2px;
    top: -8px;
    font-size: 10px;
    color: #797979
}

.pdt-item h3 {
    margin: 0;
    line-height: 35px
}

.tags {
    display: inline-block;
    font-family: "微軟正黑體", "Microsoft JhengHei";
    top: -5px;
    position: relative;
    line-height: 21px;
    font-weight: 400
}

.pdt-item .row,
.pdt-item [class*=col].height {
    height: auto;
    line-height: 1.5;
    overflow: auto;
    text-align: left
}

.pdt-item .col-sm-2.height {
    text-align: center
}

.pdt-detail-bottom {
    text-align: center;
    margin-bottom: 40px
}

.pdt-detail-bottom .sp26 {
    width: 49%
}

[class*=pdt-info]:hover {
    background: #fff
}

.sp28 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 0
}

.item .pdt-item .col-sm-3 {
    font-size: 13px
}

.pdt-related .pdt-item {
    background: rgba(255, 255, 255, .2);
    overflow: hidden
}

.pdt-related .pdt-item .row {
    margin-right: 0;
    margin-left: 0
}

.pdt-related .pdt-item [class*=col] {
    overflow: hidden;
    font-size: 13px;
    height: 28px;
    line-height: 28px
}

.table-mobilefriendly .item-content .list,
.table-mobilefriendly .title-desktop {
    display: flex;
    background: #fafafa
}

.table-mobilefriendly .item img {
    width: 100%
}

.table-mobilefriendly .item input {
    max-width: 100%;
    text-align: center;
    margin-bottom: 0
}

.table-mobilefriendly.inq-list .item.img,
.table-mobilefriendly.inq-list-check .item.img {
    width: 180px
}

.table-mobilefriendly.inq-list-check .item:first-child,
.table-mobilefriendly.inq-list-check .item:last-child {
    max-width: 7%
}

.table-mobilefriendly.inq-list-check .item {
    width: calc((100% - 180px - 7% - 7%)/ 2);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.table-mobilefriendly.inq-list .item:first-child {
    max-width: 7%
}

.table-mobilefriendly.inq-list .item:last-child {
    max-width: 15%
}

.table-mobilefriendly.inq-list .item {
    width: calc(100% - 180px - 7% - 15%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.table-mobilefriendly {
    color: #888
}

.table-mobilefriendly .title-desktop .item {
    padding: 15px 10px;
    background: #08428b;
    color: #fff;
    border-right: 1px solid #fff
}

.table-mobilefriendly .title-desktop .item:last-child {
    border-color: #ddd
}

.table-mobilefriendly .item-content .list .item {
    padding: 15px 10px;
    color: #6a6a6a;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.table-mobilefriendly .item-content .list .item:first-child {
    border-left: 1px solid #ddd
}

.table-mobilefriendly .item-content .list .item.pdt-name span {
    display: block
}

.table-mobilefriendly .item-content .list .item.pdt-name .activity-info {
    background: #efefef;
    font-size: 14px;
    padding: 7px 18px;
    margin-top: 5px;
    text-align: left
}

.table-mobilefriendly .item-content .list .item.pdt-name .activity-info .date {
    display: block;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0;
    font-style: italic
}

.mobile-title {
    font-weight: 700;
    color: #666
}

.table-mobilefriendly .item input,
.table-mobilefriendly .item select {
    text-align: center;
    margin-bottom: 0;
    background: #fff
}

.table-mobilefriendly .item.img img {
    max-width: 120px
}

.mobile-title {
    display: none
}

.table-mobilefriendly .item-content .list .item.pdt-name span.inq-t1 {
    font-size: 14px;
    font-weight: 700;
    display: inline-block
}

.table-mobilefriendly .item-content .list .item.pdt-name span.inq-t2 {
    font-size: 12px;
    display: inline-block
}

.inq-t3 {
    display: block;
    font-size: 18px;
    color: #08428b;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: Arimo, "微軟正黑體", "LiHei Pro", sans-serif
}

.table-mobilefriendly.inq-list-check .item.pdt-name {
    width: calc(((100% - 180px - 7% - 7%)/ 3) * 2)
}

.table-mobilefriendly.inq-list-check .qty {
    width: calc(((100% - 180px - 7% - 7%)/ 3) * 1)
}

input.form-control:hover {
    background: rgba(88, 169, 255, .21);
    color: #08428b
}

.post.news .sp17 {
    height: 216px;
    position: relative
}

.datee {
    color: #08428b;
    float: left;
    font-family: Arimo, "微軟正黑體", "LiHei Pro", sans-serif;
    font-weight: 600;
    margin-top: 10px
}

.header-top a.bcolor {
    border-radius: 0
}

.info.s1 {
    height: 69px;
    overflow: hidden
}

.info_bottom {
    display: block;
    overflow: hidden
}

.info_bottom .sp16 {
    margin-top: 10px
}

.widget.scrolltofixed.scroll-to-fixed-fixed {
    z-index: 0 !important
}

.sp20 .widget {
    margin-bottom: 15px
}

.inq_num {
    background: url(../img/msg.svg) no-repeat center top;
    background-size: 100%;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    width: 22px;
    line-height: 23px;
    height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 700;
    color: #00d0ff;
    letter-spacing: 0
}

.sp29 .item {
    height: 465px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.case-info {
    margin-bottom: 30px;
    border-bottom: 1px dashed #d3d3d3
}

.case-info.case-item .line-bottom {
    margin-bottom: 0
}

.case-item .datee {
    margin-top: 0
}

.case-item .info_bottom .sp16 {
    margin-top: 0;
    margin-bottom: 5px
}

.sp30 {
    color: #fff;
    letter-spacing: 0;
    font-size: 15px
}

.sp31:hover .icon-box:hover {
    opacity: 1
}

.sp31:hover .icon-box {
    opacity: .5
}

.ptb-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

footer address i {
    color: #00d0ff;
    margin-right: 5px
}

.list-inline.sp3>li {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0
}

.section-content {
    padding-top: 100px
}

.media-body h3.line-bottom {
    margin-top: 0
}

.post {
    margin-bottom: 30px;
    display: block;
    overflow: auto
}

@-webkit-keyframes sp19s {
    0% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    50% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    100% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
}

@keyframes sp19s {
    0% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    50% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    100% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
}

@keyframes sp19 {
    100% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
}

@-webkit-keyframes sp19 {
    100% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
}

.sp20 i {
    color: #00d0ff;
    margin-right: 5px
}

ul.list-inline li {
    border-bottom: none
}

.sp32 input,
.sp32 textarea {
    border-radius: 3px
}

.pdt-detail-bottom .sp26 i {
    color: #00d0ff
}

@media (max-width:991px) {
    .table-mobilefriendly .title-desktop {
        display: none
    }

    .table-mobilefriendly .item-content .list {
        display: block;
        margin-bottom: 15px
    }

    .table-mobilefriendly .item-content .list .item,
    .table-mobilefriendly.inq-list-check .item:first-child,
    .table-mobilefriendly.inq-list-check .item:last-child {
        width: 100%;
        max-width: 100%
    }

    .mobile-title {
        display: inline-block
    }

    .radio-inline {
        display: block
    }

    .table-mobilefriendly.inq-list .list .item.pdt-name,
    .table-mobilefriendly.inq-list-check .list .item.pdt-name {
        flex-direction: column;
        color: #222;
        font-size: 18px;
        font-weight: 700
    }

    .table-mobilefriendly.inq-list .list .item.img,
    .table-mobilefriendly.inq-list .list .item:first-child,
    .table-mobilefriendly.inq-list-check .list .item.img,
    .table-mobilefriendly.inq-list-check .list .item:first-child,
    .table-mobilefriendly.inq-list-check .list .item:last-child {
        align-items: center;
        justify-content: center
    }

    .table-mobilefriendly .item-content .list {
        border: 1px solid #aaa
    }

    .table-mobilefriendly .item-content .list .item {
        padding: 5px 10px;
        border-right: none;
        border-bottom: none
    }

    .table-mobilefriendly .item-content .list .item.img,
    .table-mobilefriendly .item-content .list .item:first-child {
        text-align: center
    }

    .table-mobilefriendly .item-content .list .item:first-child {
        border-left: none;
        background: #aaa;
        color: #fff
    }

    .table-mobilefriendly .item-content .list .item:first-child .mobile-title {
        color: #fff
    }
}

@media (min-width:768px) and (max-width:991px) {
    .table-mobilefriendly .item-content .list .item {
        justify-content: flex-start;
        flex-direction: row;
        text-align: left
    }

    .table-mobilefriendly .item-content .list .item .mobile-title {
        width: 100px
    }

    .table-mobilefriendly .item.img img {
        max-width: 150px
    }
}

@media (min-width:992px) {
    .investors-mobile {
        display: none
    }

    .investors-table {
        display: block
    }
}

@media (max-width:991px) {
    .investors-mobile {
        display: block
    }

    .investors-table {
        display: none
    }
}

@media (max-width:767px) {
    .contact-list .list {
        width: 100%
    }
}

@media (max-width:500px) {
    .mobile-title {
        font-weight: 700;
        color: #111;
        min-width: 110px
    }

    .table-mobilefriendly .item.img img {
        max-width: 100px
    }

    .table-mobilefriendly .item-content .list .item {
        color: #8a8a8a
    }

    .table-mobilefriendly.inq-list .item-content .list .item,
    .table-mobilefriendly.inq-list-check .item-content .list .item {
        text-align: left;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row
    }

    .table-mobilefriendly.inq-list .list .item.img,
    .table-mobilefriendly.inq-list .list .item.pdt-name,
    .table-mobilefriendly.inq-list .list .item:first-child,
    .table-mobilefriendly.inq-list-check .list .item.img,
    .table-mobilefriendly.inq-list-check .list .item.pdt-name,
    .table-mobilefriendly.inq-list-check .list .item:first-child,
    .table-mobilefriendly.inq-list-check .list .item:last-child {
        text-align: center;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .table-mobilefriendly.inq-list .list .item.pdt-name,
    .table-mobilefriendly.inq-list-check .list .item.pdt-name {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .table-mobilefriendly .item input,
    .table-mobilefriendly .item select {
        max-width: 200px
    }
}

.pdt-item [class*=col] .pdt-price.s small {
    float: none
}

.spe_titlee {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    padding: 5px 15px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    font-size: 19px;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, .4)
}

.spe_titlee:after,
.spe_titlee:before {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    -moz-border-radius: 100px/10px;
    border-radius: 100px/10px
}

.spe_titlee:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

.spe_titlee.s1 {
    background: #638ae2;
    background: -moz-linear-gradient(top, #638ae2 0, #5a56c4 100%);
    background: -webkit-linear-gradient(top, #638ae2 0, #5a56c4 100%);
    background: linear-gradient(to bottom, #638ae2 0, #5a56c4 100%)
}

.spe_titlee.s2 {
    background: #f9ad36;
    background: -moz-linear-gradient(top, #f9ad36 0, #cc772c 100%);
    background: -webkit-linear-gradient(top, #f9ad36 0, #cc772c 100%);
    background: linear-gradient(to bottom, #f9ad36 0, #cc772c 100%)
}

.spe_titlee.s3 {
    background: #58c2e0;
    background: -moz-linear-gradient(top, #58c2e0 0, #4e97c4 100%);
    background: -webkit-linear-gradient(top, #58c2e0 0, #4e97c4 100%);
    background: linear-gradient(to bottom, #58c2e0 0, #4e97c4 100%)
}

.spe_titlee.s4 {
    background: #65c18f;
    background: -moz-linear-gradient(top, #65c18f 0, #57a58a 100%);
    background: -webkit-linear-gradient(top, #65c18f 0, #57a58a 100%);
    background: linear-gradient(to bottom, #65c18f 0, #57a58a 100%)
}

.spe_titlee.s5 {
    background: #b35c9e;
    background: -moz-linear-gradient(top, #b35c9e 0, #964e73 99%);
    background: -webkit-linear-gradient(top, #b35c9e 0, #964e73 99%);
    background: linear-gradient(to bottom, #b35c9e 0, #964e73 99%)
}

.spe_titlee.s6 {
    background: #dcd46b;
    background: -moz-linear-gradient(top, #dcd46b 1%, #b2a357 100%);
    background: -webkit-linear-gradient(top, #dcd46b 1%, #b2a357 100%);
    background: linear-gradient(to bottom, #dcd46b 1%, #b2a357 100%)
}

.spe_box img {
    float: left;
    margin-right: 5px;
    width: 32px
}

.spe_info {
    font-size: 14px;
    letter-spacing: 0;
    display: block;
    margin-top: 4px
}

.spe_box {
    margin: 14px 0 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #ccc
}

.spe_title {
    font-weight: 700;
    font-size: 18px
}

.cc {
    font-size: 12px;
    color: #90abde
}

.cc a {
    color: #5872a2
}

.qa-t1 {
    border-bottom: 2px dashed #00d0ff
}

.sp27.s1 {
    width: 320px
}

.modalo .sp27.s1 input {
    position: relative;
    padding: 0 20px 0 55px;
    height: 40px
}

.uni {
    float: right;
    position: absolute;
    z-index: 9;
    color: #666;
    display: block;
    top: 0;
    right: 10px;
    line-height: 37px
}

.uni_dad {
    position: relative;
    display: inline-block;
    float: left;
    width: 49%
}

.uni_dad.s1 {
    margin-right: 3px
}

.modalo .input-group-icon .uni_dad .input-icon:after {
    top: 14px
}

.borra-img {
    border-radius: 4px
}

table.n {
    border-collapse: separate;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    width: 99%;
    max-width: 99%
}

table.n thead {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

table.n thead th {
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    text-align: center;
    padding: 14px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0NmY3ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRhNTU2NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #646f7f), color-stop(100%, #4a5564));
    background-image: -moz-linear-gradient(#646f7f, #4a5564);
    background-image: -webkit-linear-gradient(#646f7f, #4a5564);
    background-image: linear-gradient(#646f7f, #4a5564);
    border-top: 1px solid #858d99;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out
}

table.n thead th:first-child {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px
}

table.n thead th:last-child {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

table.n tbody tr td {
    color: #5f6062;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    padding: 12px 14px;
    border-bottom: 1px solid #e0e0e0;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all.2s ease-in-out;
    vertical-align: middle
}

table.n tbody tr:nth-child(2n) {
    background: #f0f3f5
}

table.n tbody tr:last-child td {
    border-bottom: none
}

table.n tbody tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

table.n tbody tr:last-child td:last-child {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}

table.n tbody:hover>tr td {
    opacity: .5
}

table.n tbody:hover>tr:hover td {
    text-shadow: none;
    color: #2d2d2d;
    opacity: 1
}

table.n tbody tr td.n_bottom {
    color: #e10000;
    margin-right: 7px;
    transform: skew(-13deg)
}

.n_bor_r {
    border-right: 1px solid #e0e0e0
}

table.n tbody:hover>tr:hover td.n_bottom {
    color: #e10000
}

.album_detail {
    height: 230px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 3px
}

.widget.case {
    text-align: right
}

.case .line-bottom:after {
    bottom: -1px;
    content: "";
    height: 2px;
    right: 0;
    left: initial;
    position: absolute;
    width: 50px
}

.pdt_item_model {
    width: 100%;
    display: block;
    margin-top: -14px
}

.pdt_item_model .model {
    width: 49%;
    display: inline-block;
    line-height: 1.5;
    text-align: center
}

.pdt_item_model .model .name {
    display: block;
    color: #08428b;
    font-weight: 700
}

.pdt_item_model .model .size {
    display: block;
    font-size: 13px
}

.fb_iframe_widget_lift {
    width: 100% !important
}

.sp34 {
    font-size: 24px
}

.sp35 {
    font-size: 19px
}

.sp36 {
    font-size: 2rem
}

.op00001 {
    opacity: .00000001;
    height: 5px;
    background: #fff;
    overflow: hidden
}
.bg9 .sp37 {
    height: 50px;
        font-size: 22px;
        font-weight: bold;
}
.sp38 {
    color: #bbb;
    margin-left: 10px;
}
.sp39 p {
    margin-bottom: 10px;
    font-size: 14px;
}
.sp39 .widget ul li {
    font-size: 14px;
    margin-bottom: 0;
}
.sp39 li.w100 {
    width: 100%;
}
.sp39 li.w50 {
    width: 49%;
}
.widget ul.sp40 li {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px dashed #d3d3d3;
}

.separator::before, .separator::after {
    border-bottom: 1px solid #eee;
    content: "";
    display: inline-block;
    height: .65em;
    margin: 0 -4px 0 -100%;
    vertical-align: top;
    width: 50%;
}

.separator {
    color: #ccc;
    line-height: 1.2em;
    margin: 30px auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.separator.separator-small-line {
    width: 10%;
}
.separator.separator-rouned i, .separator.separator-border-rouned i {
    background-color: #f5f5f5;
    border-radius: 50%;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin: -12px auto auto;
    position: absolute;
    right: 0;
    width: 40px;
}
.separator i, .separator span, .separator a {
    display: inline-block;
    margin: 0 20px 0 24px;
    font-size: 20px;
}.separator::after {
    margin: 0 -100% 0 0;
}