/*-----------------------------------------TEXT AND INPUT STYLES---------------------------------------*/
#cleanTheme {
    background-color:#e8e8e8;
}

html {
    overflow-x:hidden;
}
body {
    font-size: 12px;
    overflow-x:hidden;
    z-index:1;
}

/*html{
    overflow: hidden;
    height: 100%;    
}*/

nav {
    position:fixed;
    z-index: 100;
}

p, h3, figcaption, li, .forgot-password span, .Err, .text-minor, .navbar p, label, .success-msg, h6, .terms span, .terms div {
    font-family: 'Open Sans', sans-serif;
}

ul {
    padding-left:1.5em;
}

p, figcaption, li, label, .success-msg {
    font-size:1.2em;
    margin: 0.2em;
    line-height: 1.3em;
    /*font-weight:bold;*/
    font-weight: 400;
    font-style: normal;
}

h6 {
    font-weight:bold;
    font-size:1.2em;
    letter-spacing: 0.1em;

}

i+p {
    margin: 1em 0.2em;
}

.b, .bold {
    font-weight:bold;
}

h1,h2, h4, h5,li a, button, .navbar p, .navbar a, .vertical-nav a, .top-nav a, .fake-button {
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 0.2em;
    text-shadow: -1px 2px 2px rgba(0,0,0, 0.5);
}

h1 {
    font-size: 5em;
    text-transform:uppercase;
    color:white;
    /*z-index: 200;
    position: relative;*/
}

h2 {
    font-size: 2.5em;
    margin: 0.2em;
    text-transform: uppercase;
    text-align:center;
    letter-spacing: 0.4em;
}

h3 {
    font-size: 1.8em;
    margin: 0.5em 0em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.3em;
    line-height:1.3em;
}

h4 {
    text-transform: uppercase;
    font-size: 2em;
}

h5 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight:bold;
    text-shadow:none;
}

a {
    /*color:rgb(0, 77, 222);*/
    color:rgb(0, 63, 183);
}

.red-text {
    color:#8e0202;
    word-wrap:break-word;
}

.brand-name .above {
    position:relative;
    z-index:102;
}

.brand-name {
    text-align:center;
    line-height:initial;
}

button, .btn, .form .btn, .fake-button {
    width: 90%;
    height: 3em;
    color:white;
    margin: 2% auto;
    text-transform: uppercase;
    background-color: #8e0202;
    border:none;
    font-size:1.1em;
    cursor:pointer;
}

.fake-button {
    display:inline-block;
    line-height:3em;
    font-size: 1em;
    padding:0.3em 0em;
}

.btn-group-2 {
    /*width: 50em;*/
    margin: auto;
    max-width:50em;
    text-align:center;
    contain: content;
}

.btn-group-2 button {
    margin: 2%;
    display:block;
    text-decoration:none;
}

.btn-group-2 a {
    text-decoration: none;
}

/*input[type='text'], input[type='password'] {
    width: 40%;
    height: auto;
    margin: 0% 1%;
    border: 1px solid white;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 0.5em 0.3em;
    border-radius: 0;
    font-size: 1.4em;
}*/


input[type='text'], input[type='password'] {
    width: 40%;
    height: 2.5em;
    margin: 0% 1%;
    border:1px solid white;
    background-color: rgba(0,0,0,0.4);
    /*color: white;*/
    padding: 0.2em 0.4em;
    border-radius:0;
}

input[type="checkbox"] {
    height:1em;
}

input::-webkit-input-placeholder {
    color:black;
    font-size: 1.4em;
}

input::-ms-input-placeholder {
    color:black;
    font-size: 1.4em;
}

input:-ms-input-placeholder {
    color: black;
    font-size: 1.2em;
    line-height: 1em;
    padding: 0em 0.5em;
    margin: 0em 0.2em;
}

input::placeholder {
    color:black;
    font-size: 1.4em;
}

.form input:disabled {
    box-shadow: inset -3px 3px 3px rgba(0,0,0,0.5);
    filter: none;
    background-color: dimgrey;
    color: #bbb;
}

.form input:disabled:hover {
    transform:scale(1);
    -webkit-transform: scale(1);
}

button.light , .btn.light {
    color:black;
    background-color: #eee;
}

form {
    text-align:center;
}

.text p {
    margin: 0.7em 0em;
}

.ask h2 {
    margin: 1em 0em 0em 0em;
}

.ask button {
    margin: 2em auto;
    min-width: 10em;
    max-width:25em;
}

.ask div{
  -webkit-transition: all .75s ease;
  -moz-transition: all .75s ease;
  -o-transition: all .75s ease;
  transition: all .75s ease; 
}

ul.bullets {
    list-style-type: circle;
}

i.forgot-password {
    position: absolute;
    font-size: 1.2em;
    right: 9%;
    color: black;
    border-bottom: none;
    margin-top: 0.3em;
}

i.forgot-password:hover {
    cursor:pointer;
    /*color:#8e0202;*/
    color:cornflowerblue;
}

.ion-checkmark-circled {
    color:forestgreen;
    letter-spacing:0;
}

.text-minor, .Err {
    /*line-height:2.5em;*/
    padding-bottom:0.4em;
}

.success-msg {
    color:#128330;
    text-align:center;
    width: 100%;
    display: inline-block;
}

.success-msg i {
    font-size:2em;
}

a.plain-links, .icon {
    text-decoration:none;
}

.form .error-msg {
    position: absolute; 
    display: inline-block;
    color: red;
    font-family: 'open sans';
    width: 30%;
    margin-left: -25%;
    float: right;
    text-align: left;
    padding-top:0;
    background-color: white;
}

.formLeft + .error-msg {
    margin-left:-25%;
    transform:translate(0, 120%);
    font-size:0.9em;
}

.form .error-msg-simple {
    font-family: 'open sans';
    color:red;
    text-align:right;
    display:block;
}

.form .error-msg i {
    font-size:1.5em;
    margin:0.2em;
    /*line-height:2em;*/
}

#errorSummary {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0.5em;
    background-color:transparent;
}

#termsAndConditions {
    color:black;
}

.q {
    color: white;
    background-color: #ca3131;
    border-radius: 50%;
    display: inline-block;
    height: 1em;
    padding: 0.2em 0.3em;
    -webkit-filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
    -moz-filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
    -ms-filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
    -o-filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
    filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
}

