@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css');
@font-face {
    font-family: ApercuPro;
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-medium.eot');
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-medium.eot?#iefix') format("embedded-opentype"), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-medium.woff') format("woff"), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-medium.ttf') format("truetype"), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-medium.svg#ApercuPro-Medium') format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ApercuPro;
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-bold.eot');
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-bold.eot?#iefix') format("embedded-opentype"), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-bold.woff') format("woff"), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-bold.ttf') format("truetype"), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/SplashPageImages/Fonts/apercupro-bold.svg#ApercuPro-Bold') format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'FuturaRegular';
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futuran-webfont.eot');
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futuran-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futuran-webfont.woff') format('woff'), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futuran-webfont.ttf') format('truetype'), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futuran-webfont.svg#FuturaRegular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FuturaMedium';
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futuram-webfont.eot');
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futuram-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futuram-webfont.svg#FuturaMedium') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FuturaBold';
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futurah-webfont.eot');
    src: url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futurah-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futurah-webfont.woff') format('woff'), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futurah-webfont.ttf') format('truetype'), url('https://www.frankwaregroup.com/Trump.com-0046-2015Redesign/media/frankwaregroup.com-0046/Fonts/Futura/futurah-webfont.svg#FuturaBold') format('svg');
    font-weight: normal;
    font-style: normal
}

html,
body,
body>form {
    height: 100%!important
}

body {
    margin: 0;
    background-color: #000
}

a {
    color: #FFF;
    text-decoration: underline
}

a:hover {
    color: #fff;
    text-decoration: none
}

a img {
    outline: none;
    border: none
}

.arrow {
    font-size: 9px
}

.emailsignup {
    font-size: 11px;
    height: 15px;
    width: 160px;
    background-color: #cbcbcb;
    border: none
}

.btnOn {
    background-color: #000
}

.btnOff {
    background: transparent
}

form {
    padding: 0;
    margin: 0
}

.clear {
    clear: both;
    height: 0
}

.toolbox {
    border: 1px solid #fcfcfa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff
}

.navbar-toggle span.icon {
    vertical-align: middle;
    background-image: url('https://www.frankwaregroup.com/getmedia/a2db1540-0d77-44a0-a3f6-3b760d7963ca/menu-icon_40x40/');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    width: 40px;
    height: 34px
}

#header #main-nav .navbar-toggle span.icon {
    margin-bottom: 5px
}

html.mm-opening .navbar-toggle span.icon {
    background-image: url('https://www.frankwaregroup.com/getmedia/de3228b1-b7b4-4588-ae31-e80b2fe5872d/cross-icon_40x40/')
}

iframe[name="google_conversion_frame"] {
    width: 0!important;
    height: 0!important
}

#isMobile {
    display: none;
    position: absolute;
    width: 1px;
    height: 1px;
    top: -9999;
    left: -9999
}

#mainNavWrapper {
    width: 219px;
    display: table-cell;
    vertical-align: top;
    padding: 0 18px 25px 0;
    position: relative;
    top: 0
}

#navBg {
    width: 201px;
    height: 582px;
    background-repeat: no-repeat;
    background-image: url('https://www.frankwaregroup.com/getmedia/2f37286f-e116-432a-8613-9cf91011c75c/navBg/')
}

#navBorder {
    display: inline-block;
    border-style: solid;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 9px;
    border-right-width: 9px;
    border-color: rgba(51, 51, 51, .4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 75
}

#mainNavLogo img {
    border: none
}

#mainNavLogo a {
    display: block;
    padding: 26px 0 20px 0;
    text-align: center
}

#mainNavListToggle {
    display: none
}

#mainNavList ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#mainNavList .navArrow {
    padding-left: 8px
}

#mainNavList li {
    position: relative;
    margin: 0;
    padding: 0
}

#mainNavList a,
#mainNavList li>span {
    font: 500 12px/28px 'museo_sans_500regular', sans-serif;
    color: #ededed;
    text-align: right;
    display: block;
    text-decoration: none;
    padding: 0 17px
}

#mainNavList a:hover,
#mainNavList li span:hover,
#mainNavList li.highLighted a {
    color: #999!important
}

#mainNavList li ul {
    display: none;
    position: absolute;
    top: 0;
    z-index: 70;
    background-image: url('https://www.frankwaregroup.com/getmedia/cf919002-0595-4022-9835-9c40614231ce/contentBg/');
    background-repeat: repeat;
    background-position: top left
}

#mainNavList li ul a {
    white-space: nowrap;
    text-align: left;
    padding: 0 10px;
    line-height: 26px
}

a.navArrow {
    padding-right: 24px!important;
    background-image: url('https://www.frankwaregroup.com/getmedia/71b7a789-54bd-4ab6-a5f9-7989496e6e50/navArrow/');
    background-position: center right;
    background-repeat: no-repeat
}

#mainNavList li .outer-ul-wrapper li a {
    display: table-cell!important;
    vertical-align: middle!important;
    height: 40px!important;
    text-align: center!important;
    padding: 0 0 0 0!important;
    line-height: 1.1em!important;
    font-size: .9em!important
}

