@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
body{margin: 0; padding: 0;}
.bgFixed{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: radial-gradient(closest-side, #c20000,  #9f0101); z-index: -1;}
.siteTitle{width: 100%;float: left;font: 400 38px 'Oswald';color: #ffffff;margin: 20px 0 0 0;text-shadow: 2px 2px 3px #525252;}
.mainContainer{width: 100%;float: left;min-height: 500px;background: #ccc;margin-top: 10px;position: relative;box-shadow: 0px 10px 18px #420707;}
.biosContent{width: 100%;float: left;position: relative;background: #000;}
.biosContent .bios{width: 100%; float: left; position: relative;}
.biosContent .bios .sliderControls{position: absolute;left: 0;bottom: 0;z-index: 9;background-image: linear-gradient(0deg, #770f0f -29%, #c20000 100%);display: flex;}
.biosContent .bios .sliderControls > div{padding: 10px 10px;height: 42px; cursor: pointer;}
.biosContent .bios .sliderControls > div img{height: 22px;width: auto;}
.rightContent{width: 235px;padding: 30px;position: absolute;top: 0;right: 0;bottom: 0px;background: #ccc;z-index: 1;background-image: linear-gradient(0deg, #770f0f -29%, #c20000 100%);overflow: hidden;}
.menuIconDiv{color: #fff;font-size: 16px;position: relative;z-index: 9;}
.menuIconDiv i{font-size: 20px; float: right; cursor: pointer;}
.bannerContainer{color: #fff;bottom: 0;top: 0;left: 30px;right: 30px;}
.bannerContainer strong{font-size: 70px;display: block;line-height: 60px;margin: 30px 0 20px 0;}
.bannerContainer p{margin: 30px 0 20px;line-height: 28px;font: 400 25px 'Oswald';}
.bannerContainer a{color: #fff;border: 1px solid #fff;padding: 10px 15px;transition: all ease-in-out 0.3s;display: inline-block;}
.bannerContainer a:hover{text-decoration: none;background: #b70101;color: #fff;}
.bannerContainer a:focus, .bannerContainer a:active{text-decoration: none;}
#menuContainer{width: 100%;float: left;position: relative;z-index: 9;padding: 20px 0;}
#menuContainer ul{margin: 0;padding: 0;}
#menuContainer ul li{list-style-type: none;}
#menuContainer ul li a{display: block;color: #fff;padding: 3px 0; transition: all ease-in-out 0.3s;}
#menuContainer ul li a:hover{text-decoration: none;padding: 3px 0 3px 5px; color: yellow}
#menuContainer ul li ul{margin: 0 0 0 10px;}
.cpright{color: #f57979;width: 100%;float: left;position: absolute;bottom: 2px;text-align: right;font-size: 12px;}
.cpright a{color: #f57979; transition: all ease-in-out 0.3s;}
.cpright a:hover{color: #fb9393; text-decoration:none;}

.sbkContainer{position: absolute;bottom: 16%;left: 20px;z-index: 9;}
.sbkContainer ul{margin: 0;padding: 0;}
.sbkContainer ul li{list-style-type: none;width: 20px;margin: 20px 0;}
.sbkContainer ul li a{color: #fff;display: block;text-align: center;}
.sbkContainer .followUs{color: #88B44E;/* font: 400 12px 'Open Sans'; */margin: 79px 0 0 0;white-space: nowrap;position: relative;-webkit-transform: rotate(270deg) translateX(-50%) translateY(-50%);-moz-transform: rotate(270deg) translateX(-50%) translateY(-50%);-o-transform: rotate(270deg) translateX(-50%) translateY(-50%);-ms-transform: rotate(270deg) translateX(-50%) translateY(-50%);transform: rotate(270deg) translateX(-50%) translateY(-50%);-webkit-transform-origin: 15% 0%;-moz-transform-origin: 0% 0%;-o-transform-origin: 0% 0%;-ms-transform-origin: 0% 0%;/* transform-origin: 0% 0%; */}
.sbkContainer .followUs:before{content: '';height: 1px;background: #88b44e;width: 23px;position: absolute;top: 10px;right: -42px;}

#div1{position: absolute;top: 30px;right: 30px;left: 30px;}
#div2{position: relative;top: 0px;bottom: 0;right: -300px;background: url('../images/action_fig_1.png') no-repeat right bottom;background-size: contain;float: left;width: 100%;}
#div2 .registerClose{color: #fff;float: right;text-align: right;display: inline-block;padding: 0 20px;cursor: pointer;right: -20px;position: relative;font: 400 24px/48px 'Arial';margin-top: -20px;}
#div2 #formContainer{float: left;width: 100%;font: 400 15px 'Oswald';margin: 0 30px;}
#div2 #formContainer .form-control{border-radius: 0;background: black;border-color: transparent;color: #fff;-webkit-box-shadow: inherit;box-shadow: inherit;height: inherit;padding: 4px 1px;}
#div2 #formContainer button{color: #fff;border: 1px solid #fff;padding: 10px 15px;transition: all ease-in-out 0.3s;display: inline-block;background: #7e0a0a;text-transform: uppercase;}


.contentArea{width: 100%;float: left;position: relative;background: #fff;margin: 0 0 20px 0;padding: 15px;}
.contentArea h1{font: 400 30px 'Oswald';margin: 0 0 10px 0;}
.contentArea p{margin: 0 0 10px 0;line-height: 26px;}