#MainContent_DefaultSumit {
    background-color:black;
    color:white;
    margin-top:2.5em;
}

#MainContent_lblPaymentErr {
    font-family: 'Open Sans';
}

.text-sm {
    font-size:0.8em;
}

@media only screen and (min-width: 769px) {
    h1 {
        font-size: 7em;
    }
}

@media only screen and (min-width: 1100px) {
    h1 {
        font-size: 8em;
    }
}

@media only screen and (min-width: 1200px) {
    h1 {
        font-size: 8.5em;
    }
}

@media only screen and (min-width: 1600px) {
    h1 {
        font-size: 10em;
    }
}

@media only screen and (min-width: 1800px) {
    h1 {
        font-size: 10.5em;
    }
}
/*----------------------------------------- END TEXT AND INPUT PAGE STYLES---------------------------------------*/

/*---------------------------------------------NAVBAR STYLES---------------------------------------*/
.navbar {
    background-color: #efefef;
    display: inline-block;
    width: 100vw;
    position: fixed;
    z-index: 105;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    max-height: 4em;
}

.navbar li{
    display:inline-block;
    float:right;
    padding:1em 0em;
}

.navbar p {
    position: relative;
    z-index: 107;
}

.navbar a, .navbar a:visited, .navbar a:active, nav a, .top-nav a {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: none;
    /*position: relative;
    z-index: 107;*/
    padding: 1.1em 1em;
}

nav.navbar p {
    float: left;
    font-size: 1.4em;
    line-height: 2.4em;
    padding: 0 0.5em 0 0.5em;
    text-shadow:none;
    font-weight:bold;
    max-height: 2.4em;
    overflow: hidden;
}


.nav-links {
    /*display:none;*/
    /*display:inline-block;*/
    float:right;
    width:52em;
    text-align:right;
    z-index:105;
    position:relative;
    background-color:#efefef;
    padding:1em;
    height:100vh;
    box-shadow:-2px 1px 2px rgba(0,0,0,0.4);
    transition:0.5s ease;
    right:-55em;
}

.nav-links li {
    display:block;
    /*padding-right:1em;*/
    background-color:#efefef;
    width:40em;
}

.navbar .icon {
    font-size: 3em;
    position: absolute;
    top: 0.1em;
    right: 0.5em;
    z-index: 107;
    display: block;
    cursor: pointer;
}

nav.dark-nav {
    background-color:#565656;
    color:white;
}

.dark-nav p{
    font-weight:300;
}

nav.dark-nav.navbar a {
    color:white;
}

nav.dark-nav.navbar span{
    color:#ff3a3a;
}

nav.dark-nav .nav-link a {
    color:white;
    font-weight:300;
} 

i + .dark-nav.nav-links, .dark-nav .nav-links li {
    background-color:#565656;
}


/*------------------------------------------END NAVBAR STYLES---------------------------------------*/

/*-----------------------------------VIEWER AND IMAGING STYLES---------------------------------------*/
.screen-view {
    position:relative;
}
.screen-view .embed, .screen-view .device, .screen-view embed {
    z-index:1;
    width: 100%;
    position:relative;
}

.screen-view.tablet img:not(.device), .screen-view.tablet .img:not(.device) {
    /*width:85%;*/
    width:92%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.screen-view.tablet video.img:not(.device) {
    /*width:82%;*/
    width:93%;
}

.screen-view img:not(.device), .screen-view .img:not(.device) {
    max-height: 80vh;
    width: 95%;
    position:absolute;
    top:50%;
    left:50%;
    /*-webkit-filter:scale(90%);
            filter:scale(90%);*/
    -webkit-box-shadow: -1px 160px 70px -35px rgba(0,0,0,0.3);
    box-shadow: -1px 160px 70px -35px rgba(0,0,0,0.3);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.screen-view.large img:not(.device), .screen-view.large .img:not(.device) {
    position:static;
    -webkit-box-shadow:none;
    box-shadow: none;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
}

.screen-view.mobile img {
    width: 40%;
    position:relative;
    overflow:visible;
}


.screen-view.large {
    width: 100vw;
    position: relative;
    margin: auto;
    padding: 0;
    margin-top: -8em;
    z-index: 101;
    -webkit-perspective: 10000px;
    perspective: 10000px;
    transition: 0.7s;
    -webkit-transition-delay:0.1s;
    /*min-height: 90vh;*/
    margin-top:-5em;
    background-color: #a3a3a3;
    margin-left:-10vw;
}

.screen-view.large img:not(.device), .screen-view.large .img:not(.device) {
    width:90%;
    height:initial;
    max-height:none;
    position:absolute;
    -webkit-box-shadow: -1px 50px 50px -10px rgba(0,0,0,0.4);
    box-shadow: -1px 50px 50px -10px rgba(0,0,0,0.4);
    min-height:1vh;
    margin-top:initial;
    top: 44.2%;
    left: 41.4%;
    -webkit-transform: rotateX(183deg) rotateY(140deg) rotateZ(174deg) translate(-50%, -50%) scale3d(1, 0.75, 0.1) translate(0, 15%);
    -ms-transform: rotateX(183deg) rotateY(140deg) rotateZ(174deg) translate(-50%, -50%) scale3d(1, 0.75, 0.1) translate(0, 15%);
    background-color: #0e0e0e;
    padding: 1em;
    border: 1em solid black;
    border-radius: 1em;
}
    .screen-view.large {
        min-height:0;
    }

.screen-view.large .embed {
    /*display: none;*/
            display: block;
            opacity:0;
        -webkit-transform: rotateX(183deg) rotateY(140deg) rotateZ(174deg) scale3d(1, 0.75, 0.1);
        -ms-transform: rotateX(183deg) rotateY(140deg) rotateZ(174deg) scale3d(1, 0.75, 0.1);
}
/*.screen-view.large .embed, .screen-view.large embed {
    -webkit-transform: rotateX(184deg) rotateY(140deg) rotateZ(174deg) scale3d(1, 0.8, 0.1);
    -ms-transform: rotateX(184deg) rotateY(140deg) rotateZ(174deg) scale3d(1, 0.8, 0.1);
}*/

.screen-view.large .embed.cover {
    background-color: rgba(40,40,40,0.9);
    border-radius: 2em;
}

#wrapper1.init {
    opacity: 0;
}

#wrapper1 {
    opacity: 1;
    transition:0.5s ease;
}