#mainNavList li .outer-ul-wrapper- {
    display: none;
    vertical-align: top;
    min-width: 200px
}

#mainNavList li .outer-ul-wrapper .inner-ul {
    background-image: url('https://www.frankwaregroup.com/getmedia/cf919002-0595-4022-9835-9c40614231ce/contentBg');
    background-repeat: repeat;
    background-position: top left;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    width: 200px;
    display: table;
    border-collapse: collapse
}

.navDivider {
    height: 1px;
    margin: 0 9px!important;
    background: rgba(255, 255, 255, .5);
    overflow: hidden
}

.subNav {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    background-image: url('https://www.frankwaregroup.com/getmedia/f879eb97-176e-43c2-a561-0878f1a9422a/opaque5');
    background-position: bottom;
    width: 100%;
    max-width: 300px;
    font: 400 10px/10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.subNav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: pointer
}

.subNav ul ul {
    display: none
}

.subNav ul ul a {
    display: block;
    padding: 4px 0 4px 23px;
    font: 400 10px/10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

.subNav ul ul a:hover,
.subNav ul ul li.highLighted a {
    color: #999!important
}

.no-cursor a {
    cursor: context-menu
}

li.push {
    padding-left: 20px!important
}

html.mm-opening .mm-slideout {
    cursor: pointer
}

html.mm-opening #mm-blocker {
    background: rgba(209, 220, 207, .25)
}

@media(min-width:701px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(0, 0)!important;
        -moz-transform: translate(0, 0)!important;
        -ms-transform: translate(0, 0)!important;
        -o-transform: translate(0, 0)!important;
        transform: translate(0, 0)!important;
        cursor: default
    }
    html.mm-opened #mm-blocker,
    html.mm-opened .mm-menu.mm-current {
        display: none!important
    }
    html.mm-opened,
    html.mm-opened body {
        overflow: visible!important
    }
}

.mm-menu.mm-frankwaregroup {
    font: 500 10px/28px 'museo_sans_500regular', sans-serif;
    background-image: url('https://www.frankwaregroup.com/getmedia/f879eb97-176e-43c2-a561-0878f1a9422a/opaque5/');
    background-position: bottom;
    color: #fff
}

.mm-menu.mm-frankwaregroup .mm-navbar {
    background-color: #000
}

.mm-menu.mm-frankwaregroup .mm-list {
    padding: 0 0 20px 0
}

.mm-frankwaregroup .mm-listview {
    font-size: 12px
}

.mm-menu.mm-frankwaregroup .mm-navbar .mm-title,
.mm-menu.mm-frankwaregroup .mm-header h3 {
    font-size: 1.17em;
    color: #fff;
    line-height: 1.1em;
    font-weight: 700
}

.mm-menu.mm-frankwaregroup .mm-navbar .mm-prev {
    background-color: #222
}

.mm-menu.mm-frankwaregroup .mm-navbar .mm-prev::before {
    border-color: #aaa
}

.mm-menu.mm-frankwaregroup .mm-listview>li>a span.navArrow {
    display: none
}

.mm-menu.mm-frankwaregroup .mm-listview>li::after {
    border-color: rgba(0, 0, 0, .25)
}

.mm-menu.mm-frankwaregroup .mm-listview>li:hover::after {
    border-color: rgba(0, 0, 0, 0)
}

