@charset "utf-8";
/*
CSS Document made by haryo bayu
more about me : www.haryobayu.web.id | haryobayu.info@gmail.com
23 Oktober 2019
*/

@import url('roboto-condensed/roboto-condensed.css');
@import url('opensans/opensans.css');
@import url('SegoeUI/style.css');
@import url('Lato-Regular/style.css');
@import url('RopaSans-Regular/style.css');
@import url('Oswald-Regular/style.css');

/* Register Font Family */

.ff-RobotoCondensed-Regular {font-family: 'RobotoCondensed-Regular',sans-serif; }
.ff-RobotoCondensed-Italic {font-family: 'RobotoCondensed-Italic',sans-serif; }
.ff-RobotoCondensed-Bold {font-family: 'RobotoCondensed-Bold',sans-serif; }
.ff-OpenSans-Regular {font-family: 'OpenSans-Regular',sans-serif; }
.ff-RopaSans-Regular {font-family: "RopaSans-Regular",sans-serif; }
.ff-Lato {font-family: "Lato-Regular",sans-serif; }
.ff-SegoeUI {font-family: 'SegoeUI',sans-serif; }



html,body {font-family: 'OpenSans-Regular',sans-serif;height: 100%; scroll-behavior: smooth;}
textarea:focus, input:focus{outline: none;}
[role="button"],input[type="submit"],input[type="reset"],input[type="button"],button {
-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/* Reset `button` and button-style `input` default styles */
input[type="submit"],input[type="reset"],input[type="button"],button {
background: none;border: 0;color: inherit;
/* cursor: default; */
font: inherit;line-height: normal;overflow: visible;padding: 0;
-webkit-appearance: button; /* for input */
-webkit-user-select: none; /* for button */
-moz-user-select: none;-ms-user-select: none;
}
input::-moz-focus-inner,button::-moz-focus-inner {border: 0;padding: 0;}
/* Make `a` like a button */
[role="button"] {
color: inherit;cursor: default;display: inline-block;text-align: center;text-decoration: none;white-space: pre;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}


/* link  */
a.link-white { color: #fff !important;}  a.link-white:hover{ color: #ff9900 !important;}
a.link-red { color: #fd2731 !important;}a.link-red:hover{ color: #fff !important;}
a.link-black { color: #454444 !important;}a.link-black:hover{ color: #f90 !important;}
a.link-grey { color: #666 !important;}a.link-grey:hover{ color: #f90 !important;}
.link-grey { color: #666 !important;}.link-grey:hover{ color: #f90 !important;}
a.link-orange { color: #f90 !important;}a.link-orange:hover{ color: #fff !important;}
.link2-black a { color:#454444 !important;}.link2-black a:hover { color:#f90!important;}
.link2-grey a { color:#666 !important;}.link2-black a:hover { color:#f90!important;}
.link2-white a { color:#fff !important;}.link2-white a:hover { color:#ocf!important;}
.link2-red a {color: #fd2731 !important;}.link2-red a:hover {color: #fff !important;}
.link2-orange a { color: #f90 !important;}.link2-orange a:hover {color: #fff !important;}

a.link-blue-ocean { color: #02afda !important;}a.link-blue-ocean:hover{ color: #f90 !important;}
.link-blue-ocean { color: #02afda !important;}.link-blue-ocean:hover{ color: #f90 !important;}

.link-black { color: #454444 !important;}
.link-black:hover{ color: #f90 !important;}
.link-white { color: #fff !important;}  
.link-white:hover{ color: #ff9900 !important;}


.header-mobile { display:none !important;}
.header-desktop { display:block !important;}
.header-desktop { background-color:#00385b; position:fixed; top:0; z-index:99; width:100%;}
.header-mobile { background-color:#00385b; width:100%; padding:8px; position:fixed; top:0; z-index:100;}
.wrapping { width: 1200px !important; margin:0 auto;}
.list-lr { margin-left:0px; margin-right:0px;}

.secatas { width:100%;background-color:#10254a; color:#FFF; position: relative; top:0; height:70%;}
.secbawah { width:100%;background-color:#FFF; position: relative;bottom:0; height:30%;}
.title { font-size:101px; color:#FFF;font-family: "RopaSans-Regular",sans-serif;padding-top:6%;}
.sub-text {font-family: "Lato-Regular",sans-serif; font-size:19px; color:#FFF; margin-top:10px;}
.back-to { font-size:22px;font-family: "Lato-Regular",sans-serif; color:#FFF; margin-top:40px;}
.wrap-foot { position:absolute; bottom:50px;}
.group-a { width:1100px; float:left;}
.group-b  { width:100px; float:right; text-align:right;}
.wrap-foot .group-a .logo-cil { width:230px; height:auto !important; padding-bottom:10px;}
.wrap-foot .group-a .text { color:#999; font-family: "Lato-Regular",sans-serif; font-size:16px; } 
.wrap-foot .group-b .con {color:#10254a; font-size:25px; margin-top:30px;}