@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;}
html, html *, body, body * {cursor: none !important;}
html.touch, html.touch *, .touch body, .touch body * {cursor: auto !important;}
html,body {font-size: 16px;line-height: 1.4; background:#000000;font-family: 'Lato', sans-serif;color:#ffffff;font-weight: 500; position: relative;background-image: url("../img/bg.jpg");background-repeat: repeat;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;}
a {transition: ease-in-out all 0.2s; -webkit-transition: ease-in-out all 0.2s; -ms-transition: ease-in-out all 0.2s; -o-transition: ease-in-out all 0.2s; text-decoration:none; color:#ffffff;}
a:active, a:hover, a:focus {outline: 0; text-decoration:none;color: #17c2ac;}
button {transition: ease-in-out all 0.2s; -webkit-transition: ease-in-out all 0.2s; -ms-transition: ease-in-out all 0.2s; -o-transition: ease-in-out all 0.2s;}
img {max-width: 100%;}
ul li {list-style:none;}
h1,h2,h3,h4,h5,h6{margin: 0}
h1 {font-size: 8em;color: #ffffff;font-weight: bold;text-transform: uppercase;font-family: 'Geared Slab';}
h2 {font-size: 12.5em;color: #17c2ac;font-weight: bold;text-transform: uppercase;font-family: 'playfair_display', serif;}
h3 {font-size: 6.25em;color: #ffffff;font-weight: bold;text-transform: uppercase;font-family: 'Geared Slab';}
h4 {font-size: 2.5em;font-weight: normal;text-transform: uppercase;line-height: 1.2;font-family: 'Geared Slab';margin: 1em 0 1em;}
h5 {font-size: 18px;font-weight: 300;color: #ffffff;line-height: 1.3;}
h6 {text-transform: uppercase;font-size: 1em;font-weight: bold;}
a, button {outline: none;}
p {font-size: 1em;color: #cccccc;margin-bottom: 0;}
p + p {margin-top: 25px;}

.container-fluid {max-width: 1920px;width: 100%;padding: 0 50px;}
.text-inline {position: relative;display: inline-block;}

input:-webkit-autofill {-webkit-text-fill-color: #000000;-webkit-box-shadow: 0 0 0 30px #f3bb22 inset !important;}
.btn {padding: 11px 15px 9px 15px;border-radius: 0px;font-size: 1em;background-color: transparent;color: #ffffff;text-transform: uppercase;min-width: 200px;position: relative;overflow: hidden;border: 1px solid #ffffff;font-family: 'Geared Slab';font-weight: normal;text-align: left;z-index: 1;}
.btn:hover,.btn:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {color: #ffffff;border-color: #17c2ac;}
.btn::before {content: "";position: absolute;right: 0;top: 0;bottom: 0;width: 0;background-color: #17c2ac;transition: ease-in-out all 0.2s;z-index: -1;}
.btn:hover::before, .btn:focus::before {width: 100%;left: 0;right: auto;}
.btn.btn-small {padding: 5px 15px;}
button, button:active, button:focus {outline: 0;}
.btn span {position: absolute;height: 12px;width: 12px;text-align: center;border-right: 1px solid;border-bottom: 1px solid;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 20px;top: 0;bottom: 0;margin: auto;}

.dtable {display: table;width: 100%}
.dtable-cell {display: table-cell;vertical-align: middle;}
section {padding: 30px 0;}
.small-section {padding: 6.25em 0;}
.big-section {padding: 12.5em 0;}
/* Header CSS */
header {background-color: transparent;padding: 0.5em 2em 0.5em 0em;position: fixed;left: 0;right: 0;z-index: 997;transition: all 0.3s ease-in-out;}
.logo a {display: inline-block;}
.logo a img{vertical-align: middle;max-width: 200px;transition: all 0.3s ease-in-out;}
/* HERO CSS */
.hero {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;}
.tagline {text-transform: uppercase;font-size: 3.75em;line-height: 1;font-family: 'Geared Slab';letter-spacing: 12px;}
.icon-scroll, .icon-scroll:before {position: absolute;left: 0;right: 0;margin: auto;}
.icon-scroll {width: 28px;height: 45px;border: 2px solid #ffffff;border-radius: 25px;bottom: 2em;cursor: pointer;}
.icon-scroll:before {content: '';width: 2px;height: 8px;background: #fff;top: 10px;border-radius: 4px;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: scroll;animation-name: scroll;}
@-webkit-keyframes scroll {0% {opacity: 1;}100% {opacity: 0;-webkit-transform: translateY(46px);transform: translateY(20px);}}
@keyframes scroll {0% {opacity: 1;}100% {opacity: 0;-webkit-transform: translateY(46px);transform: translateY(20px);}}
/* HERO CSS END */

.welcome-text {margin-bottom: 2.5em;}
.welcome-section h3 span {font-size: 4em;font-family: 'playfair_display';display: inline-block;font-weight: bold;margin-right: -20px;line-height: 310px;}
.welcome-section label {text-align: left;font-weight: bold;line-height: 110px;}
/* Left RIGHT Section*/
.left-right-section .content-boxes {padding: 70px 90px;}
.hase-title {line-height: 150px;}
.left-right-section .content-boxes .dis-link {font-family: 'Geared Slab';text-align: left;}
.left-right-section .content-boxes .dis-link a {font-weight: bold;}
.left-right-section .content-boxes p {text-align: justify}
.left-right-section .content-boxes .btn {margin-top: 2.5em;}
.grid-item {margin-bottom: 10px;overflow: hidden;}
.grid-sizer, .grid-item {width: 49.3%;}
.gutter-sizer {width: 10px;}
.grid-item a {overflow: hidden;display: block;}
.grid-item a img {width: 100%;transition: 0.4s;}
.grid-item:hover a {transform: scale(1.3);}

/* .footer-bg {width: 100%;} */
footer .container-fluid {margin-top: -5.6em;}
/* Menu CSS*/
.menu-icon {-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;height: 30px;right: 0;position: relative;top: 0;width: 30px;z-index: 2;float: right;}
.menu-icon span, .menu-icon span::after, .menu-icon span::before {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background: white;content: '';height: 2px;width: 100%;left: 0;}
.menu-icon span::before {margin-top: -9px;}
.menu-icon span::after {margin-top: 9px;}
.action {background: none;border: 0;color: #fff;cursor: pointer;padding: 0;top: 0;bottom: 0;margin: auto;}
.action--menu {pointer-events: auto;position: absolute;}
.action--close {position: absolute;z-index: 1000;opacity: 0;}
.icon {display: block;width: 100%;height: 100%;margin: 0 auto;fill: currentColor;}
.icon--menu {width: 100%;}
.icon--close {width: 100%;}
.menu {text-align: center;width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;pointer-events: none;}
.menu--open .menu {pointer-events: auto;}
.menu__item {width: 100%;position: fixed;overflow: hidden;left: 0;top: 0;height: 100%;z-index: -1;}
.menu__item-inner {overflow: hidden;transform: translate3d(-100%,0,0);height: 100%;width: 100%;position: relative;display: flex;flex-direction: column;justify-content: center;padding-top: 8em;}
.menu__item--1 .menu__item-inner {background: #15171b;}
.mainmenu {width: 100%;height: 100%;overflow-y: auto;}
.mainmenu {counter-reset: menuitem;}
.mainmenu__item {opacity: 0;}
.mainmenu__item, .sidemenu__item {position: relative;overflow: hidden;transition: color 0.1s;margin: 0.25rem 0;display: inline-block;}
.mainmenu__item {font-size: 3.5em;overflow: visible;margin: 0.5rem 0;padding: 0 2.1rem;position: relative;transition: color 0.3s;text-transform: uppercase;font-family: 'Geared Slab';}
.mainmenu__item::before {counter-increment: menuitem;content: counters(menuitem, "", decimal-leading-zero);position: absolute;font-size: 1.25rem;top: 12%;left: 0;color: #494d54;font-family: 'playfair_display', serif;}
.mainmenu__item::after {position: absolute;background-color: #ffffff;z-index: 0;content: "";left: auto;right: -.5rem;width: 0;top: 50%;height: 4px;transform: translate3D(0,-50%,0);}
.mainmenu__item:hover::after {left: -.5rem;right: auto;-wekbit-animation-duration: .8s;-wekbit-animation-name: a;-moz-animation-duration: .8s;-moz-animation-name: a;animation-duration: .8s;animation-name: a;}
.menu--open {overflow: hidden;position: fixed;left: 0;right: 0;top: 0;}

@keyframes a {0% {left: -.5rem;right: auto;width: 0}50% {left: -.5rem;right: auto;width: calc(100% + .5rem)}51% {left: auto;right: -.5rem;width: calc(100% + .5rem)}99% {left: auto;right: -.5rem;width: 0}to {left: -.5rem;right: auto;width: 0}}
/* Menu CSS END*/
/* Cursor CSS*/
.circle-cursor {position: fixed;left: 0;top: 0;pointer-events: none;-webkit-border-radius: 50%;border-radius: 50%;}
.circle-cursor--inner {width: 5px;height: 5px;left: -2.5px;top: -2.5px;z-index: 12000;background-color: #ffffff;}
.circle-cursor--inner:after {content: "Scroll";width: 70px;background: #fff;height: 70px;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%) scale(0);-ms-transform: translate(-50%,-50%) scale(0);transform: translate(-50%,-50%) scale(0);position: absolute;right: 0;bottom: 0;color: #000;font-size: 15px;text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;font-weight: 500;font-family: 'Geared Slab';-webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;-o-transition: transform .3s ease;transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease;}
.circle-cursor.first.circle-cursor--inner:after {-webkit-transform: translate(-50%,-50%) scale(1);-ms-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);}
.circle-cursor--outer {z-index: 11000;width: 40px;height: 40px;border: 1px solid #ffffff;background-color: rgba(23, 194, 172, 0.6);}
/* Cursor CSS END*/

@media only screen and (min-width: 1200px) {
.header.affix {background: #1a1a1a;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.6);position: fixed !important;}
.header.affix .logo a img {max-width: 120px;}
}
@media only screen and (max-width: 1600px) {
h1 {font-size: 8em;}
.tagline {font-size: 3em;letter-spacing: 8px;}
.container-fluid {padding: 0 15px;}
header {padding: 0.5em 1em 0.5em 0em;}
.big-section {padding: 6em 0;}
h3 {font-size: 5em;}
.welcome-text {margin-bottom: 1.8em;}
.welcome-section h3 span {line-height: 245px;}
.welcome-section label {line-height: 85px;}
.left-right-section.left-section .content-boxes {padding: 30px 30px 30px 15px;}
.left-right-section.right-section .content-boxes {padding: 30px 15px 30px 30px;}
section {padding: 5px 0;}
h2 {font-size: 10em;}
.hase-title {line-height: 120px;}
h4 {font-size: 2em;margin: 0.8em 0;}
.small-section {padding: 3em 0;}
}
@media only screen and (max-width: 1199px) {
.grid-sizer, .grid-item {width: 49.5%;}
.left-right-section.left-section .content-boxes {padding: 0 0 30px 0;}
.left-right-section.right-section .content-boxes {padding: 0 0 30px 0;}
p + p {margin-top: 15px;}
.left-right-section .content-boxes .btn {margin-top: 1.5em;}
.hase-title {text-align: left;}
.left-right-section .content-boxes h4 br {display: none}
footer .container-fluid {margin-top: -3.6em;}
h4 {margin: 0.8em 0 0.6em 0;}
section {padding: 15px 0;}
.big-section {padding: 3em 0;}
header {position: absolute !important;}
.mainmenu__item {font-size: 2.2em;padding: 0 1.6rem;}
.mainmenu__item::before {font-size: 1.05rem;top: 7%;}
h1 {font-size: 5em;}

}
@media only screen and (max-width: 991px) {
h3 {font-size: 3em;}
.welcome-section label {line-height: 46px;}
.welcome-section h3 span {line-height: 155px;margin-right: 0;}
footer .container-fluid {margin-top: -2.6em;}
footer .form-group h4 {margin-top: 0.1em;}
.grid-sizer, .grid-item {width: 49.3%;}

}
@media only screen and (max-width: 767px) {
.grid-sizer, .grid-item {width: 49%;}
textarea.form-control {height: 130px;}
.form-group {margin-bottom: 25px;}
h1 {font-size: 3em;}
.tagline {font-size: 1.4em;letter-spacing: 2px;line-height: 1.3;}
.hero {height: 450px !important;}
.logo a img {max-width: 150px;}
.footer-mount.r189:before {padding-top: 34%;}
.menu-icon {height: 22px;width: 25px;}

}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {
h4 {font-size: 1.5em;}
h2 {font-size: 7em;}
.hase-title {line-height: 90px;}
.grid-sizer, .grid-item {width: 100%;}
h3 {font-size: 1.6em;}
.welcome-text {margin-bottom: 1.2em;}
.welcome-section h3 span {line-height: 85px;margin-right: 0;}
.welcome-section label {line-height: 28px;}
footer .container-fluid {margin-top: 0;}
.footer-mount.r189:before {padding-top: 60%;}
footer .container-fluid {margin-top: -2em;}
.small-section {padding: 0em 0 2em 0;}
.mainmenu__item {font-size: 1.4em;margin: 0.3rem 0;padding: 0 1.6rem;}
.mainmenu__item::before {font-size: 0.9rem;top: 3%;}
h1 {font-size: 2em;}

}