.mm-menu.mm-frankwaregroup- .mm-listview>li>a.mm-subclose {
    background: rgba(255, 255, 255, .6);
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-frankwaregroup- .mm-list>li>a.mm-subopen::after,
.mm-menu.mm-frankwaregroup- .mm-list>li>a.mm-subclose::before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-frankwaregroup- .mm-list>li>a.mm-subopen::before {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-frankwaregroup .mm-listview>li:hover>a:not(.mm-subopen),
.mm-menu.mm-frankwaregroup .mm-listview>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-frankwaregroup .mm-listview>li.mm-selected>span {
    color: #000;
    background: rgba(255, 255, 255, .6)
}

.mm-menu.mm-frankwaregroup .mm-listview>li:hover>a:not(.mm-subopen)::before,
.mm-menu.mm-frankwaregroup .mm-listview>li.mm-selected>a:not(.mm-subopen)::before,
.mm-menu.mm-frankwaregroup .mm-listview>li:hover>a:not(.mm-subopen)::after,
.mm-menu.mm-frankwaregroup .mm-listview>li.mm-selected>a:not(.mm-subopen)::after {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-frankwaregroup- .mm-footer {
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-frankwaregroup- .mm-header {
    font-size: 1.5em;
    background-color: #f1efe5;
    background-color: #d1dccf;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-frankwaregroup- .mm-header .mm-title {
    padding-top: 25px
}

.mm-menu.mm-frankwaregroup- .mm-prev,
.mm-menu.mm-frankwaregroup- .mm-next,
.mm-menu.mm-frankwaregroup- .mm-close {
    background-color: rgba(17, 17, 17, .5)
}

.mm-menu.mm-frankwaregroup- .mm-prev::before,
.mm-menu.mm-frankwaregroup- .mm-prev::after,
.mm-menu.mm-frankwaregroup- .mm-next::before,
.mm-menu.mm-frankwaregroup- .mm-next::after,
.mm-menu.mm-frankwaregroup- .mm-close::before,
.mm-menu.mm-frankwaregroup- .mm-close::after {
    border-color: rgba(255, 255, 255, .3)!important
}

.mm-menu.mm-frankwaregroup- .mm-list li.mm-label>div>div {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-frankwaregroup- .mm-search input {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-frankwaregroup- .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-frankwaregroup- label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-frankwaregroup- label.mm-toggle::before {
    background: #f3f3f3
}

.mm-menu.mm-frankwaregroup- input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-frankwaregroup.mm-hasheader>.mm-panel {
    margin-top: 60px;
    padding-top: 0!important;
    height: 90%
}

.mm-menu.mm-frankwaregroup .mm-navbar-bottom {
    background: #000;
    height: auto
}

.mm-menu.mm-frankwaregroup .mm-navbar-bottom .footerEmail {
    color: #fff
}

.mm-menu.mm-frankwaregroup .mm-listview li.navDivider {
    margin: -1px 0 0!important
}

.mm-menu.mm-frankwaregroup .mm-listview>li.navDivider::after {
    display: none
}

.mm-menu.mm-frankwaregroup input.emailInput {
    width: 45%
}

.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
    direction: rtl;
    text-align: right
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
    margin: 0;
    padding: 0
}

.sm ul {
    display: none
}

.sm li,
.sm a {
    position: relative
}

.sm a {
    display: block
}

.sm a.disabled {
    cursor: not-allowed
}

.sm:after {
    content: " ";
    display: block;
    height: 0;
    font: 0/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

.sm,
.sm *,
.sm *:before,
.sm *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(min-width:768px) {
    #menuElem ul {
        position: absolute
    }
    #menuElem span.scroll-up,
    #menuElem span.scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background-color: rgba(0, 0, 0, .5);
        background-image: url('https://www.frankwaregroup.com/getmedia/cf919002-0595-4022-9835-9c40614231ce/contentBg/');
        background-repeat: repeat;
        background-position: top left;
        height: 20px;
        cursor: pointer
    }
    #menuElem span.scroll-up-arrow,
    #menuElem span.scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #fff transparent
    }
    #menuElem span.scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #fff transparent transparent transparent
    }
}

#slideshowWrapper {
    height: 715px;
    background: #fff
}

#background {
    width: 100%;
    height: 100%
}

.caption {
    position: absolute;
    text-align: right;
    top: 30px;
    right: 78px;
    display: none;
    width: 100%
}

.caption p {
    color: #fff;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 4px #000
}

.caption p span {
    font-size: 25px;
    line-height: 28px
}

#pageBg {
    background-size: cover;
    background-position: center center;
    width: 1300px;
    height: 100%;
    position: fixed;
    z-index: -1;
    left: 50%;
    margin-left: -650px;
    max-height: 650px
}

.fades {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.fadeBtm {
    background-image: url('https://www.frankwaregroup.com/getmedia/0c45477f-0c75-47f7-ab6e-8a9842bd7a94/fade/');
    background-position: bottom center;
    background-repeat: repeat-x
}

.fadeLeft {
    background-image: url('https://www.frankwaregroup.com/getmedia/e4c9b228-572c-42c7-b33c-7d4ae42bad5b/fadeLeft/');
    background-position: left center;
    background-repeat: repeat-y
}

.fadeRight {
    background-image: url('https://www.frankwaregroup.com/getmedia/156abf14-fe66-4008-9337-9bd8fa328aaf/fadeRight/');
    background-position: right center;
    background-repeat: repeat-y
}

#pageWrapper {
    z-index: 2;
    position: relative
}

.bgFade {
    background-image: url('https://www.frankwaregroup.com/getmedia/0c45477f-0c75-47f7-ab6e-8a9842bd7a94/fade/');
    background-repeat: repeat-x;
    background-position: bottom center
}

#contentWrapper {
    max-width: 911px;
    margin: 0 auto;
    display: table;
    width: 100%
}

.backgroundImg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -650px;
    z-index: 1;
    width: 1300px;
    height: 650px;
    background-repeat: no-repeat;
    background-position: top center
}

.contentArea {
    display: table-cell;
    vertical-align: top
}

#contentBorder {
    display: block;
    border-style: solid;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 9px;
    border-right-width: 9px;
    border-color: rgba(51, 51, 51, .4)
}

.content {
    font: 400 11px/17px Verdana, Arial, Helvetica, sans-serif;
    color: #cbcbcb;
    background-image: url('https://www.frankwaregroup.com/getmedia/cf919002-0595-4022-9835-9c40614231ce/contentBg/?maxsidesize=300');
    background-repeat: repeat;
    background-position: top center;
    padding: 30px
}

.content h1 {
    margin: 0;
    padding: 0 0 6px 0;
    font: 400 24px/32px Garamond, Georgia, "Times New Roman", Times, serif;
    color: #dedede;
    text-transform: uppercase;
    cursor: default;
    letter-spacing: -1px
}