.screen-view.large.init  {
    opacity:0;
    margin:0;
}

#login.init {
    opacity:0;
}

.container-med-center.init {
    top:70%;
}

.img-spread {
    position:relative;
    height:40em;
}

.img-spread .screen-view {
    position:absolute;
    width:90%;
    margin:auto;
    display:block;
    left:40%;
    transform: rotate(2deg) translate(0%, 250%);
    top: 20%;
}

.img-spread .screen-view:first-of-type {
    transform:rotate(-31deg) translate(-80%, 20%);
}

.img-spread .screen-view:nth-of-type(2) {
    transform:rotate(-15deg) translate(-60%, 150%);
}
.img-spread-text {
    width: 80%;
    float:right;
    margin:0% 10%;
    z-index:107;
    transform:translate(0, 1em);
    position:relative;
}

.large.device {
    /*filter: drop-shadow( 0px 0px 2px #5f5f5f);*/
    box-shadow: 0px 0px 1px 1px #505050;
    border-radius:2em;
}

.landing-view.init {
}

.landing-view .btn.light {
   width: 90%;
   height:3em;
}

.landing-view input.W100 {
    /*margin-left: 3.5%;
    margin-right: -1%;*/
    margin:0% -1% 3% 3.5%;
    color:black;
    border:1px solid black;
    background-color:transparent;
    text-shadow:none;
    font-weight:bold;
    /*filter:drop-shadow(-2px 2px 1px rgba(0,0,0,0.4));*/
}

.login.init {
    top: 60%;
    opacity:0;
}

#login p {
    line-height: 1.3em;
}

#login h4 + p {
    margin: 0.5em 0em 1em 0em;
}

#login {
    margin-top: 28em;
}

.container-med-center.blur.init {
    opacity: 0;
}

.indicate-scroll.init i, .indicate-scroll.init h5, .indicate-scroll.init i:last-of-type {
    bottom:-3em;
    opacity:0;
}

.brand-name.init {
    /*letter-spacing: 0em;*/
    /*line-height: 2em;*/
    /*opacity:0;*/
}

div.blur {
    transition: 2s ease;
    opacity: 1;
    -ms-filter:blur(20px);
    -webkit-filter:blur(20px);
            filter:blur(20px);
    background-color: rgba(0,0,0,0.5);
    padding: 5em 0em 0em 0em;
    display:block;
    position:absolute;
}

.blur p, .blur h4, .blur button, .blur input {
    color:transparent;
    background-color:transparent;
    border: none;
}

