/*
UPDATED 04/09/2021 12:18 PM

Blue: #00BFF3;
Pink: #FF28B7;

*/

html { -webkit-text-size-adjust: 100%; }
body { 
background: rgb(32,32,118); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(32,32,118,1) 0%, rgba(8,8,45,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(32,32,118,1) 0%,rgba(8,8,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(32,32,118,1) 0%,rgba(8,8,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202076', endColorstr='#08082d',GradientType=0 ); /* IE6-9 */
}

div, span { font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 14px; line-height: 120%; color: #FFFFFF; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
a { color: #FFFFFF; text-decoration: underline; }
img { max-width: 100%; max-height: 100%; border: none; }
form { margin: 0px; padding: 0px; }
.Video { position: relative; padding-bottom: 56.25%; height: 0px; background-color: #000000; } /* 16:9 */	
.Video iframe { position: absolute; top: 0px;	left: 0px; width: 100%; height: 100%; }
.Ellipsis { overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.BodyDisable { overflow: hidden; }
.ButtonCover { display: block; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99997; opacity: 0; cursor: pointer; }
.CoverDark { background-color: #000000; opacity: 0.7; }
.CoverLight { background-color: #FFFFFF; opacity: 0.85; }

.Button { background-color: #356AE6; border: none 0px; outline: none 0px; border-radius: 4px; padding: 8px 12px; color: #FFFFFF; font-weight: 700; font-size: 12px; line-height: 12px; text-transform: uppercase; cursor: pointer; background-repeat: no-repeat; background-position: center left 5px; background-size: 16px 16px; }
.Button:hover { background-color: #3388FF; }

.ButtonClose { background-color: #FFFFFF; color: #505676; border: solid 1px #D8DDED; }
.ButtonClose:hover { background-color: #F7F9FF; }

.ComingSoon { display: block; margin: 0px 0px 8px 0px; color: #00BFF3; font-size: 20px; font-weight: 700; text-transform: uppercase; }
.Headline { display: block; max-width: 550px; margin: 0px 0px 15px 0px; }
.Author { display: block; margin: 0px 0px 15px 0px; }
.Author b { color: #00BFF3; }
.Info {  display: block; margin: 0px 0px 40px 0px; font-size: 15px; font-weight: 300; }
.Subscribe {  display: block; margin: 0px 0px 15px 0px; font-size: 15px; font-weight: 300; }

.Privacy { display: block; margin: 0px auto; font-size: 11px; opacity: 0.6; }
.Privacy a { color: #FFFFFF; }
.Copyright { display: block; margin: 200px auto 30px auto; font-size: 11px; opacity: 0.25; text-align: center; }
.Copyright a { color: #FFFFFF; }

#Form { display: table; width: 100%; margin: 0px 0px 10px 0px; max-width: 400px; }
#Form .Input { display: table-cell; vertical-align: top; width: auto; padding-right: 10px; }
#Form .Submit { display: table-cell; vertical-align: top; width: 90px; }
#Form .Input span { background-color: #FFFFFF; }
#Form .Input input { width: 100%; height: 36px; outline: none 0px; border: solid 0px; font-family: 'Roboto', arial, helvetica, sans-serif; color: #3366FF; font-size: 15px; -webkit-appearance: none; border-radius: 0px; padding: 3px 3px 3px 8px; }
.Submit button { width: 90px; height: 36px; background-color: #FF28B7; outline: none 0px; border: none 0px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; font-size: 11px; font-weight: 700; -webkit-appearance: none; border-radius: 0px; text-transform: uppercase; }
._error-inner { padding: 10px 10px 10px 0px; color: #FFCC00; }

.Confirmation { display: none; padding: 30px; position: fixed; top: 0px; left: 0px; z-index: 9999999999; }
.ConfirmationOpen { display: block!important; }
.Confirmation .Content { display: block; max-width: 500px; border: solid 1px #D8DDED; border-radius: 5px; padding: 0px; top: 0px; left: 0px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.25); background-color: #FFFFFF; }
.Confirmation .MenuHeader { margin-bottom: 10px; text-align: center; padding: 15px; border-bottom: solid 1px #D8DDED; color: #FF28B7; font-size: 18px; font-weight: 700; }
.Confirmation .MenuText { text-align: center; padding: 15px; ; color: #333333; font-size: 15px; }
.MenuButtons { display: block; margin: 0px auto; padding: 15px; text-align: right; }

/* ///////////////////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 1000px) {
.Page { display: table; width: 100%; max-width: 900px; height: 100%; margin: 0px auto; }
.Container { display: table-cell; width: auto; vertical-align: middle; padding: 30px; }
.Table { display: table; width: 100%; margin: 0px auto; }
.Row { display: table-row; }
.Col { display: table-cell; width: auto; vertical-align: top; }
#Promo .Left { width: 280px; }
#Promo .Right { padding-left: 30px; }
.Photo { display: block; width: 100%; max-width: 280px; position: relative; background-color: rgba(255, 255, 255, 1); }
.Photo img { margin: 15px; } 
.Phone { display: block; width: 150px; height: 200px; position: absolute; left: -100px; bottom: -20px; z-index: 2; }
.Arrow { display: block; width: 62px; height: 84px; position: absolute; right: -10px; bottom: 100px; z-index: 3; }
}

/* ///////////////////////////////////////////////////////////////////////////////////////////// */

@media (max-width: 999px) {
.Page { display: block; min-width: 300px; max-width: 600px; margin: 0px auto; }
.Container { display: block; margin: 0px auto; padding: 15px; }
.Table { display: block; width: 100%; margin: 0px auto; }
.Row { display: block; margin: 0px auto; }
.Col { display: block; margin: 0px auto; }
.ComingSoon { text-align: center; }
.Headline { text-align: center; }
.Author { text-align: center; }
.Form { margin: 0px auto 8px auto; }
.Privacy { text-align: center; }
#Promo .Left { margin-bottom: 50px;  }
.Photo { display: block; width: 170px; margin: 0px auto; position: relative; background-color: rgba(255, 255, 255, 0.10); }
.Photo img { width: 150px; margin: 10px; } 
.Phone { display: block; width: 75px; height: 100px; position: absolute; left: -50px; bottom: -10px; z-index: 2; }
.Arrow { display: none; }
}