.content h2 {
    margin: 0;
    padding: 0 0 7px 0;
    font: 600 18px/28px Garamond, Georgia, "Times New Roman", Times, serif;
    color: #dedede;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#eee, #999);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: default;
    letter-spacing: -1px;
    word-spacing: 2px
}

.content h3,
h4,
h5 {
    margin: 0;
    padding: 0;
    font: 400 18px/28px Garamond, Georgia, "Times New Roman", Times, serif;
    color: #dedede;
    text-transform: uppercase
}

.content img,
.content iframe,
.content object {
    max-width: 100%
}

.btnArea {
    margin: 0 0 20px 0
}

.btn {
    display: inline-block;
    font: 600 12px/12px Garamond, Georgia, "Times New Roman", Times, serif;
    color: #222;
    border: 1px solid #666;
    padding: 3px 7px 1px 10px;
    margin: 0 5px 3px 0;
    text-decoration: none;
    background-image: url('https://www.frankwaregroup.com/getmedia/86738eb5-bb03-41bb-81a4-e1f1ddfefd15/btnBg/');
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #8c8c8f;
    cursor: pointer
}

.btn:hover {
    background-image: url('https://www.frankwaregroup.com/getmedia/5091a92d-8d0e-49df-82fc-27f58c45c1bd/btnBg_R/');
    color: #dedede;
    background-color: #000
}

.headerImage {
    width: 100%;
    height: 350px;
    margin: 5px 0 15px 0;
    border: 1px solid #dedede;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.headerImage.verticalHeader {
    margin: 5px 0 10px
}

.propertyButtons {}

.propertyButtons .button {
    width: 33%;
    text-align: center;
    display: inline-block;
    margin-left: -3px;
    vertical-align: top
}

.propertyButtons .button a {
    display: inline-block;
    width: 169px;
    margin: 10px;
    padding: 5px;
    border: 1px solid #000;
    background: #000;
    text-decoration: none
}

.propertyButtons .button .nolink {
    display: inline-block;
    width: 169px;
    margin: 10px;
    padding: 5px;
    border: 1px solid #000;
    background: #000;
    text-decoration: none
}

.buttonImg {
    height: 190px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 5px
}

.buttonCaption {
    display: block;
    height: 39px;
    background-image: url('https://www.frankwaregroup.com/getmedia/f9299d21-5d5b-4bb7-97fc-5d745e128940/btnCaptionBg/');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    font: 400 10.5px/14px Verdana, Arial, Helvetica, sans-serif;
    color: #e1e1e1;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
    text-transform: uppercase;
    overflow: hidden;
    border: 1px solid;
    border-top-color: #6e6e6e;
    border-left-color: #6e6e6e;
    border-bottom-color: #3b3b3b;
    border-right-color: #3b3b3b
}

.buttonCaptionText {
    display: table;
    width: 100%
}

.buttonCaptionText span {
    display: table-cell;
    padding: 0 1px;
    text-align: center;
    vertical-align: middle;
    height: 39px;
    overflow: hidden;
    font-weight: 600
}

.propertyButtons .button a:hover {
    border-color: #636363
}

.propertyButtons .button a:hover .buttonCaption {
    border-top-color: #393939;
    border-left-color: #393939;
    border-bottom-color: #747474;
    border-right-color: #747474
}

.verticalWrapper {
    display: inline-block;
    width: 50%;
    padding-right: 2%;
    vertical-align: top;
    float: left
}

.verticalHeader {
    width: 297px;
    height: 386px
}

.verticalWrapper .btnArea {
    margin-bottom: 26px
}

.verticalButton {}

.verticalcontent {}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Underline {
    text-decoration: underline
}

.ItalicLinks {
    font-style: italic
}

.BoldText {
    font-weight: bold
}

.hidden {
    display: none
}

.videos {
    padding-top: 30px
}

.videoAccordionWrapper {
    display: none;
    padding-top: 15px;
    width: 100%
}

.videoOpener {
    border-bottom: 2px solid #a4a4a4;
    color: #a4a4a4
}

.videoOpener:hover {
    color: #fff;
    cursor: pointer
}

.videoCategoryTitle {
    display: inline-block;
    line-height: 32px
}

.videoLink {
    float: right;
    padding: 5px 0;
    font-size: 12px;
    font-weight: normal;
    text-transform: none
}

.videoSingle {
    vertical-align: top;
    display: inline-block;
    width: 32%
}

.videoSingle p {
    max-width: 125px
}

div.charityContent {
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px
}

div.charityItemWrapper img {
    padding-bottom: 15px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonCaptionText span {
        font-weight: 500
    }
}

@media screen and (max-width:499px) {
    .verticalHeader {
        float: none;
        height: 400px;
        width: 100%
    }
    .verticalcontent {
        margin: 40px 0 0;
        min-height: 600px;
        width: 100%
    }
}

#footerWrapper {
    background: #000
}

#footerInner {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #cbcbcb;
    padding: 10px;
    max-width: 957px;
    margin: 0 auto
}