.container-med-center {
    margin: auto;
    text-align: center;
    position:absolute;
    top: 40%;
    left: 50%;
    color:white;
    z-index: 103;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.container-med-center p, .container-med-center h4 {
    color:black;
}

@media only screen and (min-width:400px ){
    .img-spread-text {
        transform: translate(0, -5em);
    }
    .img-spread .screen-view {
        position: absolute;
        width: 60%;
    }
    .img-spread-article {
       transform: translate(0, -7em);
       -webkit-transform: translate(0, -7em);
    }
}

@media only screen and (min-width: 768px) {    
    .img-spread .screen-view {
        transform: rotate(2deg) translate(0%, 40%);
    }

    .img-spread .screen-view:first-of-type {
        transform:rotate(-31deg) translate(-80%, -20%);
    }

    .img-spread .screen-view:nth-of-type(2) {
        transform:rotate(-15deg) translate(-60%, 30%);
    }
    .img-spread-text {
        width: 40%;
        float:right;
        z-index:107;
        transform:translate(0, -11em);
        position:relative;
    }
    .btn-group-2 button {
        width:44%;
        display:initial;
    }
}


@media only screen and (min-width: 1000px) {
    .img-spread-text {
        transform: translate(6em, -23em);
    }
    .img-spread .screen-view {
        position: absolute;
        width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
}
/*-------------------------------------END VIEWER AND IMAGING STYLES---------------------------------------*/

/*----------------------------------- PAGE SECTIONS AND CONTAINERS STYLES---------------------------------------*/

svg {
    padding-top: 5em;
    height:auto;
}

article {
    clear:both;
    padding: 3em 0em;
    height:auto;
}

section {
    padding-top:4em;
    padding-bottom: 4em;
}

section:first-of-type {
    padding-top:9.5em;
}

.container-lg {
    width: 90vw;
    margin: 2em auto;
    text-align:center;
    position:relative;
}

.container-md-lg {
    width:80%;
    margin:auto;
    text-align:center;
}

.container-md {
    width: 50%;
    margin:auto;
    text-align:center;
}

.container-max-width-md {
    max-width:70em;
    margin:auto;
}

.container-sm {
    width: 20%;
    margin:auto;
    text-align: center;
}

.container-btn {
    width:75%;
    margin:2em auto;
    text-align:center;
    clear:both;
    padding: 2em 0em 0em 0em;
}

.container-btn span.half-input.button {
    margin:auto;
}

.landing-view {
    background-color: #efefef;
    margin-bottom: -4em;
    padding-top:9em;
    min-height:50em;
    /*background-color:black;*/
}

.landing-view a{
    color:#6cb0e2;
}

.mid-view {
    background-color: #e8e8e8;
    overflow:hidden;
}

.mid-view i {
    color: #a4240a;
    font-size: 4em;
}

.col-1-of-3 h4:last-of-type {
    margin-bottom: 1em;
}

.col-1-of-3 p {
    margin: 1em 2em;
    /*text-align:left;*/
}

.col-1-of-4 {
    width: 23%;
    margin: 0% 1%;
    float:left;
    min-width: 90vw;
}


.half-split {
    margin: 0;
    height:auto;
}

.half-split div {
    width: 43%;
    overflow-x:hidden;
}

.half-split div {
    float:left;
    display:inline-block;
}

.half-split .screen-view {
    background-color: #131313;
    border-radius: 1.5em;
    box-shadow: 0px 0px 1px 0px #505050;
}

.half-split div.text {
    height:30em;
    width: 80%;
    margin: 10%;
    position:relative;
    top:50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    overflow:visible;
}

.half-split:last-of-type div.text {
    display:block;
}

.half-split.half-split-right div.text {
    /*transform: translate(10%, 0%);*/
    margin: 0% 1% 0% 9%;
    clear:both;
}

.half-split-right {
    display:inline-block;
    width:100%;
}

.half-split .screen-view.cut-off {
    overflow:visible;
    width: 80%;
    margin: 15% 10%;
}

.half-split.half-split-right .screen-view.cut-off {
    position:relative;
}

.half-split.half-split-right .screen-view.cut-off:nth-of-type(2) {
    display:none;
}

.half-split.half-split-right .screen-view.overlap:last-of-type {
    /*-webkit-transform:translate(-12%, 5%);
            transform:translate(-12%, 5%);*/
    overflow:visible;
}

.half-split.half-split-right .screen-view.overlap {
    -webkit-transform: translate(-12%, -28em);
            transform: translate(-12%, -28em);
    position:relative;
    overflow:visible;
    width:80%;
}

.half-split-right .screen-view:last-of-type {
    transform:translate(0%, -190%);
    -webkit-transform:translate(0%, -190%);
    position:relative;
    /*margin-bottom: -30%;*/
    float:right;
}

.half-split.half-split-right .text:first-of-type {
    transform:translate(0%, 21em);
    -webkit-transform: translate(0%, 21em);
}

.half-split {
    /*overflow-x: hidden;*/
    overflow:visible;
    clear:both;
    margin-top: -2em;
    padding-top:0em;
}

.half-split.right .text {
  justify-content: center;
  align-items: center;
}

.half-split .mobile img {
    max-width:18em;
    display:block;
    transform:translate(10%, 15%);
    position:absolute;
    left:20%;
    -webkit-filter: drop-shadow(0px 70px 10px rgba(0,0,0,.2));
    -moz-filter: drop-shadow(0px 70px 10px rgba(0,0,0,.2));
    -ms-filter: drop-shadow(0px 70px 10px rgba(0,0,0,.2));
    -o-filter: drop-shadow(0px 70px 10px rgba(0,0,0,.2));
    filter: drop-shadow(0px 70px 10px rgba(0,0,0,.2));
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.half-split .mobile {
    /*height:1vh;
    display:block;*/
    height: 100%;
    overflow: visible;
    /*display: inline-block;*/
    position: relative;
    transform: translate(50%, 0) scale(0.7);
    margin-top: 5em;
}

.half-split .mobile img:first-of-type {
    transform:translate(-30%, 0%);
}

.half-split.trans2 {
    transition: 0.8s ease;
    transition-delay: 0.3s;
}

.half-split .device {
    opacity:0;
}

.half-split.half-split-right div.text.shame {
    transform:translate(0%, 20em);
}

.mobile + div.vertical-centering.text {
    display: -webkit-box;
    display: -ms-flexbox;
    width:80%;
    display: flex;
    margin: 0em 10%;
    transform: translate(0, 60%);
    padding-bottom: 13em;
}

.card {
    background-color:white;
    padding:2em 0em;
    min-height: 20em;
    -webkit-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.3);
    box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.3);
    position:relative;
    z-index: 1;
        /*min-width: 25em;*/
    margin-bottom: 1em;
}
.card-2 {
    float: left;
    width: 48%;
    background-color: #e8e8e8;
    padding: 1em;
    box-sizing: border-box;
    margin:1%;
    margin-top: 2em;
}

.card-2 i{
    font-size: 5em;
}

.ask {
    padding:8em 0em;
    box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

footer {
    padding: 0.5em 0em 0.5em 0em;
    background-color:#efefef;
    margin-top:-2em;
}

footer i {
    font-size: 2em;
    margin:0.5em;
}

footer p{
    font-size:1em;
}

footer.dark {
    background-color: #565656;
    color:white;
}

footer.dark a {
    color:#87b6ff;
}

.copyright {
    text-align: center;
    padding: 1em 0em 0em 0em;
    display: inline-block;
    width: 100vw;
}

.three-pointer {
    min-height:35em;
}

.three-pointer .tagline{
    display:inline-block;
    padding-top:3em;
}

.short-page {
    padding-top: 5em;
    min-height: 80vh;
    contain: content;
    height: 100%;
    padding-bottom: 5em;
}

.extra-short-page {
    padding-top: 5em;
    min-height: 65vh;
    padding-bottom: 5em;
    display: flex;
}

.long-page {
    padding: 6em 0em 5em 0em;
    width: 100%;
    contain:content;
    /*box-shadow: 2px 2px 2px rgba(0,0,0,0.4);*/
}

.terms {
    margin-top: 2em;
    font-size: 1.5em;
    text-align: left;
    background-color: white;
    padding: 2em;
}

.terms p {
    font-size:0.8em;
    margin:1em;
}

.terms div {
    font-size:0.8em;
    line-height:1.4em;
}

.landing {
    contain:content;
}

.col-2-of-3-lg-screen img {
    width:65%;
}

@media only screen and (min-width: 400px) {
    .half-split.half-split-right .screen-view.overlap {
        -webkit-transform: translate(-12%, -31em);
                transform: translate(-12%, -31em);
        position:relative;
        overflow:visible;
        width:80%;
    }
}

@media only screen and (min-width:450px) {
    .half-split.half-split-right .screen-view.overlap {
        -webkit-transform: translate(-10%, -40em);
                transform: translate(-10%, -40em);
    }
}

@media only screen and (min-width: 768px) {
    .half-split .mobile {
        transform: translate(-15%, 0);
    }
    .mobile + div.vertical-centering.text {
        transform: none;
        width:40%;
        float:right;
    }
    .half-split.half-split-right .text:first-of-type {
        transform:translate(0%, 50%);
        -webkit-transform: translate(0%, 50%);
    }
    .half-split.half-split-right .screen-view.overlap {
        -webkit-transform: translate(10%, 0%);
                transform: translate(10%, 0%);
                width:40%;
    }
    .half-split.half-split-right .screen-view.overlap:last-of-type {
        -webkit-transform:translate(30%, 10%);
                transform:translate(30%, 10%);
        overflow:visible;
        width:50%;
    }
    .half-split.half-split-right div.text.shame {
        transform:translate(0%, 0em);
    }
}
@media only screen and (min-width: 1200px) {
    .half-split .mobile {
        transform: translate(15%, 0);
    }
    .half-split.half-split-right .screen-view.overlap:last-of-type {
        -webkit-transform:translate(30%, 0%);
                transform:translate(30%, 0%);
    }
}

@media only screen and (min-width: 1600px) {
    .half-split.half-split-right .screen-view.overlap:last-of-type {
        -webkit-transform:translate(-30%, 5%);
                transform:translate(-30%, 5%);
        overflow:visible;
        width:40%;
    }
}
/*-------------------------------------END PAGE SECTIONS AND CONTAINERS STYLES---------------------------------------*/

/*----------------------------------------------------FORM STYLES--------------------------------------*/
.form {
  padding: 2em;
  margin: 1em auto;
  min-height: 2em;
  height:100%;
  transition:0.5s ease;
}

.form.container-md {
    width: 80%;
}

.form div:first-of-type {
  width: 100%;
}

.form h3 {
  font-size: 1.3em;
  float:left;
  display:inline-block;  
  margin-top:0;
}

.form h3:first-of-type {
  text-align: left;
  width: 50%;
}

.form h3:last-of-type {
  text-align: right;
  width: 50%;
}

.form h5 {
    font-size: 1.3em;
    text-align: left;
    font-family:'open sans';
    margin: 0.3em;
}

.form label, .form select, .form input, .form .formRight {
  font-size:16px;
  margin:1% 0%;
  display:inline-block;
  font-weight:normal;
  font-family: 'Open Sans';
}

.form span.radio-container {
  font-size:1.1em;
  padding: 0.1em 0em;
  box-sizing:border-box;
  display:inline-flex;
  justify-content: space-between;
  font-weight:normal;
  font-family: 'Open Sans';
}

.form label, .form .formRight {
  width: 35%;
  padding-right:3%;
  box-sizing:border-box;
  text-align:right;
}

.form .value {
    text-align:left;
}

.form input, .form select, .form .input {
  width: 60%;
  height: initial;
  background-color: transparent;
  border:0px solid black;
  border-bottom: 2px solid black;
  padding: 0;
  color: black;
  text-shadow: none;
}

.form .card {
    padding: 3em;
    margin: 2em 1em 1em 1em;
    background-color:#eee;
}

.form #expMonth, .form #expYear {
    width:28%;
}

.form .LV_invalid, .form .LV_valid {
    position:absolute;
}

.form .review {
  margin: 3em 0em;
}

.review h5 {
  width: 90%;
  margin:3% 6% 1% 6%;
  text-align:left;
  display:block;
  clear:both;
}

.review p {
  padding-left: 2em;
  text-align:left;
  margin:0;
  line-height:1.5em;
}

.review .label, .key {
  width: 30%;
  padding-right: 3%;
  box-sizing:border-box;
  text-align:right;
  display:inline-block;
}

.review .inputed, .value {
  width:67%;
  display:inline-block;
}

.review + .card {
  background-color:#eee;
  text-align:left;
  padding: 2em;
}

.hasSubPoints ~ .value {
  padding-left:40%;
}

.summary {
  border-bottom: 1px solid black;
  padding:0.5em;
  margin-bottom:0.1em;
}

.form .btn {
    width: 50%;
    margin: 2% auto;
    display:block;
}

.form input[type="checkbox"], .form input[type="radio"] {
    width: auto;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

.form input[type="radio"] {
    margin:0.3em;
}

@media only screen and (min-width: 1200px) {
    .form {
        padding: 3em 3em 4em 3em;
        margin: 2em auto;
    }
    .form h3 {
        font-size:1.8em;
    }
    .form h3:first-of-type {
      width: 70%;
    }

    .form h3:last-of-type {
      width: 30%;
    }
    .form label, .form select, .form input, .form .formRight {
        font-size: 1.1em;
    }
    .form.container-md {
        width: 50%;
    }
    .form #expMonth, .form #expYear {
        width:29%;
    }
}

/*-------------------------------------------------END FORM STYLES------------------------------------------*/

/*---------------------------------------------------CARD STYLES--------------------------------------------------*/
.card-item p {
 margin-top:1em
}

.card-container {
  width:100%;
  margin: 1.66%;
  float:left;
}

.card-container h3 {
    text-align:center;
}
.card-with-list {
  background-color:#ccc;
  float:left;
  padding: 3.33%;
  box-sizing: border-box;
  margin-bottom:6.66%;
}

.card-with-list i {
    font-size: 6em;
    text-align: center;
    width: 100%;
    display: inline-block;
    color: #ca3131;
}

.card-item {
  background-color: white;
  padding:3.33%;
  margin-bottom:4%;
  margin-top:4%;
}

.card-item:first-of-type {
  margin-top:0;
}

.card-item:last-of-type {
  margin-bottom: 0;
}


/*--------------------------------------------------END CARD STYLES--------------------------------------------------*/


/*---------------------------------------COLORS AND SHADOWS STYLES---------------------------------------*/
.white {
    background-color:white;
    color:black;
}

.light {
    background-color: #cecece;
}

.dark {
    background-color:#282828 !important;
    color:white;
}

.med-gray {
    background-color: #565656;
    color:white;
}

.gray {
    background-color: #3c3b3b;
    color:white;
}

.dark-red {
    background-color: #8e0202;
    color:white;
}

.blue {
    background-color:#02498e;
    color:white;
}

.dark p, .dark li {
    font-weight:300;
    line-height:1.2em;
}

.dark {
    font-weight:normal;
}

.red-txt {
    color:#8e0202;
}

.bright-red-text {
    color: #ff3a3a;
}

.black-txt {
    color:black;
}

.red-emphasis i {
    color:#ca3131;
}

.red-emphasis .q {
    background-color: #ca3131;
}

.green-emphasis i{
    color: #66a219;
}

.green-emphasis .q {
    background-color: #66a219
}

.blue-emphasis i {
    color:#317bca;
}

.blue-emphasis .q {
    background-color: #317bca;
}

.orange-emphasis i {
    color: #ca7b00;
}

.orange-emphasis .q {
    background-color: #ca7b00;
}


.paper-shadow {
    box-shadow: 1px 2px 5px rgba(0,0,0,0.4);
}

.paper-shadow-invert {
    box-shadow: inset 1px 12px 6px -10px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 12px 6px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 12px 6px -10px rgba(0,0,0,0.5);
    -o-box-shadow: inset 1px 12px 6px -10px rgba(0,0,0,0.5);
}

.shadow {
    -webkit-filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
    -moz-filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
    -ms-filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
    -o-filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
    filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.4));
}

