@charset "UTF-8";
/* CSS Document */

/* version Mar 21, 2018 */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html, body {
	background: #000;
    height: 100%!important
}
body {
	/*font-family: 'Lato', sans-serif;*/
	font-family: 'Libre Franklin', sans-serif;
	font-size: 100%;
	line-height: 1.5;
}
a {
    color: #a4a4a4;
    text-decoration: underline
}
a:hover {
    color: #fff;
    text-decoration: none
}
a img {
    outline: none;
    border: none
}
#overlay-content {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.content {
    width: 100%;
    height: 100%;
    position: relative;
}
.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;
}
.block {
    display: block;
    float: left;
    height: 50%;
    width: 33.3333333333%;
    overflow: hidden;
}
.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%;
}

@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;*/
	height: 388px;
    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: #d0b270;
    -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-weight: 700;
	font-size: 14px;
	line-height: 15px;
    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: 50%;
    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-size: 16px;
	line-height:  24px;
    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: #d0b270;
    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 .pcont {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1
}
.block a {
    border: none;
    outline: none
}
.block.golf {
    /*top: 310px*/
	top: 388px;
}
.block.golf .img {
    background-image: url('../images/golf4.jpg')
}

@media(min-width:1024px) {
.block.golf {
    top: 0
}
}
.block.corporate .img {
    background-image: url('../images/corporate2.jpg')
}
.block.hotels .img {
    background-image: url('../images/hotels2.jpg')
}
.block.international .img {
    background-image: url('../images/international2.jpg')
}
/*.block.portfolio .img {
    background-image: url('../../getmedia/7c646c58-bdc8-4377-b878-2112290c5742/portfolio/portfolio-maxsidesize=350.jpg')
}*/
.block.winery .img {
    background-image: url('../images/winery2.jpg')
}
/*.block.entertainmeent .img {
    background-image: url('../../getmedia/006218c5-6afa-4292-8197-4ba3cfb8a8e1/entertainment/entertainment-maxsidesize=350.jpg')
}*/
.block.trump {
    /*top: -300px;
    height: 310px;*/
	top: -388px;
	height: 388px;
    background-color: #000
}
.block.trump .img {
	background-image: url('../images/trumporn-logo.png')
}

.block.trump .img,
.block.trump:hover .img {
	/*height: 85% !important;*/
    opacity: 1 !important;
	margin-top: -2rem;
}

.block .info .pcont.trump-store {
    top: 62% !important;
    -webkit-transform: translateY(-10px) !important;
    transform: translateY(-10px) !important;
    opacity: 1 !important;
}
.block .info .trump-store a p {
	font-size: 15px !important;
}
.trump-store a:hover p {
    color: #fff !important;
}


@media(min-width:1024px) {
.block.trump {
    top: 0;
    height: 50%
}
}
.block.trump .logo {
    position: relative;
    margin: 0 auto;
    width: 45%;
    max-width: 465px;
    height: 100%;
    background-color: transparent;
    background-image: url('../images/trumporn-logo2.png?v=3');
    background-position: 50% 35%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

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

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

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

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

@media(max-width:480px) {
.block.trump .logo {
    width: 65%
}
}
.block.trump .social {
    position: absolute;
    bottom: 11.6%;
    left: 0;
    width: 100%;
    height: 20px;
    text-align: center;
    z-index: 2
}
.block.trump .social .icon {
    display: inline-block;
    width: 30px;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}
.block.trump .social .facebook {
	background-image: url(../images/icon-facebook-square-white.svg);
}
.block.trump .social .twitter {
	background-image: url(../images/icon-twitter-white.svg);
}
.block.trump .social .instagram {
	background-image: url(../images/icon-instagram-white.svg);
}
.block.trump .social .email {
	background-image: url(../images/icon-mail-envelope-white.svg);
}

/*.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}*/

#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
}


.trump-store a {
    text-decoration: none;
    display: inline-block;
}
.trumpStoreRibbon, .trump-store a p {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.trump-store p {
    font-size: 19px !important;
    /*font-family: "FuturaMedium",Arial,Helvetica,sans-serif !important;*/
    color: #d0b270 !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;
}



/* ================================================ */
@media(max-width:1023px) {
	.block.trump .img, .block.trump:hover .img {
		margin-top: -1rem;
		height: 85% !important;
	}
}
@media(max-width:800px) {
	.block .info .pcont {
		position: static;
	}
	.block .info h1 {
		margin-top: 5rem;
	}

	.block .info .pcont.trump-store {
		margin-top: 9rem;
	}
}

@media(min-width:600px) and (max-width:1024px) {
	.block.trump .img, .block.trump:hover .img {
		background-size: inherit;
	}
}