a.footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #a1a1a1;
    text-decoration: none
}

a.footer:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #a1a1a1;
    text-decoration: underline
}

.footerLinks {
    float: left;
    width: 60%;
    text-align: left
}

.footerLinks ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footerLinks li {
    margin: 0;
    padding: 0;
    display: inline-block
}

.footerLinks li:last-child {
    margin-right: 0
}

.footerLinks a {
    display: inline-block;
    padding: 6px 9px
}

.footerEmail {
    float: right;
    width: 40%;
    text-align: right
}

.footerEmail .emailInput {
    margin: 0 0
}

.footerEmail .submit {
    margin: 0 0 -7px 0
}

.footerAddress {
    text-align: center;
    margin: 15px 0 0 0
}

.footerAddress h1 {
    padding: 15px 0;
    margin: 0;
    font-size: 9px
}

.sitemap-float {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 300px;
    width: 30%;
    text-align: center;
    display: none;
    background-color: #000;
    overflow: auto;
    font: 500 12px/28px 'museo_sans_500regular', sans-serif
}

html>body .sitemap-float {
    position: fixed
}

.sitemap-close {
    text-align: right;
    background-color: #fff;
    border-bottom: 3px solid #a1a1a1
}

.sitemap-close a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    padding: 10px 20px;
    text-transform: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.sitemap-close a:hover {
    color: #a1a1a1;
    text-decoration: underline
}

.sitemap-content {
    padding: 0 0 18px 0
}

.sitemap-content a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.sitemap-content a:hover {
    color: #a1a1a1;
    text-decoration: underline
}

.sitemap-content>ul {
    display: inline-block
}

.sitemap-content ul {
    margin: 0;
    padding: 10px 10px 0 25px;
    list-style-type: none
}

.sitemap-content li {
    text-align: left
}

.buttonCaption span {
    font-size: 11px;
    letter-spacing: -1px
}

.ErrorLabel,
.EditingFormErrorLabel {
    color: red;
    font-size: 12px;
    padding-left: 3px;
    line-height: 17px
}

@media screen and (max-width:1300px) {
    #pageBg {
        width: 100%;
        left: 0;
        margin-left: 0
    }
    .fadeLeft,
    .fadeRight {
        background: none
    }
}

@media screen and (max-width:900px) {
    .propertyButtons .button {
        width: 50%
    }
    .footerLinks,
    .footerEmail {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 0 16px 0
    }
    .content h2 {
        font-size: 16px
    }
    .caption {
        width: 330px
    }
}

@media screen and (max-width:700px) {
    #isMobile {
        display: block
    }
    #pageBg {
        max-height: inherit
    }
    .fadeBtm {
        background: none
    }
    .subNav {
        display: none
    }
    #mainNavWrapper {
        position: fixed!important;
        top: 0!important;
        left: 0!important;
        width: 100%;
        z-index: 75!important;
        padding: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4)
    }
    html.mm-opened #mainNavWrapper {
        position: absolute!important
    }
    #navBorder {
        width: 100%;
        border: none
    }
    #navBg {
        width: 100%;
        height: auto;
        background: none;
        background-color: #000;
        height: 50px;
        text-align: center;
        position: relative
    }
    #mainNavLogo {
        display: inline-block
    }
    #mainNavLogo a {
        padding: 8px
    }
    #mainNavLogo a img {
        height: 34px
    }
    #mainNavList {
        display: none
    }
    #mainNavListToggle {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        width: 40px;
        height: 34px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        position: absolute;
        right: 9px;
        top: 0;
        bottom: 0;
        margin: auto
    }
    #mainNavListToggle span {
        display: block
    }
    #mainNavListToggle span.text {
        display: none
    }
    .videoLink {
        float: none
    }
    .caption {
        top: 55px;
        right: 15px;
        width: 87%
    }
    .contentArea {
        display: table-cell;
        vertical-align: top;
        padding-top: 50px
    }
    .content {
        padding: 20px;
        font: 400 13px/19px Verdana, Arial, Helvetica, sans-serif
    }
    .subNav {
        max-width: 100%
    }
    .propertyButtons {
        text-align: center
    }
    .propertyButtons .button {
        max-width: 175px;
        padding: 10px 5%;
        width: 40%
    }
    .buttonCaption {
        height: auto
    }
    .propertyButtons .button a {
        width: 100%;
        margin: 0
    }
    .buttonImg {
        height: 100%;
        position: relative
    }
    .buttonImgHeight {
        padding-top: 110%
    }
    .buttonCaption span {
        padding: 1px 5px
    }
    .footerAddress,
    .footerEmail {
        display: none
    }
}

#wrapper.home #navBg {
    display: none!important
}

#wrapper.home .block.frankwaregroup .social {
    bottom: 5%!important
}

#wrapper.home .iconlogo {
    max-width: 70px;
    padding-top: 8px
}

#wrapper.home .social {
    width: 100%!important
}

#wrapper.home .block.frankwaregroup .img {
    background-image: url('https://www.frankwaregroup.com/getmedia/3e13f38d-c148-452f-8855-1b8ce6f15f6c/frankwaregroup-logo/')
}