.fake-shadow {
    contain: content;
    /*overflow: auto;*/
    box-shadow: 0px 2px 2px rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4) inset;
}

.billing-address {
    display:none;
}

/*----------------------------------------- END COLORS AND SHADOWS STYLES---------------------------------------*/

/*----------------------------------------- EFFECTS STYLES---------------------------------------*/
.skew {
    -webkit-transform: skewY(-4deg);
    transform: skewY(-4deg);
}
.unskew {
    -webkit-transform: skewY(4deg);
    transform: skewY(4deg);
}

section.unskew, section.skew {
    padding: 9em 0em;
}

.group-1 {
    position:fixed;
    top:0;
}

.screen-view:not(.large) {
    z-index:102;
}

.ask .animate-effect {
    background-color: #080808;
    padding: 6em;
    margin-bottom: -17em;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

.indicate-scroll i, .indicate-scroll h5 {
    font-size:3em;
    z-index:106;
    position:absolute;
    text-align:center;
    margin:auto;
    width:99%;
    bottom:0;
    color: grey;
    /*text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;*/
    /*text-shadow: 0px 2px 0px rgba(255,255,255,0.8);
    -webkit-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -moz-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -ms-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    -o-filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));
    filter: drop-shadow(-3px 1px 1px rgba(0,0,0,.2));*/
}

.indicate-scroll i:hover, .indicate-scroll h5:hover {
    font-weight:bold;
    color:#ca0505;
    cursor:pointer;
}
.indicate-scroll i:last-of-type {
    bottom:0.2em;
}

.indicate-scroll h5 {
    bottom:2.5em;
    color:black;
    font-size:1.2em;
}

.landing-view .embed, .landing-view img {
    transition: 0.5s;
}

.landing-view .brand-name {
    display:none;
}

.brand-name {
    transition:1s;
    -webkit-transition-delay: 0.1s;
    opacity:1;
    line-height:1.2em;
}

.login {
    transition: 0.5s;
    -webkit-transition-delay: 0.8s;
}

.indicate-scroll i, .indicate-scroll h5{
    transition:1s ease;
    -webkit-transition-delay:1s;
}

.indicate-scroll {
    width: 100%;
    position: absolute;
    bottom: 0.2em;
}

.lag {
    -webkit-transition-delay: 3s;
    transition:2.5s;
}

.trans {
    transition:0.5s ease;
}

circle{
    fill:#ff4848;
    r:2px;
}

circle:hover {
    fill:#fff;
}


circle:nth-of-type(3n):not(.pulse){
    fill:#d40000;
}

svg g{
    fill:#7e0101;
}
.pulse {
    -webkit-animation: 2s linear infinite pulse;
            animation: 2s linear infinite pulse;
    position:absolute;
    stroke:#ff8269;
    r:2px;
    fill:transparent;
    stroke-width:0.33px;
}
.pulse:nth-of-type(2n) {
    -webkit-animation-delay:0.2s;
            animation-delay:0.2s;
}
.pulse:nth-of-type(3n) {
    -webkit-animation-delay:0.7s;
            animation-delay:0.7s;
}

.jump {
    animation: 8s ease infinite jump;
}

@-webkit-keyframes pulse {
    20% {
        opacity:0.5;
    }
    70% {
        opacity: 0;
        r:10px;
    }
    71% {
        r: 1;
    }
}
@keyframes pulse {
    20% {
        opacity:0.5;
    }
    70% {
        opacity: 0;
        r:10px;
    }
    71% {
        r: 1;
    }
}

@keyframes jump {
  10%, 90% {
    transform: translate3d(0, -1px, 0);
  }
  
  20%, 80% {
    transform: translate3d(0, 5px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(0, -4px, 0);
  }

  40%, 60% {
    transform: translate3d(0, 4px, 0);
  }
}

/*----------------------------------------- END EFFECTS STYLES---------------------------------------*/

/*----------------------------------------- TOOLTIPS STYLES---------------------------------------*/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: cornflowerblue;
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    border-radius: 6px;
    position: absolute;
    font-size: 0.6em;
    z-index: 1;
    margin-left:0.5em;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent cornflowerblue transparent transparent;
}

/*----------------------------------------- END TOOLTIPS STYLES---------------------------------------*/

.btn:hover, button:hover, .button:hover {
    box-shadow: -5px 13px 13px rgba(0,0,0,0.2);
    background-color:#a90000;
    cursor: pointer;
}

.btn:active, button:active, .button:active {
    box-shadow:initial;
}

.btn:focus, button:focus, .button:focus {
    border:none;
    background-color:#a90000;
}

.btn, button, .button {
    transition:0.2s ease;
    -webkit-transition: 0.2s ease;
}

#home:hover{
    background-color:#ccc;
}

