html { scroll-behavior: smooth; }

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: left; font-size: 14px; background: #000000; font-family: 'Montserrat', sans-serif; font-weight: 400; scroll-behavior: smooth; }

body { height: 100%; position: absolute; z-index: 0; color: #ffffff; background: #000000; scroll-behavior: smooth; overflow-x: hidden !important; background-image: -webkit-radial-gradient(rgba(238, 170, 74, 0.3) 1px, transparent 0); background-image: -o-radial-gradient(rgba(238, 170, 74, 0.3) 1px, transparent 0); background-image: radial-gradient(rgba(238, 170, 74, 0.3) 1px, transparent 0); background-size: 50px 50px; }

* { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

*:focus { outline: none; }

img { display: block; width: 100%; border: 0px !important; outline: none !important; position: relative; }

a { outline: none !important; text-decoration: none; color: #e3774c; }

h1 { margin: 40px; font-family: 'Montserrat', sans-serif; font-weight: 400; }

@font-face { font-family: "CenturyGothic"; src: url("../fonts/century-gothic.ttf") format("ttf"), url("../fonts/century-gothic.woff") format("woff"), url("../fonts/century-gothic.woff2") format("woff2"), url("../fonts/century-gothic.woff2") format("woff2"), url("../fonts/century-gothic.svg") format("svg"); font-weight: normal !important; font-style: normal !important; font-weight: normal !important; font-style: normal !important; }

.ClearFix { clear: both; }

.Transitions { -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#MainCont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 820px; height: 100vh; margin: 0px auto 0px auto; padding: 30px; text-align: center; position: relative; font-family: "CenturyGothic"; }

#MainCont #MainLogo { display: block; width: 100%; max-width: 900px; height: auto; margin: 40px auto; }

#MainCont #Conv { display: block; width: 100%; max-width: 130px; height: auto; margin: 30px auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

#MainCont #BarCont { display: block; width: 100%; height: auto; margin: 20px auto; background: #1e1e1e; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border-top: solid 1px #252322; border-bottom: solid 1px #252322; }

#MainCont #Reno { display: block; width: 100%; height: auto; margin: 20px auto 50px auto; }

#MainCont p { display: block; width: 100%; height: auto; margin: 20px auto 50px auto; font-size: 14px; line-height: 13px; }

#MainCont a { color: #252628; text-decoration: none; cursor: pointer; }

#MainCont a:active { color: #252628; text-decoration: none; }

#MainCont a:hover { color: #fe6b00; text-decoration: underline; }

#MainCont #SocialBoix { display: block; width: 150px; height: 50px; margin: 50px auto 0px auto; overflow: hidden; }

#MainCont #SocialBoix .SocialBox { display: block; width: 50px; height: 50px; margin: 0px auto; overflow: hidden; float: left; background: url("../images/social-sprites.svg") 0px 0px no-repeat; background-size: 150px 100px; cursor: pointer; }

#MainCont #SocialBoix .SocialBox.FB { background-position: 0px 0px; }

#MainCont #SocialBoix .SocialBox.IT { background-position: -50px 0px; }

#MainCont #SocialBoix .SocialBox.YT { background-position: -100px 0px; }

#MainCont #SocialBoix .SocialBox:hover { background-position-y: -50px; }

#MainCont #SocialBoix:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

#MainCont #SocialBoix:active { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/* CSS RESPONSIVE ------------*/
*, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

.light-bar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); width: 100%; height: 15px; border-radius: 0.15px; margin: 0 auto; padding: 0 5px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border-top: solid 1px #252322; border-bottom: solid 1px #252322; }

.light-bar-viewport { position: relative; display: block; margin: 0 auto; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 5px; overflow: hidden; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border-top: solid 1px #252322; border-bottom: solid 1px #414141; }

.light-bar { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 65%; height: 100%; background: #1e1e1e; background: -webkit-gradient(linear, left top, right top, from(#1e1e1e), color-stop(35%, #eeaa4a), color-stop(45%, #eeaa4a), color-stop(48%, #ffae73), color-stop(50%, white), color-stop(52%, #ffa768), color-stop(55%, #eeaa4a), color-stop(60%, #eeaa4a), to(#1e1e1e)); background: -webkit-linear-gradient(left, #1e1e1e 0%, #eeaa4a 35%, #eeaa4a 45%, #ffae73 48%, white 50%, #ffa768 52%, #eeaa4a 55%, #eeaa4a 60%, #1e1e1e 100%); background: -o-linear-gradient(left, #1e1e1e 0%, #eeaa4a 35%, #eeaa4a 45%, #ffae73 48%, white 50%, #ffa768 52%, #eeaa4a 55%, #eeaa4a 60%, #1e1e1e 100%); background: linear-gradient(90deg, #1e1e1e 0%, #eeaa4a 35%, #eeaa4a 45%, #ffae73 48%, white 50%, #ffa768 52%, #eeaa4a 55%, #eeaa4a 60%, #1e1e1e 100%); -webkit-animation: move_bar 1.5s linear infinite; animation: move_bar 1.5s linear infinite; }

@-webkit-keyframes move_bar { from { margin-left: -100%; }
  to { margin-left: 100%; } }

@-moz-keyframes move_bar { from { margin-left: -100%; }
  to { margin-left: 100%; } }

@-o-keyframes move_bar { from { margin-left: -100%; }
  to { margin-left: 100%; } }

@keyframes move_bar { from { margin-left: -100%; }
  to { margin-left: 100%; } }

@media only screen and (min-width: 320px) and (max-width: 420px) { #MainCont { padding: 30px 30px; margin: 0px auto 0px auto; }
  #MainCont #MainLogo { width: 90%; margin: 20px auto; }
  #MainCont #BarCont { margin: 0px auto; }
  #MainCont #Conv { max-width: 100px; margin: 0px auto; }
  #MainCont .Line { display: none; }
  #MainCont p { line-height: 16px; margin: 20px auto; }
  #MainCont p a { display: block; }
  #MainCont #SocialBoix { margin: 30px auto 0px auto; } }

@media only screen and (min-width: 0px) and (max-width: 319px) { * { display: none; } }


/*# sourceMappingURL=landing.min.css.map */