#wrapper.home .frankwaregroupTop {
    top: 2%!important
}

#wrapper.home .block.frankwaregroup:hover .img {
    opacity: 0!important
}

#wrapper.home .block.frankwaregroup .img {
    opacity: 1!important
}

#wrapper.home .frankwaregroupTop a:link {
    text-decoration: none!important
}

#wrapper.home .frankwaregroupTop a p {
    color: #d4b376!important
}

@media screen and (max-width:1280px) {
    #wrapper.home img.iconlogo {
        display: none
    }
    #wrapper.home .frankwaregroupTop a p {
        font-size: 12px!important
    }
}

@media screen and (max-width:1023px) {
    #wrapper.home .social {
        display: none
    }
    #wrapper.home .frankwaregroupTop {
        top: 3%!important
    }
    #wrapper.home .iconlogo {
        display: none
    }
    #wrapper.home .frankwaregroupTop a p {
        font-size: 12px!important
    }
    .block.startupBlock {
        top: 900px
    }
    .block.frankwareConsultingBlock,
    .block.frankwareCapitalBlock,
    .block.ciberfyBlock {
        top: -300px
    }
}

.frankwaregroupStoreRibbon,
.frankwaregroup-store a p {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.frankwaregroupStoreRibbon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 476px;
    margin: 0
}

.frankwaregroupStoreRibbon img {
    width: 100%
}

.frankwaregroup-store {
    top: 68%!important;
    -webkit-transform: translateY(-10px)!important;
    transform: translateY(-10px)!important;
    opacity: 1!important
}

.frankwaregroup-store a {
    text-decoration: none;
    display: inline-block
}

.frankwaregroup-store a img {
    max-width: 100px;
    background-color: #fff;
    padding: 10px 31px 7px;
    margin-bottom: 2px
}

.frankwaregroup-store p {
    font-size: 19px!important;
    font-family: "FuturaMedium", Arial, Helvetica, sans-serif!important;
    color: #FFF!important;
    opacity: 1!important;
    max-width: 100%!important;
    width: 100%!important;
    line-height: 1.1em!important;
    padding: 15px 25px!important;
    border: 1px solid;
    text-transform: uppercase
}

.frankwaregroup-store a:hover p {
    color: #fff!important
}

@media(max-width:1024px) {
    .block.frankwaregroup {
        top: -300px;
        height: 389px
    }
    .block.contactBlock {
        top: 389px
    }
    .frankwaregroup-store {
        top: 75%!important
    }
    .frankwaregroupStoreRibbon {
        width: 50%
    }
}

@media(max-width:540px) {
    .block.frankwaregroup {
        height: 300px
    }
    .block.contactBlock {
        top: 300px
		
    }
    .frankwaregroup-store {
        top: 70%!important
    }
    .frankwaregroup-store p {
        padding: 10px!important
    }
    .frankwaregroupStoreRibbon {
        width: 70%
    }
	
}
@media(max-width:1023px) {
	.frankwareCapitalBlock{
		
		height:400px !important;
	}
	.block .info h1.h1contact{
		-webkit-transform: translateY(-150px) !important;
        transform: translateY(-150px) !important;
	}
	.block .info .pcont.pcontcontact {
        -webkit-transform: translateY(-90px) !important;
        transform: translateY(-90px) !important;
        opacity: 1;
	    top: 40% !important;
		font-size:11px !important;
    }
}

#wrapper.home .block.frankwaregroup:hover .img {
    opacity: 1!important
}

body,
html {
    position: relative
}

@media(min-width:1024px) {
    body,
    html {
        height: 100%
    }
}

body {
    background: #000;
    color: #000
}