a.card-2:hover{
    /*filter:invert(100%);*/
    background-color:rgba(107, 0, 0, 1);
    color:white !important;
     box-shadow: -5px 10px 10px rgba(0,0,0,0.5);
     -webkit-box-shadow: -5px 10px 10px rgba(0,0,0, 0.5);
}

nav a:hover {
    background-color:#8e0202;
    color:white !important;
}

/*nav a {
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
}*/

a, nav {
    transition:0.5s ease;
    -webkit-transition:0.5s ease;
}
#login {
    transition:0.7s ease;
    transition-delay:0.2s;
}

/*----------------------------------------- MODAL AND LOADER STYLES---------------------------------------*/

#modal, #modal-overlay, #loader-overlay, #loader , .loader{
  display:none;
  opacity:0;
}

#modal.active, #modal-overlay.active, #loader-overlay.active, #loader.active , .loader.active {
  display:block;
  opacity:1;
}

#modal-overlay, #loader-overlay {
  z-index:10000;
  background-color:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  position:fixed;
}

#loader-overlay {
    background-color:#282828;
}

#modal, #loader {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:#fff;
  z-index:10001;
  width:40em;
  height:auto;
  padding:3em;
  text-align:center;
}

#loader {
    background-color:transparent;
}

#modal-close {
  text-align:right;
  position:relative;
  top:-1.5em;
  right:-1.5em;
  cursor:pointer;
}

