@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.ttf');
}

*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {outline: 0 !important; text-decoration:none;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: 'Roboto-Regular'; font-size:17px; color:rgba(255,255,255,0.7); line-height:28px; background:#000;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.h100{height: 100%;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.space60{clear:both; width:100%; height:60px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.height100{height:100%;}
.height100p{height:100px;}
h1,h2,h3,h4,h5,h6{color:#FFF;}
p{margin-bottom: 20px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {    width: 100%;    max-width: 1270px; position: relative;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}

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

header{position:absolute; top:60px; left:0; right:0; width:100%; z-index:10; padding:0 15px;}
#underWaterImg{background:url(../images/img_home.jpg) no-repeat; background-size:cover; background-position:center; width:100%; height:100vh;}

.rspMenuOuter{display:flex; align-items: center; cursor:pointer; padding-top:25px;}
.rspMenuLink{width: 50px; display:block;}
.rspMenuTxt{color:#FF7800; text-transform:uppercase;}
.rspMenuClose{z-index:1000;}
.rspMenuLink span{display: block;width: 25px;height: 2px;margin: 0 auto 5px auto;background: #FF7800;transition: 0.4s;}
.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-6px, 5px) ;transform: rotate(-45deg) translate(-6px, 4px);}
.rspMenuClose span:nth-child(2) {opacity: 0;}
.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-5px, 5px) ;transform: rotate(45deg) translate(-5px, -4px) ;}

.rspMenuContent{width: 330px; max-width:100%; background: #000; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; -ms-transition: all .6s linear; transition: all .6s linear; overflow-y:scroll; padding-top:5px;}
.rspMenuActive{left:0; visibility:visible;}

.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #fff;}
.rspMenuContent li a{color: #FF7800; display: block; font-size: 16px; line-height: 25px; padding: 11px 20px; text-decoration: none; position:relative; }
.rspMenuContent li .submenu {background-color: #000; height: 100%; position: absolute; right: -100%; top: 0; transition: all .5s ease 0s; width: 100%; z-index: 999;}
.rspMenuContent li.active > .submenu {right: 0;}
.rspMenuContent li.menu-item-has-children > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #FF7800;    font-size: 20px;    position: absolute;    top: 15px;    right: 25px;}
.rspMenuContent li ul.sub-menu{display:none;}
.rspMenuContent li ul.sub-menu li{border:none !important;}


.subPageHeader{clear:both; width:100%; height:100vh; background-size:cover !important; background-position:center !important; margin-bottom:50px; text-align:center;}
.pageContent h1{margin-bottom:40px; font-weight:bold; font-size:40px; line-height:50px;}
.pageContent{padding-bottom:50px;}
.pageContent input[type="text"], .pageContent input[type="password"]{height: 35px; border: none; border-radius: 0; color: #000; font-size: 14px;}
.pageContent input[type="submit"]{height: 35px; background: #FF7800; border: none; font-size: 14px; padding: 0 20px; color: #FFF; text-transform: uppercase;}

footer{background:#111111; padding:15px; color:#FFF; font-size:14px;}
footer .socialLnks{display:flex; align-items: center;justify-content: flex-end;}
footer .socialLnks a{color:#FFF; margin:0 15px;}
footer .socialLnks a i{font-size:18px;}

/******************************************/
.rspMenuBtm{display:none;}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:30px;}
	
	.rspMenuBtm{display:block; position:fixed; bottom:25px; right:25px; z-index:99; padding:17px 0 0 0; height:50px; width:50px; border-radius:25px; background:#FFF; z-index:9999;}
	.rspMenuBtm span{background:#000;}
	.rspMenuContent .rspMenuOuter{display:none;}
	header .text-right{text-align:center;}
	footer{text-align:center;}
	footer .socialLnks{justify-content:center; padding-top:15px;}
}