@font-face {
    font-family: 'GothamLight';
    src: url(/non/Start/css/fonts/GothamXNarrow-Light.woff2);
}
@font-face {
    font-family: 'GothamMedium';
    src: url(/non/Start/css/fonts/GothamXNarrow-Medium.woff2);
}
@font-face {
    font-family: 'GothamUltra';
    src: url(/non/Start/css/fonts/GothamXNarrow-Ultra.woff2);
}


html,body {margin:0;padding: 0;}
body {font-family: 'GothamLight';}


section.license-error {position: relative;}

section.license-error > .Top {position: relative;background-color: #2BBDFF;padding: 100px 50px 80px;text-align: center;color: #fff;}
section.license-error > .Top:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #2bbdff;border-width: 15px;margin-left: -15px;}
section.license-error > .Top > .Icon {margin-bottom: 40px;}
section.license-error > .Top > .Icon > img {width: 100%;max-width: 560px;}
section.license-error > .Top > .Title {font-size: 62px;font-family: 'GothamUltra';margin-bottom: 5px;}
section.license-error > .Top > .s-Title {font-size: 24px;color: #ffffff;}

section.license-error > .Bottom {text-align: center;padding: 80px 0;}
section.license-error > .Bottom > .Icon {margin-bottom: 12px;}
section.license-error > .Bottom > .Icon > img {}
section.license-error > .Bottom > .Link {padding: 5px;display: inline-block;color: #000000;text-decoration: none;font-size: 20px;}



section.comingsoon-error {padding: 90px 50px;text-align: center;}
section.comingsoon-error > .Content {}
section.comingsoon-error > .Content > .Icon {margin-bottom: 40px;}
section.comingsoon-error > .Content > .Icon > img {width: 100%;max-width: 330px;}
section.comingsoon-error > .Content > .Title {font-size: 70px;font-family: 'GothamUltra';color: #0055EB;margin-bottom: 5px;}
section.comingsoon-error > .Content > .s-Title {font-size: 26px;margin-bottom: 80px;}

section.comingsoon-error > .Content > .Logo {margin-bottom: 20px;}
section.comingsoon-error > .Content > .Logo > img {width: 100%;max-width: 170px;}
section.comingsoon-error > .Content > .Link {color: #000000;text-decoration: none;font-size: 16px;padding: 5px;display: inline-block;}




section.Soon {position: relative;z-index: 2;text-align: center;padding: 20px;}
section.Soon .soon-area {margin-top: 120px;}
section.Soon .soon-area > .Icon {display: inline-block;margin-bottom: 40px;max-width: 390px;}
section.Soon .soon-area > .Icon > img {width: 100%;}
section.Soon .soon-area > .Title {margin-bottom: 40px;}
section.Soon .soon-area > .Title > h1 {font-size: 70px;font-family: 'GothamUltra';color: #E24236;margin-bottom: 8px;}
section.Soon .soon-area > .Title > h2 {font-size: 38px;color: #fff;font-family: 'GothamLight';}
section.Soon .soon-area > .Title > h2 > span {font-family: 'GothamMedium';}
@media only screen and (max-width: 900px) {
    section.Soon .soon-area > .Title > h1 {font-size: 40px;}
    section.Soon .soon-area > .Title > h2 {font-size: 26px;}
}
@media only screen and (max-width: 575px) {
	section.Soon .soon-area {margin-top: 40px;}
}
@media only screen and (max-width: 487px) {
    section.Soon .soon-area > .Title > h1 {font-size: 26px;}
	section.Soon .soon-area > .Title > h2 {font-size: 18px;}
	section.Soon .soon-area > .Title {margin-bottom: 30px;}
}



@media only screen and (max-width: 575px) {

	section.license-error > .Top {padding: 40px 20px 40px;}
	section.license-error > .Top > .Icon {margin-bottom: 30px;}
	section.license-error > .Top > .Title {font-size: 26px;}
	section.license-error > .Top > .s-Title {font-size: 18px;}

	section.license-error > .Bottom {padding: 50px 0;}
	section.license-error > .Bottom > .Icon > img {max-width: 120px;}
	section.license-error > .Bottom > .Icon {margin: 0;}




	section.comingsoon-error > .Content > .Title {font-size: 30px;}
	section.comingsoon-error > .Content > .s-Title {font-size: 16px;margin-bottom: 50px;}
	section.comingsoon-error > .Content > .Logo {margin-bottom: 10px;}
	section.comingsoon-error > .Content > .Logo > img {max-width: 134px;}

}