body {background-image: url('images/back.jpg'); background-size: cover; background-attachment: fixed;overflow-x: hidden;}
.linkish {color:blue;text-decoration:underline;cursor:pointer;}
.inv-blue {color:#2f4db1;} /* or #324ea0*/

.inv-container {background: url(images/flag-top.jpg) no-repeat top center;background-size: contain;}
.inv-exclusive {color:#e71c2e;text-transform: uppercase;font-weight: bolder;}
.inv-header .inv-box {background-color: #e71c2e;}

.inv-signup {background-color: #01a94d;}
.form-actions {text-align: center;}

.inv-box-title {background-color:#e71c2e;color:white;font-weight:bold;}
.inv-buzz .inv-box-title {background-color: #2f4db1;}

.inv-arrows {text-indent:-45px;}
.inv-ratings th {background-color: transparent !important;color:#e71c2e;text-align: center;}
.inv-ratings td {background-color: transparent !important;}

.inv-hosts .col {background: url('images/inv-hosts.jpg') top left repeat-x;background-size: cover; min-height: 150px;} 

.inv-letter {font-family: garamond-premier-pro-caption, serif;font-weight: 500;font-style: normal;background-image: url('images/inv-letter-detail.jpg');background-position: bottom right; background-repeat: no-repeat;background-size: 30%;}
.inv-letter .fw-bolder {font-family: garamond-premier-pro-caption, serif;font-weight: 700;}

label.error {color:yellow;display:block;text-align: left;font-weight: 500;margin-right:10px;font-style:italic;font-size:.8em;}

div#amp.amp-player {height: 100% !important;}

.form-select {background-size: 20px 20px;}
.amp-ready .amp-progress, 
.amp-ready .amp-bar,
.amp-paused .amp-progress, 
.amp-paused .amp-bar {display: none !important;}
.amp-ready .amp-title {display: none !important;}
.amp-ready .amp-unmute {display: none !important;}
#amp.amp-player {background: unset;}
button.amp-pause-overlay {background: transparent;border: 8px solid rgba(255,255,255,0.7);box-sizing: initial;-webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) inset, 0 0 20px 7px rgba(0,0,0,0.5) ;
    box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) inset, 0 0 20px 7px rgba(0,0,0,0.5) ;}

#offcanvas-password-form {width: 100vw;}

.inv-hosts-banner {
    background: url(images/host-bg.png) no-repeat;
    background-size: cover;
}

input+input {margin-top:10px;}
#invest-now div[id$="ncpnewsalerts"], div[id$="ncptextalerts"] {display: inline;}
#invest-now label.error {color:red;text-align: right;}
#invest-now .btn-warning {background-color: #ff5900;}

.page-holder {min-height: 100vh;}
.bg-cover {background-size:cover !important;background-repeat: no-repeat !important;background-position: 65% 0% !important;background-attachment: fixed !important;}
.text-accent-blue {color:#3550a1;}
.text-accent-red {color:#FF0000;}

/* Slick Slider Arrows */
.slick-list {padding-left: 30px;}
.slick-prev,
.slick-next
{
    z-index: 99;
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 100%;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: #e71c2e;
}
.slick-prev {background: #2f4db1;}
.slick-prev:hover {background: #2f4db1da};
.slick-next:hover {background: #e71c2dda;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}

.slick-prev {left: 0;}
.slick-prev:before {content: "◄";font-weight: bolder;}

.slick-next {right: 0;}
.slick-next:before {content: "▶";font-weight: bolder;}

.slick-slide img {
    border-right: 2px solid rgba(255,255,255,1);
}

@media (max-width:991px){
    .inv-host .col {min-height: 100px;}
    div#amp.amp-player {height: 338px !important;}
}

@media (max-width:575px){
    .inv-host .col {min-height: 75px;}
    div#amp.amp-player {height: 220px !important;}
}

@media (max-width:400px){
    html{font-size: 12px !important;}
}