#modal-close img {
    width:1.5em;
    height:1.5em;
}

.loader-container {
    top: 50%;
    left: 50%;
    width:50vw;
    height:50vw;
    position:absolute;
  -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition:0.2s ease;
}

.loader {
    visibility: hidden;
    opacity:0;
  width: 50px;
  height: 50px;
/*   -webkit-animation: spin 3s ease infinite;
  animation: spin 3s ease infinite; */
    position: absolute;
    top: 40%;
    left: 47%;
    display:block;
  -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.2);
        -webkit-animation: spin 4s ease infinite;
    animation: spin 3s ease infinite; 
    transition:1s ease;
}

.loader-container h5 {
    color: white;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

animate-rotate {
    -webkit-animation: spin 4s ease infinite;
    animation: spin 3s ease infinite; 
}


#follower2 {
    background-color:#8a8a8a;
    -webkit-animation-delay: 0.1s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.1s;
}
#follower {
  background-color:black;
  -webkit-animation-delay: 0.23s; /* Safari 4.0 - 8.0 */
}

#main {
      background-color:darkred;
      animation-delay: 0s;
}

@-webkit-keyframes spin {
0% { 
    visibility: visible;
    -webkit-transform: rotate(0deg);
  }
  35% {
    -webkit-transform: rotate(80deg);
  }
  100% { 
    -webkit-transform: rotate(0deg); 
  }
}

@keyframes spin {
  0%{
    visibility: visible;
    transform: rotate(0deg); 
  }
  50% {
   transform: rotate(260deg); 
  }
  100%{
   transform: rotate(0deg);
  }
}

.simpleLoaderContainer {
    justify-content:center;
    align-items:center;
    display:flex;
    min-height: 20em;
}

.simpleLoader {
    border: 0.5em solid #f3f3f3;
    border-top: 0.5em solid #3498db;
    border-radius: 50%;
    width: 4em !important;
    height: 4em;
    animation: simpleSpin 1s linear infinite;
    margin:auto;   
}

@keyframes simpleSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/*----------------------------------------- END MODAL STYLES---------------------------------------*/

/*----------------------------------------- UTILITIES/MISC FIXES STYLES---------------------------------------*/
.clear {
    clear: both;
}

.center {
    text-align:center
}

.block {
    display:block;
}

.overflow {
    overflow:auto;
}

.margin {
    margin: 1em;
    width: 90vw;
    max-width:30em;
    margin:auto;
}

.marg-top-neg {
    margin-top:-2em;
}

.marg-top-neg-xl {
    transform: translate(0%, -100%);
    -webkit-transform: translate(0%, -100%);
}

.padding {
    padding: 1em;
}

.pad-top {
    padding-top: 5em;
}

.pad-bottom-sm {
    padding-bottom: 1em;
}

.pad-bottom {
    padding-bottom:2em;
}


.pad-bottom-lg {
    padding-bottom: 10em;
}

.pad-left-md {
    padding-left: 6em;
}

.pad-lg-top-bottom {
    padding: 10em 0em;
}

img {
    width: 90%;
    height:auto;
}

.text-left, .text-left h2 {
    text-align:left;
}

.hide {
    display:none;
}

/*----------------------------------------- END UTILITIES/MISC FIXES STYLES---------------------------------------*/
/*------------------------------------------TWO-OPTIONS SPLIT SCREEN STYLES------------------------------*/
.container-general {
  width:80%;
  margin:auto;
  min-height:1px;
  overflow: visible;
}
.two-choice {
  background-color:#ccc;
  display:flex;
  position:relative;
  padding:4% 0%;
  }

.two-choice .opt {
    display: inline-block;
    width: 43%;
    background-color: #eee;
    padding: 2em 3em;
    margin: 0% 4%;
    box-sizing: border-box;
    align-items: stretch;
    min-height: 35vh;
    padding-bottom: 10em;
}

.opt h3, .opt p {
  text-align:center;
}

.two-choice .divider{
  width:2%;
  height:80%;
  border-left: 2px solid black;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  left: 50%;
  float:left;
  box-sizing:border-box;
}

.divider h4 {
  position:absolute;
  left:-0.9em;
  background-color:#ccc;
  top:45%;
  transform:translateY(-50%);
}

.input-fields {
  width: 100%;
}

.input-fields label {
  width:30%;
  text-align:right;
  display:inline-block;
  margin:2% 0%;
}

.input-fields input {
  width: 60%;
  margin-left:5%;
}

.input-fields button {
    width: 85%;
    text-align: center;
    height: 4em;
    margin: 7% auto;
    /* position: absolute; */
    bottom: 0em;
    position: absolute;
    display: block;
    transform: translate(-50%);
    left: 50%;
}

/*-----------------------------------END TWO OPTIONS SPLIT SCREEN STYLES --------------------------------*/

/*-----------------------------------SHAME STYLES --------------------------------*/

#pricing h3 {
    font-size: 1.3em;
}
/*-----------------------------------END SHAME STYLES --------------------------------*/

@media only screen and (max-width: 420px) and (min-height: 730px) {
    .screen-view.large {
        margin-top:-16em;
    }
}

@media only screen and (min-width: 476px) {
    #login {
        margin-top: 33em;
    }
    .screen-view.large {
        margin-top: -8em;
    }
    .landing-view {
        min-height:60em;
    }
}

@media only screen and (min-width: 600px) {
    #login {
        margin-top: 37em;
    }
}