@media(min-width:1024px) {
    body {
        overflow: hidden
    }
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.table {
    display: table
}

.table,
.table .cell {
    width: 100%;
    height: 100%
}

.table .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.content {
    position: relative;
    width: 100%;
    font: 0/0 ApercuPro, sans-serif
}

@media(min-width:1024px) {
    .content {
        width: 100%;
        height: 100%
    }
    .content:hover .block .bg .img {
        opacity: .15
    }
    .block:hover .bg .img {
        opacity: .5
    }
    .block:hover .bg .img:after {
        opacity: 1
    }
    .block:hover h1:after {
        width: 40px
    }
    .block:hover h2 {
        display: block
    }
}

@media(min-width:1024px)and (min-width:1024px) {
    .block:hover h2 {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.block {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    background-color: #090909
}

@media(min-width:1024px) {
    .block {
        height: 50%;
        width: 33.3333333333%
    }
}

.block .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .15;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

@media(min-height:640px)and (orientation:landscape),
(min-width:640px)and (orientation:portrait) {
    .block .img {
        opacity: .7
    }
}

@media(min-width:1024px) {
    .block .img {
        opacity: .6
    }
}

@media(max-width:639px) {
    .block .img {
        opacity: .7
    }
}

.block .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden
}

.block .info h1 {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease;
    font: 700 14px/15px ApercuPro, sans-serif;
    letter-spacing: 4.3px;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 80%;
    max-width: 330px;
    cursor: pointer
}

@media(min-height:640px)and (orientation:landscape),
(min-width:640px)and (orientation:portrait) {
    .block .info h1 {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}

@media(min-width:1024px) {
    .block .info h1 {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.block .info .pcont {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
    -webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: transform .8s ease, opacity .8s ease;
    transition: transform .8s ease, opacity .8s ease, -webkit-transform .8s ease
}

@media(min-height:640px)and (orientation:landscape),
(min-width:640px)and (orientation:portrait) {
    .block .info .pcont {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1
    }
	 
}

@media(min-width:1024px) {
    .block .info .pcont {
        opacity: 0;
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }
}

.block .info .pcont p,
.block .info .pcont div {
    box-sizing: border-box;
    font: 15px/24px ApercuPro, sans-serif;
    margin: 0 auto;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    width: 80%;
    max-width: 330px;
    overflow: hidden
}

.block .info .pcont p {
    color: #fff
}

.block .info .pcont div {
    font-weight: 400;
    color: #FFF;
    text-transform: lowercase;
    margin-top: 10px
}

.block:hover .img {
    opacity: .15
}

.block:hover .info h1 {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}
.block:hover .info h1.h1contact {
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px)
}

.block:hover .info .pcont {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1
}
.block:hover .info .pcont.pcontcontact {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 1
}

.block a {
    border: none;
    outline: none
}

.block.contactBlock {
    top: 310px
}

.block.contactBlock .img {
    background-image: url('https://www.frankwaregroup.com/getmedia/b59a286c-e5e5-4e8a-a36e-2993ab4607cb/contactBlock/?maxsidesize=350')
}

@media(min-width:1024px) {
    .block.contactBlock {
        top: 0
    }
}

.block.startupBlock .img {
    background-image: url('https://www.frankwaregroup.com/getmedia/7f4658c3-e21a-47f2-b45d-965564a47e7f/startupBlock/?maxsidesize=350')
}

.block.frankwareCapitalBlock .img {
    background-image: url('https://www.frankwaregroup.com/getmedia/ab01c365-7cc9-4239-a7fa-52c14a5580c0/frankwareCapitalBlock/?maxsidesize=350')
}

.block.ciberfyBlock .img {
    background-image: url('https://www.frankwaregroup.com/getmedia/22bab705-e89f-4d30-8f66-76583650ddde/ciberfyBlock/?maxsidesize=350')
}

.block.portfolio .img {
    background-image: url('https://www.frankwaregroup.com/getmedia/7c646c58-bdc8-4377-b878-2112290c5742/portfolio/?maxsidesize=350')
}

.block.frankwareConsultingBlock .img {
    background-image: url('https://www.frankwaregroup.com/getmedia/6977dcbd-e466-4d38-a77c-600684bbf799/org_store_bg/?maxsidesize=350')
}

.block.entertainmeent .img {
    background-image: url('https://www.frankwaregroup.com/getmedia/006218c5-6afa-4292-8197-4ba3cfb8a8e1/entertainment/?maxsidesize=350')
}

.block.frankwaregroup {
    top: -300px;
    height: 310px;
    background-color: #000
}

@media(min-width:1024px) {
    .block.frankwaregroup {
        top: 0;
        height: 50%
    }
}

.block.frankwaregroup .logo {
    position: relative;
    margin: 0 auto;
    width: 45%;
    max-width: 465px;
    height: 100%;
    background-color: transparent;
    background-image: url('https://www.frankwaregroup.com/getmedia/dcfe08ef-9fd3-4668-967d-ecc4f5048814/frankwaregroup/');
    background-position: 50% 35%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

@media(min-width:1024px) {
    .block.frankwaregroup .logo {
        max-width: none;
        background-position: 50%
    }
}

@media(max-width:1023px) {
    .block.frankwaregroup .logo {
        width: 35%
    }
}

@media(max-width:750px) {
    .block.frankwaregroup .logo {
        width: 45%
    }
}

@media(max-width:550px) {
    .block.frankwaregroup .logo {
        width: 55%
    }
}

@media(max-width:480px) {
    .block.frankwregroup .logo {
        width: 65%
    }
}

.block.frankwaregroup .social {
    position: absolute;
    bottom: 11.6%;
    left: 0;
    width: 100%;
    height: 20px;
    text-align: center;
    z-index: 2
}

.block.frankwaregroup .social .fb,
.block.frankwaregroup .social .ig,
.block.frankwaregroup .social .tw {
    display: inline-block;
    width: 30px;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.block.frankwaregroup .social .fb {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAABCUlEQVQ4y63UO0qDQRQF4M8hBCsLsZA0WoTgA0RwGxZWFnYuwcYNuAxdhoWFgiBYWEgQAyKiFmIpVhYScm3+yBDy+pMcGObcxxzmwMydiwjYRQ1tk6GKe9yJiI2IeIvp0YoICfNYNT3aqCR0Shx6xhF2sI5NXBS1LXQqJcUOcduT/8yDMoLXPWLLxb40qWAr4/s4QaO3KZUQ/M54o5/YuDe8xA8+stwLzgtex9p/JSK2R7yvWkQYsq6y3jSO5a8R9YWylvfwisfCOiwWVusFV8ZyFweZzeMBPSlN+M0G/q40ochMBMdCmqHoA1J32ryPOUT78TzXrqCJU6wMmdhVPGVxE2f4zVzewB8ZSgfqYgWrMQAAAABJRU5ErkJggg==")
}

.block.frankwaregroup .social .tw {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAABH0lEQVQ4y52UoUsEQRjFf7cshosGuSQGg4KI0XR/gOGaYNVgsPkPCBbh0kVRbBptclwSQVHRZDhZEUQxiphExPKzzB53y9267oMHM9+befPmY5iKSkHMAZvAJPAJdID9oM2j1tWWSg4X1MRBPKsn6pnaQN0IxV01GmHUNh/bqI1gpHqtrgwxus8x6agT6cLLTOQbtakuBSY5RmsqqDV1y/JYV4mARWCV8ngESK92WjJNolbTRADLwFGJNFfAF9Az+gj8D16AVjqJ+oSnIBY1OQa6vUrmvdTVvQK9aWffWpw56RyY+SPJXejpAGKgHjbPhvH4CJMH4BDYGSbGwC0wHTgGTPXpXeAVuAAOgPdRUSuZbyQCakAV+AHegO8i3f8FfMPrkleqQCIAAAAASUVORK5CYII=")
}

.block.frankwaregroup .social .ig {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABuUlEQVQ4y5XUv0vWYRQF8I8vDiHhEGISBRImIdTQHE7S2A+IICKEIqi5iMCi0SGa+wMaI0hIihYLgoZ+QAURLtlQg0SESESEp+W+9PXlq9iBy/vy3Od7uM+5596+JHowhv3YjQ7WevId/MQS3uF7N9HfuHQYs0Wygj8tROpsW/0fxBNcwpokkkwkeZRkIclUkh11vlkM5h/mk+gm5pI82wJBMwbq90gVcqqDHTiIu7aOcbzA9XpmByc6GMIoXrV8NIl7eFtxC8NYxEM8rnsfsbfZgKUeoos4ViI/wACO4wr2YaZx9wsGJBkvEbc39BgrHW63iL5Q0Ty/muR9p8c/XZytp1/uqXYFN/ALh7QYsA1jG2gIz8vUE1slW67K2jBUgi9vlWwOqzjZkpvBSFliHfo3IHuKMziPA7hfXZ2ucZttGbF1ZCMlcBcXcA2nyxJK+JsNf3WxE78l2ZXkU5Kjm4zORJLRTfJzSeY7+FpiTm8yPh9aTN0crVHMd5lPlknvJBn6j2GfTPIyyesk/X2N5XiuOrVa2n3boJK1Gq3hetH2atRiX8+mHcRUGXJPLcG2TfsDn/GmOg/+AlphesqSiwoUAAAAAElFTkSuQmCC")
}

#overlay2 {
    display: inline-block;
    cursor: default;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    margin: 0
}

@media only screen and (min-width:1024px) {
    #overlay2 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed;
        left: 0;
        top: 0
    }
}

@media only screen and (max-width:1023px) {
    body {
        overflow: auto
    }
    #overlay2 {
        overflow-x: auto
    }
}

#overlay-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

#overlay2 .content {
    padding: 0!important
}

.info h1 {
    text-shadow: 2px 2px 2px #000
}

#overlay-content .arrow-wrap,
#overlay-content .arrow-wrap * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#overlay-content .arrow-wrap {
    position: fixed;
    z-index: 10;
    left: 50%;
    bottom: 2em;
    margin-left: -5em;
    width: 10em;
    height: 10em;
    padding: 4em 2em;
    font-size: .5em;
    display: block;
    margin-left: -15px;
    width: 26px;
    height: 26px;
    padding: 0
}

@media only screen and (min-width:1024px) {
    #overlay-content .arrow-wrap {
        display: none
    }
}

#overlay-content .arrow {
    display: block;
    position: relative;
    width: 26px;
    height: 23px;
    overflow: hidden
}

#overlay-content .arrow:after {
    content: "";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -12px;
    font-size: 30px;
    width: 26px;
    height: 20px;
    color: #fff
}

#overlay-content .hint {
    position: absolute;
    top: .6em;
    width: 100%;
    left: 0;
    font-size: 2em;
    font-style: italic;
    text-align: center;
    color: #fff;
    opacity: 0
}

#overlay-content .arrow-wrap:hover .hint {
    opacity: 1
}

@-webkit-keyframes arrows {
    0% {
        top: 0
    }
    10% {
        top: 12%
    }
    20% {
        top: 0
    }
    30% {
        top: 12%
    }
    40% {
        top: -12%
    }
    50% {
        top: 12%
    }
    60% {
        top: 0
    }
    70% {
        top: 12%
    }
    80% {
        top: -12%
    }
    90% {
        top: 12%
    }
    100% {
        top: 0
    }
}

#overlay-content .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s .4s;
    -webkit-animation-delay: 3s
}