@media only screen and (min-width: 768px) {
    body {
        font-size: 14px;
    }
    .col-1-of-4 {
        min-width: 1px;
    }
    .half-split-right .screen-view:last-of-type {
        transform: none;
        -webkit-transform: none;
        margin-bottom: -30%;
    }
    .half-split div.text {
        height: 40em;
        width: 40%;
        margin: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .half-split .screen-view.cut-off {
        width: 43%;
        margin:0%;
        -webkit-transform: translate(-18%, 80%);
        transform: translate(-18%, 80%);
    }
    .half-split.half-split-right .screen-view.cut-off {
        -webkit-transform: translate(18%, 20em);
        transform: translate(18%, 20em);
        position: relative;
        margin-bottom:8em;
    }
    .half-split.half-split-right .screen-view.cut-off:nth-of-type(2) {
        display:block;
    }
    .half-split.half-split-right .text:first-of-type {
        transform:none;
        -webkit-transform: none;
    }
    .group-3 {
        margin-top: 5em;
        /*margin-bottom: -37em;*/
    }
    footer .col-1-of-3 {
        float:left;
    }
   .card-container {
    width: 46.5%;
  }
    svg {
        height: unset;
        min-height: 50vh;
    }
}

@media only screen and (min-width: 1000px) {
    .col-1-of-3 {
        width: 31.33%;
        margin: auto;
        margin-bottom: 1em;
    }
    .col-2-of-3 {
        width: 62.66%;
        margin:auto;
        float:left;
    }
    .ask {
        padding: 6em 0em 8em 0em;
    }
    .group-3 {
        position: relative;
        padding-top: 20em;
        margin-top: 15em;
        padding-bottom: 12em;
    }
    .landing-view {
        min-height: 1vh;
    }
    .half-split.slide-out {
        transform: translate(15%, 0%);
    }
    .landing-view {
        min-height:45em;
        padding-top:5em;
        margin-bottom: -15em;
        background: rgb(241,241,241); 
        background: -moz-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(160,160,160,1) 100%);
        background: -webkit-linear-gradient(top, rgb(169, 169, 169) 0%,rgb(113, 113, 113) 100%); 
        background: linear-gradient(to bottom, rgb(169, 169, 169) 0%,rgb(113, 113, 113) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#929292',GradientType=0 );
    }
    .landing-view .brand-name {
        display:block;
    }
    .screen-view.large img:not(.device), .screen-view.large .img:not(.device) {
        -ms-filter: brightness(90%);
        -webkit-filter: brightness(80%);
        filter: brightness(0.8);
        -webkit-transform: rotateX(183deg) rotateY(140deg) rotateZ(174deg) translate(-50%, -50%) scale3d(1, 0.75, 0.1) translate(0, 0%);
        -ms-transform: rotateX(183deg) rotateY(140deg) rotateZ(174deg) translate(-50%, -50%) scale3d(1, 0.75, 0.1) translate(0, 0%);
        -webkit-box-shadow: -1px 160px 70px -35px rgba(0,0,0,0.3);
        box-shadow: -1px 160px 70px -35px rgba(0,0,0,0.3);
    }
    .screen-view.large {
        margin-top: -5vh;
    }
    .container-med-center p, .container-med-center h4 {
        text-shadow: -1px 2px 2px rgba(0,0,0, 1);
        color:white;
    }
    #login {
        font-size: 1em;
        margin-top: 0;
    }
    .container-med-center {
        width: 50em;
        top:50%;
    }
    #login p {
        line-height: 0.8em;
    }
    .container-lg {
        width: 80vw;
    }
    h2 {
        font-size:4em;
        margin:1em;
    }
    .col-1-of-3 {
        float:left;
        min-width:1px;
        margin: 0% 1%;
        /* float: left; */
    }
    .screen-view.large .embed {
        opacity: 1;
    }
    .half-split .screen-view.cut-off {
        -webkit-transform: translate(-18%, 50%);
        transform: translate(-18%, 50%);
    }
    .half-split.half-split-right .screen-view.cut-off {
        margin-bottom: 0em;
    }

    input::-webkit-input-placeholder {
        color:white;
    }

    input::-ms-input-placeholder {
        color:white;
    }

    input:-ms-input-placeholder {
        color: white;
    }

    input::placeholder {
        color:white;
    }
    .landing-view input.W100 {
        color:white;
        border:1px solid white;
        background-color:rgba(0,0,0,0.4);
        text-shadow:initial;
        font-weight:normal;
        /*filter:drop-shadow(-2px 2px 1px rgba(0,0,0,0.4));*/
    }
    .screen-view.large {
        background-color:transparent;
    }
    #termsAndConditions {
        color:white;
    }
    #MainContent_DefaultSumit {
        background-color:black;
        color:white;
    }
}

@media only screen and (min-width: 1200px) {
    body {
        font-size: 16px;
    }
    .half-split .screen-view.cut-off {
        -webkit-transform: translate(-18%, 30%);
        transform: translate(-18%, 30%);
    }
}

@media only screen and (min-width: 1400px) {
    .screen-view.large {
        margin-top:-14em;
    }
    .nav-links {
        display:block;
    }
    .nav-links {
        position:fixed;
        clear:both;
        height:inherit;
        width:inherit;
        background-color:transparent;
        padding:0em;
        box-shadow: none;
        right:0em;
    }

    .nav-links li {
        background-color:transparent;
        /*width:initial;*/
        height:initial;
        /*padding-right:1em;*/
        width:auto;
        margin: 0;
    }
    .navbar .icon {
        display:none;
    }
    /*#login {
        font-size:1.1em;
    }*/
    .col-1-of-3-lg-screen {
     float: left; 
     min-width: 1px; 
     margin: 0% 1%; 
     float: left; 
     width: 31.33%; 
     margin: auto; 
     margin-bottom: 1em;
    }
    .col-2-of-3-lg-screen {
        width: 62.66%;
        margin: auto;
        float: left;
    }
    .img-spread-text {
        transform: translate(0, 0em);
    }
}

@media only screen and (min-width: 1600px) {
    .screen-view.large {
        width: 88vw;
    }
    /*#login {
        font-size: 1.2em;
    }*/
    .half-split .screen-view.cut-off {
        -webkit-transform: translate(-18%, 5%);
        transform: translate(-18%, 5%);
    }
    .half-split.half-split-right .screen-view.cut-off {
        margin-bottom: -8em;
    }
    .img-spread-text {
           transform: translate(15em, -3em);
           -webkit-transform: translate(15em, -3em);
    }
    .half-split div.text {
        height: 40em;
        width: 30%;
    }
    .pad-top-lg {
        padding-top:10em;
    }
    .pad-top-xl {
        padding-top:15em;
    }
    .mobile + div.vertical-centering.text {
        padding-bottom: 0;
    }
}